/** FONTE **/ * { font-family:"Trebuchet MS", Arial, Verdana, sans-serif; } /** TAGS **/ body { background:#daebf7; font-size:0.75em; } strong { font-weight:bold; } h3 { font-weight:bold; font-size:1.4em; } /** ESTRUTURA **/ #cabecalho { width:100%; height:357px; margin:0 auto; background:url(../img/bkg_cabecalho.jpg) no-repeat center top transparent; } #conteudo { background:url(../img/bkg_conteudo.jpg) no-repeat center top transparent; } #conteudo_interno { width:930px; margin:0 auto; border-left:1px solid #c7c7c7; border-right:1px solid #c7c7c7; background:#fff; min-height:300px; } #conteudo_central { width:600px; padding:0 15px 15px; float:left; } #conteudo_central2 { padding:0 15px 15px; } #conteudo_apoio { margin-left:640px; padding-top:60px; } #rodape { background:url(../img/bkg_rodape.gif) repeat left top #044f7e; width:930px; margin:0 auto; padding:0; color:#ffffff; } .clear { clear:both; } /** CABECALHO **/ #flashcontent { width:933px; height:313px; margin:0 auto;} #cabecalho ul { width:932px; margin:0 auto; height:44px; background:url(../img/bkg_menu.jpg) repeat-x left top transparent; } #cabecalho li { float:left; height:44px; } #cabecalho li a { display:block; height:44px; text-indent:-9000px; } /** estado normal **/ #cabecalho #botao01 { width:98px; background:url(../img/menu01.jpg) no-repeat left top; } #cabecalho #botao02 { width:157px; background:url(../img/menu02.jpg) no-repeat left top; } #cabecalho #botao03 { width:135px; background:url(../img/menu03.jpg) no-repeat left top; } #cabecalho #botao04 { width:135px; background:url(../img/menu04.jpg) no-repeat left top; } #cabecalho #botao05 { width:161px; background:url(../img/menu05.jpg) no-repeat left top; } #cabecalho #botao06 { width:134px; background:url(../img/menu06.jpg) no-repeat left top; } #cabecalho #botao07 { width:112px; background:url(../img/menu07.jpg) no-repeat left top; } /**hover **/ #cabecalho #botao01:hover, #cabecalho #botao01.ativo { width:98px; background:url(../img/menu01.jpg) no-repeat left bottom; } #cabecalho #botao02:hover, #cabecalho #botao02.ativo { width:157px; background:url(../img/menu02.jpg) no-repeat left bottom; } #cabecalho #botao03:hover, #cabecalho #botao02.ativo { width:135px; background:url(../img/menu03.jpg) no-repeat left bottom; } #cabecalho #botao04:hover, #cabecalho #botao04.ativo { width:135px; background:url(../img/menu04.jpg) no-repeat left bottom; } #cabecalho #botao05:hover, #cabecalho #botao05.ativo { width:161px; background:url(../img/menu05.jpg) no-repeat left bottom; } #cabecalho #botao06:hover, #cabecalho #botao06.ativo { width:134px; background:url(../img/menu06.jpg) no-repeat left bottom; } #cabecalho #botao07:hover, #cabecalho #botao07.ativo { width:112px; background:url(../img/menu07.jpg) no-repeat left bottom; } /** TITULOS **/ #tit_01 { width:168px; height:39px; background:url(../img/tit_01.gif) no-repeat 0 10px transparent; text-indent:-9000px; padding-top:10px; } #tit_02 { width:168px; height:39px; background:url(../img/tit_02.gif) no-repeat 0 10px transparent; text-indent:-9000px; padding-top:10px; } #tit_03 { width:168px; height:39px; background:url(../img/tit_03.gif) no-repeat 0 10px transparent; text-indent:-9000px; padding-top:10px; } #tit_04 { width:168px; height:39px; background:url(../img/tit_04.gif) no-repeat 0 10px transparent; text-indent:-9000px; padding-top:10px; } #tit_05 { width:168px; height:39px; background:url(../img/tit_05.gif) no-repeat 0 10px transparent; text-indent:-9000px; padding-top:10px; } #tit_06 { width:168px; height:39px; background:url(../img/tit_06.gif) no-repeat 0 10px transparent; text-indent:-9000px; padding-top:10px; } #tit_10 { width:460px; height:46px; background:url(../img/tit_10.gif) no-repeat 0 10px transparent; text-indent:-9000px; padding-top:10px; } /** SUBTITULOS **/ #tit_07 { width:168px; height:39px; background:url(../img/tit_07.gif) no-repeat 0 10px transparent; text-indent:-9000px; padding-top:10px; } #tit_08 { width:168px; height:39px; background:url(../img/tit_08.gif) no-repeat 0 10px transparent; text-indent:-9000px; padding-top:10px; } #tit_09 { width:181px; height:39px; background:url(../img/tit_09.gif) no-repeat 0 10px transparent; text-indent:-9000px; padding-top:10px; } /** CONTEUDO CENTRAL **/ #conteudo_central p { line-height:1.5em; margin-top:15px; text-align:justify; } #conteudo_central .lista_comum { margin-top:15px; } #conteudo_central .lista_comum li { margin-bottom:5px; padding-left:15px; background:url(../img/marcador_lista.gif) no-repeat 0 2px transparent; } #conteudo_central2 .lista_item { margin-top:15px; } #conteudo_central2 .lista_item li { width:180px; height:150px; float:left; margin:0 0 20px 0; background:transparent url(../img/bkg_lista_item.gif) no-repeat center top; } #conteudo_central2 .lista_item li img { display:block; margin:10px auto 0; } #conteudo_central2 .lista_item li p { text-align:center; } /** lista de obras **/ /* #conteudo_central2 .lista_item2 { margin-top:15px; } #conteudo_central2 .lista_item2 li { width:170px; height:150px; float:left; margin:0 0 20px 0; background:red; border:1px solid #000000; } #conteudo_central2 .lista_item2 li { width:450px; height:150px; float:left; margin:0 0 20px 0; background:transparent url(../img/bkg_lista_item2.gif) no-repeat left top; } #conteudo_central2 .lista_item2 li img { display:block; margin:10px; } #conteudo_central2 .lista_item2 li h3 { margin:15px 0 0 165px; } #conteudo_central2 .lista_item2 li h3 { margin:15px 0 0 165px; } #conteudo_central2 .lista_item2 li p { margin:0; } */ #conteudo_central2 .lista_item2 { margin-top:15px; } #conteudo_central2 .lista_item2 li { width:180px; height:189px; float:left; margin:0 0 20px 0; background:transparent url(../img/bkg_lista_item3.gif) no-repeat center top; } #conteudo_central2 .lista_item2 li img { display:block; margin:10px auto 0; } #conteudo_central2 .lista_item2 li p { padding:10px 15px 0 15px; text-align:center; } /** CONTEUDO LATERAL **/ #link_equipamentos { display:block; width:281px; height:179px; background:url(../img/menu_apoio_01.jpg) no-repeat left top; text-indent:-9000px; } #link_portifolio { display:block; width:281px; height:188px; background:url(../img/menu_apoio_02.jpg) no-repeat left top; text-indent:-9000px; } /** FORMULARIO DE CONTATO **/ form { margin-top:20px; } form label { width:70px; text-align:right; } ul#lista-erros { margin:20px auto 0; width:250px; } ul#lista-erros li { padding:2px 0 2px 22px; background:transparent url(../img/icone_alerta.gif) no-repeat 0 2px; } .jqTransformInputInner input.erro { color: red !important; } /** RODAPE **/ #rodape ul { padding:15px 0 0; height:110px; background:url(../img/bkg_rodape3.gif) repeat-x left top transparent; } #rodape li { float:left; width:250px; margin-right:60px; } #rodape li#primeiro { padding-left:30px; } #rodape li#ultimo { margin-right:0; } #rodape span { display:block; } #rodape div { clear:both; background:url(../img/bkg_rodape2.gif) repeat-x left top transparent; padding:0 15px;} #rodape #obs1 { float:left; padding-top:6px; font-size:0.9em; } #rodape #obs2 { float:right; } #rodape #obs2 a { display:block; width:22px; height:27px; background:url(../img/logotipo_balaio.gif) no-repeat top left; text-indent:-9000px; }