/*Nativ */
/*Definições gerais*/
*{margin:0px; padding:0px;}
html,body {	height: 100%; }
html, body, h2, h3, h4, div, p, ul, li, input {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	
}
body { 
font-size: small/100%; /* Certeza que usuários do IE podem aumentar o tamanho da fonte.*/
background: #6D786F/* url(../imagens/bg_body.gif) repeat-x;*/}

/*Divs de estruturação*/

#corpo{background: url(../imagens/bg_corpo.gif) no-repeat top right;}

#pagina {
position: relative;
margin: auto;
width: 100%;
background: #A0ACA2;
}	

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {display: inline-table;}
/*  Esconde IE-mac \*/* html .clearfix {height: 1%;} .clearfix {display: block;}/* IE-mac */

#topo {
position: relative;
margin: auto;
width: 100%;
height: 102px;
background: url(../imagens/bg_topo_inter.gif) repeat-x top left;
}

#topo #blocoTopo{
width: 770px;
height: 70px;
position: relative;
margin: auto;
padding-left: 0px;
_padding-left: 1px;
}

#topo h1{  
width: 354px;
height: 68px;
margin: 19px 0 0 0; 
float: left;
visibility: visible;
background: url(../imagens/logomarca.gif) no-repeat;
z-index: 1;
}

#topo  h1 a {
float: left;
display: block;
top: 0px;
left: 0px;
width: 354px;
height: 68px;
cursor: pointer;
}

#topo h1 a span {display: none;}


/**************** Estilos do menu ****************/
#menu {
position: relative;
margin: 0px 0 0 354px;
width: 412px;
height: 70px;
background:url(../imagens/menu.gif);
border-top: 4px solid #71560D;
}	

#menu ul{list-style:none;}

#menu li{
	position: absolute;
   top:0;
   height:70px;
} 

#menu li a{
	position: absolute;
   display:block;
   width:100%;
   height:100%;
	margin: 0;
   cursor: pointer;
   text-decoration: none;
   font-size: 8px;
   color: #6C602A;
   text-transform:uppercase;
   }

#menu li a span{
	position: absolute;
   display:block;
   width: 100%;
   height:100%;
   top:0;
}

#home{width:62px; left: 0px;}
#empresa{width:86px; left:62px;}
#produtos{width:70px; left:148px;}
#lab{width:122px; left: 218px;}
#contato{width:61px; left:340px;}

#home a span{background:url(../imagens/menu.gif) no-repeat 0 0;}
#empresa a span{background:url(../imagens/menu.gif) no-repeat -62px 0;}
#produtos a span{background:url(../imagens/menu.gif) no-repeat -149px 0;}
#lab a span{background:url(../imagens/menu.gif) no-repeat -218px 0;}
#contato a span{background:url(../imagens/menu.gif) no-repeat -340px 0;}

#menu ul li a:hover{z-index:10;}

#home a:hover span{background:url(../imagens/menu.gif) no-repeat 0 -70px;}
#empresa a:hover span{background:url(../imagens/menu.gif) no-repeat -62px -70px;}
#produtos a:hover span{background:url(../imagens/menu.gif) no-repeat -149px -70px;}
#lab a:hover span{background:url(../imagens/menu.gif) no-repeat -218px -70px;}
#contato a:hover span{background:url(../imagens/menu.gif) no-repeat -340px -70px;}



#centroHome {
position: relative;
margin: auto;
width: 767px;
font-size:0.9em;
background: url(../imagens/bg_centroHome.gif) repeat-y;
}	


/**************** Estilos da coluna central ****************/

#colunaCentral{
float: left;
width: 542px;
color: #fff;
padding:0 0 15px 4px;
font: 11px Verdana, Arial, Helvetica, sans-serif;
/*background: url(../imagens/bg_col_central.jpg) no-repeat top left;*/;
}

#colunaCentral #flash{
position: relative;
width: auto;
margin: auto;
width: 530px;
height: 214px;
padding: 0;
margin: 0;
}

#colunaCentral #containerCentral{
position: relative;
width: 528px;
margin-top: 5px;
border-top: 3px solid #fff;
}

#colunaCentral #containerCentral #boxConteudoDir{
float: left;
width: 242px;
height: 350px;
margin-top: 5px;
padding: 8px 0 0 15px;
border: 1px solid #7B857C;
background: #929E94;
}

