/*ATRIBUTOS GERAIS
------------------------------------*/
body {
background:url(../imagens/bg.gif) #898989;
padding:13px 0 25px 0;
margin:0;
font-size:11px;
font-family:tahoma,verdana,arial,'trebuchet ms','lucida sans';
color:#444;
}

img {
border:none;
}

img.img_borda {
border-bottom:6px solid #666;
}

h1, h2, h3, h4, h5 {
font-weight:normal;
margin:0;
padding:0;
font-size:11px;
}

h1, h2 {
font-size:25px;
font-weight:bold;
color:#999;
margin:0 0 10px 0;
display:block;
font-family:'trebuchet ms', tahoma;
}

.flutuante_sombra h2 {
color:white;
}

h3 {
font-size:14px;
font-weight:bold;
margin:0 0 5px 0;
color:black;
}

h4 {
font-size:12px;
font-weight:bold;
margin:0 0 20px 0;
color:#666;
}

p {
margin:10px 0;
line-height:130%;
}

a:link, a:visited {
color:#990000;
}
a:hover, a:active {
text-decoration:none;
}

a.mais:link, a.mais:visited, .tres_colunas a.mais:link, .tres_colunas a.mais:visited {
text-align:right;
display:block;
float:right;
width:80px;
padding:1px 3px 1px 30px;
text-decoration:none;
background-color:#000000;
color:#ffffff;
}

a.mais:hover, a.mais:active, .tres_colunas a.mais:hover, .tres_colunas a.mais:active{
background-color:#666666;
}

a.voltar:link, a.voltar:visited, .tres_colunas a.voltar:link, .tres_colunas a.voltar:visited {
text-align:left;
display:block;
width:60px;
padding:1px 30px 1px 3px;
text-decoration:none;
background-color:#000000;
color:#ffffff;
}

a.voltar:hover, a.voltar:active, .tres_colunas a.voltar:hover, .tres_colunas a.voltar:active {
background-color:#666666;
}

.fechar:link, .fechar:visited, .fechar:hover, .fechar:active {
text-align:right;
display:block;
float:right;
width:30px;
padding:1px 0 1px 15px;
color:white;
background:url(../imagens/seta_cima.gif) no-repeat 0px 3px #0079bc;
text-decoration:none;
}

ul {
margin:5px;
padding:0 0 0 20px;
}

.separador {
border-top:3px solid #D0d0d0;
clear:both;
height:0;
margin:15px 0;
padding:0;
_margin-bottom:-5px;
}

.clear {
clear:both;
height:0;
margin:0;
padding:0;
_margin-bottom:-5px;
}

.erro {
color:#660000;
padding:5px;
background:#FF9999;
border:1px solid #600;
}
.acerto {
color:#006600;
padding:5px;
background:#CCFF99;
border:1px solid #060;
}

.esq {
float:left;
}
.dir {
float:right;
}

.grande {
font-size:16px;
}
.pequeno {
font-size:10px;
}

.botao:link, .botao:visited {
display:block;
width:180px;
padding:5px 5px;
background:#BE9341;
color:white;
text-decoration:none;
text-align:center;
margin:5px auto 25px auto;
}
.botao:hover {
background:#CAA664;
}
.botao:active {
background:#9D7935;
}

#corpo {
width:950px;
margin:0 auto;
position:relative;
}

/*TOPO
---------------------------------------*/
#topo {
width:100%;
height:96px;
margin:0;
padding:0;
background:url('http://www.w2o.com.br/template/imagens/logotipo_w2o.jpg') no-repeat white;
}

#topo_natal {
width:100%;
height:96px;
margin:0;
padding:0;
background:url('http://www.w2o.com.br/template/imagens/logotipo_w2o_natal.jpg') no-repeat white;
}
#topo_anonovo {
width:100%;
height:96px;
margin:0;
padding:0;
background:url('http://www.w2o.com.br/template/imagens/logotipo_w2o_anonovo.jpg') no-repeat white;
}
#topo_pascoa {
width:100%;
height:96px;
margin:0;
padding:0;
background:url('http://www.w2o.com.br/template/imagens/logotipo_w2o_pascoa.jpg') no-repeat white;
}
#topo_aniversario {
width:100%;
height:96px;
margin:0;
padding:0;
background:url('http://www.w2o.com.br/template/imagens/logotipo_w2o_aniversario.jpg') no-repeat white; 
}
#topo_oktober {
width:100%;
height:96px;
margin:0;
padding:0;
background:url('http://www.w2o.com.br/template/imagens/logotipo_w2o_oktoberfest.jpg') no-repeat white;
}
#topo_copa {
width:100%;
height:96px;
margin:0;
padding:0;
background:url('http://www.w2o.com.br/template/imagens/logotipo_w2o_copa2010.gif') no-repeat white;
}
#topo_eleicoes {
width:100%;
height:96px;
margin:0;
padding:0;
background:url('http://www.w2o.com.br/template/imagens/logotipo_w2o_eleicoes2010.gif') no-repeat white;
}

