/* CSS Document */

body {
	background-color:#000000;
	font-family:Trebuchet MS,Arial,sans-serif;
	background: url(http://shoshiland.com/img/fx/shoshiland_fondo.gif) repeat;
}


#wrapper {
	width:100%;
	height:100%;
}


.register-box, .welcome-box, .recovery-box {
	width:600px;
	margin:-251px 0 0 -300px;
	background:#000000;
	padding:20px;
	overflow:hidden;
	position:absolute;
	top:50%;
	left:50%;
}
.video-box {
	width:407px;
	margin:-219px 0 0 -240px;
	background-color:#000;
	overflow:hidden;
	padding:20px;
	position:absolute;
	top:50%;
	left:50%;
	ovwrflow:hidden;
	height:400px;
}
.welcome-box {
	overflow:visible;
	/*height:442px;*/
	height:535px;
	/*width:695px;*/
	width:770px;
	margin:-287px 0 0 -405px;
}

.welcome-box #log-container {
	overflow:hidden;
}

.welcome-box h1 {
	float:left;
	margin:3px 94px 0 0px; 
}
.welcome-box .login-area {
	margin:0px 5px 0 0;
	float:right;
}
.welcome-box .login-form {
	padding:0;
	border:0;
	overflow:visible;
}
.welcome-box .login-form li {
	float:left;
	padding:0;
	width:127px;
	margin-right:10px;
	overflow:visible;
}
.welcome-box .login-form li.jugar,.welcome-box .login-form li.jugar input {
	width:77px;
	height:26px;
	margin:7px 0 0 0;
}
.welcome-box .login-form li a {
	margin:3px 0;
	display:block;
}
.welcome-box .login-form .checkbox {
	width:auto;
	padding:0;
	margin:0;
	height:auto;
	float:left;
}
.welcome-box .login-form .remember {
	font-size:1em;
	padding:3px 0 3px 3px;
	color:#BEBEBE;
}
.welcome-box .login-form input {
	padding:0 0 0 2px;
	width:128px;
	height:16px;
}

.welcome-box .register-area {
	padding-left:1px;
	margin-top:-28px;
}
	.welcome-box .register-area #banner {
		width:304px;
		height:287px;
		float:left;
		overflow:hidden;
		margin-top:26px;
	}
	.welcome-box .register-area .hacete-shoshi {
		position:relative;
		height:313px;
		background-color:#000;
		float:left;
		margin-left:22px;
	}
		.welcome-box .register-area .hacete-shoshi .look-selector, .welcome-box .register-area .hacete-shoshi .register_form {
			float:left;
		}
		.welcome-box .register-area .hacete-shoshi .register_form {
			margin:37px 0 0 0px;
		}
		.welcome-box .register-area .hacete-shoshi .register_form input {
			width:128px;
			padding:0px 0 0 4px;
			margin-bottom:6px;
			height:16px;
		}
		.welcome-box .register-area .hacete-shoshi .register_form label {
			font-family:Tahoma;
			font-weight:bold;
			display:block;
			float:none;
			width:100%;
			margin-bottom:2px;
		}
		.welcome-box .register-area .hacete-shoshi .register_form .nombre_shoshi input {
			height:22px;
			padding:6px 0 0 4px;	
		}
		.welcome-box .register-area .hacete-shoshi .register_form .nombre_shoshi label {
			font-size:11px;	
		}
		.welcome-box .register-area .hacete-shoshi .register_form .datos {
			margin-top:11px;
		}
		.welcome-box .register-area .hacete-shoshi .register_form .opaco {
			opacity:0.2;
		}
		.welcome-box .register-area .hacete-shoshi .register_form .datos label {
			color:#FF00FF;
			font-size:10px;	
		}
		.welcome-box .register-area .hacete-shoshi .register_form .datos select {
			margin-bottom:6px;
		}
		.welcome-box .register-area .hacete-shoshi .register_form .ok {
			display:block;
			width:113px;
			height:39px;
			margin:13px 0 0;
		}
		.welcome-box .register-area .hacete-shoshi .register_form .email_warning {
			width:124px;
			padding:8px 0px 10px 8px;
			background:#FF0000;
			color:#FFFF00;
			font-weight:bold;
			font-size:12px;
			position:absolute;
			bottom:1px;
			right:0px;
		}
		.welcome-box .register-area .hacete-shoshi .register_form .invisible {
			display:none;
		}
		

	.welcome-box .register-area #video {
		float:left;
		width:400px;
		margin:33px 0 0 -20px;
	}
			.welcome-box .register-area #video h2 {
				height:41px;
				font-size:15px;
				font-family:Tahoma;
				color:#FFFF00;
				margin:0 0 5px 20px;
			}
				.welcome-box .register-area #video h2 em {
					color:#FF0000;
					font-style:normal;
				}

	.welcome-box #featured {
		background:#330000;
		margin-left:-20px;
		clear:both;
		position:relative;
		width:810px;
		z-index:99;
		padding:18px 0 18px 0;
	}
	.welcome-box #featured ul {
		width:100%;
		overflow:hidden;
		border:0;
		padding:0;
		margin-left:20px;
	}
		.welcome-box #featured ul li {
			float:left;
			overflow:hidden;
			padding:0;
			width:178px;
			margin-right:18px;
		}
		.welcome-box #featured ul li.last {
			margin:0;
		}
			.welcome-box #featured ul li img.caption {
				float:left;
				margin-right:10px;
			}
			.welcome-box #featured ul li h3 {
				margin-bottom:6px;
			}	
		
			
		