#colunaCentral #containerCentral #boxConteudoDir .texto{margin: 10px 0 10px 0;}
#colunaCentral #containerCentral #boxConteudoDir .texto a{color: #3E443E; text-decoration: underline;}
#colunaCentral #containerCentral #boxConteudoDir a{color: #3E443E; text-decoration: underline;}
#colunaCentral #containerCentral #boxConteudoDir a:hover{color: #fff; text-decoration: underline;}

#colunaCentral #containerCentral #boxConteudoDir .spot{margin: 10px 0px 0px 0px;}
#colunaCentral #containerCentral #boxConteudoDir .spot a{
color: #fff; font-weight: bold; text-decoration: none;}
#colunaCentral #containerCentral #boxConteudoDir .spot a:hover{color: #465048;}

#colunaCentral #containerCentral #boxConteudoEsq{
float: left;
width: 242px;
height: 350px;
margin: 5px 0 0 9px;
padding: 8px 0 0 15px;
border: 1px solid #7B857C;
background: #929E94;
}

#colunaCentral #containerCentral #boxConteudoEsq .texto{margin: 5px 0 5px 0;}
#colunaCentral #containerCentral #boxConteudoEsq .texto a{color: #3E443E; text-decoration: underline;}
 
#colunaDireitaHome{ 
width: 211px;
float: right;
padding: 6px 0 5px 6px;
background-color: #929E94;
font: 11px Verdana, Arial, Helvetica, sans-serif;
color: #fff;
}	

#colunaDireitaHome #containerNews{
position: relative;
width: 170px;
height: auto;
margin: 15px 0 0px 9px;
}

#colunaDireitaHome #containerNews form{margin: 8px 0 0 0; width: 100%;}

#colunaDireitaHome #containerNews input{
width: 168px;
background: #808A81;
border: 1px solid #707670;
color: #fff;
padding: 2px;
margin: 3px 0 2px 0;
font-size: 11px;
}

#colunaDireitaHome #containerNews .submit{
width: 58px;
height: 23px;
margin:0;
float: right;
clear: both;
border: none;
margin: 10px -3px 0px 0px;
padding:0;
}

#colunaDireitaHome .borda{border: 1px solid #fff;}

#colunaDireitaHome .televendasHome{
width: 200px;
position: relative;
margin: 10px 0px 20px 8px;
}

#colunaDireitaHome .televendasHome a{color: #fff; text-decoration: none;}
#colunaDireitaHome .televendasHome a:hover{color: #5A625B; text-decoration: underline;}
 
/**************** Estilos das colunas internas ****************/ 

#centro {
position: relative;
margin: auto;
width: 767px;
background: #F2F2F2;
border-top: 5px solid #515B53;
}

#colunaDireita{ 
width: 506px;
float: right;
padding: 3px 13px 10px 0;
_padding: 3px 5px 10px 0;
background-color: #F2F2F2;
font: 11px Verdana, Arial, Helvetica, sans-serif;
color: #666;
}	

#colunaDireita .breadcrumb{
margin: 15px 0 10px 1px;
padding-bottom: 5px;
font-weight: bold;
color: #807336;
font-size: 11px;
text-align: left;
border-bottom: 3px solid #929E94;
}

#colunaDireita .breadcrumb span{
	text-decoration: none;
	padding: 0; /*adjust bullet image padding*/
	color: #807336;
	font-size: 11px;
	text-align: left;
	clear: both;
	font-weight: normal;
}
#colunaDireita .breadcrumb span a{
color: #807336;
font-size: 11px;
font-weight: normal;
text-decoration: none;
}

#colunaDireita .breadcrumb span a:hover{color: #807336;}
#colunaDireita .breadcrumb a:hover{text-decoration: underline; font-weight: normal;}

#colunaDireita h2{
float: left;
top: 0;
left: 0;
padding: 0;
width: 100%;
color: #646D66;
margin-bottom: 10px;
}

#colunaDireita h2 span {
float: left;
margin: 0;
text-indent: -999em;
}

#colunaDireita h2 span.tit_apresentacao{
background: transparent url(../imagens/tit_apresentacao.gif) no-repeat top;
width: 137px;
height: 29px;
}

