/* Classes comuns  - São as classes que poderão ser utilizadas em todo site, independendo da área em questão.*/
* { margin:0; padding:0; }
body { font-family:"Trebuchet MS", sans-serif; font-size:0.8em; background:#4ca4d4 url('../i/fundo-layout.jpg') repeat-x top left; margin:0; padding: 0 20px; }
img { border:0; }
hr { visibility: hidden; }
ul { list-style-type: none; }
h2 strong { display:none; }
span { display:none; }
label { display:block; margin-top:10px; }
button span { display:block; }
button { margin-top:10px; background:#E0F0F5; cursor:pointer; padding:5px; border:solid 1px #5CACC7; }
button:hover { background:#B3E5FF; }
em { color:#6C6565; }
a { text-decoration:underline; }
a:hover { text-decoration:none; }
.clear { clear:both; }
.left { float:left; }
.right { float:right; }
.descricao { font-style:italic; color:#6C6565; margin-bottom:10px; }
.requerido { display:inline; color:#E02727; }

#erro404 #titulo h2 { background:#fff url('../i/titulos/tit-404.jpg') no-repeat; width:200px; height:20px; }

#tudo { min-width: 750px; max-width: 1000px;  margin: 0 auto; border: 1px solid #000; border-top:none; background:#fff;}
#coluna-direita { float:left; width:40%; }
#coluna-esquerda { width:60%; float:left; } 

#corpo { padding:15px;  }

#topo { background:#c4d5dc url('../i/bg-cabe.gif') repeat-y top left; }
#topo #logo a { background:url('../i/logo_cyan_v10.jpg') no-repeat; width:130px; height:111px; margin:10px 0 0 25px; float:left; }
#topo #logo { margin:10px 0 5px 25px; float:left; }
#fundoslogan{ background: url('../i/bg-cabe.gif') repeat-y left top;height: 131px; display: block;}
#topo #slogan { background: url('../i/slogan.gif') no-repeat center center; width:100%; height:131px; float:left;  }

#menu { height:31px; background: url('../i/barra-navegacao.jpg') repeat-x; }
#menu ul { text-align:center; display:block; }
#menu ul li { padding:6px 0px 7px 0px; display:inline; height:31px; line-height:31px; border-left:solid 1px #fff;}
#menu ul li a { padding:6px 10px 7px 10px; margin-right:-4px; color:#fff; text-decoration:none; height:31px; line-height:31px; }
#menu ul li a:hover { background: url('../i/bg-menu-hover.gif') repeat-x; color:#000; }
#menu #ultimo { border-right:solid 1px #fff; }

#menu-inferior { height:28px; margin:0; font-size:0.95em; }
#menu-inferior ul { text-align:center; }
#menu-inferior ul li { display:inline; line-height:28px; border-left:solid 1px #6C6565;}
#menu-inferior ul li a { padding:3px 3px 3px 5px; color:#6C6565; text-decoration:none;  }
#menu-inferior ul li a:hover { text-decoration:underline; }
#menu-inferior .primeiro { border:none; }

#titulo { background: url('../i/titulos/titulos-fundo.gif') repeat-x; margin-bottom:5px; }
#titulo h2 { padding-right:5px; }

#rodape { background:url('../i/bg-rodape.jpg') repeat-x; }
#rodape ul { min-width:600px; }
#rodape ul li span { display:inline; }
#rodape a { color:#FFF; text-decoration:underline; }
#rodape a:hover { text-decoration:none; }
.vcard { clear:both; padding:10px 2% 0; color:#FFF; float: left; }
.tecmedia { height:21px;}
.tecmedia a { background:url('../i/creditos.gif') no-repeat bottom center; width:63px; height:21px; display:block; float:right; margin: 30px 10px 30px 0; }
.tecmedia a:hover { background-position:top center; }


/* Instrucoes das areas da capa  - Aqui será colocado todas as instruções dos blocos da capa, bem como as imagens do layout e dos referidos blocos.*/

#destaque { width:253px; margin:0 auto; }
#pratic-capa { width:80.4%; margin:0 auto; }
#conheca-o-pratic { color:#a5d3ea; font-weight:bold; text-decoration:none; float:right;text-align:center; background: #000; border:solid 10px #a5d3ea; height:192px; width:95%; min-width:326px; max-width:448px; }
#pratic-capa p { padding:0 0 12px 0;font-weight:bold;color:#084B76; }
#clique-aqui-pratic { clear:both;float:right; background: url('../i/clique1.jpg') repeat-x top left; display:block; width:99.4%; height:55px; min-width:350px; max-width:464px; }
#clique-aqui { background: url('../i/clique2.jpg') no-repeat top right; display:block; width:254px; height:55px; float:right; }
.capa #conteudo h4 a { font-weight:normal; float:right; /*background: url('../i/mais.gif') no-repeat bottom right; padding-right:18px;*/ }

/*
#conteudo-lateral #conteudo { background-color:#e1f4fa; padding:10px 0; }
#conteudo-lateral #conteudo #img-destaque { width:50%; margin:0 auto;   }
#conteudo-lateral #conteudo img { padding:5px; margin:5px 0; }
#conteudo-lateral #conteudo p { margin:0; margin-top:5px; }
#conteudo-lateral #sup-direito { background: #e1f4fa url('../i/canto2.jpg') no-repeat top right;  }
#conteudo-lateral #sup-esquerdo { background: url('../i/canto1.jpg') no-repeat top left; }
#conteudo-lateral #inf-direito { background: url('../i/canto3.jpg') no-repeat bottom right; padding-right:19px;}
#conteudo-lateral #inf-esquerdo { background: url('../i/canto4.jpg') no-repeat bottom left; padding-left:19px; }
#conteudo-lateral #titulo h2 { background:#fff url('../i/titulos/destaque.jpg') no-repeat; width:83px; height:20px; }
#conteudo-lateral ul { list-style-type:circle; margin-left:13px; }
#conteudo-lateral #destaque { background: url('../i/produtos/destaque_inicio.jpg') no-repeat; display:block; width:294px; height:300px; }
#conteudo-lateral #destaque a { display:block; width:294px; height:300px; }
*/

#produtos.capa { clear:both; position:relative; top:20px; }
/*
#produtos.capa #conteudo { padding-left:30px; }
#produtos.capa p { width:27%; float:left; margin:0; margin-right:20px; }
#produtos.capa .produtos-capa { width:20%; float:left; margin:0 2% 10px 0; overflow:hidden; }
#produtos.capa #conteudo h3 a { margin-bottom:5px;  display:block;}
*/
#produtos.capa #conteudo h4 { margin-top:10px; }


/* Instrucoes das áreas internas - Neste bloco colocar apenas as instruções referentes as áreas internas do site.  */ 

#conteudo p { margin:10px; }
#conteudo h3, #conteudo h3 a { color:#3F507C; }
#conteudo p.descricao { margin-left:0; }

/*#conteudo-lateral #titulo h2 { background:#fff url('../i/titulos/destaque.jpg') no-repeat; width:91px; height:20px; }*/
#acessibilidade #titulo h2 { background:#fff url('../i/titulos/tit-acessibilidade.jpg') no-repeat; width:125px; height:20px; }
#areas-de-atuacao #titulo h2 { background:#fff url('../i/titulos/tit-areas-de-atuacao.jpg') no-repeat; width:148px; height:20px; }
#fale-conosco #titulo h2 { background:#fff url('../i/titulos/tit-fale-conosco.jpg') no-repeat; width:114px; height:20px; }
#institucional #titulo h2 { background:#fff url('../i/titulos/tit-institucional.jpg') no-repeat; width:116px; height:20px; }
#mapa-do-site #titulo h2 { background:#fff url('../i/titulos/tit-mapa-do-site.jpg') no-repeat; width:106px; height:20px; }
#meio-ambiente #titulo h2 { background:#fff url('../i/titulos/tit-meio-ambiente.jpg') no-repeat; width:121px; height:20px; }
#pratic #titulo h2 { background:#fff url('../i/titulos/tit-pratic.jpg') no-repeat; width:55px; height:20px; }
#produtos #titulo h2 { background:#fff url('../i/titulos/tit-produtos.jpg') no-repeat; width:83px; height:20px; }
#rss #titulo h2 { background:#fff url('../i/titulos/tit-rss.jpg') no-repeat; width:32px; height:20px; }
#trabalhe-conosco #titulo h2 { background:#fff url('../i/titulos/tit-trabalhe-conosco.jpg') no-repeat; width:156px; height:20px; }

#institucional ul, #produtos ul, #mapa-do-site ul, #acessibilidade ul { list-style-type:circle; margin:10px 0 10px 25px; }
#mapa-do-site ul { margin:10px 0 10px 10px; list-style:none; }
#mapa-do-site ul ul { margin:0 15px; list-style-type:circle; }
#mapa-do-site ul ul ul { list-style-type:disc; }
#fale-conosco ul, #trabalhe-conosco ul { margin:0 10px; }

#submenu { text-align:center;margin:30px 0; }
#submenu li { padding:3px 4px 3px 6px; list-style:none; display:inline; border-left:solid 1px #c7d5de; }
#submenu li a { color:#3F507C; text-decoration:none;  }
#submenu li a:hover { text-decoration:underline; }
#submenu .primeiro { border:none; }

#areas-de-atuacao #representantes { float:left; width:50%;}
#areas-de-atuacao h3 { margin-bottom:20px; }
#areas-de-atuacao ul { margin-bottom:20px; margin-left:10px;}
#areas-de-atuacao li strong { font-size:1.1em; }
#areas-de-atuacao #mapa { margin:0 auto; display:block;}

ul#imagens { list-style-type:none; }
#imagens img { float:right; margin:0 0 10px 10px;}
#imagens li img { float:none; margin:0; float:none;}
#imagens li { float:left; margin:15px; }

#institucional #conteudo.menu p { margin-top:0; }
#institucional h3 { margin-bottom:7px; }
#institucional img { float:right; margin:10px 0 10px 10px; }
#institucional ul#imagens li { width:45%; }
#institucional .img-right { text-align:right; }

#produtos #submenu { font-size:1.3em;  }
#imagem-produto { float:left; background: url('../i/produtos/Montagem_1.jpg') no-repeat; width:200px; height:200px;  margin:10px 0 0 0; display:block;}
#imagem-detalhes img { margin:0 10px 5px 0; }
#descricao-produto { margin:0 0 0 10px; }
.produtos-coluna { float:left; }
.produtos-coluna ul li { list-style-type:none; margin:0 0 4px 0; background:#E0F0F5; border:solid 1px #5CACC7; }
.produtos-coluna ul li:hover { background:#B3E5FF; }
.produtos-coluna ul li a { color:#000; text-decoration:none; display:block; padding:2px; }

.erro span{ display:inline; }
.erro{ background: #FFF3F3; border-top: red 2px solid; padding: 10px; width: 50%;}
.erro span{ font-weight: bolder;}
.erro h6{ font-size: 1.3em; font-weight: bold;  margin-bottom: 10px;}

#distancia { padding-top:10px; }