@charset "utf-8"; /* CSS Document */ /* ESTILOS GERAIS */ body {margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px;} h1 {font-family:"Trebuchet MS", Arial, "Arial Narrow", Tahoma; font-size:28px; color:#444444; line-height:36px; font-weight:bold;} h2 {font-family:"Trebuchet MS", Arial, "Arial Narrow", Tahoma; font-size:24px; color:#444444; line-height:21px; font-weight:bold; padding:20px 0px 10px 0px;} h3 {font-family:"Trebuchet MS", Arial, "Arial Narrow", Tahoma; font-size:16px; color:#444444; line-height:21px; font-weight:bold; padding:15px 0px 10px 0px;} h4 {font-family:"Trebuchet MS", Arial, "Arial Narrow", Tahoma; font-size:16px; color:#444444; line-height:21px; font-weight:bold; padding:0px 0px 0px 0px;} span {font-family:"Trebuchet MS", Arial, "Arial Narrow", Tahoma; font-size:13px; color:#444444; line-height:18px;} p {font-family:"Trebuchet MS", Arial, "Arial Narrow", Tahoma; font-size:12px; color:#444444; line-height:18px; margin-bottom:10px;} .p2 {font-family:"Trebuchet MS", Arial, "Arial Narrow", Tahoma; font-size:14px; color:#444444; line-height:22px;} .p3 {font-family:"Trebuchet MS", Arial, "Arial Narrow", Tahoma; font-size:10px; color:#444444; line-height:14px;} .p4 {font-family:"Trebuchet MS", Arial, "Arial Narrow", Tahoma; font-size:12px; color:#444444; line-height:18px;} li {font-family:"Trebuchet MS", Arial, "Arial Narrow", Tahoma; font-size:12px; color:#444444; line-height:22px; list-style-position:inside; list-style-image:url(../images/icone_lista_estrela.png);} /* TOPO TODAS AS PÁGINAS */ #topogeral {width:100%; height:450px; background-image:url(../images/fundo_ceu_anima.png); background-repeat:repeat;} /* CONTEÚDO HOME */ #conteudogeral {width:100%; background-image:url(../images/fundo_01.png); background-repeat:repeat;} #conteudogeral2 {width:100%; background-image:url(../images/fundo_02.png); background-repeat:repeat;} #conteudocentro {width:960px; display:table;} #conteudocentro:after {content:"."; display:block; clear:both; visibility:hidden; height:0; overflow:hidden;} #conteudomarca {width:215px; height:215px; float:left;} #conteudotelao {width:745px; height:215px; margin-top:35px; float:left;} #conteudoblog {width:620px; height:375px; margin: 25px 40px 0px 0px; float:left;} /* SUBTÍTULO DOS DESTAQUES */ #subtituloconteudo {width:100%; background-image:url(../images/subtitulo_fundo.png); background-position:bottom; text-align:left;} #conteudotexto {width:100%; margin-top:18px; text-align:left;} /* DESTAQUE - ANJO DESTAQUE */ #destaqueanjo {width:300px; height:375px; margin-top:25px; float:left; display:inline; overflow:hidden;} #destaqueimagem {width:300px; height:265px; background-image:url(../images/destaque_anjo.png); background-repeat:no-repeat; background-position:top;} #destaqueanjotitulo {width:170px; height:45px; margin: 45px 0px 0px 130px; display:table; overflow:hidden;} #destaqueanjotitulo span {font-family:"Trebuchet MS", Arial, "Arial Narrow", Tahoma; font-size:18px; color:#68782d; line-height:21px; font-weight:bold;} #destaqueanjotexto {width:110px; height:145px; margin: 0px 0px 0px 170px;} #destaqueanjotexto span {font-family:"Trebuchet MS", Arial, "Arial Narrow", Tahoma; font-size:12px; color:#68782d; line-height:18px;} #destaqueanjobotao {width:130px; height:145px; margin: 0px 0px 0px 170px;} /* CONTEÚDO HOME - COLUNAS INFERIORES */ #conteudo3textotopo {width:100%; height:50px; margin-top:15px; font-weight:bold;} /* DESTAQUE - LOJA VIRTUAL */ #conteudo3colum {width:300px; height:402px; margin: 0px 0px 0px 0px; float:left; background-image:url(../images/fundo_destaque_lojavirtual.png); background-repeat:no-repeat; background-position:bottom;} #conteudo3columbotao {width:105px; margin: 100px 0px 0px 195px;} /* DESTAQUE - IMPRENSA */ #conteudo3coldois {width:280px; height:370px; margin: 0px 40px 0px 40px; float:left; overflow:hidden;} #submenugeral {width:280px; height:30px; border-bottom:solid; border-bottom-color:#87b1c0; border-bottom-width:1px; cursor:pointer; padding:0px;} #submenugeral:hover {background-color:#ffffff;} #submenutexto {width:237px; margin-left:6px; font-family:"Trebuchet MS", Arial, "Arial Narrow"; font-size:16px; color:#444444; padding-top:7px; font-weight:bold; float:left; display:inline;} #submenuicone {width:28px; height:28px; margin-right:9px; float:left;} /* DESTAQUE - COMO AJUDAR */ #destaqueajudar {width:300px; height:402px; float:left; display:inline; overflow:hidden;} #destaqueajudarimagem {height:265px; background-image:url(../images/destaque_comoajudar.png); background-repeat:no-repeat; background-position:top;} #destaquedoe {height:312px; margin-top:20px;} #destaqueajudartexto {width:100px; height:195px; padding: 40px 0px 0px 20px;} #destaqueajudartexto span {font-family:"Trebuchet MS", Arial, "Arial Narrow", Tahoma; font-size:12px; color:#FFFFFF; line-height:18px; font-weight:bold;} #destaqueajudarbotao {width:130px; height:32px; margin: 0px 0px 0px 170px;} /* INTERNAS - BLOCOS GERAIS */ #internabloco1 {width:315px; padding-right:25px; float:left; display:block; height:auto;/* background-color:#FF0000;*/} #internabloco1:after {content:"."; display:block; clear:both; visibility:hidden; height:0; overflow:hidden;} #internabloco2 {width:605px; padding-right:15px; float:left; display:inline-block;} #internabloco2:after {content:"."; display:block; clear:both; visibility:hidden; height:0; overflow:hidden;} /* INTERNAS - CONTEÚDO */ #internaconteudotopo {width:605px; height:80px; margin:35px 0px 0px 0px; background-image:url(../images/interna_topo.png); background-repeat:no-repeat;} #internatitulo {width:500px; padding:25px 0px 5px 30px;} #internaconteudo {width:545px; padding:5px 30px; display:table; background-color:#FFFFFF;} #internaconteudorodape {width:605px; height:60px; margin:0px 0px 40px 0px; background-image:url(../images/interna_rodape.png); background-repeat:no-repeat;} #internamarca {width:215px; height:180px; float:left;} /* INTERNAS - SUBMENU */ #internasubmenu {width:285px; margin: 0px 15px 0px 15px; float:left; display:inline;} #internasubtituloconteudo {width:100%; background-image:url(../images/subtitulo_fundo.png); background-position:bottom; text-align:left; margin-bottom:10px;} #internasubmenugeral {width:280px; height:30px; border-bottom:solid; border-bottom-color:#999999; border-bottom-width:1px; cursor:pointer;} #internasubmenugeral:hover {background-color:#ffffff;} #internasubmenutexto {width:237px; margin-left:6px; font-family:"Trebuchet MS", Arial, "Arial Narrow", Tahoma; font-size:12px; color:#444444; padding-top:10px; font-weight:bold; float:left; display:inline;} #internasubmenuicone {width:28px; height:28px; margin-right:9px; float:left;} /* INTERNAS - BARRA DE OPÇÕES */ #internabarradeopcoes {width:100%; height:auto; padding-top:50px; display:block; clear:both;} #barradeopcoes1 {width:62px; height:32px; margin:0px 30px 0px 0px; float:left;} #barradeopcoes2 {width:270px; height:32px; margin:4px 30px 0px 0px; float:left;} #barradeopcoes2 span {font-family:"Trebuchet MS", Arial, "Arial Narrow", Tahoma; font-size:10px; color:#444444; line-height:22px; text-decoration:none; font-weight:bold;} #barradeopcoesformulario {width:100%; height:auto; display:block; clear:both;} /* INTERNAS - DESTAQUES DA LATERAL */ #internaajudar {width:300px; height:265px; padding: 15px 0px 5px 15px; float:left; display:block; overflow:hidden;} #internaanjo {width:300px; height:265px; padding: 25px 0px 35px 15px; float:left; display:block; overflow:hidden;} #internasistema {width:300px; height:200px; margin: 40px 0px 5px 15px; float:left; display:block;} #internadoe {width:300px; height:312px; margin: 40px 0px 0px 15px; float:left; display:block;} #internaloja {width:300px; height:125px; margin: 40px 0px 5px 15px; float:left; display:block;} #internaacessetambem {width:300px; height:114px; margin: 25px 0px 5px 15px; float:left; display:block;} /* INTERNAS - NAVEGAÇÃO EM CASCATA */ #navegacao {width:100%; margin-bottom:20px;} #navegacao span {font-family:"Trebuchet MS", Arial, "Arial Narrow", Tahoma; font-size:10px; color:#444444;} #navegacao a {color:#444444; text-decoration:underline; padding: 0px 2px; font-weight:bold;} #navegacao a:hover {color:#ffffff; text-decoration:none; background-color:#444444; padding: 0px 2px; font-weight:bold;} /* INTERNAS - CERTIFICADOS */ .certificadogeral {width:165px; height:120px; float:left; margin:0px 25px 30px 0px;} .certificadogeralfim {width:165px; height:120px; float:left; margin:0px 0px 30px 0px;} .certificadoimagem {width:80px; height:120px; float:left; margin:0px 10px 0px 0px;} .certificadotexto {width:75px; height:95px; float:left; margin:25px 0px 0px 0px;} /* INTERNAS - POLAROID EQUIPE */ .polaroidequipe {width:162px; height:250px; margin:0px 18px 20px 0px; float:left; display:inline-block; text-align:center;} .polaroidequipefoto {width:162px; height:177px; margin-bottom:6px;} .polaroidequipetexto {width:162px; height:45px; margin:0px;} .polaroidequipe p {font-family:"Trebuchet MS", Arial, "Arial Narrow", Tahoma; font-size:11px; color:#444444; line-height:12px; margin:0px 0px 2px 0px; font-weight:bold;} .polaroidequipe span {font-family:"Trebuchet MS", Arial, "Arial Narrow", Tahoma; font-size:9px; color:#444444; line-height:10px; margin:6px 0px 10px 0px;} /* INTERNAS - MARCAS */ .marcageral {width:545px; height:60px; display:block; margin-bottom:20px;} .marcaimagem {width:100px; height:60px; margin-right:20px; display:inline-block; float:left; border:1px dotted #CCCCCC;} .marcatexto {width:423px; height:40px; margin-top:20px; display:inline-block; float:right;} /* MODAL */ #tinybox {position:absolute; display:none; padding:10px; background:#fff url(images/preload.gif) no-repeat 50% 50%; border:10px solid #e3e3e3; z-index:2000} #tinymask {position:absolute; display:none; top:0; left:0; height:100%; width:100%; background:#000; z-index:1500} #tinycontent {background-color:#FFFFFF;} .button {font:14px Georgia,Verdana; margin-bottom:10px; padding:8px 10px 9px; border:1px solid #ccc; background:#eee; cursor:pointer} .button:hover {border:1px solid #bbb; background:#e3e3e3} /* FORMULÁRIO */ label {display: block; margin:5px 0px 5px 0px; font-family:Arial, "Trebuchet MS", Verdana, Tahoma, Helvetica; font-size:12px; color:#777777; line-height:16px; font-weight:bold;} label span {display: block; width:100%; margin-top:2px; float:left;} input, textarea, select {color:#777777; background-color:#f0f0f0; width:95%; padding:4px 4px; margin-bottom:10px; font-family:Arial, "Trebuchet MS", Verdana, Tahoma, Helvetica; font-size:12px;} input:focus {background:#ffffff;} select:focus {background:#ffffff;} textarea:focus {background:#ffffff;} input, textarea, select {border-top:solid 1px #bbbbbb; border-right:solid 1px #eeeeee; border-bottom:solid 1px #eeeeee; border-left:solid 1px #bbbbbb;} /* colocando as bordas */ textarea {height:100px; overflow:auto;} /* barra de rolagem automática */ .checkbox {float:left; text-align:left; background-color:#00FF00; margin:10px;} .checkboxtabela {float:left; text-align:center; margin:1px; padding:0; border:0; background:transparent;} .campo3colunas {width:300px; margin-right:16px; list-style:none; text-align:left;} .campo2colunas {width:465px; margin-right:10px; float:left; list-style:none; text-align:left;} .formopcao {width:13px; height:auto; float:left; text-align:left; margin:0; padding:0; margin-right:10px;} .formdescricao {width:auto; height:auto; float:left; text-align:left; margin-right:15px;} .formdescricao span {font-family:Arial, "Trebuchet MS", Verdana, Tahoma, Helvetica; font-size:12px; color:#777777; line-height:18px;} .imagemcampo {margin:0px 0px 0px 10px; position:absolute;} .barrabotoes {width:950px; height:30px; display:block; border-top:dotted 1px #bbbbbb; margin:30px 0px 30px 0px; padding-top:10px; clear:both;} .barrabotoes img {margin-right:20px;} .barrabotoes img:hover {opacity:0.80; -moz-opacity: 0.80; filter: alpha(opacity=80);} .botaosemefeito {background:none; border:0; margin:0; padding:0; width:auto; height:auto;} /* RELATÓRIOS */ table {border-collapse:collapse; width:100%; border:1px solid #cccccc; font:normal 12px Arial, "Trebuchet MS", Verdana, Tahoma, Helvetica; color:#777777; background:#eeeeee;} caption {text-align:left; font:normal 22px Arial, "Trebuchet MS", Verdana, Tahoma, Helvetica; background:transparent; padding:6px 4px 8px 0px; color:#777777;} td, th {border:1px dotted #cccccc; padding:8px; color:#777777;} thead th, tfoot th {font:bold 13px Arial, "Trebuchet MS", Verdana, Tahoma, Helvetica; border:1px solid #888888; text-align:left; background:#999999; color:#FFFFFF; padding:8px;} tbody td a, tbody th a {background:transparent; text-decoration:none; color:#777777; font:normal 12px Arial, "Trebuchet MS", Verdana, Tahoma, Helvetica;} tbody td a:hover, tbody th a:hover {background:#f9f9f9; color:#777777;} tbody td .iconetabela, tbody th .iconetabela {background-color:transparent; padding:-6px; margin:-4px; text-align:center;} tbody th, tbody td {vertical-align:top; text-align:left;} tfoot td {border:1px solid #888888; background:#999999; padding-top:3px; color:#FFFFFF;} .odd {background: #f9f9f9;} tbody tr:hover {background: #fcce15; border: 1px solid #cccccc; color:#FFFFFF;} tbody tr:hover th, tbody tr.odd:hover th {background: #fcce15; color:#FFFFFF;} /* RODAPÉ */ #rodapegeral {width:100%; height:488px; background-image:url(../images/rodape_fundo.png); background-repeat:repeat; clear:both;} #rodapegeral p {font-family:"Trebuchet MS", Arial, "Arial Narrow", Tahoma; font-size:11px; color:#444444;} #rodapeconteudo {width:960px; height:390px; padding-top:24px;} #rodapebloco1 {width:206px; height:390px; float:left;} #rodapebloco2 {width:250px; height:390px; float:left;} #rodapebloco3 {width:204px; height:390px; float:left;} #rodapebloco4 {width:300px; height:390px; float:left;} .rodapeblocotopo {list-style-image:url(../images/icone_lista_estrela.png);} .rodapeblocotopo a {font-family:"Trebuchet MS", Arial, "Arial Narrow", Tahoma; font-size:11px; font-weight:bold; color:#444444; text-decoration:underline; padding: 0px 2px;} .rodapeblocotopo a:hover {color:#FFFFFF; text-decoration:none; background-color:#444444;} .rodapeblocolinks {list-style-image:url(../images/icone_lista_ponto.png); padding-left:16px;} .rodapeblocolinks a {font-family:"Trebuchet MS", Arial, "Arial Narrow", Tahoma; font-size:11px; font-weight:normal; color:#444444; text-decoration:none; padding: 0px 2px;} .rodapeblocolinks a:hover {color:#FFFFFF; background-color:#444444;} .rodapeblocolinks li {line-height:16px;} /* CLASSES */ .linktexto {color:#444444; text-decoration:none; font-weight:bold; background-color:#f1f1f1; padding: 0px 2px;} .linktexto:hover {color:#ffffff; text-decoration:none; font-weight:bold; background-color:#444444; padding: 0px 2px;} .linkcinza {color:#444444; text-decoration:underline; padding: 0px 2px;} .linkcinza:hover {color:#444444; text-decoration:none; background-color:#FFFFFF; padding: 0px 2px;} .linkpreto {font-family:"Trebuchet MS", Arial, "Arial Narrow", Tahoma; color:#231f20; line-height:18px; text-decoration:none; font-weight:bold;} .linkpreto:hover {font-family:"Trebuchet MS", Arial, "Arial Narrow", Tahoma; color:#FFFFFF; line-height:18px; background-color:#231f20; font-weight:bold;} .polaroid {float:left; margin:2px 20px 10px 0px;} .polaroidtopo {float:left; margin:20px 20px 10px 0px;} .divisoria {width:100%; margin:20px 0px; border-bottom:1px #CCCCCC dashed; clear:both;} .bordaimagem {padding:5px; border:1px #CCCCCC dashed; background:#f1f1f1; clear:both;}