#colunaDireita h2 span.tit_lojas{
background: transparent url(../imagens/tit_lojas.gif) no-repeat top;
width: 53px;
height: 28px;
}

#colunaDireita h2 span.tit_noticias{
background: transparent url(../imagens/tit_noticias.gif) no-repeat top;
width: 84px;
height: 24px;
}

#colunaDireita h2 span.tit_dicas{
background: transparent url(../imagens/tit_dicas.gif) no-repeat top;
width: 76px;
height: 29px;
}

#colunaDireita h2 span.tit_oculos{
background: transparent url(../imagens/tit_oculos.gif) no-repeat top;
width: 75px;
height: 30px;
}

#colunaDireita h2 span.tit_relogios{
background: transparent url(../imagens/tit_relogios.gif) no-repeat top;
width: 84px;
height: 26px;
}

#colunaDireita h2 span.tit_joias{
background: transparent url(../imagens/tit_joias.gif) no-repeat top;
width: 51px;
height: 23px;
}

#colunaDireita h2 span.tit_lentes{
background: transparent url(../imagens/tit_lentes.gif) no-repeat top;
width: 79px;
height: 29px;
}


#colunaDireita h2 span.tit_contato{
background: transparent url(../imagens/tit_contato.gif) no-repeat top;
width: 84px;
height: 22px;
}

#colunaDireita h2 span.tit_trabalhe{
background: transparent url(../imagens/tit_trabalhe.gif) no-repeat top;
width: 180px;
height: 33px;
}

#colunaDireita h2 span.tit_campanhas{
background: transparent url(../imagens/tit_camp.gif) no-repeat top;
width: 139px;
height: 29px;
}


#colunaDireita h3{font-size: 12px; color: #69736B;}
#colunaDireita h4{font-size: 12px; color: #807336;}

#colunaDireita p{
margin-bottom: 0px;
padding-right: 30px;
line-height: 16px;
}

#colunaDireita dl{
position: relative;
width: 500px;
margin: 10px 10px 10px 0px;
}

#colunaDireita dt{font-weight: bold; border: none; margin-bottom: 5px;}
#colunaDireita dt img{float: right;}
#colunaDireita dd {padding-left: 10px;}

#colunaDireita .onix dd{border-left: 6px solid #575757;}
#colunaDireita .topazio dd {border-left: 6px solid #FFB300;}
#colunaDireita .turmalina dd {border-left: 6px solid #096C3D;}
#colunaDireita .turmalinarosa dd {border-left: 6px solid #FF80C0;}
#colunaDireita .granada dd {border-left: 6px solid #C10000;}
#colunaDireita .rubi dd {border-left: 6px solid #8A0031;}
#colunaDireita .ametista dd {border-left: 6px solid #7E00A8;}
#colunaDireita .aguamarinha dd {border-left: 6px solid #0099FF;}
#colunaDireita .safira dd {border-left: 6px solid #000099;}




#colunaDireita .fotoDestaque{border: 1px solid #7B857C; position: relative; margin: auto;}

#colunaDireita .boxLentes{
position: relative;
width: 480px;
margin: auto;
}

#colunaDireita .boxLentes img{
float: left;
margin: 5px;
border: 3px solid #656F66;
background: #fff;
}

#colunaDireita form{
/*float: left;*/
position: relative;
width: 245px;
margin: auto;
padding-top: 10px;
}

#colunaDireita label{
/*float: left;*/
position: relative;
width: 100%;
margin: 0 0 3px 0; 
/*_margin: 0 0 3px 25px; */
}

#colunaDireita input, textarea, select{
position: relative;
background: #D5D5D5;
border: 1px solid #C8C6BF;
width: 243px;
margin: 2px 0px 5px 0px;
padding-top: 1px;
padding-left: 1px; 
font: 11px Verdana, Arial, Helvetica, sans-serif;
color: #646D66;
}

#colunaDireita .ddd{
float: left;
width: 50px;
margin-right: 11px;
}

#colunaDireita .fone{
float: right;
width: 175px;
_margin-top: 0;
}

#colunaDireita label.area{
position: relative;
clear: both;
}

#colunaDireita .submit{
width: 58px;
height: 23px;
border: none;
position: relative;
background: url(../imagens/btn_enviar.gif) no-repeat;
cursor: pointer;
left: 185px;
_left: 212px;
}

