/* CSS Document */
body, h1, h2, h3, h4, h5, h6, p, form, ul, li {
	margin:0px;
	padding:0px;
	list-style-image: none;
	list-style-type: square;
}
body{
	font:normal 11px Arial;
	background-color:#D2CFCF;
	background-position: bottom;
}
br.c{ clear:both; }

#geral { margin:0px; padding:0px 5px 5px 5px; background-color:#FFF; width: 930px; margin:0px auto; }

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

#publicidade { height:90px; padding:7px 96px; background-color:#EEE; margin-bottom:0px; }

#imBar {  background:url(/img/2007/dgd_1.gif) repeat-x 0px 0px #54BFD2; border:1px solid #2DAABF; line-height:28px; height:28px; margin-bottom:3px; }
#imBar span { margin-right:10px; font-weight:bold; color:#FFF; float:right; margin-top:-28px; height:28px; line-height:28px; }
@media all and (min-width:0px) {  head~body #imBar span { margin-top:0px;  }  } /* hack p/ opera+safari */
#imBar span a { color:#FFF; font-weight:normal; }
#imBar ul { height:28px; line-height:28px; display:inline; }
#imBar li h2 { height:28px; width:44px; background:url(/img/2007/logo_peq.gif) no-repeat center; float:left; }
#imBar li h2 span { display:none; }
#imBar ul li { display:inline;  }
#imBar ul li.first, #imBar ul li:first-child { padding:0px; } 
#imBar ul li a { padding:0px 7px 0px 7px; display:block; float:left; color:#FFF; }
#imBar select { margin-top:5px; font-size:11px; }

/* Barra de Login */
#imBar #formLogin, #imBar span {  text-align:right; width:450px;  }
@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-top:-2px; 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:#7BD0DE; position:relative; width:130px; z-index:999; }
#imBar div.show #outrasopcoes { margin-left:323px;  }
#imBar span div.show>#outrasopcoes { *margin-top:0px;  }
#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; }


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

#topo { background:url(/img/2007/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:normal 11px Arial; 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; position:relative; padding-top:22px; margin-left:540px; }
#topo form a { font:normal 10px Arial; 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 {   height:28px; }
ul#menu li {
	height:auto;
	line-height:normal;
	display:block;
	float:left;
	width: 87px;
	margin: 1px;
	padding: 0px;
	border-right-width: 0px;
	border-right-style: none;
	border-right-color: #ffffff;
}
ul#menu>li:first-child, ul#menu li.first  { padding-left:5px; }
ul#menu li.last { padding-right:5px; border-right:0px;  }
ul#menu li a {
	display:block;
	height:auto;
	font: bold 12px Arial;
	color:#FFF;
	text-transform:none;
	text-decoration:none;
	padding-top: 7px;
	padding-right: 4px;
	padding-bottom: 10px;
	padding-left: 7px;
}

/* Submenu */
ul#menu li ul { z-index:9999; display:none;  }
ul#menu li.last:hover ul { margin-left:-29px; } 
ul#menu li:hover:first-child ul { margin-left:-5px; } 
ul#menu li:hover ul, ul#menu li.hover ul { width:100px; display:block; position:absolute; margin:0px; clear:both; }
ul#menu li:hover ul li, ul#menu li.hover ul li { background:#CCFFCC; border:0px solid #ffffff; border-bottom-color:#ffffff; border-top-color:#ffffff; display:block; float:left; width:100px; *margin-bottom:0px; }
ul#menu li ul li:hover, ul#menu li.hover ul li.hover { font-weight:bold; color:#FFF; background-color:#ffffff; border-left-color:#ffffff; border-right-color:#BDDFE8; }
ul#menu li:hover ul li a, ul#menu li.hover ul li a { color:#1A2E2F; display:block; float:none; }

#conteudo { border:0px solid #FFF; padding:5px 0px 0px 15px; *padding-top:18px; background:url(/img/2007/dgd_2.gif) repeat-x; }

#rodape ul.extras {  background:url(/img/2007/dgd_1.gif) repeat-x 0px -170px #25A0B5; height:45px; margin:0px 15px 0px 15px; }
#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 ul.grupo { width:770px; margin:12px auto 8px auto; height:35px; }
#rodape ul.grupo li { display:block; float:left; }
#rodape ul.grupo li a { background-position:center; background-repeat:no-repeat; display:block; width:113px; margin:0px 8px 0px 8px; height:30px; }
#rodape ul.grupo li a span { display:none; }

#rodape ul.grupo li a.imasters { background-image:url(/img/2007/r_g_im.gif); }
#rodape ul.grupo li a.dialhost { background-image:url(/img/2007/r_g_dial.gif); }
#rodape ul.grupo li a.intercon { background-image:url(/img/2007/r_g_int.gif); }
#rodape ul.grupo li a.imasters_fone { background-image:url(/img/2007/r_g_imf.gif); }
#rodape ul.grupo li a.tishop { background-image:url(/img/2007/r_g_tis.gif); }
#rodape ul.grupo li a.revi { width:80px; background-image:url(/img/2007/r_g_rev.gif); }
#rodape ul.grupo li a.impacta { width:142px; background-image:url(/img/2007/r_g_imp.gif); }


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

/* Estilos gerais */

button { margin:1px 0px 1px 4px; font:bold 11px Arial; color:#11586C; height:19px; padding:1px 3px 1px 3px; background-color:#74B2BD; border:1px solid #000; border-color:#B6E3EB #024F5D #024F5D #B6E3EB; }
#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 { background-color:#FFF; width:876px; padding:5px 10px; margin:12px 0px 4px 0px; }
#canal h3 { display:inline; }
#canal h3 a { font-size:22px; text-decoration:none; color:#0F6B83; }
#canal ul { float:right; margin-top:-18px; margin-right:10px; display:inline; } 
#canal ul li { padding:0px 4px 0px 4px; display:inline; }
#canal ul li a { color:#1437CE; text-transform:uppercase; }


#comentarios { width:525px; float:left; }
#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:bold 14px Arial; margin:0px; padding:2px}
div#comentarios ul li p{ margin:0px; padding:6px;}
div#comentarios ul li span{ display:block; background-color: #F8F8F8; padding:5px;}
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:bold 12px Arial; 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:normal 12px Arial; color:#000;}
div#comentarios ul li ul li p { padding:4px; background-color:#f8f8f8}
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:0px; 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:396px; }



#comentarios form { padding:8px; border:1px solid #506E8B; display:block; }
#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:483px; *width:476px; }
#comentarios form label.titulo input.logged { width:483px; *width:476px; }
#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; }

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


/* Correções para o IE6 */
* html #imBar span { padding-top:4px; }
* body>#ajaxLoading {position: fixed}
* html ul#menu li a { float:none; }
* html #rodape { margin-right:-2px; }

#ajaxLoading {background-color:#FFF; 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}