/*
********************
** Arquivo versionado em: internetgroup/tvig-static;
********************
*/

/* Ajusta o css antigo */
body{background:none;}


/*Reset*/
*{margin:0;padding:0;border:0;outline:0;list-style:none;text-decoration:none}
footer,nav,header,section,article{display:block}
body{font:12px arial,helvetica;text-align:left;color:#333}

#buscaGoogle{margin:0px!important;}

/* SuperBanner */
#pub-superbanner, #superbanner {position: fixed!important; top: 0!important; z-index: 99999!important; width: 988px!important; height: 90px!important; padding: 5px 0!important; margin: 0!important; background: #f8f8f8;}

/* Menu */
.menu-fixed { position: fixed!important; top: 100px!important; width: 988px; z-index: 99999!important;}
#menu { float: none!important;margin-bottom:0px!important; background:$menu-bg; -webkit-border-radius: 4px!important; -moz-border-radius: 4px!important; border-radius: 4px!important;}
#menu nav ul li .subhome { font: normal 11px/18px MuseoSans500!important;}
#menu nav ul li .menuContainer .aba a { font: normal 11px/32px MuseoSans500!important;}

a{color:#333}
a:hover{text-decoration:underline}

@font-face {
    font-family: 'MuseoSans500';
    src: url('http://tvig.ig.com.br/_static/misc/fonts/221723_0_0-webfont.eot');
    src: url('http://tvig.ig.com.br/_static/misc/fonts/221723_0_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://tvig.ig.com.br/_static/misc/fonts/221723_0_0-webfont.woff') format('woff'),
         url('http://tvig.ig.com.br/_static/misc/fonts/221723_0_0-webfont.ttf') format('truetype'),
         url('http://tvig.ig.com.br/_static/misc/fonts/221723_0_0-webfont.svg#MuseoSans500') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MuseoSans300';
    src: url('http://tvig.ig.com.br/_static/misc/fonts/225148_0_0-webfont.eot');
    src: url('http://tvig.ig.com.br/_static/misc/fonts/225148_0_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://tvig.ig.com.br/_static/misc/fonts/225148_0_0-webfont.woff') format('woff'),
         url('http://tvig.ig.com.br/_static/misc/fonts/225148_0_0-webfont.ttf') format('truetype'),
         url('http://tvig.ig.com.br/_static/misc/fonts/225148_0_0-webfont.svg#MuseoSans300') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MuseoSans700';
    src: url('http://tvig.ig.com.br/_static/misc/fonts/museosans_700-webfont.eot');
    src: url('http://tvig.ig.com.br/_static/misc/fonts/museosans_700-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://tvig.ig.com.br/_static/misc/fonts/museosans_700-webfont.woff') format('woff'),
         url('http://tvig.ig.com.br/_static/misc/fonts/museosans_700-webfont.ttf') format('truetype'),
         url('http://tvig.ig.com.br/_static/misc/fonts/museosans_700-webfont.svg#MuseoSans700') format('svg');
    font-weight: normal;
    font-style: normal;
}


/* barra global canais */
#barra-global-container ul.canais li a, #barra-global ul.canais li a:hover, #barra-global h5,#barra-global h5 a:hover,#barra-global h5 a,#barra-global h5 a span,
#barra-global ul.canais li.facebook a span, #barra-global ul.canais li.twitter a span{background:url(http://i0.statig.com.br/barraiG/parceiros/sprite-parceiros.png) no-repeat}

#barra-global-container *{margin:0;padding:0;border:0;outline:0;list-style:none;text-decoration:none}
#barra-global-container{width:100%;}
#barra-global-container ul.canais li a{background-position:0 -26px;background-repeat:repeat-x;}
#barra-global ul.canais li a:hover{background-position:0 -69px;background-repeat:repeat-x;}
#barra-global{width:988px;height:36px;margin:0 auto;padding:0}

#barra-global h5 a{float:left;background-position:0 -26px;background-repeat:repeat-x;border-right:1px solid #e6e6e6;border-left:1px solid #e6e6e6;border-top:3px solid #868f9e;border-bottom:1px solid #dfdfdf}
#barra-global h5 a span{float:left;background-position:11px 6px;width:46px;height:36px;text-indent:-15000px;cursor:pointer;border-right:1px solid #fff;margin:0 !important;text-align:center;line-height:36px}
#barra-global h5 a:hover{background-position:0 -69px;background-repeat:repeat-x;}

#barra-global ul.canais{float:left;height:36px}
#barra-global ul.canais li{float:left;border-right:1px solid #e6e6e6;border-bottom:1px solid #dfdfdf;}
#barra-global ul.canais li a{float:left;height:36px;cursor:pointer}
#barra-global ul.canais li a span.texto{float:left;height:36px;text-align:center;font:13px/36px MuseoSans500;color:#565d69}
#barra-global ul.canais li a span.borda{float: left;width: 1px;height: 36px;background: url(http://i0.statig.com.br/canais/tvig/images/bg-item-menu-ig.png) no-repeat}
#barra-global ul.canais li a.homeiG{border-top:3px solid #2f88c1}
#barra-global ul.canais li a.homeiG .texto{width: 74px}
#barra-global ul.canais li a.noticias{border-top:3px solid #324e69}
#barra-global ul.canais li a.noticias .texto{width: 67px}
#barra-global ul.canais li a.economia{border-top:3px solid #5b8e5d}
#barra-global ul.canais li a.economia .texto{width: 78px}
#barra-global ul.canais li a.esportes{border-top:3px solid #547700}
#barra-global ul.canais li a.esportes .texto{width: 70px}
#barra-global ul.canais li a.gente{border-top:3px solid #b73b35}
#barra-global ul.canais li a.gente .texto{width: 55px}
#barra-global ul.canais li a.delas{border-top:3px solid #b175aa}
#barra-global ul.canais li a.delas .texto{width: 51px}
#barra-global ul.canais li a.videos{border-top:3px solid #333333}
#barra-global ul.canais li a.videos .texto{width: 58px}
#barra-global ul.canais li a.maisSites{border-top:3px solid #2f88c1}
#barra-global ul.canais li a.maisSites .texto{width: 75px}
#barra-global ul.canais li a.batePapo{border-top:3px solid #fbb01e}
#barra-global ul.canais li a.batePapo .texto{width: 79px}
#barra-global ul.canais li a.servicosDigitais{border-top:3px solid #3eb4ff}
#barra-global ul.canais li a.servicosDigitais .texto{width: 116px}
#barra-global ul.canais li a.acesseSeuEmail{border-top:3px solid #868f9e}
#barra-global ul.canais li a.acesseSeuEmail .texto{width: 119px}
#barra-global ul.canais li.twitter a, #barra-global ul.canais li.facebook a{line-height:0px;font-size:0;padding-left: 9px}
#barra-global ul.canais li.twitter, #barra-global ul.canais li.facebook{border-top:3px solid #868f9e}
#barra-global ul.canais li.facebook a span.social, #barra-global ul.canais li.twitter a span.social{float:left;text-indent:-15000px;margin-top:10px;padding-right: 9px}
#barra-global ul.canais li.facebook a span.social{background-position:0 -107px;width:18px;height:18px;}
#barra-global ul.canais li.twitter a span.social{background-position:0 -125px;width:18px;height:16px;}

#header{width: 988px;margin: auto;margin-bottom:20px!important; padding-top: 100px!important;}
#header a:hover{text-decoration: none}
#header header{height: 58px;padding-top: 20px}
#header header hgroup{float: left;width: 544px}
#oferecimento{float: left;width: 88px;height: 34px;margin: 0 20px}
#logo{float: left;padding-right: 11px;font: 36px/33px MuseoSans700}
#subhome{float: left;font: normal 24px/27px MuseoSans300;border-left: 1px solid #d6d6d6;padding: 7px 0 0 11px}
#buscaHeader{float: right;width: 316px}
#buscaHeader form{float: right;position: relative;width: 316px;height: 34px;background: url(http://i0.statig.com.br/canais/tvig/images/sprite-busca.png) no-repeat 0 0;}
#buscaHeader form fieldset{height: 34px}
#buscaHeader form input#buscar{float: left;height: 23px;font: normal 14px/23px arial;margin-top: 1px;background: none;padding: 5px 10px;margin: 0 1px;width: 225px;margin:0px!important;}
#buscaHeader form.getFocus{background-position: 0 -35px}
#buscaHeader form .botao-buscar{margin-left: 1px!important;float: right!important;width: 68px!important;height: 34px!important;cursor: pointer!important;font: bold 11px Arial!important;color: #333!important;text-transform: uppercase!important;text-indent: -15000px!important;background: url(http://i0.statig.com.br/canais/tvig/images/sprite-busca.png) no-repeat -248px 0!important;margin-top:0px!important;}
#buscaHeader form .botao-buscar:hover{background-position:-248px -35px!important}
#buscaHeader cite{clear: both!important;display: block!important;margin-top:39px!important;font: normal 10px/10px Arial!important;text-align: right!important;color: #999!important}

#buscaHeader #searchOn{position:absolute;z-index: 2;top:32px;left:0;width:314px;height:90px;overflow:hidden;background: #fff;border: 1px solid #ddd;border-bottom-left-radius: 2px;border-bottom-left-radius: 2px;border-bottom-right-radius: 2px}
#buscaHeader #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;border-bottom: 1px solid #ddd}
#buscaHeader #searchOn a.onus{height:11px;margin-top:3px!important;}
#buscaHeader #searchOn a:hover,#buscaGoogle #searchOn a.active{background:#F8F8F8;cursor:pointer;text-decoration:none;}
#buscaHeader #searchOn a:hover strong{text-decoration:none!important;}
#buscaHeader #searchOn a.nobd-b{border-bottom:0!important;height:13px!important;}
#buscaHeader #searchOn a.ongoogle{border-bottom: 0}



#menu{border-top-left-radius: 2px;border-top-right-radius: 2px;height: 14px;padding: 12px 0 13px;position: relative}
#menu nav ul li{float: left;padding: 0 9px 1px;border-left: 1px solid #612d5a;border-right: 1px solid #9e4d99;position: relative}
#menu nav ul li a{color:#333}
#menu nav ul li .subhome{font: normal 11px MuseoSans500;text-transform: uppercase}
#menu nav ul li .subhome a{color:#fff;text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3)}
#menu nav ul li .subhome a.sub{background: url(http://i0.statig.com.br/canais/tvig/images/bg-seta-menu.png) right 5px no-repeat;padding-right: 12px}
#menu nav ul li.first{border-left: 0;margin-left: 5px}
#menu nav ul li.last{border-right: 0}
#menu nav ul li .menuContainer{position: absolute;top: 21px;left:-1px;z-index: 150;opacity: 0;visibility: hidden}
#menu nav ul li .menuContainer .aba{position: absolute;top: -28px;background: #fff;float: left;height: 29px;border-radius: 2px;-webkit-box-shadow:  0 0 0 2px rgba(204, 204, 204, 0.3);box-shadow:  0 0 0 2px rgba(204, 204, 204, 0.3)}


#menu nav ul li .menuContainer .aba.sub{padding-right: 12px;z-index: 2}
#menu nav ul li.last .menuContainer .aba.sub{padding-right: 10px}
#menu nav ul li .menuContainer .aba a{float: left;padding: 0 12px 0 10px;font: normal 11px/29px MuseoSans500;text-transform: uppercase;color: #333}
#menu nav ul li .menuContainer .aba.sub a{display: inline-block;background: url(http://i0.statig.com.br/canais/tvig/images/bg-seta-menu.png) right -10px no-repeat;padding-right: 11px}
#menu nav ul li.sub .menuContainer .aba.sub{border-bottom: 0;border-bottom-left-radius: 0;border-bottom-right-radius: 0;white-space: nowrap}
#menu nav ul li.sub .menuContainer .conteudoSubMenu{clear:both;position: relative;z-index: 150;margin-top: 3px;background: #fff;border-radius: 2px;border-top-left-radius: 0;float: left;-webkit-box-shadow:  0 0 0 2px rgba(204, 204, 204, 0.3);box-shadow:  0 0 0 2px rgba(204, 204, 204, 0.3)}
#menu nav ul li.sub .menuContainer .conteudoSubMenu ul{margin-bottom: 18px;white-space:nowrap}
#menu nav ul li.sub .menuContainer .conteudoSubMenu li{border:0!important;padding: 0;float: none;margin-top: 2px}
#menu nav ul li.sub .menuContainer .conteudoSubMenu li a{display: block;margin: 0 1px;height: 24px;padding: 0 11px;font: normal 12px/25px MuseoSans500;border-radius: 2px}
#menu nav ul li.sub .menuContainer .conteudoSubMenu li a:hover{background: #f2f2f2}
#menu nav ul li.sub .menuContainer .conteudoSubMenu .bordaMenuCanal{height: 3px}
#menu nav ul li.last .menuContainer .conteudoSubMenu{border-top-left-radius: 2px;border-top-right-radius: 0}
#menu .sobreBorda{background-color:#fff;position: absolute;top: 27px;z-index: 3;left: 0;width: 100%;height: 4px}
    #menu .sobreBorda::before {
        display: block;
        content: "";
        position: absolute;
        top: -1px;
        left: -2px;
        width: 2px;
        height: 4px;
        z-index: 5;
        }
    #menu .sobreBorda::after {
        display: block;
        content: "";
        position: absolute;
        top: 0;
        right: -2px;
        width: 2px;
        height: 4px;
        z-index: 5;
    }
