/* FUENTES */
@font-face { font-family: 'VodafoneRg'; src: url('../fonts/vodafonerg-webfont.eot'); src: url('../fonts/vodafonerg-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/vodafonerg-webfont.woff2') format('woff2'), url('../fonts/vodafonerg-webfont.woff') format('woff'), url('../fonts/vodafonerg-webfont.ttf') format('truetype'), url('../fonts/vodafonerg-webfont.svg#svgFontName') format('svg'); }
@font-face { font-family: 'VodafoneRg-Bold'; src: url('../fonts/vodafonergbd-webfont.eot'); src: url('../fonts/vodafonergbd-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/vodafonergbd-webfont.woff') format('woff'), url('../fonts/vodafonergbd-webfont.ttf') format('truetype'), url('../fonts/vodafonergbd-webfont.svg#svgFontName') format('svg'); }
@font-face { font-family: 'VodafoneLt-Regular'; src: url('../fonts/VodafoneLt-Regular.ttf'); src: url('../fonts/VodafoneLt-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/VodafoneLt-Regular.woff') format('woff'), url('../fonts/VodafoneLt-Regular.ttf') format('truetype') }

/* GENERALES */
#microsite-calculadora *, #microsite-calculadora body { font-family: 'VodafoneRg', Arial, Helvetica, sans-serif; color: #333333; font-size: 16px; line-height: 20px; margin: 0 auto;}
#microsite-calculadora h1,
#microsite-calculadora h2,
#microsite-calculadora h3 { letter-spacing: 0.6px; }
#microsite-calculadora input[type="text"] { letter-spacing: 0.5px; }
#microsite-calculadora a,
#microsite-calculadora a:hover { color: #e60000; }
#microsite-calculadora .mobile { display: none; }
#microsite-calculadora .row.margin0 { margin-left: 0; margin-right: 0; }
#microsite-calculadora .margen-bottom { margin-bottom: 15px; }

/* MI VODAFONE */
#microsite-calculadora .mi_vodafone { padding-top: 10px; padding-bottom: 40px; padding-left: 0; padding-right: 0; margin-top: 0; width: 100%; max-width: 980px;}

#microsite-calculadora strong {
	font-family: 'VodafoneRg-Bold', Arial, Helvetica, sans-serif;
	font-weight: normal;
}

#microsite-calculadora .visually-hidden { position: absolute; height: 1px; width: 1px; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); clip-path: polygon(0px 0px, 0px 0px, 0px 0px); overflow: hidden !important; }


/* PAGINA PRINCIPAL */
#microsite-calculadora .contenedor-inicio{ position: relative; padding: 0; background-color: #f4f4f4; }
#microsite-calculadora .contenedor-consumo{ position: relative; padding: 45px 100px; background-color: #f4f4f4; }
#microsite-calculadora .contenedor-preguntas{ position: relative; padding: 45px 26px; background-color: #f4f4f4; }

#microsite-calculadora .titular p{ font-size: 18px;}
#microsite-calculadora .titular h1{ font-family: 'VodafoneLt-Regular'; font-size: 44px; }

#microsite-calculadora .texto-inicio { width: 100%; float: left; padding: 45px 0 53px 0;}
#microsite-calculadora .texto-inicio .titular { font-size: 26px; line-height: 32px; margin-bottom: 5px; } 
#microsite-calculadora .texto-inicio p { font-size: 18px; line-height: 20px; margin-bottom: 33px;}
#microsite-calculadora .btn-empezar{ display: inline-block; background-color: #e60000; color: #ffffff; padding: 11px 103px; border: 0; border-radius: 0; font-size: 18px; line-height: 20px;}
#microsite-calculadora .btn-empezar:hover, #microsite-calculadora .btn-empezar:active, #microsite-calculadora .btn-empezar:focus, #microsite-calculadora .btn-empezar:active:focus { background: #bd0000; color: #ffffff; text-decoration: none;  }
 
/* PREGUNTAS */ 

