/**********************************************************************
 *
 * CSS ALIVE SCRIPT - Desenvolvido por Marlos Irapuan (www.idalem.com)
 *
 *********************************************************************/


/* ************************************** */
/* Definicoes Gerais
/* ************************************** */
html, body, td, th, input, select, textarea
{
	font-family: Tahoma, Sans-Serif;
	margin:0;padding:0;
}
body{ text-align:left; background:url(../img/background.jpg) top repeat-x; background-color:#FFF; color:#333; }
html>body {	font-size:0.75em;}

a{ text-decoration:none; color:#858585;}
a:hover{ text-decoration:underline; color:#069;}

* {padding:0;margin:0;}



/* ************************************** */
/* Painel Rotativo
/* ************************************** */
#painel {width:250px;height:250px;background-color:#FFF; float:left; border:1px solid #E2E2E2; margin-left:17px; }
div>#painel {top:0;} /*hack*/
#painel-conteudo {display:none;}
#painel h2 {font-size:11px;padding:0 0.4em;margin:-17px 0 0 0;}
#painel h2 a {color:#666;}
#painel h2 a:visited {color:#666;}
#painel #imgslide {width:250px;height:185px;margin:40px 0 -18.8em 0;}
#painel #proximo, #painel #anterior, #painel #pause {cursor:pointer;cursor:hand;position:absolute;}
#painel #prox-ant {position:absolute;top:400px;width:13.8em;height:10px;left:10;}
#painel #anterior {left:2px;}
#painel #proximo {left:180px;}
#painel #pause {left:119px;}
#painel #to-blend {opacity:0.99;zoom:1;}


/* ************************************** */
/* Geral
/* ************************************** */

/* --> tudo */
div#all { width:988px; height:auto; margin:0 auto 0 auto; padding:0 auto 0 auto; background:url(../img/back.jpg); overflow:hidden; }

/* --> cabecalho */
div#header { width:988px; height:137px; }
/* --> cabecalho - lado esquerdo */
div#header .left { background:url(../img/header_left.jpg) top no-repeat; width:525px; height:137px;	float:left; }
div#header .left ul { text-align:right; margin:115px 35px 0 0;}
div#header .left ul li { display:inline; margin:0 0 0 0; padding:0 10px 0 10px; background:url(../img/seta.jpg) no-repeat left;}
/* --> cabecalho - lado direito */
div#header .right { background:url(../img/header_right.jpg) top no-repeat; width:463px;	height:137px;float:right; text-align:left; }


/* ************************************** */
/* Menu
/* ************************************** */
div#left { width:191px; min-height:600px; float:left;  }

/* --> menu about */
div#left .header_about { width:191px; height:40px; background:url(../img/background_about.jpg) top no-repeat; }
div#left .content_about { min-height:95px; background:url(../img/background_left.jpg); }
div#left .content_about a { color:#666; }
div#left .content_about a:hover { color:#069; }
div#left .content_about ul { margin:0 0 0 22px;}
div#left .content_about ul li { list-style:none; padding:.3em 0 0 15px; background:url(../img/seta-menu-alive.jpg) 7px .65em no-repeat; }


/* --> menu entretenimento */
div#left .header_ent { width:191px; height:37px; background:url(../img/background_ent.jpg) top no-repeat; }
div#left .content_ent { min-height:40px; background:url(../img/background_left.jpg); color:#999; }
div#left .content_ent a { color:#666; }
div#left .content_ent a:hover { color:#069; }
div#left .content_ent ul { margin:0 0 0 22px;}
div#left .content_ent ul li { list-style:none; padding:.3em 0 0 15px; background:url(../img/seta-menu-ent.jpg) 4px .65em no-repeat;}


/* --> menu aliases */
div#left .header_alias { width:191px; height:35px; background:url(../img/background_alias.jpg) top no-repeat; }
div#left .content_alias { min-height:95px; background:url(../img/background_left.jpg); color:#999; }
div#left .content_alias a { color:#666; }
div#left .content_alias a:hover { color:#069; }
div#left .content_alias ul { margin:0 0 0 22px; padding:0 0 2px 0; }
div#left .content_alias ul li { list-style:none; padding:.4em 0 0 21px; background:url(../img/seta-menu-aliase.jpg) 4px .50em no-repeat;}
div#left .content_alias ul li ul li { margin:0 0 0 -20px; }


/* --> menu skins */
div#left .header_skins { width:191px; height:36px; background:url(../img/background_skins.jpg) top no-repeat; }
div#left .content_skins { min-height:45px; background:url(../img/background_left.jpg); color:#999; }
div#left .content_skins a { color:#666; }
div#left .content_skins a:hover { color:#069; }
div#left .content_skins ul { margin:0 0 0 22px; padding:0 0 2px 0; }
div#left .content_skins ul li { list-style:none; padding:.4em 0 0 13px; background:url(../img/seta-menu-skins.jpg) 4px .85em no-repeat;}
div#left .content_skins ul li ul li { margin:0 0 0 -20px; }

/* --> menu enviar */
div#left .header_send { width:191px; height:35px; background:url(../img/background_send.jpg) top no-repeat; }
div#left .content_send { min-height:100px; background:url(../img/background_left.jpg); }
div#left .content_send a { color:#666; }
div#left .content_send a:hover { color:#069; }
div#left .content_send ul { margin:0 0 0 22px; }
div#left .content_send ul li { list-style:none; padding:.4em 0 0 17px; background:url(../img/seta-menu-enviar.jpg) 4px .85em no-repeat;}

div#left .footer_send { height:19px; background:url(../img/background_footersend.jpg); }

/* ************************************** */
/* Leitura de conteudo Entretenimento
/* ************************************** */
div#conteudo_lido_tudo { width:60%; margin:0 auto 0 auto; }

div#titulo_conteudo_lido { height:30px; margin:70px 0 0 0; }
div#titulo_conteudo_lido h1 { font-size:22px; color:#FFF; display:block; }

div#conteudo_lido { background:#F5F5F5; min-height:40px; margin:30px 0 0 0; padding:10px 3px 10px 3px; }
div#conteudo_lido img { margin-bottom:10px; }
div#conteudo_lido .show_image { text-align:center; }
div#conteudo_lido .show_alias { text-align:left; padding:0 0 0 15px; }

div#conteudo_lido h4 { margin-bottom:10px; font-size:16px; } 
div#conteudo_lido .back { margin-bottom:20px; }



/* ************************************** */
/* Corpo
/* ************************************** */
div#content { width:597px; min-height:600px; float:left; font-size:11px; }

div#content p { margin:0 0 0 0; padding:10px 0 10px 0; }
div#content img { border:0px; }

/* --> form */
div#content form input[type=text], form input[type=password], form textarea, select{ border:1px solid #999; }

/* --> cabecalhos */
div#content h4 { font-size:14px; padding:0 0 10px 0; }

div#content .left { width:320px; min-height:120px; float:left; }
div#content .left h1 { background:url(../img/noticias.jpg) left top no-repeat; height:20px; }
div#content .left ul { padding:0 0 0 0; margin:0 0 10px 0; list-style:none; }
div#content .left ul li { padding:0 0 0 0; margin:0 0 1px 0; }
div#content .noticias_data { color:#AEAEAE; font-size:10px; font-family:Arial, Helvetica, sans-serif; }
div#content .left a { color:#666; text-decoration:none; }
div#content .left a:hover { color:#069; text-decoration:underline; }

div#content .right { width:255px; min-height:150px; float:left; }
div#content .right h1 { background:url(../img/destaque.jpg) left top no-repeat; height:20px; margin-left:10px; }

/* --> registrar-se */
div#content fieldset { border:1px solid #CCC; margin:20px 0 0 20px; padding:0 0 10px 10px; width:545px; }
div#content legend { padding:0 4px 0 4px; margin:0 0 5px 0; font-weight:bold; font-variant:small-caps; color:#09C;}

/* --> infouser */
div#infouser_about { width:430px; float:left; padding:3px 3px 3px 3px; margin:30px 0 0 18px; border-top:1px solid #E5E5E5; border-bottom:1px solid #E5E5E5; }
div#infouser_about ul { list-style:none; padding:0 0 0 0; margin:0 0 0 0; }
div#infouser_about ul li { margin:0 0 8px 0; }
div#infouser_about .infouser_label { width:80px; text-align:right; font-weight:bold; }
div#infouser_about .infouser_desc { width:230px; text-align:left; }
div#infouser_avatar { width:120px; float:left; text-align:center; margin:38px 0 0 0; }


/* --> info */
div#content .inforegister { color:#F00; }

/* --> botao */
div#content form input[type=submit], form input[type=button]{ font-size:11px; font-weight:bold; color:#666; background: url(../img/fundoformbotao.jpg) no-repeat left #FFF; width:62px; height:18px; margin:5px 8px 0 0; border:0; }

/* --> tipo aliase */
div#content .h1_aliases { background:url(../img/h1_aliases.jpg) no-repeat right; } 
div#content .tipoaliase {text-transform:lowercase; font-variant:small-caps; font-size:20px; color:#333;}

/* --> imagem screenshot */
div#screen { margin:0 0 10px 0; padding:0 0 0 0; float:left; } 
div#screen .img_shot { width:160px; float:left; border-top:1px solid #CCC; min-height:143px; text-align:center; padding-top:2px; }
div#screen .img_shot_desc { width:435px; float:left; }

/* --> info aliase */
div#content .infoalias { background:#F3F3F3; padding:4px 4px 4px 4px; border:1px solid #CCC; margin:0 0 20px 0; }
div#content .infoalias a { font-weight:bold; }
div#content .infofield { padding:0 0 0 0; margin:0 0 0 0; border-left:1px solid #CCC; border-top:1px solid #CCC; border-right:1px solid #CCC; border-bottom:1px solid #CCC;}
div#content .infouser { color:#999; margin-top:10px; border-top:1px dotted #999; width:500px; }

/* --> skins */
div#content .h1_skins { background:url(../img/h1_skins.jpg) no-repeat right; } 

/* --> entretenimento */
div#content .h1_ent { background:url(../img/h1_ent.jpg) no-repeat right; } 



/* --> download */
div#content .download { text-align:left; margin-top:10px; }
div#content .download a { text-decoration:none; font-weight:bold; color:#C60; }
div#content .download a:hover { text-decoration:none; color:#CC9;}
div#content .download img { margin-top:2px; }

/* --> comentarios */
div#content .comentar { text-align:left; margin-top:10px; }
div#content .comentar a { text-decoration:none; font-weight:bold; color:#C60; }
div#content .comentar a:hover { text-decoration:none; color:#CC9;}
div#content .comentar img { margin-top:3px; }


/* --> paginacao */
div#content .paginacao a { display:inline-block; width:20px; height:20px; background:#EBEBEB; border:1px solid #CCC; font-size:16px;}
div#content .paginacao a:hover { background:#69F; color:#FFF; font-size:16px; text-decoration:none;}
div#content .paginacao { margin-top:10px; text-align:center; font-size:12px;}

/* --> aviso 001 / 002 */
div#content .infomsg_001 { font-weight:bold; font-variant:small-caps; color:#F66; }
div#content .infomsg_002 { font-weight:bold; font-variant:small-caps; color:#696; }
div#content .infomsg_003 { font-weight:bold; font-variant:small-caps; color:#F00; }

/* --> leitura de noticia */
div#content h1 { font-size:16px; color:#666; padding:8px 0 5px 5px; }
div#content h2 { font-size:11px; color:#999; padding:0 0 0 5px; font-weight:normal; }
div#content h3 { font-size:10px; }
div#content .corpo { font-size:12px; margin:15px 0 0 0; padding:0 0 5px 5px; line-height:19px; width:98%; }
div#content .corpo a { color:#06C; text-decoration:underline; }
div#content .corpo a:hover { color:#069; }

/* --> banner */
div#content .banner { width:597px; float:left; text-align:center; }
div#content .banner ul { list-style:none; }
div#content .hr { background:url(../img/hr.jpg) no-repeat; border:solid 1px #FFF; height:5px; padding:0 0 5px 0; margin:5px 0 0 0; }
div#content hr { display:none; }

/* --> screen shots */
div#content .screenshots { width:597px; float:left; margin:5px 0 5px 0; text-align:center; }
div#content .screenshots h1 { background:url(../img/screenshots.jpg) left top no-repeat; height:24px; }
div#content .screenshots ul li { padding:0 0 0 0; margin:0 0 0 0; display:inline; }
div#content .screenshots ul li img { border:2px solid #CCC; padding:2px 2px 2px 2px; vertical-align:top; }
div#content .screenshots ul li a:hover { border-top:2px solid #09F; }

/* --> ads */
div#content .adsregistro { width:597px; float:left; }
div#content .ads { width:304px; float:left; }
/* div#content .ads h1 { background:url(../img/ultimasperolas.jpg) left top no-repeat; height:28px; } */

div#content .ads ul { padding:0 0 0 0; margin:0 0 10px 5px; list-style:none; }
div#content .ads ul li { padding:0 0 0 0; margin:0 0 2px 0; display:block; border-bottom:1px dotted #CCC; }

div#content .registros { width:285px; float:right; }
div#content .registros h1 { background:url(../img/registros.jpg) left top no-repeat; height:28px; }
div#content .registros .espaco { padding:65px 0 0 0; }
div#content .registros ul { padding:0 0 0 5px; margin:0 0 0 0; font-size:11px; }
div#content .registros ul li { padding:0 0 0 0; margin:0 0 0 0; list-style:none; display:block; width:270px; float:left; border-bottom:1px dotted #CCC; }
div#content .registros span { padding:0 0 0 0; margin:0 0 0 0; display:block; width:90px; float:right; text-align:right; }


/* --> mais lidas, ultimos comentarios */
div#content .mais_lidas { float:left; width:270px; height:auto; font-size:1em; padding:0 0 0 5px; }
div#content .mais_lidas h2 { font-size:14px; font-variant:small-caps; color:#69C; font-weight:bold; border-bottom:1px dotted #CCC; }
div#content .mais_lidas ul { padding:5px 0 0 0; }
div#content .mais_lidas ul li { list-style:none; background:url(../img/seta.gif) no-repeat left; padding:0 0 0 10px; line-height:18px; }

div#content .ultimos_comentarios { float:left; width:295px; height:auto; font-size:1em; padding:0 0 0 5px; margin:0 0 0 10px; }
div#content .ultimos_comentarios h2 { font-size:14px; font-variant:small-caps; color:#69C; font-weight:bold; border-bottom:1px dotted #CCC; }
div#content .ultimos_comentarios ul { padding:5px 0 0 0; }
div#content .ultimos_comentarios ul li { list-style:none; background:url(../img/seta.gif) no-repeat left; padding:0 0 0 10px; line-height:18px; }





/* ************************************** */
/* Direita
/* ************************************** */
div#right { width:200px; min-height:600px; float:left; overflow:hidden; padding:0 0 0 0; margin:0 0 0 0; }
div#right .header_topuser { width:200px; min-height:332px; background:url(../img/background_topuser.jpg); }
div#right .header_topuser .espaco { padding:65px 0 0 0; }
div#right .header_topuser ul { padding:0 0 0 10px; margin:0 0 0 0; font-size:11px; }
div#right .header_topuser ul li { padding:0 0 0 0; margin:0 0 0 0; list-style:none; display:block; width:180px; float:left; border-bottom:1px dotted #CCC; }
div#right .header_topuser span { padding:0 0 0 0; margin:0 0 0 0; display:block; width:50px; float:right; text-align:right; }

/* publicidade */
div#right .header_pub { background:url(../img/background_publicidade.jpg);width:200px;height:42px; }
div#right .content_pub { background:url(../img/background_right.jpg); min-height:50px;}
div#right .content_pub ul li { padding:0 0 0 0; margin:0 0 0 10px; list-style:none; }

/* parceiros */
div#right .header_parceiros { background:url(../img/background_parceiros.jpg);width:200px;height:41px; }
div#right .content_parceiros { background:url(../img/background_right.jpg); min-height:50px; width:180px; }
div#right .content_parceiros ul li { list-style:none; padding:0 0 0 0; margin:10px 0 0 10px; text-align:center; }


/* ************************************** */
/* Rodapé
/* ************************************** */
div#footer { background:url(../img/background_footer.jpg) #FFF top no-repeat; float:left; width:988px; height:20px; padding:0 0 40px 0; }
div#footer .info { font-size:10px; margin:20px 0 0 185px; float:left; width:310px;}
div#footer .navigation { font-size:10px; margin:20px 190px 0 0; float:right; width:300px;}
div#footer .navigation ul { text-align:right; margin:0 10px 0 0;}
div#footer .navigation ul li { display:inline; margin:0 0 0 0; padding:0 10px 0 10px; background:url(../img/seta.jpg) no-repeat left;}



/* ************************************** */
/* Formulario
/* ************************************** */
div#login { margin:45px 0 0 150px; padding:0 0 0 0; min-height:16px; width:300px; text-align:left; font-size:11px;}
div#login .senhainvalida { margin:45px 0 0 0; padding:45px 0 0 0; color:#F99; text-align:right;}
div#login .formulario { margin:0 0 0 0; color:#999;}
div#header form .labellogin { padding-top:2px; margin-top:1px; margin-left:50px; margin-right:3px; color:#999; display:block; width:40px; float:left; text-align:right; font-variant:small-caps}
div#header form .labelsenha { padding-top:2px; margin-top:1px; margin-left:50px; margin-right:3px; color:#999; display:block; width:40px; float:left; text-align:right; font-variant:small-caps}

div#header form input[type=text]{font-size:11px; width: 140px; height: 18px; background: url(../img/fundoformtexto.jpg) no-repeat; border:0; padding:2px 0 0 4px;}
div#header form input[type=password]{ font:11px; width: 140px; height: 18px; background:url(../img/fundoformtexto.jpg) no-repeat; border:0;padding:2px 0 0 4px;}
div#header form input[type=submit], form input[type=button]{ font-size:11px; font-weight:bold; color:#666; background: url(../img/fundoformbotao.jpg) no-repeat left #FFF; width:62px; height:18px; margin:5px 8px 0 15px; border:0; }




/* ************************************** */
/* Comentarios
/* ************************************** */
div#comment { margin:50px 0 60px 0; padding:0 10px 0 10px; width:96%; font-size:12px; }
div#comment h1 { font-size:16px; margin:0 0 10px 0;}
div#comment h2 { font-size:16px; margin:20px 0 5px 0; color:#06C; }
div#comment .frmcomentario { 
	background:#FFF; padding:10px 10px 10px 10px; 
	border-top:1px solid #EFEFEF;
}
div#comment .commentleft { min-height:110px; overflow:auto; }
div#comment .commentlist { list-style:none; }
div#comment .commentview { background:#EFEFEF; padding:10px 10px 10px 10px; margin:0 0 12px 0;}
div#comment .commentview img { border:1px solid #FFF; padding:3px 3px 3px 3px; }
div#comment .commentauthor a { color:#06C; font-size:14px; font-variant:small-caps; font-weight:bold; }
div#comment .commentauthor a:hover { text-decoration:none; color:#69F; }
div#comment .commentdate a { font-size:12px; color:#999; }
div#comment .commentcontent { width:86%; margin-top:8px; float:left; border-top:#FFF 1px solid; }
div#comment .commentgravatar { width:10%; margin-top:8px; float:left; }

div#comment .listcontent { font-size:12px; margin-left:20px; color:#FC6; }


div#comment .infocomment { font-size:11px; color:#333; }
div#comment textarea{ border-top:#CCF 3px solid; border-bottom:#CCF 1px solid; border-left:#CCF 0px solid; border-right:#CCF 0px solid; padding:0px 0 2px 0;margin:0 0 3px 0; background:#F4F4F4 ;}
div#comment form input[type=submit]{ font-size:11px; font-weight:bold; color:#666; background: url(../img/fundoformbotao.jpg) no-repeat left #FFF; width:62px; height:18px; margin:5px 8px 0 0; border:0; }
div#comment .preenchacampos { display:block; background:#F00; height:25px; color:#FFF; font-weight:bold; margin:10px 0 10px 0; padding:5px 0 0 5px;}



/* ************************************** */
/* Area de login (usuario)
/* ************************************** */
div#frm_login_left { width:200px; float:left; height:80px; }
div#frm_login_left ul { list-style:none; margin:5px 0 5px 0; }
div#frm_login_left ul li { margin:2px 0 0 10px; }

div#frm_login_right { width:90px; float:left; height:80px; }