@charset "utf-8";
/* CSS Document */
.contenedor_mapa_covid {
    float: left;
    width: calc(24% - 1em);
    padding-right: 1em;
    text-transform: uppercase;
    border-left: 1px #004175 solid;
    margin-left: 1%;
}

.boton_covid {
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    border: 1px solid #004175;
    border-radius: 10px;
    width: 95%;
    margin: auto;
}


.pie_politicas {
    float: none;
    width: auto;
    font-size: 0.8em;
    text-transform: uppercase;
    display: block;
}

    .pie_politicas a {
        color: #004175;
        display: inline-block;
    }

        .pie_politicas a:hover {
            color: #333;
        }

/*submenu del pie FREDY 20171113*/

#abrirPie {
    position: relative;
    color: #004175;
    display: inline-block;
}

    #abrirPie:hover {
        cursor: pointer;
    }

.REC15_separador {width:100%;
height:1px;
display:block;
clear:both;
background:none;
}

/* PÁGINA DE REGISTRO */
.REC15_izquierda2 { 
	float:left;
	width:62%;
	margin:2%;
	display:block;
	background-color:#FFF;
	border:1px silver solid;
	min-height:415px;
}

.REC15_izquierda2 h2 , 
.REC15_derecha1 h2 {
	display:block;
	text-indent:20px;
	width:100%;
	border-left:4px solid #333;
	background-color:#f11212;
	font-size:1.3em;
	color:#FFF;
	padding:0px;
	line-height:2em;
	}
	
.REC15_izquierda2_form {
	padding:4%;
	margin:4% auto;
	}
	
.REC15_izquierda2_form p {
	margin-top:5em;
	}	
	
.boton_rojo {
	background-color:#f11212;
	border:0px;
	text-align:center;
	color:#FFF;
	padding:1% 4%;
	margin:0px 2em;
	font-size:0.9em;
	}

.REC15_derecha1 {
	float:left;
	width:30%; 
	margin:2%;
	display:block;
	background-color:#FFF;
	border:1px silver solid;
	min-height:415px;
	}
	
.REC15_derecha1_contenidos {
	display:block;
	padding:2%;
}

.REC15_derecha1_contenidos img {
	display:block;
	width:100%;
	max-width:277px;
	margin:0PX auto;
}

.REC15_derecha1_contenidos p {
	display:block;
	margin-left:50px;
}

.REC15_derecha_1_forfait {
	width:100%;
	margin:1em auto 0px;
	text-align:center;
	}
	
.REC15_banners_inferior {
	padding:2%;
	background-color:#fff;
	margin-top:3%;
	}

.REC15_banner {
	float:left;
	width:30.3%;
	margin:1.5%;
	}
	
.REC15_banner: first-child {
	padding-left:0px;
	}
	
.REC15_banner: last-child {
	padding-right:0px;
	}

.REC15_banner img {
	width:100%;
	max-width:350px;
	}

/* PASO 2 */

.REC15_paso2_izquierda {
	float:left;
	width:60%;
	}

.REC15_paso2_derecha {
	float:left;
	width:40%;
	margin-top:-10px;
	}
	
.REC15_paso2_bloque {
	display:block;
	background-color:#FFF;
	border:1px silver solid;
	margin:2%;
	padding:2%;
	height:auto;
}

.REC15_paso2_bloque_cabecera, .REC15_paso2_bloque_cabecera2 {
	background-color:#f11212;
	height:30px;
	color:#fff;
	margin:-2%;
	}
	
.REC15_paso2_bloque_cabecera h2 , .REC15_paso2_bloque_cabecera2 h2 {
	background-color: #f11212;
    border-left: 4px solid #333;
    color: #fff;
    display: block;
    font-size: 1.3em;
	height:30px;
    padding: 0;
    text-indent: 20px;
    width: 100%;
	text-transform:uppercase;
	line-height:30px;
	}
	
.REC15_paso2_cabecera_izquierda {
	float:left;
	width:10%;
	background-color:#333;
	padding:0.5%;
	padding-left:0.7em;
}