#colunaDireita a{color: #636D65; text-decoration: none;}
#colunaDireita a:hover{color: #807336; text-decoration: none;}

#colunaDireita ul {margin: 10px 0px 10px 20px;}

#colunaDireita ol{margin: 10px 0px 10px 25px;}
#colunaDireita ol li {margin-bottom: 10px; line-height: 15px;}

/********************** COLUNA ESQUERDA ************************/

#colunaEsquerda{
margin: 0;
padding: 0;
width: 240px;
float: left;
background-color: #F2F2F2;
font: 11px Verdana, Arial, Helvetica, sans-serif;
color: #666;
}

/* SUBMENU */
#colunaEsquerda #submenu{
float: left;
width: 236px;
height: auto;
margin: 0;
background: #515B53;
}

#colunaEsquerda #submenu ul {
width: 219px;
float: right;
height: 1%;
display: table;
margin: 0 0 6px 0;
padding: 5px 0 1px 8px;
background: url(../imagens/bg_submenu_li.gif) repeat-y top right;
}

#colunaEsquerda #submenu ul li {
margin-left: 0;
list-style: none;
line-height: 18px;
_line-height: 10px;
}

#colunaEsquerda #submenu ul li.primeira {margin-left: 0;}

#colunaEsquerda #submenu ul li a {
color: #FFF;
font-weight: normal;
text-decoration: none;
display: block;
padding: 3px 0 0 5px;
_padding: 5px 0 0 5px;
height: 20px;
_height: 13px;
}

#colunaEsquerda #submenu ul li a:hover {
color: #fff;
text-decoration: none;
display: block;
background: #515B53;
}
#colunaEsquerda #submenu ul hr{
position: relative;
border:none;
width: 98%;
height:1px;
color: #97A298;
background-color: #97A298;
background: url(../imagens/hr.gif) no-repeat center;
}

#colunaEsquerda #submenu dl{ background: #78867A;}
#colunaEsquerda #submenu dd{ padding-left: 10px;}

/* ID BODY */
#bodyPrincipal #submenu ul li a.menuPrincipal,
#bodyLojas #submenu ul li a.menuLojas,
#bodyNoticias #submenu ul li a.menuNoticias,
#bodyCampanhas #submenu ul li a.menuCampanhas,
#bodyOculos #submenu ul li a.menuOculos,
#bodyRelogios #submenu ul li a.menuRelogios,
#bodyJoias #submenu ul li a.menuJoias,
#bodyContato #submenu ul li a.menuTrab,
#bodyAcessorios #submenu ul li a.menuAcessorios,
#bodyDicas #submenu ul li a.menuDicas {
background: #515B53 url(../imagens/bg_li_hover.gif) no-repeat top right;
color: #fff;
text-decoration: none;
}

#colunaEsquerda #news{
position: relative;
width:158px;
height: 152px;
margin: 20px 0 10px 20px;
}

#colunaEsquerda #news form{
margin-top: 20px;
}

#colunaEsquerda #news label{
float: left;
width: 156px;
margin: 0 0 2px 0;
}

#colunaEsquerda #news input{
background: #D5D5D5;
border: 1px solid #C8C6BF;
width: 156px;
margin: 0 0 5px 0;
font: 11px Verdana, Arial, Helvetica, sans-serif;
color: #646D66;
}

#colunaEsquerda #news .btEnviar{
width: 58px;
height: 23px;
border: none;
top: 5px;
left: 100px;
position: relative;
background: url(../imagens/btn_enviar.gif) no-repeat;
cursor: pointer;
}

#colunaEsquerda .bannerTrabalhe{margin-top: 3px;}
#colunaEsquerda a.bannerTrabalhe {text-decoration: none; border: 0;}
#colunaEsquerda a.bannerTrabalhe img{text-decoration: none; border: 0;}

#colunaEsquerda .TabelaVideo{
padding: 2px;
background: #fff;
border: 1px solid #A0ACA2;
text-align: center;
width: 100%;
}

#colunaEsquerda .TabelaVideo th{
background: #F8FBF9;
font-size: 10px;
border-bottom: 1px solid #A0ACA2;
} 
#colunaEsquerda .TabelaVideo td{ background: #F2F2F2;}

