/* CSS Document */

body{
	margin: 0; 
	padding: 0; 
	background:url(../img/fundo.jpg) no-repeat center top;
}
p{ 
	margin-top: 0;
	text-align: justify;
	font: normal 0.8em arial, sans-serif;
	margin-bottom: 0;
	color: #666;
	line-height:20px;
}

h1 { 
	text-align: left; 
	font: 24px tahoma; 
	color: #A82400; 
	margin: 10px 0; 
}

.clear { 
	clear:both; 
	padding:0; 
	margin:0; 
}

.fotoleft {	
	clear:both;
	margin: 0px 20px 20px 0px;
	width: 160px;
	float: left;
}

.fotoright{	
	clear:both;
	margin: 0px 0px 20px 20px;
	width: 160px;
	float: right;
}

ul#bottomenu { 
	list-style:0 none; 
	margin:10px 0; 
	padding:0;
}

ul#bottomenu li {
	display:inline; 
	margin:0 15px; 
	padding:0;
	list-style: disc !important
}

#container { 
	margin: auto 0;  
	height:auto;  
	min-height: 100%;  
	width: auto; 
}

#content { 
	width:584px; 
	margin: auto 0; 
}

#columleft { 
	background-image:url(../img/fundo_destaque.png); 
	width:364px; 
	height:494px; 
	float:left; 
	position: relative; 
}

#columright { 
	width:217px; 
	float:right; 
	margin-top:60px; 
	top:10px; 
	position:relative; 
	*margin-top:80px; 
	*margin-top:80px; 
	text-align:left;
}

#contatores { 
	margin: 150px 0 70px; 
	font: 16px arial; 
}


#cabelosdropdown { 
	background: url('../img/cabelos/bg_dropdown_selected.gif');
	position: relative; 
	height: 40px; 
	line-height: 40px; 
}

#cabelosdropdown select { 
	width: 200px; 
}

#cabelosdropdown a.seta { 
	position: absolute; 
	top: 0; 
	right: 0; 
	padding: 8px;	
}

#cabelosdropdown img { 
	border: 0; 
}

#cabelosescolhido { 
	position: relative; 
	font: bold 12px arial; 
	color: white; 
}

#cabelosescolhido span { 
	display: block; 
	padding-left: 35px; 
	padding-top: 12px; 
}

#cabelosescolhido img { 
	position: absolute; 
	top: 2px; 
	left: 2px; 
	width: 25px; 
	height: 36px;
	vertical-align: middle;	
}

#cabelosopcoes { 
	position: absolute; 
	top: 100%; 
	left: 0; 
	background:#DF7D8A; 
	width: 217px;
}

#cabelosopcoes ul { 
	list-style: none; 
	margin: 0; 
	padding: 0; 
	height: 163px; 
	overflow: auto; 
	overflow-x: hidden; 
}

#cabelosopcoes ul li { 
	font: 12px/40px verdana; 
	height: 40px; 
	overflow: hidden; 
}

#cabelosopcoes ul li a { 
	display: block; 
	color: black; 
	text-decoration: none; 
	font-weight: bold; 
	color: white; 
}

#cabelosopcoes ul li a img { 
	width: 25px; 
	height: 36px; 
	border: 0; 
	vertical-align: middle; 
	margin: 2px 3px; 
}

#cabelosopcoes ul li.selecionado a { 
	background: #9F6375; 
	color: #FFF;
}

img.tituloveja { 
	margin: 25px 0 5px; 
}

#cabeloslista a { 
	display: block; 
	float: left; 
	margin: 10px 10px 0 0; 
}

#cabeloslista img { 
	width: 40px; 
	height: 57px; 
	border: 0;
}

.dica { 
	width:559px; 
	/*height:175px;  */
	/*border-bottom: #999 3px dotted; */
	/*padding:23px 0 8px 0px; */
	padding:5px 0 0 0; 
	clear:both; 
	/*margin: 10px 0 0 25px; */
	margin: 0 0 0 10px;
}

#destaqueimg img { 
	position: absolute; 
	top: 0; 
	left: 0; 
}

#destaquedesc { 
	position: absolute; 
	z-index: 3; 
	left: 0; 
	width: 315px; 
	height: 75px;
	background: url('../img/cabelos/gradient.png'); 
}

#destaquedesc span { 
	display: block; 
	text-align: left; 
	font: bold 12px arial, sans-serif; 
	padding: 12px 18px 0; 
}

#destaque { 
	position: absolute; 
	top: 20px; 
	left: 25px; 
	width: 315px; 
	height: 448px; 
	overflow: hidden; 
}

#footer {
	width:584px; 
	height:100px;	
}

#footer_tabela td {
	padding:10px; 
}

#header.dicas { 
	margin-top: 20px; 
	height: 150px; 
}

#headerhome {
	width:584px; 
	margin-top:20px; 
	height:82px; 
}

#logo {
	background-image:url(../img/logo.png); 
	background-repeat:no-repeat;  
	float:left; 
	width:200px; 
	height:70px; 
	margin-left:25px;
}

#meio { 
	width:100%; 
	height: auto; 
	margin:30px 0 0 0;
}

#menutop {
	clear:both; 
	height:50px; 
	margin-top:-2px; 
}

#menubottom{
	clear:both; 
	height:35px; 
}

#microwave { 
	margin-top:22px; 
	margin-bottom:10px;
}

#meio img{
		border:0px;
		vertical-align:text-bottom;
}

#titulo {
	background-image:url(../img/titulo_mesmice.png); 
	background-repeat:no-repeat; 
	float:right; 
	width:150px; 
	height:82px; 
	margin-right:40px;
}

#tcatalogo {
	margin-bottom:40px;
}

ul#topmenu { 
	list-style:0 none; 
	margin:10px 0; 
	padding:0;
}

ul#topmenu li {
	display:inline; 
	margin:0 15px; 
	padding:0; list-style: disc !important
}