/* CSS Document */
html {
    background: #FFF url("../../img/2007/fundo-body1.png") repeat-x; margin: 0 auto; */
}
body, h1, h2, h3, h4, h5, h6, p, form, ul, li { margin:0px; padding:0px; list-style:none; }
body{ font:normal 11px "Helvetica Neue", Helvetica, "Liberation Sans", Arial, sans-serif; }
html.win body { font-family: Arial, sans-serif; }
br.c{ clear:both; }

#geral { margin:0px; padding:0px 5px 5px 5px; width: 930px; margin:0px auto; overflow: hidden;}

/* #barra_uol { background:url(/img/2007/fundo_barra_uol.gif) repeat-x; width:930px; height: 24px; }*/
/* #uolbar { margin:0px auto; }*/

/* #uolhostbar { margin:0px auto; }*/

/* #publicidade { height:90px; padding:7px 96px; background-color:#EEE; margin-bottom:0px; } */
/* #publicidade { padding:7px 0 7px 60px; background-color:#EEE; margin-bottom:0px; overflow: hidden; height: 90px; } */
/*#selo_intercon { margin-left:8px; }*/
/*#publicidade div {*/
    float: left;
    /*margin-left: 41px;*/
}
#publicidade .super {
    width: 728px;
    height: 90px;
}
#publicidade .small {
    width: 59px;
    height: 90px;
    margin-left: 7px;
}
#publicidade img#lateral {
    border: 0;
    width: 70px;
    height: 90px;
}

#imBar { background: url(images/dfb.jpg) repeat-x 0px 0px; float: right; margin-top: -33px;  border:1px solid #2DAABF; border-right: 0; *line-height:28px; height:28px; width: 373px; background-color: #8CDEEA;}
/** html #imBar { width: 373px !important; overflow: hidden; }
*+html #imBar { overflow: hidden; }*/
#barraBotoes { background:url(http://static.imasters.uol.com.br/img/dgd_1.gif) repeat-x 0px 0px #54BFD2; border:1px solid #2DAABF; border-left: 0; height:28px; width: 551px; margin-bottom: 3px;}
#imBar span { margin-right:10px; font-weight:bold; color:#FFF; float:right; margin-top:-28px; height:28px; line-height:28px; _line-height: 28px; *line-height: 17px; }

