* {padding:0; margin:0; border:none; text-decoration:none;}

a {outline:0;}

.dspnone{

/*display:none;*/
width:1px;
height:1px;
display:block;
position:absolute;
overflow:hidden;
text-indent:-999999px;

}

body{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#0a2c2d;
}

body.fundo-internas{
	background-color: #9cd1cc;
}
.bgHome{
	width: 100%;
	display: block;
	background: url(../img/bgHome.jpg) top center no-repeat;
	background-color: #9cd1cc;
}
#geral{
	width: 770px;
	display: block;
	margin: 0 auto;
	color: #0a2c2d;
}
#geral #topo{
	display:770px;
	height:350px;
	display:block;
	position:relative;
	padding-top: 1px;
}	
#geral #content{
	width: 770px;
	display: table;
}
#geral #content p{
	padding: 0 0 23px 7px;
	letter-spacing: 1px;
}
#geral #content h2{
	height: 35px;
	text-indent: -9999px;
	overflow: hidden;
	background-repeat: no-repeat;
}
#geral #content h2.hIlen{
	background-image: url(../img/hIlen.gif);
}
#geral #content h2.hNoss{
	width: 770px;
	background-image: url(../img/hNoss.gif);
}
#geral #content ul.ListaPromo{
	width: 760px;
	display:block;
	padding: 0 0 20px 10px;
}
#geral #content ul.ListaPromo li{
	width: 242px;
	height: 242px;
	display: block;
	float: left;
	list-style-type: none;
	padding: 10px 0 0 10px;
	background: url(../img/bgBox.jpg) 0 0 no-repeat;
}
#geral #content ul#bloco-menu-lentes{
	width:770px;
	display:block;
	float:left;
	padding-bottom:8px;
	}

#geral #content ul#bloco-menu-lentes li{
	width:190px;
	height:74px;
	display:block;
	float:left;
	text-indent:-99999px;
	overflow:hidden;
	padding-right:2px;
	padding-bottom:5px;
	}

#geral #content ul#bloco-menu-lentes li a{
	background-position:left top;
	background-repeat:no-repeat;
	width:190px;
	height:74px;
	display:block;
	}

#geral #content ul#bloco-menu-lentes li a:hover{ background-position:left bottom; }

#geral #content ul#bloco-menu-lentes li a.btn-hidrosummer-teen{
	background-image:url(../img/btn-lentes-hidrosummer-teen.gif);
	}

#geral #content ul#bloco-menu-lentes li a.btn-halloween{
	background-image:url(../img/btn-lentes-halloween.gif);
	}

#geral #content ul#bloco-menu-lentes li a.btn-lentes-coloridas{
	background-image:url(../img/btn-lentes-lentes-coloridas.gif);
	}

#geral #content ul#bloco-menu-lentes li a.btn-lentes-descartaveis{
	background-image:url(../img/btn-lentes-lentes-descartaveis.gif);
	}

#geral #content ul#bloco-menu-lentes li a.btn-anime-cosplay{
	background-image:url(../img/btn-lentes-anime-cosplay.gif);
	}

#geral #content ul#bloco-menu-lentes li a.btn-iris-gel{
	background-image:url(../img/btn-lentes-iris-gel.gif);
	}

#geral #content ul#bloco-menu-lentes li a.btn-lentes-gelatinosas{
	background-image:url(../img/btn-lentes-lentes-gelatinosas.gif);
	}

#geral #content ul#bloco-menu-lentes li a.btn-lentes-exoticas{
	background-image:url(../img/btn-lentes-lentes-exoticas.gif);
}
#geral #content ul#bloco-menu-lentes li a.btGloss{
	background-image:url(../img/btGloss.gif);
}
#geral #content ul#bloco-menu-lentes li a.btDalto{
	background-image:url(../img/btDalto.gif);
}
#geral #content ul#bloco-menu-lentes li a.btFiltra{
	background-image:url(../img/btFiltra.gif);
}
#geral #content ul#bloco-menu-lentes li a.btEspo{
	background-image:url(../img/btEspo.gif);
}
#topo #pop-up{
	width:100%;
	height:346px;
	display:block;
	position:absolute;
	left: 0;
	top:150px;
	z-index:600;
}
a.btnfecharpop{
	width:100%;
	height:45px;
	display:block;
	position:absolute;
	text-indent:-99999px;
	overflow:hidden;
	background:url(../img/transparente.gif) 0 0 no-repeat;
	left:0;
	top: 160px;
	z-index:800;
}	
#topo #flash-home{
	position:absolute;
	width:100%;
	height:532px;
	display:block;
	z-index:500;
	top: 0px;
	left: 0px;
}

/*INTERNA - TOPO*/
#cont-topo{
	position:relative;
	width:514px;
	height:179px;
	display:block;
	margin:0 auto; 
	padding:134px 0 0 256px;
}
#topo-internas #cont-topo h1 a{
	position:absolute;
	top:18px;
	left:0;
	width:195px;
	height:100px;
	display:block;
	overflow:hidden;
	text-indent:-99999px;
}	
#cont-topo img{
	display:block;
}

/*TÍTULOS DA PÁGINA*/
#cont-topo #tit-pag{
	display:block;
	text-indent:-99999px;
	overflow:hidden;
}

/*TÍTULOS DA PÁGINA - PRODUTOS*/
#cont-topo #tit-pag h3.produtos{
	background:url(../img/tit-pag-produtos-cesta.gif) 0 top no-repeat;
	width:245px;
	height:75px;
	position:absolute;
	top:240px;
	left:0;
}

