body {
margin: 0;
padding: 0;
text-align: center;
font-family: Verdana, Arial, helvetica, sans-serif;
background-color: #6B685E;
}

br {
clear: both;
line-height: .1em;
}

#topo {
background: #E9FFD2 url('../imagens/baixo-topo.gif') 0 140px repeat-x;
height: 157px;
text-align: left;
position: relative;
width: 1000px;
margin: 0 auto;
}


#topo ul#navegacao {
float: left;
margin: 104px 0 0 60px;
padding: 0;
background: #527443 url('../imagens/fundo-menu.gif') 0 0 no-repeat;
width: 506px;
}

#topo ul#navegacao li{
float: left;
list-style-type: none;
background: transparent url('../imagens/borda-navegacao.gif') 100% 50% no-repeat;
padding: 9px 0;
text-align: center;
}

#topo ul#navegacao li.contato {
background-image: none;
}

#topo ul#navegacao li a {
text-decoration: none;
font-size: 12px;
font-weight: bold;
color: #E9FFD2;
}

#topo ul#navegacao li.aprenda { width: 100px; }
#topo ul#navegacao li.sobre { width: 130px; }
#topo ul#navegacao li.links { width: 90px; }
#topo ul#navegacao li.midias { width: 90px; }
#topo ul#navegacao li.contato { width: 90px; }

#aprenda #topo ul#navegacao li.aprenda a { font-size: 14px; color: #FFCC99; }
#sobre #topo ul#navegacao li.sobre a { font-size: 14px; color: #FFCC99; }
#links #topo ul#navegacao li.links a { font-size: 14px; color: #FFCC99; }
#midias #topo ul#navegacao li.midias a { font-size: 14px; color: #FFCC99; }
#contato #topo ul#navegacao li.contato a { font-size: 14px; color: #FFCC99; }

#topo ul#navegacao li a:hover {
text-decoration: underline;
}

#topo ul#lingua {
float: right;
background: transparent url('../imagens/fundo-lingua.gif') 0 0 no-repeat;
width: 122px;
height: 112px;
padding: 12px 0 0 15px;
margin: 15px 22px 0 0;
}

#topo ul#lingua li{
list-style-type: none;
padding: 0;
line-height: 19px;
text-decoration: none;
color: #999999;
font-size: 10px;
}

#topo ul#lingua li.portugues{
background: transparent url('../imagens/bandeira-brasil.gif') 0 60% no-repeat;
}

#topo ul#lingua li.ingles{
background: transparent url('../imagens/bandeira-inglaterra.gif') 0 60% no-repeat;
}

#topo ul#lingua li.espanhol{
background: transparent url('../imagens/bandeira-espanha.gif') 0 60% no-repeat;
}

#topo ul#lingua li.frances{
background: transparent url('../imagens/bandeira-franca.gif') 0 60% no-repeat;
}

#topo ul#lingua li.arabe{
background: transparent url('../imagens/bandeira-arabe.gif') 0 60% no-repeat;
}

#topo ul#lingua li a{
text-decoration: none;
color: #999999;
font-size: 10px;
padding-left: 25px;
}

#topo h1{
margin: 15px 0 0 27px;
padding: 0;
width: 170px;
font-size: 14px;
font-weight: normal;
color: #666666;
float: left;
}

#topo h1 img{
margin-bottom: 30px;
}

#topo #XTOPlayer {
position: absolute;
left: 337px;
top: 25px;
display: none;
}

#home #topo #XTOPlayer {
display: block;
}

#conteiner {
background-color: white;
width: 1000px;
position: relative;
margin: 0 auto;
text-align: left;
padding-bottom: 15px;
}

#footer {
width: 1000px;
position: relative;
margin: 0 auto;
background: white url('../imagens/fundo-footer.jpg') 0 100% repeat-x;
padding-bottom: 40px;
font: normal 12px Arial, verdana, helvetica, sans-serif;
color: #727272;
clear: both;
}

#footer p{
padding: 0 0 10px 0;
margin: 0;
}

#footer p a{
color: #727272;
}

#box_verde {
width: 204px;
background: #E9FFD2 url('../imagens/box-verde-top.gif') 0 0 no-repeat;
padding: 8px 0 0;
float: left;
margin-top: 35px;
}

#home #box_verde {
margin: 0;
}

#box_verde div{
border-left: 1px solid #D4F0AB;
border-right: 1px solid #BFDA97;
padding-left: 12px;
}

#box_verde div h4{
color: #527243;
font: bold 16px Verdana, arial, helvetica, sans-serif;
margin: 0;
padding: 0;
}

#box_verde div b{
color: #666666;
font: bold 14px Arial, verdana, helvetica, sans-serif;
margin: 0 0 10px 0;
padding: 0;
display: block;
}

#box_verde div p{
font: normal 12px Arial, verdana, helvetica, sans-serif;
}

#box_verde div img{
margin: 10px 0;
}

#box_verde div a{
font: normal 12px Arial, verdana, helvetica, sans-serif;
text-decoration: none;
color: #666666;
}

#box_verde div a span{
color: #FF6600;
padding: 3px 0;
display: block;
font: bold 12px Arial, verdana, helvetica, sans-serif;
text-decoration: none;
width: 75px;
margin: 15px 0 0 100px;
text-align: center;
}

