@charset "utf-8";
/* CSS Document */

.noDisplay {
	display: none;
}

body {
	margin: 0px;
	padding: 0px;
	font-size:62.5%;
	background-color: #0e5f27;
}

#top {
	border-bottom: solid 1px #8cbc2d;
	background-color: #012d12;
}
#top a {
	font-family: Tahoma, Arial, Helvetica, Sans-serif;
	font-size: 1.1em;
	color: #FFFFFF;
	text-decoration: underline;
}
#top a:hover {
	text-decoration: none;
}
.top-container {
	width: 878px;
	height: 146px;
	background-image:url(/img/general/top-logo-2.jpg);
	background-repeat: no-repeat;
	/* centramos */
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
.register-box {
	width: 130px;
	height: 82px;
	/*background-image: url(/img/controls-register/new-user-box-trans.gif);*/
	background-repeat: no-repeat;
	position: absolute;
	bottom: 10px;
	right: 235px;
}

.register-box .fondo {
	/*background-image: url(/img/controls-register/new-user-box-trans.png);*/
	position: relative;
	top:0px;
	height: 82px;
	width: 130px;
	/*background-repeat: no-repeat;*/
}

.register-box .text-box {
	padding-top: 40px;
	padding-right: 8px;
	padding-left: 8px;
	text-align: center;
	position: absolute;
	top: 8px;
	z-index: 1000;
	width: 111px;
}
#login-box {
	width: 231px;
	height: 110px;
	/*background-image:url(/img/controls-login/login-box-trans.jpg);*/
	background-repeat: no-repeat;
	position: absolute;
	top: 6px;
	right: 0px;
	padding-top: 0px;
}
#login-box .fondo {
	position: absolute;
	top: 0px;
	z-index: -1000;
}
#login-box .text-box {
	padding-top: 18px;
	padding-right: 16px;
	padding-left: 8px;
	position: absolute;
	top: 32px;
}
#login-box .links {
	top: 12px;
	position: relative;
}
#login-box .text-box-check{
	position: absolute;
	top: 40px;
	width: 210px;
	height: 24px;
	color: #FFFFFF;
	left: 4px;
	text-align: center;
}
#login-box .text-box-msg {
	position: absolute;
	left: 4px;
	color: white;
	font-size: 1.1em;
	font-family: Tahoma, Arial, Helvetica, Sans-serif;
	text-align: center;
	top: 49px;
	width: 225px;
	height: 58px;
}
#login-box .text-box-msg img {
	float:none;
}
#login-box .text-box-loginok {
	position: absolute;
	left: 14px;
	color: white;
	font-size: 1.1em;
	font-family: Tahoma, Arial, Helvetica, Sans-serif;
	top: 40px;
	width: 207px;
	height: 83px;
}


.login-box-imagebutton {
	float: right;
}
.login-box-input {
	width: 133px;
	border-top: #b2cb7f;
	padding-right: 6px;
	padding-left: 6px;
	border: none;
	border-top: #b3cf7f;
	color: #0e5f27;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	height: 14px;
	padding-bottom: 2px;
	padding-top: 4px;
}
#main {
	background-image: url(../img/general/top-background.jpg);
	background-repeat: repeat-x;
	margin-top: 0px;
	padding-top: 15px;
}
#main-container {
	width: 878px;
	margin-left: auto;
	margin-right: auto;
}
#column-1 {
	float: left;
	width: 138px;
}
#column-2 {
	float: left;
	width: 730px;
	margin-left: 10px;
}

