* { margin:0; padding:0 }

body {
	font:11px "Trebuchet MS", Arial, Sans-serif;
	background:#143F2C url(img/bgheader.jpg) no-repeat center top }

p { margin:0 0 10px }
img { border:0 }
a { color:#006633 }
a.b { color:#FFF; font-weight:bold; padding:1px 3px 1px 3px; background:#006633; text-decoration:none }
a.b:hover { background:#47916C }

#allf {
	width:100%;
	float:left;
	background:url(img/bgfooter.jpg) no-repeat center bottom }
	
#all { width:774px; margin:0 auto }

#header { height:250px; position:relative }

#header .menu {
	position:absolute;
	top:217px;
	left:20px }

#header ul { 
	list-style:none; 
	font-size:11px; 
	padding:0 0 0 5px;
	background:url(img/bgmenu.gif) no-repeat;
	width:510px;
	height:40px }
	
#header ul li { float:left }
#header ul li a { 
	font-weight:bold; 
	text-decoration:none;
	background:url(img/bgmenulink.gif) no-repeat center right;
	color:#FFF;
	text-transform:uppercase;
	padding:11px 13px 11px 13px; 
	display:block  }
#header ul li a:hover { background:url(img/bgmenulink-hover.gif) right  }
#header ul li.fim a { background:none }
#header ul li.fim a:hover { background:url(img/bgmenulink-hover.gif) left  }

#middle {
	width:734px;
	float:left;
	padding:20px; 
	background:#FFF url(img/bgmiddle.jpg) no-repeat center top }
	
h2 {
	color:#006633;
	clear:both;
	text-transform:uppercase;
	letter-spacing:-1px;
	padding:0 0 0 5px;
	border-left:3px solid #006633;
	margin:0 0 10px;
	font-weight:normal }

.home .destaque {
	float:left;
	border-bottom:1px solid #143F2C;
	margin:0 0 15px;
	padding:0 0 15px }
	
.home .galerias {
	width:305px;
	height:215px;
	overflow:hidden;
	margin:0 15px 0 0;
	float:left }
	