/*Listado con numeros*/
#microsite-calculadora .listado-numeros{ text-align: center; margin-bottom: 30px; padding: 0;}
#microsite-calculadora .listado-numeros li { position: relative; display: inline-block; padding: 0 32px;}
#microsite-calculadora .listado-numeros li:after { content: ""; height: 1px; width: 67px; background: #cccccc; position: absolute; top: 50%; }
#microsite-calculadora .listado-numeros li:last-child:after { display: none; }
#microsite-calculadora .listado-numeros li.activo .circulo { background: #ffffff; border: 1px solid #007c92;}
#microsite-calculadora .listado-numeros li.activo .circulo span { color: #007c92;}
#microsite-calculadora .listado-numeros li.anterior .circulo { background: #007c92; border: 1px solid #007c92;}
#microsite-calculadora .listado-numeros li.anterior .circulo span { color: #ffffff;}
#microsite-calculadora .listado-numeros li .circulo { background: #cccccc; display: inline-block; border: 1px solid #cccccc; border-radius: 50%; width: 28px; height: 28px; padding: 2px;}
#microsite-calculadora .listado-numeros li .circulo span { font-size: 16px; font-weight: bold; line-height: 24px; text-align: center; color: #ffffff; }

#microsite-calculadora .barrapreguntas { display: block; width: 100%; height: 12px; text-align: center; margin-bottom: 54px;}
#microsite-calculadora .barrapreguntas .barra-container { display: block; height: 100%; }
#microsite-calculadora .barrapreguntas .tramo { display: inline-block; height: 100%;} 
/* Anchos */
#microsite-calculadora .barrapreguntas .tramo.AnchoInicial { width: 20px; }
#microsite-calculadora .barrapreguntas .tramo.Ancho_1 { width: 6.66%;}
#microsite-calculadora .barrapreguntas .tramo.Ancho_2 { width: 13.3%;} 
#microsite-calculadora .barrapreguntas .tramo.Ancho_3 { width: 20%;}

#microsite-calculadora .preguntas { float: left; margin-bottom: 50px;}
#microsite-calculadora .preguntas .icono { margin-bottom: 36px; }
#microsite-calculadora .preguntas .titulo p { font-size: 30px; line-height: 32px; margin-bottom: 22px;}
#microsite-calculadora .preguntas .descripcion p { font-size: 20px; line-height: 24px; color: #000000; } 

#microsite-calculadora .opciones { display: flex; list-style: none; padding: 0; }
#microsite-calculadora .opciones .opcion { display: inline-block; width: 100%; height: 100%; background: #ffffff; color: #666666; border: 1px solid #999999; text-align: center; margin: 0; box-sizing: border-box; vertical-align: top; }
#microsite-calculadora .opciones .opcion.seleccion { border-color: #e60000; color: #e60000; }
#microsite-calculadora .opciones .opcion .contenedor { align-items: center; display: flex; height: 100%;}
#microsite-calculadora .opciones .opcion a { padding: 20px 35px; width: 100%; height: 100%; display: block;}
#microsite-calculadora .opciones .opcion:hover { border-color: #e60000; }
#microsite-calculadora .opcion:hover a, #microsite-calculadora .opcion:active a, #microsite-calculadora .opcion:focus a  { text-decoration: none;}
#microsite-calculadora .opcion a span { color: #666666; } 
#microsite-calculadora .opcion a:hover, #microsite-calculadora .opcion a:active, #microsite-calculadora .opcion a:focus { text-decoration: none;}
#microsite-calculadora .opciones ul .opcion a:hover { text-decoration: none;  }

