/* CSS Document */
*{ margin: 0 auto; padding: 0;}
.clear{ clear:both; height: 20px;}
body{ font-family: verdana; color: #393939; font-size: 12px;}

#tudo{margin: 0 auto; border: 0px solid #000000;}
#topo{width: 100%; height: 69px; border: 0px solid; background: url(../imagens/bgTop.jpg) repeat-x; }
#subTopoLogin{width: 100%; height: 26px; border: 0px solid; background: #e45555; position: absolute; z-index: 1000;}
#subTopoLogin-conteudo{width: 960px; border: 0px solid;}
#nomeUsuario{float: right; font-family: georgia; font-style: italic; font-size: 14px; margin: 2px 0 0 0;}
#topo-conteudo{width: 960px; min-height: 165px; border: 0px solid;}
#geral{ width: 100%; margin: 0 auto; border: 0px solid #000000; }
.geralConteudo{ width: 960px; margin: 0 auto; border: 0px solid #000000; }

#btSair{float: right; color: #ffffff; font-weight: bold; font-size: 12px; font-style: italic; margin: 2px 0 0 3px; cursor: pointer;}
#nomeUsuario{ float: right; color: #ffffff; font-size: 16px; font-style: italic; font-family: georgia; margin: 2px 8px 0 0;}
#btConfig{ float: right; color: #ffffff; font-size: 16px; font-style: italic; font-family: georgia; margin: 0px 8px 0 20px;}
#logo{float: left; margin: 2px 0 0 0; width: 150px;}

/*MENU*/
#menu-site{width:740px;  float:right; margin: 8px 0 0 0;} 
ul#primary-nav{border: 0px solid #ccc; float:left; font-family: 'ralewaythin'; font-size: 15px; margin: 0 0 0 0;}
ul#primary-nav ul {	border: 0px solid #ccc; display:inline; float:left;}
ul#primary-nav li {float:left; list-style: none; display:inline; }
ul#primary-nav .divisor{float:left; list-style: none; display:inline; padding: 8px 5px 0 1px;}
ul#primary-nav li a {display:inline; text-decoration: none; font-weight: bold; color: #ffffff; margin: 13px 10px 0 3px; border:0px solid #ccc; height: 40px; width:auto; float: left;}
ul#primary-nav ul {	 display: none; position:absolute; z-index: 1000; width: 180px; border: 0px solid #000000; margin: 45px 0 0 -7px; *margin: 42px 0 0 -143px;/*Hack IE7*/	}
ul#primary-nav li ul li a {font-family: 'ralewaythin'; width: 172px; height: 30px; float: left; border-bottom: 1px solid #fff; margin: 0 0 0 0; padding: 8px 0 0 15px;  background-color: #00344f; font-size: 14px} /* Sub Menu Styles */
ul#primary-nav li:hover ul, ul#primary-nav li li:hover ul, ul#primary-nav li li li:hover ul, ul#primary-nav li.over ul, ul#primary-nav li li.over ul, ul#primary-nav li li li.over ul { display: block; color:#ffffff; } /* The magic */
ul#primary-nav li.menuparent:hover, ul#primary-nav li.over {  display:inline; color:#ffffff;}
ul#primary-nav li a:hover {  display:inline; color:#ffffff;}
/*END MENU*/

/*MENU*/
#menu-config{ height: 37px; float:left; margin: 30px 0 0 0;  background: url(../imagens/bgMenuGer.png) repeat-x;} 
ul#primary-config{border: 0px solid #ccc; float:left; font-family: 'ralewaythin'; font-size: 19px; margin: 0 0 0 0;}
ul#primary-config ul {	border: 0px solid #ccc; display:inline; float:left;}
ul#primary-config li {float:left; list-style: none; display:inline; }
ul#primary-config .divisor{float:left; list-style: none; display:inline; padding: 8px 5px 0 1px;}
ul#primary-config li a {display:inline; text-decoration: none; font-weight: bold; color: #ffffff; margin: 10px 10px 0 10px; border:0px solid #ccc; height: 40px; width:auto; float: left;}
ul#primary-config ul {	 display: none; position:absolute; z-index: 1000; width: 180px; border: 0px solid #000000; margin: 45px 0 0 -7px; *margin: 42px 0 0 -143px;/*Hack IE7*/	}
ul#primary-config li ul li a {font-family: 'ralewaythin'; width: 172px; height: 30px; float: left; border-bottom: 1px solid #fff; margin: 0 0 0 0; padding: 8px 0 0 15px;  background-color: #00344f; font-size: 14px} /* Sub Menu Styles */
ul#primary-config li:hover ul, ul#primary-nav li li:hover ul, ul#primary-nav li li li:hover ul, ul#primary-nav li.over ul, ul#primary-nav li li.over ul, ul#primary-nav li li li.over ul { display: block; color:#ffffff; } /* The magic */
ul#primary-config li.menuparent:hover, ul#primary-nav li.over {  display:inline; color:#ffffff;}
ul#primary-config li a:hover {  display:inline; color:#ffffff;}
/*END MENU*/

.listaServ{float: left; margin: 0 0 0 0;}
.listaServ li{float: left; width: 100%; margin: 15px 0 0 20px; }

.botaoSaibaG{float: left; margin: 20px 0 0 5px; padding: 2px 10px 2px 10px;  background: #424c4e; font-family: georgia; font-style: italic; font-size: 16px;}
#duvidasCompra{float: right; margin: 40px 24px 0 0;}

#geralBanner{margin: 0 auto; border: 0px solid; height: 448px; width: 100%; overflow: hidden;}
#banner{  left: 0; margin: 0 auto; overflow: hidden; position: absolute; top: 72px; width: 100%;}

.titPagina{float: left; width: 100%; border-bottom:0px solid; margin: 30px 0 0 0;}
.titPagina h1, h2{font-weight: normal; font-size: 28px;}
.titPagina h4{font-weight: normal; font-size: 18px; margin: 3px 0 0 0;}
.textoInt{float: left; width: 100%; text-align: justify; line-height: 1.9; margin: 10px 0 0 0; font-size: 14px; min-height: 180px;}
.textoInt p{margin: 15px 0 0 0;}

#imagensTeste{float: left; width: 100%; margin: 20px 0 0 0;}
#imagensTeste .imagemTela{float: left; margin: 0 5px 0 0; border: 3px solid #cccccc;}

.boxTituloFrete{width: 665px; float: left; border: 0px solid; height: 80px; margin: -35px 0 0 0;}
.titleIntGer{float: left; margin: 20px 0 0 0; font-weight: bold; background: #E25A50; padding: 5px;}
.titleIntGer{float: left; font-weight: normal; font-family: 'ralewaythin'; font-size: 18px;  color: #ffffff; }
.textoFrete{width: 100%; float: left; border: 0px solid; height: 58px; margin: 5px 0 0 0;}
.boxTituloFrete{width: 665px; float: left; border: 0px solid; height: 80px; margin: -35px 0 0 0;}


#barraLogin{float: left; margin: 20px 0 0 0; width: 960px; height: 60px; background-color: #f96251;}
.titLogin{float: left; margin: 10px 0 0 15px; font-family: 'georgia'; font-style: italic; font-size: 30px; color: #ffffff;}
.boxCamposLogin{float: left; border: 0px solid; width: 710px; margin: 12px 0 0 15px;}
.campoLoginS{float: left; border: 0px solid;}
.campoLoginS input{float: left; border: 0px solid; width: 155px; height: 35px; margin: 0 0 0 5px;}
.divisorLog{float: left; margin: 10px 0 0 15px;}
.boxInfInput{float: left; margin: 0 15px 0 0;}
.titImput{float: left; font-family: 'georgia'; font-style: italic; color: #ffffff; font-size: 16px; margin: 8px 0 0 0;}
.btEntrar{float: left; margin: 1px 0 0 10px; width: 240px;}
.btEntrar input{float: left; color: #ffffff; font-size: 16px; font-family: 'georgia'; width: 80px; height: 35px; cursor: pointer; border: 0; background-color: #CB1B07; }
.btEntrar p{float: left; margin: 1px 0 0 4px; font-family: arial; font-style: italic;}

#gBox{float: left; width: 990px; border: solid 0px;}
.boxIndex{float: left; margin: 20px 27px 0 0; border: 1px solid #cccccc; width: 300px; height: 400px; }
.boxSup{float: left; border: 0 solid; width: 300px; height: 185px}
.boxIndex .titBoxInM{position: absolute;  font-family: 'georgia'; font-style: italic; width: 220px; padding: 8px; background-color: #e7555f; color: #ffffff; font-size: 20px; z-index: 10; margin: 25px 0 0 4px;}
.boxIndex .titBoxIn{position: absolute;  font-family: 'georgia'; font-style: italic; width: 165px; height: 30px; padding: 6px; background-color: #e7555f; color: #ffffff; font-size: 26px; z-index: 10; margin: 25px 0 0 4px;}
.boxIndex .subBoxTitIn{font-family: 'georgia'; font-size: 22px; font-style: italic; float: left; margin: 4px 0 0 10px; width: 290px; border: 0px solid; color: #de202c;}
.boxIndex .imagemBoxIn{position: absolute; margin: 4px 0 0 4px}
.boxIndex .textBoxIn{float: left; margin: 5px 0 0 4px; border-top: 1px solid #cccccc; width: 290px; height: 125px; line-height: 1.7; text-align: justify; font-size: 12px;}
.btSaibaMais{ float: left; font-family: 'georgia'; font-style: italic; height: 30px; width: 80px; background-color: #424c4e; color: #ffffff; font-size: 21px; padding: 4px; margin: 6px 0 0 0;}

#boxPlanosIn{ margin: 0 auto; height: 415px; width: 100%; background: url(../imagens/bgTracejado.jpg) top repeat-x; border: 0px solid; background-color: #F5F5F5;}
#caixaTextopac{float: left; margin: 20px 0 0 80px; width: 810px; text-align: center;}
#caixaTextopac h2{ font-weight: normal; font-family: 'georgia'; font-style: italic;}
#caixaTextopac p{margin: 5px 0 0 0; font-family: 'georgia'; font-style: italic;}

#gboxPlanos{float: left; margin: 30px 0 0 0; width: 980px; border:0px solid;}
.caixaPlano{float: left; width: 300px; height: 195px; border: 1px solid #cccccc; margin: 0 24px 0 0; background-color: #ffffff;}
.boxTitPlano{float: left; width: 300px; height: 55px; background-color: #95B836; display: table; text-align: center;}
.boxTitPlano img{margin: 6px 0 0 0;}
.boxTitPlano .textBoxTitPlan{display: table-cell; vertical-align: middle; text-align: left; width: 225px; font-size: 32px; color: #ffffff; font-family: 'georgia'; font-style: italic;}
.caixaPlano .descPlano{ float: left; width: 280px; margin: 5px 0 0 8px; border: 0px solid; text-align: justify; line-height: 1.8;}
.caixaPlano p{font-family: 'georgia'; font-style: italic; font-size: 16px; text-align: left;}

.btComprarIn{float: left; width: 300px; height: 25px; display: table; text-align: center; border-top: 1px solid #cccccc; margin: 12px 0 0;}
.btComprarIn .textbtComprarIn{cursor: pointer; display: table-cell; font-family: 'georgia'; font-style: italic; vertical-align: middle; text-align: right; float: right;  width: 65px; padding: 5px; font-size: 16px; margin: 2px 0 0 0;}
.btComprarIn .valorPac{float: left; width: 205px; font-family: 'georgia'; font-style: italic; font-size: 18px; text-align: left; margin: 5px 0 0 5px; }
.btComprarIn .valorPacVista{float: left; width: 205px; font-family: 'georgia'; font-style: italic; font-size: 14px; text-align: left; margin: 5px 0 0 5px; color: #666666;}


#boxLogin{float: left; margin: 0 0 0 0; width: 500px; border: 0px solid; height: 280px;}
.boxLogar{float: left; width: 240px; border-right: 1px solid #cccccc; margin: 10px 0 0 0; min-height: 255px;}
.boxCadastrar{float: left; width: 230px; margin: 10px 0 0 16px; min-height: 200px;}
.titBoxLog{float: left; margin: 0 0 0 0; font-size: 24px; font-style: italic; font-family: 'georgia'; width: 240px;}
#formLoginSite{float: left; margin: 10px 0 0 0; width: 240px;}
#formLoginSite label{float: left; width: 100%; margin: 10px 0 0 0;}
#formLoginSite input{ width: 220px; border: 1px solid #cccccc; height: 30px; margin: 6px 0 0 0;}
#formLoginSite .btLogarSite{float: left; margin: 0 18px 0 0; width: 80px; font-family: 'georgia'; font-style: italic; font-size: 16px; height: 35px; background: #df6b60; padding: 2px; cursor: pointer; border: 0; color: #fff;}
.esqSenha{float: left; margin: 15px 0 0 0;}
#btCadSite{float: left; margin: 65px 0 0 0;}

.linhaEnder{float: left; width: 100%; height: 22px; font-size: 14px; }

.window{
	display:none;
	width:475px;
	height:300px;
	position:fixed;
	left:0;
	top:250px;
	background:#FFF;
	z-index:9900;
	padding:10px;

}

#mascara{
	position:absolute;
		left:0;
		top:0;
		z-index:9000;
		background-color:#000;
		display:none;
}

.fechar{display:block; text-align:right;}

.textoFrete label{float: left; width: 100%; height: 25px; font-size: 14px;}
.textoFrete input{float: left; width: 185px; height: 25px; border: 1px solid #cccccc;}
.textoFrete .botaoCalcular{float: left;
height: 28px;
padding: 5px;
border: 0;
font-size: 16px;
color: #ffffff;
font-family: georgia;
font-style: italic;
border-left: 4px solid #95b836;
background: #4a4a4a;
cursor: pointer;}
.textoFrete select{float: left; width: 185px; height: 28px; border: 1px solid #cccccc; padding: 3px;}
.textoFinalPac{float: left; width: 100%; margin: 4px 0 0 0; height: 20px; font-size: 14px;}
.botaoCalFrete {
float: left;
height: 30px;
padding: 5px;
border: 0;
font-size: 16px;
color: #ffffff;
font-family: georgia;
font-style: italic;
border-left: 4px solid #95b836;
background: #4a4a4a;
cursor: pointer;
}

.vermelho{color: #a71616 !important;}

#gboxPlanosIn{float: left; margin: 30px 0 0 0; width: 980px; border:0px solid;}
.caixaPlanoIn{float: left; width: 960px; border: 1px solid #cccccc; margin: 0 24px 0 0; background-color: #ffffff;}
.boxTitPlanoIn{float: left; width: 960px; height: 55px; background-color: #95B836; display: table; text-align: center;}
.boxTitPlanoIn img{margin: 6px 0 0 15px;}
.boxTitPlanoIn .textBoxTitPlanIn{display: table-cell; vertical-align: middle; text-align: left; width: 960px; font-size: 32px; color: #ffffff; font-family: 'georgia'; font-style: italic;}
.caixaPlanoIn .descPlanoIn{ float: left; width: 950px; padding: 5px; margin: 5px 0 0 0; border: 0px solid; text-align: justify; line-height: 1.8; border-bottom: 1px solid #cccccc; }
.caixaPlanoIn p{font-family: 'georgia'; font-style: italic; font-size: 16px;}
.imagemVenda{float: left; margin: 55px 0 10px 10px; border: 1px solid #cccccc; padding: 2px;}
.descrJg{float: left; margin: 10px 0 0 15px; border: 0px solid; width: 555px; }
.descrJg .titDescJg{float: left; font-family: 'georgia'; font-style: italic;  font-size: 21px; }
.descrJg .textDescriJg{float: left; margin: 20px 0 0 0; line-height: 1.6; text-align: justify;}
.formPar{float: right; margin: 15px 0 0 15px; width: 565px; height: 80px;}
.formPar label{float: left; width: 100%; margin: 5px 0 0 0;}
.formPar select{padding: 5px;}
.inputLoja{float: right; width: 95px; font-size: 22px; font-family: 'georgia'; font-style: italic; margin: -2px 0 0 0; background: #e7e7e7; border: 0px;}
.textCompraLoja{float: left; margin: 5px 0 0 10px; font-size: 32px; color: #ffffff; font-family: 'georgia'; font-style: italic;}


.btComprarIn2{float: left; width: 960px; height: 50px; display: table; text-align: center; border-top: 0 solid #cccccc; margin: 0 0 0; background-color: #e7e7e7;}
.btComprarIn2 .textbtComprarIn2{display: table-cell; font-family: 'georgia'; font-style: italic; vertical-align: middle; text-align: right;  width: 65px; font-size: 16px;}
.btComprarIn2 .valorPacIn2{float: left; width: 204px; font-family: 'georgia'; font-style: italic; font-size: 21px; text-align: left; margin: 12px 0 0 15px; }

#boxInformacao{margin: 0 auto; width: 100%; border-top: 3px solid #ffffff; background-color: #DBDBD7;}
#gInformacoes{margin: 0 auto; width: 960px; border: 0px solid; height: 412px; background: url(../imagens/bgInformacao.jpg) center no-repeat;}

.boxTextoInf{float: left; margin: 25px 0 0 0;}
.boxTextoInf p{width: 960px; float: left; margin: 0 0 0 0; text-align: center; font-family: 'georgia'; font-style: italic;}
.boxInf{float: left; margin: 30px 146px 0 0; }
.boxInfR{float: right; margin: 30px 0 0 0; }

.subirTopo{float: right; margin: 12px 5px 0 0;}
.direitos{float: left; width: 960px; margin: 40px 0 0 0; border: 0px solid;}
.direitos .textDireitos{float: left; color: #ffffff;}
.direitos .logoPix{float: right;}

/*FORMULARIO contato*/
#formulario-contato{ width:940px; float:left; border:0px solid #000000; font-size:12px; color:#333333; margin: 0 0 0 0;}
#formulario-contato fieldset{ border:0px solid #000000; width: 940px; padding: 5px 0 0 0; border: 0px solid}
.estilo-input-text-form-contato {width: 300px; padding: 0px 0 0 0; height: 30px; background-color:#F5F7F3; border:1px solid #cccccc; }
/*.estilo-input-text-form-contato:hover {background-color: #ccc; border: 1px solid #cccccc;}*/
.estilo-input-text-form-contato:focus {background-color: #ccc; border:1px solid #cccccc;}
.estilo-textarea-form-contato { width: 910px; height: 150px; padding: 5px; background-color:#F5F7F3; border:1px solid #cccccc; }
.estilo-textarea-form-contato:hover {background-color: #ccc; border:1px solid #ccc;}
.estilo-textarea-form-contato:focus {background-color: #ccc; border:1px solid #ccc;}
#box-form-contato fieldset { width: 940px; padding-left:0; margin-top: 10px; float:left; }
#box-form-contato fieldset label {float:left; width: 310px; margin: 10px 0 10px 0; height: 48px; font-size: 12px; color: #323339; border: 0px solid}
#box-form-contato fieldset .error {font-family: verdana; font-size:11px; color: #9B0404; float: left; }
#box-email-enviado{font-family: verdana; font-size:11px; color: red;}
label.error { color: red;  font-size: 10px;  margin: 0 !important; display: none !important;}
#formulario-contato .bt{width:109px; height: 35px; float:right; font-family: 'ralewaythin'; border:0; background: #393939; color:#FFFFFF; cursor:pointer; font-size: 18px; font-weight: bold;}
/*END FORMULARIO*/

#barraEndInt{float: left; width: 920px; margin: 15px 0 0 20px; border-bottom: 1px solid #cccccc; color: #393939; padding: 0 0 10px 0;}
#barraEndInt .end{float: left; font-family: georgia; font-size: 18px; font-style: italic;}
#barraEndInt .fone{float: right; font-family: georgia; font-size: 18px; font-style: italic;}
#mapa{float: left; width: 920px; margin: 10px 0 0 20px;}

#rodape{margin: 0 auto; border: 0px solid; background: url(../imagens/bgRodape.jpg) repeat-x; height: 136px;}
#geralRodape{margin: 0 auto; width: 960px; border: 0px solid; height: 135px;}
#menuRodape{float: left; margin: 2px 0 0 0;}
.clear{clear: both;}

a.linkIn:link, a.linkIn:visited { text-decoration: none;}
a.linkIn:hover {text-decoration: none;}
a.linkIn:active {text-decoration: none; }

a.linkInB:link, a.linkInB:visited { text-decoration: underline; font-weight: bold;}
a.linkInB:hover {text-decoration: none;}
a.linkInB:active {text-decoration: none; }


a.linkInSub:link, a.linkInSub:visited { text-decoration: none;}
a.linkInSub:hover {text-decoration: underline;}
a.linkInSub:active {text-decoration: none; }

.destacar{font-family: georgia; font-size: 21px; font-style: italic;}

.c-cinzaEs{color: #424a4d}
.c-cinzaCla{color: #828282}
.c-verde{color: #759225}
.c-branca{color: #ffffff}

.f-30{font-size: 30px;}
.f-21{font-size: 21px;}


#alert{background-color:rgba(0,0,0,0.9);position:fixed;bottom:0;top:0;left:0;right:0; z-index:100000;}
.mensagemErroPesq p{height: 35px; font-weight: bold;}
.mensagemErroPesq{ margin: 25% auto; padding: 10px; background: #ffffff; width: 780px; text-align: center; font-size: 14px; border-radius: 5px}
#alertFechar{
    display:block;   

    font-size: 18px;

    color:#555;    

    text-align:center;

    width: 105px;

    height: 35px;

    z-index:1000001;   

    padding: 4px;   

}

