/* --- Autor: Patricio Mas - http:patriciomas.cl -- */
/* --- Cliente: Globox --- */
/* --- Fecha: Junio/2009 --- */


/******************/
/* --- Layout --- */
body{
	background: #2F69A4 url(bitmaps/bkgd.png) center top repeat-x;
}
body.flash-intro{
	background-color: #000;
	background-image: none;
}
#wrapper{
	width: 800px;
	margin: auto;
}
#header{
	width: 800px;
	height: 342px;
}
#header h1{
	display: none;
}

body.flash-intro{
	background-color: #000;
	background-image: none;
}
.flash-intro div{
	height: 640px;
	width: 384px;
	margin: 20px auto;
	text-align: right;
}
.flash-intro a{
	font: normal 10px Tahoma;
	text-decoration: none;
	color: #666;
	padding: 20px 0 0 0;
}
/**********************/
/* --- Navigation --- */
#nav{
	float: left;
	background: url(bitmaps/menu.png) 0 0 no-repeat;
	height: 50px;
	width: 800px;
}
#nav li{
	display: inline;	
}
#nav li a{
	background: url(bitmaps/menu.png) 0 0 no-repeat;
	display: block;
	float: left;
	height: 32px;
	text-indent: -9999px;
	padding: 0;
	margin: 9px 0 0 15px;
	_margin: 9px 0 0 12px;
}
#nav li p{
	background: url(bitmaps/menu.png) 0 0 no-repeat;
	display: block;
	float: left;
	height: 32px;
	text-indent: -9999px;
	padding: 0;
	margin: 9px 0 0 15px;
	_margin: 9px 0 0 12px;
}
/* bases */
#nav li.bases p{
	background-position: -15px -109px;
	width: 76px;
}
#nav li.bases a{
	background-position: -15px -59px;
	width: 76px;
}
#nav li.bases a:hover{
	background-position: -15px -109px;
}
/* juego */
#nav li.juego p{
	background-position: -102px -109px;
	width: 76px;
}
#nav li.juego a{
	background-position: -102px -59px;
	width: 76px;
}
#nav li.juego a:hover{
	background-position: -102px -109px;
}
/* evento */
#nav li.evento p{
	background-position: -191px -109px;
	width: 83px;
}
#nav li.evento a{
	background-position: -191px -59px;
	width: 83px;
}
#nav li.evento a:hover{
	background-position: -191px -109px;
}
/* ranking */
#nav li.ranking p{
	background-position: -290px -109px;
	width: 96px;
}
#nav li.ranking a{
	background-position: -290px -59px;
	width: 96px;
}
#nav li.ranking a:hover{
	background-position: -290px -109px;
}
/* premios */
#nav li.premios p{
	background-position: -399px -109px;
	width: 96px;
}
#nav li.premios a{
	background-position: -399px -59px;
	width: 96px;
}
#nav li.premios a:hover{
	background-position: -399px -109px;
}
/* enviar amigo */
#nav li.enviar-amigo p{
	background-position: -508px -109px;
	width: 150px;
}
#nav li.enviar-amigo a{
	background-position: -508px -59px;
	width: 150px;
}
#nav li.enviar-amigo a:hover{
	background-position: -508px -109px;
}
/* facebook */
#nav li.facebook p{
	background-position: -673px -109px;
	width: 108px;
}
#nav li.facebook a{
	background-position: -673px -59px;
	width: 108px;
}
#nav li.facebook a:hover{
	background-position: -673px -109px;
}

/*******************/
/* --- container --- */
#container{
	display: block;
	float: left;
	margin: 10px 0 0 0;
	background: #FFF url(bitmaps/bkgd-container.jpg) 0 0 no-repeat;
	padding: 30px 30px 0 30px;
	width: 740px;
}
#container .user-info{
	float: right;
	font: normal 11px Tahoma;
	color: #666;
	position: relative;
	top: -10px;
}
#container .user-info a{
	text-decoration: none;
	color: #666;
}
#container .user-info a:hover{
	color: #F00;
}

/*******************/
/* --- content --- */
.content{
	float: left;
	border-right: #CCC 1px solid;
	padding:0 10px 0 0;
	width:485px;
}
.content-solo{
	width:740px;
	border: none;
	padding: 0;
}
.content h2{
	display:block;
	text-indent: -9999px;
	margin: 0 0 20px 0;
	height: 29px;
}
.content h2.titulo-registro{
	background: url(bitmaps/titulo-registro.gif) 0 0 no-repeat;
	width: 112px;
}