#microsite-calculadora .botones {display: inline-block; float: left; width: 100%; text-align: center;  padding-bottom: 20px;}
#microsite-calculadora .botones .btn-ahorrar { display: inline-block; background-color: #666666; color: #ffffff; width: auto; min-width: 220px; padding: 9px 0; border: 0; border-radius: 0; font-size: 16px; line-height: 26px; margin: 30px 4px 0 4px; }
#microsite-calculadora .botones .btn-ahorrar:hover, #microsite-calculadora .botones .btn-ahorrar:active, #microsite-calculadora .botones .btn-ahorrar:focus, #microsite-calculadora .botones .btn-ahorrar:active:focus { background: #333333; color: #ffffff; text-decoration: none;  }
#microsite-calculadora .botones .btn-siguiente { display: inline-block; background-color: #e60000; color: #ffffff; width: auto; min-width: 220px; padding: 9px 0; border: 0; border-radius: 0; font-size: 16px; line-height: 26px; margin: 30px 4px 0 4px; }
#microsite-calculadora .botones .btn-siguiente:hover, #microsite-calculadora .botones .btn-siguiente:active, #microsite-calculadora .botones .btn-siguiente:focus, #microsite-calculadora .botones .btn-siguiente:active:focus { background: #bd0000; color: #ffffff; text-decoration: none;  }
#microsite-calculadora .botones .btn-siguiente.oculto { display: none; }

/* RESULTADOS */
#microsite-calculadora .calculadora { float: left; width: 100%;}
#microsite-calculadora .columna-megas { width: 49%;}
#microsite-calculadora .columna-barras { width: 51%;}
#microsite-calculadora .col-sm-push-6 { left: 51%;}
#microsite-calculadora .col-sm-pull-6 { right: 49%; }
#microsite-calculadora .resultados { padding-top: 15px;}
#microsite-calculadora .resultados .resul { margin-bottom: 12px;}
#microsite-calculadora .resultados .resul .nombre { font-size: 18px; line-height: 20px; margin-bottom: 0;}
#microsite-calculadora .column-barra { padding-left: 0; padding-right: 0;}
#microsite-calculadora .barra { height: 15px; border: 2px solid; margin: 0 0 5px 0; }
#microsite-calculadora .resultados .resul .texto.oculto { display: none; }
#microsite-calculadora .resultados .resul .texto p { font-size: 14px; line-height: 16px;  margin: 0;}
 
/* COLORES */ 

/* Rellenos */
#microsite-calculadora .c_Azul{ background: #08a8da; border-color: #08a8da; }
#microsite-calculadora .c_Petrol{ background: #037a92; border-color: #037a92;}
#microsite-calculadora .c_Morado{ background: #a926aa; border-color: #a926aa;}
#microsite-calculadora .c_Cereza{ background: #5b2a57; border-color: #5b2a57;}
#microsite-calculadora .c_Amarillo{ background: #fccc00; border-color: #fccc00;}
#microsite-calculadora .c_Ocre{ background: #d7a416; border-color: #d7a416;}

/* Bordes */
#microsite-calculadora .b_Azul{ border-color: #08a8da; background: transparent;}
#microsite-calculadora .b_Petrol{ border-color: #037a92; background: transparent;}
#microsite-calculadora .b_Morado{ border-color: #a926aa; background: transparent;}
#microsite-calculadora .b_Cereza{ border-color: #5b2a57; background: transparent;}
#microsite-calculadora .b_Amarillo{ border-color: #fccc00; background: transparent;}
#microsite-calculadora .b_Ocre{ border-color: #d7a416; background: transparent;}

/* Colores textos */
#microsite-calculadora .t_Azul{ color: #08a8da;}
#microsite-calculadora .t_Petrol{ color: #037a92;}
#microsite-calculadora .t_Morado{ color: #a926aa;}
#microsite-calculadora .t_Cereza{ color: #5b2a57;}
#microsite-calculadora .t_Amarillo{ color: #fccc00;}
#microsite-calculadora .t_Ocre{ color: #d7a416;} 
 
/* Anchos */
#microsite-calculadora .Ancho_1 { width: 33.33%;}
#microsite-calculadora .Ancho_2 { width: 66.66%;}
#microsite-calculadora .Ancho_3 { width: 100%;}

#microsite-calculadora .consumo .caja-consumo{  width: 229px; padding: 20px 30px; background: #ffffff; }
#microsite-calculadora .consumo .caja-consumo p {font-family: 'VodafoneRg-Bold', Arial, Helvetica, sans-serif;}
#microsite-calculadora .consumo .titulo { font-size: 18px; line-height: 22px;} 
#microsite-calculadora .consumo .tachado { font-size: 34px; line-height: 38px; color: #c7c7c7; text-decoration: line-through; margin-bottom: 0; } 
#microsite-calculadora .consumo .megas { font-size: 48px; line-height: 52px;} 

