body{margin:0; padding:0; text-align:center; background:#fff url(/imagens/bg.jpg) repeat-x;} #geral{ width:1000px; position:relative; margin:0 auto; text-align:left;} .displayNone{ width:1px; height:1px; overflow:hidden;} #topo{ width:1000px; height:150px; float:left; } #logo{ width:999px; height:78px; background:url(/imagens/logo.jpg) no-repeat center; float:left; } #conteudo{ width:1000px; float:left; padding:0; background:url(/imagens/bg_miolo.gif) repeat-y; } #rodape{ width:100%; height:234px; clear:both; float:left; background:url(/imagens/rodape.jpg) repeat-x; position:relative;} #rodapeEndereco{ width:633px; font:12px arial; color:#fff; text-transform:uppercase; position:absolute; left:50%; margin-left: -315px; padding:30px 0;} #assKaerea{ width:66px; height:18px; margin:5px 0 0 0; float:right;} /************************ Lista MENU ************************/ #tempMenu{ width:800px; height:38px; float:left; padding:0 0 0 185px; margin:0; } .displayNone{ width:1px; height:0px; overflow:hidden;} #tempMenu ul{ margin:0; padding:0;} #tempMenu ul.ulMenu{ width:300px; list-style-type:none; float:left; margin:0; padding:0;} #tempMenu li{ float:left;} #tempMenu li a{ height:38px; float:left; background:url(/imagens/sprite_menu.jpg) no-repeat; display:block; } #tempMenu li .menuUm{ width:53px; background-position: 0 0;} #tempMenu li .menuUm:hover, #menu li .menuUmAcionado{ background-position: 0 -38px;} #tempMenu li .menuDois{ width:82px; background-position: -53px 0;} #tempMenu li .menuDois:hover, #menu li .menuDoisAcionado{ background-position: -53px -38px;} #tempMenu li .menuTres{ width:72px; background-position: -135px 0;} #tempMenu li .menuTres:hover, #menu li .menuTresAcionado{ background-position: -135px -38px;} #tempMenu li .menuQuatro{ width:108px; background-position: -207px 0;} #tempMenu li .menuQuatro:hover, #menu li .menuQuatroAcionado{ background-position: -207px -38px;} #tempMenu li .menuCinco{ width:62px; background-position: -315px 0;} #tempMenu li .menuCinco:hover, #menu li .menuCincoAcionado{ background-position: -315px -38px;} #tempMenu li .menuSeis{ width:119px; background-position: -377px 0;} #tempMenu li .menuSeis:hover, #menu li .menuSeisAcionado{ background-position: -377px -38px;} #tempMenu li .menuSete{ width:69px; background-position: -497px 0;} #tempMenu li .menuSete:hover, #menu li .menuSeteAcionado{ background-position: -497px -38px;} #tempMenu li .menuOito{ width:66px; background-position: -567px 0;} #tempMenu li .menuOito:hover, #menu li .menuOitoAcionado{ background-position: -567px -38px;} #sustentaSubMenu{ width:170px; position:absolute; top:0; left:0; z-index:5000; left:-30px;} /* Div que contém a ul do submenu */ /****** Elementos para menu drop down ******/ #tempMenu ul li { position:relative; float: left; display:inline;} #tempMenu li ul.subMenu{ position: absolute; top:38px; /* Set 1px less than menu width*/ display:none; z-index:5000;} #tempMenu ul li.aSubMenu {display: block; padding:0; background: #fff;/* IE6 Bug */ /*border: 1px solid #ccc; IE6 Bug */ } #tempMenu li:hover ul.subMenu, li/*.aSubMenu*/.over ul.subMenu {display: block; } /* Holly Hack. IE Requirement \*/ * html ul li { float: left; height: 1%; } * html ul li a { height: 1%; } /* End */ #tempMenu li:hover ul.subMenu, #tempMenu li/*.aSubMenu*/.over ul.subMenu { display: block; } /* The magic */ /***********************************************/ /*#sustentaSubMenu*/ ul.subMenu li.aSubMenu a:hover { color: #E2144A; background: #FFF; } /* Hover Styles */ li ul.subMenu li.aSubMenu a { padding:0; height:2px;} /* Sub Menu Styles */ li.aSubMenu:hover ul.subMenu, li/*.aSubMenu*/.over ul.subMenu { width:180px; display: block; border:1px solid #07416f;} /* The magic */ #tempMenu li ul li .aSubMenu{ background:#07416f; width:170px; height:22px; padding:8px 5px 0 5px; font:bold 11px arial; color:#FFF; text-decoration:none; text-align:center; float:left; border-right:1px solid #07416f;} #tempMenu li ul li .aSubMenu:hover{ background:#d9dadc; height:22px; padding:8px 5px 0 5px; color:#ed6819;} /************************ HOME *************************/ #homeFoto{ width:300px; height:301px; border:1px solid #b5b5b5; overflow:hidden; float:left; padding:4px; _padding:3px; margin:0 5px 0 0; _margin:0; } .homeShapes{ width:310px; float:left; margin:0 10px 0 8px;} h4{ width:100%; color: #23567a; text-transform:uppercase; font:bold 13px Arial, sans-serif; border-bottom:1px solid #b4cddf; margin:0 0 17px 0; padding:0;} .homeShapeMiddle{ float:left;} .blocoNoticias{ float:left; width:300px;} .homeShapeMiddle h1{ font:bold 14px arial; color:#000; margin:0 0 5px 0; padding:0;} .homeShapeMiddle h1 a{ font:bold 14px arial; color:#000; text-decoration:none;} .homeShapeMiddle h1 a:hover{ text-decoration:underline;} .homeShapeMiddle h2.resumoPrincipal{ margin:0; padding:0; text-decoration:none; float:left;} .homeShapeMiddle h2.tituloSecundarias{ margin:0; padding:0; text-decoration:none; float:left; width:230px;} .homeShapeMiddle h2.resumoPrincipal a, .homeShapeMiddle h2.tituloSecundarias a{ font:12px arial; color:#000; text-decoration:none;} .homeShapeMiddle h2.resumoPrincipal a:hover, .homeShapeMiddle h2.tituloSecundarias a:hover{ text-decoration:underline; } .homeShapeMiddle h3{ width:100%; margin:0 0 10px 0; padding:5px 0 5px 0; float:right; text-align:right;} .homeShapeMiddle h3 a{ font:bold 11px arial; color:#fe6005; text-decoration:underline; } .homeShapeMiddle h3 a:hover{ text-decoration:none;} #homeForm{ float:left; margin:0; padding:0; } #homeForm fieldset{ width:274px; float:left; margin:0; padding:15px 0 15px 50px; border:none; background:#dde5e8;} #homeForm input{ width:150px; border:1px solid #6897a5; background:FFF; font:12px arial; margin:0 0 3px 3px; color:#003366;} #homeForm label{ width:40px; font:12px arial; float:left; color:000; text-align:right;} #homeForm .button{ width:150px; border:1px solid #6897a5; font:bold 12px "trebuchet ms", arial; color:#FFF; text-transform:uppercase; margin:0 0 3px 46px; background:#006699;} .homeShapeMiddle .explicacao{ width:280px; font:12px arial; margin:14px 0 6px 0; line-height:16px; float:left;} .homeShapeMiddle .explicacao a{ color:#000; text-decoration:underline;} .homeShapeMiddle .explicacao a:hover, .homeShapeMiddle .explicacaoDestaque a{ color:#fe6005;} .homeShapeMiddle .explicacaoDestaque a:hover{ text-decoration:none;} .data{ font: 11px arial; color:#525252; float:left;} ul.noticiasLateralHome{ list-style-type:none; padding:10px 0 0 0; margin:10px 0 0 0; float:left; width:100%;} .noticiasLateralHome li{ border-bottom:1px dotted #069; margin:0 0; padding:5px 0 7px 0; float:left; width:300px; } /* Notícia Lateral internas */ ul.noticiasLateral{ list-style-type:none; padding:10px 0 0 0; margin:10px 0 0 0; float:left; width:100%;} .noticiasLateral li{ border-bottom:1px dotted #069; margin:0 0; padding:5px 0 7px 0; float:left; width:100%; } /************************ CONTEUDO *************************/ .internasNoticias{ width:162px; margin:0 30px 0 0; float:left;} .internasNoticiasMiddle{ width:100%; background:#e0e8ee; padding:10px; float:left;} .internasNoticiasMiddle h1{ font:bold 12px arial; color:#000; margin:0; padding:0;} .internasNoticiasMiddle h2{ width:100%; margin:0; padding:0; float:left; clear:both;} .internasNoticiasMiddle h2 a{ font:12px arial; color:#000; text-decoration:none;} .internasNoticiasMiddle h2 a:hover{ text-decoration:underline; } .internasNoticiasMiddle h3, .internasNoticiasMiddle h3 a{ font:bold 10px "trebuchet ms", arial; color:#c25700; text-transform:uppercase; margin:0; padding:5px 0 0 0; text-decoration:none; text-align:right;} .internasNoticiasMiddle h3 a:hover{ text-decoration:underline; } .perfil{ width:653px; /*height:130px;*/ border-bottom:1px dotted #2578b2; padding:10px 0 10px 0; clear:both; float:left;} #escritorio, #atuacao, #servico, #contato{ width:670px; font:12px arial; color:#000; text-align:justify; padding:0 0 0 28px; line-height:18px; } #noticias{ width:760px; margin-left:100px;} #escritorioMargin, #atuacaoMargin, #contatoMargin, #cadastroMargin{ width:760px; margin:0 0 0 10px; float:left; font:12px arial;} #servicoMargin{ width:880px; margin:0 0 0 60px; float:left; font:12px arial;} #escritorioMargin h1, #atuacao h1, #servico h1, #noticias h1, #contato h1{ width:670px; height:56px; margin:0; padding:0;} .setaPaginaComFoto{ width:488px; padding:0 0 5px 10px; font:12px arial; float:left; line-height:19px;} .seta{ width:600px; padding:0 0 10px 10px; font:12px arial; float:left; line-height:18px;} #escritorioMarginFoto { width:152px; float:left;} #escritorioMargin h2, #servico h2{ font:bold 14px "trebuchet ms", arial; color: #c25700; text-transform:uppercase; margin:0; padding:0; } #noticias h3{ font:11px verdana; font-style:italic; color:#666; text-transform:uppercase; margin:0; padding:5px 0 10px 0;} #escritorioMargin h3{ font:bold 14px "trebuchet ms", arial; color: #23567a; margin:0; padding:0 5px 5px 10px; float:left;} #escritorioMargin h5{ font:bold 12px "trebuchet ms", arial; color:#000; margin:0; padding:1px 0 5px 0; float:left;} #servicoForm{ width:500px; background:#dde5e8; float:left; margin:20px 0 0 170px; _margin:20px 0 0 65px; padding:10px; } /*#servico .explicacao{ width:280px; font:11px arial; margin:8px 0 0 0; line-height:16px; float:left;}*/ #servicoForm h2{ font:bold 13px arial; text-transform:uppercase; color:#003366;} #servicoForm fieldset{ width:210px; float:left; margin:0; padding:15px 0 15px 50px; border:none; background:#dde5e8; } #servicoForm input{ width:150px; border:1px solid #6897a5; background:FFF; font:12px arial; margin:0 0 3px 3px; color:#003366;} #servicoForm label{ width:40px; font:12px arial; float:left; color:000; text-align:right;} #servicoForm .button{ width:150px; border:1px solid #6897a5; font:bold 12px "trebuchet ms", arial; color:#FFF; text-transform:uppercase; margin:0 0 3px 46px; background:#006699;} #servicoForm .explicacao{ width:230px; font:12px arial; margin:5px 0 3px 0; line-height:16px; float:left;} #servicoForm .explicacao a{ color:#000; text-decoration:underline;} #servicoForm .explicacao a:hover, #servicoForm .explicacaoDestaque a{ color:#fe6005;} #servicoForm .explicacaoDestaque a:hover{ text-decoration:none;} /********* NOTÍCIAS **********/ #noticiasMargin{ width:760px; font:12px arial; float:left; } #noticiasMargin a{ color:#CC3300;} #noticiasMargin ul{ width:100%; float:left; margin:0; padding:0;} #noticiasMargin li{ width:100%; /* float:left;*/ list-style-type:none; margin:0 0 10px 0; padding:10px 0 5px 0; border-bottom:1px dashed #b4cddf; /* border:1px solid red;*/} #noticiasMargin li a{ font:bold 14px "trebuchet ms", arial; color:#23567a; text-decoration:none; } #noticiasMargin li a:hover{ text-decoration:underline; } #divPaginator{ width:99%; height:50px; text-align:center; color:#CCCCCC; /* cor opaca, para o link desativado (proximo e anterior) */ font:bold 11px arial; float:left; clear:both;} #divPaginator a{ font:bold 11px arial; color:#CC3300; text-decoration:none;} #divPaginator a:hover{ text-decoration:underline; } #divPaginator select{ background:#069; border:1px solid #069; font:11px verdana; color:#FFF; margin:0 5px 0 5px; padding:0;} /********* NOTÍCIA **********/ #noticiasMargin h2{ margin:0; padding:0; font:bold 16px "trebuchet ms", arial; color:#23567a;} #voltar a{ width:208px; background:#069; float:right; border:1px solid #ccc; font:bold 12px "trebuchet ms", arial; text-decoration:none; color:#FFF; text-transform:uppercase; padding:3px; margin:8px 0 0 0; display:block; cursor:pointer; text-align:center; } #voltar a:hover{ width:208px; background:#e0e8ee; float:right; border:1px solid #069; font:bold 12px "trebuchet ms", arial; text-decoration:none; color:#069; padding:3px; margin:8px 0 0 0; } /********* contato **********/ #contatoForm{ float:left; padding:0 0 20px 100px;} #contatoForm fieldset{ width:450px; float:left; margin:0; padding:10px 0 0 0; border:0;} #contatoForm input{ width:200px; border:1px solid #e0e8ee; background:#e0e8ee; font:12px arial; margin:0 0 8px 3px; color:#003366;} #contatoForm .txtRadio{ width:80px; font:11px arial; margin:0 0 8px 3px; color:#003366; float:left; text-align:left;} #contatoForm .radio{ width:15px; background:#FFF; border:0 none; font:11px arial; margin:0 0 8px 3px; float:left;} #contatoForm .checkBox{ float:left; border:0 none; background:#FFF; width:20px; margin:0 0 0 197px;} #contatoForm label{ width:200px; font:12px arial; float:left; color:#003366; text-align:right;} #contatoForm textarea{ width:200px; height:80px; border:1px solid #e0e8ee; background:#e0e8ee; font:12px arial; margin:0 0 3px 3px; color:#003366;} #contatoForm .button{ width:120px; border:1px solid #e0e8ee; font:bold 12px "trebuchet ms", arial; color:#FFF; text-transform:uppercase; margin:0 0 20px 200px; background:#069;} #contatoForm .obsForm{ font:12px arial; color:#666666;} #contatoForm .obsFormRecuo{ margin:0 0 0 202px; font:12px arial; color:#666666;} .respostaForm{ font:bold 12px arial; color:#FF6600; width:90%; text-align:center; float:left; margin:30px 0 0 0;} #divConteudo {position: relative; } #homeFerias { position: absolute; top: 470px; left: 327px;}