﻿

.stickerCarritoNormal
{
	display: block;
}

.stickerCarritoMovil
{
	display: none;
}

button, input[type="submit"], input[type="button"]
{
	-webkit-appearance: none;
}


@media only screen and (min-width : 1300px)
{
    body {
        background-size:cover;
    }
}

@media only screen and (max-width : 1024px)
{
}


@media only screen and (max-width : 800px)
{

	.estado_compra_cabecera_movil
	{
		background-color: #717171;
		padding: 0px 10px 10px 10px;
		color: White;
		font-weight: bold;
		text-transform: uppercase;
		height: 40px;
	}

	.estado_compra_cabecera
	{
		padding: 14px;
	}
	.lblPrecioEstado
	{
		background-color: #465e97;
		padding: 14px;
		float: right;
	}
	.lblPreciofinal
	{
		background-color: #4f4f4f;
		padding: 14px;
		float: right;
	}


	.btnCarrito_Desplegar
	{
		float: right; /* margin-right:15px;*/
		padding: 14px 14px 0px 14px;
	}
	.lblEstadoCompra
	{
		padding: 14px;
		margin-top: 10px !important;
	}
	.page
	{
		margin: 45px auto;
		width: 94%;
	}


	h1
	{
		font-size: 35px;
		width: 100%;
	}


    .boque_tpv_izq {
        float: left;
        width: 100%;
    }


    .bloque_tpv_drch {
        float: right;
        width: 100%;
        padding-bottom: 2%
    }

    .estado_compra_total {
        
        width: 300px;
    }

	.agentes
	{
		width: 100%;
	}

	.tamano_res
	{
		width: 100px;
	}
	.recogida_des
	{
		width: 99%;
		padding: 1%;
	}




	.recogida_alerta
	{
		width: 99%;
		padding: 1%;
		padding: 1%;
	}

	.alerta_pago
	{
		width: 94%;
		clear: both;
	}
	.cuerpo_blanco_carrito
	{
		width: 80%;
		margin: auto;
		display: block;
		top: 0;
        float:none;
        background:#fff;
        padding:0px 10%;
	}
	.contenedor_datos
	{
		width: 98%;
		margin: auto;
	}

	.datos_for
	{
		text-align: right;
		display: inline-block; /*padding: 4px;*/
		width: 140px;
	}
	.campos_for input
	{
		width: 300px !important;
	}



	.campos_for input[type=radio]
	{
		width: 50px !important;
	}




	.campos_for
	{
		width: 73%;
		text-align: left;
		display: inline-block;
		padding: 4px;
	}



	.notes_for
	{
		/*	color: #a94884;*/
	}





	.campos_temp_anterior
	{
		/*padding: 2% 0px 0px 1%;*/
	}
	.campos_temp_anterior input
	{
		/*margin-top: 10px;*/
		width: 180px;
	}


	.cuadro_comprobar_datos input
	{
	}




	.stickerCarritoNormal
	{
		display: none;
	}

	.stickerCarritoMovil
	{
		display: block;
	}
	
	
	
.tarjetaDeseleccionada img
{
	filter: alpha(opacity=100); /* opacidad para ie*/
	-moz-opacity: 1; /*opacidad para firefox*/
	opacity: 1;
}


	
	
	
	
	.cuadro_comprobar_datos_dni_table th,
   .cuadro_comprobar_datos_dni_table td { margin: 0; vertical-align: top; }
    .cuadro_comprobar_datos_dni_tables table { display: block; position: relative; width: 100%; }
    .cuadro_comprobar_datos_dni_table thead { display: block;  }
    .cuadro_comprobar_datos_dni_table tbody { display: block; width: auto; position: relative; overflow-x: auto; white-space: nowrap; }
    .cuadro_comprobar_datos_dni_table thead tr { display: block; }
    .cuadro_comprobar_datos_dni_table tbody tr { display: inline-block; vertical-align: top; }
 .cuadro_comprobar_datos_dni_table td { display: block; min-height: 1.25em; text-align:left }
	
	
	
	
	
	
.cuadro_comprobar_datos_dni input { width:99%}
	
.cabecera {
    margin-top: 3.5em;
}

.titulo_azul {
    display:block;
}

.planes_cabecera h1 {
    width:auto;
    margin:0px auto;
    text-align:center;
}

#linkOtrosPlanes {
    float:none !important;
    width:200px;
    display:block;
    margin:0px auto;
}

.titulo_abono,
.titulo_abono_negro {
    width:auto;
    float:none;
    text-align:center;
    border-radius:0px;
}

.titulo_abono_negro {
    padding:1.5% 0px;
}