/* CONSEJOS REDUCIR CONSUMO */
#microsite-calculadora .consejos-ahorro { float: left; width: 100%;}
#microsite-calculadora .consejos-ahorro p { font-size: 18px; margin: 30px 0 0 0; text-align: left;}
#microsite-calculadora .btn-volverempezar{ display: inline-block; background-color: #666666; color: #ffffff; width: 100%; padding: 11px 0; border: 0; border-radius: 0; font-size: 16px; line-height: 26px; margin-top: 30px;}
#microsite-calculadora .btn-volverempezar:hover, #microsite-calculadora .btn-volverempezar:active, #microsite-calculadora .btn-volverempezar:focus{ background: #333333; color: #ffffff; text-decoration: none; }
#microsite-calculadora .btn-ahorrar{ display: inline-block; background-color: #e60000; color: #ffffff; width: 100%; padding: 11px 0; border: 0; border-radius: 0; font-size: 16px; line-height: 26px; margin-top: 20px;}
#microsite-calculadora .btn-ahorrar:hover, #microsite-calculadora .btn-ahorrar:active, #microsite-calculadora .btn-ahorrar:focus, #microsite-calculadora .btn-ahorrar:active:hover{ background: #990000; border-color: #990000; color: #ffffff; text-decoration: none; }

#microsite-calculadora .titulares { margin-bottom: 80px; }
#microsite-calculadora .titulares .titulo strong{ font-size: 30px; line-height: 34px; }
#microsite-calculadora .titulares .subtitulo { font-size: 20px; line-height: 24px; }
#microsite-calculadora .consejos-titulo strong { font-size: 20px; }  

#microsite-calculadora .btn-default.collapsed:active{ border-bottom: 1px solid #cdcdcd;} 
#microsite-calculadora .btn-default:active,#microsite-calculadora .btn-default:hover  { border-color: #cdcdcd; }
#microsite-calculadora .btn-default:active:focus, #microsite-calculadora .btn-default:active:hover{ border-color: #cdcdcd; outline: 0; }

#microsite-calculadora .preguntas-calculadora { display: none; }

/* RESPONSIVE */

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

	#microsite-calculadora .contenedor-consumo{ padding: 45px 70px; }

	#microsite-calculadora .opcion{ padding: 0 10px; }
}

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

	#microsite-calculadora .preguntas { margin-bottom: 25px; }
	#microsite-calculadora .opciones { display: block; }
	#microsite-calculadora .opciones .opcion { display: block; width: 100%; max-width: 300px; margin: 10px auto;}

	#microsite-calculadora .titulares { margin-bottom: 30px; }
	#microsite-calculadora .consumo { margin-bottom: 35px; }

	/*RESULTADOS*/
	#microsite-calculadora .consejos-ahorro p { margin: 20px 0 10px 0;}
	#microsite-calculadora .columna-megas { width: 100%;}
	#microsite-calculadora .columna-barras { width: 100%;}
	#microsite-calculadora .column-barra { padding-right: 15px;}
	#microsite-calculadora .col-sm-push-6 { left: auto;}
	#microsite-calculadora .col-sm-pull-6 { right: auto; }
	#microsite-calculadora .btn-ahorrar { margin-top: 40px;} 

}

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

	#microsite-calculadora .listado-numeros li{ padding: 0 11px;}
	#microsite-calculadora .listado-numeros li:first-child{ padding-left: 0;}
	#microsite-calculadora .listado-numeros li:last-child{ padding-right: 0;}
	#microsite-calculadora .listado-numeros li:after { width: 40px; }

	#microsite-calculadora .contenedor-consumo{ padding: 45px 25px; } 
	#microsite-calculadora .btn-empezar{ width: 100%; padding: 11px 0;}
	
}