body { background:#003f63 url(../imgs/fundo.jpg) repeat-x; color:#070000; font:12px/18px Arial, Helvetica, sans-serif; margin:0; padding:0; text-align:justify; } h1, h2, h3, h4, h5, h6, p, ul, li, form, div, img, fieldset, legend, label, input, select, textarea, button, span { margin:0; padding:0; } a img { border:none; } ul { list-style:none; } a { color:#fff; text-decoration:none; } a:hover { color:#fff; text-decoration:underline;} a:focus { outline:none;} .clear { clear:both; height:0; } .disappear { visibility:hidden; } .bold { font-weight: bold; } .italic { font-style: italic; } .space { height:10px;} .floatleft {float:left; margin-right:10px; text-align:left; width:414px; height:125px; } .tit {float:left; margin:0 0 20px 16px; background:#fff; text-align:left; /*width:380px;*/ height:44px; padding:0 5px; } .tit img { float:right; margin:11px 5px 10px 0; } .thumbs { margin-right:15px !important; margin-top:15px !important; cursor:pointer; } .titgeral {float:left; padding:2px 0 7px 7px; margin-top:20px; background: url(../imgs/backtit.png) no-repeat; text-align:left; width:380px; height:24px; } .titartistas {float:left; padding:2px 0 7px 7px; margin: 10px 0 5px; background: url(../imgs/backtit.png) repeat; text-align:left; width:252px; height:33px; } .titmusicas {float:left; padding:2px 0 7px 7px; background: url(../imgs/backtit.png) no-repeat; text-align:left; width:381px; height:24px; } .titvideos {float:left; padding:2px 0 7px 7px; background: url(../imgs/backtit_2.png) no-repeat; text-align:left; width:830px; height:24px; margin: 25px 0 12px;} .videos {float:left; margin-right:36px; text-align:left; width:240px; height:230px; } .referencia {border-top:3px solid #2E4869; background-color:#112128 ; margin-top:10px; clear:both; } .blocoref {float:left; margin:0; text-align:left; width:250px; height:280px; margin-left:25px;} .guestbook {border-top:1px solid #2E4869; background-color:#112128 ; margin-top:15px; margin-bottom:25px;clear:both; } div#google { float: right; position: relative; width: 245px; margin-top: 15px;} #google form input.button {background: url("../imgs/button_search.png") no-repeat scroll left top transparent; border: medium none; float: right; height: 22px; margin-left: 0; padding: 0; width: 25px;} #google form input, #pesquisa form textarea { border: 1px solid #FFFFFF; float: left; font-size: 11px; margin-bottom: 15px; padding: 3px; position: relative; width: 200px;} /* ________________________________________________ 2. Blocks __________________________________________________________ */ div#page-wrapper {z-index:1; width:880px; text-align:left; margin:0 auto; } div#header {height:111px;} #content-wrapper { overflow:hidden; text-align:left; margin:0 auto; clear:both;} #destaques1 {position:relative; float:left; width:293px; height:240px; background:#A36E11;} #destaques1 h1 {color:#FFF; font:Bold 19px "Arial", Helvetica, sans-serif; text-align: left; padding:13px 0 4px 15px;} #destaques1 p {color:#FFF; font:13px "Arial", Helvetica, sans-serif; text-align: left; padding:0 15px 10px 15px; height:35px;} #destaques2 {position:relative; float:left; width:293px; height:240px; background:#61690D;} #destaques2 h1 {color:#FFF; font:Bold 19px "Arial", Helvetica, sans-serif; text-align: left; padding:13px 0 4px 15px;} #destaques2 p {color:#FFF; font:13px "Arial", Helvetica, sans-serif; text-align: left; padding:0 15px 10px 15px; height:35px;} #destaques3 {position:relative; float:left; width:294px; height:240px; background:#13242C;} #destaques3 h1 {color:#FFF; font:Bold 19px "Arial", Helvetica, sans-serif; text-align: left; padding:13px 0 4px 15px;} #destaques3 p {color:#FFF; font:13px "Arial", Helvetica, sans-serif; text-align: left; padding:0 15px 10px 15px; height:35px;} #noticias {position:relative; float:left; width:880px; height:154px; background:#13242C;} #noticias .padding{ padding: 16px; } #noticias img {float:left; width:118px; height:118px; margin: 0 13px 0 0; border: 3px #71AFFA solid;} #noticias h1 {color:#FFF; font:Bold 19px "Arial", Helvetica, sans-serif; text-align: left; margin-bottom:7px;} #noticias p {color:#FFF; font:13px "Arial", Helvetica, sans-serif; text-align: left; padding:0;} /* _______________________________________________ 3. Header Contents __________________________________________________ */ div#logo {float:left; position:absolute; width:188px; height:57px;} div#saltar {float:right; position:absolute; width:30px; height:97px; margin: 30px 0 0 880px;} div#botao_auditoria {float:right; position:absolute; width:188px; height:57px; margin: 219px 0 0 351px; text-align:center;} div#banner {position:relative; z-index:2; float:left; /*background:url(../imgs/banner.jpg) no-repeat top right; */ width:880px; height:278px; margin:-30px 0 0 0} div#navigation { position:relative; z-index:5; clear:both; width:880px; height:30px; background:url(../imgs/fundo_menu.png) repeat-x; font:bold 12px "Verdana", Times, serif; color:#FFFFFF;} div#info { clear:both; height:41px; border-bottom: 1px solid #98afbb; padding-top:11px; } div#pesquisa {width:288px; float:left; position:relative; padding:0 0 5px 19px; text-align:left; margin-top:-19px; font:12px "Verdana", Times, serif;} /*______________________________________________ 3.1 Sitemap ___________________________________________________*/ div#bsitemap { position:absolute; z-index:999; width:880px; height:248px; margin:0; padding:0; top:30px; left:0; bottom:0; overflow:hidden; } div#bsitemap .inner { background-color:#13242C; color:white; width:880px; height:248px; position:relative; left:880px; } div#bsitemap .inner .center { margin-left:55px; } div#bsitemap .inner ul {float: left; margin-left: -10px; margin-right: 37px; margin-top: 22px; width: 115px; } div#bsitemap .inner ul li { height:14px; width:220px;} div#bsitemap .inner ul li a { color:#71AFFC; font: 10px Arial, Helvetica, sans-serif; } div#bsitemap .inner ul li.head div a { color:#71AFFC; font: 10px Arial, Helvetica, sans-serif; } div#bsitemap .inner ul li.head { height:16px !important; width:140px; } div#bsitemap .inner ul li.head a { font: 12px Arial, Helvetica, sans-serif; color:#FFFFFF; } div#bsitemap .inner ul li.head2 { height:14px !important; width:140px;} div#bsitemap .inner ul li.head2 a { font: 10px Arial, Helvetica, sans-serif; color:#FFFFFF; } /*div#bsitemap { position: absolute; left: 0; bottom: 0; }*/ /* _______________________________________________ 4. Navigations bars __________________________________________________ */ /* _____________ 4.1 Flags ___________*/ div#flags {float:right; margin:76px -220px 0 0;} #flags img, #flags a img { margin:0 4px 0 0; border:1px solid #c9cfd2; } #flags a:hover img { border:1px solid #fff;} /* _____________ 4.2 Navigation ___________*/ ul#nav li {float:left; text-align:center; font: 14px Arial, Helvetica, sans-serif; height:29px;} ul#nav li a {display: block; text-decoration:none; padding:7px 26px 6px; color: #FFFFFF;} ul#nav li a:hover {background-color:#13242C;} /*ul#nav li#nav-home a, ul#nav li#nav-empresa a, ul#nav li#nav-equipamento a, ul#nav li#nav-servicos a, ul#nav li#nav-musica a, ul#nav li#nav-referencias a, ul#nav li#nav-noticias a, ul#nav li#nav-contacto a, */ ul#nav li#nav-home a:hover, ul#nav li#nav-empresa a:hover, ul#nav li#nav-equipamento a:hover, ul#nav li#nav-servicos a:hover, ul#nav li#nav-musica a:hover, ul#nav li#nav-referencias a:hover, ul#nav li#nav-noticias a:hover, ul#nav li#nav-contacto a:hover { background-color:#13242C; text-decoration:none; } ul#nav li#nav-contacto a:hover { background-color:#13242C; text-decoration:none; } ul#nav li#nav-contacto a { padding:7px 14px 6px 14px; } #nav > li#nav-empresa { width:108px;} #nav > li#nav-empresa a { padding:7px 0 6px 0; } #nav > li#nav-empresa > a { background-position:89px -90px; } #nav > li#nav-equipamento { width:128px;} #nav > li#nav-equipamento a { padding:7px 0 6px 0;} /*1º child*/ #nav li ul { display:none; position:absolute; text-align:left; line-height:12px; font-size:11px; z-index:99; width:141px; margin:0; padding:0; } #nav li ul li { font-size:11px; line-height:14px; margin:0; padding:0; } #nav li ul li a { font-size:11px; display:block; color:#fff; background:url(../imgs/fundo_menu.png) repeat-x; text-decoration:none; height:17px; width:141px; margin:0; padding:0;} #nav li ul li a:hover { background-color:#13242C; line-height:14px; margin:0; padding:0; } /* _______________ 4.3 Secnav ______________*/ ul#secNav li { float:right; text-align:left; font: bold 15px "Trebuchet MS", Times, serif; } ul#secNav li a { display: block; text-decoration:none; padding:1px 0 2px 35px; color:#000000; } ul#secNav li a:hover { color:#AA3E7A; } ul#secNav li#nav-contactos a:hover, #contactos ul#secNav li#nav-credito a { color:#AA3E7A; } /* _____________________________________________ 5. Cols ______________________________________________________________________ */ .padding { padding: 10px; } #mainCol { width:650px; float:right; position:relative; margin:0; /* border:1px solid #fff*/} #fotoCol { float:left; position:relative; width:246px; height:400px; padding-right:20px;} #pdfCol { float:left; position:relative; width:650px; border:1px solid #fff} #secCol { float:right; position:relative; width:200px; padding:20px; } /* ____________________________________________ 6. Artistas _________________________________________________________________ */ #artistasback {float:left; width:880px; background:#a36e11;} #artistas {position:relative; float:left; width:880px; margin-bottom:10px; background:#a36e11;} #artistas .padding{ padding:0 24px 16px 26px; } .bloco {/*float:left; margin:0 0 70px 10px;*/ text-align:left; /*width:405px; height:125px;*/ } #equipamentoback .bloco, #servicos, #servicosback .bloco { float:left; margin:0 0 70px 10px; text-align:left; width:405px; height:125px; } #artistasback .bloco { float:left; margin:0 0 0 10px; text-align:left; width:265px; height:166px; } #artistas img {float:left; width:134px; margin: 0 6px 0 0; } #artistas h1 {color:#13242C; font:Bold 16px "Arial", Helvetica, sans-serif; text-align: left; margin-bottom:7px;} #artistas h1 a{color:#13242C; font:Bold 16px "Arial", Helvetica, sans-serif; text-align: left; margin-bottom:7px;} #artistas h1 a:hover { color:#13242C; text-decoration:none;} #artistas p {color:#FFF; font:13px "Arial", Helvetica, sans-serif; text-align: justify; padding-right: 7px;} #descricao { float:left; height:335px; width:379px; position:relative; text-align: justify;} .bloco1 {float:right; margin:0 0 70px 10px; text-align:left; width:410px; /*height:144px;*/ } /* ____________________________________________ 6. Equipamento _________________________________________________________________ */ #contactos { float:left; height:200px; width:350px; position:relative;} /* ____________________________________________ 6. Equipamento _________________________________________________________________ */ #equipamentoback {float:left; width:880px; background:#61690D;} #equipamento {position:relative; float:left; width:880px; margin-bottom:10px; background:#61690D;} #equipamento .padding{ padding:0 16px 16px 26px; } #equipamento img {float:left; margin: 0 20px 0 0; } #equipamento p {color:#FFF; font:13px "Arial", Helvetica, sans-serif; text-align: left; padding:0;} #equipamento h1 {color:#13242C; font:Bold 16px "Arial", Helvetica, sans-serif; text-align: left; margin-bottom:7px;} #equipamento h1 a{color:#13242C; font:Bold 16px "Arial", Helvetica, sans-serif; text-align: left; margin-bottom:7px;} #equipamento h1 a:hover { color:#13242C; text-decoration:none;} /* ____________________________________________ 6. Geral _________________________________________________________________ */ #geralback {float:left; width:880px; background:#112128;} #servicosback {float:left; width:880px; background:#112128;} #geral {position:relative; float:left; width:880px; margin-bottom:10px; background:#112128;} #geral .padding { padding:0 16px 16px 26px; } .referencia .padding { padding:26px 16px 16px 26px; } #geral img {float:left; margin: 0 20px 10px 0; } #geral p {color:#FFF; font:13px "Arial", Helvetica, sans-serif; text-align: left; padding:0;} #geral h1 {color:#13242C; font:Bold 16px "Arial", Helvetica, sans-serif; text-align: left; margin-bottom:7px;} #geral h1 a{color:#13242C; font:Bold 16px "Arial", Helvetica, sans-serif; text-align: left; margin-bottom:7px;} #geral h1 a:hover { color:#13242C; text-decoration:none;} #geral .bloco h1 a:hover { text-decoration:underline !important; } /* ____________________________________________ 7. headdings __________________________________________________________________ */ h1 { color:#29405F; font:Bold 20px "Arial", Helvetica, sans-serif; text-align: left; vertical-align:top } h2 { float:left; color:#13242C; font:Bold 19px "Arial", Helvetica, sans-serif; margin:7px} h3 { color:#FFFFFF; font:Bold 20px "Arial", Helvetica, sans-serif; text-align: left; vertical-align:top; margin-top:10px } h4 {color:#6ADBFF; font: Bold 14px Arial, Helvetica, sans-serif; text-align: left; padding:0; } h5 { color:#E90708; font: 11px Arial, Helvetica, sans-serif; margin:0; padding:0 0 10px 0; } h5 { color:#6ADBFF; font:Bold 14px Arial, Helvetica, sans-serif; margin-bottom:2px;} h5 a { color:#6ADBFF; text-decoration:none; background: url(../imgs/icon_guestbook.gif) no-repeat left top; padding:0 0 0 20px; } h5 a:hover { color:#6ADBFF; text-decoration:underline;} h6 { color:#6ADBFF; font: 12px Arial, Helvetica, sans-serif; margin-top:8px;} h6 a { color:#6ADBFF; text-decoration:none; background: url(../imgs/info.png) no-repeat left top; padding:0 0 0 20px; } h6 a:hover { color:#6ADBFF; text-decoration:underline;} .pages h6 {color:#6ADBFF; font: 12px Arial, Helvetica, sans-serif; margin-top:8px; text-align:center; } .pages h6 a { color:#6ADBFF; text-decoration:none; background:none; padding:0;} .pages h6 a:hover {color:#6ADBFF; text-decoration:underline;} .pages h6 a.active {color:#fff; text-decoration:underline;} .voltar h6 {color:#6ADBFF; font: 12px Arial, Helvetica, sans-serif; margin-top:8px; text-align:left; } .voltar h6 a { color:#6ADBFF; text-decoration:none; background:none; padding:0;} .voltar h6 a:hover {color:#6ADBFF; text-decoration:underline;} label { color:#FFFFFF; font:12px "Arial", Helvetica, sans-serif; } /* ____________________________________________ 8. Paragraphs & txt ___________________________________________________________ */ p { color:#ffffff; font:13px "Arial", Helvetica, sans-serif; text-align: justify; vertical-align:top} #index p { color:#ffffff; font: bold 15px "Arial", Helvetica, sans-serif; text-align: justify; vertical-align:top } #destaques p { color:#6f4e1b; padding:10px 0;} #prices #mainCol p { font-size:11px; margin:0; padding:0; } /* ____________________________________________ 9. lists _______________________________________________________________________ */ .bloco1 ul#musicasList { margin:0 0 20px; } .bloco1 ul#musicasList li img { width:16px !important; height:17px !important; } .bloco1 ul#musicasList li a { color:#fff; text-decoration:none; /*background: url(../imgs/mp3.png) no-repeat left top;*/ padding:0 0 0 5px; } .bloco1 ul#musicasList li a span { color:#6ADBFF; text-decoration:none; } .bloco1 ul#ficheirosList { margin:0 0 20px; } .bloco1 ul#ficheirosList li#pdf a { color:#fff; text-decoration:none; background: url(../imgs/pdf.png) no-repeat left top; padding:0 0 0 20px; } .bloco1 ul#ficheirosList li#zip a { color:#fff; text-decoration:none; background: url(../imgs/zip.png) no-repeat left top; padding:0 0 0 20px; } .bloco1 ul#ficheirosList li#outros a { color:#fff; text-decoration:none; background: url(../imgs/disk.png) no-repeat left top; padding:0 0 0 20px; } /* ____________________________________________ 9. imgs _______________________________________________________________________ */ #destaques1 img { padding-bottom:10px; } #guestbook #mainCol img, #promo #mainCol h4 img, #packages #mainCol h4 img { margin-right:10px; } #galeria #mainCol img { border:solid 3px #6f4e1b; margin:10px 10px 0 0;} /* ____________________________________________ 10. Links ______________________________________________________________________ */ #mainCol h6 a, .promos h6 a, #promo #mainCol h4 a, #packages #mainCol h4 a { color:#E90708; text-decoration:underline; } #mainCol h6 a:hover, .promos h6 a:hover, #promo #mainCol h4 a:hover, #packages #mainCol h4 a:hover { color:#E90708; text-decoration:none;} #promos #mainCol h6 a { margin-top:-10px;} .seguinte {float:right; position:absolute; width:127px; height:32px; margin: 30px 0 0 0;} /* ____________________________________________ 12. Forms ______________________________________________________________________ */ .formContactos { width:550px; overflow:hidden; clear:both;} form ul { list-style:none; margin:0; padding:0;} form li { padding:3px; margin-bottom:1px; } form label { float:left; width:160px; text-align:right; margin-right:7px; line-height:18px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:normal; color: #6ADBFF;} form input, form textarea { padding:3px; width:300px; border:none; font-size:11px; Arial, Helvetica, sans-serif; } form input:focus, form textarea:focus { border:1px solid #165789; background:#F0F0F0; } input:focus, textarea:focus { border:1px solid #666; background:#fff; } .button { background: url(../imgs/subscrever.png) no-repeat; width:76px; height:19px; border:none; cursor:pointer; font-size:11px; color:#112128; line-height:19px; text-align:center; padding-bottom:5px; margin-left:3px;} #footer form ul, .contacts form ul { list-style:none; margin:0; padding:0;} #footer form li, .contacts form li {float:left; padding:0; } #footer form label, .contacts form label { color: #fff; float:left; width:170px; text-align:left; line-height:25px;} .contacts form label { text-align:right; width:100px; font: 12px Arial, Helvetica, sans-serif; } .contacts form label.small { width:80px; } #footer form input, .contacts form input, .contacts form textarea, .contacts form select { padding:0; width:157px; height:13px; line-height:14px; border: 1px solid #d1cbb0; font-size:11px; padding:3px} .contacts form textarea { height:80px; } .contacts form select { height:24px; width:225px; } #footer form input:focus, .contacts form input:focus { border:1px solid #666; background:#F0F0F0; } .contacts form input.radio { width:20px; border: none; } #footer form input.button, .footer form input.button { background: url(../imgs/subscrever.png) no-repeat; width:76px; height:19px; border:none; cursor:pointer; font-size:11px; color:#112128; line-height:19px; text-align:center; padding-bottom:5px; margin-left:3px; } /* ______________________________________________ Shadowbox_______________________________________________________________________ */ .shadow { background:#fff url(../imgs/bkg_main_long.png) repeat-x left top; padding:40px; } .shadow label { color:#a47c23; } /* ______________________________________________ Footer _______________________________________________________________________ */ #footer { width:880px; height:93px; background-color:#004c73; margin:auto; padding:0 0 0 0; font-size:11px; } #footer padding { padding: 23px 15px 15px 15px; } #footer span {font: 12px Arial, Helvetica, sans-serif; color:#fff; } #footer .pri { width:383px; display:block; float:left; padding:16px 0 0 22px; line-height:17px;} #footer .seg { width:140px; display:block; float:left; padding:0 0 0 2px;} #footer img {margin: 5px 5px 0 0;} #footer p { color:#fff; font:12px Arial, Helvetica, sans-serif; margin-left:0; margin-top:5px;} #footer p a {color:#29405f; text-decoration:none;} #footer p a:hover { color:#29405f; text-decoration:underline; } /*______ SUPERFISH ___*/ .sf-with-ul { background: url('../imgs/arrows-ffffff.png') no-repeat 102px -90px; /* 8-bit indexed alpha png. IE6 gets solid image only */ } .sf-with-ul span { display:none; } /*______________________________________________ _______________________________________________________________________ *//* ______________________________________________ _______________________________________________________________________ *//* ______________________________________________ _______________________________________________________________________ */