#header-container {
	width:100%;
	background:#000;
	position:relative;
	z-index:98;
	border-bottom:1px solid #272727;
}
	#header, #header_logged {
		width:925px;
		margin:0px auto;
	}
		#header h1 {
			margin:6px 20px 0 -13px;
			padding:0;
			float:left;
		}
		#header h2 {
			float:left;
			color:#FF0000;
			width:210px;
			margin:30px 180px 0pt 0pt;
		}
		#header .login {
			float:left;
			margin-top:3em;
			position:relative;
		}
			#header .login .submit {
				top:39px;
				left:96px;
				position:absolute;
			}
			#header .login li label {
				display:block;
				color:#FFFF00;
				font-size:1em;
				margin-bottom:0.2em;
			}
			#header .login li input {
				width:83px;
				font-size:1em;
				padding:0;
			}
				
			#header .login .actions {
				margin:0.4em 0 0 0;
			}
				#header .login .actions a {
					color:#FF0000;
					font-size:1em;
					text-decoration:none; 
					display:block;
				}
			
		
		#header_logged .user_info {
			float:left;
			padding-top:2.2em;
		}
			#header_logged .user_info img {
				float:left;
				margin-right:3px;
			}
			#header_logged .user_info .status {
				float:left;
				padding-left:10px;
			}
				#header_logged .user_info .status h2 {
					color:#FFFF00;
					font-size:1.6em;
				}
					#header_logged .user_info .status h2 span.score {
						color:#FF00FF;
					}
					#header_logged .user_info .status h2 span.handicap {
						color:#00FFFF;
					}
				#header_logged .user_info .status h3 {
					color:#FF0000;
					font-size:1.2em;
					font-weight:normal;
					margin:2px 0;
				}
					#header_logged .user_info .status h3 span {
						color:#00FF00;
					}
					#header_logged .user_info .status h3 span.hide_status {
						color:#FF0000;
					}
				#header_logged .user_info .status p {
					color:#00FF00;
					font-size:1em;
					padding-left:20px;
					margin:2px 0;
				}
					#header_logged .user_info .status p span {
						color:#FF0000;
					}
				#header_logged .user_info .status p.pandilla {
					background:url(http://shoshiland.com/img/iconos/pandillas.gif) no-repeat top left;
				}
				#header_logged .user_info .status p.mensajes {
					background:url(http://shoshiland.com/img/iconos/mensajes.gif) no-repeat top left;
				}
				#header_logged .user_info .status p.opiniones {
					background:url(http://shoshiland.com/img/iconos/opiniones.gif) no-repeat top left;
					/*border-bottom:1px dashed #666666;*/
				}
				
				#header_logged .play {
					float:left;
					padding:18px 31px 0 70px;
				}
					
				
				
				
	#nav {
		width:100%;
		height:2.4em;
		position:relative;
		z-index:99;
		background:#000;
	}
		#nav ul {
			width:925px;
			margin:0px auto;
		}
	
			#nav li {
				float:left;
				padding:0.6em 1.2em;
			}
			
			#nav li:hover, #nav li.activo {
				background:#FF0000;
			}
			
				#nav li a {
					color:#FFFF00;
					font-size:1.1em;
					text-decoration:none;
				}
				#nav li ul {
					display:none;
					width:auto;
					position:absolute;
					top:25px;
					margin-left:-12px;

				}
				#nav li:hover ul {
					display:block;
				}
					#nav li li {
						float:none;
						background:#000;
						margin-bottom:1px;
					}
					#nav li li:hover {
					}
						#nav li li em {
							font-style:normal;
							font-weight:bold;
							color:#FF0000;
						}
						#nav li li:hover em {
							color:#FFFF00;
						}
				
				