#box_verde div a span img{
margin: 0;
}
/* reparo pro ff que não limpa a esquerda*/
#ota {
width: 800px; 
background-color: white; 
clear: left;
}

#home #ota {
display: none;
}

#info {
padding: 68px 68px 0;
clear: left;
float: left;
margin: 0;
min-height: 500px;
background-color: white;
}

* html #info {
height: 600px;
}

/* O que segura a largura do info é esse h2*/
#info h2{
width: 640px;
margin: 0;
padding: 0 0 45px;
}

#info h3{
padding: 0;
margin: 0;
color: #E96600;
font: bold 14px verdana, arial, helvetica, sans-serif;
}

#info h3 a{
text-decoration: none;
color: #E96600;
font: bold 14px verdana, arial, helvetica, sans-serif;
}

#info h3 a:hover{
text-decoration: underline;
}

#info h4{
width: 640px;
}

#info ul {
font-size: 12px;
}

#info ul li{
padding: 3px 0;
color: #666666;
}

#info ul li a{
color: #666666;
}
/*/////  Home  /////*/

#destaques_home {
float: left;
width: 716px;
margin: 0 25px 0 30px;
height: 377px;
background: white url('../imagens/fundo-destaques-home.gif') 0 100% no-repeat;
position: relative;
}

#destaques_home ul{
position: absolute;
right: 8px;
bottom: 55px;
margin: 0;
padding: 0;
}

#destaques_home ul li{
float: left;
list-style-type: none;
display: block;
width: 30px;
background: transparent url('../imagens/fundo-bot-destaque.png') 0 0 no-repeat;
margin: 0 7px;
text-align: center;
}

#destaques_home ul li a{
font: bold 16px verdana, arial, helvetica, sans-serif;
color: #527443;
text-decoration: none;
display: block;
width: 30px;
padding: 8px 0;
}

#destaques_home ul li a.esse{
background: transparent url('../imagens/fundo-bot-destaque.png') 0 0 no-repeat;
}

#destaques_home p{
font: normal 12px Arial, verdana, helvetica, sans-serif;
width: 507px;
margin: 15px 0;
padding: 0 20px;
}

#destaques_home p a{
text-decoration: none;
color: #666666;
}

#destaques_home p a img{
margin: 0 5px 0 0;
}

#destaques_home div{
position: absolute;
top: 0;
left: 0;
}

#destaques_home div.esconde{
visibility: hidden;
}

#destaques_menores {
margin: 20px 0 20px 20px;
font: normal 12px Arial, verdana, helvetica, sans-serif;
color: #666666;
padding: 0;
height: 270px;
}

#destaques_menores li{
list-style-type: none;
float: left;
width: 240px;
margin: 0;
padding: 15px 0;
border-right: 1px solid #CCCCCC;
}

#destaques_menores li img{
margin-bottom: 5px;
}

#destaques_menores li a img{
margin: 0 0 0 3px;
}

#destaques_menores li p{
padding: 0 15px;
}

#destaques_menores li a{
color: #CCCCCC;
float: right;
}

#destaques_menores li a.link_forte{
color: #666666;
text-decoration: none;
float: none;
}

#destaques_menores li a.link_forte img{
margin-bottom: 5px;
}

/*  Aprenda  */

#aprenda #info ul {
color: #666666;
margin: 10px 0 30px 0;
padding: 0;
}

#aprenda #info ul li{
color: #666666;
margin: 0 0 0 60px;
padding: 2px 0;
font: normal 12px arial, verdana, helvetica, sans-serif;
}

#aprenda #info ul li a{
color: #666666;
font: normal 12px arial, verdana, helvetica, sans-serif;
}

#aprenda #info ol {
color: #666666;
margin: 10px 0 30px 0;
padding: 0;
width: 340px;
}

#aprenda #info ol li{
color: #666666;
margin: 0 0 0 60px;
padding: 2px 0;
font: normal 12px arial, verdana, helvetica, sans-serif;
}

#aprenda #info dl {
width: 360px;
clear: left;
}

#aprenda #info dl dt{
width: 150px;
float: left;
margin: 0;
padding: 0 0 30px 0;
}

#aprenda #info dl dd{
width: 200px;
float: left;
margin: 0;
padding: 0 0 30px 0;
color: #666666;
font: normal 12px arial, verdana, helvetica, sans-serif;
}

#aprenda #conteiner{
min-height: 800px;
} 

/*  CIB  */

#info h4 {
font: italic 17px arial, verdana, helvetica, sans-serif;
color: #666666; 
}

#info p {
width: 350px;
font: normal 14px arial, verdana, helvetica, sans-serif;
color: #666666; 
}

#sobre #conteiner{
min-height: 680px;
}

/*  contato  */

#info form p {
width: 600px;
font: normal 14px arial, verdana, helvetica, sans-serif;
color: #666666; 
}

#info form label {
width: 200px;
text-align: right;
padding-right: 10px;
float: left;
display: block; 
}

#info form input, #info form textarea  {
width: 200px;
}

#info form input.curto {
width: auto;
} 

/*  links  */

#links #info ul {
color: #666666;
margin: 10px 0 30px 0;
padding: 0;
}

#links #info ul li{
color: #666666;
margin: 0 0 0 60px;
padding: 2px 0;
font: normal 12px arial, verdana, helvetica, sans-serif;
}

#links #info ul li a{
color: #666666;
font: normal 12px arial, verdana, helvetica, sans-serif;
}