.content h2.titulo-bases{
	background: url(bitmaps/titulo-bases.gif) 0 0 no-repeat;
	width: 76px;
}
.content h2.titulo-juego{
	background: url(bitmaps/titulo-juego.gif) 0 0 no-repeat;
	width: 76px;
}
.content h2.titulo-evento{
	background: url(bitmaps/titulo-evento.gif) 0 0 no-repeat;
	width: 92px;
}
.content h2.titulo-ranking{
	background: url(bitmaps/titulo-ranking.gif) 0 0 no-repeat;
	width: 101px;
}
.content h2.titulo-premios{
	background: url(bitmaps/titulo-premios.gif) 0 0 no-repeat;
	width: 101x;
}
.content h2.titulo-enviar-amigo{
	background: url(bitmaps/titulo-enviar-amigo.gif) 0 0 no-repeat;
	width: 169px;
}
.content h2.titulo-facebook{
	background: url(bitmaps/titulo-facebook.gif) 0 0 no-repeat;
	width: 120px;
}
.content h2.titulo-videos-promo{
	background: url(bitmaps/titulo-videos-promo.gif) 0 0 no-repeat;
	width: 280px;
}
.content h3{
	font: bold 23px Tahoma;
}
.content p{
	font: normal 13px Tahoma;
	line-height: 20px;
	margin: 10px 0;
}
.content strong{
	font-weight: bold;
}
.content img.align-left{
	float: left;
	margin: 0 5px 5px 0;
}
.content img.align-right{
	float: right;
	margin: 0 0 5px 5px ;
}
a.boton-jugar {
	display: block;
	background: url(bitmaps/boton-jugar.gif) 0 0 no-repeat;
	text-indent: -9999px;
	width: 107px;
	height: 44px;
	margin: auto;
}
a.boton-registro {
	display: block;
	background: url(bitmaps/boton-registro.gif) 0 0 no-repeat;
	text-indent: -9999px;
	width: 230px;
	height: 44px;
}
a.boton-video1 {
	display: block;
	background: url(bitmaps/boton-video1.gif) 0 0 no-repeat;
	text-indent: -9999px;
	width: 230px;
	height: 61px;
}
a.boton-video2 {
	display: block;
	background: url(bitmaps/boton-video2.gif) 0 0 no-repeat;
	text-indent: -9999px;
	width: 230px;
	height: 61px;
}
a.boton-facebook {
	float: left;
	display: block;
	background: url(bitmaps/boton-facebook.gif) 0 0 no-repeat;
	text-indent: -9999px;
	width: 230px;
	height: 44px;
	margin-top :20px;
}
.content ul.lista-premios{
	color: #C00;
	margin: 10px 0 10px 20px;
	font: bold 18px Tahoma;
}
.content ul.lista-premios li{
	margin: 0 0 10px 20px;
	list-style-type: disc;
}
.content ul.lista-premios li a{
	color: #333;
	text-decoration: none;
}
.content ul.lista-premios li a:hover{
	color: #C00;
	text-decoration: underline;
}
hr{
	border: none;
	border-top: #CCC 1px solid;
	height: 1px;
}
.content .evento{
	background: url(../images/evento-programacion.jpg) 0 0 no-repeat;
	text-indent: -9999px;
	height: 848px;
}
.content .evento li{
	list-style-type: none!important;
}
.content .video-promo{
	width: 384px;
	margin: auto;
}
.content.bases h4{
	font: bold 14px Tahoma;
	margin: 20px 0 10px 10px;
}
.content.bases p{
	text-align: justify;
	margin: 0 20px 20px 35px;
}
.content.bases a{
	color: #C00;
}
.content.bases a:hover{
	text-decoration: none;
}
.content.bases ul{
	text-align: justify;
	font: normal 13px Tahoma;
	margin: 0 50px 20px 70px;
	list-style: disc;
}
.content.bases li{
	margin: 0 0 10px 0;
}
/*******************************/
/* --- formulario registro --- */
form.registro{
	font: normal 13px Verdana;
	width: 437px;
	margin: 30px 0 0 120px;
}
form.registro li{
	margin: 5px 0;	
}
form.registro label{
	font: bold 13px Tahoma;
	color: #036;
	display: inline;
}
form.registro input.help{
	width: 30px;
	margin-left: 148px;
}
form.registro input{
	font: normal 13px Verdana;
	border: #999 1px solid;
	padding: 3px;
	color: #069;
}
form.registro input.nick{
	width: 250px;
	margin-left: 131px;
}
form.registro input.nombre{
	width: 250px;
	margin-left: 130px;
}
form.registro input.apellido{
	width: 250px;
	margin-left: 128px;
}
form.registro input.rut{
	width: 84px;
	margin: 0 5px 0 155px;
}
form.registro input.verificador{
	width: 20px;
	margin: 0 0 0 5px;
}
form.registro input.dia-nac{
	width: 30px;
	margin-left: 48px;
}
form.registro input.mes-nac{
	width: 30px;
	margin-left: 0;
}
form.registro input.ano-nac{
	width: 30px;
	margin-left: 0;
}
form.registro input.direccion{
	width: 250px;
	margin-left: 120px;
}
form.registro input.ciudad{
	width: 250px;
	margin-left: 136px;
}
form.registro input.correo{
	width: 250px;
	margin-left: 135px;
}
form.registro input.celular{
	width: 84px;
	margin-left: 135px;
}
form.registro input.marca-celular{
	width: 250px;
	margin-left: 60px;
}
form.registro input.sexo-m{
	width: 15px;
	margin-left: 146px;
	border: none;
}
form.registro input.sexo-f{
	width: 15px;
	margin-left: 21px;
	border: none;
}

