@font-face {
    font-family: 'Tungsten Rounded';
    src: local('Tungsten Rounded Light'), local('Tungsten-Rounded-Light'), url('/fuentes/TungstenRounded-Light.woff2') format('woff2'), url('/fuentes/TungstenRounded-Light.woff') format('woff'), url('/fuentes/TungstenRounded-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}


body {
    /*background-image: url('../img/fondo_100k.jpg');
    background-position: center top;
    background-repeat: no-repeat;
    background-attachment: fixed;*/
    background-color: #f5f5f5;
    font-family: 'Open Sans', sans-serif;
    background-size: contain;
    color: #212529;
    font-size: 0.9em;
    margin: 0;
    padding: 0;
    /*overflow-x: hidden;*/
}
#toolbarContainer {
    display: none !important
}
.page {
    width: 100%;
    max-width: 1100px;
    margin: auto;
    display: block;
}
.imprimir {
    padding: 12.0156px;
    text-align: center;
    color: rgb(255, 255, 255);
    background-color: rgb(0, 65, 117);
    border: 0px;
    border-radius:15px;
    transition: all 0.2s ease-in-out 0s;
    text-decoration:none
}

.descargar {
    padding: 12.0156px;
    text-align: center;
    color: rgb(255, 255, 255);
    background-color:#434142;
    border: 0px;
    border-radius: 15px;
    transition: all 0.2s ease-in-out 0s;
    text-decoration: none
}
.logo {
    text-align: center;
    margin: 2%;
}

.cabecera {
    width: 100%;
    max-width: 1100px;
    margin: auto;
    display: block;
}


.titulo {
    text-align: center;
    margin: auto;
}

.titulo_azul {
    background-color: #4a72b2;
    border-radius: 44px;
    margin: 5px;
    padding: 5px 20px;
}

.azul {
    color: #4a72b2;
}

.cabecera_azul {
    background-color: #4a72b2;
    border-radius: 44px;
    margin: 5px;
    padding: 15px 20px;
    color: #fff;
    font-size: 18px;
    text-align: center;
}

.cabecera_roja {
    background-color: #d10404;
    border-radius: 44px;
    margin: 5px;
    padding: 15px 20px;
    color: #fff;
    font-size: 18px;
    text-align: center;
}

.titulo_abono_negro {
    background-color: #444242;
    color: #fff;
    padding: 5px 20px;
        font-family: 'Agdasima', sans-serif;
    width: 22%;
    padding: 1.5%;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    font-size: 30px;
    float: left;
}


.itemCarrito {
    font-size:0.8em
}
.bloque_cuerpo_blanco {
    width: 100%;
    background-color: #FFFFFF;
    margin-bottom: 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.bloque_cuerpo {
    width: 100%;
    margin-bottom: 10px;
}

.titulo_abono {
    background-color: #455e97;
    font-size: 30px;
    float: left;
    color: #FFFFFF;
        font-family: 'Agdasima', sans-serif;
    width: 22%;
    padding: 1.5%;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.cuerpo_blanco {
    width: 71%;
    float: right;
    padding: 1% 2%;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.cuerpo_blanco_grande {
    width: 80%;
    margin: auto;
    text-align: center;
    padding: 2% 2%;
}

.rojo {
    color: #ed0000;
}


.linea_azul {
    width: 100px;
    margin: 1em auto;
    height: 1px;
    background-color: #455e97;
}

.titulo_formulario {
    color: #455e97;
    font-size: 22px;
}


.texto_tarjeta {
    color: #455e97;
}


.selectorDni {
    margin-top: 2px;
    float: left;
}

.cajaDni {
    float: left;
    margin-left: 10px;
}


.bloque_cuerpo_blanco_general {
    background-color: #FFFFFF;
    border-radius: 0.4em;
}




.cuerpo_blanco_general {
    padding: 1.5em 2em;
    margin-bottom: 10px;
}

.cuerpo_blanco_botones {
    padding: 1.5em 2em;
    margin-top: -11px;
    text-align: left;
    float: none;
}

.cuerpo_blanco_carrito {
    float: right;
    width: 300px;
    margin: 10px;
    background-color:white;
}


.estado_compra_cabecera {
    padding: 15px;
    color: #444142;
    background-color: #fff;
    font-weight: bold;
    border-radius: 15px;
    text-transform: uppercase;
}

.estado_compra_cabecera_grande {
    padding: 15px;
    color: #444142;
    background-color: #fff;
    font-weight: bold;
    border-radius: 15px;
    text-transform: uppercase;
    margin: 0% 3%;
}

.estado_compra_contenido {
    background-color: #465e97;
    padding: 5px 10px;
    color: #ffffff;
    border-radius: 15px;
    margin-bottom: 10px;
}

.estado_compra_contenido_grande {
    padding: 0% 3%;
    color: #465e97;
    border-radius: 15px;
    margin-bottom: 10px;
}

.editar {
    color: #181818;
    font-weight: bold;
    text-decoration: none;
}

.masInfoProList {
    color: #4a72b2;
    text-decoration: underline;
    font-size: 12px;
    font-weight: bold;
}

.estado_compra_total {
    background-color: #000;
    padding: 10px;
    color: white;
    border-radius: 15px;
    margin-top: 10px;
}


.titulo_contenedor_datos {
    padding: 2% 0% 0% 27%;
    color: #455e97;
    width: 60%;
}

.rojo {
    color: #fff;
    background-color: #960306;
    border-radius: 15px;
    /* width: 300px; */
    padding: 10px;
    font-size: 14px;
    font-weight: bold;
    margin-top: 10px;
    text-align: center;
}

.contenedor_datos {
    width: 650px;
}

.datos_for {
    width: 190px;
    text-align: right;
    display: inline-block;
    padding: 5px;
    margin-left: 12px;
}

.datos_for2 {
    width: 190px;
    text-align: right;
    display: inline-block;
    padding: 5px;
}




.campos_for {
    width: 420px;
    text-align: left;
    display: inline-block;
    padding: 5px;
}


.notes_for {
    color: #b1b0b0;
}


.info_foto {
    margin: 10px 50px 10px 10px;
    width: 88%;
    font-size: 12px;
}

.planes_cabecera {
    /* background-color: #FFFFFF !important; */
    /* border-top: 10px solid #e71f63; */
    /* display: block; */
    padding: 1em 0em;
    /* margin-top: 96px; */
    /* margin-bottom: 10px; */
    /* background: url(https://www.aramon.com/estaticos/images/bkg-top-header.png) no-repeat; */
    /* background-size: cover; */
    /* height: 31px; */
    position: relative;

    /*border-bottom: 0.5px solid #e8ebef;*/
    /* border-left: 0.5px solid #e8ebef; */
    /* border-right: 0.5px solid #e8ebef; */
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

.cabecera_titular {
    /* background-color: #317b8f; */
    color: #465e97;
    font-size: 28px;
    /* padding: 3px 15px; */
    width: 110px;
    /* border-bottom: 2px solid #327a8f; */
    /* border-left: 2px solid #327a8f; */
    /* border-right: 2px solid #327a8f; */
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}


/*.planes_cabecera h1 {
    display: block;
    width: 78%;
    float: left;
}*/


.bloque_planes_descrip {
    width: 100%;
    margin: auto;
    height: 150px;
}

.planes_descrip {
    width: 78%;
    padding: 2% 2%;
    background-color: #FFFFFF;
    height: 140px;
    float: left;
    border-bottom-left-radius: 6px;
    text-align: justify;
}


.textos_descrip {
    text-align: justify;
}

.planes_descrip_precio {
    color: #04a9f4;
    font-size: 24px;
    font-weight: bold;
        font-family: 'Agdasima', sans-serif;
}

.planes_decrip_precio_peque {
    font-size: 17px;
    font-weight: bold;
    color: #04a9f4;
        font-family: 'Agdasima', sans-serif;
    padding: 0px 0.5em;
}

.planes ~ .masInformacion {
    background-color: transparent !important;
}

.masInformacion {
    color: #182d4f;
    text-decoration: none;
    padding: 1% 2%;
    font-size: 12px;
    margin-top: 1%;
}

.planes_boton {
    width: 14%;
    height: 140px;
    padding: 2%;
    float: left;
    background-color: #4f8e3a;
    border-bottom-right-radius: 6px;
    transition: all 0.2s ease-in-out 0s;
}

.planes_boton_desactivado {
    width: 14%;
    height: 120px;
    padding: 2% 2%;
    float: left;
    background-color: silver;
    border-bottom-right-radius: 6px;
    transition: all 0.2s ease-in-out 0s;
    text-align: center;
    color: #434142;
    padding-top: calc(60px - 2%);
}



.planes_boton a {
    color: #fff;
    display: block;
    width: 100%;
    height: 140px;
    text-decoration: none;
    text-align: center;
    font-weight: bold; 
    transition: all 0.2s ease-in-out 0s;
    line-height: 20px !important;
    padding-top: 40% !important;
}

.planes_boton:hover {
    background-color: #000;
}


.planes {
    background-color: #465e97;
    padding: 10px;
    color: #ffffff;
    padding-top: 18px;
    padding-left: 20px;
    font-size: 25px;
        font-family: 'Agdasima', sans-serif;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    text-align:left;
}

    .planes a {
        color: #ffffff;
        text-decoration: none;
        background-color: transparent;
    }

.covid {
    color: #04a9f4 !important;
    border: 2px solid #04a9f4;
    padding: 0.5% 0.5%;
    background-color: #d6e4eb !important;
    border-radius: 6px;
    font-size: 22px;
}

.garantia_covid  {
   text-align:justify
}


.boton_covid {
    width: 200px;
    float: left;
    font-size: 15px !important;
    text-align: center;
}

.garantia_covid span {
    color: #04a9f4 !important;
    font-size: 18px;
}

.bloque_pie_planes {
    margin: auto;
    padding: 2%;
    background-color: #FFFFFF;
    border-radius: 6px;
    text-align: justify;
}

.pie_planes {
    text-align: justify;
    border: 1px solid #dedede;
    padding: 2%;
    border-radius: 6px;
}

.texto_pie_planes {
    width: 60%;
    float: left;
    padding: 1%
}

.foto_pie_planes {
    padding: 1%;
    border-radius: 6px;
    width: 36%;
    float: left;
}

    .foto_pie_planes img {
        width: 100%;
    }


.pie_planes_azul {
    color: #03A9F4;
    font-weight: bolder;
    font-size: 16px;
}


.enlace_pie {
    background-color: #efefef;
    color: #2ea9f4;
    text-decoration: none;
    padding: 1% 2%;
    font-size: 14px;
    margin-top: 1%;
    border-radius: 15px;
}

    .enlace_pie:hover {
        color: #848484;
    }



.pie_planes_azul a {
    color: #03A9F4;
    font-size: 14px !important;
}

.pie_planes_azul:hover a {
    color: #444142;
}

.titulo_pie_planes {
    font-size: 25px;
        font-family: 'Agdasima', sans-serif;
    color: #455e97;
    font-weight: bolder;
}

.titulo_pie_planes_mini {
    font-size: 15px;
        font-family: 'Agdasima', sans-serif;
    color: #ffffff;
    font-weight: bolder;
    padding: 1%;
    background-color: #04a9f4;
    border-radius: 6px;
    margin-bottom: 1%;
    text-align: center;
}



.titulo_plan {
    background-color: #000;
    color: #FFFFFF;
    border-radius: 6px;
    padding: 2%;
    font-size: 18px;
    text-transform: uppercase;
    margin: 1%;
}


.ayuda_superior_cabecera {
    display: block;
    float: right;
    width: 20%;
    text-align: right;
    color: #CCCCCC;
}

.telefono {
    color: #525151;
    letter-spacing: 2px;
}

h1 {
    font-size: 30px;
    color: #fff;
    font-weight: 500;
    margin: 0px;
        font-family: 'Agdasima', sans-serif;
}

h2 {
    font-size: 40px;
    color: #fff;
    font-weight: 500;
    margin: 0px;
        font-family: 'Agdasima', sans-serif;
}


h3 {
    font-size: 24px;
    background-color: #fff;
    color: #465e97;
    font-weight: 500;
    border-radius: 24px;
    margin: 1% 2%;
    padding: 1% 2%;
        font-family: 'Agdasima', sans-serif;
}





.enlace_otros_planes {
    background-color: #4f8e3a;
    display: inline-block;
    color: #FFFFFF;
    border: 0px;
    font-weight: bold;
    text-align: center;
    float: right;
    border-radius: 15px;
    text-transform: uppercase;
    padding: 1em 3em;
    -moz-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    -ms-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
    margin: 3px;
    text-decoration: none;
}

    .enlace_otros_planes:hover {
        background-color: black;
        cursor: pointer;
    }

.gris {
    color: #ffffff;
    font-size: 25px;
    padding: 1% 4%;
    border-radius: 15px;
    background-color: #000000;
}

.agente {
    color: #000;
    font-size: 14px;
    padding: 1% 2%;
    border-radius: 15px;
    background-color: #ffffff;
    min-width: 150px;
    width: 200px;
}

.metodos_pago {
    background-color: #eaf0ee;
    width: 100%;
    border-radius: 15px;
    color: #465e97;
    padding: 3% 4%;
    font-size: 16px;
    /* text-transform: uppercase; */
}


.texto_metodos_pago {
    width: 91%;
    font-size: 13px;
    text-align: justify;
    margin: 1%;
}

.metodos_pago_button {
    float: left;
    width: 70%;
}

.metodos_pago_logo {
    float: right;
    width: 30%;
}

.agentes {
    text-align: right;
    width: 100%;
    float: right;
    margin-top: 1em;
}

.codigo_agente {
    color: #e71f63;
    float: left;
    width: 100%;
    line-height: 3em;
    font-weight: bold;
}



.plan {
    background-color: #FFFFFF;
    color: #455e97;
    font-size: 13px;
    padding: 1% 2%;
    border-radius: 15px;
}

.pie {
    background-color: #444142;
    color: #fff;
    font-size: 13px;
    padding: 2% 2%;
    text-align: center;
    bottom: 0px;
    /*position: fixed;*/
    width: 96%;
}

    .pie a {
        color: #fff;
    }

        .pie a :hover {
            color: #ccc;
        }


.contenido_pie {
    width: 98%;
    max-width: 1200px;
    margin: auto;
}


.planes:hover a {
    color: #63d1f5;
    text-decoration: none;
}


.bloque_planes {
    width: 90%;
    margin: auto;
    text-align: center;
    max-width: 1000px;
    /*margin-top: 15%;*/
}



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


.bloque_tpv_drch {
    float: right;
    width: 30%;
    padding-bottom: 2%
}


.codigo_agente input {
    height: 2.6em;
    margin-right: 0;
}

.filaAgrupacion {
    /*padding: 8px;
    font-weight: bold;*/
}

    .filaAgrupacion .agrupacion_nombre {
        font-size: 1.1em;
        text-transform: uppercase;
        font-weight: bold;
    }

    .filaAgrupacion .agrupacion_descripcion {
        font-weight: normal;
    }

.filaProducto {
    background-color: #c8d8ff;
    color: #465e97;
    padding: 1% 2%;
    font-weight: bold;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomleft: 5px;
}


    .filaProducto input[type=radio] {
        height: 25px;
        width: 25px;
        border-radius: 100%;
        left: 15px;
    }


.filaProductoPrecio {
    background-color: #182d50;
    color: #fff;
    padding: 8px 8px 8px 12px;
    text-align: right;
    font-weight: bold;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.filaProductoDestacado {
    background-color: #aa4885;
    color: #FFFFFF;
    padding: 8px 8px 8px 8px;
    font-weight: bold;
}

.filaProductoPrecioDestacado {
    background-color: #717171;
    color: #FFFFFF;
    padding: 8px;
    text-align: right;
    font-weight: bold;
}

.filaProductosClubPirineos {
    background-color: #e5e5e573;
    color: #434142;
    padding: 8px 8px 8px 30px;
    text-align: left;
    border-radius: 5px;
    font-weight: bold;
}

.filaSubproducto {
    background-color: #cccccc;
    color: #434142;
    padding: 8px 8px 8px 30px;
    font-weight: bold;
}

.filaSubproductoPrecio {
    background-color: #e5e5e5;
    color: #434142;
    padding: 8px;
    text-align: right;
    font-weight: bold;
}

/*.filaVerde
{
	background-color: #c9d100;
	color: #434142;
	padding: 8px;
	font-weight: bold;
}

.filaVerde_claro
{
	background-color: #e5e87f;
	color: #434142;
	padding: 8px;
	text-align: center;
	font-weight: bold;
}
.filaGris
{
	background-color: #cccccc;
	color: #434142;
	padding: 8px 8px 8px 30px;
	font-weight: bold;
}


.filaGris_claro
{
	background-color: #e5e5e5;
	color: #434142;
	padding: 8px;
	text-align: center;
	font-weight: bold;
}
.filaVerdeColSpan
{
	background-color: #c9d100;
	color: #434142;
	padding: 8px;
	font-weight: bold;
}*/


.alerta_pago {
    background-color: #fbf3ab;
    padding: 1%;
    color: #2d2d2d;
    text-align: center;
    width: 100%;
    font-size: 14px;
    border-radius: 15px;
    width: 100%;
}


.alerta_selecion_estacion {
    background-color: #fbf3ab;
    padding: 7px;
    color: #2d2d2d;
    text-align: center;
    width: 100%;
    font-size: 14px;
    border-radius: 15px;
}

.precio {
    color: #465e97;
    font-size: 18px;
    font-weight: bolder;
}

.radMetodoPago {
    font-weight: bold;
}




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


.cerrar {
    background-color: #b60303;
    margin: 1% auto;
    padding: 1.5%;
    border-radius: 15px;
    color: #fff;
    font-size: 16px;
    text-align: center;
    text-transform: uppercase;
    width: 50%;
    margin-top: 400px;
}

.gracias {
    font-size: 18px;
    color: #4f8e3a;
    text-align: center;
    font-weight: bold;
}

    .gracias span {
        font-weight: normal;
        font-size: 15px;
    }


.bPopUp {
    background-color: #fff;
    border-radius: 6px;
    /* box-shadow: 0 0 25px 5px #999; */
    color: #111;
    display: none;
    min-width: 450px;
    padding: 45px;
    width: 500px;
    left: calc(50% - 250px);
    position: absolute;
    top: 200px !important;
    z-index: 9999;
    opacity: 1;
    display: block;
}

.b-close, .bClose {
    border-radius: 4px;
    box-shadow: none;
    font: bold 110% sans-serif;
    padding: 3px 8px 3px;
    position: absolute;
    line-height: 1.3;
    right: 5px;
    top: 5px;
    cursor: pointer;
    display: block;
    background: #ff0000;
    color: #fff;
}

.informate_texto {
    color: #455e97;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 20px
}

.bloque_informate {
    margin: auto;
    text-align: center;
}

input[type="text"] {
    border: none;
    /* height: 2.6em; */
    padding: 0.5em;
    font-family: 'Futura Std', 'Montserrat', sans-serif;
    margin: 1%;
    width: 300px;
    color: #25599b !important;
    font-size: 14px;
    font-weight: bold;
    border: 1px solid #455e97;
    margin: auto;
    border-radius: 5px;
}


.politica {
    color: #434142;
    font-size: 12px;
}

    .politica a {
        font-weight: bold;
        color: #434142;
        text-decoration: none
    }


.boton_informate {
    background-color: #4f8e3a;
    display: inline-block;
    color: #FFFFFF;
    border: 0px;
    text-align: center;
    text-transform: uppercase;
    border-radius: 15px;
    font-weight: bold;
    font-family: 'Open Sans', sans-serif;
    padding: 1em 4em;
    -moz-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    -ms-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
    margin: 5px;
    cursor: pointer
}

.boton {
    background-color: #4f8e3a;
    display: inline-block;
    color: #FFFFFF;
    border: 0px;
    text-align: center;
    text-transform: uppercase;
    border-radius: 15px;
    font-weight: bold;
    font-family: 'Open Sans', sans-serif;
    padding: 1em 4em;
    -moz-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    -ms-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
    margin: 5px;
    cursor: pointer;
    float: right;
}

    .boton:hover {
        background-color: #000;
        color: #FFFFFF;
    }








.boton_informate:hover {
    background-color: #000;
}

#divPopUpTarjetaPop {
    display: none;
    width: 300px;
    background-color: #FFFFFF;
}

.noplanes {
    color: #8eebff;
    text-align: center;
}


.filaCuotasMeses {
    background-color: #969696;
    padding: 8px;
    color: White;
    text-align: center;
}

.filaCuotasImportes {
    background-color: #f7f7f7;
    padding: 8px;
    text-align: right;
}

.tdCuotasMeses {
    min-width: 80px;
}

.filaCuotasImportes {
    min-width: 80px;
    text-align: center;
}

.boton_azul {
    background-color: #8fa7e0;
    display: inline-block;
    color: #FFFFFF;
    border: 0px;
    text-align: center;
    text-transform: uppercase;
    padding: 0.7em 2em;
    margin: 5px;
    border-radius: 15px;
}

    .boton_azul:hover {
        background-color: #455e97;
    }




.boton_informate a {
    background-color: #4f8e3a;
    display: inline-block;
    color: #FFFFFF;
    border: 0px;
    text-align: center;
    text-transform: uppercase;
    border-radius: 15px;
    font-weight: bold;
    font-family: 'Open Sans', sans-serif;
    padding: 1em 4em;
    -moz-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    -ms-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
    margin: 5px;
    text-decoration: none;
    cursor: pointer;
}

    .boton_informate a:hover {
        background-color: black;
        cursor: pointer;
    }


.boton_mini {
    background-color: #444444;
    display: inline-block;
    color: #FFFFFF;
    border: 0px;
    font-size: 12px;
    text-align: center;
    /* float: right; */
    text-transform: uppercase;
    border-radius: 15px;
    text-decoration: none;
    font-weight: bold;
    font-family: 'Open Sans', sans-serif;
    padding: 0.5em 1em;
    -moz-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    -ms-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
    margin: 5px;
}

    .boton_mini:hover {
        background-color: #000;
    }


.boton_anadir {
    background-color: #787878;
    display: inline-block;
    color: #FFFFFF;
    border: 0px;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    border-radius: 15px;
    text-decoration: none;
    /* text-shadow: 0px 2px #000; */
    padding: 1em 3em;
    -moz-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    -ms-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
    margin: 12px !important;
}

    .boton_anadir:hover {
        background-color: black;
        cursor: pointer;
    }

.formulario_pregunta, formulario_respuesta {
    float: left;
}





.tarjetaSel img {
    width: 100px;
    border: 5px solid white;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    margin: 2px;
}



.tarjetaSeleccionada img {
    border: 5px solid #c9d100;
}



.tarjetaDeseleccionada img {
    filter: alpha(opacity=70); /* opacidad para ie*/
    -moz-opacity: .70; /*opacidad para firefox*/
    opacity: .70;
}









/* comprobacion temporada anterior ñapa de tabs*/

tabs {
    position: relative;
    margin: 40px auto;
    width: 750px;
}

.tabs input {
    position: absolute;
    z-index: 1000;
    width: 0px;
    height: 0px;
    left: -1000px;
    /*top: 0px;*/
    opacity: 0;
    cursor: pointer;
}

    .tabs input#tab-2 {
        left: 120px;
    }

    .tabs input#tab-3 {
        left: 240px;
    }

    .tabs input#tab-4 {
        left: 360px;
    }

.tabs label {
    background: #cacaca;
    font-size: 15px;
    line-height: 40px;
    height: 40px;
    position: relative;
    padding: 0 20px;
    float: left;
    display: block;
    width: 200px;
    color: #ffffff;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    letter-spacing: 1px;
    font-weight: bold;
    text-align: center;
    margin-right: 10px; /*  text-shadow: 1px 1px 1px rgba(255,255,255,0.3);             border-radius: 3px 3px 0 0;             box-shadow: 2px 0 2px rgba(0,0,0,0.1), -2px 0 2px rgba(0,0,0,0.1);*/
}


.tabs input:hover + label {
    background: #000;
    color: #FFFFFF;
}




.tabs label:first-of-type {
    z-index: 4; /*box-shadow: 2px 0 2px rgba(0,0,0,0.1);*/
}

.tab-label-2 {
    z-index: 3;
}

.tab-label-3 {
    z-index: 2;
}

.tab-label-4 {
    z-index: 1;
}

.tabs label:after {
    content: '';
    background: #fff;
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    display: block;
}

.tabs input:checked + label {
    background: #e71f63;
    z-index: 6;
    color: #fff;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}


.cuadro_comprobar_datos {
    border: 6px #e71f63 solid;
    padding: 2%;
}

    .cuadro_comprobar_datos input {
        height: 2.6em;
        width: 250px;
        border-radius: 4px;
        border: 1px silver solid;
    }

.comporbar_datos_bloque_form {
    width: 30%;
    padding: 2% 0px 0px 3.2%;
    float: left;
    display: inline-block;
}


.comporbar_datos_boton_form {
    width: 30%;
    padding: 3% 0 0 20%;
    float: left;
    display: inline-block;
}

.posicion_boton {
    margin: 0px auto;
    width: 100%;
    height: auto;
}








.boton_form {
    background-color: #4f8e3a;
    display: block;
    color: #FFFFFF;
    border: 0px;
    border-radius: 15px;
    text-align: center;
    font-size: 15px;
    text-transform: uppercase;
    -moz-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    -ms-transition: all 0.2s ease-in-out 0s;
    float: right;
    max-width: 250px !important;
    font-weight: bold;
    font-family: 'Open Sans', sans-serif;
}

    .boton_form:hover {
        background-color: black;
        cursor: pointer;
    }



.campos_for input {
    height: 2.6em;
    border-radius: 15px;
    border: 1px silver solid;
    padding-left: 6px;
    color: #455e97;
}

    .campos_for input[type="radio"] {
        height: 2.6em;
        border-radius: 4px;
        border: none;
        padding-left: 6px;
    }

.dni select {
    height: 3.5em;
    border-radius: 20px;
    border: 1px silver solid;
    color: #848484;
    margin-right: 10px;
}


.tabla_formulario tr td input {
    padding: 3%;
    border-radius: 4px;
    border: 1px silver solid;
    float: left;
}


.tabla_formulario tr td button, input[type="submit"], input[type="button"] {
    /*background-color: #4f8e3a;*/
    display: block;
    color: #FFFFFF;
    border: 0px;
border-radius: 15px !important;
    text-align: center;
    font-size: 15px;
    text-transform: uppercase;
    -moz-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    -ms-transition: all 0.2s ease-in-out 0s;
    margin: auto;
    min-width: 250px !important;
    font-weight: bold;
    font-family: 'Open Sans', sans-serif;
}








.recogida_des {
    display: inline-block;
    width: 43%;
    padding: 1%;
}




.recogida_alerta {
    width: 90%;
    /* display: inline-block; */
    padding: 1%;
    padding: 1%;
    margin: auto;
}




.campos_temp_anterior {
    display: inline-block;
}


.estado_compra_total {
    background-color: #000;
    clear: both;
    color: white;
    float: right;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    text-align: right;
    padding-right: 12px;
}


.cuadro_comprobar_datos_dni {
    /*min-height:80px;*/
}

    .cuadro_comprobar_datos_dni input {
        height: 3em;
        width: 250px;
        border-radius: 15px;
        padding-left: 10px;
        border: 1px silver solid;
    }

.comporbar_datos_bloque_form_dni {
    width: 90%;
    padding: 2% 0px 0px 3.2%;
    float: left;
    display: inline-block;
}

.campos_temp_anterior_dni {
    display: inline-block;
    width: 33%;
}

.colorCuotaActual {
    background-color: #F2F5A9 !important;
}

.colorCuotaNoPagada {
    background-color: #F5BCA9 !important;
}

.colorCuotaPagada {
    background-color: #BCF5A9 !important;
}
/* fin */

.call_movil {
    display: none;
}

.aviso {
    color: #b60e0e;
    font-size: 12px;
}

.flex {
    display: block;
    position: relative;
}

    .flex img {
        margin: auto;
        border-radius: 6px;
        border: 5px solid #fff;
        width: 99%;
    }

.flex_tarifas {
    position: absolute;
    z-index: 10;
    bottom: 10%;
    margin: auto;
    text-align: center;
    width: 100%;
    margin-bottom:30px;
}


.flex_movil {
    display: none
}

    .flex_movil img {
        margin: auto;
        border-radius: 6px;
        border: 5px solid #fff;
        width: 99%;
    }

.boton_verde_comprar a {
  
    color: #fff;
   
    font-size: 16px;
    
    
}
.boton_verde_comprar {
    border-radius: 20px;
    padding: 2%;
    margin-top: 20px;
 
    color: #fff;
    text-align: center;
    font-weight: bold;
    transition: all 0.2s ease-in-out 0s;
    cursor: pointer;
    background-color: #4f8e3a;
}
.boton_verde_comprar:hover {
    
    background-color: #000;
}