.REC15_paso2_cabecera_derecha {
		float:left;
		width:90%;
		padding:0.5%;
		padding-left:1em;
		text-indet:10px;
		text-transform:uppercase;
		font-size:1.3em;
	}

.REC15_paso2_mini {font-size:0.7em;
display:table-cell;
vertical-align:bottom;
float:left;
padding-right:1em;
}

.REC15_paso2_bloque_selector {
	float:left;
	display:block;
	margin:3.7%;
	color:#666;
	}


.REC15_paso2_bloque_selector select {
	height:2.5em;
	border: 1px solid #ccc;
	background-image:url(../recargas/imagenes2015/flecha_desplegable.png);
	background-position:right, center;
	background-repeat:no-repeat;
 -moz-appearance: none;
 -webkit-appearance: none;
 appearance: none;
 padding-right: 40px;
	}

.REC15_paso2_bloque_check {
	float:left;
	display:block;
	margin:3.7%;
	color:#666;
	}
	
.REC15_paso2_seguro {
	background-color:#f4f4f4;
	padding:0.5em;
	}
	
.check_txt { font-size:0.9em;
padding-left:0.5em;
padding-right:1em;
}

.REC15_paso2_leyenda {
	padding-left:2%;
	display:block;
	padding-top:2%;
	}
	
.REC15_paso2_numeroForfait {
	padding-left:2%;
	font-weight:bold;
	font-size:0.9em;
	color:#f11212;
	display:block;
	}
	
.REC15_paso2_selectorProductos {
	padding:4% 2% 2% 2%;
	}

.REC15_paso2_selectorProductos select {
	width:100%;
	height:2.5em;
	border: 1px solid #ccc;
	background-image:url(/recargas/imagenes2015/flecha_desplegable.png)!important;
	background-position:right, center;
	background-repeat:no-repeat;
 -moz-appearance: none;
 -webkit-appearance: none;
 appearance: none;
	}
	
.REC15_paso2_precio {
	display:block;
	background:#f4f4f4;
	margin:0% 2%;
	width:96%;
	height:30px;
	}
	
.REC15_texto_precio {
	display:block;
	float:left;
	color:#f11212;
	line-height:30px;
	padding-left:1em;
	}
	
.REC15_numero_precio {
	display:block;
	float:right;
	font-weight:bold;
	line-height:30px;
	padding-right:1em;
	}
	
.REC15_paso2_texto_obligatorio {
	display:block;
	padding:2%;
	}
	
.REC15_paso2_formpersonales {
	display:block;
	clear:both;
	text-transform:uppercase;
	padding:0.3% 2%;
	}
	
.REC15_paso2_formpersonales input {
	margin-bottom:1em;
	}
	
.REC15_paso2_legal {display:block;
padding:2%;
}

.REC15_paso2_legal a {
	color:#666;
	text-decoration:underline;
	}
	
.REC15_paso2_boton {
	padding:2%;
	width:96%;
	display:block;
	}
	
.REC15_paso2_boton a {
	background-color:#f11212;
	border:0px;
	text-align:center;
	color:#FFF;
	padding:1% 4%;
	font-size:0.9em;
	}
	
.REC15_paso2_boton a:hover {
	background-color:#000;
	text-decoration:none;
	color:#fff;
	
	}
	
	
.REC15_tabla_calendario {
	float:left;
	display:block;
	width:46%;
	margin:2%;
	background-color:#FFF;
	min-height:160px;
	}
	
.REC15_tabla_calendario table {
	margin:0px auto;
	width:100%;
	}
	
.REC15_tabla_leyenda {
	
	}
	