.home .galerias ul { list-style:none }
.home .galerias ul li { text-decoration:none; line-height:14px; clear:both }
.home .galerias ul li a { text-decoration:none; color:#000 }
.home .galerias ul li a .data { color:#666 }
.home .galerias ul li a .titulo { color:#006633; font-weight:bold }
.home .galerias ul li img { float:left; margin:0 10px 5px 0; padding:2px; border:1px solid #006633 }
.home .galeria .quantidade { color:#0094D3 }
.galeria .clicks { color:#666 }

.home .jogoP {
	position:relative;
	padding:20px 10px 10px 10px; 
	background:url(img/bgjogop.gif);
	width:195px;
	height:185px;
	overflow:hidden;
	margin:0 15px 0 0;
	float:left }
	
.home .jogoP h2 {
	color:#FFF;
	border:0;
	text-align:center }
	
.home .jogoP img.palmeiras { position:absolute; top:55px; left:17px }
.home .jogoP img.outro { position:absolute; top:55px; right:17px }
.home .jogoP .info { 
	position:absolute; top:140px; left:0; 
	text-align:center; width:215px; 
	color:#FFF; font-size:13px }
.home .jogoP .info .titulo { font-weight:bold }


.home .jogoG {
	position:relative;
	padding:20px 10px 10px 10px; 
	width:195px;
	height:185px;
	overflow:hidden;
	margin:0 15px 0 0;
	float:left }
	
.home .jogoG h2 {
	color:#FFF;
	border:0;
	text-align:center }
	
.home .jogoG img.palmeiras { position:absolute; top:55px; left:17px }
.home .jogoG img.outro { position:absolute; top:55px; right:17px }
.home .jogoG .info { 
	position:absolute; top:140px; left:0; 
	text-align:center; width:215px; 
	color:#FFF; font-size:13px }
.home .jogoG .info .titulo { font-weight:bold }

	
.home .jogoA {
	position:relative;
	background:url(img/bgjogoa.gif) no-repeat 0 31px;
	padding:46px 10px 10px 10px;
	width:164px;
	height:159px;
	overflow:hidden;
	float:left }
	
.home .jogoA h2 {
	border:0;
	text-align:center }
	
.home .jogoA img.palmeiras { position:absolute; top:82px; left:17px }
.home .jogoA img.outro { position:absolute; top:82px; right:16px }
.home .jogoA .placarpalmeiras { position:absolute; top:135px; left:17px; width:50px; text-align:center }
.home .jogoA .placaroutro { position:absolute; top:135px; right:16px; width:50px; text-align:center }
.home .jogoA .placar { color:#CC0000; font-size:20px }

.home .jogoA .info { 
	position:absolute; top:165px; left:0; 
	text-align:center; width:184px; 
	color:#000; }
.home .jogoA .info .titulo { font-weight:bold; color:#006633 }
	
.home .membros {
	width:190px;
	margin:0 15px 0 0;
	float:left }
	
.home .membros ul { list-style:none }
.home .membros ul li { clear:both }
.home .membros ul li img { float:left; margin:0 10px 5px 0; padding:2px; border:1px solid #006633 }
.home .membros ul li .data { color:#666 }
.home .membros ul li .nome { font-weight:bold; color:#006633  }

.home .mural {
	width:190px;
	margin:0 15px 0 0;
	float:left }
	
.home .mural ul { list-style:none }
.home .mural ul li { clear:both }
.home .mural ul li img { float:left; margin:0 10px 5px 0; padding:2px; border:1px solid #006633 }
.home .mural ul li .data { color:#666 }
.home .mural ul li .nome { font-weight:bold; color:#006633  }
	
.home .news {
	background:#EEE url(img/bgnews.gif) no-repeat right bottom;
	width:298px;
	border:1px solid #CCC;
	padding:15px;
	margin:0 15px 0 0;
	float:left }
	
.home .news ul { list-style:none }
.home .news ul li { clear:both; line-height:15px }
.home .news ul li a { text-decoration:none; color:#000 }
.home .news ul li img { float:right; margin:0 10px 10px ; padding:2px; border:1px solid #006633 }
.home .news ul li a .data { color:#666 }
.home .news ul li a .titulo { font-weight:bold; font-size:13px; color:#006633  }

.home .news h2 {
	border:0;
	color:#CC0000;
	padding:0 }

.home .tabela,
.home .videos {
	width:184px;
	float:left }
	
#noticias { float:left }
#noticias img { float:right; margin:0 0 15px 15px; border:2px solid #74A023 }
#noticias ul li.destaque a.more{ color:#74A023 }
#noticias ul { list-style:none; margin:0 0 10px  }
#noticias ul li { padding:10px 0 10px; border-bottom:1px dotted #29166F }
#noticias .data { font-size:11px }
#noticias ul li.destaque .titulo  { font-weight:bold; font-size:15px }
#noticias ul li .titulo { font-weight:bold; margin:0 !important; letter-spacing:normal!important; font-size:15px !important }
#noticias ul li a { color:#000; text-decoration:none }
#noticias ul li a .titulo  { text-decoration:underline }

#noticias.detail  .titulo { width:590px; font-weight:bold; font-size:30px; letter-spacing:-2px; margin-bottom:15px }
#noticias.detail  .corpo { margin:0 0 50px; font-size:13px }

#fotos #big {
	float:left;
	width:470px;
	height:360px;
	margin-right:15px }
	
#fotos #thumbs {
	float:left;
	width:245px }
	
#fotos .descricao {
	clear:both }
	
#fotos ul { list-style:none; margin:0 0 10px  }
#fotos ul li { padding:10px 0; float:left; width:100%; border-bottom:1px dotted #29166F }
#fotos .data { font-size:11px }
#fotos ul li img { float:left; margin-right:10px }
#fotos ul li .titulo { font-weight:bold; font-size:15px !important }

#cadastro fieldset {
	border:0;
	width:640px;
	padding:0 0 15px;
	margin:0 0 15px;
	border-bottom:2px solid #CCC}

#cadastro fieldset legend{ 
	color:#CC0000;
	font-size:16px;
	font-weight:bold }
	
#cadastro table tr  { background:url(img/bgtdcadastro.jpg) no-repeat bottom left }
	
#cadastro table tr td { padding:8px 0 }
	
#cadastro table tr td.label { font-weight:bold }

#cadastro table tr td.label span {
	font-weight:normal;
	font-size:9px }

#cadastro table tr td input.text {
	padding:3px;
	background:#CAEEDE;
	color:#143F2C;
	border:1px solid #143F2C;
	font:13px Verdana }
	
#cadastro table tr td .dica { color:#666 }
	
#cadastro table tr td img { margin-bottom:5px }
	
#cadastro table tr td .termo { 
	margin:5px 0;
	background:#EEE;
	padding:3px;
	border:1px solid #E1E1E1;
	font:11px "Courier New";
	overflow:auto;
	height:200px }
	
#cadastro table tr td input.submit {
	font-weight:bold;
	padding:5px;
	font-size:15px }
	
#perfil .nome {
	font-size:30px;
	letter-spacing:-1px;
	color:#CC0000;
	margin-bottom:10px }
	
#perfil .c1,
#perfil .c2 {
	float:left;
	margin-right:15px }
	
#perfil .c1 { 
	font-size:13px;
	width:130px }
	
#perfil .c2 { width:350px }
		
#perfil .c3 {
	float:left;
	width:220px }

#perfil .c1 .foto { margin-bottom:15px }
	
#perfil .c1 .scrap {
	margin:0 0 5px;
	padding:3px 0 3px 33px;
	background:url(img/ico-scrap.gif) no-repeat left center }
	
#perfil .c1 .photos {
	margin:0;
	padding:3px 0 3px 33px;
	background:url(img/ico-photo.gif) no-repeat left center }

#perfil .c2 table tr td {
	background:#EEE;
	padding:5px }
	
#perfil .c2 table tr.alt td {	background:#E1E1E1 }
	
#perfil .c2 table tr td.label {
	color:#999;
	text-align:right }
	
#perfil .c3 table tr td {
	padding:5px 8px;
	font-size:10px }
	
#footer {
	clear:both;
	height:245px;
	position:relative }
	
#footer a {
	position:absolute;
	bottom:50px;
	left:50%;
	margin-left:-26px }
	
	
	
/* LOGIN --------------------------------*/
.home #acompanhe { 
	line-height:18px;
	font-size:13px;
	width:280px }
	
	
#acompanhe table tr td { padding:5px 0 }

#contato  table tr td.label,	
#acompanhe  table tr td.label { 	
	padding-right:10px;
	text-align:right }