/*TÍTULOS DA PÁGINA - INFORMAÇÕES*/
#cont-topo #tit-pag h3.informacoes{
	background:url(../img/tit-pag-informacao.gif) 0 0 no-repeat;
	width:245px;
	height:75px;
	position:absolute;
	top:240px;
	left:0;
}

/*TÍTULOS DA PÁGINA - INSTITUCIONAL*/
#cont-topo #tit-pag h3.instit{
	background:url(../img/tit-pag-institucioanl.gif) 0 0 no-repeat;
	width:245px;
	height:75px;
	position:absolute;
	top:240px;
	left:0;
}

/*TÍTULOS DA PÁGINA - MARCAS*/
#cont-topo #tit-pag h3.marcas{
	background:url(../img/tit-pag-marcas.gif) 0 0 no-repeat;
	width:245px;
	height:90px;
	position:absolute;
	top:227px;
	left:0;
}

/*TÍTULOS DA PÁGINA - PRÓTESE OCULAR*/
#cont-topo #tit-pag h3.protese{
	background:url(../img/tit-pag-protese-ocular.gif) 0 0 no-repeat;
	width:245px;
	height:75px;
	position:absolute;
	top:240px;
	left:0;
}

/*TÍTULOS DA PÁGINA - CONTATO*/
#cont-topo #tit-pag h3.contato{
	background:url(../img/tit-pag-xontato.gif) 0 0 no-repeat;
	width:245px;
	height:75px;
	position:absolute;
	top:240px;
	left:0;
}

#cont-topo #menu-flash{
	position:absolute;
	top:0;
	left:0;
	width:770px;
	height:221px;
	margin:0 auto;
	display:block;
}
#menu{
	display:none;
}	
#conteudo{
	position:relative;
	width:770px;
	display:table;
	margin:0 auto;
}
#conteudo #bloco-topo-conteudo{
	width:770px;
	display:block;
	float:left;
	}

#conteudo #bloco-topo-conteudo p{
	padding:0 100px 0 8px;
	line-height:16px;
	}

#conteudo #bloco-bottom-conteudo{
	width:770px;
	display:block;
	float:left;
	}

#conteudo #bloco-bottom-conteudo p{
	padding:0 100px 0 8px;
	line-height:16px;
	}

#conteudo #bloco-bottom-conteudo h3.h3-promocoes-i-lente{
	background:url(../img/h3-promocoes-i-lente.gif) right top no-repeat;
	width:230px;
	height:28px;
	display:block;
	text-indent:-99999px;
	overflow:hidden;
	}

#conteudo #bloco-bottom-conteudo ul#bloco-menu-promocoes{
	width:770px;
	display:block;
	float:left;
	padding-top:5px;
	}

#conteudo #bloco-bottom-conteudo ul#bloco-menu-promocoes li{
	background:url(../img/bg-li-promocoes.jpg) left top no-repeat;
	width:241px;
	height:238px;
	display:block;
	float:left;
	padding:7px 7px;
	}

#conteudo #bloco-bottom-conteudo ul#bloco-menu-promocoes li img{
	width:222px;
	height:218px;
	display:block;
	float:left;
	padding:3px 0px 0px 2px; 
	}
	








#conteudo h1,
#conteudo h2{
	display:block;
	text-indent:-99999px;
	overflow:hidden;
}

#conteudo #box1{
	position:relative;
	width:428px;
	height:115px;
	float:left;
	padding-top:204px;
}

/*HOME - LENTES NA BALADA*/
#conteudo #box1 .lentes{
	position:absolute;
	top:-48px;
	left:0;
	background:url(../img/bkg-lentes.jpg) 0 0 no-repeat;
	width:421px;
	height:227px;
	display:block;
	padding:47px 0 0 9px;
}

#conteudo #box1 .lentes h2.tit-lentes{
	background:url(../img/tit-lentes-balada.gif) 0 0 no-repeat;
	width:166px;
	height:13px;
	padding-bottom:8px;
}

#conteudo #box1 .lentes p{
	color:#0a2c2d;
	width:182px;
	line-height:17px;
}

#conteudo #box1 .lentes p a.bt-saiba-mais-lentes{
	background:url(../img/bto-saiba-mais.gif) 0 bottom no-repeat;
	width:55px;
	height:54px;
	display:block;
	text-indent:-99999px;
	overflow:hidden;
	padding-top:18px;
}

/*HOME - VENDAS ONLINE*/
#conteudo #box1 .vendas{
	background:url(../img/bkg-venda-online.jpg) 0 0 no-repeat;
	width:421px;
	height:92px;
	display:block;
	padding:6px 0 0 9px;
}

#conteudo #box1 .vendas h2.tit-vendas{
	background:url(../img/tit-vendas-online.gif) 0 0 no-repeat;
	width:133px;
	height:13px;
	padding-bottom:8px;
}

#conteudo #box1 .vendas p{
	color:#0a2c2d;
	width:277px;
	line-height:17px;
}

#conteudo #box1 .vendas a{
	color:#0a2c2d;
	font-weight:bold;
}
#conteudo #box1 .vendas a:hover{
	text-decoration:underline;
}





/*BOX2*/
#conteudo #box2{
	position:relative;
	background:url(../img/bkg-todos-momentos.jpg) 0 0 no-repeat;
	width:295px;
	height:332px;
	display:block;
	float:right;
	padding:20px 0 0 22px;
}

#conteudo #box2 h2.tit-momentos{
	background:url(../img/tit-todos-momentos.gif) 0 0 no-repeat;
	width:235px;
	height:13px;
	display:block;
}