.cuerpo_blanco {
    float:none;
    width:auto;
    padding:2%;
}


.cuadro_comprobar_datos_dni_table td:nth-child(1){
    width:20%;
    float:left;
    text-align:right;
}

.cuadro_comprobar_datos_dni_table td:nth-child(2) {
    width:25%;
    float:left;
}

.cuadro_comprobar_datos_dni_table td:nth-child(3){
    width:51%;
    float:right;
}

.cuadro_comprobar_datos_dni_table td:nth-child(4){
    display:block;
    width:100%;
    padding:2em 0px;
    text-align:center;

}

.cuadro_comprobar_datos_dni_table td:nth-child(4) input {
    float:none;
    margin:3em auto 0px auto;
}

.planes_cabecera {
    padding-top:0px;
}

.titulo_contenedor_datos {
    width:auto;
    padding:2%;
}

.metodos_pago {
    display:block;
    clear:both;
}

   
.planes_descrip,
.planes_boton,
.planes_boton_desactivado {
    display:table-cell;
    height:auto;
    float:none;
    vertical-align:top;
}

.bloque_planes_descrip {
    height:auto;
}

.planes_boton a {
    height:auto;
    line-height:130px;
}

.planes_boton_desactivado {
    padding-top: 1em;
font-weight: bold;
font-size: 0.9em;
}






    .bPopUp {
        background-color: #fff;
        border-radius: 6px;
        /* box-shadow: 0 0 25px 5px #999; */
        color: #111;
        display: none;
        min-width: 450px;
       
    }










}

