
/*
Design by: http://www.sosfactory.com
October 2007
*/

/* CSS KarWars */

body {
	padding:0;
	margin:10px 0 0 0;
	background-color:#000;
	font-family:tahoma, Arial;
	background:url(pix/bg.jpg) repeat-x;
	font-size:12px;
	color:#fff;
	}
	
h1, h2, h3, p{
	margin:0;
	padding:0;
	}
	
/*Links*/
a:link, a:visited { text-decoration:none;}
a:hover			  {}

a {
	outline-style:none;
	text-decoration:none;
	}
	
/*Wraper*/
#wraper {
	position:relative;
	width:970px;
	height:auto;
	margin:auto;
	}
	
/*Head*/
#head {
	position:relative;
	margin:0;
	padding:0;
	height:216px;
	width:1000px;
	background:url(pix/fondo_header.jpg) no-repeat;
	}
	
/*Head 
	- adv*/
#adv_1 {
	position:relative;
	float:right;
	width:728px;
	height:90px;
	margin:11px 12px 0 0;
	padding:0;
	}
	
#adv_1 img{
	border:none;
	}
	
/*Head 
	- user*/
#user {
	position:relative;
	float:right;
	width:348px;
	height:104px;
	background:url(pix/fondo_user.gif) no-repeat;
	margin:5px 12px 0 0;
	}
	
#user_texto {
	position:relative;
	margin:10px;
	width:auto;
	height:auto;
	}
	
/*Head 
	- user
		- lista*/
	
#user_texto ul{
	list-style:none;
	margin:0 0 0 5px;
	padding:0;
	text-align:left;
	}

#user_texto ul li {
	margin-bottom:6px;
	font-size:11px;
	color:#a8cce6;
	padding:0 0 0 20px;
	display:block;
	background-repeat:no-repeat;
	}
	
#user_texto ul li a {
	color:#ffe500;
	}
	
#user_texto ul li a:link,#user ul li a:visited {
	color:#ffe500;
	}
	
#user_texto ul li a:hover {
	color:#fff;
	}
	
#user_texto ul li#registered {background-image:url(pix/icons_user.gif);background-position:0px 0px;}	
#user_texto ul li#online {background-image:url(pix/icons_user.gif);background-position:0px -18px;}
#user_texto ul li#version {background-image:url(pix/icons_user.gif);background-position:0px -38px;}

/*Head 
	- user
		- upgrade*/

#user_upgrade {
	position:relative;
	margin:0 0 0 30px;
	width:auto;
	height:auto;
	}
	
#user_upgrade img{
	border:none;
	}
	
/*Head 
	- login*/
#login {
	position:relative;
	float:right;
	width:368px;
	height:104px;
	background:url(pix/fondo_login.jpg) no-repeat;
	margin:5px 12px 0 0;
	}
	
#login_content {
	position:relative;
	margin:7px 0 0 0;
	width:auto;
	height:auto;
	font-size:11px;
	color:#a8cce6;	
	}
	
#login_content a:link,#login_content a:visited {
	color:#ffe500;
	}
	
/*Head 
	- login
		- logo*/
#login_logo {
	position:relative;
	float:left;
	width:130px;
	height:65px;
	}
	
/*Head 
	- login
		- inputs*/
	
#login_inputs {
	position:relative;
	float:left;
	width:200px;
	height:auto;
	margin:0 0 0 18px;
	}
	
#login_inputs input#name ,#login_inputs input#pass	{
	padding:2px;
	font-size:10px;
	color:#fff;
	background:#597a8a;
	border:1px solid #000;
	width:134px;					
	margin:0 0 1px 0;
	}
	
#login_inputs input#radio {
	width:10px;
	height:10px;
	margin:0;
	padding:0;
	vertical-align:middle;
	}	
	
#login_inputs input#submit	{
	padding:0;
	font-size:9px;
	color:#000;
	font-weight:bold;
	background:#fdb603;
	border:1px solid #000;
	width:58px;
	height:20px;
	margin:0;
	}
	
/*Head 
	- login
		- forgot*/	
#login_forgot {	
	position:relative;
	clear:both;
	float:left;
	width:115px;
	height:auto;
	padding:0 0 0 15px;
	}
	