#conteudo #box2 a.bt-saiba-mais-momentos{
	background:url(../img/bto-saiba-mais1.gif) 0 0 no-repeat;
	position:absolute;
	top:70px;
	left:123px;
	width:163px;
	height:37px;
	display:block;
	text-indent:-99999px;
	overflow:hidden;
}

#conteudo #box2 h2.tit-produto-limp{
	background:url(../img/tit-produtos-limpeza.gif) 0 bottom no-repeat;
	width:190px;
	height:130px;
	padding-bottom:10px;
}

#conteudo #box2 p{
	color:#0a2c2d;
	width:182px;
	padding-top:10px;
	line-height:17px;
}

#conteudo #box2 a.bt-saiba-mais-prod{
	position:absolute;
	top:256px;
	left:132px;
	background:url(../img/bto-saiba-mais2.gif) 0 0 no-repeat;
	width:37px;
	height:37px;
	display:block;
	text-indent:-99999px;
	overflow:hidden;
}
#fundo-interna1 {
	width:100%;
	display:table;
	background:#9cd1cc url(../img/bkg-internas.jpg) center top no-repeat;
}



#topo-internas{
	background:#9eccd0 url(../img/img-internas.jpg) center top no-repeat;
	height:313px;
	margin:0 auto;
	display:block;
}	

#topo-internas h1,
#topo-internas h2{
	display:block;
	text-indent:-99999px;
	overflow:hidden;
}	

#conteudo #esquerda{
	width:253px;
	display:table;
	float:left;
	margin-top:30px;
}

#tit-pag-produtos h1{
	display:block;
	text-indent:-99999px;
	overflow:hidden;
}

#conteudo #esquerda #menu-prod{
	background:url(../img/bkg-menu-prod-bottom.gif) 0 bottom no-repeat;
	width:197px;
	margin-bottom:15px;
}

#conteudo #esquerda #menu-prod ul{
	width:197px;
	display:table;
	padding-top:15px;
	list-style-type:none;
	background:url(../img/bkg-menu-prod-top.gif) 0 top no-repeat;
	margin-bottom:17px;
}

#conteudo #esquerda #menu-prod ul li{
	width:228px;
	height:21px;
	display:block;
}
	
#conteudo #esquerda #menu-prod ul li a{
	background:url(../img/hover-menu-prod.gif) 0 0 no-repeat;
	width:203px;
	height:17px;
	display:block;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#05504f;
	padding:4px 0 0 25px;
	margin-left:1px;
}

#conteudo #esquerda #menu-prod ul li a:hover{background-position:0 -21px;}










/*INTENS - ADICIONADOS*/
#conteudo #esquerda #itens-adic{
	background:url(../img/bkg-itens-adic.gif) 0 0 no-repeat;
	width:196px;
	height:95px;
	display:block;
}	

#conteudo #esquerda #itens-adic h1.tit-itens-adic{
	background:url(../img/tit-itens-adic.gif) 9px 14px no-repeat;
	width:185px;
	height:26px;
	padding-bottom:6px;
}	

#conteudo #esquerda #itens-adic p{
	width:156px;
	color:#05504f;
	padding-left:9px;
	line-height:14px;
}	

#conteudo #esquerda #itens-adic a.bt-clique-aqui{
	background-image:url(../img/bto-clique-aqui.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	width:80px;
	height:20px;
	display:block;
	margin:9px 0 0 98px;
	text-indent:-99999px;
	overflow:hidden;
}	

#conteudo #esquerda #itens-adic a.bt-clique-aqui:hover{background-position:0 -20px}	

/*DIREITA*/
#conteudo #direita{
	width:517px;
	display:table;
	float:right;
}

#conteudo #direita h2{
	display:block;
	text-indent:-99999px;
	overflow:hidden;
}

#conteudo #direita p{
	color:#05504f;
	line-height:17px;
	margin-bottom:10px;
}

#conteudo #direita.cor-fonte p{
	color:#0b5350;
	line-height:17px;
	margin-bottom:10px;
}

#conteudo #direita.cor-fonte p a{
	color:#0b5350;
	text-decoration:underline;
}

#conteudo #direita.cor-fonte p a:hover{color:#0e4eb9;}

#conteudo #direita a.bt-topo{
	background-image:url(../img/bto-topo.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	width:40px;
	height:13px;
	display:block;
	float:right;
	margin:0 18px 0 0;
	text-indent:-99999px;
	overflow:hidden;
}

#conteudo #direita a.bt-topo1{
	background-image:url(../img/bto-topo.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	width:40px;
	height:13px;
	display:block;
	float:right;
	margin:20px 18px 0 0;
	text-indent:-99999px;
	overflow:hidden;
}

#conteudo #direita a.bt-voltar-baixo{
	background-image:url(../img/bto-voltar.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	width:56px;
	height:10px;
	display:block;
	margin:1px 0px 0 0;
	float:right;
	text-indent:-99999px;
	overflow:hidden;
}

#conteudo #direita a.bt-voltar-baixo1{
	background-image:url(../img/bto-voltar.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	width:56px;
	height:10px;
	display:block;
	margin:20px 0px 0 0;
	float:right;
	text-indent:-99999px;
	overflow:hidden;
}

#conteudo #direita a.bt-voltar{
	background-image:url(../img/bto-voltar.gif);
	background-position:right 0;
	background-repeat:no-repeat;
	width:500px;
	height:10px;
	display:block;
	margin:10px 0 10px 0;
	text-indent:-99999px;
	overflow:hidden;
}

#conteudo #direita a.bt-topo:hover,
#conteudo #direita a.bt-topo1:hover{background-position:0 -13px;}
#conteudo #direita a.bt-voltar-baixo:hover,
#conteudo #direita a.bt-voltar-baixo1:hover{background-position:0 -10px;}
#conteudo #direita a.bt-voltar:hover{background-position:right -10px;}

