* {
margin:0;
padding:0;
list-style:none;
vertical-align:baseline;
}

body { 

background: -webkit-gradient(linear, left top, left bottom, from(#CAB1AE), to(#F2ECEB)) repeat-x #F2ECEB; 

background: -moz-linear-gradient(top, #CAB1AE, #F2ECEB) repeat-x #F2ECEB;

filter: progid:DXImageTransform.Microsoft.Gradient(
            StartColorStr='#CAB1AE', EndColorStr='#F2ECEB', GradientType=0);
			
background-color: #F2ECEB;


font-family: 'PT Sans', Verdana, Geneva, sans-serif; 

} 


img {max-width: 100%;}

#container {margin: 0 auto; width: 1000px; }

#topo { float: left; width: 1000px; }

#conteudo { float: left; width: 1000px; }

#esquerda {float: left; width: 290px; }

#menu { 

float: left; width: 290px; background: #fff; color: #3F170C; height: 560px; margin: 30px 0px 0px 0px;
-webkit-border-radius: 40px;
-moz-border-radius: 40px;
border-radius: 40px;

} 

#menu ul { text-align: right; margin: 40px 30px 0px 25px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px; }

#menu ul li{ line-height: 30px; letter-spacing: -1px; border-bottom: 1px solid #F2ECEB; } 

#menu ul li a{ text-decoration: none; color: #3F170C; font-size: 14px;   } 

#menu ul li a:hover{ font-weight: bold;  } 

#direita {
	
	float: right; width: 620px; background: #CAB1AE; color: #000; padding: 40px; margin: 30px 0px 0px 0px; 
	
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	
	border-radius: 40px;
	
	}

#artigo h1 { text-align: right; text-transform: uppercase; font-size: 30px; color: #006}

#artigo h1.punch { 

background: -webkit-gradient(linear, left top, left bottom, from(#D6C3C1), to(#DAC9C7)) repeat-x #DAC9C7; 

background: -moz-linear-gradient(top, #D6C3C1, #DAC9C7) repeat-x #DAC9C7;

filter: progid:DXImageTransform.Microsoft.Gradient(
            StartColorStr='#D6C3C1', EndColorStr='#DAC9C7', GradientType=0);

color: #5D2212; font-size: 40px; float:right; margin: 10px -40px 40px 20px; padding: 10px;

 }

#artigo p { font-size: 13px; }

#rodape {float: left; width: 1000px; font-size: 12px; margin: 20px 0; color: #3F170C;}

#endereco {float: left; width: 400px;}

#credito {float: right; width: 270px;}

.bold { font-weight: 700; }


#astro { position: relative; z-index: 1; top: 20px; }

#titulo { color: #3F170C; margin: -100px 0 0 110px; line-height: 12px; float: left;  } 

#esquerda-mob { display: none; }

li.sub ul {display: none;}

ul li a {display: block;} 

li.sub {position: relative;} 

li.sub:hover > ul {display: block; position: absolute; top: -25px; left: 85%; margin: 0; background: white; z-index: 2; width: 150px; padding: 10px; border: 1px solid #ccc; }