.button {
	height:34px;
	margin-top:4px;
	padding-left:8px;
	padding-right:8px;
	padding-top:18px;
	text-align:center;
}
.button a{
	font-family: Tahoma, Arial, Helvetica, Sans-serif;
	font-weight: bold;
	font-size: 1.2em;
	text-decoration: none;
}
.button-on {
	background-image: url(/img/general/button-on.gif);
}
.button-on a {
	color: #d3e529;
}
.button-off {
	background-image: url(/img/general/button-off.gif);
	
	
}
.button-off:hover {
	background-image: url(/img/general/button-on.gif);
}
.button-off a {
	color: #FFFFFF;
}
.button-off a:hover {
	color: #d3e529;
}
#column-2 {
	position: relative;
}
#column-2 #content-container {
}
#column-2 #content-container #container-top {
	background-image: url(/img/general/top-main.gif);
	background-repeat: no-repeat;
	height: 18px;
	c
}
#column-2 #content-container #container-pie {
}
#column-2 #content-container #container-content {
	border-right: solid 2px #b8d52a;
	border-left: solid 2px #b8d52a;
	background-color: #FFFFFF;
	background-image: url(/img/general/back-bubbles.gif);
	background-repeat: repeat-y;
	background-position: 0px 123px;
	padding-top: 138px;
	padding-right: 15px;
	padding-left: 15px;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #0e5f27;
	
}
#column-2 #content-container #container-pie {
	height: 28px;
	font-family:Tahoma, Arial, Helvetica, Sans-serif;
	font-size: 1.0em;
	color: #FFFFFF;
	text-align: right;
	padding-top: 8px;
	background-image:url(/img/general/main-pie.gif);
	background-repeat: no-repeat;
	padding-right: 9px;
}
#column-2 #content-container #container-pie a{
	font-family:Tahoma, Arial, Helvetica, Sans-serif;
	font-size: 1.0em;
	color: #FFFFFF;
	text-decoration: none;
}
#column-2 #content-container #container-pie a:hover{
	text-decoration: underline;
}


#column-2 #top-banner {
	position: absolute;
	top: 2px;
	left: 2px;
	z-index: 100;
}
#column-2 #top-cabecera {
	position: absolute;
	top: 109px;
	left: 2px;
	z-index: 50;
	border-bottom: solid 2px #cce047;
}
#column-2 #top-tabs  img{
	margin-left: 5px;
}
#column-2 #top-tabs {
	top: 303px;
	position: absolute;
	z-index: 75;
	width: 727px;
}
#form-container-registro {
	padding-left: 50px;
	padding-right: 100px;
	padding-bottom: 30px;
	
}
.form-linea {
	width: 600px;
	margin-top: 5px;
	min-height: 24px;
	height: auto !important;
	height: 24px;
}
.form-linea .form-campo {
	float: left;
	width: 260px;
/*	height: 20px;*/

	min-height: 24px;
	height: auto !important;
	height: 24px;
	


}
.form-linea input {
	border: solid 1px #0e5f27;
	width: 248px;
	height: 16px;
	float: left;
	padding-top: 4px;
	padding-left: 4px;
	font-size: 1.0em;
}
.form-linea .radiobutton  input{
	border: none !important; 
/*	width: inherit !important;*/
	width: 20px;
	float: none;
	padding: 0px;
	height: inherit;
	vertical-align: -30%;
}

.form-linea select {
	border: solid 1px #0e5f27;
	width: 248px;
	height: 20px;
	float: left;
	padding-left: 4px;
	font-size: 1.0em;
}


.form-linea .form-texto {
	float: left;
	width: 200px;
	height: 20px;
	line-height: 23px;
	;
	text-align: right;
	padding-right: 15px;
	font-weight: bold;
}
.form-group {
	margin-top: 75px;
}	

/* TU CUENTA */
#paneles {
	margin-top: 20px;
}
#paneles #panel-codigos {
	width: 272px;
	height: 139px;
	background-image:url(/img/tu-cuenta/panel-introduce.gif);
	background-repeat: no-repeat;
	background-position: top left;	
	font-family: Arial Narrow, sans-serif;
	font-weight: bold;
	text-align: center;
	font-size: 1.8em;
	color: white;
	position: relative;
	float: left;
}
#paneles #panel-codigos  .codepanel {
	position: absolute;
	top: 15px;
	left: 8px;
	width: 254px;
}
#paneles #panel-codigos .errorpanel {
	font-family: Tahoma, Arial, Helvetica, Sans-serif;
	font-size: 0.6em;
}