.alta{ background-color: #e1483f; font-size:11PX; color:#000;}
.baja{background-color: #b9d44f; font-size:11PX; color:#000; }
.promocion{background-color: #f7c540; font-size:11PX; color:#000;}
	
.REC15_tabla_calendario td {

	}
	

.REC15_cabecera_tabla {background-color:#333;
text-align:center;
color:#fff;
}

.REC15_tabla_dias {
	color:#000;
	text-align:center;
	}
	
/* PASSO 3 */

.REC15_espacio_paso3 {
	display:block;
	width:100%;
	background-color:#FFF;
	border:1px silver solid;
	}
.REC15_espacio_paso3 h3 {
  border-bottom: 1px solid silver;
    clear: both;
    color: #000;
    display: block;
    font-size: 0.9em;
    font-weight: bold;
    padding-bottom: 0;
    text-transform: uppercase;
	}


.REC15_paso3_cabecera {
	background-color:#f11212;
	border-left:3px #333333 solid;
	color:#fff;
	text-indent:2em;
	line-height:30px;
	font-size:1.3em;
	text-transform:uppercase;
	width:100%;
	}
.REC15_paso3_contenido {
	padding:2%;
	}
.REC15_paso3_izquierda {
	float:left;
	width:50%;
	margin-right:5%;
	}
.REC15_paso3_derecha {
	float:left;
	width:45%;

	}
.REC15_paso3_botonera {
	width:100%;
	margin-top:3em;
	border-top:1px silver solid;
	display:block;
	clear:both;
	}
	
.REC15_paso3_pregunta {
	color:#f11212;
	text-transform:uppercase;
	text-align:left;
	line-height:30px;
	display:block;
	}
	
.REC15_paso3_respuesta {
	display:block;
	background-color:#f4f4f4;
	border:1px silver solid;
	height:30px;
	line-height:30px;
	color:#333;
	text-indent:10px;
	}
	
.REC15_paso3_botonPagar{
	display:block;
	float:left;
	margin:1em 0px;
	}

.REC15_paso3_botonVolver{
	display:block;
	float:right;
	margin:1em 0px;
	}
	
.REC15_paso3_botonVolver a {
	background-color:#CCC;
	border:0px;
	text-align:center;
	color:#FFF;
	padding:1% 4%;
	font-size:0.9em;
	display:block;
	width:150px;
	height:30px;
	}
	
.REC15_paso3_botonVolver a:hover {
	background-color:#000;
	text-decoration:none;
	color:#fff;
	
	}
	
.REC15_paso3_botonPagar a {
	background-color:#f11212;
	border:0px;
	text-align:center;
	color:#FFF;
	padding:1% 4%;
	font-size:0.9em;
	display:block;
	width:150px;
	height:30px;
	}
	
.REC15_paso3_botonPagar a:hover {
	background-color:#000;
	text-decoration:none;
	color:#fff;
	}
	
.REC15_paso3_info {
	display: block;
    float: left;
    font-size: 0.8em;
    line-height: 1.2em;
    padding-left: 1em;
    width: 350px;
	}
	
.REC15_paso3_especial {
	float:left;
	}
	
.REC15_paso3_espFor {
	width:300px;
	}

.REC15_paso3_espProd {
	width:500px;
	}

.REC15_paso3_espOtros {
	width:200px;
	}
	
	/* PROMOCODES FREDY 20151215 */

.promo_identificador {
	text-align:center;
	width:50%;
	
	background-color: #fff;
    border: 1px solid silver;
    border-radius: 4px;
    box-shadow: 0 0 3px #333;
    font-size: 2em;
    height: 300px;
    margin:0px auto;
    padding: 1em;
    position: relative;
    text-align: center;

}

.promo_identificador input {
	text-align:center;
	color:#333;
}



.promo_boton2 {
    background-color: #224d80;
    border-color: inherit;
    border-radius: 4px;
    border-style: none;
    border-width: 0;
    clear: both;
    color: #fff !important;
    display: block;
    line-height: 2em;
    text-align: center;
    text-transform: uppercase;
    width: 220px;
    margin:0px auto;
}



.promo_producto {
	text-align:center;
	width:70%;
	
	background-color: #fff;
    border: 1px solid silver;
    border-radius: 4px;
    box-shadow: 0 0 3px #333;
    font-size: 1em;
    min-height: 300px;
    margin:0px auto;
    padding: 1em;
    position: relative;
    text-align: center;
    margin-bottom:1em;

}



.promo_productoInd:hover {
	cursor:pointer;
}

/*.gris {
	background-color:#224d80;
	color:#fff;
}*/

.noRadio input {
    display:none;
}
.promo_productoInd_titulo {
	text-align:center;
	/*font-size:1.2em;
	text-transform:uppercase;*/
}

.promo_producto2 {
	text-align:center;
	width:70%;
	
	background-color: #fff;
    border: 1px solid silver;
    border-radius: 4px;
    box-shadow: 0 0 3px #333;
    font-size: 1em;
    margin:1em auto;
    padding: 1em;
    position: relative;
    text-align: center;

}

.boton_productos {
	display:block;
	clear:both;
}


.codigo_pregunta{
	float:left;
	text-align:right;
	font-weight:bold;
	width:46%;
	line-height:2em;
    padding: 0 2%
}

.codigo_respuesta {
    width: 46%;
    text-align: left;
    line-height: 2em;
    float: left;
    padding: 0 2%
}

/*.codigo_logo {
	width:30%;
	margin:1em auto;
	display:block;
	clear:both;
}*/


.codigo_logo img {
	width:100%;
	height:auto;
}

.promo_datos_flotante {
	width:46%;
	float:left;
	margin:2%;
	display:block;
	text-align:center;
	border:1px silver solid;
}

.forfait_imagen {
	text-align:center;
}


.perviopago {
	width:90%;
	margin:0px auto;
	text-align:center;
}

.contenido600 {
	min-height:600px;
	position:relative;
}

.firma {
	display: block; bottom: 10px; right: 1em; line-height:2em; position:absolute;
}


.promo_forfaits_2{
	width:55px;
	padding:0.5em;
	line-height:1em;
	text-align:center;
	
}


.separador {
	display:block;
	clear:both;
	width:100%;
	height:1px;
}


/* AYUDA */

.ayuda_bloque {
	width:90%;
	margin:0px auto;
	padding:2%;
	border:1px silver solid;
}

.ayuda {
	display:block;
	margin:1em auto;
	border-top:1px silver solid;
}

.ayuda_bloque h2 {
	text-align:center;
}

.ayuda_icono {
	display:block;
	width:30px;
	height:30px;
	position:absolute;
	right:29px;
	bottom:5px;
	opacity:0.7;
	-moz-oapcity:0.7;
	-ms-opacity:0.7;
	
}

.ayuda_icono:hover {
	opacity:100;
	-moz-oapcity:100;
	-ms-opacity:100;

}

.ayuda_icono img {
	width:100%;
	height:auto;
}


.promo_datos_flotante label {
	display:block;
	width:100%;
	line-height:2em;
}

.promo_datos_flotante label:hover {
	cursor:pointer;
}

/*.seleccionado 
 {
	 background-color: #224d80;
    border: 1px solid silver;
    color: #fff;
    display: block;
    margin: 2%;
    padding: 2%;
    text-align: center;
}

.seleccionado input  {
	display:none;
}

.noseleccionado {

    border: 1px solid silver;    
    display: block;
    margin: 2%;
    padding: 2%;
    text-align: center;

}

.noseleccionado input {
	display:none;
}*/

.aviso_pago {
	background-color:#FFFFFF;
	text-align:left;
	padding:2%;
	margin:0px auto;
	color:#333;
	background-image:url('../imagenes/imagenes_promociones/aviso.png');
	background-position:2%;
	background-repeat:no-repeat;
	text-indent:40px;
}

/* FIN DE PROMOCODES */


/* RESPONSIVO */

@media only screen and (max-width: 1024px) {

.promo_identificador {
   
    width: 60%;
}


}

@media only screen and (max-width: 800px) {
.REC15_derecha1 {
		width:40%;
		}
.REC15_izquierda2 {
		width:52%;
		}
.boton_rojo {margin:0px;}

.REC15_paso2_izquierda , .REC_paso2_derecha {
    float: none;
    width: 100%;
}

.REC15_paso2_derecha {
    float: none;
    margin-top: 0px;
    width: 100%;
}

.REC15_paso3_izquierda ,  {
    float: none;
    margin-right: 0%;
    width: 100%;
}

.REC15_paso3_derecha {
	float: none;
    margin-right: 0%;
    width: 100%;
	margin-top:3em;
	}
	
.promo_identificador {
   
    width: 80%;
}


.promo_producto ,
.promo_producto2 {
	width:90%;
}

.mainmenu .tinynav
{
display: none;
}
 
.mainmenu .tinynav:nth-of-type(1)
{
display: block;
}


	}

@media only screen and (max-width: 600px) {
	
.REC15_derecha1 , .REC15_izquierda2 {
	display:block;
	clear:both;
	min-height:0px;
	float:none;
	width:90%;
	margin:1em auto;
	}
	
.REC15_izquierda2 h2, .REC15_derecha1 h2 {

    text-indent: 0px;
	padding-left:4%;
}

	

.REC15_izquierda2_form input {
	width:100%;
	}

.boton_rojo {
   
    font-size: 1.5em;
	line-height:3em;
    padding: 2% 8%;
   	display:block;
	clear:both;
	margin:1em auto;
	width:60% !important;
}

.REC15_izquierda2_form p {
    margin-top: 3em;
	text-align:justify;
}

.REC15_banner {
    float: none;
    margin:5% auto 5% auto;
    width: 90%;
	display:block;
}

.REC15_paso2_cabecera_izquierda {
	float:none;
	display:block;
	width:100%;
	}
.REC15_paso2_cabecera_derecha {
	float:none;
	display:block;
	width:100%;
	font-size:1em;
	text-align:center;
	}
	
.REC15_paso2_bloque_cabecera {
    background-color: #f11212;
    color: #fff;
    height: 56px;
	margin:-2% -2% 1em -2%;
}

.REC15_paso2_bloque_selector {
    color: #666;
    display: block;
    float: none;
	width:100%;
    margin: 3.7%;
}

.REC15_paso2_bloque_selector select {
	text-indent:1em;
	}
	
.REC15_tabla_calendario {

    float: none;
    margin: 2% auto;
    width: 90%;
}

.REC15_paso3_izquierda {
    float: left;
    margin-right: 0%;
    width: 100%;
}

.REC15_paso3_espProd {
	height:60px;
	}
	
.REC15_paso3_info {
	padding-bottom:3em;
	width:300px;
	padding-left:0px;
	text-align:justify;
	padding-top:0.5em;
	}
	
.REC15_paso3_botonPagar a , .REC15_paso3_botonVolver a  {

	height:60px;
	line-height:60px;
	}
	
.REC15_paso2_boton a {
	padding: 6% 8%;
	margin:1em auto;
	display:block;
	clear:both;
	}
	
.REC15_paso2_bloque_selector select {
    -moz-appearance: none;
    background-image: url("../recargas/imagenes2015/flecha_desplegable.png");
    background-position: right center;
    background-repeat: no-repeat;
    border: 1px solid #ccc;
    height: 2.5em;
    padding-right: 40px;
}

.promo_identificador {
	width:90%;
	font-size:1em;
	height:auto;
}

.promo_identificador h2 {
	font-size:20px;
}

.promo_boton {
	position:relative;	
	left:0;
	bottom:0;
	margin:2em auto;
}

.codigo_pregunta {
	clear:left;
}

.codigo_respuesta {
    clear:right;
}



.promo_datos_flotante, 
.promo_forfaits, .promo_forfait_ayuda  {
	float: none;
    margin: 2% auto;
    padding: 1%;
    width: 96%;
    display:block;

}

}
@media only screen and (max-width: 480px) {
	
	
	}

@media only screen and (max-width: 320px) {
	
	
	}