#header-fx {
		background: url(http://shoshiland.com/img/fx/degrade-trans.png) repeat;
		border-top:1px solid #272727;
		width:100%;
		height:15px;
		position:absolute;
		top:159px;
		left:0;
}
		
#content {
	width:100%;
	position:relative;
	z-index:98;
	padding-top:30px;
}

	#boxes {
		width:943px;
		margin:0px auto;
	}
		#boxes .box {
			background-color: #FFFF00;
			position: relative;
			bottom:10px;
			right:10px;
		}
		#boxes .shadow_fx { 
			background-color:#000; 
			margin-bottom:20px;
		}
		#boxes .big { 
			width:697px;
			clear:left;
		}
		#boxes .normal {
			width:609px;
			margin-right:16px;
		}
		#boxes .medium { 
			width:293px;
		}
		#boxes .small { 
			width:193px;
		}
		#boxes .special {
			width:379px;
		}	

		#main, #sidebar {
			float:left;
		}
	
		#main {
			padding-left:17px;
		}
			#main .column {
				float:left;
				margin-right:24px;
			}
			#main .special .text {
				height:150px;
				background:#000;
				border-color:#000000;
				border-style:solid;
				border-width:20px 0 15px 0;  
				color:#FFFF00;
				overflow:auto;
				padding:0px 20px 0 20px;
				margin:-0.3em 0 0 0;
				font-family:Arial, Helvetica, sans-serif;
				font-size:1.35em;
			}
				#main .special .text p {
					margin:0 0 0.7em 0;
				}
					#main .special .text p span {
						color:#00FFFF;
						font-weight:bold;
					}
					
				#boxes h2 {
					margin:0px;
					padding:3px 0 4px 12px;
				}
				#boxes .menu {
					width:100%;
					background:#FFFF00;
					overflow:hidden;
				}
					#boxes .menu li {
						float:left;
						padding:3px 14px 1px 12px;
						border-right:1px solid #FFFF00;
					}
					#boxes .menu li:last-child {
						border:0;
					}
					#boxes .box .menu li.active {
						background:#FFFF00;
					}
				
				
					
					#boxes .lista {
						padding:14px 14px 10px 14px;
					}	
						#boxes .lista li {
							padding:0 0 2px 0;
							overflow:hidden;
						}	
							#boxes .lista li a img {
								float:left;
								margin-right:8px;
								width:40px;
								height:40px;
							}
							#boxes .lista li h3, #boxes .box .lista li h3 a {
								color:#FF0000;
								font-size:1.1em;
								padding-top:0.5em;	
							}
								#boxes .lista li h3 span {
									color:#FF00FF;
									font-weight:normal;
									font-size:1.1em;
								}
							#boxes .lista li p {
								font-size:1.2em;
							}
				
				#main .foro, #main .foro .menu li {
					background:#FF0000;
				}
					
				#main .comunidad, #main .comunidad .menu li {
					background:#FF00FF;
				}
		
	
		#boxes .big h2 {
			font-size:1.1em;
			color:#FFF;
			background:#FF0000;
			font-weight:normal;
		}
			#boxes .big .lista li img {
				width:179px;
				height:152px;
				margin-right:3.4em;
			}
			#boxes .big .lista li h3, #boxes .big .lista li h3 a  {
				font-size:1.4em;
				margin-bottom:0.5em;
				padding-right:1em;
			}
			#boxes .big .lista li p {
				font-size:1.4em;
				padding-right:1em;
			}
			
		#boxes .normal h2 {
			background:#FF0000;
		}
				
				

		#sidebar .rank-enershy, #sidebar .rank-enershy .menu li {
			background:#00FFFF;
		}
			#sidebar .box .menu {
				background:#00FFFF;
			}
				#sidebar .box .menu li {
					border:0;
				}
				#sidebar .box .menu li.active {
					background:#FF0000;
				}
			#sidebar .box .lista {
				background:#FF0000;
			}
				#sidebar .box .lista li h3, #sidebar .box .lista li h3 a {
					color:#FFFF00;	
				}
					#sidebar .box .lista li h3 span {
						color:#00FF00;
						font-weight:bold;
					}
				#sidebar .box .lista li h4 {
					font-size:1em;
					color:#000;
				}
			
			#sidebar .rank-temidos, #sidebar .rank-temidos .menu li {
				background:#00FF00;
			}
				#sidebar .box .rank-temidos .menu {
					background:#00FF00;
				}
		
		#sidebar .comunidad h2 {
			background:#FF00FF;
		}
			#sidebar .comunidad form {
				padding:7px 0 14px 14px;
			}
				#sidebar .comunidad form label {
					display:block;
					font-size:1.2em;
				}
				#sidebar .comunidad form .submit {
					display:block;
					background:#FF0000;
					border:1px solid #000;
					font-size:1em;
					font-weight:bold;
					letter-spacing:-2px;
					margin-top:8px;
				}
			#sidebar .comunidad .menu {
				background:#FF00FF;
			}
				#sidebar .comunidad .menu li {
					padding:3px 11px 1px 11px;
					background:#FF0000;
				}
				#sidebar .comunidad .menu li.active {
					background:#FF00FF;
					padding:3px 11px 1px 12px;
				}
	
			
		#main .foros {
			overflow:hidden;
		}
			#main .foros .categorias {
				padding:12px;
				font-size:12px;
				float:left;
			}
				#main .foros .categorias select {
					background:white;
					font-size:12px;
					margin-left:10px;
				}
			#main .foros .pager {
				float:right;
				margin:20px 20px 0 0;
			}	
				#main .foros .pager li {
					float:left;
					font-size:12px;
					color:#FF0000;
					font-weight:bold;
					padding:0;
				}
				#main .foros .pager li:first-child {
					background:url(http://shoshiland.com/img/fx/back_pager-left.gif) no-repeat left 3px;
					padding:0 15px 0 15px;
				}
				#main .foros .pager li:last-child {
					background:url(http://shoshiland.com/img/fx/back_pager-right.gif) no-repeat right 3px;
					padding:0 15px 0 15px;
				}
			#main .foros a {
				font-size:14px;
				font-weight:bold;
				color:#FFFF00;
				background:#FF0000;
				padding:5px;
				margin:0px 15px 15px 12px;
				float:left;
				width:auto;
			}
			#main .foros .posts {
				float:right;
				margin:5px 20px 0 0;
				text-align:right;
			}
			
		#main table {
			width:580px;
			margin:12px;
			padding-top:10px;
			border-top:1px dashed #000;
		}
	
	.register-box .column {
		float:left;
		padding:12px 0 0 20px;
	}
	.register-box .column img {
		margin-bottom: 6px;
	}
	.register-box .right {
		padding:42px 0 0 30px;
		position:relative;
	}
		.register-box .right h2 {
			margin:0 0 10px 0;
		}
	.register-box h1 {
		margin-bottom:30px;
	}
	.register-box h2 {
		
	}
	.register-box .look-selector {
		margin-bottom:20px;
	}
	.register-box form {
		margin-bottom:8px;
	}
		.register-box fieldset {
			width:240px;
		}
		.register-box fieldset.nombre {
			padding-bottom:21px;
			margin-top:20px;
		}
			.register-box label, .welcome-box label, .recovery-box label {
				color:#FFFF00;
				font-size:12px;
				width:85px;
				display:block;
				float:left;
			}
			.recovery-box {
				padding:40px 20px 20px;
				margin:-138px 0 0 -300px;			
			}
			.recovery-box .datos {
				float:left;
				width:396px;

			}
			.recovery-box p.error, .recovery-box p.exito {
				color:#FF0000;
				font-size:15px;
				padding:28px 0 0;
				text-align:right;
				clear:both;
			}
			.recovery-box p.message {
				color:#FFFF00;
				float:right;
				font-size:18px;
				font-weight:bold;
				padding:12px 0 0 0;
				text-align:right;
				clear:both;
			}
			.recovery-box  p.error b, .recovery-box p.exito {
				color:#FFFF00;
			}
			.recovery-box form {
				overflow:hidden;
			}
			.recovery-box h1 {	
				float:left;
				padding:0 0px 0 10px;
			}
			.recovery-box label {
				width:110px;
				float:left;
				margin-right:20px;
				padding-top:4px;
			}
			.recovery-box input {
				width:200px;
				float:left;
				margin-bottom:4px;
			}
			.recovery-box fieldset {
			overflow:hidden;
				padding:0 0 0 60px;
			}
			.recovery-box fieldset.recover {
				padding:15px 0 0 116px;
				
			}
				.recovery-box fieldset.recover label {
					width:54px;
				}
			.recovery-box button {
				float:right;
				margin:15px 4px 0 0;
			}
			.welcome-box label {
				width:70px;
				padding-top:1px;
			}
			.register-box input, .welcome-box input {
				width:136px;
				height:14px;
				border:0;
			}
			.welcome-box input {
				width:99px;
			}
			.welcome-box input {
				margin-bottom:4px;
			}
			.register-box .datos input, .register-box .datos select {
				margin:0 0px 4px 0;
			}
			
			.register-box .datos select {
				height:17px;
				font-size:10px;
				width:43px;
			}
			.register-box .legales {
				padding-top:5px;
			}
				.register-box .legales .checkbox, .welcome-box .checkbox {
					width:auto;
					float:left;
					margin:1px 10px 10px 0;
				}
				.welcome-box .checkbox {
					margin:4px 10px 10px 69px;
				}
				.welcome-box .remember {
					padding:4px 0 2px;
					font-size:1em;
				}
				.register-box .legales label {
					width:auto;
					float:none;
					color:#666;
				}
				.register-box .legales a {
					color:#9B0000;
					font-size:1.2em;
					font-weight:bold;
					text-decoration:underline;
					display:block;
					margin:7px 0;
				}
			.register-box .play {
				margin:40px 0px 0px 0px;
				border:0;
				padding:0;
			}
				.register-box .play button {
					padding:0;
					border-width:0px 0px 0px 0px;
					border-color#000;
					background:#000;	
				}
			.register-box ul, .welcome-box ul {
				overflow:hidden;
				clear:both;
				padding-left:56px;
				border-color:#161616;
				border-style:solid;
				border-width:1px 0;
			}
				.register-box li, .welcome-box li {
					float:left;
					font-size:1em;
					padding:5px 7px;
				}
					.register-box li a, .welcome-box li a {
						color:#FF0000;
					}
			.register-box .footer, .welcome-box .footer {
				color:#515151;
				font-size:1em;
				clear:both;
				margin-top:-5px;
			}
			.register-box .footer, .welcome-box .footer img {
				top:4px;
			}
			.footer img {
				float:left;
				padding-top:16px;
			}
			.footer p {
				top:8px;
				padding-top:20px;
			}
			.register-box .footer p, .welcome-box .footer p {
				float:left;
				margin-left:16px;
			}
			.footer a {
				text-decoration:none;
				color:#660000;
			}
			.footer a:hover {
				text-decoration:none;
				color:#FFFF00
			}
		.register-box .error {
			border:1px solid #FF0000;
			color:#FF0000;
			font-size:1.2em;
			font-weight:bold;
			padding:4px;
			text-align:center;
			position:absolute;
			top:22px;
			width:212px;
			display:none;
		}
	
	.welcome-box .login {
		overflow:hidden;
	}
		.welcome-box .login h1 {
			float:left;
			margin-left:51px;
		}
		.welcome-box .login h2 {
			margin-bottom:18px;
		}
		.welcome-box .login form {
			float:right;
			overflow:hidden;
			margin:0px 35px 0 0;
		}
			.welcome-box .login form fieldset {
				float:left;
				width:184px;
			}
			.welcome-box .login form .submit {
				width:auto;
			}
				.welcome-box .login form .submit input {
					width:78px;
					height:69px;
					margin:-15px 0 0 0;
				}
			.welcome-box .login form a {
				float:left;
				color:#FF0000;
				font-size:1em;
				margin-left:1px;
			}
			.welcome-box .login form a:hover {
				text-decoration:underline;
			}
		
		.welcome-box .register {
			width:597px;
			height:266px;
			padding-top:12px;
			padding-left:1px;
		}
		.welcome-box .register #banner {
			width:304px;
			height:287px;
			float:left;
			overflow:hidden;
		}
		.welcome-box .register .hacete-shoshi {
			position:relative;
			width:292px;
			height:288px;
			background-color:#00FF00;
			float:left;
		}
			.welcome-box .register .hacete-shoshi .content {
				top:59px;
				left:59px;
				position:absolute;
			}
			.welcome-box .register .hacete-shoshi .content a img {
				padding-right:8px;
				padding-bottom:5px;
			}
			
	.video-box .video h1 {
		float:left;
		margin: 15px;
	}
	.video-box .video h2 {
		float:left;
		margin: 16px 0 0 10px;
	}
	.registrations {
		margin-bottom:4em;
	}
	.registrations h2  {
		color:#FFFF00;
		font-size:40px;
	}
		.registrations h2 em {
			color:#FF0000;
		}
	.registrations h3  {
		color:#FF0000;
		font-size:30px;		
	}
		.registrations h3 a {
			color:#FFFF00;
		}
		.registrations h3 a:hover, .registrations h2 a:hover {
			text-decoration:underline;
		}
	.not-found h1 {
		color:white;
		font-size:40px;
	}
	.not-found p {
		color:white;
		font-size:20px;
	}
	
	.error_message {
		color:#FF0000;
		margin-bottom:12px;
	}