#conteudo #direita .faixa{
	background:url(../img/img-faixa.gif) 0 0 no-repeat;
	width:510px;
	height:26px;
	margin-bottom:14px;
}

#conteudo #direita .faixa h1{
	width:395px;  
	height:20px; 	
	font-size:11px;
	color:#05504f;
	padding:6px 0 0 27px;
	text-indent:0;
	overflow:hidden;
	float:left;
}

/*PRODUTOS - LENTES COLORIDAS*/
#conteudo #direita .lentes{
	background:url(../img/img-divisao.gif) 0 bottom no-repeat;
	width:515px;
	display:table;
	float:left;
	margin-bottom:13px;
}

#conteudo #direita .lentes h2{
	background:url(../img/tit-detalhes.gif) 0 0 no-repeat;	
	width:21px;
	height:75px;
	display:block;
	text-indent:-99999px;
	overflow:hidden;
	float:left;
}

#conteudo #direita .lentes img{
	background:url(../img/produtos/bkg-foto-lentes.gif) 0 0 no-repeat;
	width:94px;
	height:69px;
	padding:3px 3px 3px 0;
	display:block;
	float:left;
}

#conteudo #direita .lentes p{
	width:325px;
	display:table;
	padding:0 15px 8px 5px;
	
}

#conteudo #direita .lentes p a{color:#2c5d5c;}


/*PRODUTOS LIMPEZA LENTES*/
#conteudo #direita .prod-limpeza-detalhe{
	width:515px;
	display:table;
}

#conteudo #direita .prod-limpeza-detalhe img{
	width:204px;
	height:151px;
	display:block;
	float:left;
}

#conteudo #direita .prod-limpeza-detalhe p{
	width:306px;
	display:table;
	float:left;
	padding:0 0 8px 5px;
}


/*PAGINAÇÃO*/
#conteudo #direita #paginacao{
	background:url(../img/bkg-paginacao.gif) 0 0 no-repeat;
	width:515px;
	height:30px;
	display:block;
	text-align:center;
	margin-top:12px;
	padding-top:8px;
	clear:both;
}

#conteudo #direita #paginacao p{
	width:150px;
	height:10px;
	display:block;
	margin:0 auto;
}

#conteudo #direita #paginacao p a{
	width:10px;
	height:10x;
	float:left;
	color:#05504f;
	padding:0 4px;
}

#conteudo #direita #paginacao p a:hover{color:#000000;}

#conteudo #direita #paginacao p a.setinha-esq {
	height:10px;
	background-image:url(../img/img-setinha-esq.gif);
	background-repeat:no-repeat;
	display:block;
	text-indent:-99999px;
	overflow:hidden;
	margin:3px 5px 0 0;
}

#conteudo #direita #paginacao p a.setinha-esq:hover{background-position:0 -10px;}

#conteudo #direita #paginacao p a.setinha-dir{
	height:10px;
	background-image:url(../img/img-setinha-dir.gif);
	background-repeat:no-repeat;
	display:block;
	text-indent:-99999px;
	overflow:hidden;
	margin:3px 0 0 9px;
}

#conteudo #direita #paginacao p a.setinha-dir:hover{background-position:0 -10px;}

/*PRODUTOS - LENTES COLORIDAS - DETALHES*/
#conteudo #direita .marca{	
	display:block;
	height:14px;
}

#conteudo #direita .marca h2{
	background:url(../img/tit-marca.gif) left top no-repeat;
	width:45px;
	height:10px;
	float:left;
}

#conteudo #direita .marca p{line-height:normal;}

#conteudo #direita #foto-prod{
	width:510px;
	display:table;
	clear:both;
}

#conteudo #direita #foto-prod h2{
	background:url(../img/tit-op-cores.gif) left top no-repeat;
	width:110px;
	height:14px;
	margin:6px 0 13px;
}

#conteudo #direita #foto-prod ul{
	list-style-type:none;
	clear:both;
	margin-bottom:10px;
}

#conteudo #direita #foto-prod ul li{
	display:block;
	height:110px;
}
 
#conteudo #direita #foto-prod ul li ul{
	list-style-type:none;
	background:#5ca6a7;
}

#conteudo #direita #foto-prod ul li ul li{
	background:#5ca6a7 url(../img/produtos/bkg-foto-lentes-topo.gif) 0 top no-repeat;
	width:106px;
	float:left;
	margin:0 8px 0;
}

#conteudo #direita #foto-prod ul li ul li img{
	width:100px;
	padding:3px 0 0 3px;
}

#conteudo #direita #foto-prod ul li ul li ul{list-style-type:none;}

#conteudo #direita #foto-prod ul li ul li ul li{
	background:url(../img/produtos/bkg-foto-lentes-bottom.gif) 0 bottom no-repeat;
	width:106px;
	height:35px;
	font-size:11px;
	color:#05504f;
	text-align:center;
	float:left;
	margin:0;
}

/*FORMULARIO DE LENTES*/
#conteudo #direita #form-lentes{
	width:517px;
	display:table;
	margin:11px 0 16px;
	clear:both;
}

#conteudo #direita #form-lentes form{width:517px}

#conteudo #direita #form-lentes form p{margin-bottom:13px;}

#conteudo #direita #form-lentes form ul{list-style-type:none;}

#conteudo #direita #form-lentes form ul li{
	display:block;
	font-size:14px;
	float:left;
	text-indent:-99999px;
	overflow:hidden;
}

#conteudo #direita #form-lentes form ul li.olho-esq-form{
	background:url(../img/tit-olho-esquerdo.gif) 0 0 no-repeat;
	width:144px;
}

