html, body, form, p{ 
 margin:0; 
 padding:0; 
} 

body{
 font-family: tahoma,verdana,arial,helvetica,sans-serif;
 font-size: 70%; 
 background-color:#616161;
 background-image:url('../imagens/design/fundo.gif');
} 

p.center, html, body, #boletim{ 
 text-align:center;
} 
p.left, form.left, #conteudoprincipal{ 
 text-align:left;
} 
p.right{
 text-align: right;
}	
p.justify{
 text-align: justify;
}

.linkcursor{
 cursor: pointer;
 cursor: hand;
}

#pagewidth{ 
 width: 100%; 
 text-align:left;  
margin-left:auto; 
 margin-right:auto; 
 background-image: url('../imagens/design/fd_topo01.jpg');
 background-repeat: repeat-x;  
 background-position: top center;
 padding-top: 10px;
 padding-bottom: 10px;
} 


#site{ 
 width:780px; 
 text-align:left;  
margin-left:15px; 
_margin-left:7px; 
margin-right:auto; 
  float: left;
} 
 
#topo{
 margin-bottom: 0px;
 position:relative; 
 height:155px; 
 width:100%;
 background-color: #FFFFFF;
 background-image: url('../imagens/design/fd_topo02.jpg');
 background-repeat: no-repeat;  
 background-position: top left; 
} 
#wrapper3{
 height: 119px;
}
#logo{
 text-align: center;
 width:150px; 
 float:left; 
 position:relative; 
 padding-top: 25px;
 }
#login{  
 display:inline; 
 position: relative; 
 width:595px;
 }
#divlogin{
 width:215px;
 float: right;
}
#cesta {
 float: right;
 width:160px; 
 padding: 5px;
}
#cesta table tr td{
 color: #F6FF00;
}
#wrapper4{
 width: 392px;
 height: 48px;
 background-color: FF0000;
 position: relative;
 float: right; 
 margin-top: 68px;
 margin-right: 8px; 
}
#menutop{
 height:31px; 
 background-image: url('../imagens/design/fd_menutop.gif');
 background-repeat: no-repeat;  
 background-position:  4px 0px; 
 clear:both
} 
#busca{
 width: 215px;
 float: left;
 position:relative; 
}
#lnkmenu{
 width: 500px;
 margin-top: 8px;
 margin-right: 15px;
 float: right; 
 display:inline;  
 position:relative; 
 text-align: right;
 color: #FFFFFF;
}

#wrapper2{
 background-color: #FFFFFF;
 background-image: url('../imagens/design/rd_principal.gif');
 background-repeat: no-repeat;  
 background-position: bottom left;  
 padding-bottom: 10px;
}

#menuesquerdo{
 text-align: center;
 width: 189px; 
 float: left; 
 position: relative; 
 background-image: url('../imagens/menu/mn_rodape.gif');
 background-repeat: no-repeat;
 background-position: bottom center;
 z-index:1; 
}
#menulink{
 margin-left: 4px;
 margin-top: -2px;
 text-align: left;
 position: relative; 
 background-image: url('../imagens/menu/fd_menu.gif');
 background-repeat: repeat-y; 
 margin-bottom: 7px;
}
#menulink ul.menu{
  list-style-type: disc;
   margin: 0px 0px 0px -20px;
   _margin: 0px 0px 0px 22px;
   color: #B51812;
}
#menulink ul.menu li{
   padding: 5px 5px 0px 0px;
}
#menulink ul.menu ul.submenu{
  list-style-type: none;
   margin: 0px 0px 0px -40px;
   _margin: 0px 0px 0px 0px;
   color: #000000;   
}

#principal{
 float: right; 
 display:inline; 
 position: relative; 
 width:583px; 
 margin-right: 6px;
 }
#destaque{
 position: relative; 
 width: 582px;
 text-align: center;
 margin-bottom: 15px;
} 
#confira{
 position: relative; 
 text-align: left; 
 margin: 12px;
}
span.confiratbm{
 color: #B51812;
 font-weight: bold;
}
#promocaobanner{  
 float: right; 
 display:inline; 
 position: relative; 
 width: 
 }
#promocao{
 width:397px; 
 float:left; 
 position:relative; 
 text-align:center;
 }
#banner{ 
 text-align: center; 
 float: right; 
 display:inline; 
 position: relative; 
 width:186px; 
 }
 
#diversos{
 margin-top: 10px; 
 height:150px; 
 clear:both;
 }
#dicas{
 width:190px; 
 float:left; 
}
#twocols{
 width:393px; 
 float:right; 
 position:relative; 
}
#dicas, #boletim, #enquete{
 background-color:#F0F0F0; 
 background-image: url('../imagens/principal/mn_rodape.gif');
 background-repeat: no-repeat;
 background-position: bottom center; 
 position: relative;
 height: 130px;
}
div.diversostexto{
  padding: 3px;
}
#boletim{
 width:190px; 
 float:right; 
}
#enquete{
 margin-left: 7px;
 float: left; 
 display:inline; 
 width:190px; 
}

