@charset "utf-8";
/*CONFIGS GERAIS*/
* { margin:0; padding:0; border:none; }
ul, li {list-style:none;}
div, h1, h2, h3, h4, h5, h6, li, p {line-height:100%; font-family:"Trebuchet MS", Arial;}
p {line-height:130%;}
a { text-decoration:none; }



/*CLASSES GERAIS*/
.canvas { width:768px; position:relative; clear:both; margin:0 auto 0 auto; }
.imgLeft { float:left; margin:0 10px 10px 0; }
.imgRight { float:right; margin:0 0 10px 10px; }
.left {float:left;}
.right {float:right; }
.clr {clear:both; }
.inputText { border:1px solid #999999; color:#999999; font-size:11px; font-family:"Trebuchet MS", Arial}


/*TOPO*/
.top { height:41px; background:url(../img/bg_menutopo.jpg) repeat-x top; }
.top .topMenu { padding-top:15px; float:left; padding-left:2px}
.top .topMenu ul li { color:#346959; font-size:11px; margin-right:10px; display:inline; font-weight:bold; }
.top .topMenu ul li a { color:#346959; }
.top .topMenu ul li a:hover { color:#218148;}
.top .topAuxMenu { background:url(../img/separador_menutopo.jpg) center left no-repeat; height:25px; padding:15px 0 0 13px;  float:left}
.top .topAuxMenu ul li { font-size:10px; display:inline; margin-right:10px }
.flashTop { height:253px; text-align: center;}
.lastLi {background:none !important; }

/*ESTRUTURA MIOLO*/
.main { background:url(../img/bg_principal.jpg) top repeat-x; }
.main .bgMain { background: url(../img/bg_principal_canvas.jpg) top center no-repeat; }
.main .mgMain { padding:18px 20px 0 20px;} 

/*HOME*/
.main .homeCol1 { width:33%; float:left; }
.main .homeCol2 { width:34%; float:left; }
.main .homeCol3 { width:33%; float:left; }

.modHome { margin-bottom:25px; width:202px; }
.modHome h2 { margin-bottom:10px; color:#69852C; font-size:18px}
.modHome h3 {color:#69852C; font-size:14px; margin-bottom:6px;}
.modHome p { font-size:12px; color:#333333; }
.modHome p a { color:#333333;}
.modHome p a:hover { text-decoration:underline;}

.modSaudeVisual { background:url(../img/bg_saudevisual.jpg) 0 25px no-repeat;  }
.modSaudeVisual h2 { margin-bottom:207px; }
.modSaudeVisual p { padding:0 5px}
.modSaudeVisual .btSaibaMais { float:right; padding:0 5px; }

.modProdutos {}
.modProdutos .flashProdutosHome {}

.modEuUsoOculos {}
.modEuUsoOculos .imgEuUsoOculos { text-align:center; }
.modEuUsoOculos p {margin-bottom:5px; }
.modEuUsoOculos .btNavegacao { text-align:center; }
.modEuUsoOculos .btNavegacao img {margin-right:5px; }

.modLojas { background:url(../img/bg_modlojas.jpg) 0 25px no-repeat; position:relative; height:120px;}
.modLojas h2 {margin-bottom:20px}
.modLojas .endLojas {  }
.modLojas .endLojas .itemLojas { margin:0 auto 0 auto; width:150px}
.modLojas .endLojas .itemLojas h4, .modLojas .endLojas .itemLojas p { color:#457768; font-size:14px; }
.modLojas .btMais { position:absolute; right:13px; top:85px; }
.modLojas .controlLojas { position:absolute; left:5px; position:absolute; top:99px;}

.modServicos { width:203px; position:relative}
.modServicos h2 { margin-bottom:3px;}
.modServicos h4 { color:#25834B; font-size:12px; margin-bottom:10px;}
.modServicos .btSaibaMais { position:absolute; right:7px; top:120px;}

.modNewsletter {}
.modNewsletter h2 { margin-bottom:3px;}
.modNewsletter p {margin-bottom:10px; }
.modNewsletter .formNews { margin-bottom:10px}
.modNewsletter .formNews .field { clear:both;}
.modNewsletter .formNews .field label { background:url(../img/bg_label.gif) no-repeat 0 4px; padding:5px 0 0 12px; display:block; width:30px; height:15px; float:left; }
.modNewsletter .formNews .field .inputText { width:150px;}
.modNewsletter .btCadastrar { float:right; }


/*INTERNAS*/

.main .pagCol1 { width:32%; float:left; }
.main .pagCol2 { width:36%; float:left; background:url(../img/bg_pontilhado_vertical.gif) left repeat-y; }
.main .pagCol3 { width:32%; float:left;  }
.main .bgCol {background:url(../img/bg_pontilhado_vertical.gif) right repeat-y;}

.modPag {  width:202px; margin:0 auto 25px auto }
.modPag h3 { font-size:13px; color:#218148; font-weight:bold; margin-bottom:10px; line-height:130%}
.modPag p { font-size:12px; color:#333333; }
.modPag p a { color:#333333;}
.modPag p a:hover { text-decoration:underline;}

.modEye {  background:url(../img/bg_saudevisual.jpg) 0 44px no-repeat; }
.modEye h3 {margin-bottom:220px;}
.modEye p {width:202px; padding-left:4px; margin-bottom:10px}
.modEye .btSaibaMais { padding-left:4px;}

.modDicas { width:230px}
.modDicas .flashDicas { margin-bottom:5px;}
.modDicas .btVerDicas { text-align:center; }

.modInfo { width:230px; margin-bottom:0;}
.modInfo p { }

.modCertificado { }
.modCertificado .imgCertificado { margin-bottom:10px; }

.titleMain { }
.titleMain h2 { padding-bottom:15px; color:#69852C; font-size:18px}

.main .pagColLeftMenu { width:32%; float:left }
.main .pagColRightMain { width:68%; float:left; }

.main .alterLeft { width:24%; float:left }
.main .alterRight { width:76%; float:left }

.main .pagColLeftMain { width:524px; float:left;}
.main .pagColRightMenu { width:204px; float:left;}

.linkVoltar { font-size:10px; font-family:"Trebuchet MS", Arial; margin-bottom:10px;}
.linkVoltar a { color:#666666; }
.linkVoltar a:hover {text-decoration:underline;}

.leftDescription { width:202px; }

.leftDescription h2 { color:#218148; font-size:16px; margin-bottom:15px;}
.leftDescription h3 { color:#218148; font-size:13px; margin-bottom:15px;}
.leftDescription h5 { color:#218148; line-height:130%; font-size:12px; margin-bottom:10px; }

.titleBorder { border-top:1px #000000 solid; border-bottom:1px #000000 solid; margin-bottom:10px; }
.titleBorder h4 { font-size:12px; color:#69852C; padding:4px 0 4px 0;  }

.leftDescription p {font-size:12px; color:#000000; }

.main .pagLitCol li { width:25%; float:left; display:block; }

.thumbLeg { }
.thumbLeg img { margin-bottom:10px; }
.thumbLeg h3 { font-size:14px; color:#666666; text-align:center; width:154px; }
.thumbLeg h3 a {color:#666666; }
.thumbLeg h3 a:hover { text-decoration:underline; }

.menuFale { background:url(../img/bg_fale_conosco.jpg) left top no-repeat; width:160px; height:294px; position:relative; }

.menuFale .textBlock { color:#FFFFFF; width:120px; margin-bottom:23px; }
.menuFale .textBlock  h3 {color:#FFFFFF; font-size:14px; margin-bottom:7px; }
.menuFale .textBlock p {color:#FFFFFF; font-size:10px; }

.menuFale .btNavegacao { position:absolute; top:240px; left:18px}

.mgMenuFale { padding:18px 0 0 20px }

.recordBlock { width:520px; font-family:"Trebuchet MS", Arial;  }

.recordBlock h3 { color:#0F7638; font-size:13px; margin-bottom:22px; }
.recordBlock p { font-size:12px; margin-bottom:30px }

.recordBlock .goTop { color:#869D55; font-size:12px; }

.recordBlock .goTop a { color:#869D55; }
.recordBlock .goTop a:hover { text-decoration:underline; }

.subMenu { width:156px; margin-bottom:18px}
.subMenu h4 { color:#69852C; font-size:14px; margin-bottom:15px; }
.subMenu ul {display:block; background:url(../img/bg_pontilhado2_horizontal.gif) top repeat-x;  }
.subMenu ul li { color:#0F7638; font-size:12px; font-weight:bold; display:block; padding:10px 0 10px 0; background:url(../img/bg_pontilhado2_horizontal.gif) bottom repeat-x;   }
.subMenu ul li a {color:#0F7638; }
.subMenu ul li a:hover { text-decoration:underline; }


.vertGallery {}
.vertGallery img { margin-bottom:10px;}

.imagePrincipal { width:300px; float:left; }
.logoVertGallery {width:160px; float:left; }
.logoVertGallery ul li {margin-bottom:20px; display:block; }


.lojasBlock {margin-bottom:40px;}
.lojasBlock h3 { color:#0F7638; font-size:12px; margin-bottom:10px; }
.lojasBlockLeft { width:165px; float:left; margin-right:20px } 

.thumbDesc {}
.thumbDesc h3 { font-size:13px; margin-bottom:5px; color:#69852C;  }
.thumbDesc h4 { color:#72706F; font-size:12px; font-weight:normal; margin-bottom:5px; }
.thumbDesc h5 { color:#69852C; font-size:10px; }
.thumbDesc h5 a {color:#69852C; }

.newsList { width:435px; margin-bottom:30px; }
.newsList li { display:block; background:url(../img/bg_pontilhado2_horizontal.gif) bottom repeat-x; padding:10px 0 10px 0}
.newsList li h6 { color:#69852C; font-size:12px; font-weight:normal; }
.newsList li h6 a {color:#69852C;}
.newsList li h6 a:hover {text-decoration:underline; }
.newsList li h4 { color:#000000; background:url(../img/bg_seta_lista.gif) no-repeat 0 6px; padding:0 0 0 15px; position:relative; left:-15px;  }
.newsList li h4 a {color:#000000; }
.newsList li h4 a:hover {text-decoration:underline; }

.navBar { font-size:12px; color:#69852C; text-align:center; }
.navBar a {color:#69852C;}
.navBar span a { color:#666666;}

.thumbList { background:url(../img/bg_pontilhado2_horizontal.gif) repeat-x bottom; padding-bottom:25px; margin-bottom:10px;}
.thumbList ul li { width:85px; padding:0 0 0 20px; display:block; float:left;}

/* FORMS */

.formGlobal { font-family:"Trebuchet MS", Arial; font-size:12px; color:#738F3E; width:400px; }
.formGlobal .field { clear:both; margin-bottom:5px; }
.formGlobal .field label {display:block; width:75px; text-align:right; float:left;  font-weight:bold; padding:0 3px 0 0   }
.formGlobal .field .inputText { float:left; }
.formGlobal .fieldsMessage { padding-left:75px; font-size:11px; }
.formGlobal .btEnviar { text-align:right; }


/*RODAPE*/

.bottomSpacer { height:100px; }

.bottom { height:159px; background:url(../img/bg_rodape.jpg) repeat-x; position:absolute; top:-500px; width:100%}
.bottom .logoRodape { position:absolute; top:30px; left:0;}
.bottom .bottomMenu { width:560px; position:absolute; top:20px; right:0;}
.bottom .bottomMenu .bmCol1, .bottom .bottomMenu .bmCol2, .bottom .bottomMenu .bmCol3 { width:25%; float:left}
.bottom .bottomMenu ul { width: 70px; }
.bottom .bottomMenu ul li { font-size:11px; background:url(../img/bg_rodape_menu.gif) bottom repeat-x; padding:7px 0 10px }
.bottom .bottomMenu ul li a { color:#FFFFFF; display:block; padding:2px 0 2px 0}
.bottom .bottomMenu ul li a:hover {color:#006E2C; background-color:#FFFFFF; text-decoration:none; }
.bottom .copyright { position:absolute; top:141px; left:209px}
.bottom .logoPerverte { position:absolute; top:134px; right:10px}


.tit_noticia{
	color: #00621B;
	font-weight: bold;
	margin: 10px 0 10px 0;
}
.corpo_noticia{
	font-size: 12px;
	line-height: 18px;
}
.voltar {
	color: #000000;
	font-size: 10px;
}
a:hover{
	text-decoration: underline;
}
.veja_noticias{
	margin: 20px 0 0 0;
	border-top: 1px dotted #cccccc;
}
.tit_veja_noticias{
	margin: 10px 0 10px 0;
	color:#69852C;
	font-size: 14px;
	font-weight: bold;
}
.tit_noticia2{
	margin: 5px 0 5px 0;
	padding-left: 10px;
	width: 420px;
}
.tit_noticia2 a{
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}
.loop_noticias div{
	float: left;
}
.ver_todas{
	margin: 5px 0 5px 0;
	text-align: right;
}
.btn{
	cursor: pointer;
}
/* REFERENTE A PÁGINA EMPRESA */
.texto_principios{
	font-size: 12px;
	margin: 0 0 15px 0;
	width: 500px;
}
.empresa_texto{
	width: 500px;
}
/* REFERENTE A PÁGINA PRODUTOS */
.produtos_marcas div{
	float: left;
	height: 50px;
	margin: 10px 15px 0 0;
	padding: 0 auto 0 auto;
}
/* REFERENTE A PÁGINA QUALIDADE */
.qualidade_texto{
	width: 450px;
}
/* REFERRENTE A PÁGINA SERVIÇOS */
.servicos_pag{
	text-align: center;
	width: 25%;
	float:left;
}
.servicos_pag h3{
	text-align: left;
	width: 150px;
	height: 50px;
}
.servicos_pag p{
	margin-top: 20px;
	width: 150px;
	text-align: left;
}
.servicos_img{
	text-align: center;
	padding: 0 auto 0 auto;
}
.registro_texto{
	font-size: 12px;
	font-family: "Trebuchet MS";
}
/* REFERENTE A PÁGINA QUALIDADE */
.qualidade_esq{
	width:494px;
	float:left;
}
.qualidade_dir{
	width:224px;
	float:left;
}
/* REFERENTE A FALE CONOSCO */
.fale_curriculo{
	border-top: 1px dotted #cccccc;
	border-bottom: 1px dotted #cccccc;
	margin: 4px 0 4px 0;
	padding-top: 3px;
	background-color:#BCD9C8;
}
/* REFERENTE AO MAPA DO SITE */
.mapa_1{
	width:29%;
	float:left;
}
.mapa_2{
	width:24%;
	float:left;
	background:url(../img/bg_pontilhado_vertical.gif) left repeat-y;
	padding-left: 90px;
	height: 230px;
}