/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.2.0
build: 2676
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}legend{color:#000;}

/* Css begin */
/* fonts/utils */
h1 {	font-size:40px;	font-family: "Arial Narrow", sans-serif;	font-weight: normal;	letter-spacing:-2px;	margin: 0 0 -4px 0;}
h2 {	font-size:34px;	font-family: "Arial Narrow", sans-serif;	font-weight: normal;letter-spacing:-1px;	margin: 0;}
h3{	font-size:24px;	font-family: "Arial Narrow", sans-serif;	font-weight: normal;	letter-spacing:-1px;	margin: 0;}
h4{	font-size:17px;	font-family: "Arial Narrow", sans-serif;	font-weight: normal;	letter-spacing:-0px;	margin: 0;}
p { margin: 1em 0; }
td { margin: 1px !important; padding:1px; }
strong { font-weight: bold; }

.default {	font: 12px arial;color: #999a9e;}
.color0{	color: #383f47;}
.color1 {	color: #999a9e;}
.color2 {	color: #6cbcf1;}
.color3 {	color: #FFF;}
.color4 {	color: #504d48;}
.s12{	font-size:12px;}
.s20 {	font-size: 20p;}
.s30 {	font-size:30px;}
.s50{	font-size:50px;	font-size-adjust: 0.54;}
.b {	font-weight: bold;}
.clear {	clear:both;}
.roundBorder{	border-radius: 8px;	-moz-border-radius: 8px;}
.inputType1 {	padding: 4px;	border: solid 1px #2577C0; }
.inputSelect1 {	border: solid 1px #2577C0; }
.inputBig {	width: 300px;}
.inputMed{	width: 150px;}
.alignRight {	text-align:right;}
.alignLeft {	text-align:left;}
.label_check {	display: block;	padding-left: 15px;	text-indent: -15px;}
.check_box {	width: 13px;	height: 13px; padding: 0;	margin:0;	vertical-align: bottom;	position: relative;	top: -1px;	*overflow: hidden;}

/* page */

body {	background: #FFF url(../home/img/bg.jpg) repeat;	margin:0px;	padding:0px;	font: 62.5% arial;}
	#wrapper {	position:relative;	margin: 0 auto;	width:1000px;}
		#top {	height: 387px;}
			#top embed{	margin:0 25px 0 25px;}
			#top_stuff {	position:absolute;	width: 250px;	right: 36px;	top:5px;	text-align: right;}
				#bt-cadastrar {	position: absolute;	width:154px; 	height: 100px; 	cursor: pointer;	right: 0px;	top: 180px;	padding: 60px 20px 0 0;}
				#bt-ajuda {	position: absolute;	background:url(../home/img/ico_exclamacao.png) no-repeat right;top: 146px;	right: 0px;	height: 41px;	line-height: 40px;	cursor: pointer;	width: 104px;	text-align:left;}
				#bt-facebook {	position:absolute;	top:340px;	width: 194px;	height: 25px;	background: url(../home/img/facebook_connect.png) no-repeat;	cursor:pointer;	right:0px;}
				#bt-senha{	cursor:pointer;}
				#top-other  {	position: absolute;	top:342px; left: -210px;}
		#middle {	margin: 0 30px 0 30px;}
			#container_left {	float:left;	width:297px;}
				#ranking {	float:left;	width:287px;	border: solid 3px #dcd6cb;	margin:0 5px 0 5px;	background: #FFF;}
					.ranking_titles { margin:10px 15px 20px 15px;	cursor: pointer;}
					.ranking {	list-style: none;	margin:	0;	padding: 0;}
						.ranking-li {	border-top: solid 1px #dcd6cb;	margin: 0;padding: 0;	list-style: none;	padding: 8px 20px 7px 20px;}
						.ranking-li-first {	margin: 0;	padding: 0;	list-style: none;	padding: 8px 20px 6px 20px;}
			#container_right{	float:left;	width:643px;}
				#sub_container_right1 {	float:left;	width: 280px;}
					#container_title_right{	width:434px;	float:left;	margin: 0 5px 0 5px;}
					#social {	float:left;	width: 243px;	border: solid 3px #dcd6cb;	margin: 35px 5px 0 7px;	padding:10px;	height: 198px;	background: #FFF;}
						#socialGameGol {	padding-top:5px; }
						#btsSocial {	position: absolute; margin: -36px 0 0 -7px;}
							#btsSocial div{	float:left;	cursor: pointer;}
							.btOn {	margin: -22px 0 0 0;	width: 61px;	height: 58px;}
							.btOff {	padding: 0 1px 0 0;	margin: -13px 0 0 0;	width: 61px;	height: 36px;}
				#sub_container_right2{	float:left;	width: 352px;	margin: 0 0 0 8px;}
					#info {	float:left;	width:352px;	border: solid 3px #dcd6cb;margin: 5px 0 10px 5px;	height:184px;}
						.highlight {	background: url(../home/img/destaque.jpg);	width: 350px;	height: 182px;	margin: 1px; cursor:pointer;}
				#container_links {	padding: 10px 0 0 10px;}
					#link_left {	text-align: left;	background: url(../home/img/ico_forum.png) top left no-repeat;}
						#link_left div{	background: url(../home/img/div_forum.png) left no-repeat;}
					#link_mid {	text-align: center;	background: url(../home/img/ico_loja.png) 30px 0 no-repeat ;}
						#link_mid div {	background: url(../home/img/div_loja.png) center no-repeat;}
					#link_right {	text-align: right;	background: url(../home/img/ico_revista.png) top right no-repeat;	width: 194px !important;}
						#link_right div {	background: url(../home/img/div_revista.png) right no-repeat;}
					.div_link {	width: 100%;	height: 1px;	margin: 0 0 5px 0;}
					.link_home{	width: 33%;	float:left;	padding: 104px 0 0 0;	margin: 0 0 0 5px;	cursor:pointer;}					
	#footer {	background: url(../home/img/bg_rodape.jpg);	width: 100%;	height: 81px;	margin: 20px 0 0 0	float:left;}
		#footer_o2logo{	position:relative;	background: url(../home/img/lgoo_o2_rodape.png) no-repeat right;	width: 123px;	height: 39px;	float: right;	top: 25px;	right:40px;}
		#footer-info {	position:relative;	float:left;	width:200px;	left:40px;	top:20px;}
	#cadastro {}
		#regras-jogo { cursor:pointer; text-weight:bold; }
		#groupalia { margin:10px 0 0 0;}
		#btCadastro {	padding: 1em 0 1em 0;	font-weight: bold;}
		.line {	clear:both;margin: 10px 0 10px 0;	border-top: solid 1px #DDD7CB;	width:100%;	height: 1px; }

/* Ui/Jquery */
.ui-state-highlight-icon .ui-icon {background-image: url(ui-lightness/images/ui-icons_green_256x240.png); }
.ui-state-error-icon .ui-icon {background-image: url(ui-lightness/images/ui-icons_red_256x240.png); }