#esquerda, #menu { display: none; }

#direita {float: left; width: 80%; background: #F2ECEB; color: #000; padding: 5%; margin: 5%; }

#esquerda-mob { display: block; }

#menu-mob { float: left; width: 80%; background: #fff; color: #3F170C; padding: 5%; margin: 0 5%} 

#menu-mob ul { margin: 50px 15px 50px 0; }

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

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

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

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

.tit02 {font-size: 10px; letter-spacing: 1px; text-transform: uppercase; margin: 0 0 0 2%; }

#rodape {float: left; width: 100%; font-size: 12px; margin: 20px 0 0 30px; color: #3F170C; text-align: center;}

#endereco {float: left; width: 80%;}

#credito { float: left; margin: 20px 0;}