#conteudo #direita #form-lentes form ul li.olho-dir-form{
	background:url(../img/tit-olho-direito.gif) 0 0 no-repeat;
	width:142px;
}

#conteudo #direita #form-lentes form ul li.curvatura-form{
	background:url(../img/tit-curvatura.gif) 0 0 no-repeat;
	width:120px;
}

#conteudo #direita #form-lentes form ul li.cor-form{
	background:url(../img/tit-cor.gif) 0 0 no-repeat;
	width:100px;
}

#conteudo #direita #form-lentes form ul li ul{list-style-type:none;}

#conteudo #direita #form-lentes form ul li ul li{
	color:#05504f;
	float:left;
	display:block;
	text-indent:0;
	overflow:visible;
}

#conteudo #direita #form-lentes form ul li ul li select{
	width:67px;
	height:20px;
	border:1px solid #7f9db9;
}

#conteudo #direita #form-lentes form ul li ul li select.tam-menor{width:67px;}

#conteudo #direita #form-lentes form ul li ul li select.tam-maior{width:97px;}


#conteudo #direita .brinde{
	background:url(../img/produtos/bkg-foto-brinde.gif) 0 0 no-repeat;
	width:480px;
	height:96px;
	display:table;
	margin:5px 0;
}

#conteudo #direita .brinde ul{
	width:150px;
	float:left;
	display:block;
	margin-right:12px;
	list-style-type:none;
}

#conteudo #direita .brinde ul li{
	display:block;
	width:150px;
	float:left;	
}

#conteudo #direita .brinde ul li img{
	width:144px;
	height:75px;
	padding:3px 0 0 3px;
	display:block;
}

#conteudo #direita .brinde ul li p{
	width:146px;
	text-align:center;
}

#conteudo #direita .brinde ul li p a{color:#2c5d5c;}

#conteudo #direita .brinde h3{
	background:url(../img/tit-brinde.gif) 0 0 no-repeat;
	width:116px;
	height:10px;
	display:block;
	text-indent:-99999px;
	overflow:hidden;
	margin:2px 0 10px 0;
}

#conteudo #direita .brinde p{
	display:table;
	padding:0 0 8px 0px;
}


#conteudo #direita a.bt-comprar{
	background-image:url(../img/bto-comprar.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	width:81px;
	height:20px;
	display:block;
	margin:3px 5px 0 0;
	text-indent:-99999px;
	overflow:hidden;
	float:right;
}

#conteudo #direita a.bt-comprar:hover{background-position:0 -20px;}

#conteudo #direita h2.tit-ficha{
	background:url(../img/tit-ficha-tec.gif) 0 0 no-repeat;
	height:11px;
	margin-bottom:12px;
}

/*
#conteudo #direita ul#desc{
	width:517px;
	display:table;
	list-style-type:none;
	margin-bottom:13px;
}

#conteudo #direita ul#desc li{
	color:#05504f;
	display:block;
	line-height:17px;
}
*/

#conteudo #direita h2.tit-dicas{
	background:url(../img/tit-dicas.gif) 0 0 no-repeat;
	height:10px;
	margin:16px 0 12px;
}

/*Descartaveis-Detalhe com Preço*/
#conteudo #direita #indicacao{
	width:517px;
	display:table;
	float:left;
	margin-bottom:5px;
}

#conteudo #direita #indicacao #indicacao-image{
	background:#5ca6a7 url(../img/produtos/bkg-lentes-descart-top.gif) left top no-repeat;
	width:209px;
	display:table;
	margin-right:10px;
	float:left;
}

#conteudo #direita #indicacao #indicacao-image img{
	width:203px;
	height:74px;
	display:block;
	padding:3px 0 0 3px;
}

#conteudo #direita #indicacao #indicacao-image h2.nome-lente{
	background:url(../img/produtos/bkg-lentes-descart-bottom.gif) left bottom no-repeat;
	width:209px;
	height:14px;
	display:block;
	color:#05504f;
	font-size:11px;
	text-align:center;
	text-indent:0;
	overflow:visible;
	padding:5px 0 5px;
}

#conteudo #direita h1.tit-indic-benef{
	background:url(../img/tit-ind-ben.gif) 0 0 no-repeat;
	width:130px;
	height:14px;
	display:block;
	padding-bottom:6px;
}

#conteudo #direita h2.tit-obs{
	background:url(../img/tit-observacao.gif) 0 0 no-repeat;
	height:14px;
	margin:14px 0 8px;
}

/*INFORMAÇÃO*/
#tit-pag-informacao h1{
	display:block;
	text-indent:-99999px;
	overflow:hidden;
}

#conteudo #direita h2.tit-alguma-duvida{
	background:url(../img/tit-alguma-duvida.gif) 0 0 no-repeat;
	width:200px;
	height:15px;
	margin:30px 0 16px;
}

#conteudo #direita ul.info-link{
	width:515px;
	display:block;
	margin-top:5px;
}

#conteudo #direita ul.info-link li{
	width:145px;
	display:block;
	float:left;
}

#conteudo #direita ul.info-link li.meio{padding:0 38px;}

#conteudo #direita ul.info-link li img{
	width:144px;
	height:144px;
	display:block;
}

#conteudo #direita ul.info-link li a{
	width:144px;
	display:block;
	color:#385857;
	font-size:10px;
	text-align:center;
}

#conteudo #direita ul.info-link li a:hover{color:#000000;}


#conteudo #esquerda h1.esconde{
	height:1px;
	width:1px;
	position:absolute;
}

#conteudo #esquerda #lentes-balada{
	position:relative;
	width:229px;
	height:107px;
	display:block;
}