#paneles #panel-codigos input {
	width: 215px;
	height: 32px;
	border: solid 2px #cfe235;
/*	padding-top: 5px;*/
	text-align: center;
	font-size: 1.4em;
	padding: 0px;
	font-family: Arial Narrow, sans-serif;
	font-weight: bold;
	margin-top: 1px;
	margin-bottom: 1px;
}
#paneles #panel-codigos #panel-mensajes {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.6em;
	text-align: center;
	vertical-align: center;

	
}

#paneles #panel-contadores {
	width: 366px;
	height: 139px;
	background-image:url(../img/tu-cuenta/panel-puntos.gif);
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	font-weight: bold;
	color: #FFFFFF;
	float: left;
	margin-left: 15px;
	text-align: center;
	padding-top: 12px;
	padding-bottom: 9px;
}
#paneles #panel-contadores #puntos-texto {
	position: relative;
}
#paneles #panel-contadores #codigos-texto {
	margin-top: 10px;
}
#puntos-texto #puntos_totales, #codigos-texto #codigos_introducidos{
	font-size: 2.1em;
	color: #cfe235;
	
}
.caja-premios {
	width: 141px;
	position: relative;
	margin-top: 80px;
	margin-left: 10px;
	float: left;
}
.caja-premios .caja-premios-logo {
	position: absolute;
	left: -26px;
	top: -55px;
}
.caja-premios-content {
	border-right: 2px solid  #cfe235;
	border-left:  2px solid  #cfe235;
	background: url(../img/tu-cuenta/caja-premios-back.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	height: 268px;
	height: auto !important;
	min-height: 268px;
	background-color: #0e5f27;
	padding-top: 55px;
	color: #FFFFFF;
	font-size: 1.2em;
	text-align: center;
	padding-left: 8px;
	padding-right: 8px;
}
#premios-conseguidos {
	width: 531px;
	height: 81px;
	background-image: url(../img/tu-cuenta/panel-premios-disfrutados.gif);
	background-repeat: no-repeat;
	padding-top: 50px;
	padding-left: 40px;
	padding-right: 40px;
	margin-top: 40px;
	margin-left: auto;
	margin-right: auto;
}
#panel-recuerda {
	background:url(../img/tu-cuenta/panel-recuerda.gif);
	background-repeat: no-repeat;
	width: 227px;
	height: 50px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	padding-top: 40px;
	padding-bottom: 10px;
	padding-right: 20px;
	padding-left: 20px;
	text-align: center;
	color: white;
}

#home {
	text-align: center;
	width: 932px;
	height: 430px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(/img/home/panel.jpg);
	background-repeat: no-repeat;
	position: relative;
}
#home #menu {
	width: 751px;
	position: absolute;
	left: 108px;
	top: 353px;
}
#home #menu .button {
	float: left;
	margin-left: 10px;
}

#modal_container {  
	padding:25px;
   	overflow:auto;
   	font-family: Tahoma, Arial, Helvetica, Sans-serif;
	font-weight: bold;
   	font-size:1.4em;
   	text-align: center;
	width: 300px;
	height: 45px;
	background-color: #063610;
	border: #e3f729 solid 2px;
	color: #fff;
	
} 

#modal_overlay {  
	background-color:#000;  
}  

#modal_container.test2 
{
	padding:0px;
	padding-top:10px;
	background-color:#fff;
		}
#modal_container test3 {
	background-color:#fff;
	height: 1700px;
}		
#modal_container.test4 
{		padding: 0px;
		padding-top: 10px;
		background-color: #fff;
		width: 550px;
}

/* condiciones generales */
.texto_legal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
}
.destacados_legal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
}

.titulo_legal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
}

.subtitulo_legal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #FFFF00;
}		
.subtitulo4 
{
	font-weight :bold;
	color: #0e5f27;	
}

.texto {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #ffffff;
}

.texto_negrita {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #ffffff;
}
.negra11px {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight:bold;
	color: #002D12;
}