/* CSS Document */

*{margin:0; padding:0; border:0; list-style-type:none;}

body{font-family: Arial, Helvetica, Verdana, sans-serif; background-color:#EEE;}

a{color:#2A2F6B; text-decoration:none;}
a:hover{color:#2A2F6B; text-decoration:underline;}

table#cadastro td {padding:5px;}

h2{font-size:14px; font-weight:bold; color:#E33130; padding:10px 0 10px 10px}
h3{font-size:12px; font-weight:bold; color:#000;}

#principal{
	position:absolute;
	margin-left:-380px;
	left:50%;
	width:760px;
	background-color:#FFFFFF;
	background-image:url(imagens/fundo.gif);
	background-position:left top; background-repeat:repeat-y;
	left:50%;
	display:table;
}

#principal #topo{width:760px; float:left;}

#principal #topo #menuflash{clear:both;}

#principal #topo #utilidades{
clear:both;
font-size:10px;
width:760px;
height:28px;
background-image:url(imagens/utilidades.jpg);
background-repeat:repeat-x;
color:#FFF;
}

#principal #topo #utilidades #busca{margin:6px 0 0 10px; height:16px; float:left;}
#principal #topo #utilidades span{float:left; font-size:11px; margin:9px 0 0 10px;}
#principal #topo #utilidades ul{display:inline; float:right; padding-top:9px;}
#principal #topo #utilidades li{float:left; padding: 0 10px 0 0; vertical-align:middle;}
#principal #topo #utilidades ul li a{color:#FFF; text-decoration:none;}
#principal #topo #utilidades ul li a:hover{color:#FFF; text-decoration:underline;}
#principal #topo #utilidades form{float:left;}
#principal #topo #utilidades form img{ margin:7px 0 0 4px;}

#principal #geral {float:left; width:630px; background-color:#FFF; padding-top:10px; height:100%;}

#principal #menulateral{
 width:130px; float:left; display:table-cell; vertical-align:top; height:100%;_float:left;
}

#principal #menulateral h3{ padding:30px 0 10px 10px;}

#principal #menulateral ul{padding-bottom:10px;}

#principal #menulateral ul li{
font-size:12px; padding-left:10px; font-weight:bold; margin-bottom:5px;word-wrap:break-word; list-style-type:none; }
#principal #menulateral ul li a{ color:#FF0000;}
#principal #menulateral ul li ul li{
font-size:10px; font-weight:normal; list-style-type:none; _line-height:12px; margin-bottom:5px;
}
#principal #menulateral ul li ul li a{color:#2A2F6B;}
#principal #menulateral a{margin-left:6px;}

#principal #menulateral ul hr{width:76px; height:1px; color:#2A2F6B;margin-left:-14;}

#principal #geral #conteudo{
float:left; width:470px; font-size:12px; background-color:#FFFFFF; padding:10px 0 0 0; margin-top:0;
}

#principal #geral #conteudo .noticias li{list-style-type:circle; list-style-position:inside; margin-left: 10px;}
#principal #geral #conteudo #contato{width:200px; margin-left:-100px; left:50%; position:relative;}
#principal #geral #conteudo #contato #nome, #email, #msg{border: solid 1px #CCC; clear:both; width:200px; background-color:#EEE; margin-bottom:10px;}
#principal #geral #conteudo #contato span{clear:both; width:480px;}
#principal #geral #conteudo #noticias{ background-color:#F6F6F6; margin: 0 0 10px 10px;}
#principal #geral #conteudo #noticias ul li{ list-style-type:disc; list-style-position: inside;}
#principal #geral #conteudo #noticias ul{padding:0 0 10px 10px;}
#principal #geral #conteudo #migalha{padding:8px 0 0 0;}
#principal #geral #conteudo #migalha span{
clear:both; font-weight:bold; font-style:italic; margin:10px;
}

#principal #geral #conteudo p{margin:10px;}

#principal #geral #conteudo #linha {margin-left:10px; width:468px; float:left; margin-bottom:20px;}

#principal #geral #conteudo #linha #img_detalhe{width:180px; height:190px; float:left;}
#principal #geral #conteudo #linha #img_detalhe img{float:left;  margin:10px;}
#principal #geral #conteudo #linha table td {font-size:11px;}


#principal #geral #conteudo #linha #box{
	float:left;
	width:146px;
	margin:0px;
	text-align:center;
	padding:4px;
	font-size:11px;
}

#principal #geral #conteudo #linha #box p{
width:146px; text-align:center; margin:0; padding:0;
}
#principal #geral #conteudo #linha #ampliada{clear:both; color:#2A2F6B;}

#principal #geral #conteudo #linha #box p img{float:none;}

#principal #geral #conteudo #descr{clear:both; margin:0 0 10px 10px;}
#principal #geral #conteudo #descr p.descricao{width:350px;}
#principal #geral #conteudo #descr #comprar{float:right; margin-top:-4px;}
#principal #geral #conteudo #descr #comprar #quantidade{border:solid 1px #000;}
#principal #geral #conteudo #descr #comprar form{margin-bottom:18px;}

#principal #geral #conteudo table {margin-left:20px;}
#principal #geral #conteudo table td {font-size:11px;}

.campo {font-size:11px; border:1px solid #000066;}
.botao {background-color:#2A2F6B; color:#FFFFFF; font-size:11px; border:0; padding:2px;}

#principal #geral #banners{
float:right;
width:140px;
text-align:center;
}

#principal #rodape{
	clear:both;
	width:760px;
	height:78px;
	background-image:url(imagens/rodape.jpg); background-repeat:repeat;
	font-size:11px;
	text-align:center;
	color:#FFF;
}

#principal #rodape p{padding-top:10px;}
#principal #rodape a{color:#FFF; text-decoration:none;}
#principal #rodape a:hover{color:#FFF; text-decoration:underline;}