#conteudo #esquerda a.lentes-balada{
	position:relative;
	background:url(../img/img-lentes-balada.gif) 0 0 no-repeat;
	width:229px;
	height:107px;
	display:block;
	text-indent:-99999px;
	overflow:hidden;
}

#conteudo #esquerda a.lentes-exoticas{
	background:url(../img/img-lentes-exotica.gif) 0 16px no-repeat;
	width:229px;
	height:123px;
	display:block;
	text-indent:-99999px;
	overflow:hidden;
}

#conteudo #esquerda a.lentes-coloridas{
	background:url(../img/img-lentes-coloridas.gif) 0 16px no-repeat;
	width:229px;
	height:123px;
	display:block;
	text-indent:-99999px;
	overflow:hidden;
}

#conteudo #esquerda a.lentes-descartaveis{
	background:url(../img/img-lentes-descartaveis.gif) 0 16px no-repeat;
	width:229px;
	height:144px;
	display:block;
	text-indent:-99999px;
	overflow:hidden;
}

/*INFORMATIVO - MENU*/
#conteudo #direita .faixa-clara{
	background:url(../img/img-faixa-clara.gif) 0 0 no-repeat;
	width:510px;
	height:26px;
	margin-bottom:14px;
}

#conteudo #direita .faixa-clara h1{
	width:395px;  
	height:20px; 	
	font-size:11px;
	color:#ffffff;
	padding:6px 0 0 27px;
	text-indent:0;
	overflow:hidden;
	float:left;
}

#conteudo #direita ul#menu-info{
	width:515px;
	display:block;
	list-style-type:none;
}

#conteudo #direita ul#menu-info li{
	background:url(../img/bullet-menu-anatomico.gif) left center no-repeat;
	display:block;
	height:12px;
	margin:5px 0 12px;
}

#conteudo #direita ul#menu-info li a{
	color:#2c5d5c;
	text-decoration:underline;
	display:block;
	padding-left:12px;
}

#conteudo #direita ul#menu-info li a:hover{color:#0658a5;}

#conteudo #direita h3{
	background:url(../img/bullet-azul.gif) left center no-repeat;
	display:block;
	height:12px;
	font-size:11px;
	color:#0e4eb9;
	text-decoration:underline;
	padding-left:12px;
	margin:22px 0 16px;
}

#conteudo #direita ul.info{
	width:515px;
	display:block;
	list-style-type:none;
}

#conteudo #direita ul.info li{
	background:url(../img/bullet-verde.gif) left 10px no-repeat;
	display:block;
	color:#0b5350;
	padding:5px 0 0 12px;
}

/*INFORMATIVO - ANATOMIA*/
#conteudo #direita h2.tit-ceratocone{
	background:url(../img/tit-ceratocone.gif) 0 0 no-repeat;
	width:72px;
	height:11px;
	margin-bottom:26px;
}	

#conteudo #direita h2.tit-computer-vision{
	background:url(../img/tit-computer-vision.gif) 0 0 no-repeat;
	width:173px;
	height:14px;
	margin-bottom:26px;	
}	
	
#conteudo #direita h2.tit-erros-refracao{
	background:url(../img/tit-erros-refracao.gif) 0 0 no-repeat;
	width:110px;
	height:14px;
	margin-bottom:26px;	
}	

#conteudo #direita h2.tit-filosofia-olho{
	background:url(../img/tit-filosofia-olho.gif) 0 0 no-repeat;
	width:179x;
	height:11px;
	margin-bottom:26px;	
}	

#conteudo #direita p.bto-consulte{
	background:url(../img/bto-consulte.gif) center 12px no-repeat;
	width:517px;
	height:35px;
	display:block;
	text-indent:-99999px;
	overflow:hidden;
}

/*INFORMATIVO - LENTES*/
#conteudo #direita h2.tit-historia-lentes-contato{
	background:url(../img/tit-historia-lentes-contato.gif) 0 0 no-repeat;
	width:310px;
	height:12px;
	margin-bottom:26px;
}	

#conteudo #direita h2.tit-homenagem-werner{
	background:url(../img/tit-homenagem-werner.gif) 0 0 no-repeat;
	width:131px;
	height:14px;
	margin-bottom:26px;
}	

#conteudo #direita .foto-werner{
	float:right;
	margin-left:5px;
	}


#conteudo #direita p.bto-contatologia{
	background:url(../img/bto-dia-contatologia.gif) left 12px no-repeat;
	width:231px;
	height:34px;
	display:block;
	text-indent:-99999px;
	overflow:hidden;
}

#conteudo #direita h2.tit-faq{
	background:url(../img/tit-faq.gif) 0 0 no-repeat;
	width:364px;
	height:14px;
	margin-bottom:26px;
}	

#conteudo #direita ul.menu-lentes{
	background:url(../img/img-linha-menu-lentes.jpg) left bottom no-repeat;
	width:500px;
	height:29px;
	display:block;
	list-style-type:none;
	margin-bottom:20px;
}

#conteudo #direita ul.menu-lentes li{float:left;}

#conteudo #direita ul.menu-lentes li a{
	background-position:0 0;
	background-repeat:no-repeat;
	height:29px;
	display:block;
	text-indent:-99999px;
	overflow:hidden;
}

#conteudo #direita ul.menu-lentes li a.bto-historia{
	background-image:url(../img/bt-historia.jpg);
	width:88px;
	margin:0 5px 0 15px;
}

#conteudo #direita ul.menu-lentes li a.bto-desenv{
	background-image:url(../img/bt-desenvolvimento.jpg);
	width:130px;
}	

