@charset "utf-8";

*{margin:0; padding:0; font-size:12px; font-family:Arial, Helvetica, sans-serif}
a{text-decoration:none}
li{list-style-type:none}
br{clear:both}
strong{ text-decoration:none} 
img{border:0}

#container{ margin:0 auto; width:952px; }
#topo{ width:952px; margin-bottom:11px; }
#topo h1{background:url(img/logo.gif) no-repeat; display:inline; float:left; height:111px; margin:10px 0 0 ; position:relative; width:150px}
#topo h1 a{display:block; height:100%; width:100%}
#topo h1 span{display:none} 
#super-banner{background:#CCCCCC;float:right; height:91px; margin:10px 0 0; padding:9px 9px; width:729px;}

/* news */
#etiqueta{margin-left:-29px;position:absolute;width:1008px;}

#etiqueta .etiqueta-news{ background:url(img/news.gif) no-repeat ;left:1px; height:87px; width:28px; position:absolute; top:0;}
#etiqueta .etiqueta-next{ background:url(img/next.gif) no-repeat ;right:2px; height:87px; width:28px; position:absolute; top:0;}
#etiqueta .etiqueta-news span{display:none;}
#etiqueta .etiqueta-next span{display:none;}
#etiqueta .etiqueta-news a{display:block;height:100%;width:100%;}
#etiqueta .etiqueta-next a{display:block;height:100%;width:100%;}

#container-news{font-weight:bold;position:relative ;width:952px; overflow:hidden; height:87px}
#news{font-weight:bold; position:relative; width:952px;}
#news li{float:left;padding:7px 0 6px 12px; height:74px; width:217px}

.rosa p, .amarelo p, .cinza p, .azul p{color:#FFF; font-size:14px;}
.cinza{ background:#000; margin-left:11px}
.rosa{ background:#000; }
.cinza strong{color:#c7c9ca; margin-left:0;  font-size:24px}
.rosa strong{color:#de0079;  font-size:24px}
.cinza small , .rosa small{color:#818386; font-size:10px}
.amarelo { background:#818386; margin-left:11px}
.azul { background:#818386; margin-left:11px}
.amarelo strong{color:#fff31d;font-size:24px; margin-left:0;}
.amarelo small, .azul small {color:#4a4b4d; font-size:10px;}
.azul strong{color:#64bde8;font-size:24px; margin-left:0;}

/* menu */
#menu{background:#424242; margin-top:9px; padding: 12px 0 12px 17px; position:relative; text-transform:uppercase}
#menu li{display:inline; margin-right:25px}
#menu li a{color:#FFF}
#menu li a:hover { color:#0cb0ed}
/*#menu li a:active { color:#0cb0ed}
#menu li a:visited { color:##FFF}
#menu li a:visited:hover{ color:#0cb0ed}*/

#menu .bg-input{background:url(img/search.gif) no-repeat;float:right;height:23px;position:absolute;right:7px;top:8px;width:282px} 
#menu .in{ background:#f5f5f5;border:medium none; color:#4E4E4E; float:left; font-size:11px; font-weight:bold; height:16px; margin:7px 0 0 22px; width:113px;}
#menu .botao{float:right; margin-right:2px; margin-top:2px;}
.bg-input select{ background:#d0d0d0; border:none; color:#424242; font-size:10px; width:84px; height:19px; position:absolute; top:2px; right:60px; padding:0}

/* esquerda */
#esquerda{ float:right; width:290px;}

/* capa revista */
#capa-revista{ background:url(img/sombra.gif) no-repeat; float:right; height:388px; position:relative; width:297px; right:-8px;}
.etiqueta-facebooke{ background:url(img/facebook.gif) no-repeat;height:83px; position:absolute; right:-13px; top:35px; width:20px;}
.etiqueta-orkut{ background:url(img/orkut.gif) no-repeat ;height:58px; position:absolute; right:-13px; top:125px; width:20px;}
#capa-revista span{display:none;}
#capa-revista a{display:block;height:100%;width:100%;}
.etiqueta-twitter{ background:url(img/twitter.gif) no-repeat ;height:65px; position:absolute; right:-13px;top:189px;width:20px;}
.assine{ background:#f4fc02; bottom:16px;height:33px;position:absolute;right:-17px;width:103px; text-transform:uppercase}
.assine strong{ font-size:15px; font-weight:bold; color:#000; padding:9px 0 0 14px; display:block}

/* arroba */
#arroba {background:#CCCCCC; float:right; height:250px;padding:20px 20px 20px 19px;width:250px;}

/* rodape */
.mais{ background:url(img/+.gif) no-repeat; height:50px; height:50px;margin:-49px 0 0 -32px;;position:absolute;width:50px;}
#rodape{background:#333333; padding:10px 0 9px 41px; position:relative; text-transform:uppercase}
#rodape li{display:inline; margin-right:18px}
#rodape a{color:#FFF; font-size:9px}
#rodape a:hover { color:#0cb0ed}

/* info */
#info{background:#c7c9cb; margin:11px 0; padding:5px 4px; font-weight:bold; text-transform:uppercase; display:block; clear:both}