/* CSS Document */


/* GERAL */

body {
background: url(imagens/bg.jpg) fixed no-repeat;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 12px;
} 


/* CONTAINER */

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

/* TOPO */

#topo {
width: 100%;
height: 86px;
}

/* LOGO */

#logo {
margin-top: 20px;
float: left;
}

/* MENU */

#menu{
list-style: none;
display: inline;
float: right;
font-size: 10px;
margin-top: 35px;
_margin-top: 55px; 
#margin-top: 55px; 
}

#menu ul li{
padding: 5px;
_padding: 0px;
list-style: none;
display: inline;
margin-left: 5px;
color: #005392;
}

#menu ul li a{
text-decoration: none;
color: #005392;
_padding: 5px;
}

#menu ul li a:hover{
text-decoration: solid;
color: #0099FF;
_background: #B9E0EB;
_padding: 5px;
}

#menu ul li:hover{
background: #B9E0EB;
}

/* CHAMADA PRINCIPAL */

#chamada {
width: 776px;
background: url(imagens/chamada.jpg) no-repeat #FFFFFF;
height: 304px;
}

#chamada-texto {
width: 385px;
float: right;
color: #005392;
margin-top: 5px;
_margin-top: 25px;
#margin-top: 25px;
}

#chamada-texto h1{
font-size: 35px;
letter-spacing: -2px;
margin-bottom: -10px;
}

#chamada-texto a{
text-decoration: none;
color: #005392;
}

#chamada-texto a:hover{
text-decoration: none;
color: #0099FF;
}

#chamada-texto h1 a{
text-decoration: none;
color: #005392;
}

#chamada-texto h1 a:hover{
text-decoration: none;
color: #0099FF;
}


/* TITULO DAS INTERNAS */

#chamada-interna {
width: 776px;
background: #FFCC00;
height: 78px;
}

#chamada-tit {
float: right;
color: #005392;
}

#chamada-tit h1{
font-size: 40px;
float: right;
color: #005392;
margin: 15px 20px 0;
letter-spacing: -2px;
}


/* CONTEUDO */

#content{
background: #FFFFFF;
padding: 20px;
display:table;
width: 736px; 
}

#content a{
text-decoration: none;
color: #000000;
}

#content a:hover{
text-decoration: none;
color: #005392;
}

#left {
width: 430px;
float: left;
}

#right {
width: 280px;
float: right;
}

#texto-interna {
width: 100%;
float: left;
}


/* NEWSLETTER */

#newsletter {
background: #f4f4f4;
border: 1px solid #cccccc;
width: 269px;
padding: 1px 10px 10px 10px;
_padding: 10px;
#padding: 10px;
float: left;
}

#newsletter input{
background: #FFFFFF;
border: 1px solid #cccccc;
margin: 2px 0 2px 0;
}

#newsletter .button{
border: 1px solid #cccccc;
margin: 2px 0 2px 0;
padding: 2px;
font-size: 10px;
width: 50px;
background: #FFFFFF;
}

#newsletter .button:hover{
background: #B9E0EB;
}


/* WEBMAIL */

#webmail {
clear: both;
padding: 1px 10px 10px 10px;
}

#webmail input{
background: #f4f4f4;
border: 1px solid #cccccc;
margin: 2px 0 2px 0;
}

#webmail .button{
border: 1px solid #cccccc;
margin: 2px 0 2px 0;
padding: 2px;
font-size: 10px;
width: 50px;
background: #FFFFFF;
}

#webmail .button:hover{
background: #B9E0EB;
}


/* FOOTER */

#footer {
clear: both;
background: url(imagens/rodape.gif) top no-repeat;
height: 100px;
padding-top: 40px;
_padding-top: 25px;
padding-left: 15px;
color: #FFFFFF;
line-height: 4px;
_line-height: 10px;
#line-height: 10px;
font-size: 9px;
}

#footer img{
_margin-bottom: -15px;
#margin-bottom: -20px;
}