/****************************************************************************
Nome: Viallure v.0.1
Autor: Felipe Augusto Moraes Brasil **-** E-mail: felipe.brasil@vm2.com.br
URL:
****************************************************************************/
/*****************************************************************************************************************
	ESTRUTURA IDIOMAS
*****************************************************************************************************************/
	
	@import url('pts-estrutura.css');
	@import url('eng-estrutura.css');

/*****************************************************************************************************************
	ESTRUTURA INTERNAS
*****************************************************************************************************************/
	@import url('internas.css');

/*****************************************************************************************************************
	ESTRUTURA GERAL
*****************************************************************************************************************/

	html{font:12px Arial, Helvetica, sans-serif; color:#666; }
	
	body		 { margin:0px; padding:0px; border:0px; background:#fff url('../../imagens/estrutura/bg-body.jpg') repeat-y fixed center top; }
	img	 		 { margin:0px; padding:0px; border:0px; }
	a	 		 { margin:0px; padding:0px; border:0px; list-style:none;}
	p			 { font:11px Arial, Helvetica, sans-serif; color:#666; }
	a:active, input	 { outline: none; }
	a:focus, input	 { -moz-outline-style: none; }


/*****************************************************************************************************************
	ESTRUTURA
*****************************************************************************************************************/

	#corpo		{ 
		width:956px;
		position:absolute;
		left:50%;
		margin-left:-478px;
		border-left:1px #A5D6E1 solid;
		border-right:1px #A5D6E1 solid;
		background: transparent url('../../imagens/estrutura/bg-corpo.jpg') repeat-x scroll left top;
	}

	#cabecalho	{ 
		width:956px; 
		height:188px;
		float:left;
	}
		
	#principal	{ 
		padding:0px 4px 0px 20px; 
		width:931px;
		min-height:500px;
	}
	
	#rodape		{ 	
		width:958px;
		position:relative;
		left:-1px;
		padding:26px 0px 0px 0px; 
		background:#fff url('../../imagens/estrutura/base-corpo.jpg') no-repeat scroll left top;
		clear:both;	
	}
	

	
/*****************************************************************************************************************
	CABECALHO
*****************************************************************************************************************/


/*********LOGO*********/	
	#cabecalho h1{
		background:transparent url('../../imagens/estrutura/bg-logo.jpg') no-repeat scroll left top;
		margin:0px;
		padding:0px;
		width:222px;
		height:181px;
		text-indent:-9999px;
	}
		#cabecalho h1 a{ 
			margin:0px;
			position:relative;
			top:35px;
			left:10px;	
			width:196px;
			height:113px;
			display:block;
		}
		
		
/*********BARRA IDIOMAS*********/		
	#cabecalho .barra-idiomas{
		width:733px;
		height:42px;
		position:relative;
		top:-181px;
		left:222px;
		background:transparent url('../../imagens/estrutura/esq-idiomas.jpg') no-repeat scroll left top;
		text-align:right;
		font:11px Arial, Helvetica, sans-serif;
		color:#fff;
	}
	
		#cabecalho .barra-idiomas .img-btn		{ margin:6px 10px 0px 0px; }
		#cabecalho .barra-idiomas .img-btn-br	{ margin:6px -2px 0px 0px; }
		#cabecalho .barra-idiomas span			{ position:relative; }
		
		
/*********BARRA BUSCA*********/	
	#cabecalho .barra-busca{
		padding:12px 0px 0px 0px;
		position:relative;
		top:-185px;
		left:222px;	
		width:460px;
		height:35px;
		background:#fff url('../../imagens/estrutura/canto-dir-busca.jpg') no-repeat scroll right top;
	}
		#cabecalho .barra-busca .lbl-busca{
			width:110px;
			height:24px;
			display: inline;
			text-indent:-9999px;
		}
		#cabecalho .barra-busca .txt{
			margin:0px 0px 0px 0px;
			padding:3px 0px 0px 0px;
			height:20px;
			position:relative;
			top:-8px;
			left:-5px;
			border-top:1px #BCBCBC solid;
			border-left:1px #EDEDED solid;
			border-bottom:1px #EDEDED solid;
			border-right:1px #EDEDED solid;
			background-color:#fff;
			font:12px Arial, Helvetica, sans-serif;
		}
		#cabecalho .barra-busca .btn-ok{
			position:relative;
			top:-6px;
			margin:0px;
			padding:0px;
			border:0px none;
			width:29px;
			height:24px;
			cursor:pointer;
			background:transparent url('../../imagens/form/btn-ok-busca.jpg') no-repeat scroll left top;
		}
		
		/*************Barra chat online *****************/
		#cabecalho .barra-chatonline{
		width:248px;	
		position:relative;
		top:-253px; /*top:-238px;*/
		left:825px;
		font:11px Arial, Helvetica, sans-serif;
		color:#fff;
		z-index:9000;
		
	}
		
