/* CSS Document */

@import url("reset.css");
@import url("tipo.css");
@import url("formulario.css");

div.imagem_restrito {
	float: left;
	clear: left;
	display:inline;
	width:80px;
	height:80px;
	padding:12px;
}

div.imagem_restrito img{
	border:5px solid;
}

div.descricao_restrito {
	float: left;
	display:inline;
	padding-top:10px;
}

ul#miniprodutos {
	margin:0 auto;
	width:530px;
	list-style: none;
}
ul#miniprodutos li{
	float: left;
	margin: 10px 5px;
	padding: 5px;
	border-top: 1px solid #777;
	border-bottom: 1px solid #777;
	text-align: center;
	height: 250px;
	overflow: hidden;
}

ul#miniprodutos li span{
	display: block;
	width:150px;
}

#flashhome { width:100%; overflow:hidden; }

.icomapasite { 
	background:url(../img/btn_mapasite.gif) no-repeat top left;
	display:block;
	width:73px;
	height:12px;
	float:right;
	margin-top:5px;
}
	.icomapasite span {display:none; }
.aviso {
	background:#545454;
	color:#ffc;
	padding:2px 4px;
	margin:4px;
	display:block;
	clear:both;
	text-align:center;
	
	}
	
h1#logo {
	width:115px; height:115px;
	text-indent:-9000px;
	background:url(../img/logo_ox.png) no-repeat top left;
	position:absolute;
	z-index:90;
	top:5px; left:10px;
	}
	
	h1#logo a {
		display:block;
		width:115px; height:115px;
		}

.linkvoltar {color:#ff9;}
	.linkvoltar:hover {color:#ff3;}

.vcard {background:#121212; border:1px solid #444; padding:5px; float:left; width:70%;}
h4.fn {background:#333; padding:2px 0 2px 5px;}
.adr {clear:both;}
.street-address{font-weight:bold;}

div#cont{
	width:1000px;
	text-align:left;
	margin:auto;
	position:relative;
	}
		div#cont:after, div#conteudo:after, .cl:after {
			content:".";
			display:block;
			height:0;
			clear:both;
			visibility:hidden;
			}
			
div#top, div#menuprincipal {
	height:90px;
	}
div#menuprincipal{
	background:url(../img/bg_pontos.png) no-repeat bottom right;
	text-align: right;
	position:relative;
	}
	div#menuflash{
		padding-top:74px;
		}
		
		ul#nav {
			position:absolute;
			left:-9000px;
			}

#toppesquisa {
	width:500px;
	position:absolute;
	top:0;
	right:0;
	z-index:50;
}

#toppesquisa a {
	float:right;
	display:block;
	clear:both;
}
	
	#toppesquisa form#busca {
		height:20px;
		padding: 2px 8px;
		float: right;
	}
	
		form#busca input {
			display:inline;
			padding:4px;
			}
			
div#destaques div.box{
	float: left;
	width:302px;
	height:88px;
	padding: 15px;
	}

div#destaques ul {list-style:none; margin:0; float:left;}
	div#destaques ul li{padding-left:15px; background:url(../img/bullet_bola.gif) no-repeat left;}
	
div#destaques a {text-decoration:none;}
	
div#destaques div.primeira {background:url(../img/boxes_1.gif) no-repeat top left;}
div#destaques div.segunda {background:url(../img/boxes_2.gif) no-repeat top left;margin:0 2px;}
div#destaques div.terceira {background:url(../img/boxes_3.gif) no-repeat top left;}

	div#destaques div h4 {
		background:url(../img/bg_box_titulo.gif) no-repeat top right;
		padding-right:5px;
		float:left;
		font-size:0.71em;
		font-stretch:narrower;
		color:#bebebe;
		font-family: verdana, arial;
		font-weight:normal;
		text-transform:uppercase;
		margin-bottom:8px;
		}
		div#destaques div h4 span {background:url(../img/bg_box_titulo1.gif) no-repeat top left;padding:3px 5px 0 10px;display:block;float:left;}

div#destaques div.texto{clear:both; float:left; width:100%; font-size: 0.9166em;}
	div#destaques div.texto img {float:left; clear:none; margin-right:1.2em; height:auto;}
	div#destaques div.texto h5 {clear:none; color:#bebebe; margin-bottom:0.5em; font-size:0.98em;}
	div#destaques div.texto p a {display:block; font-size:9px;}
	div#destaques div.texto .col {float:left; width:65%;}
	div#destaques div.texto .imagem {width: 80px;}
		
#rod {clear:both; text-align:right; font-size:9px; padding:6px; line-height:normal;}
	#rod a {text-decoration:none; margin:0; padding:0;}

/*****************************************************************************
		P Á G I N A S  I N T E R N A S
*****************************************************************************/

#conteudo {
	background:url(../img/bg_pontos_texto.png) repeat-x top left;
	padding-top:40px;
	float: left;
	width:100%;
	}

.produtos#conteudo {}
.produtos#conteudo div.col {width:195px;}
	
#conteudo div.col, .produtos#conteudo div.first {
		float: left;
		width: 200px;
		}
		
		.produtos#conteudo div.first {padding-top:40px;}
		#conteudo div.last {padding-left:0; padding-right:0;}
		
	.produtos div.col#principal {
	width: 520px;
	padding: 0 15px;
	}
		
