@charset "utf-8";
/* CSS Document */
BODY{
	margin:0;
	border:0;
	font-family:Verdana, Arial, sans-serif;
}

A{
	text-decoration:none;
	color:#666;
}

IMG{
	border:0px;
}

H2{
	margin-top:0px;
	margin-bottom:0px;
	width:98%;
	padding-left:5px;
	padding-bottom:2px;
	border-bottom:#C00 solid 1px;
	color:#C00;
	font-size:14px;
}

H3{
	margin-top:0px;
	width:98%;
	padding-left:5px;
	padding-bottom:2px;
	color:#C00;
	font-size:10px;
}

/* Estrutura do Layout */
#principal{margin-left:auto; margin-right:auto; width:800px; height:auto;}
	#topo{
		background:#000;
		height:143px;
		width:803px;
		float:left;
		background:url(../imgs/bgs/fundoTopo.jpg) no-repeat;
	}
    
	#busca{
		width:800px;
		height:20px;
		background:#000;
		color:#FFF;
		margin-top:4px;
		float:left;
		vertical-align:middle;
	}
	
    #flashHome{
		height:270px;
		width:568px;
		background:#CCC;
		float:left;
		margin-top:5px;
	}
    
    #lancamentos{
		height:270px;;
		width:227px;
		float:left;
		margin-top:5px;
		margin-left:5px;
		color:#FFF;
	}
    
	#lancamentos IMG{
		float:left;
		margin-right:10px;
	}
	
	#lancamentos .produto{
		float:left;
		width:100%;
		text-align:center;
		border-bottom:#CCC solid 1px;
		height:82px;
		margin:0px;
	}
	
	#lancamentos .nome{
		width:120px;
		float:left;
		font-size:10px;
		font-weight:bold;
		text-align:left;
		color:#333;
		text-transform:uppercase;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		margin:0px;
		margin-top:10px;
	}
	#lancamentos .desc{
		font-size:10px;
		float:left;
		text-align:right;
		color:#666;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		margin:0px;	
	}
	
	#centroEsquedo{
		float:left;
		width:553px;
	}
	
	#categorias{
		width:552px;
		float:left;
		margin-top:10px;
		font-size:12px;
		color:#999;
	}
	
	#categorias .colunaCategoria{
		width:255px;
		float:left;
		margin-left:10px;
	}
#categorias a:link {
	font-family: arial;
	font-size: 12px;
	color: #333;
}
#categorias a:visited {
	font-family: arial;
	font-size: 12px;
	color: #333;
}
#categorias a:hover {
	font-family: arial;
	font-size: 12px;
	color: #666;
}

#colUm a:link {
	font-family: arial;
	font-size: 12px;
	color: #333;
}
#colUm a:visited {
	font-family: arial;
	font-size: 12px;
	color: #333;
}
#colUm a:hover {
	font-family: arial;
	font-size: 12px;
	color: #666;
}

#maisVendidos a:link {
	font-family: arial;
	font-size: 12px;
	color: #333;
}
#maisVendidos a:visited {
	font-family: arial;
	font-size: 12px;
	color: #333;
}
#maisVendidos a:hover {
	font-family: arial;
	font-size: 12px;
	color: #666;
}

#lancamentos a:link {
	font-family: arial;
	font-size: 11px;
	color: #333;
	font-weight:bold;
}
#lancamentos a:visited {
	font-family: arial;
	font-size: 11px;
	color: #333;
	font-weight:bold;
}
#lancamentos a:hover {
	font-family: arial;
	font-size: 11px;
	color: #666;
	font-weight:bold;
}


	#maisVendidos{
		width:534px;
		float:left;
		margin-top:10px;
		color:#FFFFFF;
	}
	
	#maisVendidos .produto{
		float:left;
		width:23%;
		text-align:center;
		margin-left:10px;
	}
	
	#maisVendidos .nome{
		width:120px;
		float:left;
		font-size:10px;
		font-weight:bold;
		text-align:left;
		color:#333;
		text-transform:uppercase;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		margin:0px;
		margin-top:10px;
	}
	#maisVendidos .desc{
		font-size:10px;
		text-align:right;
		color:#666;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		margin:0px;	
	}
	
	.cotar {
		font-size:10px;
		width:102px;
		height:17px;
		border:0px;
		margin-top:5px;
		cursor:pointer;
		background:url(../imgs/cotar.jpg) no-repeat;
		color:#FFF;
	}

	
	#banner{
		width:552px;
		height:83px;
		background:#FFF;
		color:#FFF;
		float:left;
		margin-top:10px;
	}
	
    #colUm{
		width:240px;
		float:left;
		margin:10px;
		margin-left:0px;
	}
	
	#colUm UL{
		color:#999;
		margin-top:-10px;
		font-size:12px;
		margin-bottom:10px;
	}
	
		#colUm IMG{
			border:0px;
}
		#colDois IMG{
			border:0px;
}
    
    #colDois{
		width:240px;
		float:left;
		margin:10px;
		margin-left:25px;
		margin-right:5px;
	}
	
	#colDois blockquote{
		font-size:12px;
		text-align:left;
		color:#999;
		margin:20px;
		margin-top:-10px;
		margin-bottom:10px;
	}
    
    #colTres{
		width:226px;
		float:left;
		margin:15px;
		margin-top:5px;
		margin-right:0px;
		margin-left:20px;
	}
	