input.text,
select,
textarea {
	background:#fff;
	padding:5px 10px;
	font:16px Arial, sans-serif;
	outline:none;
	border:1px inset #CCC }

input.text,
select,
input.button {
	-webkit-border-radius:50px;
	-moz-border-radius:50px;
	border-radius:50px; }

textarea {
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	border-radius:15px; }

input.button {
	cursor:pointer;
	font:bold 16px Arial, sans-serif;
	color:#FFF;
	border:2px outset #990000;
	background:#990000;
	padding:5px 15px }
	
input.button:hover { color:#CCC }
input.button:active { 
	color:#CCC;
	border:2px outset #666;
	background:#666 }
	
input.cancel {
	border:2px outset #999;
	background:#999 }
	
input.button:hover { color:#CCC }
input.button:active { 
	color:#CCC;
	border:2px outset #666;
	background:#666 }
	
#acompanhe form { 
	float:left;
	margin-right:30px;
	width:300px }
	
#acompanhe .info { 
	float:left;
	width:500px }
	
#acompanhe .info p { margin-top:20px }

.recados  { padding-bottom:10px; float:left }

.recados  { width:100% }

.recados { position:relative }
.recados ul li span { display:block }
.recados ul li { margin:5px 0 5px 0; padding:5px 0 5px 0; border-bottom:1px solid #CCC }
.recados span strong { color:#0094D3 }
.recados .data, .recado .cidade { color:#666 }
.recados p { margin:0; font-size:10px; line-height:11px }

.recados #formrecados label  { display:block; clear:both }
.recados #formrecados label span { float:left; width:50px }
.recados #formrecados textarea { clear:both }
.recados #formrecados .emoticons { width:350px; float:left }

.recados #formrecados {
	position:absolute; right:15%; top:0; 
	display:block;
	margin:0 auto;
	background:#EEE;
	border:1px solid #CCC;
	width:390px;
	padding:10px }
	
#formrecados br { display:block; clear:both }
#formrecados input.text,
#formrecados select,
#formrecados textarea,
#formrecados .button { font:11px Arial; margin:0 0 2px 0; border:1px inset #CCC }  
#formrecados select { width:330px }
#formrecados textarea { width:380px }
#formrecados input.text { width:330px }