@font-face {
font-family: 'Roboto';
src: url("https://fonts.googleapis.com/css?family=Roboto") format('truetype');
font-weight: normal;
font-style: normal; 
} div#simplemodal-container {
max-width: 800px;
}
.ppcontainer{ min-height:60vh; margin-top:40px; }
#tarifas_dinamicas label.h3{
font-size: 25px;
color: #444444;
float: left;
margin-right: 10px;
}
#tarifas_dinamicas #cobertura{
width: 200px;
}
#tarifas_dinamicas h3{
font-size: 25px;
clear: both;
display: block;
width: 100%;
font-weight: bold;
color: #444444;
}
#tarifas_dinamicas a{
text-decoration:none!important
}
.dcha{
float:left;
width: 250px;
display:block;
margin-top: 45px;
height: 135px;
}
#recuento_datos{
padding-bottom:10px;
}
.tarifa_voz, .tarifa_datos {
height: auto;
background: white;
float: left;
margin-bottom: 30px;
width: 100%;
margin-top: 45px;
}
#voz, #datos{
float:left;
margin-top:30px;
margin-right: 60px;
width: 30%;
border: 1px dashed #ccc;
border-radius: 14px;
padding: 0 20px;
}
#mas, #igual{
float:left;
margin-top:125px;
font-size:30px;
font-family:'Roboto', sans-serif;
color:#666666;
}
.tarifa_voz .nombre {
text-align: center;
font-size: 35px;
color: grey;
}
.tarifa_voz .precio {
text-align: center;
font-size: 20px;
font-weight: bold;
font-family:'Roboto', sans-serif;
}
.tarifa_datos .nombre {
text-align: center;
font-size: 35px;
color: grey;
}
.tarifa_datos .precio {
text-align: center;
font-size: 20px;
font-weight: bold;
font-family:'Roboto', sans-serif;
}
.precio_final{
font-size: 65px;
color: #df3343;
display: block;
text-align: center;
font-family:'Roboto', sans-serif;
margin-bottom: 10px;
}
.euro { 
font-size: 23px;
font-weight: normal;
font-family:'Roboto', sans-serif;
font-weight:bold;
color:#666666;
}
.voz_final, .datos_final {
color: #df3343;
font-size: 20px;
display: block;
text-align: center;
font-family:'Roboto', sans-serif;
}
.contratar {
color: white!important;
text-decoration: none!important;
background: #df3343;
position: relative;
bottom: 0px;
width: 100%;
float: left;
text-align: center;
padding: 10px 0px 10px 0px;
height: auto;
font-size: 22px;
z-index: 99999;
font-family:'Roboto', sans-serif;
-moz-border-radius: 6px;
-webkit-border-radius:6px;
}
.contratar:hover{
background: #b72c38;
}
a.tarifa_voz:hover .nombre, a.tarifa_datos:hover .nombre, a.tarifa_voz.activa .nombre, a.tarifa_datos.activa .nombre {
color: #e74f25;
}
a.tarifa_voz:hover .precio, a.tarifa_datos:hover .precio, a.tarifa_voz.activa .precio, a.tarifa_datos.activa .precio {
color: #666666;
}
.no_api{
font-size: 30px;
width: 50%;
border: 2px solid #e74f25!important;
background: #faddd7;
color: #e74f25;
margin: 0 auto;
padding: 20px;
text-align: center;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
} .tarifas {
padding: 20px;
}
.tarifas .tarifa{
background: white;
float: left;
margin-right: 10px;
margin-bottom: 20px;
position: relative;
overflow: hidden;
text-align: center;
text-decoration: none;
width: 280px;
margin: 30px;
padding: 40px 40px 24px;
box-shadow: 0 2px 4px rgba(0,0,0,.2);
min-height: 380px;  
}
.tarifas .tarifasmovil {
background: white;
float: left;
margin-right: 10px;
margin-bottom: 20px;
position: relative;
overflow: hidden;
text-align: center;
text-decoration: none;
width: 252px;
margin: 30px;
padding: 32px 32px 20px;
box-shadow: 0 2px 4px rgba(0,0,0,.2);
min-height: 330px;	
}
.tarifas .tarifa .ver_detalles { padding: 16px;
border-radius: 8px;
overflow: hidden;
color: #444;
line-height: 6px;
text-transform: uppercase;
text-overflow: ellipsis;
background-color: #fff;
box-shadow: 0 2px 4px rgba(0,0,0,.2);
cursor: pointer;
bottom: 35px;
min-width: 200px;
position: absolute;
text-align: center;
left: calc(50% - 97px);
margin: 0 auto;
border: 1px solid #444;
}
.Leyenda {
display: none;
}
.tarifas .tarifa .nombre{
font-size: 16px;
color: black;
float: left;
clear: both;
width: 100%;
max-height: 26px;
overflow: visible;
padding-top: 10px;
}
.tarifas .tarifa .nombre span{
color: #777;
display: block; 
font-size:10px;	
}
.tarifas .tarifa .precio{
font-size: 90px;
line-height: 90px;
margin-top: -4px;
float: left;
width: 58%;
text-align: right;
}
.tarifas .tarifa .precio_dcha{
float: left;
margin-top: 15%;
width: 42%;
text-align: left;
}
.tarifas .tarifa .decimales{
font-size: 34px;
display: block;
margin-top: 5px;
}
.tarifas .tarifa .euro{
font-size: 12px;
font-family: arial;
font-weight: normal;
margin-top: -5px;
display: block;
} .tarifas .tarifa .contratarTarifa {
border-radius: 8px;
overflow: hidden;
line-height: 7px;
text-transform: uppercase;
text-overflow: ellipsis;
background-color: #a90061;
box-shadow: 0 2px 4px rgba(0,0,0,.2);
cursor: pointer;
min-width: 198px;
left: calc(50% - 97px);
margin: 20px auto;
color: #fff !important;
border: 1px solid #23282d;
font-size: 14px;
}
.contratarTarifa a {
display: inline-block;    
height: 24px;
width: 100%;
padding: 14px 2px 20px 0px;
color:#fff;
}
.popover{
min-height: 230px;
max-width: 95%;
max-height: 90vh;
display: none;
position: absolute;
left: 0;
top: 0;
box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.4);
z-index: 9999;
background: white;
overflow-y: auto;
min-width: 370px;  
}
.simplemodal-close{
position: absolute;
right: 10px;
top: 6px;
font-size: 21px;
font-weight: bold;
color: white;
border-radius: 50px;
border: 2px solid;
padding: 2.5px 8px;
cursor: pointer;
}
.popover_titulo{
background-color: #176db0;
padding: 10px;
font-weight: bold;
color: #f1f1f1;
padding-right: 45px;
}
.popover_contenido{
padding: 20px 10px 10px 10px;
border-left: 1px solid #ccc;
font-size: 18px;
line-height: 20px;
height: auto;
min-height: 183px;
}
.popover_contenido ul { list-style-type: disc!important; margin-left: 17px; } .boton_mas{
cursor: pointer;
background: url(https://nexustelecom.es/../wp-content/plugins/contratacion-online/images/mas-verde.png);
background-size: contain!important;
background-repeat: no-repeat!important;
height: 40px;
width: 40px;
border: 0 none;
outline: 0 none;
text-indent: -9999px;
margin-right: -41px;
margin-top: 7px;
padding: 0px
}
#datos .boton_mas {margin-top: 35px;}
.boton_mas:hover{
background: url(https://nexustelecom.es/../wp-content/plugins/contratacion-online/images/mas-verde-hover.png);
}
.boton_mas_gris{
background: url(https://nexustelecom.es/../wp-content/plugins/contratacion-online/images/mas-gris.png);
cursor: default;
}
.boton_mas_gris:hover{
background: url(https://nexustelecom.es/../wp-content/plugins/contratacion-online/images/mas-gris.png);
cursor: default;
}
.boton_menos{
cursor: pointer;
background: url(https://nexustelecom.es/../wp-content/plugins/contratacion-online/images/menos-verde.png);
background-size:contain!important;
background-repeat:no-repeat!important;
height:40px;
width:40px;
border: 0 none;
outline:0 none;
text-indent: -9999px;
margin-top: 20px;
margin-left: -40px;
padding:0px;  
}
.boton_menos:hover{
background: url(https://nexustelecom.es/../wp-content/plugins/contratacion-online/images/menos-verde-hover.png);
border: solid 2px #2c2d2d;
}
.boton_menos_gris{
background: url(https://nexustelecom.es/../wp-content/plugins/contratacion-online/images/menos-gris.png);
cursor: default;
}
.boton_menos_gris:hover{
background: url(https://nexustelecom.es/../wp-content/plugins/contratacion-online/images/menos-gris.png);
cursor: default;
border: solid 2px #2c2d2d;
}
.botones{
text-align:center;
float: left;
} .letras{
color:#666666;
font-family:'Roboto', sans-serif;
font-size:23px;
}
.numeros{
color:#9ecd6f;
font-family:'Roboto', sans-serif;
font-size:50px;
}
#voz .letras{ text-transform: lowercase!important }  .paleta1 .fondo { background-color: #719430!important;}
.paleta1 .precio, .paleta1 .euro, .paleta1 .decimales{ color: #50504 !important;} .paleta2 .fondo { background-color: #d0e400!important;}
.paleta2 .precio, .paleta2 .euro, .paleta2 .decimales{ color: #50504 !important;} .paleta3 .fondo { background-color: #00767c!important;}
.paleta3 .precio, .paleta3 .euro, .paleta3 .decimales{ color: #50504 !important;} .paleta4 .fondo { background-color: #120781!important;}
.paleta4 .precio, .paleta4 .euro, .paleta4 .decimales{ color: #50504 !important;}
.iva { clear:both } .bloque .precio {
font-size: 70px;
line-height: 86px;
margin-top: -4px;
float: left;
width: 50%;
text-align: right;
font-family: "Montserrat", sans-serif;
text-shadow: 1px 2px 4px #173852;
margin-bottom: 53px;
}
.bloque .decimales {
font-size: 34px;
display: block;
margin-top: 5px;
font-family: "Montserrat", sans-serif;
text-shadow: 1px 2px 4px #173852;
}
.bloque .precio_dcha {
float: left;
margin-top: 5%;
width: 42%;
text-align: left;
}
.bloque .euro {
font-size: 12px;
font-family: arial;
font-weight: normal;
margin-top: -5px;
display: block;
}
.bloque .nombre {
font-size: 16px;
color: black;
float: left;
clear: both;
width: 100%;
max-height: 26px;
overflow: visible;
padding-top: 10px;
line-height: 20px;
}
.bloque .Leyenda {
display: none;
}
.bloque .ver_detalles {
padding: 16px;
border-radius: 8px;
overflow: hidden;
color: #444;
line-height: 6px;
text-transform: uppercase;
text-overflow: ellipsis;
background-color: #fff;
box-shadow: 0 2px 4px rgb(0 0 0 / 20%);
cursor: pointer;
bottom: 20px;
min-width: 200px;
position: absolute;
text-align: center;
left: calc(50% - 97px);
margin: 0 auto;
border: 1px solid #444;
}
.bloque .buton_contactar {
background: #176db0;    
display: inline-block;
height: 52px;
width: 100%;
padding: 15px 2px 20px 0px;
color: #fff;    
box-shadow: 0 2px 4px rgb(0 0 0 / 20%);
border: 1px solid #444;
}
.bloque .contratarTarifa a.buton_contactar {
display: inline-block;
height: 40px;
width: 100%;
padding: 9px 2px 20px 0px;
color: #fff;
line-height: 20px;
border-radius: 9px;
font-size: 1em;
box-shadow: 1px 1px 1px #ddd;
text-decoration: none;
margin-bottom: 30px;
}
.bloque span.impuesto {
display: block;
font-style: italic;
font-size: 0.8em;
margin-top: 13px;
}
.bloque.tarifasmovil.tarifa:hover {
}
.bloque.tarifasmovil.tarifa {
background: white;
float: left;
position: relative;
overflow: hidden;
text-align: center;
text-decoration: none;
width: 295px;
margin: 25px;
padding: 20px 27px 17px;
min-height: 470px;
box-shadow: 0 2px 4px 2px rgb(0 0 0 / 20%);
border: 1px solid #ddd;
border-radius: 20px;
}
.bloque.tarifasmovil.tarifa:hover {
border: 1px solid #fff;
box-shadow: 0 2px 6px 6px rgb(0 0 0 / 20%);
}
.bloque .contratarTarifa a {
display: inline-block;
height: 24px;
width: 100%;
padding: 14px 2px 20px 0px;
color: #fff;
}
@media (max-width: 573px) {
#tarifas_dinamicas label.h3 {margin-bottom: 10px }
}
@media (max-width: 721px) {
#voz, #datos, .dcha { width: 100% }
}
@media (min-width: 722px) and (max-width: 1006px)  {
#voz, #datos{ width: 45%}
#datos { margin-right: 0px}
.dcha { width: 100% }
}
form.formula label { width: 145px; display: inline-block; }
.formula input[type="text"],.formula input[type="password"] {width: 270px; }
img.imagen_tarifa {
max-height: 37px;
}
.bloque .imagen {
margin-bottom: 14px;
}