form.registro input.asistencia-si{
	width: 15px;
	margin-left: 177px;
	border: none;
}
form.registro input.asistencia-no{
	width: 15px;
	margin-left: 21px;
	border: none;
}

/***********************************/
/* --- formulario enviar amigo --- */
form.enviar-amigo{
	font: normal 13px Verdana;
	width: 394px;
	margin: 30px 0 0 40px;
}
form.enviar-amigo li{
	margin: 5px 0;	
}
form.enviar-amigo label{
	font: bold 13px Tahoma;
	color: #036;
	display: inline;
}
form.enviar-amigo input{
	font: normal 13px Verdana;
	border: #999 1px solid;
	padding: 3px;
	color: #069;
}
form.enviar-amigo input.tu-nombre{
	width: 250px;
	margin-left: 56px;
}
form.enviar-amigo input.correo-origen{
	width: 250px;
	margin-left: 61px;
}
form.enviar-amigo input.correo-destino{
	width: 250px;
	margin-left: 0px;
}

form input#enviar{
	float: right;
	background: url(bitmaps/boton-enviar.gif) 0 0 no-repeat;
	border: none;
	width: 107px;
	height: 44px;
	font: bold 16px Tahoma;
	text-indent: -9999px;
	margin: 10px 0 0 0;
}

/***********************************/
/* --- tabla ranking --- */
.content table{
	background: #FFF;
	border-left: #A0B2BC 1px solid;
	border-right: #A0B2BC 1px solid;
	font: normal 12px Verdana;
	padding: 10px;
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
}
.content table td{
	border-bottom: #A0B2BC 1px solid;	
	padding: 5px;
	color: #264353;
}
.content table th{
	background: #264353;
	border-bottom: #A0B2BC 1px solid;
	color: #FFF;
	padding: 5px;
	font: bold 11px Verdana;
}
.content table .centrado{
	text-align: center;
}


/*******************/
/* --- sidebar --- */
#sidebar{
	float: right;
	width: 230px;
	text-align: center;
	font: bold 15px Tahoma;
	color: #666;
}
#sidebar #login{
	text-align: center;
	margin: 0 0 10px 0;
}
#sidebar #login fieldset{
/*	background: url(bitmaps/legend-login.gif) 10px 0 no-repeat;
	padding: 30px 0 0 0;
*/}
#sidebar #login legend{
	display: none;
}

#sidebar #login input{
	background: url(bitmaps/bkgd-input-login.gif) 0 0 no-repeat;
	border: none;
	padding:5px 2px 5px 10px;
	margin: 5px 0;
	font: bold 16px Tahoma;
	width: 200px;
	height: 20px;

}
#sidebar #login input#jugar{
	background: url(bitmaps/boton-jugar.gif) 0 0 no-repeat;
	border: none;
	width: 107px;
	height: 44px;
	font: bold 16px Tahoma;
	text-indent: -9999px;
	margin: 10px 0;
}
#sidebar #login a.recuperar-pass{
	font: bold 12px Verdana;
	color: #FFF;
	text-decoration: none;
	background: #C30;
	padding: 5px 10px;
	margin: 10px 0 0 0;
}
#sidebar #login a.recuperar-pass:hover{
	color: #FFF;
	background: #F30;
}
#sidebar #registrate{
	border-bottom: #CCC 1px solid;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
}
#sidebar p{
	padding: 5px 0;
}
/******************/
/* --- Footer --- */
#footer{
	display: block;
	float: left;
	background: #2F69A4 url(bitmaps/bkgd-footer.jpg) 0 0 no-repeat;
	padding: 125px 30px 0;
	margin: 0 0 50px 0;
	width: 740px;	
	height: 78px;
	font: bold 14px Tahoma;
	color: #FFF;
}
#footer #auspicios{
	float: right;
}
#footer #auspicios p{
	display: block;
	float: left;
	height: 66px;
}
#footer #copyright{
	font: normal 10px Verdana;
	color: #679BCF;
	float: right;
	clear: both;
	margin: 17px 0 0 0;
}
#footer #copyright p{

}
#footer #copyright a{
	display: block;
	color: #679BCF;
	text-decoration: none;
	background: url(bitmaps/logo-glovox.gif) top right no-repeat;
	padding: 6px 27px 6px 0;
	height: 30px;
	overflow: visible;
}
#footer #copyright a:hover{
	color: #FFF;
	text-decoration: none;
}
#footer #contacto{
	width: 300px;
	float: left;
}
#footer #contacto a{
	color: #FF0;
	text-decoration: underline;
}
#footer #contacto a:hover{
	color: #000;
}