#login_forgot a:hover{
	color:#fff;
	}	
	
/*Head 
	- login
		- signup*/	
#login_signup {	
	position:relative;
	float:left;
	width:215px;
	height:auto;
	padding:12px 0 0 0;
	margin:0 0 0 12px;
	}
	
#login_signup a:hover{
	color:#fff;
	}	
	
/*Navbar*/
#navbar {
	position:relative;
	width:997px;
	height:82px;
	background:url(pix/fondo_nav.gif) no-repeat;
	}
	
/*Navbar
	- lista*/
#navbar_lista {margin:1px 0 0 0; padding:0 0 0 53px; list-style:none; float:left; position:relative;}

#navbar_lista  li	{display: inline; float:left; margin:0;}

#navbar_lista  a	{display:block; text-indent:-9000px; background-repeat:no-repeat;}

#navbar_lista .myaccount a	{width:155px; height:43px;}
#navbar_lista .myaccount a:link,.myaccount a:visited {background-image:url(pix/btn_myaccount.gif); background-position:0px 5px;}
#navbar_lista .myaccount a:hover { background:url(pix/btn_myaccount.gif) bottom;}
#navbar_lista .myaccount-actived a	{width:155px; height:43px;}
#navbar_lista .myaccount-actived a:link,.myaccount-actived a:visited {background:url(pix/btn_myaccount.gif) bottom;}

#navbar_lista .games a	{width:105px; height:43px;}
#navbar_lista .games a:link,.games a:visited {background-image:url(pix/btn_games.gif); background-position:0px 5px;}
#navbar_lista .games a:hover { background:url(pix/btn_games.gif) bottom;}
#navbar_lista .games-actived a	{width:105px; height:43px;}
#navbar_lista .games-actived a:link,.games-actived a:visited {background:url(pix/btn_games.gif) bottom;}

#navbar_lista .community a	{width:139px; height:43px;}
#navbar_lista .community a:link,.community a:visited {background-image:url(pix/btn_community.gif); background-position:0px 5px;}
#navbar_lista .community a:hover { background:url(pix/btn_community.gif) bottom;}
#navbar_lista .community-actived a	{width:139px; height:43px;}
#navbar_lista .community-actived a:link,.community-actived a:visited {background:url(pix/btn_community.gif) bottom;}

#navbar_lista .events a	{width:106px; height:43px;}
#navbar_lista .events a:link,.events a:visited {background-image:url(pix/btn_events.gif); background-position:0px 5px;}
#navbar_lista .events a:hover { background:url(pix/btn_events.gif) bottom;}
#navbar_lista .events-actived a	{width:106px; height:43px;}
#navbar_lista .events-actived a:link,.events-actived a:visited {background:url(pix/btn_events.gif) bottom;}

#navbar_lista .vote a	{width:88px; height:43px;}
#navbar_lista .vote a:link,.vote a:visited	{background-image:url(pix/btn_vote.gif); background-position:0px 5px;}
#navbar_lista .vote a:hover { background:url(pix/btn_vote.gif) bottom;}
#navbar_lista .vote-actived a {width:88px; height:43px;}
#navbar_lista .vote-actived a:link,.vote-actived a:visited	{background:url(pix/btn_vote.gif) bottom;}

#navbar_lista .shop a	{width:92px; height:43px;}
#navbar_lista .shop a:link,.shop a:visited	{background-image:url(pix/btn_shop.gif); background-position:0px 5px;}
#navbar_lista .shop a:hover { background:url(pix/btn_shop.gif) bottom;}
#navbar_lista .shop-actived a {width:92px; height:43px;}
#navbar_lista .shop-actived a:link,.shop-actived a:visited	{background:url(pix/btn_shop.gif) bottom;}

#navbar_lista .crews a	{width:106px; height:43px;}
#navbar_lista .crews a:link,.crews a:visited	{background-image:url(pix/btn_crews.gif); background-position:0px 5px;}
#navbar_lista .crews a:hover { background:url(pix/btn_crews.gif) bottom;}
#navbar_lista .crews-actived a {width:106px; height:43px;}
#navbar_lista .crews-actived a:link,.crews-actived a:visited	{background:url(pix/btn_crews.gif) bottom;}

