/* -------------------------------- */
/* CSS - Crazy Mania - Home         */
/* Criado por: Rael B. Riolino      */
/* iNovaStudio: www.inovastudio.com */
/* -------------------------------- */

/* CONFIG. PADRÃO */
body{}
*{margin:0;padding:0;border:0;font:12px Arial, Helvetica, sans-serif;color:#000;}
* a{text-decoration:none;}
* a:hover{text-decoration:underline;}
* b{font-weight:bold;}
* h2{font-size:12px;font-weight:bold; border-bottom:1px solid #F90;padding-bottom:5px;color:#333;margin-bottom:10px;}

/* ESTRUTURA */
#corpo{width:780px;position:absolute; left:50%; margin-left:-390px;}
#superior{background:#000 url(http://www.crazymania.com.br/imagens/bg.gif) repeat-x; display:block; width:780px; height:125px;}
#centro{position:absolute;top:125px;left:50%;margin-left:-390px; background: #FFF url(http://www.crazymania.com.br/imagens/fundo.gif) repeat-y left;width:780px;}

/* LOGOTIPO */
.logo{background-image:url(http://www.crazymania.com.br/imagens/logo.gif);width:100px; height:125px;float:left;}
.crazymania{background-image:url(http://www.crazymania.com.br/imagens/crazymania.gif);width:188px; height:60px;float:left;margin-top:20px;}

/* BANNERS */
.banner1{width:465px;height:60px;position:absolute;top:20px;left:295px;background:#333 url(_banners/publicidade.gif) no-repeat;padding-left:10px;}

/* MENU CIMA */
#menu{position:absolute;top:102px;left:90px;padding:4px 0px;}
#menu li{background-color:#A3A3A3; display:inline;}
#menu li a{padding:4px 8px;background-color:#A3A3A3;text-decoration:none;}
#menu li a:hover{background-color:#000;color:#FFF;}
#menu li span{background-color:#BBB;padding:4px 8px;}

/* MENU ESQUERDO */
#menu-esq{float:left; background-color:#EDEDED;height:730px;}
.menu-esq-sup{padding:5px 0px 0px 6px; background-image:url(http://www.crazymania.com.br/imagens/menu-esq-sup.gif); width:144px;height:30px;}
#menu-esq h1{background: url('http://www.crazymania.com.br/imagens/menu-esq-tt.gif'); width:135px; height:12px; font-size:11px; font-weight:bold; color:#FFF; padding-left:15px; padding-right:0px; padding-top:1px; padding-bottom:2px}
#menu-esq li{width:140px; background-color:#EDEDED;border-bottom:1px solid #FFF; list-style:none;}
#menu-esq li a{font-size:10px;background-color:#EDEDED; width:130px; padding:4px 10px; color:#000; text-decoration:none;display:block;}
#menu-esq li a:hover{background-color:#999; color:#FFF;}
#menu-esq li a.new{background:#EDEDED URL(http://www.crazymania.com.br/imagens/novo.gif) no-repeat 115px 7px;}
#menu-esq li a:hover.new{background:#999 URL(http://www.crazymania.com.br/imagens/novo2.gif) no-repeat 115px 7px; color:#FFF;}
#esquerda img{text-align:center;padding-top:10px;}

/* DIREITA */
#direita{text-align:center; width:140px; height:730px; float:right; background-color:#EDEDED;}
#direita span{margin:10px 10px 0px 10px; padding:2px; display:block; background-color:#BBB; color:#FFF; font-size:10px;}

/* CONTEUDO */
#conteudo{width:460px; margin:10px 10px 0px 160px;}

/* TEXTOS */
#texto p{margin-top:5px; font-size:12px; color:#000; text-align:justify;}
#texto ul, #texto ol{display:block; padding:5px 10px;}
#texto li{margin:5px; color:#666;}
#texto a{color:#DC7200; text-decoration:underline;}
#texto a:hover{color:#FFAE00;}
#texto b, #texto strong{font-weight:bold; color:#333;}
#texto em, #texto i{font-style:italic; color:#666;}

/* CONTEUDO - HOME */
.destaque{float:right;width:220px;height:170px;}
.novidades{float:left;width:220px;height:170px;}
.novidades span{line-height:22px;}
.novidades ul{list-style:none;}
.be{float:left;margin:20px 0px 10px 0px;width:220px;}
.bd{float:right;margin:20px 0px 10px 0px;width:220px;}
.be span, .bd span{display:block; background-color:#F6F6F6;padding:5px;margin:10px 0px;}
.be p, .bd p{display:block; background-color:#F6F6F6;padding:5px;margin:10px 0px; text-align:justify;}
.be b, .bd b{text-align:left;}
.humor b, .humor td, .humor tr, .humor table, .humor{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;}
#mais{clear:both; display:block; padding-bottom:10px;}
.mais a{font-weight:bold; width:208px; margin:0px 5px; padding:0px 5px; float:left; text-align:right; color:#000; background-color:#EEE;}
.mais a:hover{color:#DC7200;}

/* COPYRIGHT */
.copyright{clear:both; text-align:center; border-top:1px solid #CCC; padding-top:10px; margin-top:15px; display:block; height:25px;}
.copyright span{color:#666; font-size:10px;}
.copyright span a{color:#333; font-size:10px; text-decoration:none;}
.copyright span a:hover{color:#933; font-size:10px; text-decoration:none;}