/*********BARRA LOGIN*********/	
	#cabecalho .barra-login{
		width:248px;	
		position:relative;
		top:-238px; /*top:-238px;*/
		left:705px;
		font:11px Arial, Helvetica, sans-serif;
		color:#fff;
	}
		#cabecalho .barra-login .txt{
			margin:0px 8px 0px 0px;
			padding:3px 0px 0px 0px;
			width:90px;
			height:15px;
			border-top:1px #BCBCBC solid;
			border-left:1px #EDEDED solid;
			border-bottom:1px #EDEDED solid;
			border-right:1px #EDEDED solid;
			background-color:#fff;
			font:11px Arial, Helvetica, sans-serif;
		}
		#cabecalho .barra-login .btn-ok{
			margin:0px;
			padding:0px;
			border:0px none;
			width:29px;
			height:20px;
			cursor:pointer;
			background:transparent url('../../imagens/form/btn-ok.jpg') no-repeat scroll left top;
		}
		#cabecalho .barra-login a{
			color:#fff;
			text-decoration:none;
			font-size:10px;
		}

/*********MENU USUARIO*********/	
	#cabecalho .menu-usuario {
		width:733px;
		height:28px;	
		position:relative;		
		top:-264px;
		_top:-259px;
		left:222px;
		background: url('../../imagens/estrutura/bg-menu-usuario.jpg') repeat-x scroll left top;
		display:block;
	}
	#cabecalho .menu-usuario ul{
		margin:0px;
		padding:0px;
		list-style:none;
	}
	#cabecalho .menu-usuario ul li {
			float:left;
		}
		
		#cabecalho .menu-usuario ul li a{
			margin:0px 12px;	
			display:block;
			height:28px;
			text-indent:-9999px;
		}
			#cabecalho .menu-usuario a.meu-carrinho { width:95px; }
			#cabecalho .menu-usuario a.meus-pedidos { width:96px; }
			#cabecalho .menu-usuario a.meus-dados 	{ width:82px; }
			#cabecalho .menu-usuario a.cadastre-se	{ width:81px; }

			#cabecalho .menu-usuario a.logoff {
	            width:81px;
	            background:url('../../imagens/estrutura/pts-eng/nav/logoff.jpg') no-repeat scroll left top;
            }
	        #cabecalho .menu-usuario a.login {
	            width:81px;
	            background:url('../../imagens/estrutura/pts-eng/nav/logoff.jpg') no-repeat scroll left bottom;
            }



/*********MENU*********/	
	#cabecalho .menu {
		width:733px;
		height:45px;	
		position:relative;
		top:-262px;
		left:222px;
		background: url('../../imagens/estrutura/bg-menu.jpg') repeat-x scroll left top;
	}
	
	#cabecalho .menu ul{
		margin:0px;
		padding:0px;
		list-style:none;
	}
		#cabecalho .menu ul li {
			float:left;
		}
		
		#cabecalho .menu a{
			margin:0px;
			position:relative;
			display:block;
			height:33px;
			text-indent:-9999px;
		}
			#cabecalho .menu a.lentes-contato 	{ width:153px; }
			#cabecalho .menu a.oculos 			{ width:156px; left:-5px; }
			#cabecalho .menu a.acessorios 		{ width:156px; left:-10px; }
			#cabecalho .menu a.promocoes		{ width:156px; left:-15px; }
			#cabecalho .menu a.faleconosco		{ width:100px; left:-20px;}




