@charset "utf-8";

/*ESTE ARQUIVO CSS FOI DESENVOLVIDO POR PUBLIONLINE BRASIL
http://www.publionline.com.br*/

/* DEFINIÇÕES GERAIS (RESET) */

*{ margin: 0; padding: 0; }

body{	width: 100%; height: auto; background: #E7E5E1 url(../img/body_bg.gif) fixed repeat; font: 12px Arial, Helvetica, sans-serif; color: #333; }

ul{	list-style: none; }

img{ border: none; }

img a{ border: none; }

form, fieldset{ display: block;	border: none; }

/*h1{	font-size: 24px; font-weight: bolder; }

h2{	font-size: 20px; font-weight: bolder; }

h3{	font-size: 16px; font-weight: bolder; }

h4{	font-size: 14px; font-weight: bolder; }
*/

/* Pack of useful classes
------------------------------------*/
.clear{	clear: both; }

.left{ float: left; }

.right{ float: right; }

.block{ display: block; }

.relative{ position: relative; }

.absolute{ position: absolute; }

.text-left{ text-align: left; }

.text-right{ text-align: right; }

.pointer{ cursor: pointer; }

.first{ margin: 0; }


/* Custom margins
Additional margin can be freely created
----------------------------------------*/

.margin-auto{ display: block; margin: 0 auto; }

/* margin-right
--------------------------------*/
.margin-right-15px{ margin: 0 15px 0 0; }
.margin-right-20px{ margin: 0 20px 0 0; }
.margin-right-25px{ margin: 0 25px 0 0; }
.margin-right-30px{ margin: 0 30px 0 0; }
.margin-right-50px{ margin: 0 50px 0 0; }

/* margin-left
--------------------------------*/
.margin-left-15px{ margin: 0 0 0 15px; }
.margin-left-20px{ margin: 0 0 0 20px; }
.margin-left-25px{ margin: 0 0 0 25px; }
.margin-left-30px{ margin: 0 0 0 30px; }
.margin-left-40px{ margin: 0 0 0 40px; }
.margin-left-50px{ margin: 0 0 0 50px; }

/* margin-top
--------------------------------*/
.margin-top-2px{ margin: 2px 0 0 0; }
.margin-top-3px{ margin: 3px 0 0 0; }
.margin-top-5px{ margin: 5px 0 0 0; }
.margin-top-10px{ margin: 10px 0 0 0; }
.margin-top-15px{ margin: 15px 0 0 0; }
.margin-top-20px{ margin: 20px 0 0 0; }
.margin-top-25px{ margin: 25px 0 0 0; }

/* Custom width/s
Additional width can be freely created
----------------------------------------*/
.width-50px{ width: 50px; }
.width-55px{ width: 55px; }
.width-60px{ width: 60px; }
.width-70px{ width: 70px; }
.width-80px{ width: 80px; }
.width-90px{ width: 90px; }
.width-100px{ width: 100px; }
.width-105px{ width: 105px; }
.width-110px{ width: 110px; }
.width-115px{ width: 115px; }
.width-120px{ width: 120px; }
.width-130px{ width: 130px; }
.width-135px{ width: 135px; }
.width-140px{ width: 140px; }
.width-150px{ width: 150px; }
.width-155px{ width: 155px; }
.width-160px{ width: 160px; }
.width-170px{ width: 170px; }
.width-180px{ width: 180px; }
.width-185px{ width: 185px; }
.width-190px{ width: 190px; }
.width-200px{ width: 200px; }
.width-205px{ width: 205px; }
.width-210px{ width: 210px; }
.width-220px{ width: 220px; }
.width-225px{ width: 225px; }
.width-230px{ width: 230px; }
.width-235px{ width: 235px; }
.width-240px{ width: 240px; }
.width-245px{ width: 245px; }
.width-250px{ width: 250px; }
.width-260px{ width: 260px; }
.width-270px{ width: 270px; }
.width-275px{ width: 270px; }
.width-280px{ width: 280px; }
.width-290px{ width: 290px; }
.width-300px{ width: 300px; }
.width-305px{ width: 305px; }
.width-310px{ width: 310px; }
.width-315px{ width: 315px; }
.width-320px{ width: 320px; }
.width-330px{ width: 330px; }
.width-340px{ width: 340px; }
.width-350px{ width: 350px; }
.width-355px{ width: 355px; }
.width-360px{ width: 360px; }



/* clearfix
----------------------------------------*/
.clearfix:after {
	clear: both;
	display: block;
	content: " ";
	height: 0px;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hide these rules from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
li.clearfix {
	display: list-item;
}
/* End hide from IE-mac */


/*INSTRUÇÕES*/

/*
-------------------FLAGS-------------------

UTILIZEI O CARACTERE "!" NO INÍCIO DO NOME DAS PRINCIPAIS DIVS ('FLAGS'), ASSIM FICA MAIS FÁCIL FAZER UMA BUSCA NA FOLHA DE ESTILOS.
ENTÃO, SE QUISER ACHAR A DIV GERAL DIGITE "!G"; BANNER: "!B"; RODAPE: "!R" E ASSIM POR DIANTE.
*/


/* !Geral
--------------------------------------*/
#geral{ width: 100%; height: auto; position: relative; }

/* Etiqueta
---------------------------------*/
/*#etiqueta{ width: 28px; height: 237px; position:absolute; background: url(../img/tag-lateral.gif) no-repeat left top; top:200px; z-index: 999999; right: 0; text-indent: -5000px; }
#etiqueta a{ display: block; width: 28px; height: 237px; }*/
#etiqueta{ width: 28px; height: 318px; position:absolute; background: url(../img/tag-lateral-interna.gif) no-repeat left top; top:200px; z-index: 999999; right: 0; text-indent: -5000px; }
#etiqueta a{ display: block; width: 28px; height: 318px; cursor:text; }

/* Etiqueta Interna
---------------------------------*/
#etiqueta-interna{ width: 28px; height: 316px; position:absolute; background: url(../img/tag-lateral-interna.gif) no-repeat left top; top:200px; z-index: 999999; right: 0; text-indent: -5000px; }
#etiqueta-interna a{ display: block; width: 28px; height: 316px; cursor:text; }


/* !Header
--------------------------------------*/
#header{ width: 940px; height: 135px; margin: 0 auto; position: relative; z-index: 9; }

#logo{ float: left; display: block; width: 240px; height: 100px; position: absolute; left: 0; top: 35px; }

#tiny-menu{ list-style: none; width: 180px; float: left; display: block; background: #F0EDE8; padding: 3px 2px; text-align: center; border-bottom: solid 2px #fff; position: absolute; left: 115px; _left: 105px;}
#tiny-menu li{ display: inline; font: 10px Verdana, Geneva, sans-serif; color: #7F7878; }
#tiny-menu li.divisor{ margin: 0 3px; } 

#tiny-menu li a{ font: 10px Verdana, Geneva, sans-serif; text-decoration: none; color: #7F7878; text-decoration: none; }
#tiny-menu li a:hover{ font: 10px Verdana, Geneva, sans-serif; text-decoration: none; color: #7F7878; text-decoration: underline; }

#faixa-topo{ width: ; float: right; display: block; background: #F0EDE8; padding: 2px 0 2px 5px; border-bottom: solid 2px #fff; font: 10px Verdana, Geneva, sans-serif; color: #7F7878; position: absolute; top: 0; right: 0; z-index: 10; }

.largura-faixa-1280{ width: 790px; _width: 795px; }
.largura-faixa-1024{ width: 662px; *width: 660px; _width: 667px; }

.keywords{ width: 660px; font: 10px Verdana, Geneva, sans-serif; color: #7F7878; }

.keywords a{font: 10px Verdana, Geneva, sans-serif; color: #7F7878; text-decoration: none;}
.keywords a:hover{font: 10px Verdana, Geneva, sans-serif; color: #FFA507; text-decoration: none;}

#menu{ float: right; display: block; width: 680px; margin: 55px 0 0 0; }
#menu li{ float: right; margin: 10px 0 0 40px; font: 11px Verdana, Geneva, sans-serif; position: relative; }
#menu li a{ display: block; background: #fff; font: 11px Verdana, Geneva, sans-serif; color: #767676; padding: 3px; text-decoration: none; } 
#menu li a:hover{ display: block; background: #FFA507; font: 11px Verdana, Geneva, sans-serif; color: #fff; padding: 3px; text-decoration: none; }
#menu li a.selected{ display: block; background: #FFA507; font: 11px Verdana, Geneva, sans-serif; color: #fff; padding: 3px; text-decoration: none; } 
	

/* Caixa Banner
---------------------------*/
#caixa-banner{ width: 940px; height: 262px; margin: 10px auto 0 auto; }

#banner{ float: left; width: 580px; height: 262px; display: block; background: #E98103;  }

#busca-chamada{ display: block; float: right; width: 340px; height: 262px; position: relative; }

#busca{ width: 340px; height: 44px; background: #fff; padding: 15px 0 0 0; float: right;  }

#busca #input-busca{ float: left; background: #F0EEE9; font: 14px Verdana, Geneva, sans-serif; color: #736E67; border: none; padding: 5px; width: 230px; margin: 0 0 0 30px; }

#busca .submit {background: #F0EEE9; display: block; color: #736E67; font: 14px Verdana, Geneva, sans-serif; float: left; margin: 0 0 0 5px; cursor: pointer; padding: 5px; }

#chamada{ right: 0; bottom: 0; width: 340px; height: 100px; display: block; background: #fff; float: right; clear: both; margin: 15px 0 0 0; position: relative; }
#chamada img{ position: absolute; top: 28px; left: 5px; }

.txt-chamada{ display: block; float: right; width: 270px; margin: 10px 0 0 0; }

/* !Conteúdo
--------------------------------------*/
#conteudo{ width: 940px; height: auto; margin: 15px auto 0 auto; }


/* !Esquerda - !Home
---------------------------------------*/
#esquerda{ float: left; width: 462px; }

#esquerda .caixa-branca{ width: 442px; height: auto; padding: 10px; background: #fff; margin: 15px 0 0 0; position: relative; }
#esquerda .caixa-branca-first{ width: 442px; height: auto; padding: 10px; background: #fff; margin: 0; position: relative; }

#esquerda .caixa-beje{ width: 442px; height: auto; padding: 10px; background: #F7F4EE; margin: 15px 0 0 0; position: relative; }


/* !Esquerda - !Interna
---------------------------------------*/
#esquerda-interna{ float: left; width: 600px; }

#esquerda-interna .caixa-branca{ width: 580px; height: auto; padding: 10px; background: #fff; margin: 15px 0 0 0; position: relative; }
#esquerda-interna .caixa-branca-first{ width: 580px; height: auto; padding: 10px; background: #fff; margin: 0; position: relative; }

#esquerda-interna .caixa-beje{ width: 580px; height: auto; padding: 10px; background: #F7F4EE; margin: 15px 0 0 0; position: relative; }

/* !Breadcrumbs
-------------------------------*/
#breadcrumbs-textsize{ display: block; }

.muda-fonte{ float: right; padding: 2px 2px; background: #F0EDE8; width: 50px; text-align:center; position: absolute; top: 70px; right: 10px; }

.a-pequeno{font: 10px Arial, Helvetica, sans-serif; color: #8F8E8C; cursor: pointer; }
.a-medio{font: 14px Arial, Helvetica, sans-serif; color: #8F8E8C; cursor: pointer;}
.a-grande{font: 18px Arial, Helvetica, sans-serif; color: #8F8E8C; cursor: pointer;}


/* !Direita - !Home
---------------------------------------*/
#direita{ float: right; width: 462px; margin: -88px 0 0 0; }

#direita .caixa-branca{ width: 442px; height: auto; padding: 10px; background: #fff; margin: 15px 0 0 0; position: relative; }
#direita .caixa-branca-metodologia{ width: 442px; height: 521px; *height: 516px; padding: 10px; background: #fff; margin: 15px 0 0 0; position: relative; }
#direita .caixa-branca-first{ width: 442px; height: auto; padding: 10px; background: #fff; margin: 0; position: relative; }


/* !Direita - !Interna
---------------------------------------*/
#direita-interna{ float: right; width: 325px; margin: 0; }

#direita-interna .caixa-branca{ width: 305px; height: auto; padding: 10px; background: #fff; margin: 15px 0 0 0; position: relative; }
#direita-interna .caixa-branca-metodologia{ width: 305px; height: 485px; *height: 481px; padding: 10px; background: #fff; margin: 15px 0 0 0; position: relative; }
#direita-interna .caixa-branca-first{ width: 305px; height: auto; padding: 10px; background: #fff; margin: 0; position: relative; }


/*Lista metodologia
---------------------------*/
#lista-metodologia{ padding:0; }
#lista-metodologia li{ font: 12px Verdana, Geneva, sans-serif; color: #767676; line-height: 1.65em; }



/* Noticias
---------------------------*/
.caixa-noticia{ width: 425px; height: 44px; display: block; }
.dia{ width: 44px; height: 20px; background: #f5f5f5; color: #999; display: block; font: bolder 14px Verdana, Geneva, sans-serif; text-align: center; padding: 2px 0 0 0; }
.mes{ width: 44px; height: 20px; background: #999; color: #fff; display: block; font: bolder 14px Verdana, Geneva, sans-serif; text-align: center; padding: 2px 0 0 0; }
.data-noticia{display: block; width: 44px; height: 44px; float: left;}
.titulo-noticia{ font: bolder 12px Verdana, Geneva, sans-serif; color: #5E5E5E; float: left; width: 370px; padding: 0 0 0 8px; }
.titulo-noticia a{ font: bolder 12px Verdana, Geneva, sans-serif; color: #5E5E5E; text-decoration: none; }
.titulo-noticia a:hover{ font: bolder 12px Verdana, Geneva, sans-serif; color: #FFA507; text-decoration: none; }

.view{ font: oblique 11px Verdana, Geneva, sans-serif; color: #5E5E5E; text-decoration: none; padding: 5px 0 0 8px; float: left;  }


/* Caixas de mesma altura
---------------------------*/
#caixa-full-width{ width: 940px; height: auto; margin: 15px auto 0 auto !important; display: block !important; clear: both; float: left;}
#caixa-full-width .caixa-exp{ width: 442px; height: auto; padding: 10px; background: #fff; float: left;  }
#caixa-full-width .caixa-map{ width: 442px; height: auto; padding: 10px; background: #fff; float: right; position: relative; }

.caixa-branca-menor-first{ width: 283px; height: 220px; padding: 10px; background: #fff; margin: 0; position: relative; float: left; }
.caixa-branca-menor{ width: 283px; height: 220px; padding: 10px; background: #fff; margin: 0 0 0 15px; position: relative; float: left; }


/* caixa branca de largura total
---------------------------------*/
#caixa-full-width-branca{ width: 920px; height: auto; margin: 15px auto 0 auto; display: block; clear: both; float: left; background: #fff; padding: 10px; }


/* caixa tags
---------------------------------*/
#caixa-tags{ width: 850px; height: auto; margin: 0 auto; display: block; clear: both; *padding: 15px 0 0 0; padding: 1px 0 0 0; }

#caixa-tags #lista-1{ width: 820px; margin: 15px auto 0 auto; display: block; }
#caixa-tags #lista-2{ width: 780px; margin: 15px auto 0 auto; display: block; }
#caixa-tags #lista-3{ width: 880px; margin: 15px auto 0 auto; display: block; }

#caixa-tags #lista-1 li, #caixa-tags #lista-2 li, #caixa-tags #lista-3 li{ float: left; font: 12px Verdana, Geneva, sans-serif; color: #767676; margin: 0 0 0 10px; position: relative; }
#caixa-tags #lista-1 li a, #caixa-tags #lista-2 li a, #caixa-tags #lista-3 li a{ display: block; font: 12px Verdana, Geneva, sans-serif; color: #767676; background: #fff; padding: 3px; text-decoration: none; position: relative; }
#caixa-tags #lista-1 li a:hover, #caixa-tags #lista-2 li a:hover, #caixa-tags #lista-3 li a:hover{ display: block; font: 12px Verdana, Geneva, sans-serif; color: #fff; background: #FFA507; padding: 3px; text-decoration: none; }



/* !Contato
---------------------------*/
#form-contato p{ padding: 2px 0; }
#form-contato p label{ font: 12px Verdana, Geneva, sans-serif; color: #5E5E5E; float: left; width: 140px; }
#form-contato p .label-default{ float: none; } 
#form-contato .input-form{ width: 350px; height: auto; padding: 2px; border: solid 1px #ccc; font: 12px Verdana, Geneva, sans-serif; color: #5E5E5E; }
#form-contato .input-valor{ width: 150px; height: auto; padding: 2px; border: solid 1px #ccc; font: 12px Verdana, Geneva, sans-serif; color: #5E5E5E; }
#form-contato .input-ddd{ width: 25px; border: solid 1px #ccc; font: 12px Verdana, Geneva, sans-serif; color: #5E5E5E; padding: 2px; }
#form-contato .input-tel{ width: 75px; border: solid 1px #ccc; font: 12px Verdana, Geneva, sans-serif; color: #5E5E5E; padding: 2px; }
#form-contato .msg, #form-contato .comentarios{ border: solid 1px #ccc; width: 350px; padding: 2px; font: 12px Verdana, Geneva, sans-serif; color: #5E5E5E; }
#form-contato .bt-form{ display: block; clear: both; background: #FFA507; text-align: center; font: 12px Verdana, Geneva, sans-serif; color: #fff; border: none; padding: 4px; cursor: pointer; width: 70px; height: 25px; }	


/* Formulário de busca segmentada em notícias
------------------------------------*/
#form-busca{ margin: 0; padding: 0; }
#form-busca fieldset{ margin: 0; padding: 0; }
#form-busca .submit-busca{ display: block; background: #FFA507; color: #fff; padding: 4px; font: 12px Verdana, Helvetica, sans-serif; width: 20px; height: 14px; cursor: pointer; margin: 0 0 0 5px; float: left; text-align:center; }
#form-busca #input-busca-tags{ border: solid 1px #ccc; font: 13px Verdana, Helvetica, sans-serif; color: #5E5E5E; padding: 2px; float: left; }

#input-feed{ width: auto; padding: 2px; border: solid 1px #ccc; font: 13px Verdana, Helvetica, sans-serif; color: #5E5E5E; float: left; }

.bt-form{ display: block; background: #FFA507; text-align: center; font: 12px Verdana, Geneva, sans-serif; color: #fff; border: none; padding: 4px; cursor: pointer; width: 70px; height: 22px; float: left; margin: 0 0 0 5px; }

.corpo-icones-redes{ width: 250px; display: block; margin: 0 auto; }



/* !medidor
--------------------------------------*/
#medidor{ width: 570px; height: 297px; background: transparent url(../img/bg-medidor.gif) no-repeat left bottom; position: relative; }
#medidor #barras{ width: 129px; height: 305px; position: absolute; bottom: 0; right: 20px; border: none; background:url(../img/bg-barra.gif) no-repeat left bottom; }
#medidor #barras .nivel-1{ display: block; width: 129px; height: /*200px*/ 0; background: url(../img/medidor-nivel-1.gif) no-repeat; position: absolute; left: 0; bottom:0; padding: 0; }
#medidor #barras .nivel-2{ display: block; width: 129px; height: /*209px*/ 0; background: url(../img/medidor-nivel-2.gif) no-repeat; position: absolute; left: 0; bottom:65px; padding: 0; }
#medidor #barras .nivel-3{ display: block; width: 129px; height: /*190px*/ 0; background: url(../img/medidor-nivel-3.gif) no-repeat; position: absolute; left: 0; bottom:170px; padding: 0; }
#medidor #titulos-medidor{ width: 348px; height: 297px; display: block; float: left; position:relative; }
#medidor #titulos-medidor .titulo-nivel-1{ bottom: 23px; width: 348px; display: block; position: absolute; }
#medidor #titulos-medidor .titulo-nivel-2{ bottom: 128px; width: 348px; display: block; position: absolute; }
#medidor #titulos-medidor .titulo-nivel-3{ bottom: 254px; width: 348px; display: block; position: absolute; }

#input-busca-medidor{ background: #FFA507; display: block; padding: 10px; border: none; margin: 10px 0; font: 18px Verdana, Helvetica, sans-serif; color: #fff; width:285px; text-align: center; float: left; }
.verificar-bt{ width: 50px; height: 25px; background: #52534B; cursor: pointer; display: block; font: bolder 14px Arial, Helvetica, sans-serif; color: #fff; padding: 10px 0 0 0; text-align: center; margin:15px 0 0 0; *margin: 5px 0 0 0; _margin:15px 0 0 0 !important; clear: both; }



/* !Formulário de envio de segmento
-------------------------------------*/
#form-seg{ height: auto; padding: 0 0 10px 0; display: block; }
#form-seg label{ float: left; margin: 8px 0 0 0; }
#form-seg .bt-enviar-form-segmento{ width: 80px; height: auto; padding: 5px 0; *padding: 3px 0; background: #FFA507; display: block; border: none; font: 14px Arial, Helvetica, sans-serif; color: #fff; cursor: pointer; position: relative; right: 7px; *right: 6px; _right: 5px; top: 5px; }
.input-text-medidor{ width: 308px; border: solid 1px #FFA507; padding: 3px; font: 14px Verdana, Helvetica, sans-serif; color: #555; margin: 2px 0; }



/* !Rodapé
---------------------------------------*/
#rodape{ width: 100%; height: 123px; float: left; margin: 30px 0 0 0; position: relative; padding: 0 0 15px 0; _padding: 0 0 11px 0; background: #D6CFC4; }
#conteudo-rodape{ width: ; display: block; background: #F0EDE8; position: absolute; top: 0; right: 0; height: 118px; padding: 10px; }
#rodape-interno{ width: 940px; height: 138px; margin: 0 auto; background: url(../img/bg_rodape.gif) no-repeat left 55%; }

.largura-rodape-1024{ width: 780px; }
.largura-rodape-1280{ width: 920px; }

#conteudo-rodape ul{ display: block; height: 18px; }
#conteudo-rodape ul li{ font: 11px Verdana, Geneva, sans-serif; color: #7F7878; float: left; } 
#conteudo-rodape ul li.divisor{ margin: 0 10px; }

#conteudo-rodape ul li a{ font: 11px Verdana, Geneva, sans-serif; color: #7F7878; text-decoration: none; }
#conteudo-rodape ul li a:hover{ font: 11px Verdana, Geneva, sans-serif; color: #7F7878; text-decoration: underline; }


/* !Tipografia
---------------------------*/
.txt-cinza-20px{font: 20px Arial, Helvetica, sans-serif; color: #8F8E8C;}
.txt-cinza-25px{font: 25px Arial, Helvetica, sans-serif; color: #8F8E8C;}
.txt-cinza-10px{font: 10px Arial, Helvetica, sans-serif; color: #8F8E8C;}

.txt-20px{font: 20px Arial, Helvetica, sans-serif;}
.txt-25px{font: 25px Arial, Helvetica, sans-serif;}

.txt-cinza-verdana-10px{font: 10px Verdana, Geneva, sans-serif; color: #8F8E8C;}

.txt-cinza-12px{font: 12px Verdana, Geneva, sans-serif; color: #5E5E5E; line-height: 1.5em; }
.txt-cinza-13px{font: 13px Verdana, Geneva, sans-serif; color: #5E5E5E;}
.txt-cinza-arial-13px{font: 13px Arial, Helvetica, sans-serif; color: #5E5E5E;}
.txt-cinza-11px{font: 11px Verdana, Geneva, sans-serif; color: #5E5E5E;}

.txt-preto-18px{font: 18px Arial, Helvetica, sans-serif; color: #000;}
.txt-preto-11px{font: 11px Arial, Helvetica, sans-serif; color: #000;}

.txt-laranja-22px{font: 22px Arial, Helvetica, sans-serif; color: #FFA507;}
.txt-laranja-30px{font: 30px Arial, Helvetica, sans-serif; color: #FFA507;}

.txt-laranja-22px h2{font: 22px Arial, Helvetica, sans-serif; color: #FFA507;}

.txt-laranja-30px h1{font: 30px Arial, Helvetica, sans-serif; color: #FFA507;}
.txt-laranja-22px h2{font: 22px Arial, Helvetica, sans-serif; color: #FFA507;}

.txt-cinza-22px{font: 22px Arial, Helvetica, sans-serif; color: #8F8E8C;}
.txt-cinza-30px{font: 30px Arial, Helvetica, sans-serif; color: #8F8E8C;}

.txt-cinza-30px a{font: 30px Arial, Helvetica, sans-serif; color: #8F8E8C; text-decoration: none; }
.txt-cinza-30px a:hover{font: 30px Arial, Helvetica, sans-serif; color: #8F8E8C; text-decoration: underline;}

.txt-cinza-25px a{font: 25px Arial, Helvetica, sans-serif; color: #8F8E8C; text-decoration: none; }
.txt-cinza-25px a:hover{font: 25px Arial, Helvetica, sans-serif; color: #8F8E8C; text-decoration: underline;}

.txt-cinza-20px a{font: 20px Arial, Helvetica, sans-serif; color: #8F8E8C; text-decoration: none; }
.txt-cinza-20px a:hover{font: 20px Arial, Helvetica, sans-serif; color: #8F8E8C; text-decoration: underline;}

.txt-preto-22px{font: 22px Arial, Helvetica, sans-serif; color: #3A3733;}
.txt-preto-12px{font: 12px Arial, Helvetica, sans-serif; color: #3A3733;}
.txt-preto-14px{font: 14px Arial, Helvetica, sans-serif; color: #3A3733;}
.txt-preto-30px{font: 30px Arial, Helvetica, sans-serif; color: #3A3733;}
.txt-preto-10px{font: 10px Arial, Helvetica, sans-serif; color: #3A3733;}

.txt-preto-30px h3, .txt-preto-30px h4, .txt-preto-30px h5{font: 30px Arial, Helvetica, sans-serif; color: #3A3733;}

.titulo-caixa-clara{ background: #F5F2ED; display: block ; width: auto; height: auto; padding: 5px 8px; color: #B1CA00; font: 14px Arial, Helvetica, sans-serif;}

.titulo-caixa-cinza{ background: #52534B; display: ; width: auto; height: auto; padding: 5px 8px; color: #fff; font: 14px Arial, Helvetica, sans-serif;}



/* !Links
----------------------------*/

a.link-cinza-10px{ font: 10px Arial, Helvetica, sans-serif; color: #8F8E8C; text-decoration: none; }
a.link-cinza-10px:hover{ font: 10px Arial, Helvetica, sans-serif; color: #FFA507; text-decoration: none;}

a.link-cinza-11px{ font: 11px Verdana, Helvetica, sans-serif; color: #5E5E5E; text-decoration: none; }
a.link-cinza-11px:hover{ font: 11px Verdana, Helvetica, sans-serif; color: #FFA507; text-decoration: none;}

a.link-cinza-sub-11px{ font: 11px Verdana, Helvetica, sans-serif; color: #5E5E5E; text-decoration: underline; }
a.link-cinza-sub-11px:hover{ font: 11px Verdana, Helvetica, sans-serif; color: #FFA507; text-decoration: underline;}

a.link-cinza-verdana-10px{ font: 10px Verdana, Geneva, sans-serif; color: #8F8E8C; text-decoration: none; }
a.link-cinza-verdana-10px:hover{ font: 10px Verdana, Geneva, sans-serif; color: #FFA507; text-decoration: none;}

a.link-cinza-sub-10px{ font: 10px Arial, Helvetica, sans-serif; color: #7F7878; text-decoration: underline; }
a.link-cinza-sub-10px:hover{ font: 10px Arial, Helvetica, sans-serif; color: #FFA507; text-decoration: underline;}

a.link-preto-sub-10px{ font: 10px Verdana, Geneva, sans-serif; color: #000; text-decoration: underline; }
a.link-preto-sub-10px:hover{ font: 10px Verdana, Geneva, sans-serif; color: #FFA507; text-decoration: underline;}

a.link-preto-14px{ font: 14px Verdana, Geneva, sans-serif; color: #3A3733; text-decoration: none; }
a.link-preto-14px:hover{ font: 14px Verdana, Geneva, sans-serif; color: #FFA507; text-decoration: none;}

a.link-cinza-sub-12px{ font: 12px Verdana, Geneva, sans-serif; color: #5E5E5E; text-decoration: underline; }
a.link-cinza-sub-12px:hover{ font: 12px Verdana, Geneva, sans-serif; color: #FFA507; text-decoration: underline; }

a.link-cinza-12px{ font: 12px Verdana, Geneva, sans-serif; color: #5E5E5E; text-decoration: none; }
a.link-cinza-12px:hover{ font: 12px Verdana, Geneva, sans-serif; color: #FFA507; text-decoration: none; }

a.link-concorrencia{ text-decoration: none; color: #7F7878; }
a.link-concorrencia:hover{ text-decoration: none; color: #FFA507 !important; }

/* Classes Gerais
-----------------------------*/
.faixa-clara{ display: block; padding: 6px; background: #F0EDE8; color: #3A3733; font: bolder  12px Verdana, Geneva, sans-serif; }
.faixa-clara-sbold{ display: block; padding: 6px; background: #F0EDE8; color: #3A3733; font: 12px Verdana, Geneva, sans-serif; }

.faixa-clara-sembold{ display: block; padding: 6px; background: #F0EDE8; color: #5E5E5E; font: 12px Verdana, Geneva, sans-serif; }
.faixa-cinza{ display: block; padding: 6px; background: #E0E0DF; color: #5E5E5E; font: bolder  12px Verdana, Geneva, sans-serif; }
.botao-laranja-grande{ width: 250px; height: 30px; background: #FFA507; display: block; padding: 8px 4px 0 4px; text-align: center; font: 18px Arial, Helvetica, sans-serif; color: #fff; margin: 0 auto; }
.botao-laranja-grande a{ font: 18px Arial, Helvetica, sans-serif; color: #fff; text-decoration: none; }
.botao-laranja-grande a:hover{ font: 18px Arial, Helvetica, sans-serif; color: #fff; text-decoration: underline; }



/* Icones redes sociais
---------------------------------------*/
.caixa-branca .ico, .caixa-branca-metodologia .ico, .caixa-branca-first .ico, .caixa-beje .ico, .caixa-map .ico{ position: absolute !important; top: 10px; right: 10px; display: block; } 


/*
laranja = #FFA507
cinza = #7F7878
*/