#logo_link {
float:left;
height:52px;
width:315px;
margin:25px 0 0 14px;
background:none;
}

#espacador1, #espacador2 {
height:4px;
_margin-bottom:-9px;
width:100%;
background:url(../imagens/detalhe_encaixe_branco.gif) top right no-repeat;
}
#espacador2 {
background:url(../imagens/detalhe_encaixe_cinza.gif) top right no-repeat;
}

/*Depoimentos
-----------------*/
.depoimento {
width:99%;
text-align:right;
margin-bottom:10px;
padding-bottom:5px;
border-bottom:1px solid #CCC;
}
.depoimento img {
margin-left:5px;
margin-bottom:0px;
}
.depoimento em {
display:block;
margin-bottom:10px;
}

/*Menu navbar
----------------*/
#menu {
display:block;
float:right;
_width:570px;
_width:488px;
padding:0;
margin:46px 10px 0 auto;
_margin:46px 0px 0 auto;
list-style:none;	
height:24px;
}

#menu li {
display:block;
height:24px;
float:left;
margin:0px 0 0 3px;
}

#menu li a:link, #menu li a:visited {
display:block;
width:90px;
height:18px;
font-size:14px;
color:#fff;
text-decoration:none;
padding:0px 2px 0 0px;
margin:0;
background:#999;
line-height:100%;
text-align:right;
}
#menu li a:hover, #menu li a:active {
background:#ccc;
border-bottom:4px solid #F0B200;
}

#menu li a.seta:link, #menu li a.seta:visited {
background:url(../imagens/seta_baixo.gif) no-repeat 5px 5px #333;
}
#menu li a.seta:hover, #menu li a.seta:active {
border-bottom:4px solid #90c72c;
}
#menu li a.seta:active {
background:url(../imagens/seta_cima.gif) no-repeat 5px 5px #0079bc;
border-bottom:none;
}

#menu li a.seta_open:link, #menu li a.seta_open:visited {
background:url(../imagens/seta_cima.gif) no-repeat 5px 5px #0079bc;
border-bottom:none;
}
#menu li a.seta_open:hover, #menu li a.seta_open:active {
color:#CCCCCC;
}

#menu li a.ativo:link, #menu li a.ativo:visited {
border-bottom:4px solid #C93126;
}
#menu li a.ativo:hover, #menu li a.ativo:active {
border-bottom:4px solid #0079BC;
}

/*SUB-CORPO
---------------------------------------*/
#sub_corpo {
padding:0;
margin:0;
width:100%;
background:url(../imagens/sub_corpo_bg.gif) repeat-y top left white;
}

/*Coluna esquerda
-----------------*/
#col_esq {
width:675px;
padding:0;
min-height:263px;
_height:263px;
float:left;
}

#col_esq_conteudo {
width:630px;
padding:15px 15px 15px 30px;
background:white;
border-top:4px solid #898989;
}

/*Coluna direita
-----------------*/
#col_dir {
width:270px;
padding:0;
float:right;
}

#barra_titulo {
height:40px;
width:260px;
padding:6px 0 0 10px;
background:url(../imagens/detalhe_encaixe_titulo.gif) no-repeat top right;
color:white;
font-size:25px;
font-family:'trebuchet ms', tahoma;
font-weight:bold;
border-bottom:4px solid #898989;
}

/*LOGIN
-----------------*/
#login {
width:230px;
margin:0 auto 0 0;
text-align:right;
}
#login label {
display:block;
width:100%;
margin:0 auto 5px auto;
font-size:14px;
text-align:right;
}

#login .text {
height:18px;
padding:1px;
border:1px solid #ccc;
border-top:1px solid #666;
border-left:1px solid #666;
width:150px;
color:#666;
background:#f4f4ec;
font-family:verdana, arial;
font-size:11px;
margin-bottom:4px;
vertical-align:middle;
}

#col_dir_conteudo {
width:250px;
_height:600px;
padding:5px 10px 10px 10px;
background:#e9e9e9;
margin-top:0px;
min-height:600px;
}

/*RODAPÉ
---------------------------------------*/
#rodape {
width:923px;
height:110px;
margin:0;
padding:20px 0 0 27px;
background:url(../imagens/logotipo_w2o_rodape.gif) top right no-repeat #333;
color:#ccc;
}