#imBar span a { color:#FFF; font-weight:normal; }
#barraBotoes ul { height:28px; line-height:28px; display:inline; }
#barraBotoes ul li h2 { height:28px; width:24px; background:url(http://static.imasters.uol.com.br/img/2007/logo_peq.gif) no-repeat center; margin-left: 10px; }
#barraBotoes ul li h2 span { display:none; }
#barraBotoes ul li { float: left; clear: right; height: 12px; padding-right: 3px; }
#imBar span div { color: #CCCCCC; }
#imBar form button { color: #FFF; border: none; background-color: #32b1c9; font-weight: none; font: normal; overflow: hidden; }
* html .botaotopologin { height: 16px; color: #FFF; border: none; background-color: #32b1c9; font-weight: none; font: normal; padding: 0px !important; margin-top: 3px;}
* html .botaotopologin { width: 54px; font-weight: normal; } 
*+html .botaotopologin { width: 54px; font-weight: normal;} 

#barraBotoes ul li a { color:#000; font-size: 10px; text-decoration: none;  background-color:#209FB7; padding:2px 5px; -moz-border-radius: 6px; border-radius: 6px; -webkit-border-radius: 6px;}
#imBar select { margin-top:5px; font-size:11px; }

/* Barra de Login */
#imBar #formLogin, #imBar span {text-align:right; width:363px; margin: 0 !important; padding: 0 10px 0 0;  }


#listaServicos { background-color: #209FB7; display: none; position: absolute; width: 120px !Important; height: 354px; margin-left: 468px; margin-top: -8px; z-index: 9999; }
#listaServicos ul { margin-top: 3px;}
#listaServicos ul li { margin-bottom: 2px; font-size: 11px; padding: 3px; color: #4DBBBF; width: 114px !important; font-size: 10px; border-bottom: 1px #1892A9 solid; }
#listaServicos ul li a { color: #fff;  text-decoration: none; }
#listaServicos ul li a:focus,
#listaServicos ul li a:active,
#listaServicos ul li a:hover {  color: #fff; text-decoration: underline;  }

@media all and (min-width:0px) {  head~body #imBar #formLogin { margin-top:-28px;  }  } /* hack p/ opera+safari */
#imBar span div { padding:8px 0px; display:inline; margin-left:5px; font-size:10px; }
#imBar span #outrasopcoes { display:none; }
#imBar div.show #outrasopcoes {  margin-left:236px; margin-top:-1px; text-align:left; text-decoration:none; line-height:20px; padding:3px 0px 3px 6px; display:block; border:1px solid #2DAABF; border-top-width:0px; background-color:#8CDEEA; position:relative; width:130px; z-index:999; }
#imBar span div.show>#outrasopcoes { *margin-top:0px;  }
* html #imBar #outrasopcoes { margin-top:4px;  }
*+html #imBar span div.show>#outrasopcoes { *margin-top:0;  }
#imBar span div.show #outrasopcoes input { border:0px; margin:0px; margin-right:5px; padding:0px; width:14px; }
#imBar input { font-size:11px; width:80px; border:1px solid #FFF; color:#333; }
#imBar span a { text-decoration:underline; }


#imBar #formLogin, #imBar span {  text-align:right;  margin-top: 0; }

*+html #imBar span { margin-left: -130px; }
* html #outrasopcoes { position:absolute; margin-left:-130px; margin-top:29px;  }

#topo { background:url(/img/dgd_1.gif) repeat-x 0px -28px #25A0B5; height:76px;  }
#topo div.fundo { height:76px; background:url(/img/2007/m_traco.gif) no-repeat 33px 3px; }
#topo h1 a { background:url(/img/2007/logo.gif) no-repeat; font-weight:normal; font-size: 11px; color:#FFF; text-decoration:none; padding:24px 0px 0px 140px; display:block; width:210px; height:20px; float:left; margin-top:21px; margin-left:36px; }
#topo h1 a span { display:none; }

#topo a.feeds { background:url(/img/2007/ico_feed.gif) no-repeat 0px 2px; padding-left:16px; position:absolute; margin-left:126px; *margin-left:-260px; margin-top:22px; float:left; color:#B1E3EB; }
#topo span.parcerias { color:#FFF; position:relative; float:left; top:30px; left:-90px; }
#topo span.parcerias a span { display:none; }
#topo span.parcerias a { height:16px; display:block; float:left; }
#topo span.parcerias a.ig { padding-left:5px; width:18px; background:url(/img/2007/ig_logo.gif) no-repeat;}
#topo span.parcerias a.yahoo { border-left:1px solid #FFF;  width:55px;  background:url(/img/2007/y_logo.gif) no-repeat 5px 3px;}


#topo form { width:350px; padding-top:22px; margin-left:540px; }
#topo form a { font-weight:normal; font-size: 10px; color:#A5BED3; margin-left:195px; display:block; }
#topo form span { display:block; width:330px; margin:0px auto; }
#topo form input.query { width: 270px; border:2px solid #56B2C1; } 
#topo form label { color:#FFF; }


/* Menu */
ul#menu {
    background:url(/img/dgd_1-novo.gif) repeat-x 0px -114px #CCCCCC;
    border-top:1px solid #000000;
    overflow: hidden;
    _height: 28px;
    /*margin-bottom: 40px;*/
    margin-bottom: 28px;
}
ul#menu.disableSubmenu {
    margin-bottom: 0 !important;
}
ul#menu li {
    /*line-height:28px;*/
    /*border-right: 1px solid #C2EBF0;*/
    display:block;
    float:left;
}
ul#menu li a {
    color: #fcfcfc;
    padding: 8px 14px 0 14px;
    height: 20px;
    display:block;
    font-weight: bold; font-size: 10px;
    /*color:#FFF;*/
    text-transform:uppercase;
    text-decoration:none;
    -webkit-transition: background 0.1s ease-in-out;
    -moz-transition: background 0.1s ease-in-out;
    transition: background 0.1s ease-in-out;
}
ul#menu li a:hover {
    text-decoration: none !important;
}