#colunaEsquerda .TabelaVideo a{text-decoration: none;}
#colunaEsquerda .TabelaVideo a img{text-decoration: none; border: none;}
#colunaEsquerda .TabelaVideo a:hover{text-decoration: none; color: #807336;}
#colunaEsquerda .TabelaVideo a img:hover{text-decoration: none; border: none;}

#colunaEsquerda .televendas{
width: 200px;
float: left;
clear: both;
margin: 10px 0px 10px 20px;
_margin: 10px 0px 10px 10px;
}
#colunaEsquerda .televendas a{color: #646D66; text-decoration: none;}
#colunaEsquerda .televendas a:hover{color: #6C602A; text-decoration: none;}

/**************** Estilos do rodapé ****************/

#rodape{	
margin: auto;
width: 100%;
height: 60px;
padding:5px 0;
clear: both;
color: #B6C1B8;
background: #6D786F url(../imagens/bg_rodape.gif) repeat-x;
border-top: 1px solid #C8D3CA;
font: 11px Verdana, Arial, Helvetica, sans-serif;
}	

#rodape #containerRodape{
width: 766px;
position: relative;
margin: auto;
}

#rodape ul{
list-style: none;
margin: 10px 0 15px 0;
}

#rodape ul li{
display: inline;
color: #fff;
font: 11px Verdana, Arial, Helvetica, sans-serif;
}

#rodape ul li a{color: #fff; text-decoration: none;}
#rodape ul li a:hover{color: #A0ACA2; text-decoration: none;}

#rodape p{padding:0; margin:0; text-align:left;}
#rodape a{color:#B6C1B8; font-weight:normal; text-decoration: none;}
#rodape a:hover{color:#fff; background-color:inherit; text-decoration: underline;}

#rodape #televendasHome{
width: 200px;
float: right;
color: #fff;
margin: -50px 10px 5px 0px;
_margin: -45px 5px 0px 0px;
}


 /*CLASSES E ESTILOS DIVERSOS*/
 
 .box{
float: left;
clear: both;
width: 98%;
margin: 5px 0 0 0;
padding:5px;
border:1px solid #c0c0c0;
background-color:#fafbfc;
color:#666;
}

.box .pedra{
float: right;
margin: 5px;
}

#containerProdutos{ float: left; margin: 0px 0px 10px 0px;}

#containerProdutos .box2{
display: block;
float: left;
width: auto;
margin: 5px 15px 5px 0;
padding:2px;
border:1px solid #c0c0c0;
background-color:#fafbfc;
color:#666;
}
#containerProdutos .box2 a img{ border: none; text-decoration: none;}
#containerProdutos .box2 a:hover{color: #807336; text-decoration: none;}


.tracejado{border-bottom: 1px dashed #5E665F; margin: 2px 10px 0px 0px;}
img.left,img.center,img.right{padding:2px; border:1px solid #889C8B; background: #fff;}
img.left{float:left; margin:0 12px 5px 0;}
img.center{display:block; margin:0 auto 5px auto;}
img.right{float:right; margin:0 0 5px 12px;}

.pedraRight{float:right; margin:0 0 0px 12px;}
.pedraLeft{float:left; margin:0 10px 0px 0px;}

.splitcontentleft{float:left; width:90%; clear: both; margin: 20px 0 0 8px;}
.splitcontentleft a{color: #515B53; text-decoration: none;}
.splitcontentleft a:hover{color: #807336; text-decoration: none;}
.splitcontentright{float:right; width:48%;}
.clear{clear:both;}
.small{font-size:0.8em;}
.hide{display:none;}

.textcenter{
text-align:center;
float: left;
margin: auto;
color: #6C602A;
}
.textcenter a{
font-weight: bold; 
color: #A0ACA2;
display: inline;
background: #E2E2E2;
border: 1px solid #ccc;
padding-left: 2px;
padding-right: 2px;
}
.textcenter a:hover{
font-weight: bold;
background: #CBCFCC;
border: 1px solid #6A756D;
}

.textcenter a.select{
font-weight: bold; 
color: #A0ACA2;
display: inline;
background: #fff;
border: 1px solid #ccc;
padding-left: 2px;
padding-right: 2px;
cursor: default;
}

.letraVerde{color: #465048; font-weight: bold;}
.textright{text-align:right; float: right; margin-right: 8px;}
.textleft{text-align:left; float: left;}
.erro{color:#f02025; background-color:inherit; font-weight:bold;}