body{margin:0;padding:0;border:0;outline:0;font-size:13px;vertical-align:baseline; color:#666;background:#f8f8f8; font-family: 'eb', "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;}									

/*Genericos*/
input, select{vertical-align: middle; color:#666; border:1px solid #ccc; padding:5px;}
label{ line-height:20px;}
input:focus, input:active {
    box-shadow: 0 0 5px #999;
}

select, input, textarea {font: 99% sans-serif; font-size:100%\9;}
fieldset{margin:0;padding:0;border:none;}
p{margin:0}

sup {color: #990000; font-weight:bold;top: -0.5em;}

.error_validation{border: 1px solid red;}

.form-suscripcion .cab-popup{height:65px; margin:0; padding-top:10px;}
.form-suscripcion .cab-popup img{ margin-left:15px;}
.form-suscripcion .contenido{ padding:0 20px 20px 20px; margin-top:30px }
.form-suscripcion legend{width:96%;width:100%\9;margin:10px 0;padding:3px 2%;display:block;font-size:15px;color:#fff;background:#797979;}
.form-suscripcion legend.primero{ margin-top:0;}

.form-suscripcion .razon-social{width:100%;margin-bottom:5px;overflow:hidden;}
.form-suscripcion .razon-social input{ border:none;}
.form-suscripcion .razon-social p{width:122px;padding:0 15px 0 0;float:left; text-align:right;}

.form-suscripcion .bloque-nombre{ width:100%; overflow:hidden; margin-bottom:0; padding:5px 0;}
.form-suscripcion .bloque-nombre label{float:left; width:13%;text-align:right; padding-right:1%; line-height:13px;}
.form-suscripcion .bloque-nombre input{width:36%;width:36%\9;float:left;}


.form-suscripcion .bloque-apellidos{ width:100%; overflow:hidden; margin-bottom:0; padding:5px 0;}
.form-suscripcion .bloque-apellidos label{ float:left; width:13%;text-align:right; padding-right:1%;}
.form-suscripcion .bloque-apellidos .lab-mediano{width:13%;}
.form-suscripcion .bloque-apellidos .lab-pequeno{width:8%;}
.form-suscripcion .bloque-apellidos input{width:21%;width:21%\9; float:left;}


.form-suscripcion .bloque-sexo{ width:100%; overflow:hidden; margin-bottom:0; padding:5px 0;}
.form-suscripcion .bloque-sexo label{ float:left; width:13%;text-align:right; padding-right:1%;}
.form-suscripcion .bloque-sexo .lab-mediano{width:13%;}
.form-suscripcion .bloque-sexo .lab-pequeno{width:8%;}
.form-suscripcion .bloque-sexo input{ width:21%;width:20%\9; float:left;}
.form-suscripcion .bloque-sexo select{ width:21%; width:20%\9; float:left;}


.form-suscripcion .email{ width:100%; overflow:hidden; margin-bottom:0; padding:5px 0;}
.form-suscripcion .email label{ float:left; width:13%;text-align:right; padding-right:1%;}
.form-suscripcion .email input{width:36%;width:36%\9; float:left;}

.form-suscripcion .poliza{ width:100%; overflow:hidden; margin-bottom:0; padding:5px 0;}
.form-suscripcion .poliza label{ float:left; width:13%;text-align:right; padding-right:1%;}
.form-suscripcion .poliza input{width:36%;width:36%\9;float:left;}

.form-suscripcion .bloque-direccion{ width:100%; overflow:hidden;margin-bottom:0; padding:5px 0;}
.form-suscripcion .bloque-direccion label{width:13%;float:left;text-align:right; padding-right:1%;}
.form-suscripcion .bloque-direccion  .via{ width:8%;}
.form-suscripcion .bloque-direccion .datos-direccion{width:6%;width:6%\9;}
.form-suscripcion .bloque-direccion .lab-intermedio{width:13%;}
.form-suscripcion .bloque-direccion .lab-pequeno{width:7.6%;}
.form-suscripcion .bloque-direccion input{width:20%;float:left;}
.form-suscripcion .bloque-direccion select{width:20%;float:left;}

.form-suscripcion .bloque-lugar{ width:100%; overflow:hidden;margin-bottom:5px; padding:5px 0;}
.form-suscripcion .bloque-lugar label{width:13%;float:left;text-align:right; padding-right:1%;}
.form-suscripcion .bloque-lugar .via{ width:8%;}
.form-suscripcion .bloque-lugar .provincia{width:13.3%;width: 13.3%\9;}
.form-suscripcion .bloque-lugar .lab-intermedio{width:13%;}
.form-suscripcion .bloque-lugar .lab-pequeno{width:7.6%;}
.form-suscripcion .bloque-lugar input{ width:20%;float:left;}

.form-suscripcion .bloque-tarjeta{width:100%;overflow:hidden;margin-bottom:0; padding:5px 0;}
.form-suscripcion .bloque-tarjeta label{width:13%;float:left;text-align:right; padding-right:1%; line-height:13px;}
.form-suscripcion .bloque-tarjeta .lab-pequeno{width:7.6%;}
.form-suscripcion .bloque-tarjeta input{width:57%;width:57%\9; float:right;float:left\9;}
.form-suscripcion .bloque-tarjeta select{width:20%;float:left;}


.form-suscripcion .bloque-numero-tarjeta{width:100%;overflow:hidden;margin-bottom:0; padding:5px 0;text-align:left;}
.form-suscripcion .bloque-numero-tarjeta label{width:13%;float:left;text-align:right; padding-right:1%;}
.form-suscripcion .bloque-numero-tarjeta input{width:7%;float:left; margin-right:1%;}
.form-suscripcion .bloque-numero-tarjeta span{width:2%;display:block;padding:0 5px;float:left;line-height:20px; }

/*Botonoes*/
.form-suscripcion .Boton{clear:both; margin-top:25px; width:100%;}

.form-suscripcion .Boton .enviar, .restablecer{  float:right;
	padding:3px 10px!important;
	border-radius:3px!important;
	box-shadow: 2px 2px 2px #eee !important;
	font-family:Arial, Helvetica, sans-serif;
	color:#333!important;
	border:1px solid #ffac00;
	background:#f6eddb;
}
.form-suscripcion .Boton .enviar:hover, .restablecer:hover{background:#ffac00!important;padding:3px 10px;color:#333;}
.form-suscripcion .restablecer{margin-right:10px;}


/*Errores y avisos*/
.form-suscripcion .error {
	margin:0 0 10px 0;
	padding:10px;
	border:1px solid #990000;
	font-size:13px;
	background:#ffcccc
}

.form-suscripcion .error p.lnk {
	margin-top:20px;
	padding:0;
	font-size:11px
}

.form-suscripcion .aviso {
	margin:0 0 10px 0;
	padding:10px;
	border:1px solid #b0c14b;
	font-size:13px;
	background:#f5f8e4
}

.form-suscripcion .oculto-error{display:none;}
/*Clausula*/
.form-suscripcion  .clausula{ font-size:11px; overflow:hidden; width:100%;}
.form-suscripcion  .clausula a{ color:#333; text-decoration:none;}
.form-suscripcion  .clausula a:hover{ color:#aeaa15;}
.form-suscripcion  .clausula input{ border:none;}


.informacion-suscripcion{margin-bottom:10px;}
.informacion-suscripcion .imagen-suscripcion{ max-width: 865px !important; margin:0 auto;}

/* Ipad */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.informacion-suscripcion{margin-bottom:10px;}
}


/* Smartphones (portrait and landscape) ----------- */



@media screen and (max-width: 320px) {
	.form-suscripcion .contenido .informacion-suscripcion{
	width:265px!important;
  	margin-bottom: 10px;
    overflow:hidden;
    }
	
.form-suscripcion .contenido .informacion-suscripcion .imagen-suscripcion{
	width:540px!important;
	max-width:540px!important;}
	
	}

	
	/* Version iPhone */
@media only screen and (max-width: 530px) { 
	
 	.form-suscripcion .contenido .informacion-suscripcion{
		width:430px;
  		margin-bottom: 10px;
    	overflow:hidden;
		text-align:center;
    }
.form-suscripcion .contenido .informacion-suscripcion magen-suscripcion.imagen-suscripcion{
		width:865px;
		max-width:865px;
	}


.form-suscripcion .contenido legend{width:92%;padding:5px 4%;}

.form-suscripcion .razon-social p{ width:100%!important; text-align:left; float:none;}

.razon-social, .bloque-nombre, .bloque-apellidos, .bloque-sexo, .email, .poliza, .bloque-direccion, .bloque-lugar, .bloque-tarjeta{ width:100%;margin:0!important;padding:0!important;}
.bloque-nombre label, .bloque-apellidos label, .bloque-sexo label, .email label, .poliza label, .bloque-direccion label, .bloque-lugar label, .bloque-tarjeta label, 
.bloque-numero-tarjeta label
{width:100%!important;display:block; text-align:left!important;float:none;}

.bloque-nombre input, .bloque-apellidos input, .bloque-sexo input, .bloque-sexo select, .email input, .poliza input, .bloque-direccion input, .bloque-lugar input, .bloque-tarjeta input, .bloque-tarjeta select
{width:100%!important;float:none;}

.bloque-numero-tarjeta input {width:23.1%!important;}

.form-suscripcion .Boton{ overflow:hidden; margin-bottom:10px;}

}

#mensaje-domiciliacion > p,
#mensaje-tarjeta > p{
    font-weight: bold;
    margin-top: 10px;
    width: 40%;
}