ul#menu li a:hover span, ul#menu li a:focus span {
    text-decoration: none !important;
    background: #E6E6E6;
    color: #FFF;
    margin: -2px -6px;
    padding: 2px 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    display: block;
}
ul#menu li.active a span, ul#menu li.active a:hover span {
    color: #666 !important;
    background: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}

ul#menu li.active {
    background: url(/img/canto_menu-e.png) left no-repeat;
}
ul#menu li.active a {
    background: url(/img/canto_menu-d.png) right no-repeat;
    color: #666;
}

ul#menu>li:first-child, ul#menu li.first  {
    margin-left:8px;
}

/* Submenu */

ul#menu.disableSubmenu li ul {
    display: none !important;
}
ul#menu li:hover ul, ul#menu li:focus ul {
    display: block;
}

ul#menu li ul.listaOculta {
	display: none;
}

ul#menu li ul.listaCanais {
    display: block;
    position:absolute;
    margin:0px;
    clear:both;
    left: 50%;
    width: 930px;
    margin-left: -465px;
    padding: 7px 0;
    *padding: 0 !important;
}
ul#menu li ul.listaCanais li, ul#menu li ul li {
    padding: 0;
    width: auto;
    height: auto;
    display: block;
    float: left;
    background: 0 !important;
    position: relative;
}
ul#menu li ul.listaCanais li a {
    display: inline;
    float: none;
    border: 0;
    margin: 0 0;
    padding: 8px 6px !important;
    *line-height: 28px !important;
    background: 0 !important;
    color: #555 !important;
    font-size: 10px;
    text-transform: none;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
}
ul#menu li ul.listaCanais li.last a {
    padding-right: 17px !important;
    *padding-right: 16px !important;
}
ul#menu li ul.listaCanais li a:hover, ul#menu li ul.listaCanais li a:focus, ul#menu li ul.listaCanais li a.hover {
    background: #E6E6E6 !important;
    color: #FFF !important;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
}

/* Sub-sub-menu */

ul#menu li ul.listaCanais li ul {
    display: none;
    /*opacity: 0.95;*/
    background: #C4C4C4;
    margin: 5px auto auto auto !important;
    *margin-top: 28px !important;
    _margin-top: 25px !important;
    left: 0;
    -moz-box-shadow: 0 1px 5px #000;
    /*-webkit-box-shadow: 0 1px 5px #000;*/
    box-shadow: 0 1px 5px #000;
    z-index: 99999 !important;
    border-left: 3px solid #333333;
    padding: 0 !important;
}
ul#menu li ul.listaCanais li:hover ul, ul#menu li ul.listaCanais li.hover ul {
    display: block;
    position: absolute;
    width: 130px;
    margin-top: 0;
}
ul#menu li ul.listaCanais li ul.last {
    left: -57px;
    *left: -58px !important;
}
ul#menu li ul.listaCanais li ul li {
    display: block;
    float: none;
    position: relative;
    border-bottom: 1px solid #666666;
}
ul#menu li ul.listaCanais li ul li a {
    display: block;
    padding: 6px 9px;
    background-image: 0;
    margin: 0;
    color: #000 !important;
    text-transform: none;
    height: auto;
    border-top: 1px solid #000000;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    *line-height: 13px !important;
}
ul#menu li ul.listaCanais li ul li a:hover {
    border-top-color: #999999;
}

/* Sub-sub-sub menu */
ul#menu li ul li ul li ul {
    display: none !important;
}
ul#menu li ul li ul li:hover ul, ul#menu li ul li ul li.hover ul {
    display: block !important;
    margin-left: 130px !important;
    margin-top: -29px !important;
    _margin-left: 122px !important;
}



/*#conteudo { background: transparent url(/img/2007/dgd_2.gif) repeat-x scroll 0 0; border:0px solid #FFF; clear: left; padding:15px 0px 0px 15px; *padding-top:18px; }*/
#conteudo {
    background: #FFF;
    overflow: hidden;
    margin: 0 auto;
}

