@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: #F8F2DC url(../img/body_bg.jpg) no-repeat left top;
	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;
}

.clear{
	clear: both;	
}

.left{
	float: left;	
}

.right{
	float: right;	
}

/* 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; }



/* Etiqueta
---------------------------------*/
#etiqueta{ width: 28px; height: 163px; position:absolute; background: url(../img/etiqueta.jpg) right top; top:200px; z-index: 999999; right: 0; text-indent: -5000px; }

#etiqueta a{ display: block; width: 52px; height: 242px; }



/* !Faixa Topo
--------------------------------------*/
#faixa-topo{ width: 100%; height: auto; background: #645E54; border-bottom: solid 2px #fff; }
#faixa-topo-interno{ width: 940px; height: auto; background: #645E54; margin: 0 auto; font: 11px Arial, Helvetica, sans-serif; color: #fff; padding: 7px 0 0 0; text-align: right; padding: 5px 0;}
#faixa-topo-interno h1{font: normal 11px Arial, Helvetica, sans-serif; color: #fff;}


/* !Header
--------------------------------------*/
#header{ width: 940px; height: 95px; margin: 0 auto; padding: 10px 0 0 0; position: relative; }
#header #logo{ float: left; display: block; width: 317px; height: 95px; position: absolute; bottom: 0; left: 0; }

#contato{ position: absolute; right: 0; top: 15px; text-align: right; }


/* !Menu
--------------------------------------*/
#menu{ float: right; display: block; list-style: none; width: auto; margin: 30px 0 0 0; position: absolute; bottom: 5px; right: 0; }
#menu li{ float: left; font: bolder 12px Arial, Helvetica, sans-serif; color: #222; margin: 0 0 0 5px; display: block; position: relative; } 
#menu li a{ padding: 8px; display: block; background: #fff; color: #222; font: bolder 12px Arial, Helvetica, sans-serif; text-decoration: none; }
#menu li a:hover{ display: block; font: bolder 12px Arial, Helvetica, sans-serif; text-decoration: none; background: #E59F33; color: #fff; }



/* !Principal
--------------------------------------*/
#principal{ width: 940px; height: auto; margin: 20px auto 0 auto; }
#principal #banner{ width: 670px; height: 245px; float: left; position: relative; } 
#principal ul#box-valores{ list-style: none; float: right; width: 255px; height: 245px; background: #fff; padding: 0; margin: 0 !important; }

#principal ul#box-valores li{ display: block; height: auto; width: auto; margin: 0; }
#principal ul#box-valores li.first{ margin: 0; }
#principal ul#box-valores li.last{ text-align: center; margin: 0; background: #fff; }