#rodape{
	padding-top:10px;
	height:30px;
	width:800px;
	float:left;
}

/* Classes Estilos dos Elementos*/
#topo A{
	margin-top:8px;
	margin-right:3px;
	text-align:right;
	float:right;
	font-size:10px;
	color:#F00;
	text-decoration:none;
}
#topo IMG{
	margin-right:5px;
	margin-top:2px;
}

.destaqueT1{
	float:left;
	width:240px;
	height:auto;
}
.destaqueT1 H1{
	margin:0px;
	padding-top:0;
	padding-bottom:3px;
	padding-left:2px;
	font-size:14px;
	font-weight:bold;
	border-bottom:#F00 solid 3px;
	width:240px;
	color:#000;
}
.destaqueT1 IMG{
}
.destaqueT1 P{
	margin-top:2px;
	padding:3px;
	font-size:12px;
	color:#666;
	text-align:left;
	width:240px;
}
.destaqueT1 A{
	margin-top:-20px;
	font-size:10px;
	color:#F00;
	text-decoration:none;
}
#colTres IMG{
	margin-top:5px;
}
#rodape P{
	color:#666;
	text-align:center;
	font-size:11px;
}

/* CSS DROP DOWN MENU */
#menuh-container
	{
	position: relative;		
	top: 100px;
	left: 5px;
	*left: -5px;
	}

#menuh
	{
	font-size: 10px;
	width:800px;
	float:left;
	}
		
#menuh a
	{
	text-align: center;
	display:block;
	border-top: 1px solid #666;
	white-space:nowrap;
	margin:0;
	padding: 5px;
	}
	
#menuh a:link, #menuh a:visited, #menuh a:active	/* menu at rest */
	{
	color: white;
	width:100%;
	background-color: #000;
	text-decoration:none;
	}
	
#menuh a:hover						/* menu on mouse-over  */
	{
	color: white;
	width:100%;
	background-color: #333;
	text-decoration:none;
	}	
	
#menuh ul
	{
	width:100px;/* width of all menu boxes */
	list-style:none;
	margin:0;
	padding:0;
	float:left;
		
	/* NOTE: For adjustable menu boxes you can comment out the above width rule.
	However, you will have to add padding in the "#menh a" rule so that the menu boxes
	will have space on either side of the text -- try it */
	}

#menuh li
	{
	position:relative;
	min-height: 1px;		/* Sophie Dennis contribution for IE7 */
	vertical-align: bottom;		/* Sophie Dennis contribution for IE7 */
	}

#menuh ul ul
	{
	position:relative;
	width:180px;;
	z-index:500;
	top:auto;
	display:none;
	padding: 1em;
	margin:-1em 0 0 -1em;
	}

#menuh ul ul ul
	{
	top:0;
	left:100%;
	}

div#menuh li:hover
	{
	cursor:pointer;
	z-index:100;
	}

div#menuh li:hover ul ul,
div#menuh li li:hover ul ul,
div#menuh li li li:hover ul ul,
div#menuh li li li li:hover ul ul
{display:none;}

div#menuh li:hover ul,
div#menuh li li:hover ul,
div#menuh li li li:hover ul,
div#menuh li li li li:hover ul
{display:block;}

/* End CSS Drop Down Menu */