@charset "utf-8";
/* 
###############################################################  
Description: JOGOS DE TUDO (www.jogosdetudo.com.br)
Version: 1.0
Author: Elias Ferreira Junior
Author URL: http://www.eliasjunior.com.br/
###############################################################  
*/ 
*{margin: 0; padding: 0;}
html{background:#fff; }
body{color:#333; font: 70%/1.5em Arial, Helvetica, sans-serif;}
a img, table{border:0;}
hr{margin:10px 0; clear:both;}

fieldset{ padding:10px;}
legend{text-transform:uppercase; padding:0 5px; font-weight:bold;}
option{padding-left:5px;}

a {color:#666666; text-decoration:none; outline:0;}
a:link {color:#000; outline:0;}
a:visited {color:#000; outline:0;}
a:hover {color:#00C; outline:0;}
a:active {color:#000; outline:0;}

h1 {font-size:1.6em;}
h2 {font-size:1.5em;}
h3 {font-size:1.4em;}
h4 {font-size:1.3em;}
h5 {font-size:1.2em;}
h6 {font-size:0.8em;}

p {font-size:1.1em;}
p a{/* color:#000 !important;font-weight:bold;*/}
/* 
CSS DESIGN DO SITE
*/ 

#container {width:995px; height:1500px; margin:0 auto; padding:0; background:#FFF; position:relative;}
#header {border-bottom:#009900 solid 3px; height:110px; width:979px; margin:auto; margin-bottom:8px;}
#header h1 { color:#B0B000; font-size:2em; letter-spacing:-0.05em; display:block; height:80px; width:235px; padding-top:10px; float:left; margin-right:8px; margin-top:20px;}
#adsense-topo { width:728px; height:90px; border:#CCCCCC solid 1px; float:left; margin-top:8px;}
#adsense-meio { width:728px; height:90px; border:#CCCCCC solid 1px; margin:20px 0; margin-left:30px;}
#nota-abertura {width:979px; height:75px; margin:auto; text-align:justify; font-weight:bold;}

.bloco-games-fale {width:775px; background:#f5f5f5; margin:8px; margin-top:0; padding:10px; padding-right:0;}
.bloco-games-fale .itens-fale {margin: 30px 0 0 210px;}
.itens-fale p {font: 14px Arial; color: #000; margin: 20px 0;}
.itens-fale span {font: 15px Arial; color: #f00; margin: 20px 0;}
.fale-campo-texto { width: 350px; border: 1px solid #000;}
.fale-area-texto { width: 350px; border: 1px solid #000;}
.butao-fale {border: 1px solid #000; color: #000; background: #ccc; width: 300px; margin: 0 0 10px 25px;}
.bloco-games {width:775px; background:#C7F900; margin:8px; margin-top:0; padding:10px; padding-right:0;}
.bloco-games .cabecalho, .bloco-games .rodape {height:30px; }
.bloco-games .cabecalho h2, .bloco-games .rodape h2{float:left;}
.bloco-games .cabecalho h3, .bloco-games .rodape p a{float:right; padding-right:10px;}
.bloco-games .rodape h2, .bloco-games .rodape p a{font-size:12px; font-weight:bold; }
.bloco-games .rodape p a:hover{color:#FF0000; text-decoration:underline;}
.bloco-games .cabecalho h2 {font-size:2em;}
.bloco-games .itens {height:190px;}
.bloco-games .itens div {width:165px; float:left; padding:9px; background:#f8fee0; margin-right:10px; margin-bottom:10px;}
.bloco-games .itens div:hover {background:#FFFF99;}
.bloco-games .itens div a img{margin-bottom:5px;}
.bloco-games .itens div p a{font-size:1.2em; font-weight:bold; color:#FF0000;}
.bloco-games .itens div p{font-size:0.9em;}



#bloco-games-novos {width:775px; height:260px;background:#8B0101; margin:8px; margin-top:0; padding:10px; padding-right:0;}
.boldd {padding: 0 0 25px 0; font: bold 15px Arial; color: #fff;}
#bloco-games-novos-1 {float:left; width: 250px; }
#bloco-games-novos-1 p {padding:5px;}
#bloco-games-novos-1 a {font: 12px Arial; color: #fff; padding-left: 10px;}
#bloco-games-novos-1 a:hover {text-decoration:underline;}
#bloco-games-novos-2 {float:left; width: 280px; }
#bloco-games-novos-2 p {padding:5px;}
#bloco-games-novos-2 a {font: 12px Arial; color: #fff; padding-left: 10px;}
#bloco-games-novos-2 a:hover {text-decoration:underline;}
#bloco-games-novos-3 {float:left; width: 240px; }
#bloco-games-novos-3 p {padding:5px;}
#bloco-games-novos-3 a {font: 12px Arial; color: #fff; padding-left: 10px;}
#bloco-games-novos-3 a:hover {text-decoration:underline;}




#sidebar{position:absolute;	left:805px;	top:196px;	width: 180px;}
#sidebar ul, #sidebar div{margin-bottom:10px;}

#menu, #nossa-rede, #parceiros, #tags {display:block; width:170px; padding:5px; background:#e9e9e9;} 
#nossa-rede, #parceiros, #tags {padding:10px 5px;}
#nossa-rede h2, #parceiros h2, #tags h2 { text-indent:5px; font-size:1.8em; margin-bottom:5px;}
#menu {background:#b0b000;}

ul.menulist li {list-style:none; display:block;}
ul.menulist li a {display:block; height:15px; padding:2px 5px; font-size:1em; font-weight:bold; color:#0000ff !important;}
ul.menulist li a:hover {background:#000066; color:#FFFFFF !important;}
ul.menulist li a.ativo {background:#d0d0d0; color:#000066 !important; text-indent:5px;}

#menu li{list-style:none;}
#menu li a{color:#FFFFFF; display:block; font-size:1.1em; font-weight:bold; padding:2px 5px; height:20px; border-bottom:#c0c000 solid 1px;}
#menu li a:hover, #menu li a.ativo{background:#666600; border-bottom:#c0c000 solid 1px;}
#menu li a:hover {text-indent:5px;}

#tags a {color:#0000CC; padding-bottom:5px;}
#tags a:hover {text-decoration:underline}
#tags .t0 {font-size:1.135em;}
#tags .t1 {font-size:1.235em;}
#tags .t2 {font-size:1.535em;}
#tags .t3 {font-size:2.035em;}
#tags .t4 {font-size:2.535em;}

#footer { clear:both;background:#FFFFFF; padding:8px; height:80px; border-top:#009900 solid 3px; width:965px; margin:auto;}
#footer p, #footer a{display:block; float:left;font-weight:bold; }
#footer p {width:640px; text-align:center; margin-left:50px; _margin-left:20px;}
#footer a{width:220px; float:right; color:#990000; margin-right:10px; background:url(../img/as.gif) right center no-repeat; height:35px; padding-top:10px;}
#footer a:hover{text-decoration:underline;}
#screenshot{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	}