div.barravertical, div.barraverticalesq{
 background-color:#F0F0F0; 
 background-image: url('../imagens/principal2/mn_rodape.gif');
 background-repeat: no-repeat;
 background-position: bottom center; 
 position: relative;
 padding-bottom: 15px;
 width:176px;
 float:center;
 padding:0px;
 margin: 0px;
 margin-bottom: 7px;
}
div.barraverticalesq{
 text-align: center;
 margin-top: 6px;
 margin-left: 6px;
}				
 
#rodape{
 margin: 5px 0px 0px 0px;
 clear:both;
 width: 765px;
 padding: 0px;
 min-height: 200px;
 }
#rodapetexto{
 font-family: arial;
 margin-top: -2px;
 margin-bottom: -2px; 
 padding: 5px 5px 5px 10px;
 width: 100%; 
  background-color: #F5F5F5;  
 background-image: url('../imagens/design/fd_rodape.gif');
 background-repeat: no-repeat;  
 background-position: 675px 5px; 
 border: 0px;
} 
table{
 border: 0px none;
 cellpadding: 0;
 cellspacing: 0;
 margin-top: 0px;
 border-collapse: collapse;
 font-family: tahoma,verdana,arial,helvetica,sans-serif;
 font-size: 100%;
}

/* inicio da formatação do formulário */

input, select, textarea {
 margin: 5px 0px 5px 10px;
 font-family: tahoma, verdana;
 font-size: 100%;
 color: #7D7D7D;
 border: 1px solid #D5D5D5;
}
input.botao, input.botao2 {
 color: #FFFFFF;
 border: 1px solid #FFFFFF;
 background-color: #585656;
}
input.botao3, input.botao4, input.botao6 {
 color: #FFFFFF;
 border: 1px solid #000000;
 background-color: #B41912;
}
input.botao, input.botao3 {
 width: 30px;
}
input.botao2, input.botao4 {
 width: 60px;
 height: 18px;
 margin-left: 0px; 
}
input.botao6 {
 width: 80px;
 height: 18px;
 margin-left: 0px; 
}
input.checkbox, input.radio {
 margin: 0px;
 border: 0px;
}	
fieldset{
 border: 1px dashed #C0C0C0;
 width: 500px;
 padding-top: 10px;
 padding-bottom: 10px;
 padding-left: 10px;	
 margin: auto;	
}
fieldset legend {
 background-color: #C9C9C9;
 margin-bottom: 10px;
 width: 180px;
 height: 18px;
 padding-top: 5px; 
 padding-bottom: 5px;  
 padding-left: 5px;
 _padding-top: 3px; 
 _padding-left: 10px; 
 _padding-bottom: 0px;
 border: 1px dashed #C0C0C0;
}
label{
 color: #000000;
 left: 0px;
 width: 35%;
 padding: 2px;
 margin-left: 10px;     
}

#tbllogin input{
 margin: 0px;
}
/* fim da formatação do formulário */

a{
 color: #000000;
 text-decoration: none;
}
a:hover{
 color: #B51812;
 text-decoration: underline;
}
a.red{
 color: #B51812;
 text-decoration: none;
}
a.red:hover{
 color: #B51812;
 text-decoration: underline;
}
#cesta table tr td a, #divlogin table tr td a{
 color: #FFFFFF;
 text-decoration: none;
}
#divlogin table tr td a:hover{
 color: #F6FF00;
 text-decoration: underline;
}

#lnkmenu a{
 color: #FFFFFF;
 text-decoration: none;
}
#lnkmenu a:hover{
 color: #F6FF00;
 text-decoration: underline;
}

img.titulo{
 margin-bottom: 10px;
}

#txtbusca{
 color: #FFFFFF;
 background-image: url('../imagens/fundos/txtbusca.jpg');
 background-repeat: repeat-x; 
 padding-bottom: 2px;
 padding-left: 3px;
 border-color: #666666;
 margin-top:2px;
}
#txtnewsemail{
 color: #7D7D7D;
 border-color: #D5D5D5;
}

.titulo{
 font-size: 14px;
 font-weight: bold;
}

#pedidoc{
 width: 550px;
 height: 120px;
 position: relative;
 text-align: left;
}
#pedidoaviso{
 width: 300px;
 padding: 5px;
 border: 1px solid #A3A900;
 position: relative;
 background-color: #FEFF88;
}
#pedidoavisodeposito{
 margin-top: 10px;
 margin-bottom: 5px;
 width: 300px;
 padding: 5px;
 border: 1px solid #D3251F;
 position: relative;
 background-color: #FFDCDB;
}

span.msg{
 color: #FF0000;
}

#wrapper{
 display: inline;
 float: left;
 position: relative;
}
#barraflutuante{
 display: inline;
 float: left;
 position: relative;
 width: 180px;
 height: 250px;
 margin-left: 15px;
 _margin-left: 10px;
}


.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  

 /*printer styles*/ 
@media print{ 
/*hide the left column when printing*/ 
#menuesquerdo{display:none;} 
#twocols, #principal{width:100%; float:none;}
}