div.col#principal {
	width: 520px;
	padding: 0 15px;
	}
	
	ul.listagem {margin:0;}
	
	ul.noticia div {
		float:left;
		clear:both;
		}
	ul.listagem li {
		list-style: none;
		border-bottom:1px solid #444;
		padding:10px 0;
		float: left;
		width:90%;
		clear:both;
		}

	ul.listagem li img{
		float:left;
		display:block;
		padding:5px 5px 5px 0;
		}
		
	ul.listagem li a{
		float:left;
		}

	ul.listagem li.paginacao {
		border-bottom:none;		
		}

	ul.listagem li.paginacao a {
		float:none;
		}
	
	ul.listagem li span.pag_selecionada {
		 font-weight:bold;
		}
		
	ul.noticia h4 a {
		float:none;
		}

	div.col#principal a.link_anexo {
		padding-left:25px;
		height:18px;
		padding-top:10px;
		margin-top:5px;
		display:block;
		float:left;
		background: url(../img/icon_anexos.jpg) no-repeat left;
		}
	
	div#lisCidades ul {
		list-style: none;
		clear:both;
		float: left;
		width:90%;
		}	
	div#lisCidades ul li{
		width: 150px;
		padding-right: 5px;
		float:left;
		}
		

div.col#destaques {
	width: 250px;
	padding:0;
	}
	
	div.col#destaques div.box {
		width:auto;
		height:auto;
		margin-bottom:20px;
		padding:0;
		background:url(../img/bg_box_destaque.jpg) repeat-x top left;
		}
		
		div.col#destaques div.box .texto {
			padding: 0 5px;
			width:238px;
			border-left: 1px solid #302e2f;
			border-right: 1px solid #302e2f;
			}
			
				div.col#destaques div.texto .col {padding:0;}
			
			div.col#destaques div.box .texto a {
				display:inline;
				padding: 0 3px;
				}
		
		div.col#destaques div.box .top {
			padding: 5px;
			background:url(../img/top_box_destaque.gif) no-repeat top left;
			min-height: 20px;
			}
		div.col#destaques div.box .bot {
			background:url(../img/bot_box_destaque.gif) no-repeat bottom left;
			height: 7px;
			line-height:1px;
			clear:both;
			}

ul#submenu, ul.sublinhas {
	background:url(../img/bg_submenu.png) no-repeat top right;
	min-height: 265px;
	list-style: none;
	text-align:right;
	margin:0;
	padding: 20px 10px 0 0;
	}
	
	ul#submenu li, ul.sublinhas li {
		margin-bottom: 1.2em;
		}
		
		ul#submenu li a, ul.sublinhas a {
			font:bold 11px Arial, Helvetica, sans-serif;
			text-decoration: none;
			padding: 2px;
			}
		
			ul#submenu li a:hover {
				}
			
/*****************************************************************************
		P R O D U T O S
*****************************************************************************/
		
.cabelo em {color:#c06;}
.corpo em {color:#fc9;}
.banho em {color:#9cf;}
.protecao em {color:#F38131;}
.homens em {color:#ccc;}
	
.produtos h3.linha {text-align: right; height:43px;}
	.produtos h3.linha span {display:none;}
	
h3.titcabelo {background:url(../img/tit_seuCabelo.png) no-repeat top right;}
h3.titcorpo {background:url(../img/tit_seuCorpo.png) no-repeat top right;}
h3.titbanho {background:url(../img/tit_seuBanho.png) no-repeat top right;}
h3.titprotecao {background:url(../img/tit_suaProtecao.png) no-repeat top right;}
h3.tithomens {background:url(../img/tit_homens.png) no-repeat top right;}

#formrecomende label {display:block; clear:both; margin-bottom:2px;}
	#formrecomende label span {display:block;float:left;width:60px; padding-right:5px; text-align:right;}
	
#formrecomende input {width: 150px;}
#formrecomende button { float: right; margin-right:18px;}

#selectproduto div {float:left;position:relative;}
#selectproduto strong {
	background:url(../img/bg_select_produto.gif) repeat-x top left;
	display:block;
	height:24px;
	padding: 2px 10px;
	float:left;
	}
	
a#btnselectproduto {
	background:url(../img/btn_select_produto.gif) no-repeat top left;
	display:block;
	width:22px;
	height:24px;
	float:left;
	margin-left:1px;
}
	a#btnselectproduto span {display:none;}
	
ul#listaprodutos {
	position: absolute;
	list-style: none;
	left: 100%;
	bottom:-100px;
	background:#333;
	white-space:nowrap;
	_height:1%;
	padding-right:20px;
	margin:0;
	min-width:330px;
	overflow-y:auto;
	}
	
	ul#listaprodutos li {
		height:24px;
		clear:both;
		margin: 0 0 1px;
		}
		
			ul#listaprodutos li a {
				display: block;
				padding: 2px 15px;
				text-decoration:none;
			}
				ul#listaprodutos li a:hover {background:url(../img/bullet_bola.gif) no-repeat 2px;}
				
table#miniproduto, table#miniproduto td { border:0 none; }
table#miniproduto td { border-left:1px solid #666; width:150px; border-bottom:1px solid #333; height:100px; overflow:visible;  }
table#miniproduto tr {}
	table#miniproduto td a {
		display:block;
		clear:both;
		text-align:center;
		text-decoration:none;
		}

#detproduto {clear:both; padding-top:20px;}
	#detproduto h4 { margin-bottom:6px; }
	#detproduto .col {width:50% !important;}
	
ul#mapasite, ul#mapasite ul { list-style:none; }
ul#mapasite ul { margin-bottom:1px; }
ul#mapasite li { 
	background:#333;
	margin-bottom:2px;
	padding:2px 4px;
	}

ul#mostrarFotos  {
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	list-style: none;
	margin:0;
	padding:0;
	}	
	
ul#mostrarFotos li {
	width:100%;
	float: left;
}