#destaques{display:none;border-bottom-left-radius: 3px;border-bottom-right-radius: 2px;height: 35px;position: relative}
#destaques dt{border-bottom-left-radius: 3px;float: left;height: 35px;font: normal 12px/35px MuseoSans500;color: #fff;padding: 0 23px 0 15px}
#destaques dd{float: left;width: 800px}
#destaques dd li{float: left;font: normal 12px/35px MuseoSans500;color: #fff;margin-left: 6px}
#destaques dd li h4{font: normal 12px/35px MuseoSans500}
#destaques dd li h4 span{float:left;font:normal 12px/36px arial;padding:0 5px}
#destaques dd li.first{list-style: none;margin-left: 12px}
#destaques dd li a{color: #fff}


/*Canal*/
a{color: #424242}
#subhome{color: #424242}
#menu{background:#424242}
#menu nav ul li{border-left-color: #2e2e2e;border-right-color: #4f4f4f}
#menu nav ul li .subhome a.active{color: #acacac}
#menu nav ul li.sub .menuContainer .conteudoSubMenu li a:hover{color: #424242}
#menu nav ul li.sub .menuContainer .conteudoSubMenu .bordaMenuCanal{background: #424242}
#destaques{background:#313131}
#destaques dt{background: #252525 url(http://i0.statig.com.br/canais/tvig/images/arrow-destaques.jpg) no-repeat right}
#destaques dd li a:hover{color: #adadad}

/*bloco Compartilhamento*/
#tviGSocial{margin-bottom: 15px;}
#tviGSocial hr{border: none;border-bottom: dotted 1px #ededed;width: 316px;}
.follow-twitter {width: 300px;margin: -23px 0 0 0;background: #fbfbfb;border: solid 1px #dcdcdc;padding: 7px;z-index: 99;position: relative;}