#navbar_lista .help a	{width:80px; height:43px;}
#navbar_lista .help a:link,.help a:visited	{background-image:url(pix/btn_help.gif); background-position:0px 5px;}
#navbar_lista .help a:hover { background:url(pix/btn_help.gif) bottom;}
#navbar_lista .help-actived a {width:80px; height:43px;}
#navbar_lista .help-actived a:link,.help-actived a:visited	{background:url(pix/btn_help.gif) bottom;}

/*Navbar
	- texto*/
#navbar_texto {
	position:relative;
	width:auto;
	height:auto;
	float:left;
	margin:8px 0 0 0;
	padding:0 0 0 71px;
	font-size:11px;
	} 
	
#navbar_texto a{
	color:#36adff;
	}
	
#navbar_texto a:hover{
	color:#ffe500;
	}
	
/*Content*/
#content {
	position:relative;
	width:980px;
	height:auto;
	padding:8px 0 10px 18px;
	margin:0;
	background:url(pix/fondo_content.gif) repeat-y;
	overflow:auto;
	}
	
/*Sidebar*/
#sidebar {
	position:relative;
	width:239px;
	margin:0 11px 0 0;
	padding:0;
	float:left;
	}
	
/*Sidebar
	- Race Wall*/
#racewall_menu {
	position:relative;
	width:239px;
	height:auto;
	padding:0;
	margin:0;
	}
	
#racewall_menu-tittle {
	position:relative;
	height:54px;
	width:239px;
	padding:0;
	margin:0;
	text-align:center;
	}
	
#racewall_menu-tittle img {
	border:none;
	}
	
#racewall_lista {
	position:relative;
	width:239px;
	height:330px;
	background:url(pix/fondo_sidebar.gif) no-repeat top;
	padding:5px 0 0 0;
	margin:0;
	list-style:none;
	}
	
#racewall_lista a {	
	font-size:12px;
	color:#a8cce6;
	font-weight:bold;
	}
	
.racewall_lista-item1 {
	position:relative;
	width:170px;
	height:47px;
	color:#a8cce6;
	font-weight:bold;
	padding:10px 0 0 15px;
	margin:0 0 2px 0;
	}
	
.racewall_lista-item1 img{
	float:left;
	border:0;
	margin:0 5px 0 0;
	}
	
.racewall_lista-item1:hover {
	background:#000;
	border-left:6px solid #fee001;
	padding:10px 0 0 9px;
	}

.racewall_lista-item1 small {
	color:#fff;
	display:block;
	font-size:11px;
	font-weight:100;
	margin:0 0 2px 0;
	}
	
.racewall_lista-item2 {
	position:relative;
	width:170px;
	height:46px;
	color:#a8cce6;
	font-weight:bold;
	padding:13px 0 0 15px;
	margin:0 0 2px 0;
	}
	
.racewall_lista-item2 img{
	float:left;
	border:0;
	margin:0 5px 0 0;
	}
	
.racewall_lista-item2:hover {
	background:#000;
	border-left:6px solid #fee001;
	padding:13px 0 0 9px;
	}

.racewall_lista-item2 small {
	color:#fff;
	display:block;
	font-size:11px;
	font-weight:100;
	}
	
.racewall_lista-item3 {
	position:relative;
	width:170px;
	height:45px;
	color:#a8cce6;
	font-weight:bold;
	padding:13px 0 0 15px;
	margin:0 0 2px 0;
	}
	
.racewall_lista-item3 img{
	float:left;
	border:0;
	margin:0 5px 0 0;
	}
	
.racewall_lista-item3:hover {
	background:#000;
	border-left:6px solid #fee001;
	padding:13px 0 0 9px;
	}

.racewall_lista-item3 small {
	color:#fff;
	display:block;
	font-size:11px;
	font-weight:100;
	}
	
.racewall_lista-item5 {
	position:relative;
	width:170px;
	height:46px;
	color:#a8cce6;
	font-weight:bold;
	padding:13px 0 0 15px;
	margin:0 0 2px 0;
	}
	
.racewall_lista-item5 img{
	float:left;
	border:0;
	margin:0 5px 0 0;
	}
	
