/* Páginas Internas */ /*----- resets and overrides -----*/ BODY, DIV, H1, H2, H3, H4, H5, H6, P, UL, IMG { margin: 0; padding: 0; } img { border: none; } /*----- links & type -----*/ BODY { font: 12px Arial, Helvetica, sans-serif; background: #0678C1 url(../imagens/bg_interno.jpg) no-repeat center top; color: #F3FCFF; } A:link, A:active, A:visited { text-decoration: none; } A:hover { color: #999; text-decoration: underline; } H1 { font-size: 18px; font-weight: bold; color: #FFF; } H1 A { } H1 A:hover { } H2 { font-size: 16px; color: #FFF; } H2 A { } H2 A:hover { } ul { list-style: none; } ul li {} /*----- layout -----*/ #linha_topo { background-color: #03375A; width: auto; height: 3px; } #topo { height: 185px; } #topo_center { width: 1005px; margin: 0 auto; } #logo { width: 308px; height: 85px; margin-left: 20px; float: left; margin-top: 10px; } #webmail { width: 97px; float: right; margin-right: 60px; } #geral { width: 900px; height: auto; margin: 0 auto; } #geral_servicos { width: 890px; height: auto; margin: 0 auto; } .servicos_link a{ font: 12px Arial, Helvetica, sans-serif; color:#F3FCFF; } .servicos_texto { font: 12px Arial, Helvetica, sans-serif; color:#FFF; } #menu { height: 37px; width: 700px; float: left; margin-left: 110px; font: 14px Arial, Helvetica, sans-serif; font-weight: bold; display: inline; margin-top: 4px; } #menu a { color: #F3FCFF; } #menu ul { margin-top: 10px; } #menu ul li { display: inline; margin-left: 40px; } #menu ul li a:hover { color: #CC9F52; text-decoration: none; } #rodape { width: 900px; height: 40px; padding: 30px; display: block; margin:50px auto; } #rodape_box01 { width: 300px; float: left; color: #023759; font-size: 18px; } .rodape_texto { font-size: 12px; color: #FFF; } #rodape_box02 { width: 180px; float: right; text-align: justify; color: #023759; } #rodape_box03 { width: 180px; float: right; text-align: justify; color: #023759; } #webfeira { margin: 0 auto; width: 166px; padding-bottom: 40px; } #conteudo { height: 640px; width: auto; } #conteudo_servicos { height: 640px; width: 890px; background-color:#166DB4; border-left: solid 4px #023759; border-right: solid 4px #023759;} /* A EMPRESA */ #a_empresa { width: 460px; margin-left: 30px; margin-top: 30px; text-align: justify; background: url(../imagens/btn_a_empresa.jpg) no-repeat top left; float: left; } #a_empresa_img { width: 322px; height: 476px; float: right; margin-top: 30px; margin-right: 30px; } /* SERVIÇOS */ #servicos { width: 460px; margin-left: 20px; margin-top: 30px; text-align: justify; background: url(../imagens/btn_servicos.jpg) no-repeat top left; float: left; display: block; } #servicos_img { width: 322px; height: 477px; float: right; margin-top: 30px; margin-right: 30px; } #servicos01 { width: 858px; margin-left: 20px; margin-top: 30px; text-align: justify; background: url(../imagens/btn_sis_abastecimento_de_agua.jpg) no-repeat top left; float: left; display: block; } #servicos02 { width: 858px; margin-left: 20px; margin-top: 30px; text-align: justify; background: url(../imagens/btn_sis_esgotamento_sanitario.jpg) no-repeat top left; float: left; display: block; } #servicos03 { width: 858px; margin-left: 20px; margin-top: 30px; text-align: justify; background: url(../imagens/btn_sis_drenagem_de_aguas_pluviais.jpg) no-repeat top left; float: left; display: block; } #servicos04 { width: 858px; margin-left: 20px; margin-top: 30px; text-align: justify; background: url(../imagens/btn_residuos_solidos.jpg) no-repeat top left; float: left; display: block; } #servicos05 { width: 858px; margin-left: 20px; margin-top: 30px; text-align: justify; background: url(../imagens/btn_licenciamento_ambiental.jpg) no-repeat top left; float: left; display: block; } /* CLIENTES */ #clientes { width: 460px; height:500px; margin-left: 30px; margin-top: 30px; text-align: justify; background: url(../imagens/btn_clientes.jpg) no-repeat top left; } #clientes_img { width: 322px; height: 477px; float: right; margin-top: 30px; margin-right: 30px; } /* FALE CONOSCO */ #fale_conosco { width: 860px; height:410px;margin-left: 20px; margin-top: 10px; text-align: justify; background: url(../imagens/btn_fale_conosco.jpg) no-repeat top left; } /* TEXT AREA CONTATO */ #enviar_email { width:465px; height:400px; float:left; margin-top:20px; } .email_style { background-color:#1677C7; margin-left:10px; margin-top:13px; border: dashed #FFF 1px; height:27px; width:197px; font:14px Arial, Helvetica, sans-serif; color:#FFF; padding-top:10px; padding-left:10px; } .email_style_categoria { background-color:#1677C7; margin-left:10px; margin-top:13px; border: dashed #FFF 1px; height:26px; width:208px; font:14px Arial, Helvetica, sans-serif; color:#FFF; padding-left:10px; } .email_botom_style { background-color:#C5D0DE; border:dashed 1px #95B7C8; width:70px; height:30px; font:14px Arial, Helvetica, sans-serif; color:#000; margin-top:21px; float:right; margin-right:16px; } .email_mensagem { height:220px; width:446px; background-color:#1677C7; border:dashed 1px #FFF; font:14px Arial, Helvetica, sans-serif; color:#FFF; padding-top:10px; padding-left:10px; overflow:auto; padding-right:10px; margin-top:10px; } #mapa_google{height:240px; width:310px; float:left; margin-top:10px; margin-left:7px; border:dashed 1px #FFF;} #rodape_box { width:auto; height:auto; font:12px Arial, Helvetica, sans-serif; color:#FFF; border:dashed 1px #FFF; text-align:center;} /* TEXT AREA CONTATO END*/ #endereco { width:380px; height:420px; float:left; padding-left:10px; } #line { width:1px; height:390px; float:left; background-color:#1677C7; margin-top:32px; } #mapa { width:344px; height:380px; float:right; margin-top:30px; margin-right:10px; } #popups { height:auto; width:860px; margin-left:20px; margin-top:30px; } #indique { width:430px; height:auto; float:left; display:block; } #indique_img { background:url(../imagens/indique.jpg) no-repeat; width:250px; height:75px; margin:auto; } #curriculum { width:430px; height:auto; float:right; display:block; } #curriculum_img { background:url(../imagens/curriculum.jpg) no-repeat; width:250px; height:75px; margin:auto; } #trabalhe_conosco { width: 600px; margin-left: 30px; margin-top: 30px; padding-top:20px; padding-left:150px; text-align: justify; background: url(../imagens/btn_curriculos.jpg) no-repeat top left; } .trabalhe_textfield { font:14px Arial, Helvetica, sans-serif; color:#666; width:360px; } .trabalhe_textfeld_cidade { font:14px Arial, Helvetica, sans-serif; color:#666; width:310px; } .listmenu_uf { font:14px Arial, Helvetica, sans-serif; color:#666; width:42px; } .listmenu_estadocivil { font:14px Arial, Helvetica, sans-serif; color:#666; width:100px; } .trabalhe_textfield_dia_mes { font:14px Arial, Helvetica, sans-serif; color:#666; width:30px; } .trabalhe_textfield_ano { font:14px Arial, Helvetica, sans-serif; color:#666; width:80px; } .trabalhe_textfield_escolaridade { font:14px Arial, Helvetica, sans-serif; color:#666; width:180px; } .trabalhe_textarea { font:14px Arial, Helvetica, sans-serif; color:#666; width:360px; } .fieldset { border:1px dashed #FFF; } .legend { font:12px Arial, Helvetica, sans-serif; color:#FFF; background-color:#166DB4; font-weight:bold; }