/*----------------------------------------------------------------------------------------------------------------*/
img.ethsi {position: absolute; top: 550px; left: 40%; width: 20%;}
/* =nuevas coberturas */ 
.coberturas .content .cont .circulos { text-align: center;}
.coberturas .content .cont .circulos p { border-radius: 100%; width: 100px; height: 100px; position: relative; display: inline-block; text-align: center;}
.coberturas .content .cont .circulos .bg-rosa { z-index: 5; padding: 6% 0 0; font-size: 12px; vertical-align: top;}
.coberturas .content .cont .circulos .bg-morado { z-index: 1; font-size:12px; line-height: 16px; padding: 6% 0 0; margin: 0 0 0 -15px;}
/* =fin nuevas coberturas */ 
.coberturas .dest p.bg-rosa { width: 220px; height: 220px; font-size: 26px; line-height: 30px; padding: 80px 0 0;}

.coberturas .grid-3 { display: inline-block; width: 100%; margin-top: 2rem;}
.coberturas .grid-3 .col { width: 32%; height: 100%; float: left; display: inline-block; background: white; margin-right: 15px; border-radius: 5px; padding: 3rem; text-align: left;}
.coberturas .grid-3 .col:last-child{margin-right: 0;}
.coberturas .grid-3 .col .int h3{margin-bottom: none;}
.coberturas .grid-3 .col .int hr {border-color: #807e7c;}
.coberturas .grid-3 .col ul { margin-top: 1rem; margin-left: 1.5rem; height: 310px;}
.coberturas .grid-3 .col ul li {margin-bottom: 1rem; list-style-image: url('/corporativa/img/general/productos/ico_ok_tabla.gif');}
.coberturas .grid-3 .col ul li.rosa{color: #a61153}
/* ------- simulador ---------- */ 
#simulador_franquicias .ui-widget-content { background: #99b73d none repeat scroll 0 0; border: medium none; height: 10px; border-radius: 5px; margin:0 0 20px; width: 97%;}
#simulador_franquicias .ui-slider-range { background: #f2f2f2 none repeat scroll 0 0;}
#simulador_franquicias .ui-slider-handle { width: 24px; height: 24px; border-radius: 12px; background-color: #99b73d; border: 4px solid #ffffff; margin: -2px 0 0;}
/* ---- pop-up-franquicia ------- */
.pop-up-franquicia { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; text-align: center;z-index: 10;}
.pop-up-franquicia .transparencia { position: absolute; width: 100%; height: 100%; background-color: #333; opacity: 0.6; filter: alpha(opacity=60);}
.pop-up-franquicia .cont { display: none; position: relative; top: 50%; width: 90%; max-width: 650px; height: 90%; max-height: 400px; text-align: left; background: #fff; border: 10px solid #f5f3f3; padding: 50px; margin: -200px auto;
  -webkit-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.5);
  -moz-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.5);
  box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.5);
}
.pop-up-franquicia .cont .texto { overflow-y: scroll; float: left; width: 100%; max-height: 240px; font-size: 14px; line-height: 18px; border: 1px solid #f5f3f3; padding: 20px;} 
.pop-up-franquicia .cont .cerrar { position: absolute; top: -10px; right: -10px;  width: 35px; height: 35px; z-index: 10; text-align: center; padding: 8px 0 0;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
}
.pop-up-franquicia .cont .cerrar:hover { background-color: #a61153;}
.pop-up-franquicia .cont h3 ,
.pop-up-franquicia .cont .texto > * { margin-bottom: 30px;}
.pop-up-franquicia .cont .texto h4 { margin-bottom: 15px;}
.pop-up-franquicia .cont li { background: url("../../img/general/productos/hogar/bullet.png") no-repeat 0 0; padding-left: 30px; margin-bottom: 10px;}
/* ---- /pop-up-franquicia ------- */

#simulador_franquicias { text-align: center;}
#simulador_franquicias .resumen { text-align: center;}
#simulador_franquicias h4 { display: inline-block; width: auto;}
#simulador_franquicias .franquicia { border:1px solid #cbc4bc; color: #980954; padding: 10px; font-size: 18px; font-family: "NewJuneRegular"; margin: -10px 0 20px 10px; display: inline-block;}
#simulador_franquicias .resumen .pagarias,
#simulador_franquicias .resumen .ahorrarias { display: inline-block; text-align: left;}
#simulador_franquicias .resumen .pagarias { border-right: 1px solid #990a54; padding: 0 20px 0 0;}
#simulador_franquicias .resumen .ahorrarias { padding: 0 0 0 20px;}
#simulador_franquicias .resumen label { color:#99b73d; text-transform: uppercase; font-size: 18px; float: none;}
#simulador_franquicias .resumen input { color:#980954!important; font-weight: normal!important; text-transform: uppercase; font-size: 30px; line-height: 35px; display: block; width: 100px;}
#simulador_franquicias .imgHitos { width: 100%;}

/* ------- /simulador ---------- */ 

/* --------------- #modal te llamamos ----------------- */
#modal-tellamamos { display: none; background: url(/corporativa/landingpage/img/lightbox-comparador.png) no-repeat 0 0; width: 512px; height: 455px; margin: 0 0 0 -256px; position: fixed; top: 20%; left: 50%; text-align: center; padding: 4em 0;}
#modal-tellamamos .cerrar { position: absolute; top: -8px; right: -8px;}
#modal-tellamamos h3 { color: #b6005d; font-size: 26px; text-transform: uppercase; font-family: 'Frutiger-Light',Tahoma,Verdana,Arial,sans-serif; margin: 0 0 20px;}
#modal-tellamamos form,
#modal-tellamamos .response { width: 235px; margin: 0 auto;}
#modal-tellamamos .response { display: none; margin-bottom: 20px;}
#modal-tellamamos form div { margin: 0 auto 10px; overflow: hidden;}
#modal-tellamamos form input,
#modal-tellamamos form label { width: 100%; text-align: center; font-size: 15px; margin: 0 0 5px; display: block;}
#modal-tellamamos form input { background-color: #ffffff; border-radius: 5px; border: none; padding: 10px 5px; box-sizing: border-box;}
#modal-tellamamos form input[type="submit"] { background:transparent url(/corporativa/landingpage/img/bg-boton-comparador.jpg) repeat-x 0 0; color: #ffffff; text-transform: uppercase; font-size: 25px; font-family: 'Frutiger-Light',Tahoma,Verdana,Arial,sans-serif; transition: all 0.5s ease; cursor: pointer;}
#modal-tellamamos form input[type="submit"]:hover { background:transparent url(/corporativa/landingpage/img/bg-boton-comparador-hover.jpg) repeat-x 0 0;}
#modal-tellamamos p { font-size: 15px;}
#modal-tellamamos .num { font-size: 24px; color: #b6005d;}
#modal-tellamamos .horario { font-size: 14px; color: #b6005d;}
#modal-tellamamos .error { color: #b6005d;}
/* --------------- /#modal te llamamos ----------------- */