.racewall_lista-item5:hover {
	background:#000;
	border-left:6px solid #fee001;
	padding:13px 0 0 9px;
	}

.racewall_lista-item5 small {
	color:#fff;
	display:block;
	font-size:11px;
	font-weight:100;
	}
	
/*Sidebar
	- sponsors*/
#sponsors {
	position:relative;
	width:239px;
	height:auto;
	padding:0;
	margin:15px 0 0 0;
	}
	
#sponsors-tittle {
	position:relative;
	height:auto;
	width:239px;
	padding:0;
	margin:0;
	text-align:center;
	}
	
#sponsors-content {
	position:relative;
	width:188px;
	height:auto;
	margin:0 auto;
	}
	
#sponsors-content img{
	border:none;
	float:left;
	}
	
/*content Adv*/
#container_adv {
	position:relative;
	float:left;
	width:725px;
	height:250px;
	margin:0 0 0 0;
	padding:0;
	}
	
#container_adv img{
	border:none;
	}
	
#container_adv-1 {
	position:relative;
	width:300px;
	height:250px;
	float:left;
	margin:0 3px 0 0;
	}
	
#container_adv-2 {
	position:relative;
	width:410px;
	height:128px;
	float:left;
	margin:0 0 2px 0;
	}
	
#container_adv-3 {
	position:relative;
	width:410px;
	height:128px;
	float:left;
	}
	
/*Bottom*/
#Bottom {
	position:relative;
	height:auto;
	width:550px;
	float:left;
	margin:3px 0 0 0;
	padding:0;
	}
	
#Bottom-tittle {
	height:60px;
	width:516px;
	background:url(pix/fondo_texto_tit.gif) bottom #30a4db no-repeat;
	position:relative;
	padding:17px 17px;
	}
	
#Bottom-tittle p{	
	color:#3d3d3d;
	margin:0 0 0 37px;
	}
	
#Bottom-tittle a{
	color:#ffea00;
	text-decoration:underline;
	}
	
#Bottom-tittle a:hover{
	color:#fff;
	text-decoration:underline;
	}
	
#Bottom-tittle img{
	float:left;
	margin:3px 8px 0 0;
	}
	
#Bottom-tittle h2 {
	color:#000;
	font-size:20px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	}
	
#Bottom-tittle h1 {
	color:#fff;
	font-size:16px;
	font-weight:100;
	font-family:Arial, Helvetica, sans-serif;
	margin:0 0 6px 0;
	}
	
/*Bottom
	- texto*/
#bottom-texto {
	position:relative;
	height:485px;
	width:520px;
	float:left;
	margin:0;
	color:#a8cce6;
	font-size:13px;
	background:url(pix/fondo_texto.jpg) repeat-x;
	padding:30px 15px 5px 15px;
	}
	
/*Bottom
	- watermark*/
#bottom-watermark {
	position:relative;
	width:520px;
	height:97px;
	background:url(pix/transparent-icon.jpg) center top no-repeat;
	margin:5px 0 0 0;
	}

/*rigth-Adv*/
#rigth-adv {
	position:relative;
	width:160px;
	height:600px;
	float:left;
	}
	
#rigth-adv img{
	border:none;
	margin:3px 0 0 3px;
	}
	
/*Footer*/
#footer {
	position:relative;
	width:1006px;
	height:88px;
	clear:both;
	margin:0 auto;
	padding:30px 0 0 0;
	background-image:url(pix/fondo-footer.gif);
	background-position:-3px 0px;
	background-repeat:no-repeat;
	color:#36adff;
	font-size:11px;
	}
	
.footer_left a,.footer_center a{
	color:#fee001;
	font-weight:bold;
	}
	
.footer_left a:hover,.footer_center a:hover{
	color:#fff;
	font-weight:bold;
	}
	
.footer_right a{
	color:#36adff;
	}
	
.footer_left {
	float:left;
	position:relative;
	margin:0 0 0 40px;
	}

.footer_right {
	float:right;
	position:relative;
	margin:0 40px 0 0;
	}
	
.footer_center {
	float:left;
	position:relative;
	margin:0 192px;
	}



