#conteudo #direita ul.menu-lentes li a:hover{background-position:0 -29px;}

/*ativos*/
#conteudo #direita ul.menu-lentes li a.bto-historia1{
	background-image:url(../img/bt-historia.jpg);
	background-position:0 -29px;
	width:88px;
	margin:0 5px 0 15px;
}

#conteudo #direita ul.menu-lentes li a.bto-desenv1{
	background-image:url(../img/bt-desenvolvimento.jpg);
	background-position:0 -29px;
	width:130px;
}

/*guias*/
#conteudo #direita h2.tit-guias{
	background:url(../img/tit-guias.gif) 0 0 no-repeat;
	width:39px;
	height:11px;
	margin-bottom:26px;
}	

#conteudo #direita ul.menu-lentes li a.bto-lentes-gelatinosas{
	background-image:url(../img/bt-lentes-gelatinosas.jpg);
	width:138px;
	margin:0 9px 0 15px;
}	

#conteudo #direita ul.menu-lentes li a.bto-lentes-rigidas{
	background-image:url(../img/bt-lentes-rigidas.jpg);
	width:224px;
}

#conteudo #direita ul.menu-lentes li a:hover{background-position:0 -29px;}

/*ativos*/
#conteudo #direita ul.menu-lentes li a.bto-lentes-gelatinosas1{
	background-image:url(../img/bt-lentes-gelatinosas.jpg);
	background-position:0 -29px;
	width:138px;
	margin:0 9px 0 15px;
}

#conteudo #direita ul.menu-lentes li a.bto-lentes-rigidas1{
	background-image:url(../img/bt-lentes-rigidas.jpg);
	background-position:0 -29px;
	width:224px;
}

#conteudo #direita #video{
	background:url(../img/bkg-video.gif) center 0 no-repeat;
	width:517px;
	height:350px;
	display:block;
	margin-bottom:15px;
}

#conteudo #direita #video a img{
	width:355px;
	height:311px;
	display:block;
	padding:36px 0 0 72px;
}

#conteudo #direita ul#remocao-lente{
	width:517px;
	display:table;
	list-style-type:none;
}

#conteudo #direita ul#remocao-lente li{display:block;}

#conteudo #direita ul#remocao-lente li a{
	display:block;
	margin-top:20px;
	font-size:11px;
	color:#05504f;
	text-decoration:underline;
}

#conteudo #direita ul#remocao-lente li a:hover{color:#0e4eb9;}

#conteudo #direita #aviso-import{
	background:url(../img/bkg-aviso-import.gif) 0 0 no-repeat;
	width:510px;
	height:281px;
	display:block;
	margin-top:16px;
}

#conteudo #direita #aviso-import #cont-aviso{
	width:490px;
	display:block;
	padding:20px 0 0 22px;
}

#conteudo #direita #aviso-import #cont-aviso ul.info-aviso{
	display:block;
	list-style-type:none;
	margin:20px 0;
}

#conteudo #direita #aviso-import #cont-aviso ul.info-aviso li{
	background:url(../img/bullet-verde.gif) left 5px no-repeat;
	display:block;
	color:#0b5350;
	padding-left:12px;
	margin-bottom:6px
}

#conteudo #direita #abre a{
	display:block;
	color:#05504f;
	margin-top:20px;	
}	

#conteudo #direita #abre p{padding:5px 0 0 5px;}	

/*INFORMATIVO - ÓCULOS*/
#conteudo #direita h2.tit-historia-oculos{
	background:url(../img/tit-historia-oculos.gif) 0 0 no-repeat;
	width:118px;
	height:14px;
	margin-bottom:26px;
}	

#conteudo #direita h2.tit-oculos-solar{
	background:url(../img/tit-oculos-solor.gif) 0 0 no-repeat;
	width:79px;
	height:14px;
	margin-bottom:26px;
}

/*RODAPÉ*/
.rdp-home{
	background-image:url(../img/bkg-rodape-dois.jpg);
}

.rdp-interna{
	background-image:url(../img/bkg-rodape-dois.jpg);
}

#rodape {
	background-position:center top;
	background-repeat:no-repeat;
	background-color:#9cd1cc;
	width:100%;
	height:75px;
	display:block;
	clear:both;
}
#rodape address {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#0d2f30;
	font-style:normal;
	text-align:center;
	line-height:17px;
	padding-top:6px;
	width:770px;
	margin:12px auto 0 auto;
}
#rodape #selos{
 	width:192px;
	display:block;
	margin:0 auto;
	padding-top:5px;
}
#rodape #selos ul li{
	height:23px;
	display:block;
	list-style:none;
	float:left;
}
#rodape #selos ul li a{
	width:91px;
	height:23px;
	display:block;
	text-decoration:none;
	text-indent:-999999px;
	overflow:hidden;
}
#rodape #selos ul li a.gdsi{
	background:url(../img/gdsi.gif) 0 0 no-repeat;
	width:91px;
	padding-left:10px;
}							
#rodape #selos ul li a.w3c{
	background:url(../img/w3c.gif) 0 0 no-repeat;
	width:91px;
}	
#conteudo p{
	color:#2c5d5c;
	line-height:20px;
	padding-bottom:10px;
}
/*INSTITUCIONAL*/
#conteudo.institucional{
	background:url(../img/img-visao-mercado.jpg) 0 24px no-repeat;
}

#conteudo.institucional h2.visao-merc{
	background:url(../img/tit-visao-mercado.gif) right bottom no-repeat;	
	width:375px;
	height:40px;
}

#conteudo.institucional p{
	padding-left:35px;
}

#conteudo.institucional pre{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#2c5d5c;
	line-height:20px;
}