#rodape { margin-top: 20px; }
#rodape ul.extras {  background:url(/img/dgd_1.gif) repeat-x 0px -170px #25A0B5; height:45px; margin: 0; }
#rodape ul.extras li { margin-left:20px; float:left;  }
#rodape ul.extras li a { font-weight:bold; color:#FFF; line-height:45px; }
#rodape ul.extras li.first a { margin:9px 50px 0px 60px; display:block; height:25px; width:85px; background:url(/img/2007/l_rodape.gif) no-repeat; }
#rodape ul.extras li.first a span { display:none; }


#rodape p { clear:both; margin:20px auto 0 auto; width:400px; text-align:center; color: #999; }

/* Estilos gerais */

button { 
    margin:1px 0px 1px 4px;
    font-size: 11px;
    color:#11586C;
    padding:1px 3px;
    background-color:#99d8e3;
    border:1px solid #69bac8;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 0 1px 3px #285c69;
    /*-webkit-box-shadow: 0 1px 3px #285c69;*/
    box-shadow: 0 1px 3px #285c69;
}
button:hover {
    background: #b1e2ea;
}
button:active {
    background: #41b6cb;
    border-color: #b6e3eb;
}
* html { padding: 0; }
#arroba { width:298px; margin-right:10px; }

p.tags { text-align:center; }
p.tags a { padding:3px 4px 3px 4px; font-weight:bold; line-height:17px; *line-height:19px;  color:#5F757F; font-size:11px; }
p.tags a.t2 { font-size:13px; }
p.tags a.t3 { font-size:16px; }
p.tags a.t4 { font-size:19px; }
p.tags a.t5 { font-size:21px; }

/* CSS dos canais internos */
#canal_secoes, #canal, #canalMultimidia { background-color:#FFF; padding: 4px 0 8px 0; margin: 0; border-bottom: 4px solid #FFFFFF; }
#canal h3, #canalMultimidia h3 { display:inline; }
#canalMultimidia h3 { margin-left: 2px; }
.atalhoTitulo { margin-top: -6px; margin-left: 380px;  width: 130px; }
*+html .atalhoTitulo { margin-top: 13px; left: 482px; } * html .atalhoTitulo { margin-top: 13px; left: 480px; }
#canal h3 a { font-size:22px; text-decoration:none; color:#0F6B83; }
#canal ul { float:right; margin-top:-18px; margin-right:10px; display:inline; }
#canal_secoes { margin-bottom: 0; }
#canal_secoes li, #canal ul li { padding:0px 8px 0px 0; display:inline; }
#canal_secoes li a, #canal ul li a { color:#1437CE; text-transform:uppercase; }
#canal_secoes { text-transform:uppercase; line-height:23px; margin-top:0px; }


#comentarios { clear: both; margin-top:10px; width: 100%;}
#comentarios h3 { border-bottom:2px solid #ccc; padding-bottom:8px; }
div#comentarios ul li{ margin:0px 0px 20px 0px;padding-bottom:6px; background:url(../../img/2007/dot_comentarios.gif) repeat-x bottom;}
div#comentarios ul li h3{ border-bottom-width:0px; display: block; color:#21639d; background-color:#cedfef; font-weight:bold; font-size: 14px; margin:0px; padding:2px;}
div#comentarios ul li p{ margin:0px; padding:6px;}
div#comentarios ul li span{ display:block; background-color: #FFFFFF; padding:5px;}
div#comentarios ul li div { position: absolute; margin-left: 562px; margin-top: -45px;}
div#comentarios ul li div img {  width:36px; height:45px; border: 1px #F9F9F9 solid; }
div#comentarios ul li span a{ text-decoration:underline;}
div#comentarios ul li span span{ font-weight:bold; display:inline}

div#comentarios ul li ul li h4{ padding:2px; font-weight:bold; font-size: 12px; background-color:#e8f1fa;color:#418cc5;}
div#comentarios ul li ul li h4 a{color:#418cc5; text-decoration:underline;}
div#comentarios ul li ul li h4 span { display:inline; background:none; padding:0px;  font-weight:normal; font-size: 12px; color:#000;}
div#comentarios ul li ul li p { padding:4px; background-color:#FFFFFF;}
div#comentarios ul li ul li div { position: absolute; margin-left: 542px; margin-top: -20px;}
div#comentarios ul li ul li div img {  width:36px; height:45px; border: 1px #F9F9F9 solid; }
div#comentarios ul li ul {margin:10px 0px 10px 20px;  display:block}
div#comentarios ul li ul li {border-bottom:none; background-image:none; margin-bottom: 15px; padding:0px;}
div#comentarios a.comentario_resposta{background:url(../../img/2007/dot_comentarios_resposta.gif) left no-repeat; width:150px; padding:0px 0px 0px 15px; position:relative; left:455px; font-size:12px; color:#4e708b}



#comentarios form { padding:8px; border:1px solid #506E8B; display:block; margin-top:10px; }
#comentarios form.formComentario { margin:5px 0px; }
#comentarios form p{ margin:0px 0px 0px 0px;}
#comentarios form h3 { display:inline; border:0px; margin:0px 10px 0px 0px; padding:0px; }
#comentarios form div { display:inline; }
#comentarios form a { font-size:12px; color:#0A74DA; }
#comentarios form label { margin-top:5px; font-size:12px; margin-right:10px;  height:50px; display:block; border:0px solid #000;   }
#comentarios form label input { margin-top:3px;}
#comentarios form label.login { width:160px; display:inline;}
#comentarios form label.senha { width:140px; display:inline;}
#comentarios form label.submit { display:inline;}
#comentarios form label.cacompanhe { width:450px; height: 12px;}
#comentarios form label input.acompanhe { width:10px;}
#comentarios form label.titulo { width:475px; *width:470px; }
#comentarios form label.titulo input{ width:440px;}
#comentarios form label.titulo input.logged { width:440px; }
#comentarios form label.site, #comentarios form label.submit { height:30px; display:inline;}
#comentarios form label.site input { width:250px; }
* html #comentarios form label.titulo { width:195px; }
#comentarios form label.coment { margin-top:0px; height:80px; }
#comentarios form textarea { padding:5px; width:473px; *width:470px; height:70px; clear:both; }
#comentarios form button { margin-top:15px; }
#comentarios form.formComentRemove { padding:0px; border:0px; display:inline; }




#tishop { margin-top:5px; }
#tishop h3 { font-size:11px;  height:30px; line-height:30px; }
#tishop h3 a { border-right:1px solid #A3A3A3; margin-right:10px; padding-right:10px; float:left; display:block; background:url(/img/2007/r_g_tis.gif) no-repeat left; width:100px; height:30px; }
#tishop h3 a span { display:none; }
#tishop ul { background-color:#ECECEC; padding:10px; margin-top:5px; }
#tishop ul li { margin:5px; margin-top:15px; color:#6D6A6A; font-weight:bold;	 }
#tishop ul li a { display:block; color:#0712F8; font-weight:normal; }
#tishop ul li span { font-weight:normal; color:#CA3517; display:block; }

#showFaq { position:absolute; width:420px; height:300px;  }
#showFaq span { float:right; margin-right:10px; display:block; padding:3px; background-color:#CCC; }
#showFaq iframe { border:1px solid #000;  width:100%; height:300px; }
#showFaq span a { color:#000; }

#showMercado { position:absolute; width:466px; height:300px;  }
#showMercado span { float:right; margin-right:10px; display:block; padding:3px; background-color:#CCC; }
#showMercado iframe { border:1px solid #000;  width:100%; height:300px; }
#showMercado span a { color:#000; }


ul.paginacao { width:100%; float:left; margin:15px auto; text-align:center; padding-bottom:10px; }
ul.paginacao li { display:inline; font-size:12px; }
ul.paginacao li a {  color:#0000CC; padding:4px;   }
ul.paginacao li a.this { color:#000; font-weight:bold; }


#parceirosRodape {
    clear: both;
    /*padding: 0px 0 0px 80px;*/
    border: 1px solid #CCC;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    margin-bottom: 10px;
    *width: 930px;
    *height: 100px;
    _margin-bottom: 20px;
}
#parceirosRodape h2 {
    border-left: 3px solid #47b9ce;
    margin: 12px 0 0 0;
    padding-left: 6px;
    color: #999;
    font-size: 11pt;
}
#parceirosRodape ul.grupo { margin: 10px 0 20px 68px; overflow: hidden; }
#parceirosRodape ul.grupo li { display:block; float:left; }
#parceirosRodape ul.grupo li a {  background:url(/img/2007/r_marcas2.png) center no-repeat; display:block; width:130px; margin:0px 6px; height:45px; }
#parceirosRodape ul.grupo li a span { display:none; }
#parceirosRodape ul.grupo li iframe { margin-left: 12px; }

#parceirosRodape ul.grupo li.uolhost{ margin-top:5px; margin-right: 15px;}
#parceirosRodape ul.grupo li a.dialhost { background-position:0px -45px; }
#parceirosRodape ul.grupo li a.bandnews { background-position:-15px -135px; width: 100px }
#parceirosRodape ul.grupo li a.schoolofnet { background-position:0px 0px; }
#parceirosRodape ul.grupo li a.tishop { background-position:0px -135px; }
#parceirosRodape ul.grupo li a.pagseguro { background-position:0px -90px; }
#parceirosRodape ul.grupo li a.comunidadeweb { background-position: 0px -183px; width: 120px; }

#listas_rodape {
    /*width:859px;*/
    margin-top:0px;
    /**margin-top:10px;*/
    padding:15px 20px 0px 20px;
    background-color:#edf0f3;
    display:block;
    clear:both;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
}
#listas_rodape { padding:30px 0 0px 20px; *margin-top:-10px; }
#listas_rodape div.lista { float:left; margin-right:20px; width:282px; }
#listas_rodape h2 { padding:0px 0px 10px 13px; font-weight:bold; font-size: 14px; }
#listas_rodape ul li { background:url(/img/2007/dot_5.gif) no-repeat 0px 9px; padding:4px 0px 4px 13px; list-style:none; color:#8ba4bd; }
#listas_rodape ul li a { color:#333; text-decoration:underline; font: normal 11px; }
#listas_rodape div.relacao { padding-top:10px; clear:both; width:100%; *margin-bottom:-20px; }
#listas_rodape a.relacao {  margin:0px 132px 0px 6px; font-weight:bold; float:left; display:block; width:150px; padding-left:5px; line-height:23px; text-decoration:none; height:23px; background-color:#cbd3da; color:#6c7073; }
#listas_rodape div>a.relacao { margin:0px 132px 0px 12px; }
#listas_rodape a.relacao:hover { text-decoration:underline; }