#rodape strong {
color:white;
}
#rodape .grande {
margin-bottom:5px;
}
#rodape .esq {
margin-bottom:10px;
margin-right:20px;
}

#rodape ul {
display:block;
width:900px;
padding:0;
margin:20px 0 0 -10px;
clear:both;
}
#rodape ul li {
display:block;
float:left;
padding:0 10px;
text-transform:uppercase;
border-right:1px solid #ccc;
}
#rodape ul li a:link, #rodape ul li a:visited {
background:none;
text-decoration:none;
color:#ccc;
}
#rodape ul li a:hover, #rodape ul li a:active {
border-bottom:1px solid #90C72C;
}
#rodape a:link, #rodape a:visited {
background:none;
text-decoration:none;
color:#ccc;
}
#rodape a:hover, #rodape a:active {
border-bottom:1px solid #90C72C;
}

/*DESTAQUES CAPA
---------------------------------------*/
.tres_colunas {
display:block;
width:630px;
padding:0;
margin:0;
}
.tres_colunas li {
display:block;
float:left;
width:30%;
padding-right:2.5%;
_padding-right:12px;
margin-bottom:10px;
}
.tres_colunas li a:link, .tres_colunas li a:visited {
background:none;
color:#444;
text-decoration:none;
}
.tres_colunas li a:hover, .tres_colunas li a:active {
text-decoration:underline;
}

.tres_colunas li.linha_toda {
width:100%;
border-top:1px solid #eee;
padding-top:10px;
}
.tres_colunas li.linha_toda img {
float:right;
}

/*NOTÍCIAS CAPA
---------------------------------------*/
.duas_colunas {
display:block;
width:630px;
padding:0;
margin:0;
}
.duas_colunas li {
display:block;
float:left;
width:48%;
padding-right:1.5%;
}
.duas_colunas li.duas_colunas_dir {
width:48%;
padding-right:0;
padding-left:1.5%;
}


/*CONTATO FLUTUANTE
---------------------------------------*/
.flutuante_sombra {
position:absolute;
top:64px;
right:10px;
padding:0 0 50px 50px;
background:url(../imagens/sombra.png) repeat;
}
#box_contato {
width:460px;
padding:10px 25px 25px 25px;
background:url(../imagens/contato_bg.gif) no-repeat top left #0079bc;
color:white;
}

#contato {
width:400px;
margin:0 50px 0 auto;
text-align:right;
}
#contato label {
display:block;
width:100%;
margin:0 auto 5px auto;
font-size:14px;
text-align:right;
}

#contato .text {
height:14px;
padding:1px;
border:1px solid #ccc;
border-top:1px solid #666;
border-left:1px solid #666;
width:300px;
color:#666;
background:#ddd;
font-family:verdana, arial;
font-size:11px;
margin-bottom:4px;
vertical-align:middle;
}

/*BANNER PRINCIPAL
-----------------------*/
#bannerPrincipal {
position:relative;
padding:0;
margin:0;
line-height:100%;
}
.setaEsq, .setaDir {
background-image:url(../imagens/setasBanners.png);
background-repeat:no-repeat;
background-position:top left;
width:23px;
height:46px;
display:block;
position:absolute;
bottom:3px;
filter:alpha(opacity=30);
-moz-opacity:0.3;
-khtml-opacity:0.3;
opacity:0.3;
}
.setaEsq:hover, .setaDir:hover, .setaEsq:focus, .setaDir:focus, .setaEsq:active, .setaDir:active {
filter:alpha(opacity=70);
-moz-opacity:0.7;
-khtml-opacity:0.7;
opacity:0.7;
}
.setaEsq {
left:2px;
}
.setaDir {
background-position:-23px 0px;
right:2px;
}

/*BANNER FLUTUANTE
-----------------------*/
#bannerFlutuante {
position:absolute;
top:370px;
left:25%;
box-shadow:10px 10px 10px #666;
-moz-box-shadow:5px 5px 10px #666;
-webkit-box-shadow:5px 5px 10px #666;
background:white;
}
#bannerFlutuante .fechar {
position:absolute;
top:0;
right:0;
padding:10px;
background-image:none;
width:auto;
background:#CC0000;
}


/*TWITTER CAPA
--------------------------------------*/
#twitter, #twitter_update_list {
margin:0 0 15px 0;
font-size:11px;
}
#twitter_update_list {
margin:0 0 10px 0;
padding:0;
}
.tweet, #twitter_update_list li {
margin-bottom:3px;
padding:10px 0;
border-bottom:1px dotted #666;
list-style:none;
}
.tweet .pequeno {
font-style:italic;
}
#twitter_update_list li a {
font-style:italic;
}
.profileLink, .profileLink a {
margin:5px 0;
}
#twitter_update_list li.firstTweet {

}