@media only screen and (max-width : 600px)
{

    .pie_planes {
        padding: 4%;
    }


    .covid {
        display: block !important;
        text-align: center !important;
    }
        .cerrar {
       
    width:auto;
        margin:120px
       
    }

    .noplanes {

        color:red
    }

	.foto_equipo {
		width: 95%;
		max-width: 315px;
	}
    .flex {
    
        height: 160px;
    }
    .flex_tarifas {

        bottom: -20%;
   
    }
	.lblPreciofinal
	{
		display: none;
	}

    .lblPrecioEstado {
        background-color: #455e97;
        padding: 14px 5px;
        float: right;
    }
	.lblEstadoCompra
	{
		padding-left: 0px;
        line-height:3.3em;
	}
	.btnCarrito_Desplegar
	{
		float: right; /* margin-right:15px;*/
		padding: 10px 4px 0px 4px;
	}
	.planes_cabecera
	{
		margin-top: 50px;
		padding: 0.9em;
	}


	.cuerpo_blanco
	{
		padding: 0.9em;
	}

	.tamano_res
	{
		width: 70px;
	}

	.planes_cabecera
	{
	}
	.planes_cabecera h1
	{
		width: 100%;
		clear: both;
	}

	.ayuda_superior_cabecera
	{
		width: 100%;
		clear: both;
	}

	.page
	{
		margin-top: 0px;
	}

	h1
	{
		font-size: 24px;
		width: 100%;
		clear: both;
	}

	.comporbar_datos_bloque_form
	{
		width: 100%;
		clear: both;
		text-align: left;
	}

	.campos_temp_anterior
	{
		width: 95%;
		clear: both;
		text-align: left;
	}

	.cuadro_comprobar_datos
	{
		min-height: 220px;
	}
	.cuadro_comprobar_datos input
	{
		width: 95% !important;
		clear: both;
	}


	select
	{
		width: 95% !important;
		clear: both;
	}


	.comporbar_datos_boton_form
	{
		width: 95%;
		clear: both;
		padding-left: 0px;
	}


	.tabs label
	{
		width: 100px;
		padding-left: 10px;
		padding-right: 10px;
	}
	.cuerpo_blanco_general
	{
		padding: 0.9em;
	}



	.sin_alto
	{
		display: none;
	}



	.datos_for
	{
		width: 95%;
		clear: both;
		text-align: left;
	}
	.campos_for
	{
		width: 95%;
		clear: both;
		text-align: left;
	}

	.campos_for input
	{
		width: 95% !important;
	}

	.cuerpo_blanco_botones
	{
		width: 100%;
		padding: 0px;
        margin:1em auto;
	}



    .selectorDni {
        margin-top: 0px;
        float:none;
    }

    .cajaDni {
        float:none;
        margin-left:0px;
    }

	.boton
	{
		padding: 0.7em 2em;
		width: 47%;
		margin: 5px;
	}


	.boton_anadir
	{
		padding: 0.7em 2em;
		width: 47%;
		margin: 5px;
	}
 
    .tabla_pagos th,
    .tabla_pagos td { margin: 0; vertical-align: top; }
    .tabla_pagos table { display: block; position: relative; width: 100%; }
    .tabla_pagos thead { display: block; float: left; }
    .tabla_pagos tbody { display: block; width: auto; position: relative; overflow-x: auto; white-space: nowrap; }
    .tabla_pagos thead tr { display: block; }
    .tabla_pagos tbody tr { display: inline-block; vertical-align: top; }
    .tabla_pagos td { display: block; min-height: 1.25em; }

.planes_cabecera h1 span {
    font-size:15px;
}

.cuadro_comprobar_datos_dni_table td:nth-child(1),
.cuadro_comprobar_datos_dni_table td:nth-child(2),
.cuadro_comprobar_datos_dni_table td:nth-child(3),
.cuadro_comprobar_datos_dni_table td:nth-child(4){
    display:block;
    width:100%;
    padding:0.25em 0px;
    text-align:center;

}

.filaProducto {
    border-radius:0px;
}

.cuerpo_blanco_botones input {
    margin:1em auto !important;
}

.preview,
.name,
.size {
    display:block;
    clear:both;
    width:100%;
    text-align:center;
}

.cuerpo_blanco_carrito {
    width:90%;
    padding:0px 5%;
}

.tabla_pagos {
    margin:10px auto;
    vertical-align:middle;
}

.planes {
    padding-left:0px;
    padding:10px 1em;
    font-size:1.5em;
    line-height:1.1;
}

.planes div:nth-child(2){
    margin-right: 0px !important;
margin-left: 1em
}

.bloque_planes_descrip {
    height:auto;
}

.planes_descrip,
.planes_boton,
.planes_boton_desactivado {
    width:90%;
    padding:5%;
    height:auto;
    float:none;
    border-radius:0px;
    display:block;
}

.planes_boton {
    background-color:#fff;
}
    .planes_boton a {
        width: 100%;
        display: block;
        text-align: center;
        line-height: 3em;
        height: auto;
        border: 1px #fff solid;
        background-color: #4f8e3a;

        border-radius: 40px;
      /*corregir cuando se quite el proximamente */ 
      line-height: 40px !important;
        padding-top: 1% !important;
    }

.planes_boton:hover {
    background-color:#fff;
}

.planes_boton a:hover {
    background-color:#000;
}

.planes_boton_desactivado {
    font-size:0.8em;
}

.masInformacion {
    display:block;
    clear:both;
    text-align:center;
    padding:1em 0px;
}

    .planes_descrip_precio,
    .planes_decrip_precio_peque {
        display: block;
        text-align: center;
    }

    .call_movil {
        display:block;
        margin:1em auto;
        text-align:center;
    }

    .call_movil a {
        background-color: #465e97;
color: #fff;
display: block;
width: 220px;
text-align: center;
display: block;
margin: 0px auto;
line-height: 2em;
font-weight: bold;
font-size: 2em;
text-decoration: none;
border-radius: 4px;
    }

    .call_pc {
        display:none;
    }

    .call_movil_llamar {
        padding-bottom:0.70em;
        display:block;
    }

    .enlace_pie {
    background-color: #efefef;
    color: #2ea9f4;
    text-decoration: none;
    padding: 1% 2%;
    font-size: 14px;
    margin-top: 1%;
    border-radius: 40px;
    margin: 0px auto;
    display: block;
    text-align: center;
    padding: 1em 0.5em;
}

.foto_pie_planes {
    width:auto;
    float:none;
    margin:1em auto;
}

.texto_pie_planes {
    float:none;
    width:auto;
}




    .bPopUp {
      
        min-width: 400px;
    }










}


@media only screen and (max-width : 460px)
{
	.tabs label
	{
		padding: 5px;
	}
	.boton
	{
		padding: 0.7em 2em;
		width: 98%;
		margin: 5px;
		clear: both;
	}


	.boton_anadir
	{
		padding: 0.7em 2em;
		margin: 5px;
		clear: both;
	}


	.filaVerde_claro
	{
		padding: 0px;
		font-size: 12px;
	}
	.filaVerde
	{
		padding: 0px;
		font-size: 12px;
	}


	.filaGris
	{
		padding: 0px;
		font-size: 12px;
	}


	.filaGris_claro
	{
		padding: 0px;
		font-size: 12px;
	}


    .bPopUp {
        min-width: 250px;
    }

    .flex {
        display: none
    }

       


    .flex_movil {
        display: block
    }


    .flex_movil img {
        margin: auto;
        border-radius: 6px;
        border: 5px solid #fff;
        width: 99%;
    }



   

}


@media only screen and (max-width : 320px)
{ 
}
