/*
Theme Name: Infográficos
Theme URI: http://www.ig.com.br/
Description: iG Default Template for WordPress
Version: 1.0
Author: Internet Group - Portais: iG, iBest e BrTurbo
Author URI: http://www.ig.com.br/
*/

*{margin:0;padding:0;border:0;outline:0;list-style:none;text-decoration:none}
body{font:12px arial,helvetica;text-align:left;background:#fff url(images/bg_home.gif) repeat-x top;color:#333}
a{color:#333}
a:hover{text-decoration:underline;color:#333}

a.first,a.last{display:none!important}

.clear{clear:both!important}
.nomg{margin:0!important}
.nomgt{margin-top:0!important}
.nomgr{margin-right:0!important}
.nomgd {margin-right:0px !important;}
.nomgb{margin-bottom:0!important}
.nomgl{margin-left:0!important}
.nopd{padding:0!important}
.nopdt{padding-top:0!important}
.nopdr{padding-right:0!important}
.nopdb{padding-bottom:0!important}
.nopdl{padding-left:0!important}
.nobd{border:none!important}
.nobdt{border-top:0!important}
.nobdr{border-right:0!important}
.nobdb{border-bottom:0!important}
.nobdl{border-left:0!important}
.nobg{background:none!important}
.dn{display:none!important}
.fL{float:left}
.fR{float:right;}

/* SPRITE */
#topo a.publicidade,
#cabecalho h1 a,
form#formBusca label,
#rodape .barra-superior a.rss, a.twitter,a.orkut
.noticia ul.ferramentas li.compartilhar span,
.noticia ul.ferramentas li a, .noticia ul.compartilhar li a,
.caixa ul.comentarios li blockquote .barra-superior,
.noticia .foto-legenda .credito a.ampliar,
.caixa.video ul li a.play,
#cabecalho .oferecimento cite{background:url(images/sprite_infografico.gif) no-repeat}

/* GERAL */
.geral{width:100%;text-align:left}

/* PRINCIPAL */
#principal{position:relative;margin:auto;width:988px}

/* Busca */
#busca form{width:988px; height:40px; background-color:#F8F8F8; border:0px; margin-bottom:20px; border-style:none; *padding:10px 0px 0 0;}
#busca h3{font-size:18px; margin:0 0 10px 0; font-size:18px; font-family:Arial; color:#107fbf; font-weight:normal}
#busca fieldset {margin:0px;padding:0px;  border:0px; }
#busca label {font:bold 14px/40px arial;*font:bold 14px/10px arial; height:20px; }
#busca label.assunto {margin-left:10px; }
#busca select{border:1px solid #d8d8d8;margin:0 20px 0 10px;width:160px; height:20px;}
#busca input {font-size:15px;width:263px;height:22px;border:1px solid #d8d8d8;}
#busca input.buttom {width:58px;padding:3px 0;height:auto;border:solid 1px #cccccc;margin-left:10px;background:url(images/bg-botao.gif) repeat-x 0 2px;border:1px solid #CCCCCC;font:bold 12px Arial;color:#333;text-align:center;cursor:pointer;}
#busca img {float:right; margin-right:20px; margin-top:9px; border:0px; display:inline; *margin-top:-33px; _margin-top:-27px; }

/* BUSCA GOOGLE */
#buscaGoogle *{margin:0;padding:0;outline:0;}
#buscaGoogle{float:right;margin:35px 0 0;position:relative;width:317px;height:30px;background:url(http://i0.statig.com.br/busca/bg-search-canal.png?=v=1) no-repeat 0 0;}
#buscaGoogle.extended{background-position:-433px 0;}
#buscaGoogle .clear{clear:both!important;}
#buscaGoogle #buscar{color:#666}
#buscaGoogle cite{color:#fff} 
#buscaGoogle #searchContainer{position:absolute;top:0;left:0;width:317px;height:30px;}
#buscaGoogle #searchContainer #buscar{float:left;width:215px;height:25px;margin:2px 0 0 30px;font:normal 16px/25px Arial;background:transparent;}
#buscaGoogle #searchContainer .botao-buscar{float:right;width:68px;height:29px;cursor:pointer;font:bold 11px Arial;color:#333;text-transform:uppercase;text-indent:-15000px;background:url(http://i0.statig.com.br/busca/btn-search-prata-v1.png?v=0.1) no-repeat 0 0;}
#buscaGoogle #searchContainer .botao-buscar:hover{background-position:0 -30px;}
#buscaGoogle #searchContainer .botao-buscar:active{background-position:0 -60px;-ms-background-position-x: 1px; -ms-background-position-y: -29px}
#buscaGoogle #searchContainer cite{clear:both;display:block;margin-top:5px;font:normal 10px/10px Arial;text-align:right;color:#fff;}
#buscaGoogle #searchOn{position:absolute;top:28px;left:0;width:317px;height:90px;overflow:hidden;background:url(http://i0.statig.com.br/busca/bg-search-canal-2-itens.png?=v=1) no-repeat 0 -61px;}
#buscaGoogle #searchOn a{display:block;width:284px;height:14px;margin:0 0 0 1px!important;padding:8px 15px;text-decoration:none;font:normal 12px/12px Arial;color:#333}
#buscaGoogle #searchOn a.onig{height:11px;margin-top:3px!important;}
#buscaGoogle #searchOn a:hover,#buscaGoogle #searchOn a.active{background:#F8F8F8;cursor:pointer;text-decoration:none;}
#buscaGoogle #searchOn a:hover strong{text-decoration:none!important;}
#buscaGoogle #searchOn a.nobd-b{border-bottom:0!important;height:13px!important;}

/* Thumbs */
.linha {width:988px; height:428px; }
#thumb .post {width:316px; height:428px; background-color:#F8F8F8; float:left; margin-right:20px; margin-bottom:40px;}


#thumb p{font-family:Arial; font-size:12px; margin:0 20px 15px 10px; }
#thumb p a{color:#333; }
#thumb span{color:#666; margin:0px;}
#thumb span a{color:#666;}
#thumb .canal{font:bold 12px Arial; margin:7px 0 5px 10px; color:#107fbf;}
#thumb .canal a{color:#107fbf;}
#thumb strong{font:bold 12px/14px Arial; margin-left:10px; margin-bottom:3px;padding-top:16px;display:block;}
#thumb h2{font:bold 16px/18px Arial; margin:0 0 3px 10px;}
#thumb h2 a{color:#333333}
#thumb input.buttom{margin:6px 0 0 10px; width:100px;height:20px;border:1px solid #cfcfcf;text-align:center;font:bold 12px/22px Arial;color:#333; background:url(images/bg_botao.jpg)}


/* Interna */

#interna {margin:0px;padding:0px }

#interna img{float:left; margin:9px 0 0 0; padding:0px}
#interna h2{font:bold 30px/34px Arial; margin:0px; margin-top:20px;}
#interna p{font-family:Arial; font-size:14px; margin:0 0 0px 0; }

#interna .componente1 {width:336px; height:408px; background-color:#F8F8F8; float:left;margin:9px 0 0 0px; display:inline; padding:0px;}
#interna .componente1 strong{font:bold 12px/16px Arial;margin:0 0 3px 20px;display:block;clear:both}
#interna .componente1 strong.compartilhe{padding-top:12px}
#interna .componente1 p{margin:0 20px 20px 20px  }
#interna .componente1 span{color:#666; margin:0px;}
#interna .componente1 .post-ratings{margin-top:-9px;padding:0 0 0 20px;height:30px}
#interna .componente1 .post-ratings span,#thumb .post-ratings span{display:none}
#interna .componente1 .canal{font:bold 12px Arial; margin:17px 0 15px 20px; color:#107fbf;}
#interna .componente1 .canal a{color:#107fbf;}
#interna .componente1 .trava {width:336px; height:243px; }

#thumb .post p{height:28px!important}
#thumb .post p.canal{height:auto!important}
#thumb .post-ratings{padding:0 0 0 10px;height:30px}
#thumb input.buttom{height:auto!important;margin:0 0 0 10px!important}

p.icone a{margin:5px 15px 0 0;padding-left:20px;background:url(images/css_sprite_icone2.gif?v=1.1) no-repeat;font:bold 12px Arial;color:#666; text-decoration:none;height:16px;display:block;float:left}
p.icone a:hover{text-decoration:underline}
p.icone a.twitter{background-position:0 -16px}
p.icone a.rss{background-position:0 -32px}
p.icone a.facebook{background-position:0 0px}
p.icone a.orkut{background-position:0 -48px}

#interna .componente1 input.buttom,#thumb input.buttom{display:inline;float:left;clear:both;margin:22px 0 0 20px;width:100px;padding:3px 0;border:1px solid #cfcfcf;text-align:center;font:bold 12px/14px Arial;color:#333; background:url(images/bg_botao.jpg);cursor:pointer}

#interna  .brd_bot {width:988px; height:20px; border-bottom:dotted #F0F0F0 1px; clear:both;  }

/* PRINCIPAL */
#principal{position:relative;margin:auto;width:988px}

/* TOPO */
#topo{float:left;padding:4px 0;width:988px;height:90px;margin-bottom:3px}
#topo a.publicidade{display:none;float:right;font-size:0;text-indent:-15000px;width:7px;height:90px;background-position:-193px -56px;margin-right:122px;cursor:pointer}


/* BARRA DO IG */
#barra-ig-container *{margin:0;padding:0;border:0;outline:0;list-style:none;text-decoration:none}
#barra-ig-container{width:100%;background-position: 0 0}
#barra-ig-container,#barra-ig ul.canais li a:hover{background:url(http://i0.statig.com.br/barraiG/v2/bg-barra-canais.png?v=1) repeat-x}
#barra-ig{width:988px;height:43px;margin:0 auto;padding:0}
#barra-ig h1{float:left}
#barra-ig h1 a{display:block;width:29px;height:36px;text-indent:-15000px;cursor:pointer;background:url(http://i0.statig.com.br/barraiG/v2/logo_ig_canais.gif) no-repeat scroll 10px 6px transparent;border-right:1px solid #d8d8d8;border-left:1px solid #d8d8d8;padding:5px 10px 0;margin:0 !important;text-align:center}
#barra-ig ul.canais{float:left;height:43px}
#barra-ig ul.canais li{float:left}
#barra-ig ul.canais li a{float:left;display:inline;padding:13px 15px 12px 12px;border-right:1px solid #d8d8d8;height:16px;font:bold 14px arial;color:#08629A}
#barra-ig ul.canais li a:hover{color:#08629A;background-position: 0 -42px;text-decoration:none!important}
#barra-ig ul.canais li a.servicosDigitais{padding:13px 24px 12px 23px;color:#2a9cdd}


/* CABEÇALHO */
#cabecalho{float:left;width:988px;height:104px}
#cabecalho h1 a{float:left;display:inline;margin-right:10px;font-size:0;text-indent:-15000px;background-position:0 0;width:395px;height:53px;margin-top:23px}
#cabecalho h2{float:left;width:530px;height:40px;margin-top:33px}

/* CABEÇALHO - OFERECIMENTO */
#cabecalho .oferecimento{float:left;height:31px;margin-top:12px}
#cabecalho .oferecimento cite{float:left;margin:24px 4px 0 0;height:12px;font:9px arial;width:59px;background-position:-94px -109px;visibility:hidden}

/* CABEÇALHO - FORMULARIO BUSCA */
form#formBusca{float:right;padding:40px 0 15px 0;width:316px;height:24px}
form#formBusca label{float:left;display:inline;margin-right:3px; margin-top:-1px;width:56px;height:25px;font-size:0;text-indent:-15000px;background-position:0 -56px}
form#formBusca input{float:left;margin-right:5px;padding:3px 3px 4px;border:1px solid #ccc;width:186px;font:12px arial}
form#formBusca input.botao-buscar{margin:0;padding:3px 2px 2px 2px;border:1px solid #ccc;line-height:24px;*height:24px;*line-height:normal;*padding:2px 1px 0 2px;width:58px;font:bold 12px arial;cursor:pointer;background:#f4f4f4;color:#333}

/* BARRA DE NAVEGAÇÃO */
#barra-navegacao{float:left;margin:16px 0 20px 0;width:988px;height:22px;border-bottom:1px solid #eee;vertical-align:bottom;padding-bottom:4px}

/* BARRA DE NAVEGAÇÃO - NAVEGAÇÃO */
#barra-navegacao ul.navegacao{float:left}
#barra-navegacao ul.navegacao li{float:left;padding-right:5px;color:#999;line-height:22px;vertical-align:bottom}
#barra-navegacao ul.navegacao li a{font:12px arial;color:#333}
#barra-navegacao ul.navegacao li strong{font:bold 14px arial;color:#0f7fbf}

/* BARRA DE NAVEGAÇÃO - TEMAS DO MOMENTO */
#barra-navegacao ul.temas-momento{float:right}
#barra-navegacao ul.temas-momento li{float:left;padding-right:3px;color:#ccc;line-height:22px;vertical-align:bottom}
#barra-navegacao ul.temas-momento li a{font:12px arial;color:#333}
#barra-navegacao ul.temas-momento li strong{font:bold 12px arial;height:22px}
#barra-navegacao ul.temas-momento li.temas{color:#008AD0;background:#FFF;position:relative;margin-right:-7px}

/* RODAPE */
#footer ul li h5{font:bold 14px arial;color:#008ad0}
#footer .barra-inferior{background:#0f7fbf}
#footer .barra-inferior p{color:#c1edfe}#footer .barra-inferior p a{color:#c1edfe}
#footer i{font-style:normal}

#footer{clear:both;padding-bottom:20px;width:988px;height:auto;background:#fff;position:relative}
#footer ul li a i.todos{font:bold 11px arial;color:#666}
#footer .barra-inferior{clear:both;padding:8px 10px;height:14px}
#footer .barra-inferior p{float:left;display:inline;font:12px arial;color:#FFF!important}
#footer .barra-inferior p a{color:#FFF!important}
#footer .barra-inferior a.topo{float:right;padding:0 11px;font:bold 11px arial;color:#fff;background-position:-130px -54px}
#footer p.icone a{margin-left:10px;padding-left:20px;background:url(http://images.ig.com.br/hotsites/home2010/css_sprite_icone.gif) no-repeat;font:bold 14px Arial;color:#666}
#footer p.icone a.twitter{background:0 0}
#footer p.icone a.rss{background-position:0 -16px}


#footer .listas{float:left;padding:17px 10px 17px 112px}
#footer ul{width:120px;float:left;margin-right:47px}
#footer ul li{padding:0 0 2px}
#footer ul li a{font:11px/17px arial;color:#666}

#footer .lista2{float:left;padding-top:40px;display:block;width:982px;border-bottom:1px solid #CCC}
#footer .lista2 ul{padding-bottom:10px;width:auto!important}
#footer .lista2 ul li{float:left;border-right:1px solid #CCC;padding:0 10px}
#footer .lista2 ul li a{font:bold 14px Arial;color:#107fbf}
#footer .lista2 ul li.nopd{padding:0 10px 0 0!important}
#footer .lista2 ul li.nopdl{padding-left:0}
#footer .lista2 ul.fR li{border-right:1px solid #107fbf}
#footer .lista2 ul.fR li a{font:normal 11px Arial;color:#333}
#footer .lista2 ul.fR li.nopd{padding:0 0 0 10px!important}
#footer p.icone a{background:url(http://images.ig.com.br/hotsites/home2010/css_sprite_icone.gif) no-repeat scroll 0 0}

#footer .barra-center{clear:both;padding:8px 0 8px 0;height:16px}
#footer .barra-center ul{float:left;width:988px!important;}
#footer .barra-center ul li{float:left}
#footer .barra-center ul li a{float:left;display:inline;padding:0 8px;border-right:1px solid #CCC;font:bold 14px arial;color:#666}
#footer .barra-center ul li a.nopdl,#footer .lista2 ul li.nomgl{padding-left:0!important;margin-left:0;}

/* RODAP� - BARRA INFERIOR */
#footer .barra-inferior{clear:both;margin-bottom:20px;padding:8px 9px;height:14px}
#footer .barra-inferior ul{width:auto;float:left}
#footer .barra-inferior ul li{float:left;padding-top:0}
#footer .barra-inferior ul li a{float:left;display:inline;padding:0 8px;border-right:1px solid #FFF;font:11px arial;color:#FFF}
#footer .barra-inferior p{float:right;font:11px arial}
#footer .barra-inferior p a{font:11px arial}

/* Resultados de busca */
.resultado h4 {font:36px Arial;color:#ccc; }
.resultado p {font:18px Arial;color:#333333}
.resultado strong {font:18px Arial;color:#348FC6}
.resultado hr {border:4px; background-color:#ccc; margin:5px 0px 35px 0;}
.hr {height:2px; width:100%; background-color:#ccc; margin:5px 0px 35px 0;}

#interv .interv-box{float:left;margin:0 20px 5px 0;background:#fff url(images/sprit-interv-header.png) no-repeat;}
#interv .interv-box a{float:left;width:316px;height:116px;}
#interv .interv-box a *{text-indent:-15000px;display:none;}
#interv .interv-box span.arrow{display:block;float:right;width:40px;height:116px;background:#fff url(images/sprite-interv-setas.png) no-repeat;}
#interv .interv-box a:hover span.arrow{background-position:-41px 0;}
#interv .interv-testes{background-position:0 -117px;}
#interv .interv-arena{background-position:0 bottom;}