/*****************************************************************************************************************
	PRINCIPAL 
*****************************************************************************************************************/
	
	.conteudo{
		padding:6px 0px 0px 7px;	
		width:722px;
		min-height:550px;
		background:#fff url('../../imagens/estrutura/topo-conteudo.jpg') no-repeat scroll left top;
		float:right;
	}		
		.conteudo .menu-rodape		{ margin:10px 0px 0px 30px; }
			
	.conteudo-internas{
		padding:33px 40px 0px 40px;	
		
		width:649px;
		min-height:550px;
		background:#fff url('../../imagens/estrutura/topo-conteudo-internas.jpg') no-repeat scroll left top;
		float:right;
	}

	.conteudo-internas .menu-rodape		{ margin:10px 0px 0px 0px; }
	





/*********TITULOS DO CONTEUDO*********/
	.tit{
		margin:0px 0px 37px 0px;	
		padding:0px;	
		font:bold 25px Arial, Helvetica, sans-serif;	
		color:#7fbdcc;
	}



/*********DESTAQUE*********/		
	.destaque-lentes	 { width:237px; background:#E4F3FC url('../../imagens/estrutura/bg-lentes-destaque.jpg') repeat-x scroll left top; }
	.destaque-oculos	 { width:238px; background:#FAE2E4 url('../../imagens/estrutura/bg-oculos-destaque.jpg') repeat-x scroll left top; }
	.destaque-acessorios { width:238px; background:#FCF1B9 url('../../imagens/estrutura/bg-acessorios-destaque.jpg') repeat-x scroll left top;}
		
	.destaque-lentes, .destaque-oculos, .destaque-acessorios { float:left; border-right:1px #fff solid; margin-top:9px; }
	
		.destaque-lentes img, .destaque-oculos img, .destaque-acessorios img	{ display:block; float:right; }
		
		.destaque-lentes h2, .destaque-oculos h2, .destaque-acessorios h2{margin:0px 0px 8px 0px; height:40px; text-indent:-9999px; }
		
		.destaque-lentes h3, .destaque-oculos h3, .destaque-acessorios h3, /*.destaque-lentes h4, .destaque-oculos h4, .destaque-acessorios h4,*/
		.destaque-lentes p, .destaque-oculos p, .destaque-acessorios p, .destaque-lentes a, .destaque-oculos a, .destaque-acessorios a {
			margin:0px;
			padding:0px 10px 0px 25px;
			text-align:left;
		}
		
		
		.destaque-lentes h3 a, .destaque-oculos h3 a, .destaque-acessorios h3 a			 { padding:0px 10px 0px 0px; font:bold 14px Arial, Helvetica, sans-serif;}
			.destaque-lentes h3 a, .destaque-lentes h4 a, .destaque-lentes a 			 { color:#19788e; }
			.destaque-oculos h3 a, .destaque-oculos h4 a, .destaque-oculos a  			 { color:#c3498a; }
			.destaque-acessorios h3 a, .destaque-acessorios h4 a, .destaque-acessorios a { color:#eb9b11; }

		.destaque-lentes h4 a, .destaque-oculos h4 a, .destaque-acessorios h4 a {
			font:bold 15px Arial, Helvetica, sans-serif;
			margin:8px 0px; 
			padding:0px 10px 0px 25px;
		}
			
		.destaque-lentes p, .destaque-oculos p, .destaque-acessorios p { font:11px Arial, Helvetica, sans-serif; color:#666; }
		.destaque-lentes a, .destaque-oculos a, .destaque-acessorios a { font:11px Arial, Helvetica, sans-serif; text-decoration:none;}


/*********VITRINE*********/
	.bg-vitrine{
		margin:10px 0px;
		padding:0px;
		width:714px;
		background:transparent url('../../imagens/estrutura/meio-vitrine.jpg') repeat-y scroll left top;
		float:left;
	}
		.vitrine{ padding-top:35px; width:714px; float:left; background:transparent url('../../imagens/estrutura/topo-vitrine.jpg') no-repeat scroll left top;}
			.vitrine img 	 { margin:20px 0px;	}
			.produto-vitrine { padding:0px 8px 0px 30px; width:200px; float:left;	}
			.produto-vitrine h2  { margin-bottom:20px; height:32px; font:bold 13px Arial, Helvetica, sans-serif; color:#ff9900;	}
			.produto-vitrine img { margin:0px 20px 10px 0px; float:left; }
			.produto-vitrine h3  { margin:35px 0px 0px 0px; font:bold 16px Arial, Helvetica, sans-serif; color:#b81f5a;	}
			.produto-vitrine a   { font:10px Arial, Helvetica, sans-serif; color:#fe9f10; text-decoration:none;	}
			.produto-vitrine p   { margin:0px; width:200px; font:10px Arial, Helvetica, sans-serif; color:#737373; line-height:15px; float:left; }
			

/*********MENU RODAPE*********/
	
	.menu-rodape{
		padding-top:4px;
		width:650px;
		height:24px;
		position:relative;
		top:0px;
		right:45px;
		text-align:center;
		background-color:#F0F2F3;
		float:right;
	}
	.menu-rodape a{
		margin:0px 8px 0px 8px;
		padding:0px 0px 0px 15px;
		height:28px;
		font:11px Arial, Helvetica, sans-serif;
		color:#666; 
		text-decoration:none; 
		vertical-align:middle;
		background:transparent url('../../imagens/estrutura/ponto.jpg') no-repeat scroll left center;
	}
	.no-margin{
		margin:10px 0px 0px 0px!important;
	}
/*****************************************************************************************************************
	LATERAL 
*****************************************************************************************************************/

	
	.televendas{
		margin:8px 0px 17px 0px;
		width:180px;
		height:60px;
		text-indent:-9999px;
	}
	
/*********BOX CATEGORIA*********/
	.categoria{
		margin:0px 0px 15px 0px;
		padding:15px 0px 0px 0px;
		width:180px;
		background:url('../../imagens/estrutura/topo-categoria.gif') no-repeat scroll left top;
		display:inline-block;
			}
	.categoria ul{ margin:0px; padding-bottom:19px; list-style:none; background:url('../../imagens/estrutura/base-categoria.gif') no-repeat scroll left bottom;}
	.categoria ul li{ margin:0px; padding:0px; list-style:none; position:relative; left:-40px; *left:0px;}

	.categoria ul li a{	
		padding:3px 0px 1px 23px;
		width:157px;	
		height:16px;
		font:bold 11px Arial, Helvetica, sans-serif;
		color:#2d869a;
		text-decoration:none;
		background:url('../../imagens/estrutura/bg-tit-categoria.jpg') no-repeat scroll left top;
		display:block;
		cursor:pointer;
	}
			
		.categoria ul li div.secaomenu a.sub{
			margin:0px;
			padding:4px 0px 0px 23px;
			width:157px;
			height:16px;
			font:10px Arial, Helvetica, sans-serif;
			color:#2d869a;
			text-decoration:none;
			background:url('../../imagens/estrutura/bg-sub-tit-subcategoria.jpg') repeat scroll left top!important;
			display:block;
			cursor:pointer;
		}
			
		.categoria ul li div.secaomenu div.categoriamenu a{
			margin:0px;
			padding:4px 0px 0px 27px;
			width:153px;			
			font:10px Arial, Helvetica, sans-serif;
			color:#2d869a;
			text-decoration:none;
			background:url('../../imagens/estrutura/bg-sub-tit-categoria.jpg') repeat scroll left top!important;
			display:block;
			font-weight:normal;
			cursor:pointer;
		}

.caterogia ul li div
{
	list-style-type:none;
	display:block;
}
/*********BOX FABRICANTES*********/
	.fabricantes{
		margin:0px;
		padding:0px 0px 25px 0px;
		width:180px;
		background-image:url('../../imagens/estrutura/bg-fabricantes.jpg');
		clear:left;
	}
		.fabricantes h2, .forma-pagto h2, .forma-entrega h2	{ margin:0px 0px 15px 0px; height:40px; text-indent:-9999px; }

		.fabricantes a{
			margin:0px;
			padding:3px 0px 0px 36px;
			width:144px;
			height:17px;
			font:11px Arial, Helvetica, sans-serif;
			color:#2d869a;
			text-decoration:none;
			background:transparent url('../../imagens/estrutura/bg-sub-tit-fabricantes.jpg') repeat-y scroll left center;
			display:block;
		}

/*********BOX ATENDIMENTO*********/
	.atendimento{
		margin:17px 0px 20px 0px;
		padding:0px 0px 0px 0px;
		width:180px;
		background-color:#E1E7E8;
		font:11px Arial, Helvetica, sans-serif;
		color:#666;
		clear:left;
	}
		.atendimento h2.atendimento	{ margin:0px; height:40px; text-indent:-9999px; }
		.atendimento a.fone{
			margin-bottom:10px;	
			padding:0px 5px 0px 55px;	
			height:42px;
			background:transparent url('../../imagens/estrutura/fone.jpg') no-repeat scroll left center;	
			text-decoration:none;	
			color:#666;
			display:block;
		}

		.atendimento h2.camera	{ margin:0px; border-top:1px #fff solid; height:26px; text-indent:-9999px; }
		.atendimento a.maq{
			margin:10px 0px;	
			padding:0px 5px 0px 55px;	
			height:30px;
			background:transparent url('../../imagens/estrutura/camera.jpg') no-repeat scroll left center;	
			text-decoration:none;	
			color:#666;
			display:block;
		}
		
		.atendimento h2.indique	{ margin:0px 0px 10px 0px; border-top:1px #fff solid; height:29px; text-indent:-9999px; }
		.atendimento span		{ padding:0px 13px;	}
		.atendimento .alert		{ padding:0px; display: inline-block; width:5px; height:5px; position:relative; top:-3px;	}
		.atendimento .txt{
			margin:0px 0px 11px 13px;	
			width:123px;
			height:17px;
			border-top:1px #BCBCBC solid;
			border-left:1px #EDEDED solid;
			border-bottom:1px #EDEDED solid;
			border-right:1px #fff solid;
			background-color:#fff;
			font:11px Arial, Helvetica, sans-serif;
		}
		.atendimento .btn-ok{
			position:relative;
			top:4px;
			left:-2px;
			margin:0px;
			padding:0px;
			border:0px none;
			width:29px;
			height:20px;
			cursor:pointer;
			background:transparent url('../../imagens/form/btn-ok.jpg') no-repeat scroll left top;
		}

		.atendimento img	{ display:block; }

/*********BOX FORMA PAGTO*********/
	.forma-pagto, .forma-entrega{
		margin:17px 0px 20px 0px;
		padding:0px 0px 15px 0px;
		width:180px;
		background-color:#FDE7DB;
		font:11px Arial, Helvetica, sans-serif;
		display:block;
		clear:left;

	}

	.forma-pagto a, .forma-entrega a	{ text-decoration:none; Color:#ba215f; margin-left:17px; }
	
	
	
/*********BOX TEXTO RODAPE*********/
	#rodape img	{ display:block; }
	#rodape	p{
		margin:12px 0px 0px 0px;
		padding:10px 0px 0px 0px;
		width:956px;
		font: 9px Arial, Helvetica, sans-serif; color:#999;
		text-align:center;
		background:#F0F2F3 url('../../imagens/estrutura/topo-txt-rodape.jpg') no-repeat scroll left top;
		float:left;
	}
	
	#rodape .end{
		padding-bottom:15px; font:10px Arial, Helvetica, sans-serif; color:#646464; background-color:#fff;
	}
		#rodape .end a{
			color:#646464; text-decoration:none; float:right;
		}
		
.dtgItemStyleSelected { background-color:#B3C6FF; }

/**** BreadCrumbs **/

.breadCrumbs
{	
	width:649px;
	height:30px;
	display:block;
	left:264px;
	top:10px;
	position:relative;
	color:#096F86;
	font-weight:bold;
	z-index:2;
	font-family:Tahoma;
}

.breadCrumbs a			{ color:#096F86; text-decoration:none; }

.breadCrumbs a:hover	{ color:#FF9900; text-decoration:underline; }

.breadCrumbs .actual	{ color:#666; }