#conteudo.institucional pre.pre1{padding:17px 0 0 264px;}
#conteudo.institucional pre.pre2{padding-left:290px;}
#conteudo.institucional pre.pre3{padding-left:308px;}
#conteudo.institucional pre.pre4{padding-left:320px;}
#conteudo.institucional pre.ultimo1{padding:0 0 20px 330px;}

#conteudo.institucional pre.pre5{padding-left:340px;}
#conteudo.institucional pre.pre6{padding-left:337px;}
#conteudo.institucional pre.ultimo2{padding:0 0 20px 336px;}

#conteudo.institucional pre.pre7{padding-left:326px;}
#conteudo.institucional pre.pre8{padding-left:313px;}
#conteudo.institucional pre.pre9{padding-left:300px;}
#conteudo.institucional pre.ultimo3{padding:0 0 20px 276px;}


#conteudo.institucional ul.servicos{
	width:735px;
	display:block;
	list-style-type:none;
	padding:10px 0 23px 35px;
}

#conteudo.institucional ul.servicos li{
	background:url(../img/bullet-verde.gif) left 12px no-repeat;
	display:block;
	color:#2c5d5c;
	padding:7px 0 0 12px;
}

/*Marcas*/
#conteudo h2.tit-melhor-mercado{
	background:url(../img/tit-melhor-mercado.gif) 0 bottom no-repeat;
	width:205px;
	height:42px;
	display:block;
	text-indent:-99999px;
	overflow:hidden;
}

#conteudo p.paraf-marca{padding-top:14px;}

#conteudo ul.marcas-mercado{
	width:770px;
	margin:0 auto;
	display:block;
	padding-top:25px;
}	

#conteudo ul.marcas-mercado li{
	width:137px;
	height:97px;
	display:block;
	float:left;
	padding:0 8px;
}	

/*PRÓTESE ÓCULAR*/
#conteudo h2.tit-sob-medida{
	background:url(../img/tit-sob-medida.gif) 0 bottom no-repeat;
	width:77px;
	height:42px;
	display:block;
	text-indent:-99999px;
	overflow:hidden;
}

#conteudo p.hoffnnbeck{padding:17px 0 20px 0;}

#conteudo ul.pecas{
	width:770px;
	background:url(../img/img-barra-protese.gif) 0 bottom no-repeat;
	display:table;
	list-style-type:none;
	padding-top:4px;
}

#conteudo ul.pecas li{
	color:#0b5350;
	width:370px;
	display:table;
	line-height:20px;
	float:left;
	padding-bottom:30px;
}

#conteudo ul.pecas li img{
	width:94px;
	height:69px;
	border:solid #59a3a2 3px;
	float:left;
	margin-right:6px;
	}

#conteudo ul.pecas li.espacador{padding-right:16px;}

#conteudo ul.pecas li strong{display:block;}

/*CONTATO*/
#conteudo #esquerda #contato{
	background:url(../img/bkg-head.gif) 0 0 no-repeat;
	width:229px;
	height:144px;
	display:block;
	padding:16px 0 0 12px;
}

#conteudo #esquerda h2.tit{	
	background:url(../img/tit-contato-mail.gif) 0 0 no-repeat;
	width:196px;
	height:12px;
}	

#conteudo #esquerda #contato p{
	color:#d0cfc8;
	padding-top:21px;
}

/*FORMULARIO DE CONTATO*/
#conteudo #direita-form{
	width:500px;
	display:table;
	float:right;
	padding-left:17px	
}

#conteudo #direita-form h2.tit-fale-solitica{
	background:url(../img/tit-fale-solitica.gif) 0 bottom no-repeat;
	width:119px;
	height:42px;
}

#conteudo #direita-form p{
	color:#05504f;
	line-height:20px;
	padding-top:15px;
}

#conteudo #direita-form #formulario{
	background:url(../img/bkg-formulario.jpg) 0 0 no-repeat;
	width:385px;
	height:343px;
	display:block;
	padding-top:8px;
}

#conteudo #direita-form #formulario ul li{
	background:url(../img/bkg-input.gif) 0 0 no-repeat;
	width:380px;
	height:30px;
	display:block;
	padding-bottom:3px;
}

#conteudo #direita-form #formulario ul li label{
	width:70px;
	display:block;
	float:left;
	color:#d0cfc8;
	padding:8px 0 0 10px;
}

#conteudo #direita-form #formulario ul li input{
	color:#d0cfc8;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	width:270px;
	height:18px;
	padding-left:10px;
	margin-top:3px;
	background:url(../img/trans.gif) 0 0 repeat;
}

#conteudo #direita-form #formulario ul li select{
	color:#d0cfc8;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	width:280px;
	height:20px;
	padding-left:10px;
	margin-top:3px;
	background:#2a8b89 url(../img/trans.gif) 0 0 repeat;
	border:2px solid #fff;
}

#conteudo #direita-form #formulario ul li textarea{
	color:#d0cfc8;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	width:275px;
	height:65px;
	padding:5px 0 0 10px;
	margin-top:0px;
	overflow:auto;
	background:url(../img/trans.gif) 0 0 repeat;
}

#conteudo #direita-form #formulario ul li.textarea{
	background:url(../img/bkg-textarea.gif) 0 0 no-repeat;
	width:380px;
	height:80px;
	display:block;
	padding:0px;
}

#conteudo #direita-form #formulario ul li.sem-fundo{
	width:139px;
	background:none;
	padding-left:240px;}
		
#conteudo #direita-form #formulario ul li input.bto-enviar{
	background:url(../img/bto-enviar.gif) 0 0 no-repeat;
	width:137px;
	height:36px;
}