.valor{ margin: 10px 0 0 0; font-size: 18px; color: #; }
.qtd{ margin: 0; font-size: 24px; color: #; }
.envios{ margin: 0; font-size: 11px; color: #; }

#principal ul#box-valores li a { display: block; width: auto; height: 45px; *height: 40px; text-decoration: none; padding: 5px; color: #797979; cursor: pointer; margin: 0; }
#principal ul#box-valores li a:hover{ display: block; width: auto; color: #fff !important; text-decoration: none; background: #E59F32; margin: 0; padding: 5px; }

#principal ul#box-valores li a.last { display: block; width: auto; height: 20px; *height: 25px; _height: 18px; text-decoration: none; text-align:center; padding: 5px 0 0 0; *padding: 8px 0 0 0; _padding: 6px 0 0 0; color: #777; margin: 0; position: relative; z-index:999;}
#principal ul#box-valores li a.last:hover { display: block; width: auto; height: 20px; *height: 25px; _height: 18px; color: #fff; text-decoration: none; background: #E59F32; margin: 0; padding: 5px 0 0 0; *padding: 8px 0 0 0; _padding: 6px 0 0 0; }



/* aviso
-------------*/
#aviso_recesso{ display: block; width: 478px; height: auto; padding: 5px; background: url(../img/bg_branco_50.png); position: absolute; top:18px; right: 40px;}
#aviso_recesso_interno{ padding: 10px; display: block; width: auto; height: auto; background: #fff; position: relative; margin: 0 auto; }
#aviso_recesso_interno #faixa{ position: absolute; top: 5px; left: 0; background: #A30000; font: 12px Verdana, Geneva, sans-serif; color: #fff; display: block; padding: 5px 5px 5px 10px; width: 440px; }
#aviso_recesso_interno p{ width: 440px;  font: 12px Verdana, Geneva, sans-serif; color: #656565; line-height: 1.4em !important; }



/* !Frase
--------------------------------------*/
#frase-chamada{ width: 940px; height: auto; position: relative; top:20px; text-align: center; margin: 0 auto; clear: both; }



/* !Conteúdo
--------------------------------------*/
#conteudo{ width: 100%; height: auto; background: url(../img/bg_conteudo.gif) no-repeat left top; padding: 185px 0 0 0; margin: 0; float: left; margin: -90px 0 0 0; }
#conteudo-interno{ width: 100%; height: auto; background: #fff; margin: 0; position: relative; padding: 0 0 10px 0; }
#conteudo-interno2{ width: 940px; height: auto; margin: 0 auto; background: #fff; }



/* !Esquerda
---------------------------------------*/
#esquerda{ width: 445px; float: left; height: auto; background: url(../img/separador.gif) no-repeat right center; padding: 0 25px 0 0; }

#esquerda-baixo{ width: 450px; float: left; height: auto; margin: 70px 0 0 0; }


#email_qg{ float: right; width: auto;}
#cx_texto_criacao{ float: left; width: 550px; }

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


/* !Direita
---------------------------------------*/
#direita{ float: right; width: 450px; height: auto;}

#direita-baixo{ float: right; width: 430px; height: auto; margin: 70px 0 0 0; padding: 0 0 0 30px;}

.bg_linha{ background: url(../img/separador.gif) no-repeat left center; padding: 0 0 0 25px; margin: 0 0 0 -30px; }

.block{ display: block; }


/* !Caixa Destaque [Home]
---------------------------------------*/
#caixa-destaque{ width: 930px; height: auto; margin: 0 auto; position: relative; top: 20px; background: #F6F4EE; padding: 5px 5px 10px 5px; display: block; clear: both; }
#caixa-destaque #faixa-branca{ width: 930px; height: auto; background: #fff; padding: 5px 0; display: block; font: 14px Arial, Helvetica, sans-serif; color: #565353; }
#caixa-destaque #faixa-branca span{ padding: 0 20px; display: block; }
#caixa-destaque .txt-destaque{ padding: 0 0px; }


/* !Rodapé
---------------------------------------*/
#rodape{ width: 100%; height: auto; padding: 15px 0; background: #28251E; font: 12px Arial, Helvetica, sans-serif; color: #D0D0D0; float: left; clear: both; border-bottom: solid 5px #A9A598; margin: 30px 0 0 0; display: inline-block; }
#rodape-interno{ width: 720px; height: auto; margin: 0 auto; background: url(../img/logo-rodape.gif) no-repeat left center; display: block; padding: 0 0 0 230px; clear: both; }
#rodape ul{ list-style: none; width: 720px; height: auto; clear: both; }
#rodape ul li{ float: left; margin: 0; line-height: 1.5em;}
#rodape ul li.first{ margin: 0; }
#rodape ul li a{ font: 11px Arial, Helvetica, sans-serif; color: #D0D0D0; text-decoration: none; }
#rodape ul li a:hover{ font: 11px Arial, Helvetica, sans-serif; color: #D0D0D0; text-decoration: underline; }
#rodape ul li.divisor{ margin: 0 12px; }

#sombra{ width: 100%; height: 28px; background: url(../img/sombra.png) repeat-x; clear: both; position: ; margin: 0; display: inline-block; }


/* !Etapas
---------------------------------------*/
.caixa-etapa{ width: 940px; height: auto; margin: 25px auto 0 auto; display: inline-block; clear: both; }
.caixa-etapa h3{ display: block; width: 930px; background: #F6F4EE; font: 18px Arial, Helvetica, sans-serif; color: #E39F24; padding: 5px; }
.caixa-etapa .caixa-txt{ float: left;  font: 14px Arial, Helvetica, sans-serif; color: #565353; display: block; width: 650px; }
.caixa-etapa .caixa-img{ float: right; display: block; }



/* !Tipografia
---------------------------------------*/
.txt-cinza-11px{ font: 11px Arial, Helvetica, sans-serif; color: #797979; }
.txt-cinza-12px{ font: 12px Arial, Helvetica, sans-serif; color: #797979; }
.txt-cinza-14px{ font: 14px Arial, Helvetica, sans-serif; color: #565353; }

.txt-12px{ font: 12px Arial, Helvetica, sans-serif; color: #; }
.txt-14px{ font: 14px Arial, Helvetica, sans-serif; color: #; }

.txt-cinza-16px{ font: 16px Arial, Helvetica, sans-serif; color: #797979; }
.txt-cinza-18px{ font: 18px Arial, Helvetica, sans-serif; color: #797979; }
.txt-cinza-24px{ font: 24px Arial, Helvetica, sans-serif; color: #797979; }

.txt-cinza-claro-11px{ font: 11px Arial, Helvetica, sans-serif; color: #d0d0d0; }
.txt-cinza-claro2-11px{ font: 11px Arial, Helvetica, sans-serif; color: #B5B1B1; }

.txt-cinza-22px{ font: 22px Arial, Helvetica, sans-serif; color: #797979; }
.txt-cinza-36px{ font: 36px Arial, Helvetica, sans-serif; color: #797979; }

.txt-cinza-escuro-24px{ font: 24px Arial, Helvetica, sans-serif; color: #222; }
.txt-cinza-escuro-14px{ font: 14px Arial, Helvetica, sans-serif; color: #222; }
.txt-cinza-escuro-40px{ font: 40px Arial, Helvetica, sans-serif; color: #222; }

.txt-laranja-40px{ font: 40px Arial, Helvetica, sans-serif; color: #E39F24; }
.txt-laranja-22px{ font: 22px Arial, Helvetica, sans-serif; color: #E39F24; }
.txt-laranja-36px{ font: 36px Arial, Helvetica, sans-serif; color: #E39F24; }

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

.txt-destaque{ font: 14px Arial, Helvetica, sans-serif; color: #555; display: block; padding: 10px 5px; background: #F6F4EE; width: 440px; }

.titulo-caixa p{ text-align: center; padding:10px; font: 14px Arial, Helvetica, sans-serif; color: #565353; background: #F6F4EE; clear: both; display: block; width: 420px; margin: 0 0 10px 0; }


/* !Links
---------------------------------------*/
a.link-cinza-11px{ font: 11px Arial, Helvetica, sans-serif; color: #777; text-decoration: none; }
a.link-cinza-11px:hover{ font: 11px Arial, Helvetica, sans-serif; color: #E59F32; text-decoration: none; }

a.link-cinza-claro-12px{ font: 12px Arial, Helvetica, sans-serif; color: #D0D0D0; text-decoration: none; }
a.link-cinza-claro-12px:hover{ font: 12px Arial, Helvetica, sans-serif; color: #D0D0D0; text-decoration: underline; }

a.link-cinza-claro-11px{ font: 11px Arial, Helvetica, sans-serif; color: #B5B1B1; text-decoration: underline; }
a.link-cinza-claro-11px:hover{ font: 11px Arial, Helvetica, sans-serif; color: #E59F32; text-decoration: underline; }

a.link-cinza-claro2-11px{ font: 11px Arial, Helvetica, sans-serif; color: #D0D0D0; text-decoration: none; }
a.link-cinza-claro2-11px:hover{ font: 11px Arial, Helvetica, sans-serif; color: #D0D0D0; text-decoration: underline; }

a.link-branco-11px{ font: 11px Arial, Helvetica, sans-serif; color: #fff; text-decoration: none; }
a.link-branco-11px:hover{ font: 11px Arial, Helvetica, sans-serif; color: #fff; text-decoration: underline; }

a.link-laranja-14px{ font: 14px Arial, Helvetica, sans-serif; color: #E59F32; text-decoration: none; }
a.link-laranja-14px:hover{ font: 14px Arial, Helvetica, sans-serif; color: #E59F32; text-decoration: underline; }

a.link-cinza-sub-14px{ font: 14px Arial, Helvetica, sans-serif; color: #565353; text-decoration: underline; }
a.link-cinza-sub-14px:hover{ font: 14px Arial, Helvetica, sans-serif; color: #E59F32; text-decoration: underline; }



/* !Classes Gerais
---------------------------------------*/
.bullet{ float: left; margin: 3px 5px 0 2px; }
.zebra{ background: #F6F4EE; }
.zebra-laranja{ background: #E59F32; color: #fff;}

.caixa-padrao-home{ width: 940px; height: auto; margin: 0 auto; display: block !important; background: #eee; position: relative; top: 40px; clear: both; background: #fff; }

.caixa-padrao{ width: 940px; height: auto; margin: 0 auto; display: block !important; background: #eee; position: relative; top: 0; clear: both; background: #fff; }

.white{ color: #fff; }
.divisor{ margin: 0 10px; }
.breadcrumbs{ font: 11px Arial, Helvetica, sans-serif; color: #777; }
.tabela-valores{ border-collapse: collapse!important; color: #797979; }
.titulo-laranja-caixa{ display: block; width: 930px; background: #F6F4EE; font: 18px Arial, Helvetica, sans-serif; color: #E39F24; padding: 5px; }
.img-email{ position: relative; top: .27em; }

.faixa-bege{ display: block; background: #F6F4EE; padding: 5px; font: 12px Arial, Helvetica, sans-serif; color: #777; }
.faixa-laranja-interna{ display: block; background: #E59F32; padding: 10px; font: 20px Arial, Helvetica, sans-serif; color: #fff; text-align: center; }