/*==========================================================================================================================================

	Stylesheet - v1.0 							[ content.css ]

	Autor:										Mauricio Vargas[ WEB STANDARDS ]
	Contato:									mauricio@agenciahive.com.br
	Website:									http://www.agenciahive.com.br/
	Criado em :									17:03 23/11/2009
	Última Atualização:							17:03 23 /11/2009

==========================================================================================================================================*/

body 														{ color:#000; background-color:#FFF; }
body, input, textarea, select									{ font:11px "Arial Narrow", Tahoma, sans-serif; text-decoration:none; }
a 															{ text-decoration:none; color:#000; font-size:14px; font-weight:bold; }
a:hover 														{ text-decoration:none; color:#ed008c; }
address														{ font-style:normal; }
small														{ font:9px "Arial Narrow", Helvetica, Tahoma, sans-serif; }

/* CLASSES GERAIS */
.none															{ display:none; }
.block															{ display:block; }
.hidden															{ visibility:hidden; }
.strong															{ font-weight:bold; }
.f-left															{ float:left; }
.f-right														{ float:right; }
.clear															{ clear:both; height:1px; }
.a-left															{ text-align:left; }
.a-right														{ text-align:right; }
.a-justify														{ text-align:justify; }
.a-center														{ text-align:center; }
.padding-top													{ padding-top:10px }
.padding-right													{ padding-right:10px }
.padding-bottom													{ padding-bottom:10px }
.padding-left													{ padding-left:10px }
.padding														{ padding:10px }
.normal															{ font-weight:normal; }
.branco															{ color:#FFF; }
.preto															{ color:#000; }
h1																{ font-size:32px; }
h2																{ font-size:24px; }
h2 a																{ font-size:24px; }
h3																{ font-size:16px; }

	/* --------------- CLASSES GERAIS       */
	.cor-vermelha												{ color:#ee2a26; }
	.cor-branca													{ color:#FFF; }
	.cor-verde													{ color:#21924a; }
	.cor-preta													{ color:#000; }
	.cor-rosa													{ color:#ed008c; }
	.cor-laranja												{ color:#f89b1d; }
	.bg-laranja													{ background:#f89b1d; padding:3px 7px; }
	.bg-amarelo													{ background:#edc611; }
	.bg-preto													{ background:#000; }
	.bg-rosa													{ background:#ed008c; }
	.bg-cinza													{ background:#f2eeee; }
	.fonte-11													{ font-size:11px; }
	.fonte-12													{ font-size:12px; }
	.fonte-14													{ font-size:14px; }
	.fonte-16													{ font-size:16px; }
	.fonte-18													{ font-size:18px; }
	.fonte-20													{ font-size:20px; }
	.fonte-24													{ font-size:24px; }
	.selecionado												{ color:#ed008c; }
	
	/* --------------- ESTRUTURA       */
	.absurda-home												{ position:absolute; z-index:1; width:100%; min-height:900px;height:900px; }
	.absurda-conteudo											{ position:absolute; z-index:2; width:940px; left:50%; margin-left:-470px; top:140px; }
	.content													{  }
		.menu													{ width:240px; }
		.conteudo												{ width:640px; }
	
		/* --------------- HOME			      */
		ul.alt li													{ display:inline; }
		ul.alt li a												{ display:block; float:left; margin-right:10px; }
		
		/* --------------- BUSCA			      */
		.busca													{ background:url(../img/bg-busca.png) no-repeat; width:240px; height:80px; padding-top:40px; margin-bottom:10px; }
		.busca .campo-busca										{ width:200px; margin-left:15px; }
		.busca .submit-busca										{ width:90px; margin-right:10px; height:30px; margin-top:20px; border:none; background:none; cursor:pointer; }
		.campo-busca											{ border:none; background-color:#FFF; font-size:14px; font-weight:bold; }
		
		/* --------------- CATALOGO      */
		.menu dl													{ width:240px; }
		.menu dl dt												{ width:230px; line-height:30px; padding-left:10px; color:#FFF; font-size:18px; margin:10px 0px; font-weight:bold; text-transform:uppercase; }
		.menu dl dt a												{ color:#FFF; }
		.menu dl dt.menutit-1										{ background:url(../img/bg-titpreto-1.png) no-repeat; }
		.menu dl dt.menutit-2										{ background:url(../img/bg-titpreto-2.png) no-repeat; }
		.menu dl dd												{ padding-left:10px; text-transform:uppercase; }
		.menu dl dd a												{ padding:3px 5px; display:block; }
		.titulo-interno											{ width:640px; height:30px; }
		/* .minhas-compras											{ display:block; width:140px; height:30px; background:url(../img/bt-minhascompras.png) no-repeat 0 -1px; } */
		.minhas-compras											{ display:block; }
		.minhas-compras:hover									{ background-position:0px -30px; }
		.separador-colorido										{ width:640px; height:30px; background:url(../img/bg-titcolorido-1.png) no-repeat; margin:5px 0px; }
		.separador-colorido2									{ width:640px; height:30px; background:url(../img/bg-titcolorido-1.png) no-repeat; margin:5px 0px; }
		.separador-colorido-2									{ width:640px; height:30px; background:url(../img/bg-titcolorido-3.png) no-repeat; margin:5px 0px; }
		
		/* --------------- LISTA PRODUTOS  */
		.lista-produto li 										{ display:inline; }
		.lista-produto li a										{ display:block; float:left; height:190px; width:190px; margin:10px; _margin:10px 5px; cursor:pointer; }
		.lista-produto li a span.tp								{ display:block; overflow:auto; width:190px; padding:3px; color:#000; }
		.lista-produto li a span.tp small							{ padding-top:3px; color:#FFF; }
		.lista-produto li a:hover span.tp							{ display:block; overflow:auto; width:190px; padding:3px; background-color:#e5e5e5; color:#000; }
		.lista-produto li a:hover span.tp small					{ padding-top:3px; color:#000; }
		.lista-produto li a img									{  }
		.lista-produto li a .preco								{ display:none; }
		/* .lista-produto li a .bt-comprar						{ display:none; width:100px; height:30px; background:url(../img/bt-comprar.png) no-repeat; } */
		.lista-produto li a .bt-comprar							{ display:none; width:100px; height:30px; background:url(../img/bt-comprar.png) no-repeat; }
		.lista-produto li a:hover .preco							{ display:none; background:#ed008c; color:#FFF; line-height:30px; padding:0px 7px; }
		/* .lista-produto li a:hover .bt-comprar				{ display:block; width:100px; height:30px; background:url(../img/bt-comprar.png) no-repeat; } */
		.lista-produto li a:hover .bt-comprar						{ display:none; width:100px; height:30px; background:url(../img/bt-comprar.png) no-repeat; }
		
		/* --------------- INTERNA PRODUTOS  */
		.opcoes-pagto											{ float: right; clear: both; width:214px; height:84px; background:url(../img/opcoes_pagto.png) 0 0 no-repeat;}
		.codigo-produto											{ font-size:18px; }
		.codigo-produto-2										{ font-size:16px; }
		.produto-detalhe										{ width:640px; clear:both; }
		.produto-direita										{ width:220px; padding-left:10px; }
		.produto-esquerda										{ width:390px; margin-left:10px; _margin-left:5px; }
		/*.jqZoomWindow2										{ width:400px; height:300px; z-index:10000; left:37%; top:233px; border:1px solid #ed008c; background:url(../img/bg-gafas.png) no-repeat; }*/
		.imagem-do-oculos										{ position:absolute; overflow:hidden; width:400px; height:310px; background:url(../img/bg-gafas.png) no-repeat; border:1px solid #ed008c; margin-top:-322px; }
		.imagem-do-oculos2										{ width:400px; height:310px; background:url(../img/bg-gafas.png) no-repeat; border:1px solid #ed008c; margin-bottom:10px; }
		.imagem-pequena-produto									{ background:#fef2f9; border:1px solid #ed008c; height:165px; width:220px; margin-bottom:5px; }
		span.tit-preto											{ font-size:16px; font-weight:bold; }
		span.tit-rosa											{ font-size:11px; color:#ed008c; font-weight:bold; display:block; }
		span.text-cinza											{ font-size:12px; color:#948f90; font-weight:normal; letter-spacing:-0.5px;}
		.cores-modelos, .outras-cores							{ width:220px; overflow:auto; margin:5px; clear:both; }
		.cores-modelos ul li, .outras-cores ul li, .lista-info li		{ display:inline; }
		.cores-modelos ul li a, .outras-cores ul li a				{ display:block; float:left; margin-right:4px; }
		.cores-modelos ul li span									{ display:block; float:right; text-align:right; font-weight:bold; }
		.cores-modelos ul li img									{ border:2px solid #000; }
		.outras-cores ul li a img									{ border:2px solid #948f90; }
		.lista-info 												{ text-transform:uppercase; }
		.lista-info li span.itens-info							{ width:110px; display:block; float:left; padding:7px 0px; }
		.lista-info li img										{ display:block; float:left; padding:7px 5px; }
		.botar-no-carrinho, .produto-detalhe .tit-amarelo, 
		.opcoes-pagto											{ display:none; }
		.botar-no-carrinho span.qtd								{ display:block; color:#ed008c; font-weight:bold; font-size:12px; line-height:29px; }
		.preco-oculos											{ display:none; margin-left:1px; width:100px; line-height:30px; background:#ed008c; color:#FFF; text-align:center; font-size:20px; font-weight:bold; float:left; }
		.campos													{ font:16px Arial, Tahoma, Arial; width:25px; text-align:center; color:#5f5e5e; padding:4px 2px; margin:0px 5px; border:2px solid #ed008c; }
		.bt-carrinho											{ display:block; width:29px; height:29px; background:url(../img/bt-carrinho.png) no-repeat; }
		.tit-amarelo											{ color:#000; background:#edc611; font-weight:bold; padding:3px 5px; margin:10px 0px; }
		.desc-oculos											{ font:12px Arial, Tahoma, Verdana; color:#5f5e5e; padding:5px 0px; }
		
		/* --------------- SHOP  */
		.link-rosa												{ background:#ed008c; color:#FFF!important; padding:3px 10px; }
		.link-rosa:hover										{ color:#FFF; background:#db0382; }
		.link-rosa-2											{ color:#ed008c!important; padding:3px 10px; }
		.link-rosa-2:hover										{ color:#b9006d; }
		.link-rosa-3											{ padding:5px; color:#FFF; background:#ED008C; }
		.link-rosa-3:hover										{ color:#EDC611; }
		.imagem-shop 											{ padding-right:10px; }
		.imagem-shop img											{ border:1px solid #ed008c; }
		.desc-shop												{ width:180px; }
			.desc-shop span										{ display:block; }
			.desc-shop a											{ font-size:11px; padding:3px 5px; color:#ed008c; font-weight:bold; display:block; margin-top:2px; }
			.desc-shop a:hover									{ color:#62B281; }
			.desc-shop img.coress								{ border:2px solid #000; }
		.listagem-products										{  }
		.listagem-products li div									{ padding-bottom:20px; }
		.bts-shop												{ width:180px; text-align:right; }
			.bts-shop .qtd										{ text-align:right; color:#ed008c; font-weight:bold; margin-bottom:60px; padding-right:20px; }
			.bts-shop .campos									{ margin-top:20px; }
			.preco-shop											{ display:block; clear:both; font-size:20px; color:#000; background:#edc611; font-weight:bold; padding:3px 5px; width:110px; text-align:center; }
				.preco-shop .real								{ font-size:14px; }
				.errmsg											{ position:absolute; clear:both; width:110px; right:0; top:0; padding:5px 0px; background:#ed008c; text-align:center; color:#FFF; }
		.shop-conteudo											{ padding-top:20px; }
		.shop-total												{ line-height:100px; }
		#btn-finalizar											{ border:none; background:url(../img/btn-finalizar.png) no-repeat 0px 0px; width:175px; height:80px; float:right; }
		#btn-finalizar:hover									{ background:url(../img/btn-finalizar.png) no-repeat 0px -80px; }
		#btn-sair												{ display:block; background:url(../img/btn-sair.png) no-repeat 0px 0px; width:50px; margin-left:10px; height:80px; float:right; }
		#btn-sair:hover											{ background:url(../img/btn-sair.png) no-repeat 0px -80px; }
		
		.barra-login label										{ line-height:30px; padding:0px 10px; }
		.campos-brancos											{ width:190px; padding:5px; margin:0px 1px; }
		.enviar-branco											{ border:none; height:34px; background:none; }
		
		/* FACEBOX CADASTRO */
		.box-left												{ width:190px; padding:5px; }
		.box-left label											{ display:block; color:#ed008c; font-size:11px; font-weight:bold; }
		.box-left .cad-campo										{ width:160px; padding:2px 5px; border:1px solid #000; margin-bottom:7px; }
		.box-right label											{ display:block; color:#ed008c; font-size:11px; font-weight:bold; }
		.box-right .cad-campo									{ width:160px; padding:2px 5px; border:1px solid #000; margin-bottom:7px; }
		.box-right												{ width:240px; padding:5px; }
		#form-cadastro .enviar-cad								{ background:#ED008C; border:none; width:150px; cursor:pointer; color:#FFF; font:18px "Arial Narrow", Arial, Tahoma; float:right; padding:5px 0px; }
		.facebox font											{ font:18px "Arial Narrow", Arial, Tahoma; }
		.esqueci-senha											{ width:250px; margin:0px auto; }
		.esqueci-senha .enviar-cad								{ background:#ED008C; border:none; width:173px; cursor:pointer; color:#FFF; font:18px "Arial Narrow", Arial, Tahoma; float:left; padding:5px 0px; }
		.esqueci-senha label										{ display:block; color:#ed008c; font-size:11px; font-weight:bold; }
		.esqueci-senha .cad-campo								{ width:160px; padding:2px 5px; border:1px solid #000; margin-bottom:7px; }
		
		/* --------------- ACOMPANHAMENTO  */
		.compras												{ margin-top:20px; }
		.lista-pedidos li.item-pedido							{ padding:10px 0px; margin-bottom:20px; clear:both; }
		.itens-pedido											{ padding:5px; margin-left:25px; width:250px; }
		.itens-pedido li span										{ padding:0px 5px; }
		.vlr-pedido												{ display:block; float:left; width:62px; margin-right:5px; }
		
		#form-cadastro											{  }
		
		
		/* ------------------ FACEBOX PAGINA */
		.fb-title												{ color:#fff;background-color:#000; padding:0 10px;  }
		.fb-div p												{ margin-top:25px; }
		.fb-div													{ width: 800px;padding:10px 20px;}
		.fb-div font												{ font:18px "Arial Narrow", Arial, Tahoma; }
		
		/* ------------------ PAGINA 404 */
		body.pagina-404											{ background:url(../img/erro404.jpg) no-repeat top center; }
		.not-found												{ width:100%; }
		.link-404												{ display:block; width:455px; height:400px; margin:50px auto; }
		
		
		/* ------------------ PAGINA NOMES */
		.lista-nomes											{ margin-top: 100px;}
		.lista-nomes li											{ display: inline; float: left; margin:6px;}