#pub_lateral {  width:133px; }
#pub_lateral object { width:131px; }
#arroba { width:300px; }
#arroba, #pub_lateral { padding:0px; margin-top:15px; float:left; }
#arroba *, #pub_lateral * { padding:0px; margin:0px; border:0px; }
#arroba div, #pub_lateral div { border:0px solid #000; height:250px;  }
#pub_lateral div {overflow:hidden; height:248px; width:131px; margin:0px; padding:0px}

div#colA h2.publicidade, div#colB h2.publicidade {
    background: #e4e2e2 url(/img/2007/dot_2.gif) no-repeat 7px 8px;
    margin-bottom:3px;
    color: #999;
    font-size:11px;
    font-weight:normal;
    padding: 3px 3px 3px 20px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

#uol_link_patrocinado { margin:0px 5px; border-top:10px solid #FFF; }


/* Correções para o IE6 */

* body>#ajaxLoading {position: fixed}
* html ul#menu li a { float:left; }
* html #rodape { margin-right:-2px; }

/* Correções para o FF3 */
#topo a.feeds { position:relative; margin-left:-250px;}

#ajaxLoading {background-color:#000; margin:0px; border: 1px solid #999; padding:5px; bottom:5px; display:none; position:fixed;*position:absolute; left:5px; } 
#ajaxLoading img {vertical-align:-11px; margin-left:2px}