@import url(internas.css);

* {
margin:0;
padding:0;
list-style:none;
text-decoration:none;
}

img { border:none; }

body { 
background-color:#485131;
text-align:center; /* centralizar no IEca */ 
}

a {
color:#485131;
}

a:hover { color:#a9b292; }

h1 {
font:bold 15px Trebuchet MS, verdana;
color:#485131;
letter-spacing:1px;
}

h2 { font:bold 13px Trebuchet MS, verdana, arial; }

#posicao { /* essa div foi criada apenas para o lay ficar posicionado em todas as resoluções. */
position:relative;
margin:0 auto;
width:1003px;
}

#posicao #barra { 
width:1003px; 
height:20px;
background-image:url(../pics/top.jpg) 
}

#geral { /* usei essa div para colocar o bg do site. Não tinha outra saída que não desse "defeito" em algum dos browsers. 
Tive que colocar essa e a div de cima */
position:absolute;
left:50%;
margin:0 -501px;
width:1003px;
background:#485131 url(../pics/bg.jpg) repeat-Y 0 50px;
z-index:1;
}

html > body #geral { margin:0 -502px; }

/*******************************************************************
  LateralE - Aqui é englobado a logo, form de acesso, newsletter...
********************************************************************/

#topo {
float:left;
width:972px;
height:152px;
background-color:#485131;
}

#logo {
float:right;
width:168px;
height:152px;

/* background-image:url(../pics/logo.jpg); */
}

#banner {
float:right;
width:775px;
height:106px;
/* background-image:url(../pics/banner.jpg); */
}

#banner object, #banner embed { margin:0 }

#menu {
position:absolute;
top:125px;
right:32px;
_right:29px;
width:775px;
height:252px;
z-index:10
}



/*********************************************************************************************************/

#lateralE {
float:left;
width:168px;
}

#lateralE #container { /* essa div foi criada para colocar aquele bg na lateralE */

padding-top:20px;
float:right;
width:157px;
background-color:#e7e7e6;
font:10px verdana, arial;
}

p.direitos { /* direitos reservados... */
padding-top:30px;
color:4c4c4b;
}

#lateralE object, #lateralE embed { margin:30px 0 5px }

/*******************************************************************
					LateralE > form acesso
********************************************************************/

#acesso_vip, #acesso_vip .center, #acesso_vip .bottom {
margin:0 auto;
width:139px;
}

#acesso_vip {
margin-top:10px;
}

#acesso_vip .top {
height:28px;
background-image:url(../pics/acesso_title.jpg);
}

#acesso_vip .top h2 {
padding:4px 0 0 40px;
font-size:15px;
color:#fefffb;
}

#acesso_vip #mid {
text-align:left;
background-color:#a9b292; /* tive que colocar essa div por causa do IEca */
}

#acesso_vip form {
margin-top:10px;
margin-left:15px;
}

#acesso_vip label {
font:bold 10px verdana, arial;
color:#61694c;
text-transform:uppercase
}

#acesso_vip input { margin:3px 0 3px; height:16px; }

#acesso_vip input.bt { margin:0; height:18px; }

#acesso_vip .bottom {
height:8px;
background:url(../pics/acesso_bottom.jpg) no-repeat;
}

/*******************************************************************
					LateralE > Cadastre-se
********************************************************************/

#cadastre_se {
margin:0 auto;
width:139px;
height:95px;
background-image:url(../pics/cadastre_bg.jpg);
}

#cadastre_se .top {
height:28px;
background-image:url(../pics/contato_title.jpg);
}

#cadastre_se .top h2 {
padding-top:4px;
font-size:15px;
color:#fefffb;
}

#cadastre_se a {
display:block;
padding-top:15px;
}

#cadastre_se a:hover { color:#90977d; }

html > body #cadastre_se { margin-top:10px; }

#cadastre_se img.bt { margin-top:10px }

/*******************************************************************
					LateralE > Newsletter
********************************************************************/

#newsletter img { float:left; margin:20px 0 0 10px; }

#newsletter h2 {
padding:24px 40 0;
color:#485131
}

#newsletter p {
padding:6px 7px;
color:#6e7757;
clear:left;
}

#newsletter label {
font:9px verdana, arial;
color:#778088;
}

#newsletter input.radio {

height:14px;
width:14px;
}

#newsletter input {
margin-top:10px;
}

/**********************************************************
  LateralD - Aqui é englobado o banner, menu, conteúdo...
**********************************************************/

#centro {
width:943px;
margin:0 auto;
}

#conteudo {
float:right;
width:775px;
}

/**********************************************************
						RODAPÉ
**********************************************************/

#rodape {
float:right;
width:1003px;
height:30px;
background-image:url(../pics/rodape.jpg);
}


/**********************************************************
						CONTATO
**********************************************************/

h1.contato { padding:100px 0 0 250px !important; text-align:center; }

#contato {  text-align:left; margin:30px 0 0 130px; width:645px; }

#contato form{ font-size: 10pt; }
        
        #contato fieldset{
	        padding: 20px;
	        border: 1px solid #ccc;
            width: 70%;
        }
     
        
        /* HACK PARA CORRIGIR O MARGIN-BOTTOM*/
        html>body #contato legend{
        	margin-bottom: 0px;
        }
        
        #contato input{
	        border-top: 1px solid #333;
	        border-left: 1px solid #333;
	        border-bottom: 1px solid #ccc;
	        border-right: 1px solid #ccc;
	        font-size: 13px;
	        margin-bottom: 10px;
	        color: #0E0659;
        }
        
        #contato select{
	        border: 1px solid #333;
	        font-size: 13px;
	        margin-bottom: 10px;
	        color: #0E0659;
        }
        
        #contato label{
	        display: block;
	        width: 140px;
	        float: left;
	        color:#485131;
	        border-bottom: 1px solid #f1f1f1;
			font:bold 11px Trebuchet MS, verdana;
        }
        
        #contato span{
	        color: #999;
	        font-size: 12px;
        }
        
        #contato .botao{
	        font-size: 13px;
	        background: #f1f1f1;
	        margin: 15px 0;
        }