@font-face {
  font-family: 'Gotham-Medium';
  src:
  	url('../fonts/Gotham-Medium.eot?#iefix') format('embedded-opentype'),
  	url('../fonts/Gotham-Medium.otf') format('opentype'),
	url('../fonts/Gotham-Medium.woff') format('woff'),
	url('../fonts/Gotham-Medium.ttf') format('truetype'),
	url('../fonts/Gotham-Medium.svg#GothamMedium') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Gotham-Book';
  src:
  	url('../fonts/Gotham-Book.eot?#iefix') format('embedded-opentype'),
  	url('../fonts/Gotham-Book.otf')  format('opentype'),
	url('../fonts/Gotham-Book.woff') format('woff'),
	url('../fonts/Gotham-Book.ttf')  format('truetype'),
	url('../fonts/Gotham-Book.svg#Gotham-Book') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'GothamBold';
  src:
    url('../fonts/GothamBold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/GothamBold.otf')  format('opentype'),
  url('../fonts/GothamBold.woff') format('woff'),
  url('../fonts/GothamBold.ttf')  format('truetype'),
  url('../fonts/GothamBold.svg#GothamBold') format('svg');
  font-weight: normal;
  font-style: normal;
}
.f-size18{font-size:18px!important;}
.f-size14{font-size: 14px!important;}
	@media(max-width:425px){
		.f-size14{font-size: 10px!important;}

	}
.f-medium {font-family: 'Gotham-Medium', sans-serif;}
.f-book {font-family: 'Gotham-Book', sans-serif;}
.f-bold {font-family: 'GothamBold', sans-serif;}






/*GLOBALES*/
html, body{width: 100%}
body{font-family:'Gotham-Book', sans-serif;font-weight:normal;background: #fff;color: #667889;font-size: 15px;}
strong{font-family: 'GothamBold', sans-serif;font-weight: bold;}
.interna p {font-size: 16px; line-height: 1.38}
h1, h2,.h2, .h1{font-size:46px;font-weight:300;/*letter-spacing:-2px*/}
h2,.h2{margin: 0 0 30px}
h2.sub-title, .h2.subtitle{margin-bottom: 20px}
h1.home{font-size:30px;color:#004286;margin:20px 0}
h1 span, h2 span, .h2 span{color:#004b93}
h1 span.color-blue, h2 span.color-blue, .h2 span.color-blue{color:#385d90}

h3{font-size:40px;margin:0;font-weight:300}
h3 span{color:#004b93}
h4{font-size:28px;font-weight:300;text-align:center;margin-bottom:40px}
ol:not(.breadcrumb){counter-reset:section;list-style:none}
ol.align-left{padding-left:50px}
ol li{padding-left:26px;line-height:1.2;margin-bottom:20px;position:relative}
ol:not(.breadcrumb) li:before{content:counter(section);counter-increment:section;font-size:28px;color:#385d90;margin-left:-26px;padding-right:10px;vertical-align:middle;position:absolute;top:-8px}
ol.lasik-list{background:#f0f8fd;padding:40px;margin:40px 0}
ol.lasik-list li{padding-left:40px}
ol.lasik-list li:before{display:inline-block;width:45px;height:45px;border-radius:50%;border:1px solid #385d90;line-height:43px;left:0;padding-left:14px}
ol.dacriocistografia li:before{top: -5px; width: 38px; text-align: right; margin-left: -40px;}
ol.otras-patologias>li>ul li:before{content: none;}
ol.otras-patologias>li>ul li {padding-left: 0; margin-bottom: 15px;}
a:hover, a:focus{text-decoration: none}

.sub-title{font-size: 35px;font-weight: 100;text-align: left;line-height: 1.2}
.sub-title.text-center{text-align: center;}
.sub-title-xs{font-size: 29px}
.icon-title{font-size: 20px;line-height: 1.2}
.legal-text{font-size: 13px}
.modal-backdrop.fade.in.modal-backdrop.in{ z-index: auto;}
.show-mobile{display:none;}
@media(max-width:767px){
	.show-mobile{display:block;}
	.hidden-768{display: none;}
}


.title-cabeceras{font-family: 'GothamBold', sans-serif;font-weight: 800; color: white; font-size: 52px; line-height: 1.19;}

.subtitles{font-family: 'GothamBold', sans-serif; font-size: 40px;font-weight: 800; line-height: 1.25;}

@media(max-width:425px){
	.title-cabeceras{ font-size: 32px;}
	.subtitles{ font-size: 24px;}
}

.separator{padding: 5rem 15px;}
@media(max-width:425px){
	.separator{padding: 1rem 0;}
}
@media (max-height:500px){
	.separator{padding: 5rem 15px 0;}
}

 ul.list-bullet{color:#004b93;}
 ul.list-bullet li{margin-bottom: 15px;}
 ul.list-bullet li span{color:#667889;}

.none-transform {text-transform: none}
.comentario-video{font-family: 'GothamBold'; font-size: 21px;}



/*SPRITE*/
.ico{background:url(../imagenes/sprite/sprite-icons.png) top left no-repeat ;display:inline-block;width:116px;height:116px;vertical-align:middle; background-size:5515px 1983px;} /* sprite-icons.png 1356px*/
/*.ico.ico-prueba{background-position:0 0 ;  }*/
.ico.ico-simple{background-position:-280px -224px;  }
.ico.ico-compuesto{background-position:-560px -224px;  }
.ico.ico-mixto{background-position:-795px -224px;  }
.ico.ico-ojo{width: 220px;height: 170px}
.ico.ico-ojo.ico-normal{background-position:-1040px -200px;  }
.ico.ico-ojo.ico-astigmatismo{background-position:-1335px -200px;  }
.ico.ico-ojo.ico-hipermetropia{background-position:-1890px -200px;  }
.ico.ico-ojo.ico-miopia{background-position:-2420px -200px;  }

.ico.ico-sintoma {width:80px ;height:80px ;}
.ico.ico-sintoma.ico-sintoma-01 {background-position:-2740px -240px;}
.ico.ico-sintoma.ico-sintoma-02 {background-position:-2948px -245px;}
.ico.ico-sintoma.ico-sintoma-03 {background-position:-3151px -243px;}
.ico.ico-sintoma.ico-sintoma-04 {background-position:-3358px -246px;}

.ico.ico-tratamiento{width: 80px; height: 80px;}
.ico.ico-tratamiento.ico-lasik-01{background-position: -3541px -246px;}
.ico.ico-tratamiento.ico-lasik-02{background-position: -3712px -246px;}
.ico.ico-tratamiento.ico-lasik-03{background-position: -3879px -250px;}
.ico.ico-tratamiento.ico-lasik-04{background-position: -4065px -250px;}
.ico.ico-tratamiento.ico-lasik-05{background-position: -296px -453px;}
.ico.ico-tratamiento.ico-lasik-06{background-position: -900px -453px;}

.ico.ico-tratamiento.ico-lasek-01{background-position: -4641px -453px;}
.ico.ico-tratamiento.ico-lasek-02{background-position: -4818px -453px;}
.ico.ico-tratamiento.ico-lasek-03{background-position: -4977px -453px;}
.ico.ico-tratamiento.ico-lasek-04{background-position: -5148px -453px;}
.ico.ico-tratamiento.ico-lasek-05{background-position: -512px -453px;}
.ico.ico-tratamiento.ico-lasek-06{background-position: -704px -453px;}

.ico.ico-precio{width: 100px; height: 80px;}
.ico.ico-precio.ico-precio-refractiva-01{background-position: -3687px -456px;}
.ico.ico-precio.ico-precio-refractiva-02{background-position: -3887px -453px;}
.ico.ico-precio.ico-precio-refractiva-03{background-position: -4087px -453px;}
.ico.ico-precio.ico-precio-refractiva-04{background-position: -4275px -460px;}

.ico.ico-primera{width: 80px; height: 80px;}
.ico.ico-primera.ico-primera-consulta-01{background-position: -2010px -463px;}
.ico.ico-primera.ico-primera-consulta-02{background-position: -2230px -462px;}
.ico.ico-primera.ico-primera-consulta-03{background-position: -2452px -461px;}
.ico.ico-primera.ico-primera-consulta-04{background-position: -2655px -458px;}
.ico.ico-primera.ico-primera-consulta-05{background-position: -2859px -457px;}
.ico.ico-primera.ico-primera-consulta-06{background-position: -3085px -457px;}
.ico.ico-primera.ico-primera-consulta-07{background-position: -3292px -455px;}
.ico.ico-primera.ico-primera-consulta-08{background-position: -3687px -456px;}

.ico.ico-altas{width: 80px; height: 80px;}
.ico.ico-altas.ico-altas-graduaciones-01{background-position: -3687px -456px;}
.ico.ico-altas.ico-altas-graduaciones-02{background-position: -3687px -456px;}
.ico.ico-altas.ico-altas-graduaciones-03{background-position: -3687px -456px;}
.ico.ico-altas.ico-altas-graduaciones-04{background-position: -3687px -456px;}
.ico.ico-altas.ico-altas-graduaciones-05{background-position: -3687px -456px;}
.ico.ico-altas.ico-altas-graduaciones-06{background-position: -3687px -456px;}

.ico.ico-precios{width: 80px; height: 80px;}
.ico.ico-precios.ico-precios-cataratas-01{background-position: -2731px -655px;}
.ico.ico-precios.ico-precios-cataratas-02{background-position: -2915px -655px;}
.ico.ico-precios.ico-precios-cataratas-03{background-position: -3070px -657px;}
.ico.ico-precios.ico-precios-cataratas-04{background-position: -3250px -653px;}

.ico.ico-tratamiento{width: 80px;height: 80px;}
.ico.ico-tratamiento.ico-tratamiento-catarata-01{background-position: -1105px -637px;}
.ico.ico-tratamiento.ico-tratamiento-catarata-02{background-position: -1318px -641px;}
.ico.ico-tratamiento.ico-tratamiento-catarata-03{background-position: -1522px -641px;}
.ico.ico-tratamiento.ico-tratamiento-catarata-04{background-position: -1713px -641px;}
.ico.ico-tratamiento.ico-tratamiento-catarata-05{background-position: -1920px -646px;}
.ico.ico-tratamiento.ico-tratamiento-catarata-06{background-position: -2137px -650px;}
.ico.ico-tratamiento.ico-tratamiento-catarata-07{background-position: -2335px -649px;}
.ico.ico-tratamiento.ico-tratamiento-catarata-08{background-position: -2538px -649px;}
.ico.ico-tratamiento.ico-tratamiento-catarata-09{background-position: -290px -635px;}
.ico.ico-tratamiento.ico-tratamiento-catarata-10{background-position: -500px -632px;}
.ico.ico-tratamiento.ico-tratamiento-catarata-11{background-position: -712px -632px;}
.ico.ico-tratamiento.ico-tratamiento-catarata-12{background-position: -907px -628px;}

.ico.ico-otros{width: 140px; height: 80px;}
.ico.ico-otros.ico-otros-tramamientos-01{background-position: -1812px -1164px;}
.ico.ico-otros.ico-otros-tramamientos-02{background-position: -1580px -826px;}
.ico.ico-otros.ico-otros-tramamientos-03{background-position: -940px -823px;}
.ico.ico-otros.ico-otros-tramamientos-04{background-position: -1365px -821px;}
.ico.ico-otros.ico-otros-tramamientos-05{background-position: -1169px -826px;}
.ico.ico-otros.ico-otros-tramamientos-06{background-position: -265px -820px;}
.ico.ico-otros.ico-otros-tramamientos-07{background-position: -475px -824px;}
.ico.ico-otros.ico-otros-tramamientos-08{background-position: -1823px -828px;}
.ico.ico-otros.ico-otros-tramamientos-09{background-position: -2089px -831px;}
.ico.ico-otros.ico-otros-tramamientos-10{background-position: -2302px -829px;}

.ico.ico-pediatrico{width: 90px;height: 100px;margin:15px 0}
.ico.ico-pediatrico.ico-pediatrico-otros-01{background-position: -2054px -1156px;}
.ico.ico-pediatrico.ico-pediatrico-otros-02{background-position: -2213px -1156px;}
.ico.ico-pediatrico.ico-pediatrico-otros-03{background-position: -2384px -1156px;}
.ico.ico-pediatrico.ico-pediatrico-otros-04{background-position: -2550px -1156px;}

/*ICONOS RRSS*/

.nav-right-footer>ul{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 0 25px}
.nav-right-footer>ul>li>a { padding: 10px}
.box-redes-sociales ul{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center; margin: 0 0 25px;}

.icon-social{background:url(../imagenes/css-sprite.png) top left no-repeat;background-size: 345px 362px;   }
.fb-1 {background-position:  0px -5px}
.lk-1 {background-position: -35px -5px  }
.tw-1 {background-position: -65px -5px  }
/* .gp-1 {background-position:  -95px -5px} */
.yt-1 {background-position:  -95px -5px}
.inst-1 {background-position:  -125px -5px}
.bl-1 {background-position:  -157px -5px}

.fb-2 {background-position:  -1px -35px}
.lk-2 {background-position: -35px -35px}
.tw-2 {background-position: -65px -35px}
.yt-2 {background-position:  -95px -35px}
.inst-2 {background-position:  -125px -35px}
.bl-2 {background-position:  -157px -35px}



/*Infografia MODAL*/

.modal__infografia{background-color: rgba(0,0,0,.9);}

/*COLORES POR TEMAS*/

.color-white{color:#fff!important}
.color-black{color:#011e3b!important}
.color-grey{color:#777!important}

.color-blue{color:#385d90!important}
.color-dark{color:#004286!important}

.color-green{color:#96aea0!important}
.color-green2{color:#546c62!important;}
.color-dark-green{color:#697a70!important}
.color-cyan{color: #90bce4!important}
.color-orange{color:#d4b382!important }

/* COLORES DE ESPECIALIDAD*/
.c-baviera{color: #004b93!important}
.c-refractiva{color: #02d1f1!important}
.c-presbicia{color: #004b93!important}
.c-cataratas{color:#546c62!important}
.c-retina{color:#d79a5c!important}
.c-tratamientos{color:#777!important}




.bg-blue{background-color:#bfc7d8!important}
.bg-green{background-color:#bfcec7!important}
.bg-light{background-color: #f5f5f5!important}
.bg-grey{background-color: #cfcece!important}
.bg-cyan{background-color: #abcfee!important}
.bg-white{background-color: #fff!important}
.bg-dark{background-color:#e5ecf3!important}
.bg-transp{background: rgba(255,255,255,.7)!important}
.bg-transp2{background: rgba(255,255,255,.7)!important}
.bg-transp.orange{background: rgba(211,176,129,.9)!important}
.bg-dark-blue{color:#004286!important}
.bg-orange{background: rgba(224, 176, 127, 0.1)!important}
.bg-lightblue{background: #e7f4fb!important;}
.bg-baviera{background: #004b93!important;}


.border-blue{border:1px solid #385d90!important}
.border-green{border:1px solid #88ae9f!important}
.border-dark{border:1px solid #004286!important}



/*Nuevos colores restyling*/
.bg-pale-grey {background: #f5f8fb}
.bg-turquoise-10 {background: #e9f9fc}
.bg-black-04 {background: #f5f6f7}
.bg-green-light{background: #f1f6f5;}/*cataratas*/
.bg-cataratas{background-color: #8ab0a1;}/*cataratas*/


.color-darkish-blue {color: #004b93}
.color-navy {color:#011e3b!important}
.color-faded-blue {color: #6693be}
.color-grey-blue {color: #667889}
.color-neon-blue {color: #2acae9}
.color-turquoise-50{color:#5febff;}
.color-ligthblue{color:#68bdee;}
.color-bluedark-light{color:#2f5a84;}





/*BREADCRUMB*/
ol.breadcrumb{ font-family: 'Gotham-Medium', sans-serif; font-size:12px;padding: 0;margin-bottom: 0;background: none; font-weight: 400}
ol.breadcrumb li{padding-left: 0;line-height: 1;margin-bottom: 0; }
ol.breadcrumb li a{color:#667889}
ol.breadcrumb li.active{color:#02d1f1}

ol.breadcrumb>li+li:before{padding: 0}


/*AUXILIARES*/
.a-underline{text-decoration: underline;}
.a-underline:hover{text-decoration: underline;}
.border-top-white{border-top:4px solid white; }

.section-title {font-size: 40px!important}
.section-subtitle {font-size: 24px!important; font-family: 'Gotham-Medium', sans-serif;}
.section-inner-subtitle {font-size: 20px!important; font-family: 'Gotham-Medium', sans-serif;}

.proyectos-rsc .section-subtitle{margin-bottom: 20px;}

.u-bold{font-family: 'GothamBold', sans-serif;}

.big{font-size: 20px}
.big2{font-size:40px;}
.upper{text-transform: uppercase;}
.lower{text-transform: lowercase;}
.lower:first-letter{text-transform: uppercase;}

.img-center{margin: 30px auto}
.margin-none{margin: 0!important}
.margin-bottom-xxl{margin-bottom: 90px;}
.margin-bottom-xl{margin-bottom: 70px;}
.margin-bottom-lg{margin-bottom: 40px;}
.margin-bottom-md{margin-bottom: 60px;}
.margin-bottom-xs{margin-bottom: 40px}
.margin-bottom-xxs{margin-bottom: 20px}
.no-margin-bottom{margin-bottom: 0!important;}
.padding-left-sm{padding-left:40px}
.padding-right-md{ padding-right:60px}
.no-padding{padding:0;}
.margin-top-xxs{margin-top: 20px}
.margin-top-xs{margin-top: 40px;}
	@media(max-width:480px){
		.margin-top-xs{margin-top: 20px;}
	}
.margin-top-md{margin-top: 60px;}
.margin-top-lg{margin-top: 80px}


.list-disc li {list-style: disc!important;}
.list-circle li {list-style: circle!important;}
.list-none li{list-style: none!important}

.img-circle {border-radius: 50%;}

.block{display:block;}
	@media(min-width:426px){
		.hidden-desktop{display: none;}

	}


@media(max-width:767px) and (max-height:500px){
	.hidden-xs-lanscape{display: none!important;}
}


@media(max-width:426px){
	.hidden-mov{display: none;}
	.hidden-xs-lanscape{display: block!important;}
}

.show424{display: none;}
@media(max-width:424px){
	.show424{display: block;}
}

.pie-foto-medicos{font-size: 12px!important;text-align: center;    padding: 0 40px;}



.icons-list .item{min-height: 230px}
ul.list-icon li{padding-left:26px;margin-bottom:15px;list-style: none;}
ul.list-icon li img{margin-left:-26px;padding-right:15px}
ul.list-icon li.icon-big{display: table;padding-left: 0}
ul.list-icon li.icon-big img{margin-left:0;}
ul.list-icon li.icon-big img, ul.list-icon li.icon-big span{display: table-cell;vertical-align: top}
ul.list-icon.big li img{margin-left: -58px}
ul.list-icon.big li{padding-left: 50px}
ul.list-icon.big li{font-size: 28px;font-weight: 100}


.col-btn .sub-title{text-align: center;position: relative;}
.col-btn .sub-title>span{display: block;font-size:17px;position: absolute;bottom: -10px;width: 100%;text-align: center;}

/* .col-btn .item{padding: 0 7px} */

.col-btn .item .inner-item {border: 1px solid #68bdee; border-radius:8px;padding: 30px 20px 40px; position: relative; text-align: center;}
.col-btn .item .inner-item h2{min-height: 60px;}
	@media(max-width:425px){
		.col-btn .item .inner-item h2{min-height: 10px;}
	}
/* pagina enlances de interes*/
	.consulados .col-btn .item .inner-item{border: 1px solid #004b93;margin-bottom: 3rem;}
	.consulados .col-btn .item .inner-item h2{ min-height: 0px;}
	.consulados .inner-item img{margin-bottom:20px	}
	.consulados .inner-item .btn-box{background-color: #004b93;}
	.consulados .inner-item .btn-box:hover{background-color: #043665;}

/* PRENSA*/
	.box-prensa .col-btn .item .inner-item{border: 1px solid #004b93;margin-bottom: 3rem;}
	.box-prensa .col-btn .item .inner-item h2{ min-height: 0px;}
	.box-prensa .inner-item img{margin-bottom:20px	}
	.box-prensa .inner-item .btn-box{background-color: #004b93;}
	.box-prensa .inner-item .btn-box:hover{background-color: #043665;}


.col-btn .item .inner-item p {min-height: 110px; font-size: 13px}
.box-tratamientos .item .inner-item {min-height:300px ;border: 1px solid #667889;}
.box-oftalmologia-pediatrica .item .inner-item{padding: 0px 20px 40px;min-height:460px ;border: 1px solid #667889;}
@media(max-width:1200px){
	.box-oftalmologia-pediatrica .item .inner-item{min-height:520px ;}
}
@media(max-width:1024px){
	.box-tratamientos .item .inner-item {min-height:340px ;}
}
@media(max-width:991px){
	.box-oftalmologia-pediatrica .item .inner-item{min-height:395px ;}
}
@media(max-width:768px){
	.box-tratamientos .item .inner-item {min-height:215px}
}
@media(max-width:767px){
	.box-oftalmologia-pediatrica .item .inner-item{min-height:300px ;}
	.box-oftalmologia-pediatrica .item .inner-item h2{min-height: 10px;}
}









body.medicos .col-btn .item p:not(.sub-title), body.listado-medicos .col-btn .item p:not(.sub-title){min-height: auto;}
/*body.medicos .item img + .text, body.listado-medicos .item img + .text{min-height: 250px;}*/
/*.col-btn.cuadro-medico .sub-title{font-size: 25px;margin-top: 20px;line-height: 1.1;text-align: left;}
.col-btn.cuadro-medico .sub-title + p{text-align: left;}
body.listado-medicos .col-btn.cuadro-medico .item, body.medicos .col-btn.cuadro-medico .item{margin-bottom: 60px;border: none;}*/
.otros-tratamientos .col-btn .item{padding: 0 25px;margin-bottom: 30px;}
/*.otros-tratamientos .col-btn .item .sub-title{margin-top: -20px}*/
.otros-tratamientos .col-btn .item .btn-box .text{font-size: 18px; padding: 6px;}
.otros-tratamientos .col-btn .item .btn-box  img{width: 80%}
.cont {width: 90%;margin-left: auto ;margin-right: auto ;/*padding: 30px 0*/}
.cont ul{padding:0;margin: 0}





.box-border .item{margin-bottom: 20px}
.box-border .item .inner{border:1px solid #90bce4 ;padding: 20px;min-height: 280px}
.box-border .title{font-size: 25px;font-weight: 100}
.box-border .item .inner .btn-box{width: 94%;margin: 40px auto 20px}
.box-border.tratamiento .item .inner{min-height: 300px}
.box-border.tratamiento .item .inner p:last-of-type {min-height: 85px;}
.on{color:#2C447F}
.off{color:#aaa}
.tabulacion-left{padding-left: 40px}
.tabulacion-left-xs{padding-left: 90px}
.tabulacion-left-h1{padding-left: 90px;}

.errorPage{background:url(../imagenes/bg-error.jpg) no-repeat center;background-size: cover; }
#modalClickToCall h3{font-size: 25px;margin-bottom: 20px;}
.text-height-xs{line-height: 1.2}
.opiniones-iframe img{max-width: 80%!important;width: 100%}



a.datos-medicos{color: #575756;}





/*ESTRUCTURA*/
/*.container{max-width:1097px}*/
.box{float:left;width:100%; padding: 15px 0}
section{padding: 30px 0 0;position: relative;}
@media (min-width: 990px){
  .container-small {max-width: 985px}
}



/*BOTONES*/
.btn-default{border-radius: 0;-webkit-box-shadow: none;box-shadow: none;border: none}
.btn-blue{background:#2b4d8f;color: #fff }
.btn-blue:hover, .btn-blue:focus,.btn-blue.active{color: #fff;background:#8db5d3; }
.btn-green{background:#9CB4A8;color: #fff }
.btn-green:hover, .btn-green:focus, .btn-green.active{color: #fff;background:#c5e2d3 }
.btn-orange{background: #d3b081!important;color: #fff}
.btn-orange:hover, .btn-orange:focus{background: #d2bba1!important;color: #fff}

.btn-secundary-default{width: 100%;background-color: #004b93;cursor: pointer;display: inline-block; border-radius: 4px;}
.btn-secundary-default:hover, .btn-secundary-default:focus{background-color:#043665;}
.btn-secundary-ghost{width: 100%;background-color: white;cursor: pointer;display: inline-block;border:2px solid #ccdbe9; border-radius: 4px;}
.btn-secundary-ghost:hover, .btn-secundary-ghost:focus{border:2px solid #004b93}

.btn-pedir-area-personal {font-family: 'Gotham-Medium'; font-size: 18px; color:#fff; background:url(../imagenes/iconos/user-white.png)left 20px center no-repeat transparent; padding: 10px 35px 10px 60px;border-radius: 4px; display: inline-block; border: 1px solid #ccdbe9; float: right; margin: 0 10px}
.btn-pedir-cita {font-weight: bold; font-size: 18px; color:#fff; background: #f18a3a; padding: 10px 45px ;border-radius: 4px; display: inline-block;  border: 1px solid #f18a3a; float: right;}
.btn-pedir-cita:hover, .btn-pedir-cita:active {color: #fff; background:#68bdee; border: 1px solid #68bdee  }
.btn-footer-call {background:#004b93;-webkit-box-shadow: 0 2px 4px 0 rgba(3, 45, 85, 0.28);box-shadow: 0 2px 4px 0 rgba(3, 45, 85, 0.28); padding: 14px;border-radius: 50%   }
.btn-footer-whatsapp { -webkit-box-shadow: 0 2px 4px 0 rgba(3, 45, 85, 0.28); box-shadow: 0 2px 4px 0 rgba(3, 45, 85, 0.28); background-color: #4bcf58; padding: 7px; border-radius: 50% }

.btn-box{position:absolute;left:0;bottom:0; width: 100%;background-color: #68bdee;cursor: pointer;display: inline-block; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px;}
.box-tratamientos .btn-box{background-color: #667889;}
.box-tratamientos a>p {color:#667889 }
.btn-box .text{font-size: 18px;color: #fff;text-align: center;padding: 10px; font-family: 'GothamBold', sans-serif;}
.btn-box.testimonios{bottom: -20px;}


.btn-xs{max-width: 270px;border-radius: 0;}
.btn-xs .text{font-size: 20px}
.btn-box.btn-border{background:#fff;border: 2px solid #2c447f}
.btn-box.btn-border .text{color:#2c447f }
.btn-box.btn-border .btn-icon{border-left: 1px solid #2c447f}

.btn-secundary-default .text{font-size: 18px;color: #fff;text-align: center;padding: 10px; font-family: 'GothamBold', sans-serif;}
.btn-secundary-ghost .text{font-size: 18px;color: #004b93;text-align: center;padding: 10px; font-family: 'GothamBold', sans-serif;}

/*BG PARA BOTONES*/
.btn-bg-refractiva {background: #68bdee;}
.btn-bg-refractiva:hover{background: #469fd2;}
.btn-bg-presbicia {background: #2f5a84}
.btn-bg-presbicia:hover{background: #1c3751;}
.btn-bg-cataratas {background: #8ab0a1;}
.btn-bg-cataratas:hover {background: #546c62;}


/*Boton GO UP*/
.btn-goup{display: none;opacity: 0;background: #004286;color: #fff;position: fixed;bottom: 50px;right: 100px;width: 40px;height: 40px;text-align: center;border-radius: 0;line-height: 34px;font-size: 20px;cursor: pointer;border: 1px solid #fff;z-index: 999999!important}


/*restyling btn*/

.btn-navy {background: #004b93;color: #fff; font-family: 'Gotham-Medium', sans-serif; font-size: 18px}
.btn-navy:hover, .btn-navy:active {background:#043665; color: #fff}

.btn-ghost {background: #fff; color:#004b93;font-family: 'Gotham-Medium', sans-serif; font-size: 18px; border: 2px solid #ccdbe9; }
.btn-ghost:hover, .btn-ghost:focus {border: 2px solid #004b93; color:#004b93;}

  /*PAGINACION*/
  .pagination {margin: 0 auto 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
  .pagination>li>a, .pagination>li>span{margin: 0px 5px; color: #fff;  background-color:#ccdbe9; border-radius: 50%; font-family: 'Gotham-Medium', sans-serif;font-size: 16px; width: 28px; height: 28px; border:none; line-height: 1;    padding: 5px 9px; text-align: center;}
    .pagination>li>a:hover, .pagination>li>span:hover {background-color:#004b93;color:#fff;}

  .pagination li.flecha-pag a{border: 0; font-size: 16px; padding: 0; margin: 0 5px;  font-family: 'Gotham-Medium', sans-serif; background: transparent; }


  /*HEADER*/
.header{background-color:#004b93;/*padding:20px 0 15px;*/margin:0}
.header .logo { margin: 12px 0;}
.info-header{ margin: 10px 0;}
.info-header, .info-header a{color:#fff }
/*.info-header .tel-header a{font-size: 30px}
.info-header .tel-header div{margin-bottom: -8px}
.info-header .form-header{overflow: hidden;}
.info-header .form-header .input-group{width: 60%;float: left;}
.info-header .form-header .icon-movil{width: 50px;height: 40px}
.info-header .form-header span.text{line-height: 1.1;padding-right: 10px;padding-top: 5px}*/
/*.info-header .form-header .input-group-addon{background: url(../imagenes/flecha-white.png)no-repeat left top #999;border-radius: 0;border:none;width: 40px}
.form-header .form-control{height: 37px}*/



/*FORMULARIO PEDIR CITA*/
.formulario-pedir-cita {margin-top: 50px;} 
.formulario-pedir-cita>div:first-child{margin-bottom:2rem}
.formulario-pedir-cita>div:first-child span{margin-bottom: 10px;color: #011e3b; font-weight: bold; font-size: 18px;}
	@media(max-width:320px){
		.formulario-pedir-cita>div:first-child span{font-size: 16px;}
	}
.formulario-pedir-cita>div:first-child span a{font-size: 30px;color: #004b93;}


.formulario-pedir-cita .formulario{ border:1px solid #004b93;  padding: 30px }
/* .formulario-pedir-cita .formulario .btn {background: #00a99d; border: 1px solid #fff;} original */
.formulario-pedir-cita .formulario .btn {background:004b93; border: 1px solid #fff;}
/* .formulario-pedir-cita .formulario .check{border: none;} */
/* .formulario-pedir-cita .formulario .check label{background: #fff;} */
.formulario-pedir-cita .formulario .check label span.label-text, .formulario-pedir-cita .formulario .check label span.label-text a{color: #c6c6c5;}
.form-thanks{min-height: 380px}
/*.box-form-home{z-index: 999!important}*/
#box-form-cita-movil #form_cita_home{z-index: 999;position: relative;}

	@media(max-width:450px){
		.formulario-pedir-cita{margin-top: 0}
	}
	@media(max-width:320px){
		.show-mobile .legal-text{font-size: 14px;}
	}



/*Flex formulario*/

.flex__form{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:  center;-ms-flex-align:  center;align-items:  center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start;}
.flex__form__check__header{display:block;margin-left:4%;font-size:12px;}

.flex__form__check{display:  block;margin-left:  2%; color: #011e3b;}
.flex__form__check2{display:  block;margin-left:  1%;}
.flex__form__check a {color: #00cded; font-family: 'Gotham-Medium', sans-serif;}
/*FORMULARIO NEWSLETTER*/
.newsletter {padding: 30px 0 60px}
.newsletter .section-title{margin-top: 2rem}
.newsletter-form{margin-top: 15px}
.newsletter-form input {padding: 15px 0 15px 15px; border: 1px solid #ccdbe9;height: inherit ;}
.newsletter-form .flex__form{ -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; font-size: 13px; font-family: 'Gotham-Medium', sans-serif; }
.newsletter-form .flex__form__check {color:#6693be }
.newsletter .btn {display: inline-block;width: 100%;max-width:315px; height: 48px; }


@media(max-width:768px){
	.newsletter .btn {max-width:100%; }
}
@media(max-width:465px){
	.newsletter .section-title{margin-top: 0rem}
}


/*FORMULARIO MODAL CALL FOOTER*/

.formulario-call-mobile p {font-size: 32px; margin-bottom: 25px; font-family: 'Gotham-Medium', sans-serif;}

.formulario-call-mobile form input[type="text"] {background: #fff;color:#667889; font-size: 14px; padding: 10px 0 10px 10px;  width: 100%; border:solid 1px #c4cfd9;border-radius: 4px; margin: 0 0 10px }

.formulario-call-mobile form input[type="submit"]{background: #f18a3a;border-radius: 4px; color: #fff;width: 100%; border: none; outline: none; padding: 10px 0 10px 10px}
.formulario-call-mobile .boxed-info {width: 100%; border:2px solid #6693be; border-radius:4px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 25px 0 ; padding: 10px  }

.formulario-call-mobile .boxed-info p {font-size: 18px; font-family: 'Gotham-Medium', sans-serif;margin: 0 0 5px 0}

.formulario-call-mobile .boxed-info a {font-size: 24px; font-family: 'Gotham-Medium', sans-serif;}

.formulario-call-mobile .check {width: 15px;height: 15px;}
.formulario-call-mobile .check input{margin: 0;width: 15px; height: 15px;}
.formulario-call-mobile .flex__form__check, .formulario-call-mobile .flex__form__check a {color: #fff}

/*FORMULARIO SLIDER*/
.slider-interna .form-container{    margin-top: 50px; margin-bottom: 30px;}
.slider-interna.slider-medico .form-container{ margin-top: 40px;}

.slider-interna .form-container.big{margin-top: 80px}
.form-container{background-color:#fff;padding:20px 40px;max-width:415px;float: right;/*border: 3px solid #004286;z-index: 999!important;*/ width: 100%;}
/* .slider-interna.slider-medico .form-container{padding: 40px;} */
@media(max-width:990px){
	.form-container{padding:20px;}
}
@media(max-width:1200px){
	.slider-interna.slider-medico .form-container{padding: 20px;}
}
.form-container form span.form-btn{cursor:pointer;font-size: 18px;line-height:2;width: 100%;display: inline-block;text-align: center;position: relative;margin-bottom: 10px; color: #011e3b; font-weight: bold;}
.form-container form span.form-btn>span {color:#004b93; font-size: 40px; line-height: 0.7; }
	@media(max-width:991px){
		.form-container form span.form-btn>span {font-size: 34px;  }
	}

.form-container form span.active{color:#004286;}
.form-container form span.active:after{content: '';width: 8px;height: 8px;background:#004286;border-radius: 50%;position: absolute;bottom: 0;right: 43%}
 #btn-solicitar.active:after{bottom: -10px}
.form-container .form-group{margin-bottom:10px}
.form-container .form-control{border-color:#ccdbe9;border-radius:4px;-webkit-box-shadow:none;box-shadow:none;height: 45px}
.form-container .checkbox{padding:0 20px;margin:0 0 8px}
/*.form-container .checkbox a{font-size:13px;color:#999;font-style: italic;}*/
 #form-mapa .btn{font-size:18px;background:#004b93;color:#fff;border-color:#004b93;border-radius:0;font-weight:700;padding: 12px; border-radius: 4px}
.form-container.form-cita-gratis .btn{background:url(../imagenes/iconos/phone-white.png)no-repeat left 37px center #004b93;}


.form-container .btn, .formulario .btn{font-size:18px;background:url(../imagenes/iconos/phone-white.png)no-repeat left 55px center #004b93;color:#fff;border-color:#004b93;border-radius:0;font-weight:700;padding: 12px; border-radius: 4px}

 .formulario .btn.no-phone{background: #004b93;}
.formulario .btn.no-phone:hover{background: #043665;}
#form_reclamacion.formulario .btn, #form_international.formulario .btn{background-image: none;}

@media(max-width:1200px){
	.form-container .btn, .formulario .btn{background:url(../imagenes/iconos/phone-white.png)no-repeat left 35px center #004b93;}
	.form-container.form-cita-gratis .btn{background:url(../imagenes/iconos/phone-white.png)no-repeat left 10px center #004b93;}
}

.form-container .btn:hover, .formulario .btn:hover{border-color:#043665;background:url(../imagenes/iconos/phone-white.png)no-repeat left 55px center #043665}
#form-mapa .btn:hover{border-color:#043665;background: #043665}

/* .form-container .btn, .formulario .btn.no-phone:hover{background: #043665;} */
.form-container .btn span{display: block;text-align: center;width: 100%;color: #fff;font-size: 12px;min-height: 0;margin-bottom: 0}
.form-container .form-solicitar{display: none}
.form-container .check,.form-container .check label, .formulario .check label, .formulario .check, .info-header .check{width: 17px;height: 17px}
.form-container .check label span.label-icon, .formulario .check label span.label-icon{background-size: 9px}
.form-container .check label span.label-text, .formulario .check label span.label-text{top: -22px;left: 25px}
.formulario .check label span.label-text a{color: #999}
.form-container .check, .formulario .check{border: 1px solid #ccc;background: none;margin-bottom: 5px;margin-top: 5px;}
.form-container .check2, .formulario .check2{border: 1px solid #fff;background: none}
.form-container .cajaselect{width: 100%;padding-left: 10px;outline: 0;  -webkit-appearance: none; -webkit-appearance: none;-moz-appearance: none;font-style: italic;font-weight: 300;font-size: 13px;background-image: url(../imagenes/flecha.png);background-position: right;background-repeat: no-repeat;}





 .formulario select{color: #667889;font-size: 14px; width: 100%;padding-left: 10px;outline: 0;-webkit-appearance: none;-webkit-appearance: none; -moz-appearance: none; font-weight: 300;background: url(../imagenes/iconos/arrow-down-navy.png)no-repeat right 12px center #fff;  border-color: #ccdbe9;    border-radius: 4px; -webkit-box-shadow: none;box-shadow: none;height: 45px;}

 .formulario input[type='text'], .formulario input[type='tel'], .formulario input[type='mail']
 { width: 100%;padding-left: 10px;outline: 0;-webkit-appearance: none;-webkit-appearance: none; -moz-appearance: none; font-weight: 300;font-size: 13px;border-color: #ccdbe9;    border-radius: 4px; -webkit-box-shadow: none;box-shadow: none;height: 45px;}

 .formulario input[type='text']:focus, .formulario input[type='tel']:focus , .formulario input[type='mail']:focus{-webkit-box-shadow: none;box-shadow: none;background: #fff; border: 1px solid #004b93;}

 .formulario textarea{border-color: #ccdbe9; border-radius: 4px; -webkit-box-shadow: none;box-shadow: none;}




.box-form{z-index: 998}
.info-header .check label span.label-text{left: 27px;top: -25px}
.info-header .check label{width: 15px;height: 15px}
.info-header .check label span.label-icon{background-size: 8px}



/*FORM GLOBAL*/
.form-control{-webkit-box-shadow:none;box-shadow:none;box-shadow:none; background: #fff}
.form-control:focus{-webkit-box-shadow:none;box-shadow:none;box-shadow:none; background: #fff; border: 1px solid #004b93;}

.check input[type="checkbox"], input[type="radio"] {visibility: hidden;}
.check{width: 18px;height: 18px;background: #fff;position: relative; border-radius: 4px; border:1px solid #ccdbe9;}
.check label{position: absolute;top: 0;left: 0;width: 18px;height: 18px; cursor: pointer; }
.check label span.label-text{font-size:13px;color:#999;font-style: italic;top:-30px;left: 40px;position: relative;display: inline-block;width: 400px }
.check label span.label-icon{background: url(../imagenes/check.gif) center no-repeat;background-size: 10px;width: 100%;display: inline-block;height: 100%;opacity: 0;transition:0.2s all ease;-webkit-transition:0.2s all ease}
.check label span.label-icon-2{background: url(../imagenes/check.gif) center no-repeat;background-size: 15px;width: 100%;display: inline-block;height: 100%;opacity: 0;transition:0.2s all ease;-webkit-transition:0.2s all ease;border:1px solid #fff;}
.check  input[type=checkbox]:checked + label> span.label-icon, .check  input[type=radio]:checked + label> span.label-icon{ opacity: 1 }

.box-labels .label-text{font-size: 13px;font-style: italic;}
.box-labels .check label span.label-text.text-lg{ font-size: 12px;line-height: 1;}


/*PLACEHOLDER*/
.form-control::-webkit-input-placeholder{color: #667889;font-size: 14px}
.form-control:-moz-placeholder{color: #667889;font-size: 14px}
.form-control::-moz-placeholder{color: #667889;font-size: 14px}
.form-control:-ms-input-placeholder{color: #667889;font-size: 14px}

.form-control:focus::-webkit-input-placeholder{opacity:1}
.form-control:focus:-moz-placeholder{opacity:1}
.form-control:focus::-moz-placeholder{opacity:1}
.form-control:focus:-ms-input-placeholder{opacity:1}




.newsletter-form .form-control::-webkit-input-placeholder{color: #667889;font-size: 14px;}
.newsletter-form .form-control:-moz-placeholder{color: #667889;font-size: 14px;}
.newsletter-form .form-control::-moz-placeholder{color: #667889;font-size: 14px;}
.newsletter-form .form-control:-ms-input-placeholder{color: #667889;font-size: 14px;}


#comparador_precio.form-control::-webkit-input-placeholder{color: #999;}
#comparador_precio.form-control:-moz-placeholder{color: #999;}
#comparador_precio.form-control::-moz-placeholder{color: #999;}
#comparador_precio.form-control:-ms-input-placeholder{color: #999;}


/*NAVEGACIÓN*/


.navbar{min-height:10px}
.navbar-default{background:none;border:none;margin:0}
.navbar-default .container-fluid{padding:0}
.navbar-default .navbar-nav{/*display:table;*/width:100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.navbar-default .navbar-nav.retina {justify-content: center;}
.navbar-default .navbar-nav > li{float:none;margin:0 5px;-ms-flex-preferred-size:  14%;flex-basis:  14%;}
/*.navbar-default .navbar-nav > li.tratamientos{flex-basis:17%}*/

.navbar-default .navbar-nav > li > a{color:#011e3b;font-size:14px;padding:15px 0px;text-align:left;line-height: 1.1}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{color:#1d1d1b}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover{background:none;color:#f18a3a;font-weight:500}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > li > a:hover,.navbar-default .navbar-nav > .active > a:hover{cursor:pointer;color: #f18a3a }
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover{background-color:transparent;color:#000}
.dropdown-menu{background-color:#fcdfd1;width:100%;font-size:13px;padding:0}
.dropdown-menu > li > a{white-space:normal}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{background-color:#000;color:#fff}
.subnavigation{background:#fff;margin:0; padding: 0}
.subnavigation .navbar-default .navbar-nav > li{border-top:none;border-left:none;-webkit-transition:all 3s linear;-webkit-transition:all 1s linear;transition:all 1s linear;}
.subnavigation .navbar-default .navbar-nav > li > a{font-size:14px;text-transform:none;line-height:1;padding:15px 0;display:block}
.subnavigation .navbar-default .navbar-nav > li > a:hover,.subnavigation .navbar-default .navbar-nav > li.active > a{-webkit-box-shadow:none;box-shadow:none;display:block}
/*.subnavigation .navbar-default .navbar-nav > li:after{content:'';display:none;-webkit-transition:all 3s linear;-webkit-transition:all 1s linear;transition:all 1s linear;opacity:0;position:absolute;bottom:5px;left:0;width: 8px;height: 8px;background: #004286;border-radius: 50%}*/
.navigation{margin:0; padding: 10px 0}
.subnavigation ul.dropdown-hover-menu{position:absolute;list-style:none; background:#fff;display:none;z-index:999;padding:10px 25px;height: auto;overflow: hidden;top: 48px}
.subnavigation ul.dropdown-hover-menu>li>a{text-decoration:none;padding:5px 0;display:inline-block;color: #1d1d1d}
.subnavigation ul.dropdown-hover-menu>li{border-bottom:1px solid transparent}
.subnavigation ul.dropdown-hover-menu>li:hover, .subnavigation ul.dropdown-hover-menu>li.active{border-bottom:1px solid #999 }
.subnavigation .navbar-default .navbar-nav > li.dropdown-hover:hover ul.dropdown-hover-menu{display:block; }
.subnavigation .navbar-default .navbar-nav {min-height: 58px}
.subnavigation .navbar-default .navbar-nav > .active > a:after {content: none;}

body.otros-tratamientos div.box.subnavigation div.container{max-width: 2000px;}
body.otros-tratamientos div.box.subnavigation div.container div.row nav.navbar.navbar-default div.container-fluid div.collapse.navbar-collapse.side-collapse ul.nav.navbar-nav>li{width: auto;}

.interna .box.navigation {border-bottom: 4px solid #f18a3a; padding: 0}
.interna .navbar-default .navbar-nav > li > a {padding: 20px 0px}
.listado-medicos.interna .box.navigation {border-bottom: none; }

.subnavigation .navbar-default .navbar-nav > .dropdown-hover {background: url(../imagenes/iconos/arrow-down-black.png)no-repeat right center transparent;}
.subnavigation .navbar-default .navbar-nav > .dropdown-hover:nth-of-type(2) {padding-right: 19px;}
@media(max-width:1024px){
	.subnavigation .navbar-default .navbar-nav > .dropdown-hover{background-position: 44px 35px;}
	.subnavigation .navbar-default .navbar-nav > .dropdown-hover:nth-of-type(2) {padding-right: 0px;background-position: 43px 35px;}
}
@media(max-width:768px){
	.subnavigation .navbar-default .navbar-nav > .dropdown-hover{background-position: 31px 35px;}
	.subnavigation .navbar-default .navbar-nav > .dropdown-hover:nth-of-type(2) {padding-right: 0px;background-position: 34px 43px;}
}
.subnavigation .navbar-default .navbar-nav > li > a{font-family: 'Gotham-Medium', sans-serif;}

/*menu movil*/
.navbar-nav .open .dropdown-menu {padding: 12px 0 0 15px}

.navbar-nav .open .dropdown-menu a>span {font-family: 'Gotham-Medium', sans-serif; font-size: 14px}
.navbar-default .navbar-nav .open .dropdown-menu li.dropdown-sub-menu li{list-style:none;padding:5px 0}
.navbar-default .navbar-nav .open .dropdown-menu li.dropdown-sub-menu li>a{color:#004286;border-bottom:1px solid transparent;text-decoration:none }
 li.dropdown-sub-menu >i.fa-toggle{margin-top:7px;color:#fff;font-size:17px;margin-right:15px;margin-bottom:5px;z-index:999}
.navbar-default .navbar-nav .open .dropdown-menu li.dropdown-sub-menu li.active, .navbar-default .navbar-nav .open .dropdown-menu li.dropdown-sub-menu li:hover{background:none;color:#004286;border-bottom:1px solid #004286}
.navbar-default .navbar-nav .open .dropdown-menu li.dropdown-sub-menu ul.dropdown-menu-2{width:100%;padding-left:0;background:#ddd;width:100%}
.navbar-default .navbar-nav .open .dropdown-menu li.dropdown-sub-menu ul.dropdown-menu-2 li a{color:#004286}
.navbar-default .navbar-nav .open .dropdown-menu li.dropdown-sub-menu ul.dropdown-menu-2 li{background:#ddd;padding-left:45px}
.navbar-default .navbar-nav .open .dropdown-menu li{margin-top:8px}
.condiciones-legal, a.condiciones-legal {font-size: 10px;color:#fff; text-align: center; margin-right: 20px;}


/*MENU RESPONSIVE*/
#menu-toggle.hamb{background-color:transparent;color:#fff;display:inline-block;float:right;margin-right:10px;font-size:30px;}
.toggled #menu-toggle.hamb{color:#c1c1c1;}
#wrapper{-webkit-transition:all 0.5s ease;transition:all 0.5s ease;overflow: hidden;}
#wrapper.toggled{padding-left:0px}
#sidebar-wrapper{z-index:1000;position:absolute;top:0;padding-top:15px;width:0;background-color:#004b93;margin-left:-100%;overflow-y:auto;-webkit-transition:all 1s linear;transition:all 1s linear}
#sidebar-wrapper .navbar-header{display:none}
#sidebar-wrapper .side-collapse{display:block !important}
#wrapper.toggled #sidebar-wrapper{width:100%; margin-left: 0}
#page-content-wrapper{width:100%;position:absolute}
#wrapper.toggled #page-content-wrapper{position:absolute;margin-right:-250px}

/* Sidebar Styles */
.sidebar-nav{position:absolute;top:0;width:220px;margin:0;padding:0;list-style:none}
.sidebar-nav li{text-indent:0px;line-height:40px}
.sidebar-nav li a{display:block;text-decoration:none;white-space:normal;text-transform:uppercase;font-size:18px;font-weight:100}
.sidebar-nav li a:hover{text-decoration:none}
.sidebar-nav li a:active,.sidebar-nav li a:focus{text-decoration:none}
.sidebar-nav > .sidebar-brand{height:65px;font-size:18px;line-height:60px}
.sidebar-nav > .sidebar-brand a{color:#999999}
.sidebar-nav > .sidebar-brand a:hover{color:#fff;background:none}
.sidebar-nav li li{text-indent:0}
.navbar-new .nav>li .dropdown-menu.new li.active a, .navbar-new .nav>li .dropdown-menu.new a.active{font-weight:100;background-color:#e3e3e3;color:#818282;-webkit-transition-duration:.3s;transition-duration:.3s}
.dropdown-submenu.active>.dropdown-menu {display:block}
.dropdown-submenu .dropdown-menu{position:relative;background-color:#818282}
.navbar-new .nav>li .dropdown-menu.new .dropdown-submenu .dropdown-menu li a{background-color:#818282;color:#e3e3e3}
.navbar-new .nav>li .dropdown-menu.new .dropdown-submenu .dropdown-menu a.active, .navbar-new .nav>li .dropdown-menu.new .dropdown-submenu .dropdown-menu li.active a{color:#6f6f6f}
.navbar-new .nav>li .dropdown-menu.new a:hover, .navbar-new .nav>li .dropdown-menu.new .dropdown-submenu .dropdown-menu li a:hover{background-color:#e3e3e3;color:#818282;-webkit-transition-duration:0.3s;transition-duration:0.3s}

.toogle-cerrar{display:inline-block;margin:0 25px 10px 10px ;color:#828282;cursor:pointer; float: right;}
.toogle-cerrar span:hover{-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-transition-duration:0.6s;transition-duration:0.6s}

.toogle-cerrar:hover, .toogle-cerrar:focus{color:#fff}
.navbar-new .nav>li .dropdown-menu.new .dropdown-submenu .dropdown-menu a.active, .navbar-new .nav>li .dropdown-menu.new .dropdown-submenu .dropdown-menu li.active a{background-color:#e3e3e3;color:#818282}



/*FILTROS SLIDER PAGINAS*/

	/* FILTROS GENERALES DE BAVIERA*/
		.slider-idi, .slider-atencion , .slider-rsc, .slider-atencion, .slider-trabajo,.slider-pacientes, .slider-medico, .slider-donde, .slider-medicos, .slider-clinica, .slider-internacional, .slider-hoteles, .slider-enlaces, .slider-prensa, .slider-aseguradoras, .slider-pq, .slider-info {position:relative;}

		.slider-idi:after, .slider-razones:after, .slider-rsc:after, .slider-atencion:after, .slider-trabajo:after, .slider-pacientes:after, .slider-medico:after, .slider-donde:after, .slider-medicos:after, .slider-clinica:after, .slider-internacional:after, .slider-hoteles:after, .slider-enlaces:after, .slider-red:after, .slider-prensa:after, .slider-aseguradoras:after, .slider-pq:after, .slider-info:after {content:"";position: absolute; top: 0; left: 0; width: 100%; height: 100%;  background-image: -webkit-gradient(linear, left top, right top, from(#004b93), color-stop(37%, rgba(0, 75, 147, 0.5)), color-stop(50%, rgba(0, 75, 147, 0.36)), to(rgba(0, 75, 147, 0.36)));  background-image: linear-gradient(to right, #004b93 0%, rgba(0, 75, 147, 0.5) 37%, rgba(0, 75, 147, 0.36) 50%, rgba(0, 75, 147, 0.36) 100%);}


	/*  END FILTROS GENERALES DE BAVIERA*/


	/* FILTROS REFRACTIVA*/
		.slider-refractiva, .slider-donde, .slide-clinica, .slider-razones, .slider-retina,.slider-precio-financiacion-refractiva, .slider-preguntas-frecuentes, .slider-refractiva-que-es, .slider-consulta, .slider-intraocular,.slider-lasek, .slider-resultados-refractiva, .slider-medicos-refractiva,.slider-intraocular-presbicia{position: relative;}

		/* Original refractiva
		.slider-refractiva:after, .slider-consulta:after, .slider-intraocular:after, .slider-refractiva-que-es:after, .slider-medicos, .slider-tratamiento:after, .slider-lasek:after,.slider-medicos:after, .slider-precio-financiacion-refractiva:after,.slider-preguntas-frecuentes:after, .slider-resultados-refractiva:after{content:"";position: absolute; top: 0; left: 0; width: 100%; height: 100%;background-image: linear-gradient(to right, #5db4e5 0%, rgba(93, 180, 229, 0.8) 37%, rgba(93, 180, 229, 0.36) 50%, rgba(93, 180, 229, 0.36) 100%);}*/


		/* Opcional 1 refractiva */

		/*.slider-refractiva:after, .slider-consulta:after, .slider-intraocular:after, .slider-refractiva-que-es:after, .slider-medicos, .slider-tratamiento:after, .slider-lasek:after,
		.slider-medicos:after, .slider-precio-financiacion-refractiva:after,.slider-preguntas-frecuentes:after, .slider-resultados-refractiva:after{content:"";position: absolute; top: 0; left: 0; width: 100%; height: 100%;background-image: linear-gradient(to right, #68bdee, rgba(104, 189, 238, 0.67) 35%, rgba(104, 189, 238, 0.41) 43%, rgba(104, 189, 238, 0.06) 53%, rgba(104, 189, 238, 0))}*/

		/* Opcional 2 refractiva */
		.slider-refractiva:after, .slider-consulta:after, .slider-intraocular:after, .slider-refractiva-que-es:after,  .slider-tratamiento:after, .slider-lasek:after, .slider-precio-financiacion-refractiva:after,.slider-preguntas-frecuentes:after, .slider-resultados-refractiva:after, .slider-medicos-refractiva:after{content:"";position: absolute; top: 0; left: 0; width: 100%; height: 100%;background-image:-webkit-gradient(linear, left top, right top, from(#5db4e5),color-stop(10%, rgba(93, 180, 229, 0.8)), color-stop(50%, rgba(93, 180, 229, 0.36)), to(rgba(93, 180, 229, 0.36)));background-image:linear-gradient(to right, #5db4e5 0%,rgba(93, 180, 229, 0.8) 10%, rgba(93, 180, 229, 0.36) 50%, rgba(93, 180, 229, 0.36) 100%);}

	/* END FILTROS REFRACTIVA*/

	/* FILTROS PRESBICIA*/
		.slider-presbicia, .slider-precio-financiacion-presbicia, .slider-tratamiento-presbicia, .slider-consulta-presbicia, .slider-preguntas-presbicia, .slider-medicos-presbicia, .slider-resultados-presbicia,.slider-intraocular-presbicia{position:relative}

		.slider-presbicia:after,.slider-precio-financiacion-presbicia:after, .slider-tratamiento-presbicia:after, .slider-consulta-presbicia:after, .slider-preguntas-presbicia:after, .slider-medicos-presbicia:after, .slider-resultados-presbicia:after,.slider-intraocular-presbicia:after{content:"";position: absolute; top: 0; left: 0; width: 100%; height: 100%;background-image: -webkit-gradient(linear, left top, right top, from(#2f5a84), color-stop(10%, rgba(47, 90, 132, 0.8)), color-stop(50%, rgba(47, 90, 132, 0.36)), to(rgba(47, 90, 132, 0.36)));background-image: linear-gradient(to right, #2f5a84 0%, rgba(47, 90, 132, 0.8) 10%, rgba(47, 90, 132, 0.36) 50%, rgba(47, 90, 132, 0.36) 100%);}

	/*  END FILTROS PRESBICIA*/

	/* FILTROS CATARATAS*/
	.slider-cataratas, .slider-tratamiento-cataratas,.slider-precio-financiacion-cataratas, .slider-slider-consulta-cataratas, .slider-preguntas-cataratas,.slider-medicos-cataratas{position:relative}

	.slider-cataratas:after, .slider-tratamiento-cataratas:after, .slider-precio-financiacion-cataratas:after, .slider-consulta-cataratas:after, .slider-resultados-cataratas:after, .slider-preguntas-cataratas:after, .slider-medicos-cataratas:after {content:"";position: absolute; top: 0; left: 0; width: 100%; height: 100%;  background-image: -webkit-gradient(linear, left top, right top, from(#8ab0a1), color-stop(10%, rgba(138, 176, 161, 0.8)), color-stop(50%, rgba(138, 176, 161, 0.36)), color-stop(98%, rgba(138, 176, 161, 0.36)));  background-image: linear-gradient(to right, #8ab0a1 0%, rgba(138, 176, 161, 0.8) 10%, rgba(138, 176, 161, 0.36) 50%, rgba(138, 176, 161, 0.36) 98%);}

	/* END FILTROS CATARATAS*/

	/* FILTROS RETINA*/
	.slider-retina{position:relative}

	.slider-retina:after {content:"";position: absolute; top: 0; left: 0; width: 100%; height: 100%;  background-image: -webkit-gradient(linear, left top, right top, from(#d49e68), color-stop(36%, rgba(212, 158, 104, 0.8)), color-stop(50%, rgba(215, 154, 92, 0.36)), color-stop(99%, rgba(212, 158, 104, 0.36)));  background-image: linear-gradient(to right, #d49e68 0%, rgba(212, 158, 104, 0.8) 36%, rgba(215, 154, 92, 0.36) 50%, rgba(212, 158, 104, 0.36) 99%);}

	/* END FILTROS RETINA*/

	/* FILTROS OTROS TRATAMIENTOS*/
	.slider-otros-tratamientos, .slider-oftalmologica-pediatrica, .slider-otros-tratamientos-medicos, .slider-tipos-cirugia-ocular {position:relative}

	.slider-otros-tratamientos:after, .slider-oftalmologica-pediatrica:after, .slider-otros-tratamientos-medicos:after, .slider-tipos-cirugia-ocular:after {content:"";position: absolute; top: 0; left: 0; width: 100%; height: 100%;  background-image: -webkit-gradient(linear, left top, right top, from(#617588), color-stop(37%, rgba(97, 117, 136, 0.6)), color-stop(50%, rgba(97, 117, 136, 0.36)), to(rgba(97, 117, 136, 0.36)));  background-image: linear-gradient(to right, #617588 0%, rgba(97, 117, 136, 0.6) 37%, rgba(97, 117, 136, 0.36) 50%, rgba(97, 117, 136, 0.36) 100%);
		;}

	/* END FILTROS OTROS TRATAMIENTOS*/



/*FILTROS SLIDER PAGINAS*/







@media(max-width:768px){
	.slider-clinica:after {background:#004b93 ;}
	.slider-medicos:after{background:#004b93 ;}
}

/*SLIDER*/

.slider h1, .slider h2, .slider-interna h1, .slider-interna h2{text-align:left; margin-bottom:10px; font-size: 52px; margin-top: 0;line-height: 1.19;}
@media(max-width:1024px){
	.slider-interna.slider-tratamiento-cataratas h1{font-size: 42px;}
	.slider-interna.desprendimiento-retina h1{font-size: 42px;}
	.alteraciones-neuroftalmologicas .slider-otros-tratamientos h1{font-size: 42px;}
	.slider-retina .slider-text h1{font-size: 45px;}
	.slider-otros-tratamientos h1.dacriocitorrinostomia{font-size: 42px;}
}
@media(max-width:768px){
	.slider-otros-tratamientos h1.dacriocitorrinostomia{font-size: 35px;}
}

@media(max-width:767px){
	.slider h1, .slider h2, .slider-interna h1, .slider-interna h2,.slider-interna.slider-tratamiento-cataratas h1, .slider-interna.desprendimiento-retina h1{font-size: 32px;}
	.alteraciones-neuroftalmologicas .slider-otros-tratamientos h1{font-size: 32px;}
	.slider-otros-tratamientos h1.dacriocitorrinostomia{font-size: 35px;}
}
@media(max-width:425px){
	.slider-retina .slider-text h1,
	.slider-otros-tratamientos h1.dacriocitorrinostomia{font-size: 25px;}
}

@media(max-width:320px){
	.slider-interna.slider-tratamiento-cataratas h1, .slider-interna.desprendimiento-retina h1{font-size: 25px;}
	.slider-otros-tratamientos h1.dacriocitorrinostomia{font-size: 22px;}
}


.slider h1.h1-small, .slider-interna h1.h1-small{font-size: 40px;}
.slider-text{padding-top: 30px;z-index: 10; font-size: 16px}
.slider-idi h1, .slider-razones h1 {margin-bottom: 30px}

.slider-text span{display: block;}
.slider-text.medicos h1 span:first-child{font-family: 'GothamBold', sans-serif; font-size:52px; margin-bottom: 42px; line-height: 1.2}
@media(max-width:768px){
	.slider-text.medicos h1 span:first-child{font-size:42px;}

}
@media(max-width:767px){
	.slider-text{padding: 5px 15px 5px 30px ;}
}


.slider-text.medicos span:first-child{font-family: 'Gotham-Medium', sans-serif;font-size:16px;}
.slider-text.medicos .n-colegiado{font-family: 'GothamBold', sans-serif;font-size:18px;margin-top:10px; }

.slider-text>div { max-width: 620px; width: 100% }
.slider-red .slider-text>div { max-width: 650px; width: 100% }
.slider-medicos .slider-text>div { max-width: 470px; width: 100% }

.slider-resultados-cataratas .slider-text>div,
.slider-medicos-cataratas .slider-text>div { max-width: 450px; width: 100% }

@media(max-width:425px){
	.slider-internacional .slider-text div:nth-of-type(1),
	.slider-internacional .slider-text div:nth-of-type(2){padding: 0;width:100%;}
}

/* .slider-text>div { max-width: 385px; width: 100% } */


/* .slider-razones .slider-text>div {max-width: 420px}

/* .slider-text.precio-financiacion>div, .slider-retina .slider-text>div { max-width: 465px; width: 100% }

.slider-retina .slider-text.big>div, .slider-text.preguntas-frecuentes>div, .slider-refractiva .slider-text>div, .slider-tratamiento-cataratas .slider-text>div  {max-width: 480px}

.slider-rsc .slider-text>div{max-width: 490px;}

.slider-preguntas-presbicia .slider-text>div,
 .refractiva-tratamiento .slider-text>div,
.slider-medicos .slider-text>div,
.slider-medicos-presbicia .slider-text>div,
.slider-atencion .slider-text>div, .slider-oftalmologica-pediatrica .slider-text>div{max-width: 565px;}

.slider-tratamiento-presbicia .slider-text>div{max-width:600px}

.slider-resultados-presbicia .slider-text>div,.slider-retina.degeneracion-macular .slider-text>div,
.slider-retina.retinosis-pigmentaria .slider-text>div{max-width: 620px;} */

/************************************/

@media(max-width:767px){
.slider-text>div, .slider-preguntas-presbicia .slider-text>div, .refractiva-tratamiento .slider-text>div, .slider-medicos .slider-text>div, .slider-medicos-presbicia .slider-text>div,.slider-rsc .slider-text>div, .slider-resultados-presbicia .slider-text>div,.slider-retina.degeneracion-macular .slider-text>div,
.slider-retina.retinosis-pigmentaria .slider-text>div,
.slider-tratamiento-presbicia .slider-text>div, .slider-tratamiento-cataratas .slider-text>div, .slider-retina .slider-text>div, .slider-razones .slider-text>div  {max-width:100%}
}

.slider-text p{font-size: 16px;line-height: 1.38;}
/*.slider-text p.big{font-size: 24px;font-weight: 500;line-height:1.17 }*/

@media(max-width:425px){
	.slider-text p.big{font-size: 16px;}
	.slider-text p.big img{max-width: 20px;}
}
.slider-text h1>span.text-xs{font-size: 37px}
.slider-medico .slider-text{padding-left: 10px!important; padding-right: 10px!important}
.slider-medico  img{margin-top: 85.5px; height: auto; width: 180px; margin-right: 0;}
/*.slider-text .big{font-size: 22px; display: block;margin-bottom: 15px}*/
/*.slider-text.otros-tratamientos .big{margin-bottom: 0}*/

.slider-text.slider-icon .text h1,.slider-text.slider-icon .text .h1{margin-top: 40px}
/*.slider-interna .slider-text.slider-icon{slider-idi-left: 0}*/
/*.slider-interna .bg-transp{padding:20px 15px;max-width: 650px}*/
.slider-interna .bg-transp2{padding:20px 15px;}
.slider-text.slider-icon h1,.slider-text.slider-icon .h1{margin-top: 0}
div h1.upper span.text-xs.color-black>p{text-align: left;}
.slider .btn-slider{position: absolute;top: 160px;left: -60px}
.slider .container{position: relative;}


.slider-trabajo .slider-text.slider-icon .text h1{margin-top: 27px; font-size: 34px;}
.slider-trabajo .slider-text.slider-icon .bg-transp div{padding: 0;}
.slider-trabajo .slider-text.slider-icon .bg-transp div:first-child{padding: 0 5px;}
.slider-trabajo.slider-interna .slider-text.slider-icon{margin: 102px auto;}



/*cabeceras*/
.slider-home, .slider-home-promo{position: relative;}
.slider-home .form-container, .slider-home-promo .form-container{margin-bottom: 35px}
.slider-home .triangle-slider, .slider-home-promo .triangle-slider{bottom: -62px}
.slider{background:top center scroll no-repeat;padding:45px 0;margin:0;background-size: cover;}
.slider-interna{background-position: center; background-repeat: no-repeat;margin:0;background-size: cover;position: relative; min-height: 539px;}
.slider-home{background-image:url(https://www.clinicabaviera.com/imagenes/slider/slider-home.jpg); }
@media(max-width:1750px){
	.slider-home{background-image:url(https://www.clinicabaviera.com/imagenes/slider/slider-promo-1750.jpg); }
}
@media(max-width:1550px){
	.slider-home{background-image:url(https://www.clinicabaviera.com/imagenes/slider/slider-promo-1550.jpg); }
}
@media(max-width:1024px){
	.slider-home{background-image:url(https://www.clinicabaviera.com/imagenes/slider/slider-promo-tablet.jpg); }
}
@media (max-width: 425px){
  .slider-home{background-image: url(https://www.clinicabaviera.com/imagenes/slider/slider-home-mobile.jpg); background-position-x: right; min-height: 275px }
}

/*
NOTA DE JOSE
A continuación, las mismas imágenes del slider pero con ruta relativa y un ID que se pone por programación
para que SOLO sean visibles en wwwserver y evitar el CDN
*/
#soloserver{background-image:url(../imagenes/slider/slider-home.jpg); }
@media(max-width:1750px){
	#soloserver{background-image:url(../imagenes/slider/slider-promo-1750.jpg); }
}
@media(max-width:1550px){
	#soloserver{background-image:url(../imagenes/slider/slider-promo-1550.jpg); }
}
@media(max-width:1024px){
	#soloserver{background-image:url(../imagenes/slider/slider-promo-tablet.jpg); }
}
@media (max-width: 425px){
  #soloserver{background-image: url(../imagenes/slider/slider-home-mobile.jpg); background-position-x: right; min-height: 275px }
}


.slider-home-promo{background-image:url(../imagenes/promo/agosto-2017/CB_home_verano.jpg); background-position: -270px}
.slider-faqs{background-image:url(../imagenes/slider/slider-faqs.jpg);}
.slider-presbicia{background-image:url(../imagenes/slider/slider-operacion-presbicia.jpg);}
.slider-primera-consulta{background-image:url(../imagenes/slider/slider-primera-consulta.jpg);}
.slider-precio-financiacion{background-image:url(../imagenes/slider/slider-precio-financiacion.jpg); }
.slider-precio-financiacion-2{background-image:url(../imagenes/slider/slider-precio-financiacion-2.jpg);}
.slider-precio-financiacion-refractiva, .slider-precio-financiacion-cataratas {background-image:url(../imagenes/slider/slider-precio-financiacion-refractiva.jpg);}
.slider-precio-financiacion-refractiva-promo{background-image:url(../imagenes/slider/slider-precio-financiacion-refractiva.jpg);}
.slider-precio-financiacion-presbicia{background-image:url(../imagenes/slider/slider-precio-financiacion-presbicia.jpg);}

.slider-resultados{background-image:url(../imagenes/slider/slider-resultados.jpg); }
.slider-resultados-refractiva{background-image:url(../imagenes/slider/slider-resultados-refractiva.jpg); }
.slider-resultados-cataratas{background-image:url(../imagenes/slider/slider-resultados-cataratas.jpg); }
.slider-resultados-presbicia{background-image:url(../imagenes/slider/slider-resultados-presbicia.jpg); background-position: 10px; }
.slider-cataratas{background-image:url(../imagenes/slider/slider-cataratas.jpg);    background-position: 10px; }
.slider-otros-tratamientos{background-image:url(../imagenes/slider/slider-otros-tratamientos.jpg); }
.slider-oftalmologica-pediatrica{background-image:url(../imagenes/slider/slider-oftalmologia-pediatrica.jpg); background-position: 50px; }

.slider-patologias-infantiles{background-image:url(../imagenes/slider/slider-patologias-infantiles.jpg); }

.slider-refractiva{background-image:url(../imagenes/slider/slider-refractiva.jpg); /*background-position: left -396px center;*/ }
.slider-refractiva-que-es{background-image:url(../imagenes/slider/slider-refractiva-que-es.jpg);background-position: left  center; }
.slider-tratamiento{background-image:url(../imagenes/slider/slider-tratamiento.jpg); }
.slider-lasek{background-image:url(../imagenes/slider/slider-lasek.jpg);    background-position: left center; }
.slider-tipos-cirugia-ocular{background-image:url(../imagenes/slider/slider-lasek.jpg);    background-position: left center; }
.slider-tratamiento-cataratas{background-image:url(../imagenes/slider/slider-lasek.jpg);    background-position: left center; }
.slider-lasik{background-image:url(../imagenes/slider/slider-lasik.jpg); background-position: left center; }
.slider-clinica{background-image:url(../imagenes/slider/slider-clinica.jpg); }
.slider-medico{background-image:url(../imagenes/slider/slider-medico.jpg); }
.slider-tratamiento{background-image:url(../imagenes/slider/slider-tratamiento.jpg); background-position: left center; }
.slider-consulta{background-image:url(../imagenes/slider/slider-consulta.jpg); background-position: 10px; }
.slider-consulta-cataratas{background-image:url(../imagenes/slider/slider-consulta.jpg); background-position: 10px; }
.slider-consulta-presbicia{background-image:url(../imagenes/slider/slider-consulta.jpg); background-position: 10px; }
.slider-intraocular{background-image:url(../imagenes/slider/slider-intraocular.jpg); background-position: 20px; }
.slider-intraocular-presbicia{background-image:url(../imagenes/slider/slider-intraocular.jpg); background-position: 20px; }
.slider-preguntas{background-image:url(../imagenes/slider/slider-preguntas.jpg); background-position: left center; }
.slider-preguntas-presbicia{background-image:url(../imagenes/slider/slider-preguntas-presbicia.jpg); }
.slider-preguntas-cataratas{background-image:url(../imagenes/slider/slider-preguntas-presbicia.jpg); }


.slider-medicos{background-image:url(../imagenes/slider/slider-medicos.jpg);  /*background-position: left 461px center; */  }
.slider-medicos-refractiva{background-image:url(../imagenes/slider/slider-medicos.jpg);
/*background-position: left 461px center; */ }
.slider-medicos-presbicia{background-image:url(../imagenes/slider/slider-medicos.jpg); /*background-position: left 461px center; */ }
.slider-medicos-cataratas{background-image:url(../imagenes/slider/slider-medicos.jpg); /*background-position: left 461px center; */  }
.slider-otros-tratamientos-medicos{background-image:url(../imagenes/slider/slider-medicos.jpg);/*background-position: left 461px center; */  }

.slider-info{background-image:url(../imagenes/slider/slider-info.jpg); }
.slider-rsc{background-image:url(../imagenes/slider/slider-rsc.jpg); }
.slider-pq{background-image:url(../imagenes/slider/slider-pq.jpg); }
.slider-hoteles{background-image:url(../imagenes/slider/slider-hoteles.jpg); }
.slider-prensa{background-image:url(../imagenes/slider/slider-prensa.jpg);    background-position: 30px; }
.slider-trabajo{background-image:url(../imagenes/slider/slider-trabajo.jpg); background-position: -845px;}
.slider-idi{background-image:url(../imagenes/slider/slider-idi.jpg); padding: 0 }
.slider-enlaces{background-image:url(../imagenes/slider/slider-enlaces.jpg); }
.slider-atencion{background-image:url(../imagenes/slider/slider-atencion.jpg); }
.slider-razones{background-image:url(../imagenes/slider/slider-razones.jpg); }
.slider-red{background-image:url(../imagenes/slider/slider-red.jpg); }
.slider-donde{background-image:url(../imagenes/slider/slider-donde.jpg);padding: 0px; }
.slider-aseguradoras{background-image:url(../imagenes/slider/slider-companies.jpg); background-position: 10px;}
.slider-pacientes{background-image:url(../imagenes/slider/slider-pacientes.jpg); }
.slider-retina{background-image:url(../imagenes/slider/slider-retina.jpg);}
.slider-preguntas-frecuentes{background-image:url(../imagenes/slider/slider-preguntas-frecuentes.jpg); }
.slider-tratamiento-presbicia{background-image:url(../imagenes/slider/slider-tratamiento.jpg); }
.slider-resultados-cataratas{background-image:url(../imagenes/slider/slider-resultados-cataratas.jpg); background-position: 635px;}
.slider-internacional{background-image:url(../imagenes/slider/slider-internacional.jpg); }


/*CABECERA CLINICA*/
/* .slider-interna.slider-clinica .slider-text.donde-estamos{margin-top:77px} */
.slider-interna.slider-clinica .slider-text.donde-estamos .big{position: relative;padding-left: 50px; font-family: 'Gotham-Medium', sans-serif;}
.slider-interna.slider-clinica .slider-text.donde-estamos p:nth-of-type(1){margin-top:30px; margin-bottom:20px}

.slider-interna.slider-clinica .slider-text.donde-estamos .big img{ position: absolute;top:-10px; left: 0}
@media(max-width: 425px){
	.slider-interna.slider-clinica .slider-text.donde-estamos .big{padding-left: 35px;}
	.slider-interna.slider-clinica .slider-text.donde-estamos .big img{top:0px;}
	}


/* .slider-interna.slider-clinica .form-container{margin-top: 45px;margin-bottom:0;} */


/*PROMO*/

.img-promo-xs, 	.img__promo img{display: none;}
/*.promo{margin-bottom: 60px;}*/
/*.promo-xs{margin-bottom: 20px;}*/
.promo .legal-text{ text-align: left;font-size: 10px;/* background: white; */border-radius: 12px;  padding: 0;padding: 0px 40px;margin: 0rem auto 1rem;color: #6693be;max-width:590px}
@media(max-width:768px){
	.promo .legal-text{padding: 31px 10px 30px;/* word-break: break-all */;max-width:450px;font-size: 9px;}
}
@media(max-width:425px){
	.promo.show-mobile .legal-text{background: none;margin: 0 auto; border-radius: 0; text-align: center;}
	.promo .legal-text{max-width:100%; padding: 10px}
}


.promo .legal-text a{color: #575756; text-decoration: underline;}
.precio-cirugia-refractiva .promo .legal-text{padding: 0 10px;}
.pastilla-naranja{/*max-width: 375px;*/padding: 20px 0; margin: 0 auto;}
.pastilla-naranja-menu{max-width: 230px; margin:20px auto;}
.promo .mes {font-size: 25px;margin-bottom: 0;}
.legal-text-promo {font-size: 13px;}
.img-promo a img{width: 80%;}
@media(max-width:425px){
	.img-promo a img{padding: 0;width: 100%;}
}
.link-promo {font-size: 12px}
.img-promo h2{font-family: 'GothamBold', sans-serif;font-size: 40px;font-weight: bold;color: #2acae9; text-align: center;}
@media(max-width:767px){
	.img-promo{padding: 20px 0}

}
/* TRATAMIENTO QUE SE REALIZAN PAGE clinica oftamologica/gijon*/

.tratamientos-realizan li{font-family: 'Gotham-Book', sans-serif; font-weight: normal; font-size: 24px;}

@media(max-width:770px){
	.tratamientos-realizan h2{font-size: 24px;}
	.tratamientos-realizan li{ font-size: 16px; width:100%;}

}
/* CONOCENOS PAGE clinica oftamologica/gijon*/
.conocenos h2{ padding-top: 40px;font-weight: 700;}
.conocenos h2:nth-of-type(2){ padding-top: 0px;}




/*CONSULTA DR JULIO BAVIERA SLIDER*/

.modal-consulta-baviera textarea{width: 100%; resize: vertical; height: 150px;}

#consulta-dr-gracias .modal-content, #consulta-dr .modal-content{padding: 0;}

.modal-consulta-baviera .modal-content .modal-header{background: #004286; color: #fff; padding-left: 30px; padding-right: 30px; min-height: 50px;}
.modal-consulta-baviera .modal-content .modal-header .modal-title{font-size: 25px;}
.modal-consulta-baviera .modal-content .modal-header .close{margin-top: -5px; color: #fff; font-size: 30px; opacity: .5;margin-right: 0}
.modal-consulta-baviera .modal-content .modal-body{background-color:#edebe0; background-image: url(../imagenes/slider/popup-consulta-baviera.jpg); background-repeat: no-repeat; background-size: contain; background-position: bottom right; padding:30px;}
.modal-consulta-baviera .modal-content .modal-body p {color:#777 }
.modal-consulta-baviera .modal-content .modal-body form{width: 100%; max-width: 400px;color:#777 }
.modal-consulta-baviera .modal-content .modal-body form .enviar{background-color: #004286; color: #fff!important; width: 100%; padding:10px 0; text-decoration:none;}
.modal-consulta-baviera .modal-content .modal-body .mensaje-gracias{width: 100%; max-width: 400px; margin: 100px 0 100px 30px;}
.modal-consulta-baviera .modal-content .modal-body .mensaje-gracias p{font-size: 22px; margin-top: 30px; color: #004286;}
.modal-consulta-baviera .modal-content .modal-body a{text-decoration: underline;}

.aviso-legal-consulta h3{font-size: 30px;}


.modal-consulta-baviera.legal .modal-content .modal-body{background-image: none;}
.modal-consulta-baviera.legal .modal-content .modal-header .modal-title {font-size: 16px; }


/*MODALES RESTYLING*/
.modal-content .modal-header .modal-title {font-size: 24px}
.modal-header {border-bottom: none}
.modal .modal-dialog .modal-content {padding: 40px}
.modal .modal-body {font-size: 14px}
.modal-header .close{ margin-top: -30px; margin-right: -35px; opacity: 1}

.modal-call-footer .modal-dialog .modal-content{background:#004b93 }

/*MODALES VIDEO TESTIMONIO*/
@media (min-width: 850px){
  .modal .modal-dialog.video {max-width: 850px; margin: 20% auto 0;}
  .modal .modal-dialog.video .modal-content .modal-body iframe {width: 818px; height: 464px}

}
@media (min-width: 768px){
  .modal .modal-dialog.video {max-width: 600px; margin: 10% auto 0;}
  .modal .modal-dialog.video .modal-content .modal-body iframe {width: 600px; height: 400px}
  .modal .modal-dialog.video .modal-content {-webkit-box-shadow: none;box-shadow: none; border: none;}
}

.modal .modal-dialog.video .modal-content {background: transparent; padding: 0}
.modal .modal-dialog.video .modal-content .modal-header {min-height: 0; padding: 0}
.modal .modal-dialog.video .modal-content .modal-header .close {position: absolute;    right: 40px;    top: 4px;    z-index: 99;}
.modal .modal-dialog.video .modal-content .modal-body {padding: 0}
.modal .modal-dialog.video .modal-content .modal-body iframe {border-radius: 10px; width: 100%; height: 400px}


/*FILTRO*/
#filtro {position:fixed;left:0;top:0;width:100%;height:2000px;visibility:hidden;filter:alpha(opacity=70);opacity:.7;z-index:997;background-color:#000;display: none}


/*HOME FLAT PANELS */

.flat-panels.new .panel-body {padding:0 15px}


.flat-panels.new {	max-width:1170px;	margin-left:auto;	margin-right:auto;	margin-top:0;	overflow: hidden;	display: -webkit-box;
	display: -ms-flexbox;	display: flex;	-ms-flex-pack: distribute;
	justify-content: space-around;	-ms-flex-wrap: wrap;	flex-wrap: wrap;}

.flat-panels.new span{color: #011e3b}
.flat-panels.new .panel { border-radius:8px;	height:360px;	text-align:left; -ms-flex-preferred-size: 23%; flex-basis: 23%; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1;	margin:20px 10px 0; position: relative;  -webkit-box-shadow: -1px 3px 10px 0 #ccd2d8;  box-shadow: -1px 3px 10px 0 #ccd2d8;}
.flat-panels.new .panel:hover {cursor:pointer;}
.flat-panels.new .panel-heading {display:table;vertical-align:middle;width:100%; padding: 30px 15px 20px}

.flat-panels.new .panel h2 {font-family: 'GothamBold', sans-serif;font-size:24px;text-align:center;display:table-cell;vertical-align:middle; color: #011e3b;font-weight: 700;padding: 5px 0 10px}
.flat-panels.new h2 br {display: block;}
.flat-panels.new .panel p {	font-size:13px;text-align: center;}

.flat-panels.new .panel a {	color:#667889}
.flat-panels.new a:hover{text-decoration: none}
.flat-panels.new .panel-refractiva .pastilla-naranja{padding: 0;}


.flat-panels.new .panel a.outline-inward {position:absolute;text-decoration:none; color: #ffffff; background-color: #68bdee; padding:19px 0; margin: 0; font-size:18px;color:#fff;bottom:-1px;width: 101.5%;display:inline-block;text-align:center;left:-2px; right: 0;font-family: 'GothamBold', sans-serif; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px;}


.flat-panels.new .panel.panel-refractiva a.outline-inward {background-color: #68bdee;}
.flat-panels.new .panel.panel-presbicia a.outline-inward{background-color: #2f5a84;}
.flat-panels.new .panel.panel-cataratas a.outline-inward{background-color: #8ab0a1;}
.flat-panels.new .panel.panel-retina a.outline-inward{background-color: #e0b17f;}
.flat-panels.new .panel.panel-pediatrica a.outline-inward{background-color: #3f576d;}
.flat-panels.new .panel.panel-oculoplastia a.outline-inward{background-color: #7d8f9f;}
.flat-panels.new .panel.panel-glaucoma a.outline-inward{background-color: #617588;}
.flat-panels.new .panel.panel-otros a.outline-inward{background-color: #9dabb8;}


.flat-panels.new .panel-refractiva {background-color: #fff; border:2px solid #68bdee;}
.flat-panels.new .panel-presbicia {background-color: #fff; border:2px solid #2f5a84;	}
.flat-panels.new .panel-cataratas {background-color: #fff; border:2px solid #8ab0a1; }
.flat-panels.new .panel-retina {background-color: #fff; border:2px solid #e0b17f;}
.flat-panels.new .panel-pediatrica {background-color: #fff; border:2px solid #3f576d;}
.flat-panels.new .panel-oculoplastia {background-color: #fff; border:2px solid #7d8f9f;}
.flat-panels.new .panel-glaucoma {background-color: #fff; border:2px solid #617588;}
.flat-panels.new .panel-otros {background-color: #fff; border:2px solid #9dabb8;}
.flat-panels.new .panel-otros h2 span {font-size:25px}
.flat-panels.new .flat-panels p{text-align: left; color: #000000;}



/*efecto hover */
.flat-panels.new .panel:hover .panel-heading{color: #fff}
.flat-panels.new .panel:hover span{color: #fff}
.flat-panels.new .panel:hover a {color: #fff}
.flat-panels.new .panel:hover h2 {color: #fff}
.flat-panels.new .panel:hover a.outline-inward {width: 100%;left: 0;bottom: 1px}
.flat-panels.new .panel.panel-refractiva:hover {background:#68bdee; border: transparent;}
.flat-panels.new .panel.panel-refractiva:hover a.outline-inward {background: #469fd2;}
.flat-panels.new .panel.panel-presbicia:hover {background:#2f5a84; border: transparent;}
.flat-panels.new .panel.panel-presbicia:hover a.outline-inward {background: #1c3751;}
.flat-panels.new .panel.panel-cataratas:hover {background:#8ab0a1; border: transparent;}
.flat-panels.new .panel.panel-cataratas:hover a.outline-inward {background: #546c62;}
.flat-panels.new .panel.panel-retina:hover {background:#e0b07f; border: transparent;}
.flat-panels.new .panel.panel-retina:hover a.outline-inward {background: #a87d5b;}
.flat-panels.new .panel.panel-pediatrica:hover {background:#3f576d; border: transparent;}
.flat-panels.new .panel.panel-pediatrica:hover a.outline-inward {background: #1e3142;}
.flat-panels.new .panel.panel-glaucoma:hover {background:#617588; border: transparent;}
.flat-panels.new .panel.panel-glaucoma:hover a.outline-inward {background: #223d56;}
.flat-panels.new .panel.panel-oculoplastia:hover {background:#7d8f9f; border: transparent;}
.flat-panels.new .panel.panel-oculoplastia:hover a.outline-inward {background: #3f576d;}
.flat-panels.new .panel.panel-otros:hover {background:#9dabb8; border: transparent;}
.flat-panels.new .panel.panel-otros:hover a.outline-inward {background: #617588;}

/*HOME BUTTONS*/
.buttons-home {clear:both;margin:30px 0 35px}
.buttons-home a {color:#fff;width:100%; background-color:#004b93; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 15px; padding: 16px 25px; border-radius: 8px}

.buttons-home .text {color:#fff;text-align:left;width:100%;font-weight:600;     margin-left: 20px;}
.buttons-home .text h3 {font-size:18px;font-family:'GothamBold', sans-serif;margin:0; text-transform: none}





/*RESULTADOS TESTIMONIOS*/
/*
.testimonios h2{margin-bottom: 10px}
.testimonios h3{font-size:26px;font-weight:100;margin: 20px 0;text-transform: capitalize!important;letter-spacing: -1px}
.testimonios .btn-box .text{font-size: 19px}
.testimonios .btn-box{margin-bottom: 0}
.testimonios .item{padding: 0 30px;margin-bottom: 30px;border-right: 1px solid #fff;margin: 30px 0;position: relative;}
.testimonios .item:nth-child(3), .testimonios .item:nth-child(7),.testimonios .item:nth-child(11), .testimonios .item:nth-child(15), .testimonios .item:nth-child(19){border-right:none;}
.testimonios .item.line:after{content: '';border-bottom: 1px solid #fff;width: 100%;height: 1px;display: block;position: absolute;bottom: -30px;left: 15px}
.testimonios .item:nth-child(3):after, .testimonios .item:nth-child(6):after, .testimonios .item:nth-child(9):after{left: -30px!important}
.testimonios .item:nth-child(1):after, .testimonios .item:nth-child(4):after, .testimonios .item:nth-child(7):after{left: 30px!important}
.testimonios .item:last-child{border-right: none;}
.testimonios hr{margin-bottom: 5px;margin-top: 5px}
.testimonios .cont{width: 100%}
.testimonios .item{border-right: 1px solid #ddd;}
.testimonios .item .cont p.testimonio-text{text-align: center; font-style: italic; margin-top: 15px;}
#ver-testimonios{display: none;}
#ver-testimonios .item:nth-child(3), #ver-testimonios .item:nth-child(7),#ver-testimonios .item:nth-child(11), #ver-testimonios .item:nth-child(15), #ver-testimonios .item:nth-child(19){border-right:1px solid #fff;}
#ver-testimonios .item:nth-child(4), #ver-testimonios .item:nth-child(8),#ver-testimonios .item:nth-child(12), #ver-testimonios .item:nth-child(16), #ver-testimonios .item:nth-child(20), #ver-testimonios .item:nth-child(24){border-right:none;}
.btn-ver-testimonios{width: 130px;height: 130px;background: #004B93;color: transparent;border-radius: 50%;display: inline-block;padding-top: 40px;text-align: center;margin-top: 150px;cursor: pointer;-webkit-transition: all 0.1s ease-out;transition: all 0.1s ease-out}
.btn-ver-testimonios.btn-close img{display: none;}
.btn-ver-testimonios img{margin-top: -55px}
.btn-ver-testimonios.btn-close{color: #fff;}*/

/*TESTIMONIOS UPDATE*/
.testimonios-boxed .container {max-width: 900px;}
.testimonios-boxed .item { padding: 0 10px 15px;}
.testimonios-boxed .item a {display: -webkit-box;display: -ms-flexbox;display: flex;width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;border-radius: 6px;border: solid 1px #ccdbe9; background: #fff;   -webkit-box-shadow: -1px 3px 10px 0 #ccd2d8;   box-shadow: -1px 3px 10px 0 #ccd2d8;min-height: 405px; padding: 0 0 15px 0; position: relative;}
.testimonios-boxed .item a:after {content:"";position: absolute; top: 0; left: 0; width: 100%; height: 160px; background: url(../imagenes/play.png)center no-repeat rgba(0,0,0,0.3); background-size: 43px}
 .testimonios-boxed .item a>img {border-top-left-radius: 6px; border-top-right-radius: 6px}

.testimonios-boxed .item .quote {color:#011e3b; font-family: 'GothamBold', sans-serif; font-size: 16px; margin-bottom: 0 ; padding: 15px 25px 30px; min-height: 155px; }
.testimonios-boxed .item .name {font-size: 14px; color: #011e3b; text-align: right; font-family: 'Gotham-Medium', sans-serif; margin-bottom: 0; padding: 0 25px; -ms-flex-preferred-size: 100%; flex-basis: 100%}
.testimonios-boxed .item .profesion {font-size: 10px; color: #667889; text-align: right; font-family: 'Gotham-Book', sans-serif;margin-bottom: 0; padding: 0 25px ; -ms-flex-preferred-size: 100%; flex-basis: 100%}
.testimonios-boxed .item .operacion {font-size: 10px; color: #667889; text-align: right; font-family: 'Gotham-Medium', sans-serif;margin-bottom:0; padding: 0 25px ; -ms-flex-preferred-size: 100%; flex-basis: 100%}
.testimonios-boxed .slider-listado .item.slick-slide {width: 450px!important; padding: 0}
.testimonios-boxed .slider-listado .item a:after {content:"";position: absolute; top: 0; left: 0; width: 100%; height: 252px; background: url(../imagenes/play.png)center no-repeat rgba(0,0,0,0.3); background-size: 43px}
.testimonios-boxed .slider-listado .item .quote {font-size: 25px; padding: 35px 40px 30px}
.testimonios-boxed .slider-listado .item .name {font-size: 22px;margin-bottom: 5px}
.testimonios-boxed .slider-listado .item .profesion {font-size: 16px; margin-bottom: 5px}
.testimonios-boxed .slider-listado .item .operacion {font-size:16px; margin-bottom: 5px}
@media (max-width: 991px ){
	.testimonios-boxed .item a:after {height: 200px;}
	.testimonios-boxed .slider-listado .item a:after {height: 251px}
}

@media (max-width: 768px){
	.testimonios-boxed .slider-listado .item a:after {height: 167px;}

}
@media (max-width: 767px){
  .testimonios-boxed .item {padding: 0 35px 15px}
  .testimonios-boxed .item .quote {min-height: unset;}
  .testimonios-boxed .slider-listado .item .name, .testimonios-boxed .slider-listado .item .profesion, .testimonios-boxed .slider-listado .item .operacion{margin-bottom: 5px}
  .testimonios-boxed .slider-listado .item .quote {font-size: 16px; padding: 20px 20px 30px}
  .testimonios-boxed .slider-listado .item .name  {font-size: 14px}
  .testimonios-boxed .slider-listado .item .profesion, .testimonios-boxed .slider-listado .item .operacion {font-size: 10px}
  .testimonios-boxed .item a:after {height: 271px}

}
@media (max-width: 425px){
	.testimonios-boxed .item a:after {
		height: 200px
}
}
@media (max-width: 375px){
	.testimonios-boxed .item a:after {
		height: 172px
}
}
@media (max-width: 320px){
	.testimonios-boxed .item a:after {
		height: 142px
}
}


/*VARIAS*/
.link-download {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius:4px; border: 1px solid #ccdbe9;padding: 10px 30px 15px 35px; max-width: 785px; width: 100%; margin: 0 auto 15px;}
.link-download p {font-size: 18px; font-family: 'Gotham-Medium', sans-serif; color: #004b93; margin: 0}
.link-download .ico {width: 25px; height: 25px; background: url(../imagenes/iconos/download-blue.png) no-repeat; -ms-flex-negative: 0; flex-shrink: 0; margin-left: 15px;}
.link-download:hover {background:#004b93; border: 1px solid #004b93; }
.link-download:hover p {color: #fff}
.link-download:hover .ico {background: url(../imagenes/iconos/download-white.png) no-repeat;}

/* .hotels-list ul{padding-left: 0}
.hotels-list ul li{list-style: none;} */
/* .hotels-list ul li:not(.dialog){font-size: 16px} */
.hotels-list .col-left{border-right: 1px solid #777 }
.hotels-list.office .col-left{border-right: 1px solid #fff }
/* .hotels-list .col-left ul li>a{color: #777} */
/* .hotels-list .col-right ul li, .hotels-list ul li.dialog, .hotels-list .col-right ul li>a{color:#004683} */
.hotels-list .col-right{padding-left: 5%}
@media(max-width:1024px){
	.hotels-list .col-left h2 , .hotels-list .col-right h2{font-size:35px!important}

}


.ofertas-empleo hr{margin: 30px 0}

.col-icon .col-left{padding-right: 4%;}
.col-icon .col-right{padding-left: 4%}
.col-icon .btn-box{margin-bottom: 0;}

.comentarios .item .starrr i{font-size: 30px}

.social-big{overflow: hidden;padding-left: 0}
.social-big li{width: 50px;height: 50px;float: left;list-style: none;margin-right: 10px;margin-bottom: 10px}
.social-big .icon-social{width: 100%;height: 100%;}
.social-big .icon-social.tw{background-position:0 135px; }
.social-big .icon-social.fb{background-position:-53px 135px; }
.social-big .icon-social.yt{background-position:0 81px; }
.social-big .icon-social.gp{background-position:-104px 135px; }
.social-big .icon-social.int{background-position:-231px 81px; }



div.fb-page.fb_iframe_widget span>iframe{width: 100%; max-width: 300px;}
iframe#twitter-widget-0.twitter-timeline.twitter-timeline-rendered{min-height: 500px!important; height: 100%!important;}

.ver-mas-redes{padding: 0}

.entradas-blog img{margin-bottom: 15px}
.entradas-blog .btn-box .text{font-size: 18px}

.map-internacionales .list-bullet li{font-size: 22px;margin-bottom: 0;font-weight: 100; }

.tab-text .item p:first-child{font-size: 25px;font-weight: 100;line-height: 1.1}

.tab-price>p.title{background:#004286;margin-bottom: 0;padding: 10px }
.tab-price p.legal{line-height: 1}
.tab-price p.legal>small{font-size: 12px}

div.es p:after{content: ""; border-bottom: 1px solid #dedede; padding: 1rem 0; width: 100%; display: block;}
div.en p{ padding-top: 1rem; }
div.en-top:before{content: ""; border-bottom: 1px solid #dedede; padding: 2rem 0; width: 100%; display: block;}
div.en-top p{ padding-top: 1rem; }

div.border-bottom-white{border-bottom: 1px solid rgba(255,255,255,.7); }
div.border-bottom-white:last-of-type{border-bottom: 0; }
h4.big.color-dark{text-align: left; font-weight:400; margin-bottom: 0; padding:25px 0; margin: 0; position: relative; font-size: 20px;}

.img-responsive-movil{ margin-top: 0; margin-bottom: 1rem; }
.icon-responsive-movil{ margin-top: 0; margin-bottom: 2rem;}

a.btn-box.margin-top-xxs.btn-xs{margin-bottom: 0; margin-top: 10px;}
a.btn-box.btn-xs.btn-border{margin-bottom: 0; margin-top: 10px;}

p.nivel-caja{margin-bottom: 0px;}


/*swicht slider o listado*/
.switch-btns {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.switch-btns .icon {margin-right:15px}
.switch-btns .icon span{width: 40px; height: 40px; background:transparent; border: solid 2px #d79a5c; display: block; border-radius: 50%;  }
.switch-btns .icon-lista span {background: url('../imagenes/iconos/preview-two-retina.png')no-repeat left 5px center #fff }
.switch-btns .icon-slide span{background: url('../imagenes/iconos/preview-one-retina.png')no-repeat left 5px center #fff }

.switch-btns .icon-lista.active span{background: url('../imagenes/iconos/preview-two-white.png')no-repeat left 5px center #d79a5c }
.switch-btns .icon-slide.active span{background: url('../imagenes/iconos/preview-one-white.png')no-repeat left 5px center #d79a5c }

.switch-btns .icon-lista.refractiva span {background: url('../imagenes/iconos/preview-two-refractiva.png')no-repeat left 5px center #fff;border: solid 2px #5db4e5 }
.switch-btns .icon-slide.refractiva span{background: url('../imagenes/iconos/preview-one-refractiva.png')no-repeat left 6px center #fff;border: solid 2px #5db4e5 }

.switch-btns .icon-lista.refractiva.active span{background: url('../imagenes/iconos/preview-two-white.png')no-repeat left 5px center #5db4e5 }
.switch-btns .icon-slide.refractiva.active span{background: url('../imagenes/iconos/preview-one-white.png')no-repeat left 5px center #5db4e5 }
/*presbicia*/
.switch-btns .icon-lista.presbicia span {background: url('../imagenes/iconos/preview-two-presbicia.png')no-repeat left 5px center #fff;border: solid 2px #004b93 }
.switch-btns .icon-slide.presbicia span{background: url('../imagenes/iconos/preview-one-presbicia.png')no-repeat left 6px center #fff;border: solid 2px #004b93 }

.switch-btns .icon-lista.presbicia.active span{background: url('../imagenes/iconos/preview-two-white.png')no-repeat left 5px center #004b93 }
.switch-btns .icon-slide.presbicia.active span{background: url('../imagenes/iconos/preview-one-white.png')no-repeat left 5px center #004b93 }

/*cataratas*/
.switch-btns .icon-lista.cataratas span {background: url('../imagenes/iconos/preview-two-cataratas.png')no-repeat left 5px center #fff;border: solid 2px #8ab0a1; }
.switch-btns .icon-slide.cataratas span{background: url('../imagenes/iconos/preview-one-cataratas.png')no-repeat left 6px center #fff;border: solid 2px #8ab0a1; }

.switch-btns .icon-lista.cataratas.active span{background: url('../imagenes/iconos/preview-two-white.png')no-repeat left 5px center #8ab0a1; }
.switch-btns .icon-slide.cataratas.active span{background: url('../imagenes/iconos/preview-one-white.png')no-repeat left 5px center #8ab0a1; }

/* tramientos*/

.switch-btns .icon-lista.tratamientos span {background: url('../imagenes/iconos/preview-two-tratamientos.png')no-repeat left 5px center #fff;border: solid 2px #667889; }
.switch-btns .icon-slide.tratamientos span{background: url('../imagenes/iconos/preview-one-tratamientos.png')no-repeat left 6px center #fff;border: solid 2px #667889; }

.switch-btns .icon-lista.tratamientos.active span{background: url('../imagenes/iconos/preview-two-white.png')no-repeat left 5px center #667889; }
.switch-btns .icon-slide.tratamientos.active span{background: url('../imagenes/iconos/preview-one-white.png')no-repeat left 5px center #667889; }




/* REFRACTIVA*/
.dialog {margin: 70px 0 90px}
.dialog img {position: relative; left: -15px}
.dialog p{font-size: 24px;line-height: 1.3;}
.dialog .dialog-autor{margin-top: 30px}
.dialog .dialog-autor span:first-of-type {font-size: 18px}
.dialog .dialog-autor span{display: block;font-size: 14px;margin-top: 5px}

/* OFTALMOLOGIA PEDIATRICA */

.ped-img{float: left; margin-top:23px; margin-right: 10px;}
.slider-text.otros-tratamientos .ped-img.big {margin-bottom: 15px;}
.of-ped-fondo{background-color: rgba(255,255,255,.5); margin-top: 55px; padding: 15px;}
.ped-list{list-style-image: url("../imagenes/otros-tratamientos/oftalmologia-pediatrica/punto.jpg");}
.ped-list li{margin: 15px 0px;}
.ped-h4{font-size: 24px; margin-bottom: 20px;}
.ped-borde{border-right: solid 1px #fff;}/* Margen derecho */
.ped-fila{min-height: 400px;}
.pediatrica-item-foto {max-height: 285px; overflow: hidden;}
.pediatrica-item-foto img{-o-object-fit: cover;object-fit: cover;}
.slider-ped-fondo h1 {margin-bottom: 0;}
.slider-ped-fondo p {padding-top: 0!important}


/*OTRAS PATOLOGIAS OCULARES INFANTILES*/
.upper-patologia-inf{font-size: 36px;}
.pad-inf-img{float: left;margin-top: 44px;margin-right: 10px;max-height: 70px;margin-left: 14px;}
.blue-bullet {color:#385d90;}
.blue-bullet span{color:#575756;}





/*RESPONSABILIDAD SOCIAL*/
.slider-rsc .box-icon img{height: 100px; margin-top: 40px;}
.proyectos-rsc.box{padding:45px 0;}
.proyectos-rsc.box.bg-blue{padding:45px 0 130px;}
.proyectos-rsc .title {position: relative;margin: 0 0 45px 0; font-size:30px;}
.proyectos-rsc .title:after {content: ""; border-bottom: 2px solid; position: absolute; bottom: -22px; left: 2px; height: 20px; width: 50px;}
.proyectos-rsc .title.full {width: 100%;}

.proyectos-rsc .btn-box {background-color: transparent; margin: 20px 0 0;}
.proyectos-rsc .btn-box .text {text-transform: none; display: inline-block;}
.proyectos-rsc .btn-box a {background-color: #004b93; padding: 15px 10px;}
.proyectos-rsc .btn-box:hover .text{margin-left: 0;}
.proyectos-rsc .carousel.slide{padding: 0; overflow: hidden;}

.proyectos-rsc .carousel-control.right, .proyectos-rsc .carousel-control.left{background-image: none; opacity: 1; }
.proyectos-rsc .carousel-control.right img { margin: 0 auto; height: 50px; position: absolute; top: 43%; right: 0; }
.proyectos-rsc .carousel-control.left img {-webkit-transform: rotate(180deg);transform: rotate(180deg);height: 50px;position: absolute; top: 43%; left: 0; }


/*************COOKIES****************/
.cookies-box{	background: #004b93; position: fixed;bottom: 0; width: 100%; z-index: 2147483647;border-top-left-radius: 12px;    border-top-right-radius: 12px;padding: 30px 0}
.cookies-box>div{ display: -webkit-box; display: -ms-flexbox; display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
.cookies-box .top{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;
  -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start;margin-bottom: 10px;}
.cookies-box h2{	color: #FFFFFF !important; font-size: 24px; margin: 0; font-family: 'Gotham-Medium', sans-serif;   }
.cookies-box .text{  color: #fff}
.cookies-box .text p{	font-size: 16px;}
.cookies-box .text a{	color: #fff; font-size: 16px}
	@media(max-width:425px){
		.cookies-box .text a{	color: #fff; font-size: 14px}
	}
.cookies-box .text span {font-family: 'Gotham-Medium', sans-serif}
.cierre-cookies{ color: #6693be;font-size: 24px;font-weight: 700; line-height: 0; margin-top: -5px; padding: 0       }

/*esto estaba en la home, ojo con esta tabla :(  */
th, td{
  border: 1px solid black;
  padding: 10px;
}

/*******************MEDIA QUERIES***********************/


/*@media (max-width: 1650px){
	.boton_cerrar{
		margin-top:0px;
	}
}*/

@media (max-width: 1024px) and (max-height: 1366px ) {
	.proyectos-rsc #carousel-example-generic {margin-top:35px}
	.proyectos-rsc #carousel-example-generic2 {margin-top:30px}
	.proyectos-rsc #carousel-example-generic3 {margin-top:45px}
	.proyectos-rsc #carousel-example-generic4 {margin-top:110px}
	.proyectos-rsc .imagenA {margin-top:45px; }

}



@media(max-width: 998px ){
	.proyectos-rsc .carousel-control.right img {right: 20px;}
	.proyectos-rsc .carousel-control.left img { left: 20px;}
	.proyectos-rsc.box.bg-blue{padding:45px 0 90px;}
	.pediatrica-item-foto {max-height: initial; overflow:initial ;}
	.boton_cerrar{margin-top: 0px;margin-bottom: 15px;}

}

@media (max-width: 800px){
	.proyectos-rsc .btn-box .text {font-size: 20px;}
}
@media (max-width: 767px){
	.proyectos-rsc .carousel-control.right img {height: 30px; top: 45%; right: 10px;}
	.proyectos-rsc .carousel-control.left img { height: 30px; top: 45%;  left: 10px;}
	.proyectos-rsc .btn-box .text {font-size: 16px}
	.proyectos-rsc .btn-box a {padding: 10px;     display: block;}
	.proyectos-rsc .title {width: 100%;}
	.proyectos-rsc.box.bg-blue{padding:45px 0 80px;}
	.cookies-box {padding:15px 10px}

	.cookies-box .text p{margin:0px 0px 5px 0px; }



}



/*ASEGURADORAS*/

div.col-sm-12.col-sm-offset-1{margin-left: 0}
div.col-sm-12.col-sm-offset-1 table.text-center{width: 100%;}
div.col-sm-12.col-sm-offset-1 table.text-center tbody tr td{    float: left; width: 20%; margin: 10px 0; border:none;}

/*RETINA*/

.retina-section .clinicMap ul li a {background: #d79a5c }
.retina-section .clinicMap ul li a:before{background: rgba(215, 154, 92, 0.2)}
.panel-button {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.panel-button a {-ms-flex-preferred-size: 49%;flex-basis: 49%;background:#fff;font-size:16px;padding: 20px ;color: #004b93; margin: 0 0 10px; text-align: center;border-radius: 4px;  border: solid 1px #d79a5c;}
.panel-button a:hover {background: #fdf3eb; border:1px solid #f18a3a; color: #f18a3a;}
.panel-line {border-bottom:1px #ababab solid;padding:3% 0;position:relative}
.panel-line .btn03 {position:inherit}
.panel-grey-1 {background:#ededed;padding:4%}
.panel-grey-2 {background:gray;padding:4%}

/*OTROS TRATAMIENTOS*/
div.col-lg-3.col-md-4.item{border-right: 1px solid #eee; padding: 0 40px;}
div.col-lg-3.col-md-4.item:nth-of-type(4), div.col-lg-3.col-md-4.item:nth-of-type(7){border-right: 0; padding: 0 40px;}
div.col-lg-3.col-md-4.item p{color: #575756;}
div.col-lg-3.col-md-4.item p.sub-title.color-blue{font-size: 24px;}
div.col-lg-3.col-md-4.item p.sub-title.color-blue>span{bottom:-14px; font-size: 15px;}
body.glaucoma p.sub-title.color-blue{font-size: 28px; margin: 0 auto; max-width: 700px; margin-top: 30px;}
.h3-patinf{font-size: 27px;font-family:"Open Sans", sans-serif;text-transform: none;margin-top: 20px;margin-bottom: 20px;position: relative;
    top: -1rem;}
.h2-patinf{font-size:45px;}
.pat-inf{list-style-image:url(../imagenes/otros-tratamientos/patologias-inf/punto.png);}

/* CLINICAS*/

/* .slider-clinica .slider-text{padding-left: 30%;} */
.info-clinica{min-height: 184px; border-bottom: 1px solid lightgray;}
.info-clinica ul{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-top: 60px; min-height: 100px; list-style: none; }
.info-clinica .box-gerente{margin-bottom: 20px;flex-basis: 18%}
.info-clinica .datos-clinica{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;justify-content: flex-start; align-items: flex-start;flex-basis: 82%;}
.info-clinica li{font-family:"Gotham-Medium", sans-serif;color:#004b93; line-height: 1.38; font-weight: bold;/* max-width: 210px;*/margin: 30px 0 0 0; flex-shrink: 0}
.info-clinica li, .info-clinica li p, .info-clinica li span {font-size: 14px}
.info-clinica .gerente,
.info-clinica .direccion,
.info-clinica .phone,
.info-clinica .horario,
.info-clinica .info-datos-gestor{position: relative; padding: 0 15px 15px 0}
.info-clinica .direccion{flex-basis: 23%}
.info-clinica .phone{flex-basis: 30%}
.info-clinica .horario {flex-basis: 22%}
.info-clinica .info-datos-gestor{flex-basis: 25%}



.info-clinica li img{position:absolute; top: -34px}
/*.info-clinica li.gerente{margin-right: 40px;}*/
.info-clinica li.gerente img{top: -173px}

.info-clinica .phone span:last-child{font-size: 14px;}
/*.info-clinica .datos-clinica .horario{padding-left: 20px;}*/
@media (min-width: 1200px){
	.info-clinica .info-datos-gestor{ padding: 0 0 15px  0}
}

@media(max-width:768px){
	.info-clinica{border:none;}
	.info-clinica ul{padding: 0px;}
	.info-clinica li{margin: 15px 0; font-size: 16px;}
	.info-clinica .box-gerente{border: 1px solid lightgray;padding: 30px 0;
		 margin-bottom: 50px; flex-basis: 100%}
		 .info-clinica .direccion,
.info-clinica .phone,
.info-clinica .horario,
.info-clinica .info-datos-gestor {flex-basis: 100%;width: 100%;}
	.info-clinica .box-gerente .gerente{ margin: 0 auto;}
	.info-clinica .box-gerente .gerente img{position: initial;margin: 0 auto;}
	.info-clinica .box-gerente .gerente span{text-align: center;}
	.info-clinica .box-gerente .gerente span:nth-of-type(1){font-family: 'Gotham-Medium', sans-serif;}

	.info-clinica .datos-clinica{border: 1px solid lightgray;padding: 10px 0 10px;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column; flex-basis: 100%}
	.info-clinica .datos-clinica li{max-width:100%}
	.info-clinica .datos-clinica li img{top: -10px;left: 20px;     max-width: 25px;}
	.info-clinica .datos-clinica li span{padding-left: 20%;}
	.info-clinica .datos-clinica .direccion span:nth-of-type(2){color:#64a8b6}
	.info-clinica .datos-clinica .horario{padding-left: unset;}
	.info-clinica .datos-clinica .horario span:nth-of-type(3){font-family: 'Gotham-Book', sans-serif;}
}
@media(max-width:425px){
	.info-clinica li{font-size:14px}
}
@media(max-width:320px){
	.info-clinica ul{padding: 0 10px;}
	.info-clinica .datos-clinica li img{top: -7px;left: 15px;}
	/* .info-clinica ul span{font-size: 15px} */

}

/* CUADRO MEDICO*/
/* .cuadro-medico{ padding: 50px 0;} */
.cuadro-medico .item{    padding-right: 20px;    margin-bottom: 60px; position: relative;/*min-width: 480px*/}

.cuadro-medico .item .box-medico{display: -webkit-box;display: -ms-flexbox;display: flex; border-radius: 4px; border: 1px solid #ccdbe9;-webkit-box-shadow: -1px 3px 10px 0 #ccd2d8;box-shadow: -1px 3px 10px 0 #ccd2d8;/* min-height: 180px;*/ background: #fff}
.cuadro-medico .item .box-medico:after{content:"";position: absolute;bottom	: -14px; right:10px;width:40px; height: 40px; background: url(../imagenes/iconos/document.png) no-repeat center center white; border-radius: 50%; border:2px solid #004b93;padding: 4px;}
.cuadro-medico .item .box-medico:hover:after{ background: url(../imagenes/iconos/document-white.png) no-repeat center center #004b93;}
.cuadro-medico .item .box-medico .datos-medico__img{-ms-flex-preferred-size: 36%;flex-basis: 36%; -ms-flex-negative: 0; flex-shrink: 0}
.cuadro-medico .item .box-medico .text{padding: 13px 30px 0; -ms-flex-preferred-size: 65%; flex-basis: 65%;}
.cuadro-medico .item .box-medico .text p {font-size: 12px}
.cuadro-medico .item .box-medico .text .nombre-doctor{font-size: 16px; font-weight: bold;color: #667889; margin-bottom: 15px;}
.cuadro-medico.retina .item .box-medico{border: 1px solid #d79a5c;  /*min-height: 175px;*/ }
.cuadro-medico.retina .item .box-medico:after{background: url(../imagenes/iconos/document-retina.png) no-repeat center center #fff; border:2px solid #d79a5c;}
.cuadro-medico.retina .item .box-medico:hover:after{background: url(../imagenes/iconos/document-white.png) no-repeat center center #d79a5c;}

.cuadro-medico.tratamientos .item .box-medico{border: 1px solid #667889;}
.cuadro-medico.tratamientos .item .box-medico:after{background: url(../imagenes/iconos/document-tratamientos.png) no-repeat center center #fff; border:2px solid #667889;}
.cuadro-medico.tratmientos .item .box-medico:hover:after{background: url(../imagenes/iconos/document-white.png) no-repeat center center #667889;}




@media(max-width:768px){

	.cuadro-medico .subtitle{margin-bottom:40px; line-height: 1.63;}
	.cuadro-medico .item{padding: 0 30px; max-width: 350px;margin: 0 auto 40px;}
	.cuadro-medico .item .box-medico{-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
	.cuadro-medico .item .box-medico:after{bottom: -18px;right:12px}
	.cuadro-medico .item .text{text-align: center;padding: 25px 30px 0;}
	.cuadro-medico .item .box-medico .datos-medico__img img{display: block; margin:	0 auto;width:100%}

}




/*xxxxxxxxxxxxDUDA A BORRAR

.info-clinica .col-left span{font-size: 20px;color: #222;line-height: 1.1}
.info-clinica .col-right .box-info{width: 100%;border: 1px solid #004286;overflow: hidden;margin-bottom: 15px}
.info-clinica .col-right .box-info.phone{font-size: 35px;padding: 10px 30px 10px 50px;}

.info-clinica .col-right .box-info.map{font-size: 17px;line-height: 1.2;padding: 20px 0px 10px 27px;}
.info-clinica .col-right .box-info img{margin-right: 20px;}
.info-clinica .col-right .horario{display: table;}
.info-clinica .col-right .horario span{display: table-cell;vertical-align: middle; padding: 0 5px;font-size: 17px}
.info-clinica .col-right .datos>p:first-child{font-size: 22px}

.info-clinica .especial{border:3px solid #004286; padding: 30px 20px; margin:10px 15px;}
.info-clinica .especial>p{padding-left: 30px; margin-bottom: 5px; color: #8c8787}
.info-clinica .especial>p.estrella{background:url(../imagenes/ico-estrella.png)no-repeat top 1px left 5px; background-size: 2.5%}
.info-clinica .especial>p:first-child {font-size: 22px; padding-left: 0}

/*xxxxxxxxxxxxxxxxxxxxxxxxxxx*/






/* INFORMACION SOBRE EL CV DE DOCTOR/DOCTORA*/

.box-info-medico.clinicas{margin-top: 80px;}
@media(max-width:768px){
	.info-general-medico{padding: 0 16px 88px 16px;}
}
@media(max-width:425px){
	.box-info-medico.clinicas{margin-top: 60px;}
	.info-general-medico{padding: 0 16px 52px 16px;}
}

.info-medico p.title { position: relative;}
.info-medico p.title span{font-size: 18px; font-weight: 800;line-height: 1.33;letter-spacing: normal; margin-left: 30px;}
@media(max-width:320px){
	.info-medico p.title span{font-size: 16px; }
}

.info-medico p img{position: absolute;top: -6px;left: 0px;}

.info-medico ul.list-icon li{font-family: 'Gotham-Book', sans-serif;font-size: 16px;font-weight: 100;line-height: 1.38;color: #004b93; list-style: initial;margin-left:10px; padding-left: 0;}
.info-medico ul.list-icon .especialidad span {color:#2acae9;font-weight: 800}

.info-medico ul.list-icon li.title {font-size: 18px;font-weight: 800;line-height: 1.33;letter-spacing: normal; position: relative;}


.info-medico ul.list-icon li.title img{position: absolute; top: -8px; left: 20px;}
.info-medico ul.list-icon .lugares{list-style: none;}
.info-medico ul.list-icon .lugares a span{font-family: 'Gotham-Book', sans-serif	;font-size: 16px;font-weight: 800; color:#2acae9;line-height: 1.38; }
.info-medico ul.list-icon .star{position: relative; list-style: none;}
.info-medico ul.list-icon .star:after{content: ""; position: absolute;top :6px; left:-20px; background: url(../imagenes/iconos/ico-star-turquoise.png) no-repeat; width:15px; height: 15px;}


@media(max-width:760px){

	.box-info-medico.clinicas{margin-top: 60px;}
	.info-medico{padding:16px;}
	.box-info-medico.clinicas .info-medico .list-icon{padding-left: 20px;}
	.info-medico p img{position: absolute;top: -2px;}
}

/* END INFORMACION SOBRE EL CV DE DOCTOR/DOCTORA*/

/*DUDA A BORRAR*/
/* .listado-medicos .slider-text h1>span.text-xs.colegiado{font-size: 16px;margin-top: 10px;}
.listado-medicos.nueva .slider-medico .slider-text{padding-top: 85px;}
.cv-medico article{margin: 20px 0;}
.cv-medico article div{margin-bottom: 20px;}
.cv-medico article p.title{font-size: 20px; font-weight: 600;}
.cv-medico article img, .cv-medico article pp:not(.star){display: inline-block; vertical-align: bottom; margin: 0;}
.cv-medico article ul{padding-left: 72px;}
.cv-medico article li{list-style: none; position: relative; margin-bottom: 15px;}
.cv-medico article li:not(.no__bullet):before{content: ""; position: absolute; top: 6px; left: -16px; width: 9px; height: 9px; background-image: url(../imagenes/medicos/li-dot.png); background-size: cover; background-repeat: no-repeat;}
.cv-medico article li.ico-star:before{content: ""; position: absolute; top: 2px; left: -21px; width: 18px; height: 16px; background-image: url(../imagenes/medicos/icon-star.png); background-size: cover; background-repeat: no-repeat;}
.cv-medico p:not(.star){/*font-size: 20px; font-weight: 100;line-height: 1.2; display: inline-block; margin-bottom: 0;}
.listado-medicos:not(.nueva) .cv-medico p:not(.star){font-size: 20px; font-weight: 100; display: block; margin-bottom: 10px;}
.cv-medico p.star{margin-bottom: 0;}
.cv-medico p>span{font-size: 22px}
.cv-medico .info-doc p{text-align: left;}
div.info-doc>p>strong{font-weight: 300!important; color:#004286;}
div.cv-info>p>strong{font-weight: 300!important; color:#fff;} */
/*END DUDA A BORRAR*/

.box-map{padding: 0;position: relative;margin:0;}
.box-map .bg-triangle{background: url(../imagenes/clinicas/bg-triangle.png)no-repeat top left;width: 100%;position: absolute;top: 0;left: 0;height: 110px;z-index: 998;background-size: cover}
#map_canvas{z-index: 0;padding-bottom: 500px;height: 379px;width: 100%}
@media(max-width:768px){
	#map_canvas{height: 700px}
}
#form-mapa{width: 22%;background: #fff;position: absolute;top: 14%;left: 19%;padding:40px 32px 20px; border-radius:4px}
#form-mapa .title{font-size: 28px;text-align: center;}
#form-mapa .form-control, #form-mapa .btn{padding: 9px 10px}
#form-mapa .section-title{font-size: 24px!important;}

.visita-virtual{padding-bottom: 70px;}
.visita-virtual .embed-responsive-16by9{height: 360px;}

section.slider-fotos-clinicas{padding: 0;}
.carousel-clinicas{width: 100%; height: auto; }
.carousel-clinicas .carousel-custom{ height: 448px; margin: 0 auto; width: auto }
.carousel-clinicas .carousel-custom .carousel-control{ background-image: none; }
.carousel-clinicas .carousel-custom .carousel-inner .item img{height: 448px; width: auto; margin: 0 auto;}



/**SLIDER LISTADO*/
.slider-listado .slick-arrow {position: absolute; top: 0; left: 0; width: 100px; height: 65%; background: url(../imagenes/iconos/arrow-left-black.png)no-repeat center center transparent; background-size: 40%;z-index: 1000;}
.slider-listado .slick-arrow.slick-next { left:unset;background: url(../imagenes/iconos/arrow-right-black.png)no-repeat center center transparent; right: 0;  background-size: 40%;z-index: 1000;  }
.slider-listado .item.slick-slide {-webkit-transform: scale(0.7)  translate(640px);transform: scale(0.7)  translate(640px); /* width: 425px!important; */ width: 482px!important;opacity: 0; -webkit-transition: -webkit-transform 0.4s; transition: -webkit-transform 0.4s; transition: transform 0.4s; transition: transform 0.4s, -webkit-transform 0.4s;}
.slider-listado .item.slick-slide.slick-center + .slick-slide {-webkit-transform: scale(0.8) translate(-300px);transform: scale(0.8) translate(-300px); z-index: 10;}
.slider-listado .item.slick-slide.slick-center + .slick-slide + .item.slick-slide {-webkit-transform: scale(0.7)  translate(-640px);transform: scale(0.7)  translate(-640px); z-index: 5;}
.slider-listado .item.slick-slide.slick-active {-webkit-transform: scale(0.8) translate(300px);transform: scale(0.8) translate(300px);  opacity: 0.5;}
.slider-listado .item.slick-slide.slick-center {-webkit-transform: scale(1);transform: scale(1);
  z-index: 30;opacity: 1; }


@media(max-width:768px){


  .slider-listado .item.slick-slide {max-width: 300px}
  .slider-listado .item.slick-slide.slick-active {-webkit-transform: scale(0.8) translate(150px);transform: scale(0.8) translate(150px)}
  .slider-listado .item.slick-slide.slick-center + .slick-slide {-webkit-transform: scale(0.8) translate(-150px);transform: scale(0.8) translate(-150px)}
  .slider-listado .item.slick-slide.slick-center {-webkit-transform: translate(0);transform: translate(0);}
  .slider-listado .slick-arrow {height: 80%;}
}
@media (max-width: 767px){
  .slider-listado .slick-dots {display: -webkit-box;display: -ms-flexbox;display: flex;list-style: none; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 10px ;width: 100%;}
  .slider-listado .slick-dots li button{background: #f7dfcc; width: 6px;height: 6px; border-radius: 50%; margin:0 4px 0 0; color: transparent; line-height: 0;padding: 6px; border: none; outline: none}
  .slider-listado .slick-dots .slick-active button {background:#d79a5c }

  .refractiva .slider-listado .slick-dots li button {background:#e7f4fb;}
  .refractiva .slider-listado .slick-dots .slick-active button{background: #68bdee }

  .tratamientos .slider-listado .slick-dots li button{background: #667889;}
  .tratamientos .slider-listado .slick-dots .slick-active button{background:#6678894a}

}






/*PAGE PREGUNTAS FRECUENTES*/
.buscador-preguntas-frecuentes{padding: 3rem 0 4rem;}
.buscador-preguntas-frecuentes form{width: 100%; text-align:center;}
.buscador-preguntas-frecuentes form input{width: 100%;max-width: 784px;height:48px; border-radius:4px; border: 1px solid #ccdbe9;padding:10px;color:#011e3b;background: url(../imagenes/iconos/search.png)no-repeat top 10px right 19px;}
.buscador-preguntas-frecuentes form input::-webkit-input-placeholder { color:#011e3b; }
.buscador-preguntas-frecuentes form input:-moz-placeholder { /* Firefox 18- */ color:#011e3b; }
.buscador-preguntas-frecuentes form input::-moz-placeholder { /* Firefox 19+ */ color:#011e3b; }
.buscador-preguntas-frecuentes form input:-ms-input-placeholder { color:#011e3b; }



	/******************FAQS*******************/
.box.faqs .box-preguntas-frecuentes{max-width: 748px;    margin: 0 auto;}
.box-preguntas-frecuentes{margin: 2rem 0; }
.box.faqs .box-preguntas-frecuentes h4{font-size: 18px; font-family: 'Gotham-Medium', sans-serif;     color: #011e3b;}
.box.faqs .box-preguntas-frecuentes h4 a{color: #011e3b;}
.box.faqs .box-preguntas-frecuentes h4 a .icon-collapse{top: -3px; left:15px}



.faqs .panel-group .panel, .faqs .panel-default>.panel-heading+.panel-collapse>.panel-body{border: none}
.faqs .panel-default>.panel-heading+.panel-collapse>.panel-body{font-size: 16px;text-align: left;padding-left:68px}
.faqs .panel-group .panel-heading{border: none;background: #fff}
.faqs .panel-title{position: relative;text-align: left;padding: 0px 0 11px 50px;}
.faqs .panel-title>a{padding-right: 15%;text-decoration: none;display: inline-block;}
/* .faqs .panel-title>a>span{position: absolute;top: 10px;right: 0;-webkit-transform: rotate(-90deg);transform: rotate(-90deg);-webkit-transform: -webkit-rotate(-90deg);transform: -webkit-rotate(-90deg);-webkit-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;} */
.faqs .panel-group .panel-heading.actives .panel-title>a>span{-webkit-transform: rotate(0);transform: rotate(0);-webkit-transform: -webkit-rotate(0);transform: -webkit-rotate(0)}

@media(max-width:425px){
	.faqs .panel-group .panel-heading{    padding: 5px 15px;}
	.panel.panel-default .panel-body{padding-top:0px}
	.buscador-preguntas-frecuentes{padding: 3rem 0 2rem;}
	.box.faqs .box-preguntas-frecuentes h4{font-size: 16px; }
	.box.faqs .box-preguntas-frecuentes h4 a .icon-collapse{top: -4px; left:-18px}
}






/*PAGE PRECIO-FINACIACION*/


.box-precio-financiacion,.servicios-incluyen-tarifas {padding: 8rem 0 3rem;}

.box-servicios-incluyen{max-width: 584px; border-radius: 6px; border: 1px solid #ccdbe9; border-top:none; margin: 4rem auto 6rem;}
	@media(max-width:425px){
		.box-servicios-incluyen{ margin: 4rem auto 2rem;}
	}

.box-servicios-incluyen>div{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;background: #004b93; padding: 20px 34px; max-width: 584px;border-top-left-radius: 6px;border-top-right-radius: 6px;}
.precio-financiacion-operacion-cataratas .box-servicios-incluyen>div{background: #546c62;}

.box-servicios-incluyen ul{list-style: none; padding: 20px 34px;}
.box-servicios-incluyen ul li{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;margin:10px 0; font-size: 14px}
.servicios-incluyen-tarifas .box-servicios-incluyen  li img{ border-radius: 50%;background: #004b93; padding: 5px;}
/* solo para cataratas*/
	.precio-financiacion-operacion-cataratas .servicios-incluyen-tarifas .box-servicios-incluyen  li img{ background: #546c62;}


@media(max-width:425px){
	.box-precio-financiacion,.servicios-incluyen-tarifas {padding: 1rem 0;}
	.box-servicios-incluyen>div{    padding: 20px 15px;}
	.box-servicios-incluyen>div>p span:nth-of-type(2){padding-top:8px ;}
	.box-servicios-incluyen ul{padding: 20px 10px;}
	.box-servicios-incluyen ul li{font-size: 13px;}
}



.box-text-financiacion{border-radius: 12px; padding: 40px; margin-top: 50px;}

.inner-meses-financiacion {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap;    max-width: 405px; margin: 50px 0 0 auto;}
.inner-meses-financiacion .item-meses{-ms-flex-preferred-size: 32%;flex-basis: 32%; margin: 0 0 5px 0}

.btns-functions{display: block; width: 100%;}
.btns-functions a{border-radius: 4px; margin: 5px 0 }


.inner-meses-financiacion .item-meses a {width: 100%; padding:12px 25px; font-family: 'Gotham-Medium', sans-serif; color: #6693be; background: #fff; border: 1px solid #ccdbe9;     display: inline-block;
text-align: center; border-radius: 4px}

.inner-meses-financiacion .item-meses a:hover, .inner-meses-financiacion .item-meses a:active { background:#004b93; color: #fff; border: 1px solid transparent}
.inner-meses-financiacion .resultado-cuotas {-ms-flex-preferred-size: 100%;flex-basis: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: center;padding: 40px 35px; border:1px solid #ccdbe9; border-radius: 4px}
.inner-meses-financiacion .resultado-cuotas>p, .inner-meses-financiacion .resultado-cuotas>strong {-ms-flex-preferred-size: 50%;flex-basis: 50%;}
.inner-meses-financiacion .resultado-cuotas>p {font-size: 16px;color: #6693be; font-family: 'Gotham-Medium', sans-serif; line-height: 16px; margin:0 0 25px 0}
.inner-meses-financiacion .resultado-cuotas>strong {font-size: 24px; color: #004b93; margin:0 0 25px 0; line-height: 16px}
.inner-meses-financiacion>p:last-of-type {-ms-flex-preferred-size: 100%;flex-basis: 100%; font-size: 13px; padding: 20px 0 20px 35px}
.inner-meses-financiacion>p:last-of-type img {margin-right: 5px}

/* cambios de estilo en las calculadoras segun el tratamiento*/
	/* cataratas*/
	.calculadora-cataratas .inner-meses-financiacion .item-meses a{ color: #546c62;
		border: 1px solid #546c62;}
	.calculadora-cataratas .inner-meses-financiacion .item-meses a:hover, .calculadora-cataratas .inner-meses-financiacion .item-meses a:active  { background: #546c62; color: #fff; border: 1px solid transparent}
	.calculadora-cataratas .inner-meses-financiacion .resultado-cuotas{border:1px solid #8ab0a1;margin-top:5px}
	.calculadora-cataratas .inner-meses-financiacion .resultado-cuotas>p{color:#546c62;}
	.calculadora-cataratas .inner-meses-financiacion .resultado-cuotas>strong{color:#546c62;}


/*calculadora*/
/*.box-calculadora{position:relative;}
.box-calculadora small{position:absolute;top:-20px;text-align:center;width:100%;display:block}
.calculadora{background:#f2f2f2;width:100%;height:460px;border-radius:20px;border:2px solid #999;border-width:0 4px 4px 0;width:320px}
.calculadora .cabecera{background:#fff;min-height:150px;border-radius:20px 20px 0 0;width:100%;border:18px solid #555;display:table}
.calculadora .cabecera .pantalla{display:table-cell;font-size:68px;vertical-align:middle;font-weight:300;text-align:right;padding-right:10px}
.calculadora .cabecera .pantalla sub{font-size:20px;letter-spacing:-2px}
.calculadora .cuerpo{padding:20px 35px 20px 30px}
.calculadora .cuerpo a.btn-tecla{background: #62626c;padding: 12px;width: 70px;height: 70px;display: block;color: #fff;border-radius: 0;margin: 0 auto 10px; padding-top: 13%; font-size: 37px;font-weight: 300;}
.calculadora .cuerpo a.btn-tecla:hover, .calculadora.multi-functions .cuerpo a.btn-tecla:hover{text-decoration:none;background:#999}
.calculadora .cuerpo a.submit-tecla{min-width:200px;display:inline-block;margin:10px auto 0;height:60px;border-radius:0;color:#fff;font-size:30px;text-transform:uppercase;padding-top:2%;font-weight:300;line-height:50px;background:#e0ad6c;text-align: center;font-size: 20px;width: 102%;text-decoration: none}
.calculadora .cuerpo a.submit-tecla:hover{text-decoration:none;background:#999}
.operazione .box-blue{background:#f0f8fd;padding:25px 20px}
.operazione .box-blue h3{margin-bottom:25px;text-align:center}
.operazione .box-blue p{min-height:110px}
.operazione .box-blue .btn{font-size:18px;padding:15px 20px;display:block;max-width:250px;margin:0 auto;line-height:1}
.box-prezzo {margin:0;margin-top:10px;background:#fff;width:100%;padding:5px 0}
.box-prezzo span{font-size:11px}
.box-prezzo span.euro{font-size:40px}
.operazione .box-blue span.title{display:block;margin-top:15px;color:#333}
.calculadora .btns-functions .btn{margin-bottom: 10px;padding:10px;}
.calculadora.multi-functions{height: 505px}
.calculadora.multi-functions .cuerpo a.submit-tecla{margin: 0 auto;}
.calculadora.multi-functions .cuerpo a.submit-tecla, .calculadora .cuerpo a.submit-tecla{margin: 0 auto;  margin-left: 4px;}
.calculadora.multi-functions .cuerpo a.btn-tecla{background: #62626c;width: 65px;height: 65px;display: block;color: #fff;border-radius: 0;margin: 0 auto 10px;padding-top: 8%;font-size: 35px;font-weight: 300;text-align: center;}

.info-cuotas .precio{font-size:35px;font-weight: 100;margin-top: -15px}
.info-cuotas .precio span{margin-top: -15px}
.info-cuotas .item{padding-bottom: 20px;min-height: 230px}
.info-cuotas .icon-title{margin-top: 20px;font-size: 25px;font-weight: 100}

span.break{display: block; font-size: 17px; }
.info-cuotas .precio span.break{margin-top: -7px;}


 .row-calculadora{margin-top: 17px;}
 .calculadora.refractiva .cuerpo a.btn-tecla{margin-bottom: 5px;}
 .calculadora.refractiva .meses-calculadora-btn a.submit-tecla.btn-bg-dark{ margin-top: 18px; }
 .meses-calculadora{margin:0; padding: 0;}
 .meses-calculadora-btn-group{padding-left: 5px; padding-right: 33px}
 .meses-calculadora-btn{padding: 0;}
 .meses-calculadora-btn a.submit-tecla.btn-bg-dark{max-width: 217px; }
*/



/*comparador*/
.left-box,.right-box{text-align:center}
.comparador .row{padding-top:20px}
.comparador .item{font-size:50px;font-weight:300;height:85px;position:relative}
.comparador .item span, .tab-price .price span{font-size:20px}
.comparador .item{padding-top:0}
.comparador .item .price, .tab-price .price{font-size: 55px;font-weight: 300}
.comparador .item-table{padding-top: 30px;padding-left: 30px}
.comparador .item p,.comparador .item-table p{text-align: center;}
.comparador .item p.cambia{font-size: 34px;padding-top: 15px}
span.icon-check{display:inline-block;background:url(../imagenes/icon-check.png)no-repeat left;width:50px;height:31px;vertical-align:middle}
.comparador span.glyphicon-remove{margin:0 15px 0 0}
.comparador .item-table{text-align:left;font-size:21px;font-weight:300;height:95px;position:relative}
.comparador .item-table:first-child{margin-top: 30px}
.comparador .item-table span.icon-check{position: absolute;left: 0}
.comparador .line{border-top:1px solid #fff}
.comparador .right-box .item-table{text-align:center}
.comparador .prmod {font-size:80%;color:#68BBEC;font-weight:600;padding-left:10px}
.comparador .input-precio input.form-control{width:200px;color:#777;border:none;margin:0 auto;text-align:center;height: 55px }
.comparador .input-precio .form-control::-webkit-input-placeholder{color:#68bbec}
.comparador .input-precio .form-control:-moz-placeholder{color:#68bbec;opacity:1}
.comparador .input-precio .form-control::-moz-placeholder{color:#68bbec;opacity:1}
.comparador .input-precio .form-control:-ms-input-placeholder{color:#68bbec}
.comparador .input-precio .form-control:focus::-webkit-input-placeholder{opacity:1}
.comparador .input-precio .form-control:focus:-moz-placeholder{opacity:1}
.comparador .input-precio .form-control:focus::-moz-placeholder{opacity:1}
.comparador .input-precio .form-control:focus:-ms-input-placeholder{opacity:1}
.input-precio {width:45%;margin:10px 30% 0}
.input-precio:focus {width:40%}
p.input-precio {margin:0 40% 0 0}
.comparador #comparador_precio {font-weight:100;padding:0!important;float:left;width:88%}
.comparador .euro_symbol{font-size:24px;width:12%;background-color:#fff;color:#004f93;	padding:5px 0;height: 55px;line-height: 50px;font-weight: 100}
.comparador .euro_symbol, .comparador .texto_promo {text-align:center;float:right}
.comparador .popover{left:0;right:0;margin:0 auto;top:100%;display:block}
.comparador .precio span{font-size:50px}
.comparador .popover .input-precio{width:46%}
.comparador .popover input{height:30px;padding:5px 10px!important;font-size:16px!important;margin-bottom:0!important}
.comparador .popover .euro_symbol{padding:6px 0 !important;height: 30px;line-height: 16px;}
.comparador .btn{color:#fff;width:46%;margin:0 2% 15px;float:left;background:#999}
.comparador .popover .btn{margin:10px 5px 10px 0}
.comparador .btn:hover{background:#68BBEC}
.comparador .alert-danger {font-size:14px!important;padding:10px 5px}
.comparador .alert-danger span {display:block;font-weight:600}
.box-comparador{margin-bottom: 0}
#formComparadorPrecios .item:not(.line){padding-top: 0}


/*NUESTROS MEDICOS*/
/*.busca .sub-title{font-size: 26px;line-height: 1.2;margin-top: 30px}*/
/*.busca .select-mapa{}*/
.busca {padding: 30px 0; margin-top: 25px;}
	@media (max-height:500px){
		.busca{margin-top: 0px;}
	}
@media(max-width:425px){
	.busca {padding: 0px 0 40px 0;margin-top: 0px;}
	.select-mapa{padding-top:30px}
}
.busca .box-select{border: solid 1px #ccdbe9;width: 100%;height: auto;margin-bottom: 10px;padding:11px 20px;outline: 0; font-size: 16px; -webkit-appearance: none;-webkit-appearance: none;-moz-appearance: none;color: #004b93; background: url(../imagenes/iconos/arrow-down-navy.png)no-repeat right 12px center #fff; border-radius: 4px; font-family: 'Gotham-Medium', sans-serif;margin: 35px 0 0; }

.busca .box-select>p{font-family: 'Gotham-Medium', sans-serif;color: #004b93; margin: 0}

/* .busca p {color: #667889} */

.busca .box-select.active {border: 1px solid #004b93;background-image: url(../imagenes/iconos/arrow-up-navy.png);background-position: right 12px center;background-repeat: no-repeat;}

.buscador-clinicas {background: #fff;z-index: 9999;max-height: 450px; overflow-y: auto; width: 100%; /*max-width: 360px;*/max-width: 92%;height: 100%;padding: 20px 0;border-radius: 4px;    border: solid 1px #004b93;-webkit-box-sizing: border-box;box-sizing: border-box; border-top: none;border-top-right-radius: 0; border-top-left-radius: 0; position: absolute;   display: none;}
@media(max-width:768px){
	.buscador-clinicas{max-width:96%}
}
@media(max-width:425px){
	.buscador-clinicas{max-width:86%}
}
/* @media(max-width:375px){
	@media(max-width:84px)
} */

@media(max-width:320px){
	.buscador-clinicas{max-width: 262px}
}
.buscador-clinicas::-webkit-scrollbar-track{ -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3);    border-radius: 10px;    background-color: #F5F5F5;}
.buscador-clinicas::-webkit-scrollbar{    width: 6px;    background-color: #F5F5F5;}
.buscador-clinicas::-webkit-scrollbar-thumb{    border-radius: 10px;-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,.3);box-shadow: inset 0 0 3px rgba(0,0,0,.3);    background-color: #F5F5F5;}

.buscador-clinicas.active {display: block;}
.buscador-clinicas .filtro {width: 100%; padding:0 15px;}
.buscador-clinicas input {font-size: 14px;
    color: #667889;
    width: 100%;
    border: 1px solid #ccdbe9;
    height: 48px;
    background: url(../imagenes/iconos/search-blue-grey.png)no-repeat center left 10px transparent;
    padding: 15px 0 15px 35px;  border-radius: 4px
     }

.buscador-clinicas-resultados{ color: #4c6175;font-family: 'Gotham-Book', sans-serif; font-size: 16px; background: #fff; margin: 10px 0}
.buscador-clinicas-resultados p {padding: 5px 0 5px 45px; width: 100%;}
@media(max-width:425px){
	.buscador-clinicas-resultados p{padding: 5px 0 5px 5px;}
}
.buscador-clinicas-resultados p:hover {background: #fce8d8}
.buscador-clinicas-resultados .provincia {font-family: 'Gotham-Medium', sans-serif; color: #1a344e; padding: 5px 0 5px 20px;width: 100%;}


/*mapa-clinicas*/
.clinicMap {position:relative;height:439px;margin:0 auto;display:table}
.clinicMap ul li {position:absolute;list-style: none;cursor: pointer;}
.clinicMap ul li .circle-orange:before{opacity: 0;content: '';width: 10px;height: 10px;background-color:rgba(104, 189, 238, 0.2);border-radius: 50%;position: absolute;top: 0;left: 0; -webkit-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;}
.clinicMap ul li a {background:#68bdee;width:9px;height:9px;display:block;z-index: 996;position: relative;border-radius: 50%;}
.clinicMap ul li a:before {content: "";width: 15px;height: 15px;background: rgba(104, 189, 238, 0.2);top: -3px; left: -3px; border-radius: 50%; position: absolute;}
.clinicMap ul li a:hover ~ .data {opacity: 1;z-index: 997}
.clinicMap ul li a:hover{z-index: 999}
.clinicMap ul li a:hover + .circle-orange:before{opacity: 1; -webkit-transform: scale(4); transform: scale(4);z-index: 998}
/*coordernadas*/
.clinicMap ul li.coruna {top:28px;left:30px}
.clinicMap ul li.vigo {top:86px;left:23px}
.clinicMap ul li.lugo {top:47px;left:65px}
.clinicMap ul li.gijon {top:17px;left:143px}
.clinicMap ul li.bilbao {top:26px;left:257px}
.clinicMap ul li.bilbao2 {top:32px;left:262px}
.clinicMap ul li.azpeitia {top:50px;left:285px}
.clinicMap ul li.sebastian {top:40px;left:288px}
.clinicMap ul li.san-sebastian {top:31px;left:286px}
.clinicMap ul li.irun{top: 29px;left: 303px;}
.clinicMap ul li.oviedo{top: 27px;left: 136px;}


.clinicMap ul li.araba {top:52px;left:265px}
.clinicMap ul li.valladolid {top:130px;left:177px}
.clinicMap ul li.palencia {top:99px;left:194px}
.clinicMap ul li.burgos {top:82px;left:230px}
.clinicMap ul li.logrono {top:85px;left:282px}
.clinicMap ul li.pamplona {top:66px;left:301px}
.clinicMap ul li.huesca {top:101px;left:374px}
.clinicMap ul li.zaragoza {top:126px;left:334px}
.clinicMap ul li.madrid {top:184px;left:224px}
.clinicMap ul li.madrid2 {top:185px;left:215px}
.clinicMap ul li.alcobendas {top:176px;left:227px}
.clinicMap ul li.alcala {top:187px;left:237px}
.clinicMap ul li.mostoles {top:194px;left:217px}
.clinicMap ul li.getafe {top:200px;left:236px}
.clinicMap ul li.talavera {top:216px;left:190px}
.clinicMap ul li.ciudadreal {top:271px;left:223px}
.clinicMap ul li.albacete {top:278px;left:301px}
.clinicMap ul li.cordoba {top:326px;left:187px}
.clinicMap ul li.sevilla {top:356px;left:136px}
.clinicMap ul li.sevilla2 {top:356px;left:145px}
.clinicMap ul li.huelva {top:360px;left:85px}
.clinicMap ul li.malaga {top:398px;left:185px}
.clinicMap ul li.murcia {top:326px;left:335px}
.clinicMap ul li.alicante {top:308px;left:357px}
.clinicMap ul li.denia {top:279px;left:388px}
.clinicMap ul li.valencia {top:255px;left:366px}
.clinicMap ul li.valencia2 {top:247px;left:366px}
.clinicMap ul li.valencia3 {top:237px;left:366px}
.clinicMap ul li.valencia4 {top:250px;left:357px}
.clinicMap ul li.requena {top:242px;left:344px}
.clinicMap ul li.torrent {top:249px;left:347px}
.clinicMap ul li.ontiyet {top:272px;	left:355px}
.clinicMap ul li.algemesi{ top:270px; left:369px}
.clinicMap ul li.castellon {top:200px;left:394px}
.clinicMap ul li.tarragona {top:149px;left:436px}
.clinicMap ul li.reus {top:146px;left:426px}
.clinicMap ul li.barcelona {top:144px;	left:456px}
.clinicMap ul li.barcelona2 {top:142px;	left:466px}
.clinicMap ul li.badalona {top:133px;	left:477px}
.clinicMap ul li.mataro {top:127px;left:487px}
.clinicMap ul li.sabadell {top:110px;left:462px}
.clinicMap ul li.hospitalet {top:122px;left:451px}
.clinicMap ul li.girona {top:102px;left:495px}
.clinicMap ul li.palma {top:233px;left:492px}
.clinicMap ul li.elche {left:352px;top:316px}
.clinicMap ul li.gandia {   top:262px;   left:373px;}
.clinicMap ul li.fuengirola {top:399px;left:170px}

.box-mapa .data {position:absolute;left:-160px;top:-3px;padding:25px;color:#FFF;width: 330px;background-color:rgba(23,65,129,0.8);-webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; -webkit-transition-delay: 0.3s;transition-delay: 0.3s;opacity: 0;z-index: 995}
.box-mapa .vigo .data, .box-mapa .coruna .data, .box-mapa .lugo .data{left:0px}
.box-mapa .data a {margin:0 0 5px;line-height:1;background:0 0!important;color:#FFF;font-size:28px;height:auto!important;width:auto!important;margin-bottom: 15px;font-weight: 100;}
.box-mapa .data p {font-size:14px;margin:0; color: #fff}


.clinicMap.barcelona ul li.barcelona {top:323px;left:157px}
.clinicMap.barcelona ul li.barcelona2 {top:279px;left:221px}
.clinicMap.barcelona ul li.mataro {	top:228px;	left:280px}
.clinicMap.barcelona ul li.sabadell {top:187px;left:177px}
.clinicMap.barcelona ul li.hospitalet {top:243px;left:122px}
.clinicMap.alicante ul li.alicante {top:77%;left:58%}
.clinicMap.alicante ul li.denia {top:69%;left:84%}
.clinicMap.bilbao ul li.bilbao {top:35px;left:178px}
.clinicMap.bilbao ul li.bilbao2 {top:52px;left:195px}
.clinicMap.madrid ul li.madrid {top:163px;left:143px}
.clinicMap.madrid ul li.madrid2 {top:197px;left:133px}
.clinicMap.madrid ul li.alcobendas {top:131px;left:165px}
.clinicMap.madrid ul li.alcala {top:166px;left:188px}
.clinicMap.madrid ul li.mostoles {top:219px;left:179px}
.clinicMap.madrid ul li.getafe {top:207px;left:151px}
.clinicMap.sevilla ul li.sevilla {top:200px;left:146px}
.clinicMap.sevilla ul li.sevilla2 {top:200px;left:176px}
.clinicMap.tarragona ul li.tarragona {top:236px;left:143px}
.clinicMap.tarragona ul li.reus {top:148px;left:228px}
.clinicMap.valencia ul li.valencia {top:210px;left:222px}
.clinicMap.valencia ul li.valencia2 {top:246px;left:230px}
.clinicMap.valencia ul li.requena {top:205px;left:134px}
.clinicMap.valencia ul li.torrent {top:235px;	left:143px}
.clinicMap.valencia ul li.ontiyet {top:295px;left:187px}
.clinicMap ul li.ventas {top:193px; left:225px;}
#divMapaProvinciaMovil {display:none}
.clinicMap.international ul li a {background:url(../imagenes/point3.png) no-repeat;width:14px;	height:14px;display:block}
.clinicMap.international ul li.madrid {top:187px;left:217px}
.clinicMap.international ul li.barcelona {top:128px;left:456px}
.clinicMap.international ul li.castellon {left:373px;top:200px}
.clinicMap.international ul li.valencia {top:246px;left:353px}
.clinicMap.international ul li.alicante {top:302px;left:348px}
.clinicMap.international ul li.sevilla {top:311px;left:166px}
.clinicMap.international ul li.malaga {top:392px;left:170px}
.clinicMap.international ul li.palma {top:227px;left:490px}


/*RAZONES HOME*/
.razones-inner {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; width: 100%; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.razones-inner .item-razon {-ms-flex-preferred-size: 20%;flex-basis: 20%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.razones-inner .item-razon p{font-family: 'Gotham-Medium', sans-serif; font-size: 16px; text-align: center; color: #667889; padding: 0 10px; }
.razones-inner .item-razon.btn {-ms-flex-preferred-size: 100%;flex-basis: 100%; margin: 40px 0}
.razones-inner .item-razon.btn a {width: 100%; max-width: 330px;}

/*seccion DR baviera HOME*/
.consulta-dr-home .text{padding: 90px 0 0;     color: #667889;
    line-height: 1.5; }
.consulta-dr-home .text .section-title {margin: 0 0 40px;}
.consulta-dr-home .text .btn {margin: 30px 0}

/*aseguradoras home*/
.aseguradoras-home p {font-size: 18px; color: #667889}
.aseguradoras-home a {width: 100%; max-width: 330px; margin: 30px auto; display: block;}





/*BOX SHAPES*/
/* .box-shapes.box{margin-bottom: 0} */
/* .box-shapes .item{width: 100%;overflow: hidden;  border-radius: 4px;  box-shadow: -1px 3px 10px 0 #ccd2d8;} */
.box-shapes .item{width: 100%;overflow: hidden;  border-radius: 4px;  -webkit-box-shadow: -1px 3px 10px 0 #ccd2d8;  box-shadow: -1px 3px 10px 0 #ccd2d8; margin-bottom:30px}

.box-shapes .text{position: relative;font-size: 16px;color: #555653;background: #fff; width: 100%;}
.box-shapes .text .inner{padding:40px 40px; color: #667889}
.box-shapes .bg-shape .title{font-size: 24px;    line-height: 28px; padding: 15px 0 15px 30px;    display: inline-block;}
.box-shapes .text .inner p{font-size: 16px}



.box-shapes .bg-shape.bg-vistazo.presbicia{background-color:#68bdee }
.box-shapes .bg-shape.bg-vistazo.cataratas{background-color:#8ab0a1 }
.box-shapes .bg-shape.bg-vistazo.refractiva{background-color:#68bdee }
.box-shapes .bg-shape.bg-vistazo.retina{background-color:#d79a5c }


.box-shapes .bg-shape.bg-sabias{background-color:#004b93 }
.box-shapes .bg-shape.bg-preguntas{background-color:#7d8f9f }
.box-shapes .bg-shape.bg-vistazo.cataratas .title { left: 0;    background: url(../imagenes/sprite/sprite-icons.png) top left no-repeat;   background-size: 5515px 1983px;  background-position: -4360px -133px;    width: 100%;    min-height: 200px;    padding-top: 57%;    padding-left: 20px;  }
.box-shapes .bg-shape.bg-vistazo.presbicia .title { left: 0;    background: url(../imagenes/sprite/sprite-icons.png) top left no-repeat;   background-size: 5515px 1983px;  background-position: -4360px -133px;    width: 100%;    min-height: 200px;    padding-top: 57%;    padding-left: 20px;  }


.box-shapes .panel-group{margin-bottom: 0;padding: 20px 0px 40px 0}
.box-shapes.unit .panel-group{margin-bottom: 0;padding: 10px 0px 10px 0}
/* .box-shapes .panel-group .panel{border:none;-webkit-box-shadow: none;box-shadow: none;border-radius: 4px; box-shadow: -1px 3px 10px 0 #ccd2d8;margin-bottom: 30px;} */
.box-shapes .panel-group .panel{border:none;-webkit-box-shadow: none;box-shadow: none;}

.box-shapes .panel-default>.panel-heading{background: none;border:none;padding-left: 70px;position: relative;}
.box-shapes .panel-default>.panel-heading+.panel-collapse>.panel-body{border-top: none;padding-left: 122px}
.box-shapes .panel-title{font-size: 18px;text-transform: none; color: #011e3b; font-family: 'Gotham-Medium', sans-serif;}
.box-shapes .panel-body { font-size: 16px; color: #667889 }

.icon-collapse{background: url(../imagenes/iconos/arrow-right-black-40.png)no-repeat transparent; width: 25px;height: 25px;display: inline-block;background-size: 24px;vertical-align: middle;margin-right: 15px; -webkit-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out; position: absolute; top: 8px; left: 36px;}



.box-shapes .item.aparato-lagrimal .panel-group,
.box-shapes .item.queratitis-ulcera-corneal .panel-group {padding: 10px 0px 10px 0;}


.icon-collapse.black-40{
	background: url(../imagenes/iconos/arrow-right-black-40.png)no-repeat transparent;
}
a.inactive.collapsed span.icon-collapse{transform: rotate(0);-webkit-transform: rotate(0);}
a.inactive span.icon-collapse{transform: rotate(90deg);-webkit-transform: rotate(90deg); }

/* accordion update*/
.desplegable-general.panel-group .panel{
	border-radius: 4px;
  	border: solid 1px #ccdbe9;
  	-webkit-box-shadow: -1px 3px 10px 0 #ccd2d8;
  	        box-shadow: -1px 3px 10px 0 #ccd2d8;
  	background-color: #fff;
}
.desplegable-general .panel-default>.panel-heading {
    background: none;
    border: none;
    padding: 15px 0 20px 70px;
    position: relative;
}
.desplegable-general .panel-title {
    font-size: 18px;
    text-transform: none;
    color: #011e3b;
    font-family: 'Gotham-Medium', sans-serif;
    text-align: left;
}
.desplegable-general .panel-title .icon-collapse {
	top: 13px;
}
.desplegable-general .panel-title .icon-collapse{
	background: url(../imagenes/iconos/arrow-right-black-40.png)no-repeat transparent;
}
.desplegable-general .panel-title:hover .icon-collapse {
	background: url(../imagenes/iconos/arrow-right-navy.png)no-repeat transparent;

}


.desplegable-general .panel-default>.panel-heading+.panel-collapse>.panel-body {border-top: none; padding: 10px 25px 20px 70px}




/*FOOTER*/
#footer{width: 100%;float: left;overflow: hidden;position:relative;color: #004b93; background: #e5edf4}


.menu-footer{padding: 30px 0;border-bottom: 1px solid #ccdbe9}

.nav-footer.ventajas{border-right: none;}
.nav-footer h3{font-size: 15px;margin-bottom: 10px; font-family: 'GothamBold', sans-serif; text-transform: none}

.nav-footer ul{padding-left: 0}
.nav-footer ul li{list-style: none; margin-bottom: 5px}
.nav-footer ul li a{font-size: 14px}
.nav-footer ul li a:hover {font-family:'GothamBold', sans-serif }
.nav-right-footer, .link-footer{text-align: right;}
.link-footer{margin: 2% 0; padding: 0}
.link-footer p{text-align: left;}
.link-footer a {font-size: 13px; color: #6693be; margin-left: 15px}
.nav-right-footer a{font-size: 14px;display: block; color: #2acae9; font-family: 'Gotham-Medium', sans-serif;}
.nav-right-footer form{display: none;}

/* ACTUALIZACION DE FOOTER JULIO 2020 */
.menu-footer .panel-group{margin-bottom: 0;}
.menu-footer .panel-group .panel{box-shadow: none;}
.menu-footer .panel-group .panel{border: none;background: none;}
.menu-footer .panel-heading a[role=button]{cursor: none}
.menu-footer .panel-default>.panel-heading{color: inherit;background: none;padding: 0;border: none;}
.menu-footer .panel-default>.panel-heading+.panel-collapse>.panel-body{border-top: 0;padding: 0;}


.textos-revisados{padding: 20px 0; padding-left: 20px;}
.textos-revisados p{ font-size: 13px;}
.textos-revisados a{margin-left:0px ;}
.segundo-nivel{padding-left: 30px!important;}
.segundo-nivel li{list-style: circle!important;}




/*---------------- ------------ box sociedades-footer ---------------- ------------*/
.box-sociedades-footer{display:flex; justify-content: flex-start; }
.box-sociedades-footer div{margin-right: 40px; flex-basis: 22%;}
.box-sociedades-footer div:nth-of-type(2) {flex-basis: 17%}
.box-sociedades-footer div a{margin-left: 0;}
.box-sociedades-footer div:last-child{margin: 0;}
.opciones-verificadas{position: relative;}
.opciones-verificadas:before{content:""; background: url(../imagenes/logo-opciones-verficadas.png)no-repeat;width:60px;height: 55px; position: absolute;top: -20px;left: 20px;}


@media (max-width:1200px){
	.box-sociedades-footer{justify-content: space-around;flex-wrap: wrap;}
	.text-legales-footer{display: flex;justify-content: center;}
	.opciones-verificadas:before{top: -20px;left: -22px;}
}
@media (max-width:768px){
	.text-legales-footer{flex-direction: column; align-items: centers;}
	
}
@media(max-width:767px){
	.textos-revisados{margin-bottom: 70px;}
	.menu-footer .panel-title{padding: 15px 0; position: relative; padding-right: 10px;}
	.menu-footer .ico-mobile{background: url(../imagenes/flecha_btn_blue.png)no-repeat;
	width: 30px;height: 30px;background-size: 30px;display: inline-block;position: absolute;
	top: 14px;right: 0px;}
	.menu-footer .ico-mobile.ico-rotate{ transform: rotate(90deg);}

}
@media (max-width:500px){
	.box-sociedades-footer {margin: 0 0 25px;}
	.text-legales-footer p{flex-direction: column;display: flex; text-align: center;}
	.opciones-verificadas:before{left: 0px;}
	
}
@media (max-width:425px){
	.box-sociedades-footer {margin: 0 0 15px;}
	.box-sociedades-footer div, .box-sociedades-footer div:nth-of-type(2){margin-right: 10px; flex-basis: 30%}

}
@media (max-width:375px){
	.opciones-verificadas{font-size: 16px!important;
		padding-left: 30px;}
	.opciones-verificadas:before{left: 13px;}
}
@media (max-width:320px){
		.opciones-verificadas:before{left: -16px;}
}


.nav-social {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-item-align: center; align-self: center;}
.social-footer{background:#ededed }
.social-footer ul.social{margin-top: 15px;padding-left: 0}
.social-footer ul.social li{display: inline-block;}
.social-footer ul.social li a{display: inline-block;padding: 11px}
.mobile-footer{padding:17px 30px;position: fixed;bottom: 0;left: 0;right: 0; background: #e5edf4;z-index: 9999;}
.mobile-footer>div {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}


/*INFOGRAF�A JUNIO 2017 - Miopía*/

#modal-infografia-6 .modal-header {min-height: 0; padding: 0; border-bottom: 0; background-color:#fef7d9; }
#modal-infografia-6 .modal-body{    overflow: hidden; width: 100%;}
#modal-infografia-6 .modal-body , #modal-infografia-6 .modal-content{padding: 0;}
#modal-infografia-6 .modal .modal-dialog .modal-content {padding: 0;}
#modal-infografia-6 .modal-header .close {margin-right: 10px;}

.blue-infografia{color: #0b305f;}
.light-blue-infografia{color: #55c6ca;}
.crema{color:#fef7d9;}

.franja.azul{background-image: url(../imagenes/infografias/promo-junio-2017/fondo-azul-oscuro.png); background-size: cover;}
.franja.celeste{background-image: url(../imagenes/infografias/promo-junio-2017/fondo-azul-claro.png); background-size: cover;}
.rectangulo-infografia{background-image: url(../imagenes/infografias/promo-junio-2017/rectangulo.png); background-size: cover; background-repeat: no-repeat;}

.infografia-miopia{height: 900px; overflow: auto; width: 102%;}
.infografia-miopia h2{font-family: 'Gravitas One', cursive; text-align: center; font-size: 26px;  padding-left: 86px; padding-right: 86px;}
.infografia-miopia  h2.light-blue-infografia{padding-left: 0; padding-right: 0; margin-top: 60px;}
.infografia-miopia ul{float: left; padding-left: 12px;}
.infografia-miopia ul li {list-style: none; font-size: 11px;}
.logo-clinica-xs{display: none;}

.margin-sides{margin-right: 59px; margin-left: 59px;}
.texto-infografia{font-family: 'Open Sans', sans-serif;}
.texto-infografia-xs{display: none;}
.mapa-infografia{max-width: 250px; float: left; width: 100%;}
.porcentaje-provincias{padding-top: 35px;}
.porcentaje-destacado{font-family: 'Gravitas One', cursive; float: left; font-size: 60px; padding-top: 16px;}
.personajes-infografia{float: right; max-width: 379px; margin-top: 30px; width: 100%;}

.social-infografia{position: fixed; top: 20px; right: 3px; z-index: 1000;background: rgba(255,255,255,.8);}
.social-infografia div a, .social-infografia div p{float: left; padding:5px;}
.social-infografia img{max-width: 25px}
.social-infografia div p{padding-top: 10px; padding-right: 10px;}
.personajes-infografia.xs img{display: none;}


.bloque1 .personajes-infografia{float: right; max-width: 443px; width: 100%;}

.infografia-miopia .bloque2 .margin-sides, .infografia-miopia .bloque4 .margin-sides{padding: 60px 20px; margin-right: 20px; height: 250px;}
.bloque2 .texto-infografia, .bloque4 .texto-infografia{max-width: 260px; float: left; padding-left: 20px; padding-top: 33px; text-align: left; font-size: 13px;}
.bloque2 img, .bloque4 img{float: right; max-width: 236px; width: 100%}

.bloque3 div{float: left; padding-bottom: 45px;}
.bloque3 div img{max-width: 350px; width: 100%}
.bloque3 div:first-of-type img{max-width: 270px;}
.bloque3 div:nth-of-type(2n+2){float: right;}
.bloque3 div:nth-of-type(2n+2) img{padding-top: 29px;}
.bloque3 h2.light-blue-infografia{margin-top: 0;}

.infografia-miopia .bloque4 img{max-width: 173px; margin-top: 12px; margin-right: 50px;}

.bloque5 h2{margin-top: 0;}
.bloque5 div img{ max-width: 270px; padding:25px; float: left;}
.bloque5 div div p{float: right; text-align: center;}
.bloque5 div div p:first-of-type{margin-bottom: 0; margin-right: 45px; font-size: 50px;}
.bloque5 div div p:last-of-type{max-width: 299px; margin-top: -8px;}


/*.bloque6{width: 98%}*/
.bloque6 div.rectangulo-infografia:first-of-type{float: left; max-width: 374px; height: 220px; margin-left: 15px;}
.bloque6 div div .porcentaje-destacado{float: none; margin-top: 17px;}
.bloque6 div div:first-of-type p.texto-infografia{padding: 0 45px 11px 43px; margin-top: -11px;}
.bloque6 div div:last-of-type{float: right; max-width: 374px; height: 220px; margin-right: 15px;}
.bloque6 div div:last-of-type p.texto-infografia{padding: 0 56px 11px 61px;}
.bloque6 div div:last-of-type p.porcentaje-destacado{font-size: 50px; margin-top: 20px;}

.bloque7{background-color:#fef7d9;}
.bloque7 h2.light-blue-infografia, .bloque8 h2.light-blue-infografia{padding:0 130px; margin-top: 0;}
.bloque7 img{ padding:0 28px; }
.bloque7 img:last-of-type{display: none;}

.bloque8 img:first-of-type{float: left;max-height: 350px; margin-left: 28px;}
.bloque8 img:nth-of-type(4n+2){float: right; max-width: 405px; margin: 41px 28px 0 0;}
.bloque8 img:nth-of-type(4n+3), .bloque8 img:nth-of-type(4n+4){display: none;}



/*INFOGRAF�A ASTIGMATISMO EN ESPAÑA*/
#modal-infografia-7 .modal-header {min-height: 0; padding: 0; border-bottom: 0; background-color:#fef7d9; }
#modal-infografia-7 .modal-body{    overflow: hidden; width: 100%;}
#modal-infografia-7 .modal-body , #modal-infografia-7 .modal-content{padding: 0;}
#modal-infografia-7 .modal .modal-dialog .modal-content {padding: 0;}
#modal-infografia-7 .modal-header .close {margin-right: 10px;}
.infografia-astigmatismo{height: 900px; overflow: auto; width: 103%;}
.infografia-astigmatismo h2{font-family: 'Gravitas One', cursive; text-align: center; font-size: 26px;  padding-left: 86px; padding-right: 86px;}
.infografia-astigmatismo  h2.light-blue-infografia{padding-left: 0; padding-right: 0; margin-top: 60px;}
.infografia-astigmatismo h3{font-family: 'Gravitas One', cursive; text-align: center; font-size: 14px;  text-align: center; text-transform: initial;}
.infografia-astigmatismo ul{float: left; padding-left: 12px;}
.infografia-astigmatismo ul li {list-style: none; font-size: 11px;}
.logo-clinica-xs{display: none;}
/*Bloque 1*/
.infografia-astigmatismo .bloque1{ display: block; margin-top: 50px; }
.infografia-astigmatismo .mapa-infografia .mapa-bloque1-xs{display: none;}
.infografia-astigmatismo .mapa-infografia{min-height: 450px; max-width: 100%; margin-bottom: -120px; background-image: url(../imagenes/infografias/estudio-astigmatismo-espana/mapa-espana.png); background-position: 160px 0; background-repeat: no-repeat; background-size: 76%;}
.infografia-astigmatismo .porcentajes-1{ background-image: url(../imagenes/infografias/estudio-astigmatismo-espana/bloque-1-porcentajes.png); background-position: left; background-repeat: no-repeat; background-size: contain;}
.infografia-astigmatismo .porcentajes{margin: 22px 0 0 9px;}
.infografia-astigmatismo .porcentajes, .infografia-astigmatismo .provincias{display: inline-block; margin-bottom: 10px;}
.infografia-astigmatismo .porcentajes p, .infografia-astigmatismo .provincias p{font-size: 13px; font-weight: 600; margin-bottom: 2px;}
.infografia-astigmatismo .porcentajes li:first-of-type p, .infografia-astigmatismo .porcentajes li:last-of-type p, .infografia-astigmatismo .provincias li:first-of-type p, .infografia-astigmatismo .provincias li:last-of-type p{ font-size: 15px; color: #0b305f;}
.infografia-astigmatismo .porcentajes p{color: #0b305f; text-align: right;}
.infografia-astigmatismo .provincias p{color: #55c6ca;}
.infografia-astigmatismo .bloque1 .porcentajes-2{display: inline-block; vertical-align: bottom; background-image: url(../imagenes/infografias/estudio-astigmatismo-espana/bloque-2-porcentajes.png); background-position: center; background-repeat: no-repeat; background-size: contain;}
.infografia-astigmatismo .bloque1 .porcentajes-3{display: inline-block; vertical-align: bottom; background-image: url(../imagenes/infografias/estudio-astigmatismo-espana/bloque-3-porcentajes.png); background-position: center; background-repeat: no-repeat; background-size: contain;}
.infografia-astigmatismo .bloque1 .porcentajes-4{display: inline-block; vertical-align: bottom; background-image: url(../imagenes/infografias/estudio-astigmatismo-espana/bloque-4-porcentajes.png); background-position: top; background-repeat: no-repeat; background-size: contain;}
.infografia-astigmatismo .bloque1 .porcentajes-2, .infografia-astigmatismo .bloque1 .porcentajes-3{    margin-top: 155px; width: 223px; height: 223px; float: left; margin-right: 20px;}
.infografia-astigmatismo .bloque1 .porcentajes-2 h3, .infografia-astigmatismo .bloque1 .porcentajes-3 h3{margin-top: 26px; }
.infografia-astigmatismo .bloque1 .porcentajes-2 p, .infografia-astigmatismo .bloque1 .porcentajes-3 p{padding: 10px 24px; margin-top: 10px; text-align: center;}
.infografia-astigmatismo .bloque1 .porcentajes-2 p span, .infografia-astigmatismo .bloque1 .porcentajes-3 p span, .infografia-astigmatismo .bloque1 .porcentajes-4 p span  {font-family: 'Gravitas One', cursive; font-size: 42px;}
.infografia-astigmatismo .bloque1 .porcentajes-4{float: left; width: 200px; height: 420px;}
.infografia-astigmatismo .bloque1 .porcentajes-4 p {text-align: center; padding: 0 30px; line-height: 16px; font-size: 14px;}
.infografia-astigmatismo .bloque1 .porcentajes-4 p:first-of-type span{font-size: 39px; line-height: 66px;}
.infografia-astigmatismo .bloque1 .porcentajes-4 p span{font-size:30px; line-height: 54px;}
.infografia-astigmatismo .bloque1 .porcentajes-4 p:last-of-type{margin-top: 82px;}
.infografia-astigmatismo .bloque1 .porcentajes-4 p:last-of-type span{line-height: 40px;}
.infografia-astigmatismo .bloque1 .porcentajes-4 .caja-porcentaje-azul{width: 153px; margin:0 auto; margin-top: 31px;}
.infografia-astigmatismo .bloque1 .porcentajes-4 .caja-porcentaje-azul p{ margin-top: 0; padding:0; float: left;}
.infografia-astigmatismo .bloque1 .porcentajes-4 .caja-porcentaje-azul p span{font-size: 32px; padding-right: 5px;}
.infografia-astigmatismo .bloque1 .porcentajes-4 .caja-porcentaje-azul p:last-of-type{font-size: 10px; line-height: 12px; text-align: left; width: 73px;}
/*Bloque 2*/
.infografia-astigmatismo .bloque2{background-color: #fef7d9; width: 100%; height: 465px; background-image: url(../imagenes/infografias/estudio-astigmatismo-espana/distribucion-por-edad.png);background-position: center; background-repeat: no-repeat; background-size: contain;}
.infografia-astigmatismo .bloque2 h2{margin:0; margin-top: 20px;}
.infografia-astigmatismo .bloque2 img{display: none;}
/*Bloque 3*/
.infografia-astigmatismo .bloque3{margin: 0 42px 50px;}
.infografia-astigmatismo .bloque3 h2{margin-top: 30px;}
.infografia-astigmatismo .bloque3 div{width: 345px; height: 172px; padding: 0;}
.infografia-astigmatismo .bloque3 .hombres{background-image: url(../imagenes/infografias/estudio-astigmatismo-espana/porcentaje-hombres.png); background-position: center; background-repeat: no-repeat; background-size: contain;}
.infografia-astigmatismo .bloque3 .mujeres{background-image: url(../imagenes/infografias/estudio-astigmatismo-espana/porcentaje-mujeres.png); background-position: center; background-repeat: no-repeat; background-size: contain;}
.infografia-astigmatismo .bloque3 div p{font-family: 'Gravitas One', cursive; font-size: 20px; text-align: right; margin-top: 38px; text-transform: uppercase; padding-right: 11px;}
.infografia-astigmatismo .bloque3 div p span{font-size: 50px;}
/*Bloque 4*/
.infografia-astigmatismo .bloque4{background-color: #b6e7e8; width: 100%; height: 558px; background-image: url(../imagenes/infografias/estudio-astigmatismo-espana/bloque-4.png); background-position: center; background-repeat: no-repeat; background-size: contain;}
.infografia-astigmatismo .bloque4 h2{margin-top: 20px; margin-bottom: 0;}
.infografia-astigmatismo .bloque4 p span, .infografia-astigmatismo .bloque4 .title{font-family: 'Gravitas One', cursive; font-size: 50px;}
.infografia-astigmatismo .bloque4 .parte-superior div{display: inline-block;}
.infografia-astigmatismo .bloque4 .parte-superior div:last-of-type{float: left; width: 25%; margin-left: 20px; margin-top: 51px; font-size: 14px;}
.infografia-astigmatismo .bloque4 .parte-superior div:last-of-type p{text-align: left;}
.infografia-astigmatismo .bloque4 .parte-superior div:last-of-type p span{font-size: 50px;}
.infografia-astigmatismo .bloque4 .parte-superior div:first-of-type{width: 70%; float: right;}
.infografia-astigmatismo .bloque4 .parte-superior div:first-of-type p{text-align: right; font-size: 9px; font-weight: 600; margin:183px 12px 0 0;}
.infografia-astigmatismo .bloque4 .parte-inferior{margin-left: 59px; margin-top: 57px;}
.infografia-astigmatismo .bloque4 .parte-inferior div:nth-of-type(3n+1) p, .infografia-astigmatismo .bloque4 .parte-inferior div:nth-of-type(3n+2) p{margin-top: 26px;}
.infografia-astigmatismo .bloque4 .parte-inferior div{width: 30%; float: left; padding:0 20px; }
.infografia-astigmatismo .bloque4 .parte-inferior div p{text-align: left; font-size: 12px; line-height: 17px;}
.infografia-astigmatismo .bloque4 .parte-inferior div p span{line-height: 55px;}
.infografia-astigmatismo .bloque4 .parte-inferior div:nth-of-type(3n+2){padding: 0 0 0 45px;}
.infografia-astigmatismo .bloque4 .parte-inferior div:nth-of-type(3n+3){width: 40%; padding: 0 0 0 40px;}
.infografia-astigmatismo .bloque4 .parte-inferior div:nth-of-type(3n+3) .title{font-size: 14px!important; height: 33px; margin-bottom: 0;}
.infografia-astigmatismo .bloque4 .parte-inferior div:nth-of-type(3n+3) p:not(.title){font-weight: 600; height: 20px; padding-left: 10px;}
.infografia-astigmatismo .bloque4 .parte-inferior div:nth-of-type(3n+3) p span{font-size: 14px; font-weight: normal;}
.infografia-astigmatismo .bloque4 .parte-inferior div:nth-of-type(3n+3) p:nth-of-type(4n+3), .infografia-astigmatismo .bloque4 .parte-inferior div:nth-of-type(3n+3) p:nth-of-type(4n+4){margin-top: 24px;}
.infografia-astigmatismo .bloque4 .parte-inferior div:nth-of-type(3n+3) p:nth-of-type(4n+2) span{margin-left: 112px;}
.infografia-astigmatismo .bloque4 .parte-inferior div:nth-of-type(3n+3) p:nth-of-type(4n+3) span{margin-left: 45px;}
.infografia-astigmatismo .bloque4 .parte-inferior div:nth-of-type(3n+3) p:nth-of-type(4n+4) span{margin-left: 30px;}
/*Bloque 5*/
.infografia-astigmatismo .bloque5 .dioptrias-corregidas{ width: 700px; height: 328px; background-image: url(../imagenes/infografias/estudio-astigmatismo-espana/dioptrias-corregidas.png); background-position: center; background-repeat: no-repeat; background-size: contain;}
.infografia-astigmatismo .bloque5 .resultado{font-family: 'Gravitas One', cursive; font-size: 23px; margin: 30px 0 60px; text-align: center;}
.infografia-astigmatismo .bloque5 .dioptrias-corregidas p{font-size: 25px;}
.infografia-astigmatismo .bloque5 .dioptrias-corregidas p span{font-family: 'Gravitas One', cursive; font-size: 43px;}
.infografia-astigmatismo .bloque5 .dioptrias-corregidas p:first-of-type{padding-top: 63px; padding-left: 41px;}
.infografia-astigmatismo .bloque5 .dioptrias-corregidas p:first-of-type span{margin-right: 256px;}
.infografia-astigmatismo .bloque5 .dioptrias-corregidas p:last-of-type{margin-top: 113px; text-align: right; padding-right: 22px;}
.infografia-astigmatismo .bloque5 .dioptrias-corregidas p:last-of-type span{font-size: 30px; margin-left: 259px;}


/*INFOGRAF�A HIPERMETROPIA EN ESPAÑA*/
#modal-infografia-8 .modal-header {min-height: 0; padding: 0; border-bottom: 0; background-color:#fef7d9; }
#modal-infografia-8 .modal-body{    overflow: hidden; width: 100%;}
#modal-infografia-8 .modal-body , #modal-infografia-8 .modal-content{padding: 0;}
#modal-infografia-8 .modal .modal-dialog .modal-content {padding: 0;}
#modal-infografia-8 .modal-header .close {margin-right: 10px;}
.infografia-hipermetropia{height: 900px; overflow-y: auto; overflow-x: hidden; width: 103%;}
.infografia-hipermetropia h2{font-family: 'Gravitas One', cursive; text-align: center; font-size: 26px;  padding-left: 86px; padding-right: 86px;}
.infografia-hipermetropia  h2.light-blue-infografia{padding-left: 0; padding-right: 0; margin-top: 60px;}
.infografia-hipermetropia h3{font-family: 'Gravitas One', cursive; font-size: 26px;  text-align: center; text-transform: initial;}
.infografia-hipermetropia ul{float: left; padding-left: 12px;}
.infografia-hipermetropia ul li {list-style: none; font-size: 11px;}
.logo-clinica-xs{display: none;}
/*Bloque 1*/
.infografia-hipermetropia .bloque1{ display: block; margin-top: 50px; }
.infografia-hipermetropia .mapa-infografia .mapa-bloque1-xs{display: none;}
.infografia-hipermetropia .mapa-infografia{min-height: 450px; max-width: 100%; margin-bottom: -120px; background-image: url(../imagenes/infografias/estudio-hipermetropia-espana/mapa-espana.png); background-position: 160px 0; background-repeat: no-repeat; background-size: 76%;}
.infografia-hipermetropia .porcentajes-1{ background-image: url(../imagenes/infografias/estudio-hipermetropia-espana/bloque-1-porcentajes.png); background-position: left; background-repeat: no-repeat; background-size: contain;}
.infografia-hipermetropia .porcentajes{margin: 22px 0 0 9px;}
.infografia-hipermetropia .porcentajes, .infografia-hipermetropia .provincias{display: inline-block; margin-bottom: 10px;}
.infografia-hipermetropia .porcentajes p, .infografia-hipermetropia .provincias p{font-size: 13px; font-weight: 600; margin-bottom: 2px;}
.infografia-hipermetropia .porcentajes li:first-of-type p, .infografia-hipermetropia .porcentajes li:last-of-type p, .infografia-hipermetropia .provincias li:first-of-type p, .infografia-hipermetropia .provincias li:last-of-type p{ font-size: 15px; color: #0b305f;}
.infografia-hipermetropia .porcentajes p{color: #0b305f; text-align: right;}
.infografia-hipermetropia .provincias p{color: #55c6ca;}
.infografia-hipermetropia .bloque1 .porcentajes-2{display: inline-block; vertical-align: bottom; background-image: url(../imagenes/infografias/estudio-hipermetropia-espana/bloque-2-porcentajes.png); background-position: center; background-repeat: no-repeat; background-size: contain;}
.infografia-hipermetropia .bloque1 .porcentajes-3{display: inline-block; vertical-align: bottom; background-image: url(../imagenes/infografias/estudio-hipermetropia-espana/bloque-3-porcentajes.png); background-position: center; background-repeat: no-repeat; background-size: contain;}
.infografia-hipermetropia .bloque1 .porcentajes-4{display: inline-block; vertical-align: bottom; background-image: url(../imagenes/infografias/estudio-hipermetropia-espana/bloque-4-porcentajes.png); background-position: top; background-repeat: no-repeat; background-size: contain;}
.infografia-hipermetropia .bloque1 .porcentajes-2, .infografia-hipermetropia .bloque1 .porcentajes-3{    margin-top: 155px; width: 264px; height: 223px; float: left; margin-right: 5px;}
.infografia-hipermetropia .bloque1 .porcentajes-3{margin-left: -18px;}
.infografia-hipermetropia .bloque1 .porcentajes-2 h3, .infografia-hipermetropia .bloque1 .porcentajes-3 h3{margin-top: 20px; }
.infografia-hipermetropia .bloque1 .porcentajes-2 p, .infografia-hipermetropia .bloque1 .porcentajes-3 p{padding: 10px 24px; margin-top: 10px; text-align: center;}
.infografia-hipermetropia .bloque1 .porcentajes-2 p, .infografia-hipermetropia .bloque1 .porcentajes-2 h3{margin-left: -18px;}
.infografia-hipermetropia .bloque1 .porcentajes-3 p, .infografia-hipermetropia .bloque1 .porcentajes-3 h3{margin-left: 18px;}
.infografia-hipermetropia .bloque1 .porcentajes-2 p span, .infografia-hipermetropia .bloque1 .porcentajes-3 p span, .infografia-hipermetropia .bloque1 .porcentajes-4 p span  {font-family: 'Gravitas One', cursive; font-size: 42px;}
.infografia-hipermetropia .bloque1 .porcentajes-2 p span{font-size: 51px;}
.infografia-hipermetropia .bloque1 .porcentajes-4{float: left; width: 166px; height: 420px;}
.infografia-hipermetropia .bloque1 .porcentajes-4 p {text-align: center; padding: 0 10px; line-height: 16px; font-size: 13px;}
.infografia-hipermetropia .bloque1 .porcentajes-4 p:first-of-type span{font-size: 39px; line-height: 66px;}
.infografia-hipermetropia .bloque1 .porcentajes-4 p span{font-size:30px; line-height: 54px;}
.infografia-hipermetropia .bloque1 .porcentajes-4 p:last-of-type{margin-top: 82px;}
.infografia-hipermetropia .bloque1 .porcentajes-4 p:last-of-type span{line-height: 40px;}
.infografia-hipermetropia .bloque1 .porcentajes-4 .caja-porcentaje-azul{width: 153px; margin:0 auto; margin-top: 23px;}
.infografia-hipermetropia .bloque1 .porcentajes-4 .caja-porcentaje-azul p{ margin-top: 0; padding:0; float: left;}
.infografia-hipermetropia .bloque1 .porcentajes-4 .caja-porcentaje-azul p span{font-size: 28px; padding-right: 5px;}
.infografia-hipermetropia .bloque1 .porcentajes-4 .caja-porcentaje-azul p:last-of-type{font-size: 10px; line-height: 12px; text-align: left; width: 90px; margin-top: 10px;}
/*Bloque 2*/
.infografia-hipermetropia .bloque2{background-color: #b6e7e8; width: 100%; height: 465px; background-image: url(../imagenes/infografias/estudio-hipermetropia-espana/distribucion-por-edad.jpg);background-position: center; background-repeat: no-repeat; background-size: contain;}
.infografia-hipermetropia .bloque2 h2{margin:0; margin-top: 20px;}
.infografia-hipermetropia .bloque2 img{display: none;}
.infografia-hipermetropia .bloque2 ul{display: inline-block; position: relative; top: 328px; padding: 0; margin: 0;}
.infografia-hipermetropia .bloque2 li{display: inline-block; margin: 0 30px; font-size: 16px; font-weight: bold;}
.infografia-hipermetropia .bloque2 ul:first-of-type li:first-child{margin-left: 74px;}
/*Bloque 3*/
.infografia-hipermetropia .bloque3{margin: 0 42px 0;}
.infografia-hipermetropia .bloque3 h2{margin-top: 30px;}
.infografia-hipermetropia .bloque3 div{width: 295px; height: 238px; padding: 0;}
.infografia-hipermetropia .bloque3 .hombres{background-image: url(../imagenes/infografias/estudio-hipermetropia-espana/porcentaje-hombres.png); background-position: bottom left; background-repeat: no-repeat; background-size: 122px;}
.infografia-hipermetropia .bloque3 .mujeres{background-image: url(../imagenes/infografias/estudio-hipermetropia-espana/porcentaje-mujeres.png); background-position: bottom left; background-repeat: no-repeat; background-size: contain;}
.infografia-hipermetropia .bloque3 div p{font-family: 'Gravitas One', cursive; font-size: 20px; text-transform: uppercase; position: relative; left: 118px; top: 143px; width: 155px;}
.infografia-hipermetropia .bloque3 div.mujeres p{left: 176px;}
.infografia-hipermetropia .bloque3 div p span{font-size: 50px;}
/*Bloque 4*/
.infografia-hipermetropia .bloque4{background-color: #fdf1bc; width: 100%; height: 555px; background-image: url(../imagenes/infografias/estudio-hipermetropia-espana/bloque-4.png); background-position:  center; background-position-y:121px; background-repeat: no-repeat; background-size: contain;}
.infografia-hipermetropia .bloque4 .parte-superior div { display: inline-block; width: 30%; vertical-align: middle; position: relative; top: 41px;}
.infografia-hipermetropia .bloque4 .parte-superior div:first-of-type { width: 63%; margin-left: 36px; top: 0;}
.infografia-hipermetropia .bloque4 .parte-superior div p { display: inline-block; vertical-align: middle;}
.infografia-hipermetropia .bloque4 .parte-superior div:first-of-type p:first-child, .infografia-hipermetropia .bloque4 .parte-superior div:last-of-type span{font-size: 50px; font-family: 'Gravitas One', cursive; line-height: 1;}
.infografia-hipermetropia .bloque4 .parte-superior div:first-of-type p:last-child{margin-left: 10px;}
.infografia-hipermetropia .bloque4 .parte-inferior ul{position: relative; top: 20px; left: 61px;}
.infografia-hipermetropia .bloque4 .parte-inferior ul li.title{font-size: 14px!important; height: 33px; margin-bottom: 0; font-family: 'Gravitas One', cursive;}
.infografia-hipermetropia .bloque4 .parte-inferior ul li:not(.title){font-size: 15px; margin-top: 32px; padding-left: 15px;}
.infografia-hipermetropia .bloque4 .parte-inferior ul li:nth-of-type(4n+3){margin-top: 34px;}
.infografia-hipermetropia .bloque4 .parte-inferior ul li:last-of-type{margin-top: 35px;}
.infografia-hipermetropia .bloque4 .parte-inferior ul li span{font-size: 18px; font-family: 'Gravitas One', cursive; position: relative; left: 131px;}
.infografia-hipermetropia .bloque4 .parte-inferior ul li:nth-of-type(4n+2) span{left: 476px;}
.infografia-hipermetropia .bloque4 .parte-inferior ul li:nth-of-type(4n+3) span{left: 212px;}
/*Bloque 5*/
.infografia-hipermetropia .bloque5 {padding: 30px 0;}
.infografia-hipermetropia .bloque5 .dioptrias-corregidas{ width: 700px; height: 485px; background-image: url(../imagenes/infografias/estudio-hipermetropia-espana/dioptrias-corregidas.png); background-position: center; background-repeat: no-repeat; background-size: contain;}
.infografia-hipermetropia .bloque5 .dioptrias-corregidas p{font-size: 15px;}
.infografia-hipermetropia .bloque5 .dioptrias-corregidas p span{font-family: 'Gravitas One', cursive; font-size: 18px; position: relative;}
.infografia-hipermetropia .bloque5 .dioptrias-corregidas p{position: relative; top: 23px;}
.infografia-hipermetropia .bloque5 .dioptrias-corregidas p:first-of-type{left: 103px;}
.infografia-hipermetropia .bloque5 .dioptrias-corregidas p:first-of-type span{margin-right: 24px; top: 15px; left: -5px;}
.infografia-hipermetropia .bloque5 .dioptrias-corregidas p:nth-of-type(4n+2){top: 120px; left: 133px;}
.infografia-hipermetropia .bloque5 .dioptrias-corregidas p:nth-of-type(4n+2) span{font-size: 30px; margin-left: 73px;}
.infografia-hipermetropia .bloque5 .dioptrias-corregidas p:nth-of-type(4n+3){top: 209px; left: 426px;}
.infografia-hipermetropia .bloque5 .dioptrias-corregidas p:nth-of-type(4n+3) span{margin-left: 43px; top: 9px;}
.infografia-hipermetropia .bloque5 .dioptrias-corregidas p.resultado{font-family: 'Gravitas One', cursive; top: 312px; text-align: center;}
.bloque5 img{display: none;}

/* FORMULARIO AGOSTO 2018 */

.formulario-cabecera{background: #004286; height: 12rem;}
.container-formulario-2018{margin-top: 3rem; margin-bottom: 3rem;}
.container-formulario-2018 h2{font-size: 34px;}
.container-formulario-2018 h4{font-size: 18px;}
.formulario-cabecera img{margin-left: auto;margin-right: auto;display: block;padding-top:  4rem;}
.container-formulario-2018 .btn {font-size: 22px;background: #004286;color: #fff;border-radius: 0;font-weight: 300;text-transform: uppercase;padding: 8px;width: 50%;margin-right: auto;margin-left: auto;display: block;margin-top: 4rem;position: relative;letter-spacing: 3px;}
.container-formulario-2018 .texto-legal{font-size: 12px; position: relative;}
.formulario-2018 .cont-form {width: 60rem;}
.container-titulos{width: 60rem; margin-right: auto;margin-left: auto;display: block;}
.enviar-2018 img{position: absolute;left: 75%;top: 20%;width: 5%;}
.container-formulario-2018 .form-control {border: 1px solid #004b93;}
.container-formulario-2018 .formulario-2018 select{
	border: 1px solid #004b93;
	background: url(../imagenes/arrow-select-2018.png);
	background-position: 53rem 0.75rem ;
	background-color: #fff !important;
	background-repeat: no-repeat;
	background-size: 5% !important;
	-moz-appearance: none;
	-webkit-appearance: none;
}

.check-formulario-2018{
	position: absolute;
	top: 60%;
	left: -5%;
}

.formulario-2018 input::-webkit-input-placeholder{
	font-style: normal;
	color: #555;
	font-size: 14px;
}

.formulario-2018 input:-ms-input-placeholder{
	font-style: normal;
	color: #555;
	font-size: 14px;
}

.formulario-2018 input::-ms-input-placeholder{
	font-style: normal;
	color: #555;
	font-size: 14px;
}

.formulario-2018 input::placeholder{
	font-style: normal;
	color: #555;
	font-size: 14px;
}
.formulario-2018 textarea::-webkit-input-placeholder{
	font-style: normal;
	color: #555;
	font-size: 14px;
}
.formulario-2018 textarea:-ms-input-placeholder{
	font-style: normal;
	color: #555;
	font-size: 14px;
}
.formulario-2018 textarea::-ms-input-placeholder{
	font-style: normal;
	color: #555;
	font-size: 14px;
}
.formulario-2018 textarea::placeholder{
	font-style: normal;
	color: #555;
	font-size: 14px;
}
.formulario-2018 input::-webkit-input-placeholder {
    /* Google Chrome y Safari */
    font-style: normal;
	color: #555;
	font-size: 14px;
}
.formulario-2018 textarea::-webkit-input-placeholder {
    /* Google Chrome y Safari */
    font-style: normal;
	color: #555;
	font-size: 14px;
}
.formulario-2018 input:-moz-placeholder {
    /* Firefox anterior a 19 */
    font-style: normal;
	color: #555;
	font-size: 14px;
}
.formulario-2018 textarea:-moz-placeholder {
    /* Firefox anterior a 19 */
    font-style: normal;
	color: #555;
	font-size: 14px;
}
.formulario-2018 input::-moz-placeholder {
    /* Firefox 19 y superior */
    font-style: normal;
	color: #555;
	font-size: 14px;
}
.formulario-2018 textarea::-moz-placeholder {
    /* Firefox 19 y superior */
    font-style: normal;
	color: #555;
	font-size: 14px;
}
.formulario-2018 input:-ms-input-placeholder {
    /* Internet Explorer 10 y superior */
    font-style: normal;
	color: #555;
	font-size: 14px;
}
.formulario-2018 textarea:-ms-input-placeholder {
    /* Internet Explorer 10 y superior */
    font-style: normal;
	color: #555;
	font-size: 14px;
}





@media (max-width: 1800px){
    .slider-interna.left{background-position-x:-100px;}
     .slider-interna.slider-cataratas {background-position-x: -140px}

}

/* @media (min-width: 1700px){
	.slider-text.min{padding-right: 14%}
} */

/* @media (max-width: 1750px){
	.carousel-home .slide-1 {background-image: url(../imagenes/slider/carousel-home/promo-diciembre-2018-1750.jpg);  background-position: right top;}
}*/

@media (max-width: 1700px){
	/* .slider-text:not(.text-lg, .slider-icon,.push-lef-xs){padding-left: 27%} */
	/* .slider-text.push-left{padding-left: 35%} */
	/* .slider-clinica .slider-text.push-left-30{padding-left: 30%} */
    #form-mapa{width: 30%; left: 11%}
    /*.slider-interna:not(.slider-refractiva-promo){background-position-x:-100px;}

    .slider-interna{background-position-x:-100px;}*/
    /*.slider-refractiva {background-position-x:0!important; background-repeat: no-repeat; }*/
    /* .slider-interna .slider-text:not(.text-lg,.slider-icon){padding-left: 25%} */
   .slider-interna.slider-trabajo{background-position-x:44%;}
    .slider-text.otros-tratamientos.margin-top-lg{margin-top:0}
	.slider-interna .slider-text.otros-tratamientos.alteraciones{padding-left: 20%}
    .slider-text.push-left-md{padding-left: 25%}
    .slider-interna .slider-text.otros-tratamientos.alteraciones h1,.slider-interna .slider-text.otros-tratamientos.alteraciones .h1{font-size: 40px}
    .slider-interna .slider-text h1.title-lg,.slider-interna .slider-text .h1.title-lg{font-size: 40px}
    .slider-refractiva-promo{background-position: -700px;}

    .carousel-home .slide-2{background-position: -300px;}
    .box.slider.carousel-home .box-consulta{left: 30%;}
}


/*FORMULARIO AGOSTO 2018*/

@media (max-width: 2800px){
	.formulario-2018 .cont-form{width: 60rem;}
}

@media (max-width: 767px){
	main .container-formulario-2018{width: 100%;}
	.container-titulos h2{margin-bottom: 30px;}

}

@media (max-width: 425px){
	.container-formulario-2018 .container-titulos h2 {font-size: 23px;}
    .container-formulario-2018 .btn {font-size: 25px;}
    .container-titulos{width: 100%; margin-right: auto;margin-left: auto;display: block;}
    .cont-form{width: 100%;}
    .formulario-2018 .cont-form{width: 100%;}
	.container-formulario-2018 h4 {font-size: 18px;}

}

/*FORMULARIO AGOSTO 2018*/

@media (min-width: 1400px){
	.push-right{margin-left: -15%}
}

@media (max-width: 1400px){
	/*.slider-text.text-lg h1,.slider-text.text-lg .h1{font-size: 38px;line-height: 1}*/
    .slider-interna.slider-trabajo{background-position-x: 37%;}
}

@media (max-width: 1300px){
 /* .slider-text:not(.text-lg, .slider-icon){padding-left: 32%} */
 .btn-box.descargar .text{font-size: 16px}
 .slider-interna .slider-text h1.title-lg,.slider-interna .slider-text .h1.title-lg{font-size: 35px}

.carousel-home .slide-1{background-image: url(../imagenes/slider/carousel-home/promo-diciembre-2018-1550.jpg);background-size:cover;background-position-x: left ; background-position: -15px; }
	.carousel-home .carousel-inner .item {width: 100%;}

}

@media (min-width: 1200px){
	.otros-tratamientos .col-btn .item.col-lg-offset-1{margin-left: 12%}

	.slider-medico  img{max-width: 240px;}

	.otros-tratamientos .col-btn .item p + p{height: 200px;}
	.otros-tratamientos .col-btn .item.first p + p{height: 182px;}

    body.sitemap .min-h{min-height: 1200px}
    .busca .select-mapa>p {width: 110%;}

}

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

	.ped-borde{border:none;}
	.navbar-default .navbar-nav > li > a{font-size:13px}
	/*.nav.navbar-nav li:last-of-type a {text-align: center!important; }*/
  .nav.navbar-nav li:last-of-type {-ms-flex-preferred-size: 17%!important;flex-basis: 17%!important }

	div.col-sm-4.margin-bottom-xs.text-center-xs{min-height: 200px;}


	.flat-panels {	margin-top:10px}


	.info-header .form-header .input-group{width:45%}
	.subnavigation .navbar-default .navbar-nav > li{min-width:0}
	/* .faqs .panel-title{font-size: 25px} */
/*
	.triangle.bottom{border-bottom:25px solid #fff;border-left: 100vw solid transparent; }
	.triangle.top{border-top:25px solid #fff;border-right: 100vw solid transparent}
	.triangle.bottom.light{border-bottom:25px solid #f5f5f5;}*/


	.slider-interna{background-image: none;background-color: #f7f7f7}

	.slider-text.margin-top-lg{margin-top: 0}

	.slider-rsc h1 span.color-white {color:#004286!important }

	.info-clinica .col-right .box-info.map br{display: none;}

	.box-border .item .inner{min-height: 300px}

	.margin-top-lg{margin-top: 40px}

	.col-icon .btn-box .text{font-size: 16px}


	div.row.bg-transp{background: transparent!important;}

	.otros-tratamientos .col-btn .item p + p{height: 150px;}
	div.row.margin-top-xs.col-btn div.col-lg-3.col-md-4.item{border-right:1px solid #eee;}
	div.row.margin-top-xs.col-btn div.col-lg-3.col-md-4.item:nth-of-type(3), div.row.margin-top-xs.col-btn div.col-lg-3.col-md-4.item:nth-of-type(6), div.row.margin-top-xs.col-btn div.col-lg-3.col-md-4.item:nth-of-type(7){border-right:0;}

	body.glaucoma p.sub-title.color-blue.margin-top-xs.text-center{font-size: 26px; max-width: 650px;}




   .slider-trabajo .slider-text.slider-icon .text h1{margin-top: 0;}
   .cuadro-medico div.col-md-4.item{min-height: 460px;}

}

@media(max-width: 1100px){
  .flat-panels.new .panel {    height: 400px;}

}


@media(max-width: 1024px){
	h1 span.color-blue, h2 span.color-blue, .h2 span.color-blue{word-wrap: break-word;}
    .slider-home-promo{background-position: -371px;}
    /*.carousel-home .slide-2{background-position: -450px;}*/
    /*.carousel-home .slide-1{background-position: -536px;}*/
    .box.slider.carousel-home .box-consulta{left: 20%;}

}


@media (min-width:1024px){
	/*.subnavigation .navbar-default .navbar-nav > li:hover:after,.subnavigation .navbar-default .navbar-nav > li.active:after{display: block;opacity: 1;left: 47%;}*/
	.box-calculadora{position:relative;border-right: 1px solid #ddd;width: 34%;margin-right: 3%;}
	div.col-sm-10.col-sm-offset-1.margin-top-lg{margin-top:62px;}
	.slider-ped-fondo .slider-text .icono {margin-right: 185px; }

}




@media (min-width: 998px){
	.col-btn .item p:not('.cuadro-medico') + p{min-height: 130px}
	.col-btn.cuadro-medico .item>.text{min-height: 190px}
	.busca .select-mapa{min-height: 445px}

	.info-clinica .col-right .box-info {min-height: 86px}


	.tab-text .item{min-height: 100px}
	.tab-text .item p.center{padding-top: 20px}
	/*.tab-text .item-cell:nth-child(2){border: 1px solid #eee;border-width: 0 1px }*/




}

@media (max-width:998px){
  .form-container .btn, .formulario .btn {background: url(../imagenes/iconos/phone-white.png)no-repeat left 15px center #004b93;}
  .form-container .btn:hover, .formulario .btn:hover {background: url(../imagenes/iconos/phone-white.png)no-repeat left 15px center #043665;}
	h2 br{display: none;}
	.large{font-size: 35px}
	.navbar-default .navbar-nav > li > a{font-size:13px; text-align: center;}
  .nav.navbar-nav li:last-of-type a {text-align: center!important;}


	.link-footer{text-align: center;}


	.info-header .text-center{text-align: right;}
    .info-header .input-group{float: right!important;}
    .info-header span.text{padding: 0 20px 0 90px}

    .comparador .item-table{font-size:16px;line-height:1.1}
	.comparador p.cambia{font-size:30px}
	.comparador span.icon-check{width:25px;height:25px;background-size:cover}
	.comparador .left-box .item:first-child,.comparador .right-box .item:first-child{height:85px}
	.input-precio{width:80%;margin:0;float: right;}
	.comparador .item span{font-size:14px}
    .comparador .item-table{padding-left: 40px}





    .col-btn .item p.margin-top-xs{margin-top: 10px}



    .margin-resp{margin-top: 20px}

     #form-mapa{width: 40%;}

     .info-clinica .col-left span{font-size: 18px;display: block;}

     .slider-ped-fondo .slider-text h1{font-size: 33px}

     .slider-text h1>span.text-xs{font-size: 28px}
     .slider-text.slider-icon.text-lg{padding-top: 0}

     .box-info-medico .item{margin-bottom: 16px}
     .info-medico ul.list-icon .title  img{margin-left: -50px}
     .info-medico ul.list-icon li.title{font-size: 26px;line-height: 1}
    .info-medico ul.list-icon li{font-size: 16px;}
	.listado-medicos.nueva .slider-medico .slider-text{padding-top: 50px;}
	@media(max-width:425px){
		.listado-medicos.nueva .slider-medico .slider-text{padding-top: 30px;}
	}
    .cv-medico article{margin: 10px 0;}
    .cv-medico article p.title{word-wrap: break-word; white-space: -moz-pre-wrap;  white-space: pre-wrap;     font-size: 15px;}
    .cv-medico article ul{padding-left: 51px;}

     .box-border .item .inner{min-height: 350px}

     .tab-text  hr{display: none;}
	.tab-text .item-cell{margin-bottom: 40px}

	.tabulacion-left-h1{padding-left: 0px;}

	/* .slider-text p.big{font-size: 16px; text-align: left;} */

	.slider-medico  img{margin-top: 52px; width: 140px; margin-right: 0;}

	.slider-text.slider-icon .text h1, .slider-text.slider-icon .text .h1{ margin-top: 10px; font-size: 30px; }

	.col-sm-4.col-md-3.hidden-xs.box-icon img{width: 80%;}


    .carousel-home .triangle-slider{top: 745px;}
    .carousel-home .carousel-inner .item {height:580px; }



}

@media (min-width: 768px) and (max-width: 998px){
	.buttons-home .text h3 {font-size: 14px}

}


@media(min-width: 991px){



	/* .col-btn.cuadro-medico .item:nth-of-type(3n+2){border-left: 1px solid #eee!important; border-right: 1px solid #eee!important;} */
	body.listado-medicos .col-btn.cuadro-medico .item:last-child{border-right: none!important;}
}

@media(max-width:991px){

		.ped-borde{border: none;}

		.otros-tratamientos .col-btn .item p + p{height: auto;}
		.otros-tratamientos .col-btn .item p:not(.sub-title){min-height: 100%;}
		div.row.margin-top-xs.col-btn div.col-lg-3.col-md-4.item{border-right:0;}

		body.otros-tratamientos div.box.subnavigation div.container{max-width: 750px;}
		body.otros-tratamientos div.box.subnavigation div.container div.row nav.navbar.navbar-default div.container-fluid div.collapse.navbar-collapse.side-collapse ul.nav.navbar-nav>li{width: 15%;}

		.cuadro-medico div.col-md-4.item{margin: 0; margin-bottom: 80px; position: static;min-height: 0;text-align: center;}
		.cuadro-medico div.col-md-4.item div.btn-box{height: auto; position: relative; width: 80%; margin:15px auto 0}
		.col-btn.cuadro-medico .sub-title{text-align: center;}

		body.medicos div.col-md-4.item{ margin: 0; margin-bottom: 80px; position: relative;}
		body.medicos div.col-md-4.item div.btn-box{height: auto; position: relative; width: 100%; margin-bottom: 0;}
		body.medicos div.col-md-4.item div.btn-box{width: 100%;}

		body.glaucoma p.sub-title.color-blue.margin-top-xs.text-center{font-size: 20px; max-width: 490px;}
		.col-btn .item p:not(.sub-title){min-height: 0;}






		.calculadora.multi-functions{height: 100%}
		.calculadora.multi-functions .cuerpo{padding: 18px 18px 20px 16px;}
		.calculadora.multi-functions .cuerpo a.btn-tecla{width: 60px;height: 60px;margin: 0 auto 10px;padding-top: 8%;font-size: 35px;}
		.calculadora.multi-functions .cuerpo .col-sm-12{padding-right: 10px;}
		.calculadora.multi-functions .cuerpo .col-sm-12 a{font-size: 12px;}

		.meses-calculadora-btn a.submit-tecla.btn-bg-dark{width: 100%; min-width: 195px; max-width: 195px;}
		.calculadora.refractiva .meses-calculadora img{max-height: 125px;}
		.meses-calculadora img{max-height: 130px;}
    .razones-inner .item-razon {-ms-flex-preferred-size: 32%;flex-basis: 32%;}
    .razones-inner {-ms-flex-wrap: wrap;flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}



}



@media (min-width: 990px) and (max-width: 1200px){
	.box-mapa .palma .data {left: unset; right: 0}
	.busca .select-mapa {position: absolute; right: 0}
	.busca .select-mapa>p {width: 100%;}
}

@media (min-width:980px){
	.comparador .container{max-width: 960px}

}

@media (min-width:1200px){
    .listado-medicos.nueva .col-md-6.col-border{width: 56%;}
}

@media(min-width:800px ){

  .modal .modal-dialog{width: 100%;max-width: 800px;margin: 60px auto}
}

@media (max-width: 800px){
	.navbar-nav .dropdown-hover-menu, .cirugia-refractiva-index .dropdown-menu{display: none!important;}

	.bloque6 div div:last-of-type{margin-right: 5px;}
	.bloque6 div.rectangulo-infografia:first-of-type{margin-left: 5px;}
  .box.slider.carousel-home .box-consulta{left: 4%;}
}





@media (min-width:768px){
	.nav.navbar-nav.ppal li:last-of-type{-ms-flex-preferred-size: 12%;flex-basis: 12%;margin:0 0 0 5px}
	.nav.navbar-nav.ppal li:last-of-type a {text-align: right;}
	.nav.navbar-nav.ppal li.tratamientos {-ms-flex-preferred-size: 17%;flex-basis: 17%;}
	.nav.navbar-nav.ppal li:first-of-type {-ms-flex-preferred-size: 17%;flex-basis: 17%}
	.nav.navbar-nav.ppal li:nth-of-type(4){-ms-flex-preferred-size: 11%;flex-basis: 11%;}

	/* .subnavigation .nav.navbar-nav li{-ms-flex-preferred-size: 12%;flex-basis: 12%;} */
	.subnavigation .nav.navbar-nav li{-ms-flex-preferred-size: 40%;flex-basis: 40%;}
	/* .subnavigation .navbar-default .navbar-nav > li > a {text-align: center;} */
	.subnavigation .navbar-default .navbar-nav > li > a {text-align: center;    font-size: 10px;}
	.subnavigation.refractiva .nav.navbar-nav > li:first-of-type {-ms-flex-preferred-size: 8%;flex-basis: 8%}
	.subnavigation.refractiva .nav.navbar-nav > li:nth-of-type(2){-ms-flex-preferred-size: 14%;flex-basis: 14%;}
	.subnavigation.refractiva .nav.navbar-nav > li:nth-of-type(3){-ms-flex-preferred-size: 18%;flex-basis: 18%;}
	.subnavigation.refractiva .nav.navbar-nav > li:nth-of-type(7){-ms-flex-preferred-size: 5%;flex-basis: 5%;}
	.subnavigation.refractiva .nav.navbar-nav > li:first-of-type a {text-align: left;}
	.subnavigation.refractiva .nav.navbar-nav > li:last-of-type { margin: 0; -ms-flex-preferred-size: 13%; flex-basis: 13%;}
	.subnavigation.refractiva .nav.navbar-nav > li:last-of-type a {text-align: right; margin: 0 0 0 5px}
	.navbar-default .navbar-nav > .active > a:after { content: ""; width: 0;
	height: 0; border-style: solid;  border-width: 0 5.5px 9.5px 5.5px;  border-color: transparent transparent #f1893a transparent;    bottom: -1px;  position: absolute;left: calc(50% - 40px);}
	.navbar-default .navbar-nav > li:nth-of-type(6) > a:after{left: calc(50% - 15px)}
	.navbar-default .navbar-nav > li:nth-of-type(7) > a:after{left: calc(50% - -5px)}

	/*div.col-sm-offset-1{margin-left: 0;}*/

	ul.dropdown-menu-2{padding: 10px 25px;}
	/*.cirugia-refractiva-index:hover .dropdown-menu{display:block; background: #ebebeb; list-style:none; z-index:999;bottom: -113px;height: 113px;}*/
	.cirugia-refractiva-index .dropdown-menu .first-link{display:none}
	.cirugia-refractiva-index li{list-style:none; }
	.cirugia-refractiva-index li>a{text-decoration:none; padding:5px 0;display:inline-block;color: #1d1d1d; font-size: 15px;}
	.cirugia-refractiva-index li>a:hover{border-bottom:1px solid #999}



	h2, .h2{font-size: 37px;}
	.visible-ipad{display:none!important}
	.hidden-ipad{display:block!important}
	.hidden-ipad.inline{display:inline-block!important}
	.info-cuotas .item:nth-child(1), .info-cuotas .item:nth-child(2){border-bottom: 1px solid #ddd}
	.info-cuotas .item:nth-child(1), .info-cuotas .item:nth-child(3){border-right: 1px solid #ddd}



	.modal .modal-dialog{width: auto;margin: 30px auto}
	.modal .modal-dialog.modal-md{width: 500px}

	#modal-infografia-6.modal .modal-dialog, #modal-infografia-7.modal .modal-dialog, #modal-infografia-8.modal .modal-dialog{width: auto; max-width: 800px;}
  #modal-infografia-6.modal .modal-dialog .modal-content, #modal-infografia-7.modal .modal-dialog .modal-content, #modal-infografia-8.modal .modal-dialog .modal-content{padding: 0px}



	.busca .select-mapa{padding-top: 110px}


	/* .box-info-medico .item:first-child{ width: 43%!important} */
	.box-info-medico .item.col-border{padding-left: 7%;border-left: 1px solid #004683;}
	.box-info-medico .item{ max-width: 785px;margin: 0 auto;border-radius: 4px;padding:30px;margin-bottom: 16px;}




	.col-icon .col-left{border-right: 1px solid #ddd}
	.col-icon .col-left.border-negative{border-right: 1px solid #2c447f}

	.box-labels .check label span.label-text.text-lg{ width: 400px }

	.razon-01 img.razon{margin-top: -100px}

	.comentarios .item .text{min-height: 125px;position: relative;padding-top: 20px}
	.comentarios .item .box-stars{position: absolute;bottom: 0;left: 15px}

	.entradas-blog .sub-title{font-size: 40px;line-height: 1.1}



	.slider-interna.form-hidden{min-height: 450px}

	div.es p:after{content: ""; border-bottom: 0 ; padding: 0;}
	div.en p{ padding-top: 0; }
	div.en-top:before{content: ""; border-bottom: 0 ; padding: 0;}
	div.en-top p{ padding-top: 0; }

	.img-responsive-movil{ margin-top: 40px; margin-bottom: 0; }
	a.btn-box.btn-xs.btn-border:first-of-type{margin-top: 50px;}


	.treatment-diabetic-retinopathy{margin-top: 80px}
	.age-related-macular-degeneration{margin-top: 85px}
	.symptoms-macular-degeneration{margin-top: 125px}
	.treatment-macular-degeneration{margin-top: 60px}
	.results-macular-degeneration{margin-top: 25px}

	.la-operacion{margin-top: 58px}
	.video-margin{margin-top: 106px}
	.postoperative-phase{margin-top: 115px}

	p.nivel-caja{margin-bottom: 30px;}
	.errorPage, .legal-page{min-height: 400px}
	.legal-page p{margin-top: 150px}
}
@media(min-width:992px){	
	.subnavigation .nav.navbar-nav li{-ms-flex-preferred-size: 40%;flex-basis: 40%;}	
	.subnavigation .navbar-default .navbar-nav > li > a {text-align: center;    font-size: 13px;}
}
@media(min-width:1200px){
	.subnavigation .navbar-default .navbar-nav > li > a {  font-size: 14px;}
}

@media (max-width:768px){

  .slider-trabajo.slider-interna .slider-text.slider-icon{margin: 0 auto;}
	.box-rrss h2{margin-top: 20px}
	body.glaucoma p.sub-title.color-blue.margin-top-xs.text-center{font-size: 28px; max-width: 800px;}

	.faqs .panel-title>a>span{right: -32px; top: 0;}
	.comparador .popover{left: -112px;top: 70%}
	.popover.bottom>.arrow{left: 80%}
	.comparador .popover .input-precio{ width: 40%;display: inline-block;float: left; margin: 0 10px 0 10px;}
	.comparador .popover .input-precio + p{overflow: hidden;display: inline-block;width: 35%;margin-bottom: 10px;float: left;}
	.comparador .popover .input-precio + p>a{width: 100%;margin: 0}
	.popover-title{font-size: 13px;padding: 6px 10px}



	.infografia-miopia ul{float: none; display: inline-block; text-align: left; vertical-align: top;}
	.infografia-miopia ul li{font-size: 14px;}
	.infografia-miopia h2, .infografia-astigmatismo h2, .infografia-hipermetropia h2{padding-right: 0; padding-left: 0;}
	.margin-sides{margin-right: 20px; margin-left: 20px;}
	.mapa-infografia{max-width: 400px; float: none;display: block; margin: 0 auto;}
	.porcentaje-destacado{float: none; display: block; padding-top: 0; margin-bottom: 0; height: 53px;}
	.porcentaje-provincias{text-align: center;}
	.bloque1 .personajes-infografia{float: none; display: block; margin: 0 auto; padding-top: 20px; max-width: 490px}

	.bloque2 .margin-sides, .bloque4 .margin-sides{padding: 60px 20px; margin-right: 20px; height: 250px;}
	.bloque2 .texto-infografia, .bloque4 .texto-infografia{float: none; padding-left: 0; padding-top: 0; margin-bottom: 0; margin-top: 27px; display: inline-block;}

	.bloque3 div{float: none; display: block;}
	.bloque3 div:nth-of-type(2n+2){float: none;}
	.bloque3 img{margin:0 auto; }
	.bloque3 div:first-of-type img{max-width: 350px;}

	.bloque4 img{max-width: 193px; margin-top: -30px; margin-right: 0;}

	.bloque5 div img { max-width: 235px; padding: 10px; float: left;}
	.bloque5 div div{display: block;}
	.bloque5 div div p{float: right; text-align: center;}
	.bloque5 div div p:first-of-type{margin-top: 10px; margin-right: 60px;}
	.bloque5 div div p:last-of-type{margin-top: 16px; margin-right: 15px;}

	.bloque6 div.rectangulo-infografia:first-of-type{float: none; display: block; margin: 0 auto;}
	.bloque6 div div .porcentaje-destacado{padding-top: 44px;}
	.bloque6 div div:first-of-type p.texto-infografia{padding-top: 71px;}
	.bloque6 div div:last-of-type{float: none; display: block; max-width: 374px; height: 220px; margin-right: 20px; margin: 0 auto; margin-top: 30px; margin-bottom: 30px;}
	.bloque6 div div:last-of-type p.texto-infografia{padding-top: 59px;}
	.bloque6 div div:last-of-type p.porcentaje-destacado{padding-top: 42px;}

	.bloque7 h2.light-blue-infografia, .bloque8 h2.light-blue-infografia{padding:0; margin-top: 30px;}
	.bloque7 img{ margin-bottom: 30px; }

	.bloque8 img:first-of-type{max-height: 250px;}

	.infografia-astigmatismo h2{width: 97%;}
	.infografia-astigmatismo .bloque2 h2{width: 100%;}
	.infografia-astigmatismo .margin-sides{margin-right: 20px; margin-left: 20px;}
	.infografia-astigmatismo .mapa-infografia{background-image: none; margin-bottom: 40px;}
	.infografia-astigmatismo .mapa-infografia .mapa-bloque1-xs{display: block;}
	.infografia-astigmatismo .porcentajes-1{margin-left: 21%;}
	.infografia-astigmatismo .porcentajes li:first-of-type p, .infografia-astigmatismo .porcentajes li:last-of-type p, .infografia-astigmatismo .provincias li:first-of-type p, .infografia-astigmatismo .provincias li:last-of-type p{font-size: 20px; font-weight: 600;}
	.infografia-astigmatismo .porcentajes p, .infografia-astigmatismo .provincias p{font-size: 18px; font-weight: 400;}
	.infografia-astigmatismo .bloque1 .porcentajes-2, .infografia-astigmatismo .bloque1 .porcentajes-3,.infografia-astigmatismo .bloque1 .porcentajes-4{float: none; display: block; margin:0 auto; margin-bottom: 40px; width: 300px; height: 300px;}
	.infografia-astigmatismo .bloque1 .porcentajes-4{height: 600px;}
	.infografia-astigmatismo .bloque1 .porcentajes-2 h3, .infografia-astigmatismo .bloque1 .porcentajes-3 h3{margin-top: 43px;}
	.infografia-astigmatismo .bloque1 .porcentajes-2 p, .infografia-astigmatismo .bloque1 .porcentajes-3 p{font-size: 20px; margin-top: 30px;}
	.infografia-astigmatismo h3{font-size: 21px;}
	.infografia-astigmatismo .bloque2 img{display: block; float: none; max-width: 100%;}
	.infografia-astigmatismo .bloque3 div{float: none; display: block; margin: 0 auto; width: 402px; height: 200px;}
	.infografia-astigmatismo .bloque3 div p{padding-top: 52px; width: 97%;}
	.infografia-astigmatismo .bloque2{background-image: none; height: auto; width: 97%;}
	.infografia-astigmatismo .bloque1 .porcentajes-4 p{font-size: 20px; font-weight: normal; line-height: 26px;}
	.infografia-astigmatismo .bloque1 .porcentajes-4 p strong{font-weight: 400;}
	.infografia-astigmatismo .bloque1 .porcentajes-4 .caja-porcentaje-azul{width: 230px; margin-top: 62px;}
	.infografia-astigmatismo .bloque1 .porcentajes-4 p:first-of-type span{line-height: 95px; font-size: 39px;}
	.infografia-astigmatismo .bloque1 .porcentajes-4 p:last-of-type{margin-top: 126px;}
	.infografia-astigmatismo .bloque1 .porcentajes-4 .caja-porcentaje-azul p:last-of-type{font-size: 16px; line-height: 16px; width: 135px; margin-top: 0; padding-left: 15px;}
	.infografia-astigmatismo .bloque4{background-color: #b6e7e8; height: 2700px; width:97%; background-image: url(../imagenes/infografias/estudio-astigmatismo-espana/bloque-4-xs.jpg); background-position: center bottom; background-repeat: no-repeat; background-size: 500px;}
	.infografia-astigmatismo .bloque4 .parte-superior, .infografia-astigmatismo .bloque4 .parte-superior div:last-of-type, .infografia-astigmatismo .bloque4 .parte-superior div:first-of-type, .infografia-astigmatismo .bloque4 .parte-inferior div, .infografia-astigmatismo .bloque4 .parte-inferior{float: none; display: block; margin:0 auto; height: 100%; line-height: normal; padding: 0; width: 97%}
	.infografia-astigmatismo .bloque4 .parte-superior div:first-of-type p, .infografia-astigmatismo .bloque4 .parte-superior div:last-of-type p, .infografia-astigmatismo .bloque4 .parte-inferior div p{margin:0 auto; text-align: center;font-size: 20px; width: 100%; max-width: 300px; font-weight: normal; display: block;}
	.infografia-astigmatismo .bloque4 .parte-superior div:first-of-type p{margin-top: 750px;}
	.infografia-astigmatismo .bloque4 .parte-superior div:last-of-type p{margin-top: 390px;}
	.infografia-astigmatismo .bloque4 .parte-inferior div:nth-of-type(3n+1) p{margin-top: 288px; line-height: normal;}
	.infografia-astigmatismo .bloque4 .parte-inferior div:nth-of-type(3n+2){padding: 0;}
	.infografia-astigmatismo .bloque4 .parte-inferior div:nth-of-type(3n+2) p{line-height: normal;margin-top: 206px;}
	.infografia-astigmatismo .bloque4 .parte-inferior div:nth-of-type(3n+3){display: none;}
	.infografia-astigmatismo .bloque5 .dioptrias-corregidas{ width:97%; background-image: url(../imagenes/infografias/estudio-astigmatismo-espana/dioptrias-corregidas-xs.png);}
	.infografia-astigmatismo .bloque5 .dioptrias-corregidas p, .infografia-astigmatismo .bloque5 p{display: none;}

    .carousel-home .slide-2{ background-image: url(imagenes/slider/carousel-home/dr-julio-baviera.jpg);background-position: -650px;}

    .infografia-hipermetropia .bloque2 { background-image: none; height: auto; width: 97%; position: relative;}
    .infografia-hipermetropia .bloque2 img {display: block;float: none;max-width: 60%; margin: 20px auto 0;}
    .infografia-hipermetropia .bloque2 ul{display: none;}
    .infografia-hipermetropia h2{width: 97%;}
	.infografia-hipermetropia .bloque2 h2{width: 100%;}
	.infografia-hipermetropia .margin-sides{margin-right: 20px; margin-left: 20px;}
	.infografia-hipermetropia .mapa-infografia{background-image: none; margin-bottom: 40px;}
	.infografia-hipermetropia .mapa-infografia .mapa-bloque1-xs{display: block;}
	.infografia-hipermetropia .porcentajes-1{margin-left: 21%;}
    .infografia-hipermetropia .cajas-porcentajes{margin-bottom: 30px;}
	.infografia-hipermetropia .porcentajes li:first-of-type p, .infografia-hipermetropia .porcentajes li:last-of-type p, .infografia-hipermetropia .provincias li:first-of-type p, .infografia-hipermetropia .provincias li:last-of-type p{font-size: 20px; font-weight: 600;}
	.infografia-hipermetropia .porcentajes p, .infografia-hipermetropia .provincias p{font-size: 18px; font-weight: 400;}
    .infografia-hipermetropia .bloque1 .porcentajes-2, .infografia-hipermetropia .bloque1 .porcentajes-3, .infografia-hipermetropia .bloque1 .porcentajes-4 { float: none; display: block; margin: 0 auto; width: 300px; height: 300px;}
    .infografia-hipermetropia .bloque1 .porcentajes-2 h3, .infografia-hipermetropia .bloque1 .porcentajes-3 h3{margin-top: 47px;}
    .infografia-hipermetropia .bloque1 .porcentajes-2 p, .infografia-hipermetropia .bloque1 .porcentajes-3 p{margin-top: 27px;}
    .infografia-hipermetropia .bloque1 .porcentajes-4{height: 600px;}
    .infografia-hipermetropia .bloque1 .porcentajes-4 p{margin-top: 34px; font-size: 16px;}
    .infografia-hipermetropia .bloque1 .porcentajes-4 p:last-of-type{margin-top: 186px;}
    .infografia-hipermetropia .bloque1 .porcentajes-4 .caja-porcentaje-azul{width: 215px; margin-top: 94px;}
    .infografia-hipermetropia .bloque1 .porcentajes-4 .caja-porcentaje-azul p:last-of-type{font-size: 14px; width: 133px; margin-top: 10px;}
    .infografia-hipermetropia .bloque4{height: 705px;width: 97%; background-image: url(../imagenes/infografias/estudio-hipermetropia-espana/bloque-4-xs.jpg); background-position: center;      background-position-y: 102px; background-repeat: no-repeat; background-size: 500px;}
    .infografia-hipermetropia .bloque4{height: 839px;}
    .infografia-hipermetropia .bloque4 .informacion{display: none;}
    .infografia-hipermetropia .bloque4{background-size: 500px;}
    .infografia-hipermetropia .bloque5 .dioptrias-corregidas{width: 480px; margin: 0 auto;}
    .infografia-hipermetropia .bloque5 .dioptrias-corregidas p{top: 60px;}
    .infografia-hipermetropia .bloque5 .dioptrias-corregidas p:first-of-type{left: 21px;}
    .infografia-hipermetropia .bloque5 .dioptrias-corregidas p:nth-of-type(4n+2){top: 129px; left: 45px;}
    .infografia-hipermetropia .bloque5 .dioptrias-corregidas p:nth-of-type(4n+2) span{margin-left: 40px;}
    .infografia-hipermetropia .bloque5 .dioptrias-corregidas p:nth-of-type(4n+3){top: 194px; left: 284px;}
    .infografia-hipermetropia .bloque5 .dioptrias-corregidas p:nth-of-type(4n+3) span{margin-left: 30px;}
    .infografia-hipermetropia .bloque5 .dioptrias-corregidas p.resultado{top: 273px;}


}
@media (max-width:768px){
	#form-mapa{width: 90%;margin: 15px 5%;position: absolute;left: 0;top:70px;}
}

@media (max-width:767px){
	/*reseteo boostrap para mobile*/
	.container {
	    padding-right: 30px;
	    padding-left: 30px;
	    margin-right: auto;
	    margin-left: auto;
	}
	.row {
	    margin-right: -30px;
	    margin-left: -30px;
	}

	.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
		padding-right: 30px;
	    padding-left: 30px;
	}
  	section {padding: 15px}
	  .section-title {font-size:24px!important }
	  @media(max-width:320px){
		#formInfoPromo2 .section-title{font-size:18px!important}
	  }
	  #formInfoPromo2 .section-title{font-size:22px!important}
	  	@media(max-width:320px){
		#formInfoPromo2 .section-title{font-size:19px!important}
	  }


	  .section-subtitle {font-size:18px!important }
	.ped-borde{border: none;}

	 h2, .h2{font-size: 30px;margin-bottom: 15px}
	.sub-title{font-size: 25px}
	.link-footer {display: block;width: 100%; margin-bottom: 90px;}
	.hidden-ipad{display:none!important}
	.visible-ipad{display:block!important}
	/* .breadcrumb{display: none;} */
	/*div.margin-top-xs:first-of-type{margin-top: 0;}*/
	.text-center-xs p{text-align: center;}
	.center-block-xs{ display:block; margin:0 auto; text-align: center;}



	.header img{margin:0 auto 15px;max-width:240px;float: left;}
  	.interna p{font-size: 16px}

	.info-header span.text {padding: 0 20px 0 70px;}





	.box{margin-bottom: 0}
	.box.navigation, .subnavigation{display:none}
	.box.navigation{display:none}


	.navbar-default{background-color:none;padding:0 15px}
	.navbar-default .navbar-nav {display: block;}
	.navbar-default .navbar-nav > li,.navbar-default .navbar-nav > li.tratamientos{display:block;width:100%}
	.navbar-default .navbar-nav > li > a{padding:10px 0}
	.navbar-default .navbar-brand{color:#fff}
	.navbar-default .navbar-toggle .icon-bar{background-color:#fff}
	.navbar-default .navbar-nav > li > a{font-size:18px;text-align:left;z-index: 999; color: #fff; border-bottom: 1px solid rgba(255,255,255,0.45);padding: 15px 0; margin: 0 25px ; text-align: left!important;}
	.nav.navbar-nav li:last-of-type a {text-align: left!important;}
	.navbar-default .navbar-nav > li {border-left: none}
	.navbar-toggle, .navbar-toggle:hover{color:#fff;background:none;border:none;margin: 5px 5px 0;text-decoration:none;display:block !important; float: right;}
   .navbar-toggle img{margin: 0}
	.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > li > a:hover,.navbar-default .navbar-nav > li > a:focus ,.navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover{background: none;}
	.navbar-default .navbar-nav .open .dropdown-menu li{margin-top: 0}
	.navbar-default .navbar-collapse, .navbar-default .navbar-form{border:none;-webkit-box-shadow: none;box-shadow: none}
	.navbar-default .navbar-nav .open .dropdown-menu li.dropdown-sub-menu li.active, .navbar-default .navbar-nav .open .dropdown-menu li.dropdown-sub-menu li:hover{border: none}
	.navbar-default .navbar-nav .open .dropdown-menu li.dropdown-sub-menu ul.dropdown-menu-2, .navbar-default .navbar-nav .open .dropdown-menu li.dropdown-sub-menu ul.dropdown-menu-2 li{background: transparent; color: #fff}
	.navbar-default .navbar-nav .open .dropdown-menu li.dropdown-sub-menu ul.dropdown-menu-2 li a {color: #fff}

	#sidebar-wrapper .side-collapse{padding-right: 0}
	.navbar-default .navbar-nav .caret{position: absolute;right: 5px}
	.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {color: #fff}
	.navbar-default .navbar-nav .open .dropdown-menu>li>a {color: #fff}
	#sidebar-wrapper .logo {max-width: 125px; margin: 0 0 0 25px;}

  .btn-pedir-area-personal {border: none;margin: 12px 0; padding: 15px;     background: url(../imagenes/iconos/user-white.png)left 5px center no-repeat transparent;}

	 .btn-pedir-cita {background: url(../imagenes/iconos/calendar-white.png)no-repeat right 18px center #f18a3a; padding: 13px 50px 12px 29px; border-radius: 26px;  -webkit-box-shadow: 0 2px 4px 0 rgba(3, 45, 85, 0.28);  box-shadow: 0 2px 4px 0 rgba(3, 45, 85, 0.28); }

  .flat-panels .panel {-ms-flex-preferred-size: 98%!important;flex-basis: 98%!important;height:auto!important;padding-bottom:60px}
  .flat-panels.new .panel-heading {padding: 15px 15px 0}
	.flat-panels .panel a {	position:relative;margin-top:10px;float:right;display:block;width:100%;display: -webkit-box!important;display: -ms-flexbox!important;display: flex!important; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
	.flat-panels.new .panel p { margin: 0 0 40px 0;}
	.flat-panels.new .panel.panel-refractiva p {margin: 0 0 10px 0;}
	.flat-panels.new .panel.panel-refractiva .pastilla-naranja {margin: 0 auto 30px;}
  .flat-panels.new .panel a.outline-inward {width: 100%; left: 0; bottom: 0}

	.buttons-home {float:left;width:100%;margin: 5% 0;}
	.buttons-home .container {padding: 0 10px}


	.box-border .item .inner .btn-box{width: 100%;margin: 0;}


	.faqs .panel-title{font-size: 16px;padding: 0px 0 11px 10px;}
	.faqs .panel-default>.panel-heading+.panel-collapse>.panel-body{font-size: 14px;padding-left: 30px;}
	.faqs .panel-title>a>span>img{width: 30px}

	.comparador .input-precio input.form-control{font-size:12px;width:140px }
	.comparador .item p.cambia{font-size: 25px}



/* 	#divMapaEspana, #divMapaProvincia,	.clinicMap{display: none;}*/
 	.clinicMap{display: none;}

  .dialog {/* max-width: 280px;  margin: 100px auto 50px;*/margin: 20px auto 0px; }
  .dialog img {left: 0}
  .dialog p {font-size: 18px}

  .box-shapes .panel-default>.panel-heading, .box-shapes .panel-default>.panel-heading+.panel-collapse>.panel-body {    padding-left: 40px; }
  .icon-collapse {left: 9px}
  .box-shapes .text .inner p{font-size: 14px}
  .box-shapes .panel-title {font-size: 16px}
  .box-shapes .bg-shape .title {font-size: 18px}
  .newsletter .section-title, .select-mapa p  {text-align: center;}
  .inner-meses-financiacion .item-meses a {padding: 12px 0}
  .inner-meses-financiacion .resultado-cuotas {padding: 15px}
  .inner-meses-financiacion>p:last-of-type {padding: 20px 0}
/*
	.info-cuotas .icon-title{font-size: 20px}
	.info-cuotas + .legal-text{margin-top: 0}*/

	.icons-list .item{min-height: 0px;font-size: 13px;line-height: 1.1}


  .panel-button a {-ms-flex-preferred-size: 100%;flex-basis: 100%;}
	.col-btn .sub-title>span{bottom: -15px}



	 ul.list-icon.big li{font-size: 16px;}

	  .info-clinica .col-left span>a{margin-bottom: 20px;display: block;}
	  /* .info-medico{margin-top: 30px} */

	  .margin-bottom-xs{margin-bottom: 20px}


	  .box-border .item .inner{min-height: 0}


	.slider-home {min-height: 325px}

	/*ELIMINA LOS AFTER DE CABEZERA*/

	.slider-donde:after, .slider-refractiva:after, .slider-idi:after, .slider-razones:after, .slider-retina:after, .slider-consulta:after, .slider-intraocular:after, .slider-tratamiento:after, .slider-refractiva-que-es:after, .slider-lasek:after, .slider-resultados-refractiva:after, .slider-operacion-presbicia:after, .slider-rsc:after,.slider-trabajo:after,.slider-atencion:after, .slider-rsc:after,.slider-cataratas:after, .slider-precio-financiacion-refractiva:after, .slider-tratamiento-cataratas:after, .slider-precio-financiacion-cataratas:after, .slider-consulta-cataratas:after, .slider-resultados-cataratas:after, .slider-preguntas-cataratas:after, .slider-medicos-cataratas:after, .slider-otros-tratamientos:after, .slider-oftalmologica-pediatrica:after,	.slider-otros-tratamientos-medicos, .slider-medicos-refractiva:after,
	.slider-internacional:after, .slider-hoteles:after, .slider-enlaces:after, .slider-red:after, .slider-prensa:after, .slider-aseguradoras:after, .slider-interna.slider-pq:after, .slider-intraocular-presbicia:after, .slider-tratamiento-presbicia:after, .slider-tipos-cirugia-ocular:after, .slider-info:after{content: none;}



    .slider-interna{background:#004b93;min-height: 0px; padding: 0}

    .slider h1, .slider h2, .slider-interna h1, .slider-interna h2, .slider-interna h1 span{margin: 10px 0 20px}

    .slider h1 span, .slider h2 span, .slider .h2 span, .slider-interna h1 span, .slider-interna h2 span, .slider-interna .h2 span{display: block!important;}


	  .slider-text, .slider-text.push-left, .slider-refractiva .slider-text, .slider-text.text-lg{padding-right: 15px}


	  .slider-interna .bg-transp{padding:0;max-width: 100%;margin: 0 auto; }
	  .slider-interna.slider-ped-fondo .bg-transp {background-color: transparent!important;margin-bottom: 15px;}
	  .slider-text.slider-icon .text h1, .slider-text.slider-icon .text .h1{margin-top: 20px}
	  .slider-interna.form-hidden .sub-title,.slider-interna.form-hidden .h1,.slider-interna.form-hidden h1{text-align: center;}
	  .slider-interna.form-hidden .h1,.slider-interna.form-hidden h1{font-size: 27px; margin-bottom:10px;}
	  .slider-interna.form-hidden .margin-top-xs{margin-top: 0}

	  .slider-interna .slider-text h1, .slider-interna .slider-text .h1{margin-bottom: 20px}
	  .slider-interna .slider-text h1, .slider-interna .slider-text .h1, .slider-interna .slider-text .h1 span, .slider-interna .slider-text h1 span{color: #fff!important}

	  .slider-interna .slider-text>img{display: none;}
	  .slider-interna.slider-refractiva, .slider-interna.slider-tratamiento, .slider-lasek, .slider-resultados-refractiva{background: #68bdee}

	  /* .slider-interna.slider-medicos .slider-text{background: ##004b93} */



	  /* BACKGROUND EN MOBILE - COLOR CORPORATIVO*/
	  .slider-interna .slider-text.varias, .slider-rsc, .slider-atencion, .slider-trabajo, .slider-pacientes, .slider-interna .slider-text.donde, .slider-interna.slider-medicos .slider-text,.slider-interna.slider-donde, .slider-interna.slider-internacional .slider-interna.slider-hoteles, .slider-interna.slider-enlaces, .slider-interna.slider-red, .slider-interna.slider-prensa, .slider-interna.slider-aseguradoras, .slider-interna.slider-pq:after, .slider-interna.slider-info:after{background:#004b93;/* padding: 5px 20px 20px 20px; */}

	  /* .slider-tratamiento-presbicia, .slider-consulta-presbicia, .slider-preguntas-presbicia, .slider-medicos-presbicia{background: #2f5a84;} */
	/*  END BACKGROUND EN MOBILE - COLOR CORPORATIVO*/

		/* BACKGROUND EN MOBILE - REFRACTIVA*/
	  .slider-interna.slider-precio-financiacion-refractiva,
	  .slider-interna.slider-refractiva-que-es,
	  .slider-interna.slider-preguntas-frecuentes,
	  .slider-interna.slider-consulta,
	  .slider-interna.slider-intraocular,
	  .slider-interna.slider-medicos-refractiva{background: #5db4e5;padding: 20px;}
		/*END BACKGROUND EN MOBILE - REFRACTIVA*/

		/* BACKGROUND EN MOBILE - PRESBICIA*/
		.slider-interna.slider-presbicia, .slider-precio-financiacion-presbicia{background: #375d8f;}
		.slider-interna .slider-text.presbicia, .slider-interna.slider-intraocular-presbicia, .slider-tratamiento-presbicia, .slider-consulta-presbicia, .slider-preguntas-presbicia, .slider-medicos-presbicia{background: #375d8f;color: #ddd}
	  	/* END BACKGROUND EN MOBILE - PRESBICIA*/

		/* BACKGROUND EN MOBILE - CATARATAS*/
		.slider-interna.slider-cataratas, .slider-interna.slider-tratamiento-cataratas, .slider-interna.slider-precio-financiacion-cataratas, .slider-consulta-cataratas, .slider-resultados-cataratas, .slider-interna.slider-preguntas-cataratas,.slider-interna.slider-medicos-cataratas{background-color: #8ab0a1;}
		/*END  BACKGROUND EN MOBILE - CATARATAS*/

		/* BACKGROUND EN MOBILE - RETINA*/
		.slider-interna.slider-retina{background: #d79a5c;}
		/* END BACKGROUND EN MOBILE - RETINA*/

		/* BACKGROUND EN MOBILE - OTROS TRATAMIENTOS*/
		.slider-interna.slider-otros-tratamientos, .slider-interna.slider-oftalmologica-pediatrica, .slider-otros-tratamientos-medicos, .slider-tipos-cirugia-ocular{background: #617588;color: #ddd}
		/* BACKGROUND EN MOBILE - OTROS TRATAMIENTO*/



	  /* .slider-interna .slider-text.retina{background: #d79a5c; padding: 20px 30px  40px} */
	  .slider-interna .slider-text.otros-tratamientos{background: #617588;color: #ddd}
	  /* .slider-interna .slider-text.donde-estamos{background: #CFCECE;} */









	  .slider-interna .slider-text.medicos{background: #fff; }
	  .slider-interna .slider-text.medicos h1 span{color:#004286!important;font-weight: 500}
	  .slider-text.medicos h1 span:first-child{font-size: 24px;margin-bottom: 15px;}
	  /* .slider-interna .slider-text p.big{color: #ddd!important} */
	  /* .slider-interna .slider-text.donde-estamos p.big{color: #555!important} */



	.hotels-list .col-left{border-right: 0 }
	.hotels-list .office .col-left{border-right: 0 }
	.hotels-list .col-right.col-sm-offset-1{margin-left: 0}
	.hotels-list div>h2{padding-top: 3rem;}
	.hotels-list{word-wrap: break-word;}

	.top-mar-xs{margin-top: 40px;}

	div.margin-top-xxs.tab-price.box.border-blue{margin-top: 10px;}

	.box-rrss .row>div{text-align: center; width: 100%;}


	.slider-medico  img{margin: 25px auto; width: 170px; height: 170px;}
	.slider-medico:after{content:none;}
	div h1.upper span.text-xs.color-black>p{text-align: center;}
	.area-prensa a.margin-top-xs{margin-top: 0}
	.area-prensa.col-icon .col-right{padding-left: 0!important}

	.caracteristicas .item{min-height: 0!important}
	.btn-goup{right: 5%;opacity: 1;bottom: 130px}

	.opiniones-iframe img{margin: 0 10%;}
    h2.center-xs{text-align: center;}

    /*.img-promo-xs{display: block;}*/
    .img-promo-xs{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-ms-flex-wrap: wrap;flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;}
    /*.img-promo-xs img{flex-basis: 100%;}*/
    .img-promo-xs .text-legal{-ms-flex-preferred-size: 100%;flex-basis: 100%;}
    .img-promo-xs img{max-width: 300px;}
    .img-promo-xs .legal-text {max-width: 350px}
    .promo .img-promo-xs .legal-text{padding: 0 10px;}
    .formulario-pedir-cita .promo .img-promo-xs{margin-bottom: 0;}
    .promo .img-promo-xs .legal-text, .legal-text-promo{font-size: 8px;}
    .pedir-cita .img-promo-xs img{padding: 5px 0 10px;}
    /*.img-promo{display: none;}*/
	.pedir-cita #footer{margin-top: 20px;}

	.img__promo img{
		display: block;
		padding-left: 15px;
		padding-right: 15px;
		margin: 1.7rem auto 1.7rem;
	}

    .bloque8 img:first-of-type { display: none;}
	.bloque8 img:nth-of-type(4n+2) { display: none;}
	.bloque8 img:nth-of-type(4n+3), .bloque8 img:nth-of-type(4n+4){display: block; max-width: 350px; width: 100%; margin:0 auto; margin-top: 60px;}
	.bloque8 img:nth-of-type(4n+3){max-height: 350px; width: auto;}

	#legal {top: 11%;}
	.ped-fila {min-height: initial;}

	body.listado-medicos .slider-medico h1{margin-bottom: 0; text-align: center;}
	body.listado-medicos .slider-medico .slider-text .colegiado,
	body.listado-medicos .slider-medico .slider-text .n-colegiado{color: #004b93!important;text-align: center;}
	.desplegable-general .panel-default>.panel-heading {padding: 16px 16px 18px 40px;}
	.desplegable-general .panel-default>.panel-heading+.panel-collapse>.panel-body {padding: 0 16px 16px 40px}


	}


@media (max-width:680px){
    .infografia-hipermetropia .bloque3 div{float:none!important; display: block; margin: 20px auto 0;}
    .infografia-hipermetropia .bloque3 .hombres{background-position-x: 42px;}
    .infografia-hipermetropia .bloque3 div p{left: 176px;}
}

.img-xs{width:170px}

@media (max-width:600px){

	.comparador p.cambia{font-size:18px}

	/*.box-shapes .item, .box-shapes .bg-shape,.box-shapes .text {display: block; width: 100%!important;position: relative;}
	.box-shapes .bg-shape{height: 80px;background-size: 150px!important;background-position-y: -56px!important;}
	.box-shapes .bg-shape .title{left: 30px}*/

	.comparador .item-table span.icon-check{left: 0}
	.comparador span.icon-check{background-size: 16px}
	.comparador .item .price{font-size: 22px}

	.info-clinica .col-right .box-info.map{font-size: 14px}
	.info-clinica .col-right .box-info.phone{font-size: 25px}

	.cv-medico p{font-size: 16px; font-weight: 100;line-height: 1.2}
	.cv-medico p>span{font-size: 18px}

	.box-shapes .panel-group{padding: 10px}
	.box-shapes .text .inner{padding:30px 25px}
	/*div.bg-shape span.title.color-white br{ display: none; }*/

	.img-xs{max-width: 35%!important}
	.img-md{max-width: 60%!important}



	.bloque5 div img{ display: block; float: none; margin: 0 auto;}
	.bloque5 div div p:first-of-type{float: none; margin-right: 0;}
	.bloque5 div div p:last-of-type{float: none; margin:0 auto; margin-top: 30px;}
	.bloque7 img:first-of-type{display: none;}
	.bloque7 img:last-of-type{display: block;}
	.logo-clinica-lg{display: none;}
	.logo-clinica-xs{display: block;}


}

@media(max-width: 511px){
	.bloque4 .margin-sides{height: 330px;}
	.bloque4 img{ max-width: 150px; margin-top: 0; }
	.personajes-infografia.lg{display: none;}
	.personajes-infografia.xs img{display: block; width: 100%; max-width: 300px; margin: 0 auto;}
    .bloque5 img{display: block;}
    .bloque5 .dioptrias-corregidas{display: none;}
}

@media(max-width: 578px){
	.bloque1 .texto-infografia-xs{display: block;}
	.bloque1 .texto-infografia{display: none;}
	.infografia-miopia h2, .infografia-astigmatismo h2, .infografia-hipermetropia h2{font-size: 18px;}
	.porcentaje-destacado{height: 31px; font-size: 50px; }
}


@media (max-width:480px){
	/*section{padding: 15px 0}	*/
	.header img{max-width: 140px}

	/*.header-wrapper{padding: 0 10px}*/
	.comparador .item-table{font-size:12px;line-height:1;}
	.comparador p.cambia{font-size:14px}
	.comparador .item a.btn{font-size:10px;width:90%}
	.comparador .item-table{padding-left:27px;padding-top:10px}
	.comparador .item-table.margin-top-xs{margin-top: 0}
	.comparador .item span{font-size:11px;display: inline-block;}
	.comparador .item-table{height: 60px}
	.comparador .item p.cambia{font-size: 18px}
	.comparador .item .price{font-size: 20px;margin-left: 5px}
	.comparador .left-box .item:first-child, .comparador .right-box .item:first-child, .comparador .item{height: 60px}
	.comparador .item span.price{display: inherit}
	.comparador .item {font-size: 22px}
	span.large{font-size: 28px!important}
	span.large-xs{font-size: 23px!important}
	.comparador .euro_symbol{height: 40px;line-height: 34px;font-size: 20px}
	.comparador .input-precio input.form-control{height: 40px}

	ul.list-icon{padding-left:30px;}

	  .info-clinica .col-right .horario .text-md{font-size: 22px!important}
	  .info-clinica .col-right .horario span{font-size: 13px}
	  .info-clinica .col-right .horario span img{max-width: 60px}
	  .info-clinica .col-right .box-info.phone, .info-clinica .col-right .box-info.map{padding:10px 30px;}

	.info-cuotas .precio{font-size:25px; margin-top: -10px}
	.info-cuotas .icon-title{font-size: 17px;}


	p.price.color-dark.text-center.box-shape.margin-top-xs.margin-bottom-xs{margin:0 10px;}

	div.row-formulario{margin-left: -10px; margin-right: -10px}


	.box-rrss .row>div{width: 100%;}
	div.col-xs-8.col-sm-4.col-md-4 h2.top-mar-xs, div.col-xs-12.col-sm-4.col-md-4 h2.top-mar-xs{ margin-top: 40px; }
	/*.cuadro-medico div.col-md-4.item div.btn-box{width:100% }*/

	p{text-align: left;}
	body.listado-medicos .box-info-medico{padding-top: 0}

	body.listado-medicos .slider-medico .slider-text{padding-bottom: 0 }



	.infografia-astigmatismo .porcentajes-1{margin-left: 0;}
	.infografia-astigmatismo .porcentajes li:first-of-type p, .infografia-astigmatismo .porcentajes li:last-of-type p, .infografia-astigmatismo .provincias li:first-of-type p, .infografia-astigmatismo .provincias li:last-of-type p{font-size: 16px;}
	.infografia-astigmatismo .porcentajes p, .infografia-astigmatismo .provincias p{font-size: 14px;}
	.infografia-astigmatismo .bloque1 .porcentajes-2, .infografia-astigmatismo .bloque1 .porcentajes-3, .infografia-astigmatismo .bloque1 .porcentajes-4{width: 250px; height: 250px;}
	.infografia-astigmatismo .bloque1 .porcentajes-2 h3, .infografia-astigmatismo .bloque1 .porcentajes-3 h3{margin-top: 27px; font-size: 17px;}
	.infografia-astigmatismo .bloque1 .porcentajes-2 p, .infografia-astigmatismo .bloque1 .porcentajes-3 p{font-size: 16px;}
	.infografia-astigmatismo .bloque1 .porcentajes-2 p span, .infografia-astigmatismo .bloque1 .porcentajes-3 p span, .infografia-astigmatismo .bloque1 .porcentajes-4 p span{font-size: 32px;}
	.infografia-astigmatismo .bloque1 .porcentajes-4{height: 500px;}
	.infografia-astigmatismo .bloque1 .porcentajes-4 p{line-height: normal; font-size: 16px;}
	.infografia-astigmatismo .bloque1 .porcentajes-4 p:last-of-type{margin-top: 83px;}
	.infografia-astigmatismo .bloque1 .porcentajes-4 .caja-porcentaje-azul{width: 182px; margin-top: 40px;}
	.infografia-astigmatismo .bloque1 .porcentajes-4 p:first-of-type span{font-size: 33px; padding-right: 0;}
	.infografia-astigmatismo .bloque1 .porcentajes-4 .caja-porcentaje-azul p:last-of-type{font-size: 13px; width: 105px; padding-left: 5px;}
	.infografia-astigmatismo .bloque3{    margin: 0 0 30px 0;}
	.infografia-astigmatismo .bloque3 div{width: 250px;height: 125px;}
	.infografia-astigmatismo .bloque3 div p {padding-top: 30px; font-size: 15px;}
	.infografia-astigmatismo .bloque3 div p span {font-size: 34px;}
	.infografia-astigmatismo .bloque4{background-size: 300px; height: 1650px;}
	.infografia-astigmatismo .bloque4 p span, .infografia-astigmatismo .bloque4 .title{font-size: 40px;}
	.infografia-astigmatismo .bloque4 .parte-inferior div p span{line-height: 40px;}
	.infografia-astigmatismo .bloque4 .parte-superior div:first-of-type p, .infografia-astigmatismo .bloque4 .parte-superior div:last-of-type p, .infografia-astigmatismo .bloque4 .parte-inferior div:nth-of-type(3n+1) p, .infografia-astigmatismo .bloque4 .parte-inferior div:nth-of-type(3n+2) p, .infografia-astigmatismo .bloque4 .parte-inferior div:nth-of-type(3n+3) p{font-size: 16px;max-width: 200px;}
	.infografia-astigmatismo .bloque4 .parte-superior div:first-of-type p{margin-top: 450px;}
	.infografia-astigmatismo .bloque4 .parte-superior div:last-of-type p{margin-top: 150px;}
	.infografia-astigmatismo .bloque4 .parte-inferior div:nth-of-type(3n+1) p{margin-top: 110px;}
	.infografia-astigmatismo .bloque4 .parte-inferior div:nth-of-type(3n+2) p{margin-top: 82px;}
	.infografia-astigmatismo .bloque5 .dioptrias-corregidas{height: 214px;}
	.infografia-astigmatismo  h2.light-blue-infografia{margin-top: 30px;}


    .infografia-hipermetropia .bloque2 img {max-width: 100%;}
    .infografia-hipermetropia .porcentajes-1{margin-left: 0;}
	.infografia-hipermetropia .porcentajes li:first-of-type p, .infografia-hipermetropia .porcentajes li:last-of-type p, .infografia-hipermetropia .provincias li:first-of-type p, .infografia-hipermetropia .provincias li:last-of-type p{font-size: 16px;}
	.infografia-hipermetropia .porcentajes p, .infografia-hipermetropia .provincias p{font-size: 14px;}
	.infografia-hipermetropia .bloque1 .porcentajes-2, .infografia-hipermetropia .bloque1 .porcentajes-3, .infografia-hipermetropia .bloque1 .porcentajes-4{width: 250px; height: 250px;}
	.infografia-hipermetropia .bloque1 .porcentajes-2 h3, .infografia-hipermetropia .bloque1 .porcentajes-3 h3{margin-top: 45px; font-size: 17px;}
	.infografia-hipermetropia .bloque1 .porcentajes-2 p, .infografia-hipermetropia .bloque1 .porcentajes-3 p{font-size: 16px;}
	.infografia-hipermetropia .bloque1 .porcentajes-2 p span, .infografia-hipermetropia .bloque1 .porcentajes-3 p span, .infografia-hipermetropia .bloque1 .porcentajes-4 p span{font-size: 32px;}
	.infografia-hipermetropia .bloque1 .porcentajes-4{height: 500px;}
    .infografia-hipermetropia .bloque1 .porcentajes-4 p{margin-top: 21px;}
    .infografia-hipermetropia .bloque1 .porcentajes-4 p:last-of-type{margin-top: 139px;}
    .infografia-hipermetropia .bloque1 .porcentajes-4 .caja-porcentaje-azul{margin-top: 62px;}
    .infografia-hipermetropia .bloque3{margin: 0 auto;}
    .infografia-hipermetropia .bloque3 div{width: 90%; height: 142px;}
    .infografia-hipermetropia .bloque3 div p{left: 126px; font-size: 18px; top: 60px; width: 155px;}
    .infografia-hipermetropia .bloque3 div p span{font-size: 40px;}
    .infografia-hipermetropia .bloque3 .hombres{background-position-x: 21px; background-size: contain;}
    .infografia-hipermetropia .bloque3 div.mujeres p{left: 124px;}
    .infografia-hipermetropia .bloque4{background-size: 380px;     height: 670px;}

   /* .pidecita{width: 40px;}
    .pidecita img{width: 40px; height: auto;}*/
}

@media (max-width: 425px){

	.check-formulario-2018 {left: -1%;}
/*	.formulario-cabecera {height: 10rem;}
	.formulario-cabecera img {padding-top: 3rem;}
	.container-formulario-2018 .formulario-2018 select {background-position: 30rem 1rem;background-size: 8% !important;}
	.container-formulario-2018 .formulario-2018 select {
    background-position: 30rem 1rem; background-size: 9%!important;}*/
  .nav-right-footer, .link-footer, .link-footer p {text-align: center;}
  .link-footer a:nth-of-type(3) {display: block;}
  .nav-right-footer a {font-size: 18px}
  .menu-footer {border-bottom: none;position: relative;    min-height: 350px;}
  .nav-right-footer>ul{padding-top: 10px;}
  .menu-footer:after {content: ""; width: 80%; height: 0; position: absolute; bottom: 0; left: 10%; border-bottom:1px solid #ccdbe9}


  .cookies-box h2 {padding: 0 20px 0 0; font-size: 16px}
  .cookies-box .text p {font-size: 12px}





}


@media(max-width: 413px){
	.infografia-miopia ul{text-align: center; float: none; display: block;}
	.infografia-miopia ul:first-of-type{ margin-bottom: 0;}
	.bloque2 img, .bloque4 img{max-width: 200px;margin-bottom: 30px;}
	.bloque5 div div p:first-of-type{font-size: 28px;}
	.bloque5 div div p:last-of-type{margin-top: 10px;}
	.bloque6 div.rectangulo-infografia:first-of-type, .bloque6 div.rectangulo-infografia:last-of-type{ max-width: 274px; height: 162px; }
	.bloque6 div.rectangulo-infografia .porcentaje-destacado{font-size: 33px; height: 31px; padding-top: 19px;}
	.bloque6 div div:first-of-type p.texto-infografia, .bloque6 div div:last-of-type p.texto-infografia{padding-top: 41px; padding-right: 15px; padding-left: 15px;}
	.bloque6 div div:last-of-type p.porcentaje-destacado{padding-top: 31px; font-size: 28px;}
	.bloque7 img{padding: 0;}
}




@media (max-width: 384px){
    .nav-cita a, .nav-info a{font-size: 22px}
   /* .pidecita{top:37%;}*/
    /*.pastilla-naranja {max-width: 90%}*/

}



@media(max-width: 375px){
	h1 span.color-blue, h2 span.color-blue, .h2 span.color-blue{font-size: 30px;}
	h2, .h2{font-size: 22px;}

	div.col-sm-6 h2.color-dark{font-size: 27px; margin-bottom: 15px}
	.slider h1, .slider h2, .slider-interna h1, .slider-interna h2, .slider-interna .slider-text h1 span, .slider-interna .slider-text .h1 span {font-size: 30px; margin-bottom: 0;}

	.input-precio{width:90%;}

	.formulario-pedir-cita .formulario .btn {font-size: 12px;}
    .infografia-hipermetropia .bloque4{background-size: 300px; height: 548px;}

    .container-formulario-2018 .formulario-2018 select {
    background-position: 25rem 1rem;
    background-size: 9%!important;}





}



@media (max-width: 360px){

	.social-big li{margin-right: 4px;}
	.nav-cita a, .nav-info a{font-size: 18px}
}

@media(min-width: 320px){
	br.hidden-xxs{display: none;}

}

@media(max-width: 320px){
	div.col-sm-6 h2.color-dark{font-size: 22px; margin-bottom: 10px}
	br.hidden-xxs{display: block;}
	.btn-goup{bottom: 108px;}

	.container-formulario-2018 .formulario-2018 select {
    background-position: 20rem 1rem;
    background-size: 10% !important;}


}






/*NO MORE TABLES*/

#no-more-tables .border-table{margin-bottom: 2%;}

@media only screen and (max-width: 800px) {
    /* Force table to not be like tables anymore */
    #no-more-tables table, #no-more-tables thead, #no-more-tables tbody, #no-more-tables th, #no-more-tables td, #no-more-tables tr {
        display: block;
        padding-left: 0;
        padding-right: 0;
    }
    /* Hide table headers (but not display: none;, for accessibility) */
    #no-more-tables thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    #no-more-tables tr {
        border: 2px solid #ccc;
    }
    #no-more-tables td {
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%;
        white-space: normal;
        text-align:left;
    }
    #no-more-tables td:before {
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        /*white-space: nowrap;*/
        text-align:left;
        font-weight: bold;
    }
    /*
	Label the data
	*/
    #no-more-tables td:before {
        content: attr(data-title);
    }
}

/*NO MORE TABLES*/



/* ESTILOS CREADOS POR ALBERTO UNICAMENTE PARA CLINICA PALMA MALLORCA EN ALEMAN */

.nav-info.aleman {width: 98%; display: block; text-align: center;}
.nav-info.aleman a {width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}

.info-clinica .col-right .box-info.box-info-phone-mallorca-aleman{
	font-size: 34px;
    padding: 13px 30px 10px 39px;

}

ul.list-icon.big .asc{font-size: 25px;font-weight: 100}

.palma-mallorca-aleman .cuadro-medico div.col-md-4.item {min-height: 470px;}



@media (max-width: 1024px){
	.info-clinica .col-right .box-info.box-info-phone-mallorca-aleman{font-size: 28px;}
	ul.list-icon.big .asc{font-size: 21px;font-weight: 100;}
}
@media (max-width: 550px){
	.info-cita .nav-info .aleman span{ font-size:19px; }
}


@media (max-width: 480px){
	.header .header-wrapper.aleman img {float: none!important; max-width: 210px;}
}

@media (max-width: 425px){
	.info-cita .nav-info .aleman span{ font-size:15px; }
}



@media (max-width: 375px){
	.info-clinica .col-right .box-info.box-info-phone-mallorca-aleman{font-size: 24px;}
}

@media (max-width: 320px){
	.info-clinica .col-right .box-info.box-info-phone-mallorca-aleman{font-size: 18px;}
	.info-cita .nav-info .aleman span{ font-size:13px; }
}

.formulario .asc-info-aleman{min-height:10px!important;}
.formulario .asc-info-aleman span{
	margin: 0;
}


.link-footer.vcenter .text-center-mallorca{ text-align: center; }

/* AJUSTE DESPLEGABLE PARA PAGINA APARATO-LAGRIMAL */

.box .container .row .panel-default .lagrimal {text-transform: none;}
.box .container .row .panel-default .panel-heading.box-lagrimal{background: #e4e0e0; padding: 0px 15px;	margin-bottom: 10px;}

/* AJUSTE PARA TEXTO DEL DESPLEGABLE PARA PAGINA QUERATITIS O ULCERA CORNEAL */
.box.faqs .color-blue.lagrimal.tipos-ulceras{font-weight: 300; font-size: 25px;}


/* AJUSTES PAGINA OJOS LLOROSOS */
.box-epifora{background-color: #F5F5F5; width: 70%; margin: 40px auto;}
.box-epifora p{text-align: left;}
.box-epifora>p:first-of-type{
	background-color: #bfc7d8;
	width: 100%;
	color: white;
	font-size: 20px;
	border-top: 6px solid white;
	padding: 20px; text-align: center;

}
.box-epifora>p:nth-of-type(2){
	background-color: #bfc7d8;
	color: white;
	font-size: 20px;
	/*border-bottom: 1px solid gray;*/
	padding: 20px; text-align: center;
	margin: 5px 0 0 0;
}

.box-epifora .sub-box-epifora{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: space-evenly;
	    -ms-flex-pack: space-evenly;
	        justify-content: space-evenly;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	border-bottom: 1px solid #aaaaaa;
}
.box-epifora .causa-sintoma{
	width: 100%;
	text-align: center;
	font-size: 18px;
}
.box-epifora .border-none{border:none;}

.box-epifora .sub-box-epifora .box-left{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    width: 54%;
    padding: 10px 10px 0 10px;
}


.box-epifora .sub-box-epifora .box-right{
	width: 65%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    padding: 10px 20px;
    background-color: #eeeeee;
}

@media(max-width: 769px){
	.box-epifora{width: 80%;}

}

@media(max-width: 426px){
	.box-epifora{width: 100%;}
	.box-epifora .sub-box-epifora .box-right{min-height: 72px;}

}
@media(max-width: 321px){
	.box-epifora .sub-box-epifora .box-right{min-height: 95px;}

}

/* MODAL DE PAGE CIRUGIA-REFRACTIVA infografia 6*/

/*colores: azul celeste: #b0d9f4
  gris claro: #e9e9e9
  azul oscuro: #283e59
 */

/*TIPOGRAFIA*/
@font-face {
  font-family: 'Onyx';
  src:
  	url('../fonts/Onyx.eot?#iefix') format('embedded-opentype'),
   	url('../fonts/Onyx.woff') format('woff'),
   	url('../fonts/Onyx.ttf')  format('truetype'),
    url('../fonts/Onyx.svg#Onyx') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Gotham-Light';
  src:
  	url('../fonts/Gotham-Light.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Gotham-Light.otf')  format('opentype'),
	url('../fonts/Gotham-Light.woff') format('woff'),
	url('../fonts/Gotham-Light.ttf')  format('truetype'),
	url('../fonts/Gotham-Light.svg#Gotham-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Gotham-Medium';
  src:
  	url('../fonts/GothamMedium.eot?#iefix') format('embedded-opentype'),
  	url('../fonts/GothamMedium.otf')  format('opentype'),
	url('../fonts/GothamMedium.woff') format('woff'),
	url('../fonts/GothamMedium.ttf')  format('truetype'),
	url('../fonts/GothamMedium.svg#GothamMedium') format('svg');
  font-weight: normal;
  font-style: normal;
}



#modal-infografia-refra .modal-content{padding: 0;}
#modal-infografia-refra .modal-content .modal-body{padding: 0;}


.modal-dispositivos{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column;width: 100%; padding: 0; }
.modal-dispositivos .header{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-flow: column;
	        flex-flow: column;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-color:#b0d9f4;
    padding-bottom: 0;
    line-height: .95;
    position: relative;
    margin-bottom: 5rem;
}
.modal-dispositivos .header p:first-of-type{
	color: #2d75a5;
    font-family: 'Open sans', sans-serif;
}
.modal-dispositivos .header .title{
	font-family: 'Onyx', serif;
    font-size: 76px;
    color: white;
    padding: 46px 0;
    text-align: center;
    width: 86%;
    border-top: 2px solid white;
    border-bottom: 2px solid white;
    line-height: .95;
    position: relative;
    margin-bottom: 168px;
}

.modal-dispositivos .header img:nth-of-type(2){
 	position: absolute;
    top: 31rem;
 }
.modal-dispositivos .como-usamos-dispositivos{
	margin-bottom: 6rem;
}
.modal-dispositivos .como-usamos-dispositivos__title p{
	text-align: center;
    padding: 10px 38px;
    font-family: 'Montserrat', sans-serif;
   /* font-weight: 2;*/
    color: #283e59;
    font-size: 13px;
    position: relative;
    width: 100%;
}
.modal-dispositivos .como-usamos-dispositivos__title p:before{
	content:" " url("../imagenes/infografias/dispositivos-electronicos/banderin.png ");
	position: absolute;
    width: 100%;
    top: 0;
    right: 0;
    left: 0;
}
.ocio-trabajo{
	margin: 3rem 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}

.escala-horizontal{
	/*width: 60%;*/
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    font-family:'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 13px;
}
.escala-horizontal .dias-laborables{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 10px;
}
.escala-horizontal .dias-laborables p{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
    max-width: 33%;
    text-align: right;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-transform: uppercase;
    margin-right: 10px;
    margin-top: 33px;


}
.escala-horizontal .dias-festivos{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}


.escala-horizontal .dias-festivos p{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
    max-width: 30%;
    text-align: right;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-transform: uppercase;
    font-size: 13px;
    margin-right: 10px;


}


.escala-vertical{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    font-size: 13px;
    text-transform: uppercase;
    color: #283e59;
    font-weight: 400;

}
.escala-vertical .hombre{margin-right: 5px;}
.escala-vertical .hombre p{ text-align: center;}
.escala-vertical .mujer p{ text-align: center;}

.edad{ margin-bottom: 4rem; }

.como-usamos-dispositivos .edad p{
	text-align: center;
	font-family:'Montserrat', sans-serif;
    text-transform: uppercase;
    color: #283e59;
    font-size: 15px;

}
.como-usamos-dispositivos .edad .box-edad{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
}
.ocuapacion{margin-bottom: 4rem;}
.ocupacion p{
	text-align: center;
	font-family:'Montserrat', sans-serif;
    text-transform: uppercase;
    color: #283e59;
    font-size: 15px;
    margin-bottom: 0;
}
.box-ocupacion{

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
}
.box-ocupacion .item p{
	text-align: center;
    font-size: 11px;
    text-transform: uppercase;
}
.box-ocupacion .item p:nth-of-type(2){
	width: 80px;
	margin-left: 12px;
}

.box-ocupacion .tem img{
	margin-top: 15px;
}
.heavy-user{
	margin-top: 52px;
}
.heavy-user >p:nth-of-type(1){text-transform: uppercase;}

.heavy-user p:nth-of-type(1){
	text-align: center;
	font-family:'Montserrat', sans-serif;
	font-weight: 400;
    /*text-transform: uppercase;*/
    color: #283e59;
    font-size: 15px;
}
.heavy-user p:nth-of-type(2){
	text-align: center;
	font-family:'Montserrat', sans-serif;
	/*font-weight: 300; */
    /*text-transform: uppercase;*/
    color: #283e59;
    font-size: 15px;
}
.heavy-user .box-heavy-user{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-ms-flex-pack: distribute;
	    justify-content: space-around;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	margin-top: 52px;
}
.heavy-user .box-heavy-user .item{
	-ms-flex-preferred-size: 22%;
	    flex-basis: 22%;
    min-height: 180px;
    text-align: center;


}
.heavy-user .box-heavy-user .item p{
	text-align: center;
	font-family:'Montserrat', sans-serif;
	/*font-weight: 400;*/
	color: #283e59;
    font-size: 15px;
    margin-top: 20px;
}
.molestias-dispositivos-electronicos{
	padding-top: 	4rem;
	    padding-bottom: 10rem;
	background-color: 	#e9e9e9;
}
.molestias-dispositivos-electronicos__title p{
	font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    color: #283e59;
    text-align: center;
    padding: 10px 20px;
    position: relative;

}

.molestias-dispositivos-electronicos__title p:before{
	content:" " url("../imagenes/infografias/dispositivos-electronicos/banderin2.png ");
	position: absolute;
    width: 100%;
    top: 0;
    right: 0;
    left: 0;
}
.molestias-habituales,.molestias-mas-horas,.molestias-gafas-lentillas{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    position: relative;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    max-width: 480px;
    margin: 5rem auto 0;
}

.molestias-habituales:before{
	content: " " url(../imagenes/infografias/dispositivos-electronicos/ojo-azul.png );
    position: absolute;
    width: 100%;
    bottom: -33px;
    right: -64%;
}
.molestias-habituales>p:nth-of-type(1),.molestias-mas-horas>p:nth-of-type(1),.molestias-gafas-lentillas>p:nth-of-type(1){
	margin-right: 20px;
	font-family: 'Gotham-Medium', sans-serif;
    font-size: 13px;
    color: #283e59;
    text-align: center;
    text-transform: uppercase;
}
.molestias-habituales>p:nth-of-type(1),.molestias-gafas-lentillas>p:nth-of-type(1){text-align: right;}
.molestias-mas-horas>p:nth-of-type(1){text-align:left; }

.molestias-habituales .box-molestias-habituales,.molestias-mas-horas .box-molestias-mas-horas,.molestias-gafas-lentillas .box-molestias-gafas-lentillas{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	    -ms-flex-align: end;
	        align-items: flex-end;
}

.molestias-habituales .box-molestias-habituales .item,.molestias-mas-horas .box-molestias-mas-horas .item,.molestias-gafas-lentillas .box-molestias-gafas-lentillas .item{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    /*flex-basis: 12%;*/
    margin-right: 8px;
}

.molestias-habituales .box-molestias-habituales .item p,.molestias-mas-horas .box-molestias-mas-horas .item p,.molestias-gafas-lentillas .box-molestias-gafas-lentillas .item p{
	font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    color: #283e59;
    text-align: center;
}

.molestias-mas-horas:before{
	content: " " url(../imagenes/infografias/dispositivos-electronicos/reloj-numero-6.png );
    position: absolute;
    width: 100%;
    bottom: -49px;
    right: -44%;
}
.molestias-gafas-lentillas:before{
	content: " " url(../imagenes/infografias/dispositivos-electronicos/escala-molestias-usuarios-gafas-lentillas-gafas.png );
    position: absolute;
    width: 100%;
    bottom: -49px;
    right: -47%;
}
.recomendaciones-dispositivos-electronicos{
	background-color:#b0d9f4;

}
.recomendaciones-dispositivos-electronicos{
	padding-top: 4rem;
}

.recomendaciones-dispositivos-electronicos__title p{
	font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    color: #283e59;
    text-align: center;
    padding: 10px 20px;
    position: relative;

}
.box-recomendaciones{
	margin-top: 4rem;
	padding: 0 90px;

}
.box-recomendaciones .item{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-bottom: 2px solid #a1acbd;
    padding: 4rem 0;
}
.box-recomendaciones .item:last-child{border-bottom: none;}


.box-recomendaciones .item .textos{
	max-width: 32%;
    text-align: left;
    font-family: 'Gotham-Medium', sans-serif;
    text-transform: uppercase;
    font-size: 13px;
    color: #283e59;

}
.box-recomendaciones .item .textos p:nth-of-type(1){  text-align: left; font-size: 14px;}
.box-recomendaciones .item .textos p:nth-of-type(2){
    font-family: 'Gotham-Light', sans-serif;
    font-size: 12px;
    text-align: left;

}
.modal-dispositivos .footer{
	padding: 6rem 0;
    background-color: #283e59;
    /* width: 100%; */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.modal-dispositivos .footer img{-webkit-transform: scale(.9);transform: scale(.9);}

.modal-dispositivos .footer p{
    text-align: center;
    color: white;
    font-size: 11px;
    margin-left: 27px;
    line-height: .4;}



/*MEDIAS QUERIS*/

@media (max-width: 769px){

	.escala-horizontal .dias-festivos p{max-width: 33%;}
	.escala-vertical{margin-top: 21px;margin-right: 8px;}

}


@media (max-width: 425px){
	.modal-dispositivos .header .title{margin-bottom: 163px;}
	.modal-dispositivos .header img:nth-of-type(2){top: 46rem;}
	.modal-dispositivos .como-usamos-dispositivos__title p{padding: 8px 38px;}

	.box-ocupacion{-ms-flex-wrap: wrap;flex-wrap: wrap;}

	.box-ocupacion .item{margin-top:25px }
	.box-ocupacion .item p{font-size: 11px;}
	.heavy-user .box-heavy-user .item{-ms-flex-preferred-size: 100%;flex-basis: 100%;text-align: center;}
	.molestias-dispositivos-electronicos__title p{padding: 5px 50px;}
	.molestias-dispositivos-electronicos__title p:before{content: " " url(../imagenes/infografias/dispositivos-electronicos/banderin.png )}
	.molestias-habituales:before,.molestias-mas-horas:before,.molestias-gafas-lentillas:before {content:none;}
	.molestias-habituales .box-molestias-habituales .item, .molestias-mas-horas .box-molestias-mas-horas .item, .molestias-gafas-lentillas .box-molestias-gafas-lentillas .item{-ms-flex-preferred-size: 25%;flex-basis: 25%;}
	.molestias-habituales .box-molestias-habituales, .molestias-mas-horas .box-molestias-mas-horas, .molestias-gafas-lentillas .box-molestias-gafas-lentillas{padding: 0 20px; -webkit-box-ordinal-group:3; -ms-flex-order:2; order:2; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center}
	.box-recomendaciones .item .textos {max-width:none; margin-left:10px;}
	.box-recomendaciones .item .textos p:nth-of-type(1){font-size: 14px;}
	.box-recomendaciones .item .textos p:nth-of-type(2){font-size: 13px;}
	.molestias-habituales, .molestias-mas-horas, .molestias-gafas-lentillas{-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-flow: column;flex-flow: column;}
	.molestias-dispositivos-electronicos .molestias-gafas-lentillas>p{text-align: center}
	.molestias-dispositivos-electronicos .molestias-mas-horas>p{text-align: center}

}
@media(max-width: 375px){
	.modal-dispositivos .header .title{font-size: 67px;}
	.modal-dispositivos .header img:nth-of-type(2){top: 43rem;}
	.modal-dispositivos .como-usamos-dispositivos__title p{padding: 2px 38px;}

}

@media (max-width: 320px){
	.modal-dispositivos .header .title{font-size: 61px;}
	.modal-dispositivos .header img:nth-of-type(2){top: 46rem;}
	.modal-dispositivos .como-usamos-dispositivos__title p:before,.molestias-dispositivos-electronicos__title p:before{content: none;}
	.modal-dispositivos .como-usamos-dispositivos__title p,.molestias-dispositivos-electronicos__title p{font-size: 16px;}
	.ocio-trabajo img{-webkit-transform: scale(.8);transform: scale(.8);}
	.ocio-trabajo .escala-horizontal p, .escala-vertical p {margin-right: 0}
	.molestias-dispositivos-electronicos{padding-bottom: 5rem;}
	/*.molestias-habituales, .molestias-mas-horas, .molestias-gafas-lentillas{flex-flow: column;}*/
	.molestias-habituales, .molestias-mas-horas, .molestias-gafas-lentillas{margin: 4rem auto 0;}
/*	.molestias-habituales>p:nth-of-type(1),.molestias-mas-horas>p:nth-of-type(1),.molestias-gafas-lentillas>p:nth-of-type(1) {text-align: center;order: 1;margin-top: 10px;}
*/	.box-recomendaciones{padding: 0 44px; margin-top: 1rem;}


}


/* MODAL DE PAGE CIRUGIA-REFRACTIVA infografia 9*/

/*	TIPOGRAFIAS */

@font-face {
  font-family:'Sardonyx';
  src:
  	url('../fonts/Sardonyx.eot?#iefix') format('embedded-opentype'),
  	url('../fonts/Sardonyx.woff') format('woff'),
  	url('../fonts/Sardonyx.ttf')  format('truetype'),
  	url('../fonts/Sardonyx.svg#Sardonyx') format('svg');
  font-weight: normal;
  font-style: normal;
}
.padding-none{padding: 0px;}
.television-molestias{
	width: 100%;
    display: inline-block;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-flow: column;
	        flex-flow: column;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;

}
.television-molestias .television-molestias__header{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    justify-content: center;
    position: relative;
    padding-bottom: 171px;
    position: relative;
    background-color: #edde95;
    width: 100%;

}
.television-molestias .television-molestias__header .contenido{
    padding: 50px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.television-molestias .television-molestias__header .contenido p{
	font-size: 16px;
    color: #263f59;
}
.television-molestias .television-molestias__header>p{
	font-family: 'Onyx' , serif;
    font-size: 65px;
    color: white;
    border-top: 2px solid white;
    border-bottom: 2px solid white;
    padding: 25px 0;
    text-align: center;
    line-height: 1;
}
.television-molestias__header>img{
	position: absolute;
    bottom: -1px;
}

.como-vemos-tv{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-flow: column;
	        flex-flow: column;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	margin-top: 50px;
}
.como-vemos-tv>p{
	font-family: 'Montserrat', serif;
    font-size: 14px;
    text-align: center;
    position: relative;
    padding: 10px;
}
.como-vemos-tv>p:before{
	content: '' url("../imagenes/infografias/television-molestias-visuales/banderin-1.png");
	position: absolute;
	top:0;
	left: -58px;
}

.endias{
	margin:60px 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-align: end;
	    -ms-flex-align: end;
	        align-items: flex-end;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;

}
.como-vemos-tv .endias .escala{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-align: end;
	    -ms-flex-align: end;
	        align-items: flex-end;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}
.como-vemos-tv .endias .escala p{
	font-family: 'Montserrat', serif;
    font-size: 13px;
    text-align: center;
    margin-bottom: 0;
    text-transform: uppercase;
    color: #283e59;
    font-weight: bold;
}
.como-vemos-tv .endias .escala .bloquehombre,.bloquemujer{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;

}
.como-vemos-tv .endias .escala .bloquehombre{margin: 0 5px 0 20px}


.poredad{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-orient: 	vertical;
	-webkit-box-direction: 	normal;
	    -ms-flex-flow: 	column;
	        flex-flow: 	column;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	margin-bottom: 50px;
}
.poredad .escala {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-align: center	;
	    -ms-flex-align: center	;
	        align-items: center	;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}

.poredad >p,.porocupacion >p,.porhorasuso >p{
	font-family: 'Montserrat', serif;
    font-size: 16px;
    text-align: center;
    text-transform: uppercase;
    color: #283e59;
    font-weight: bold;
}

.porocupacion, .porhorasuso{
	margin-bottom: 50px;
}
.porocupacion .porocupacion__box{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: 	wrap;
	    flex-wrap: 	wrap;
	-webkit-box-align: end;
	    -ms-flex-align: end;
	        align-items: flex-end;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;

}

.porocupacion__box p{
	font-family: 'Montserrat', serif;
    font-size: 13px;
    text-align: center;
    text-transform: uppercase;
    color: #283e59;
    font-weight: 400;
}
.porhorasuso__box{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-ms-flex-pack: distribute;
	    justify-content: space-around;
	margin-top: 25px;
}
.porhorasuso__box .box-heavy-light{
	min-height: 295px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    -webkit-box-align: left;
        -ms-flex-align: left;
            align-items: left;


}
.porhorasuso__box .box-heavy-light .sub-heavy-user >p, .sub-light-user >p, .sub-medium-user >p{
	font-family: 'Montserrat', serif;
    font-size: 13px;
    text-align: right;
    text-transform: uppercase;
    color: #283e59;
    font-weight: bold;
    line-height: 1;
}
.porhorasuso__box .sub-medium-user p{text-align: left;  }

.porhorasuso__box .box-heavy-light .sub-heavy-user p:nth-of-type(2), .sub-light-user p:nth-of-type(2), .sub-medium-user p:nth-of-type(2){
	font-size: 13px;
	font-weight: 400;

}
.porhorasuso__box img{margin: 	0 10px}

.porhorasuso-leyenda{
	display: none;
    margin-top: 20px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
}
.porhorasuso-leyenda ul{list-style: none}
.porhorasuso-leyenda li{
	position: relative;
	font-family: 'Montserrat', serif;
    font-size: 14px;
    text-align: left;
    text-transform: uppercase;
    color: #283e59;
    font-weight: bold;
}
.porhorasuso-leyenda li:before{
	content: '';
    width: 15px;
    height: 15px;
    background-color: #283e59;
    position: absolute;
    margin-right: 68px;
    left: -20px;
    top: 2px;
}
.porhorasuso-leyenda li:nth-of-type(2):before{ background-color: #b0d9f4;}
.porhorasuso-leyenda li:nth-of-type(3):before{ background-color: #edde95;}
.porhorasuso-leyenda li >p{
	font-size: 13px;
	font-weight: 300;
}
.television-molestias .heavy-user>p:nth-of-type(1){position: relative; margin-bottom: 50px; text-transform: none;}
.television-molestias .heavy-user >p:nth-of-type(1):before{
	content: '' url("../imagenes/infografias/television-molestias-visuales/banderin-1.png");
	position: absolute;
	top: -10px;
    left: 0;
    right: 0;
}
.television-molestias .heavy-user >p:nth-of-type(3){
	font-family: 'Montserrat', serif;
    font-size: 15px;
    text-align: center;
    color: #283e59;
    font-weight: 400;
}
.television-molestias .heavy-user .box-heavy-user{-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.television-molestias .heavy-user .box-heavy-user .item{-ms-flex-preferred-size: 26%;flex-basis: 26%}

.molestias-dispositivos-electronicos.uso-television{width: 100%}
.television-molestias .uso-television .molestias-habituales:before{
	content: " " url(../imagenes/infografias/television-molestias-visuales/fatiga-cansancio-visual.png);
    position: absolute;
    width: 100%;
    bottom: -78px;
    right: -42%;
}
.television-molestias .uso-television .molestias-mas-horas:before{
	content: " " url(../imagenes/infografias/television-molestias-visuales/dolores-cabeza-cabeza.png);
    position: absolute;
    width: 100%;
    bottom: -4px;
    left: -17%;
}

.television-molestias .uso-television .molestias-mas-horas>p:nth-of-type(1){    margin-top: 124px;
    margin-left: 10px;}
.television-molestias .uso-television .molestias-gafas-lentillas:before{
	content: " " url(../imagenes/infografias/television-molestias-visuales/sequedad-ojo.png);
    position: absolute;
    width: 100%;
    bottom: -49px;
    right: -62%;
}
.television-molestias .uso-television .molestias-gafas-lentillas{max-width: 480px; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start;}

.television-molestias .uso-television .molestias-gafas-lentillas.vision-borrosa:before{
	content: " " url(../imagenes/infografias/television-molestias-visuales/vision-borrosa-palmeras.png);
    position: absolute;
    width: 100%;
    bottom: -107px;
    right: -46%;
}
.television-molestias .uso-television .molestias-gafas-lentillas.vision-borrosa:after{
	content: " " url(../imagenes/infografias/television-molestias-visuales/vision-borrosa-barco.png);
    position: absolute;
    width: 100%;
    bottom: -69px;
    left: 4%;
}
.television-molestias .uso-television .molestias-gafas-lentillas.vision-borrosa .box-molestias-gafas-lentillas>p{

    font-family: 'Gotham-Medium', sans-serif;
    font-size: 13px;
    color: #283e59;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 113px;
    margin-left: 119px;
}
.television-molestias .uso-television .molestias-gafas-lentillas.vision-doble{margin-top: 130px;-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end; max-width: 519px;}
.television-molestias .uso-television .molestias-gafas-lentillas.vision-doble:before{
	content: " " url(../imagenes/infografias/television-molestias-visuales/vision-doble-bailarinas.png);
    position: absolute;
    width: 100%;
    -webkit-transform: scale(.9);
            transform: scale(.9);
    bottom: -15px;
    left: 10%;
}
.television-molestias .uso-television .molestias-gafas-lentillas.vision-doble>p:nth-of-type(1){
	font-family: 'Gotham-Medium', sans-serif;
    font-size: 13px;
    color: #283e59;
    text-align: center;
    text-transform: uppercase;
    margin-right: 100px;

}


.television-molestias .recomendaciones-dispositivos-electronicos .molestias-dispositivos-electronicos__title p:before{
    content: " " url(../imagenes/infografias/television-molestias-visuales/banderin-1.png );
    position: absolute;
    width: 100%;
    top: -4px;
    right: 0;
    left: 0;
}

.television-molestias .footer{
	width: 100%;
	padding: 6rem 0;
    background-color: #283e59;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.television-molestias .footer img{    -webkit-transform: scale(.9);    transform: scale(.9)}
.television-molestias .footer p{
	text-align: center;
    color: #fff;
    font-size: 11px;
    margin-left: 27px;
    line-height: .4;
}




/*MEDIAS QUERY*/

@media(max-width: 728px){
	.como-vemos-tv .endias .escala{ margin-top:30px }
}
@media(max-width: 600px){
	.sub-heavy-user,.sub-light-user,.sub-light-user{display: none}

}
@media(max-width: 599px){
	.porhorasuso-leyenda{display: -webkit-box;display: -ms-flexbox;display: flex;}

}

@media(max-width: 425px){
	.television-molestias .television-molestias__header>p{font-size: 40px;}
	.porocupacion .porocupacion__box  .item{margin-top: 25px}
	.porhorasuso-leyenda{display: -webkit-box;display: -ms-flexbox;display: flex;}
	.television-molestias .heavy-user .box-heavy-user .item{-ms-flex-preferred-size: 60%;flex-basis: 60%}
	.porhorasuso__box img {-webkit-transform: scale(.8);transform: scale(.8)}
	.molestias-dispositivos-electronicos.uso-television .molestias-habituales:before,
	.molestias-dispositivos-electronicos.uso-television .molestias-mas-horas:before,
	.molestias-dispositivos-electronicos.uso-television .molestias-gafas-lentillas:before,
	.molestias-dispositivos-electronicos.uso-television .molestias-gafas-lentillas.vision-borrosa:before,
	.molestias-dispositivos-electronicos.uso-television .molestias-gafas-lentillas.vision-borrosa:after,
	.molestias-dispositivos-electronicos.uso-television .molestias-gafas-lentillas.vision-doble:before {content:none;}
	.television-molestias .uso-television .molestias-mas-horas>p:nth-of-type(1){margin-top: 0; margin-left: 0}
	.television-molestias .uso-television .molestias-gafas-lentillas.vision-borrosa .box-molestias-gafas-lentillas>p{margin-bottom: 31px; margin-left: 0}
	.television-molestias .uso-television .molestias-gafas-lentillas.vision-doble>p:nth-of-type(1){margin-right: 0;margin-left: 10px;margin-top: 39px;}
	.television-molestias .uso-television .molestias-gafas-lentillas.vision-doble{margin-top: 20px; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2}
	.television-molestias .molestias-mas-horas .box-molestias-mas-horas,.television-molestias .molestias-gafas-lentillas.vision-borrosa .box-molestias-gafas-lentillas {-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;}
	.television-molestias .box-molestias-habituales.fatiga-cansancio,.box-molestias-mas-horas,.box-molestias-gafas-lentillas,
	.box-molestias-gafas-lentillas, .molestias-gafas-lentillas.vision-doble .box-molestias-gafas-lentillas{-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center}

}




@media(max-width: 320px){
	.television-molestias .television-molestias__header{padding-bottom: 147px;}
	.television-molestias .uso-television .molestias-gafas-lentillas.vision-doble>p:nth-of-type(1){margin: 10px auto;}
	.television-molestias .recomendaciones-dispositivos-electronicos .molestias-dispositivos-electronicos__title p:before{content: none;}
	.television-molestias .recomendaciones-dispositivos-electronicos .molestias-dispositivos-electronicos__title p{font-size: 16px; font-weight: bold}

}

.ico-whatsapp{ position: fixed; bottom: 0;right: -1px; z-index: 1010; }


/* INFOGRAFIA PAGE OPERACION-PRESBICIA #ENCUESTA PARA MAYORES DE 40 AÑOS*/

/* seccion header*/

.modal-body.encuesta-mayores{padding: 0px 0 0; font-family: "Montserrat", sans-serif;}
.modal-body.encuesta-mayores .encuesta-mayores__header{background-color:#b0d9f4; min-height: 530px; }
.modal-body.encuesta-mayores .encuesta-mayores__header .title{font-family: "Sardonyx", serif; font-size: 100px; color: white;text-align: center;}
.modal-body.encuesta-mayores .encuesta-mayores__header .cuarenta{position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column; margin-bottom: 40px;}
.modal-body.encuesta-mayores .encuesta-mayores__header .cuarenta img:nth-of-type(1){ margin: 0 auto;}
.modal-body.encuesta-mayores .encuesta-mayores__header .cuarenta img:nth-of-type(2){position: absolute;bottom: 0;left: 136px;}
.modal-body.encuesta-mayores .encuesta-mayores__header .cuarenta img:nth-of-type(3){position: absolute;bottom: 0;right: 87px;}
.modal-body.encuesta-mayores .encuesta-mayores__header>p:nth-of-type(2){font-size: 15px; color: white;
	text-align: center;padding: 5px 0 20px;border-top: 2px solid white; border-bottom: 2px solid white; max-width: 512px;
    margin: 0 auto;text-transform: uppercase;}


/*****************************   seccion conocimiento enfermedades    **********************************************************************************/

.modal-body.encuesta-mayores .conocimiento-enfermedades{background-color: white; position: relative;min-height: 103rem}
.modal-body.encuesta-mayores .conocimiento-enfermedades .micro-texto{font-weight: 300;margin-top: 20px;	font-size: 10px;color: #c9c8c8;text-align: center;}

.modal-body.encuesta-mayores .conocimiento-enfermedades .bandera{
	background: url(../imagenes/infografias/encuesta-mayores/enfermedades-presbicia/bandera-450.png) no-repeat center;
	position: relative;	height: 70px;}
.modal-body.encuesta-mayores .conocimiento-enfermedades .bandera>span{font-size: 14px;font-weight: 400;	color: #283e59;
	position: absolute;	top: 20px;left:224px;}

.modal-body.encuesta-mayores .conocimiento-enfermedades .conocimiento-enfermedades__titles{display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-pack: distribute; justify-content: space-around;-webkit-box-align: center;-ms-flex-align: center;align-items: center; margin: 50px 0 30px;}
.modal-body.encuesta-mayores .conocimiento-enfermedades .maquina-graduacion{position: absolute;left: 40px;margin-top: 20px}
.modal-body.encuesta-mayores .conocimiento-enfermedades .maquina-graduacion .title{font-size: 14px;font-weight: 700;text-transform: uppercase;color:#283e59; margin-bottom: 50px; text-align: center;}
.modal-body.encuesta-mayores .conocimiento-enfermedades .maquina-graduacion .subtitle{font-size: 14px;font-weight: 700;text-transform: uppercase;color:#283e59;position: absolute;left: 10px; bottom: 200px;max-width: 136px;text-align: right;}
.modal-body.encuesta-mayores .conocimiento-enfermedades .maquina-graduacion p:nth-of-type(3){position: absolute;bottom:126px;left: 5px; font-weight: 300;font-size: 13px; color:#283e59;text-align: right; }
.modal-body.encuesta-mayores .conocimiento-enfermedades .maquina-graduacion p:nth-of-type(4){position: absolute;bottom:8px;left: 34px; font-weight: 300;font-size: 13px; color:#283e59;max-width: 90px; text-align: right; }
.modal-body.encuesta-mayores .conocimiento-enfermedades .maquina-graduacion p:nth-of-type(5){position: absolute;bottom:8px;left: 230px; font-weight: 300;font-size: 13px; color:#283e59;max-width: 80px;text-align: right;}
.modal-body.encuesta-mayores .conocimiento-enfermedades .maquina-graduacion p:nth-of-type(6){position: absolute;bottom:-16px;left: 330px; font-weight: 300;font-size: 13px; color:#283e59;}

.modal-body.encuesta-mayores .conocimiento-enfermedades .encuesta-problemas{position: absolute;right: 80px;margin-top: 20px}
.modal-body.encuesta-mayores .conocimiento-enfermedades .encuesta-problemas .title{font-size: 14px;font-weight: 700;text-transform: uppercase;color:#283e59; margin-bottom: 50px; text-align: right;}
.modal-body.encuesta-mayores .conocimiento-enfermedades .encuesta-problemas .item-problemas{display: -webkit-box;display: -ms-flexbox;display: flex;
margin-bottom: 10px; }
.modal-body.encuesta-mayores .conocimiento-enfermedades .encuesta-problemas .item-problemas p{text-align: right;min-width: 132px;margin-right: 20px;font-size: 13px; font-weight: 300;color:#283e59;}

.modal-body.encuesta-mayores .conocimiento-enfermedades .encuesta-lugar-revision{position: absolute; bottom: 53px;right: 75px; display: -webkit-box; display: -ms-flexbox; display: flex;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;}
.modal-body.encuesta-mayores .conocimiento-enfermedades .encuesta-lugar-revision .title{position: absolute;
    top: -75px;font-size: 14px;font-weight: 700;text-transform: uppercase;color: #283e59;text-align: center;}
.modal-body.encuesta-mayores .conocimiento-enfermedades .encuesta-lugar-revision .items-lugares{position: relative;margin-right: 10px;}
.modal-body.encuesta-mayores .conocimiento-enfermedades .encuesta-lugar-revision .items-lugares .especial{position:absolute;left: -17px; }
.modal-body.encuesta-mayores .conocimiento-enfermedades .encuesta-lugar-revision .items-lugares img{margin-bottom: 10px }
.modal-body.encuesta-mayores .conocimiento-enfermedades .encuesta-lugar-revision .items-lugares p{text-align: center;font-size: 13px;font-weight: 300}

/* seccion conocimiento presbicia*/
.modal-body.encuesta-mayores .conocimiento-presbicia{background-color: #e9e9e9;min-height: 142rem;}
.conocimiento-presbicia .bandera{background: url(../imagenes/infografias/encuesta-mayores/conocimiento-presbicia/banderin-1.png) no-repeat center;position: relative;	height: 70px;top: 70px}
.conocimiento-presbicia .bandera span {position: absolute;top: 19px; right: 292px;font-size: 14px;font-weight: 400;	color: #283e59;}
.conocimiento-presbicia .box-sobre-presbicia{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-pack: distribute;justify-content: space-around;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;-ms-flex-wrap: wrap;flex-wrap: wrap; margin-top: 110px;}
.conocimiento-presbicia .box-sobre-presbicia .que-es-presbicia{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end; -ms-flex-preferred-size: 40%; flex-basis: 40%;}
.conocimiento-presbicia .box-sobre-presbicia .que-es-presbicia .title{font-size: 14px;font-weight: 700;text-transform: uppercase;color:#283e59; margin-bottom: 50px; text-align: center;}
.conocimiento-presbicia .box-sobre-presbicia .que-es-presbicia .items-presbicia .item{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-bottom: 15px;}
.conocimiento-presbicia .box-sobre-presbicia .que-es-presbicia .items-presbicia .item p{text-align: right;font-size: 13px;font-weight: 300;min-width: 160px;margin-right: 20px; color:#283e59;}


.conocimiento-presbicia .box-sobre-presbicia .quien-padece{-ms-flex-preferred-size: 40%;flex-basis: 40%;}
.conocimiento-presbicia .box-sobre-presbicia .quien-padece .title{font-size: 14px;font-weight: 700;text-transform: uppercase;color:#283e59; margin-bottom: 50px; text-align: center;}
.conocimiento-presbicia .box-sobre-presbicia .quien-padece .item-quien-padece {position: relative;}
.conocimiento-presbicia .box-sobre-presbicia .quien-padece .item-quien-padece p{text-align: center;font-size: 13px;font-weight: 300;color:#283e59;}
.conocimiento-presbicia .box-sobre-presbicia .quien-padece .item-quien-padece p:nth-of-type(1){position: absolute;bottom:217px;right:19px;max-width: 120px; font-weight: 500; }
.conocimiento-presbicia .box-sobre-presbicia .quien-padece .item-quien-padece p:nth-of-type(2){position: absolute;bottom: 23px;left:-23px;max-width: 32px; font-weight: 500; }
.conocimiento-presbicia .box-sobre-presbicia .quien-padece .item-quien-padece p:nth-of-type(3){position: absolute;bottom: -69px;left:3px;max-width: 120px; font-weight: 500; }
.conocimiento-presbicia .box-sobre-presbicia .quien-padece .item-quien-padece p:nth-of-type(4){position: absolute;bottom: -70px;right:37px;max-width: 155px; font-weight: 500; }


.conocimiento-presbicia .box-operacion{margin-top: 100px;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: space-evenly;-ms-flex-pack: space-evenly;justify-content: space-evenly;position: relative;}
.conocimiento-presbicia .box-operacion .operado-presbicia{-ms-flex-preferred-size: 40%;flex-basis: 40%; -webkit-box-align: center; -ms-flex-align: center; align-items: center;display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;}
.conocimiento-presbicia .box-operacion .operado-presbicia .title{font-size: 14px;font-weight: 700;text-transform: uppercase;color:#283e59; margin-bottom: 50px; text-align: center;}



.conocimiento-presbicia .box-operacion .consiste-operacion{-ms-flex-preferred-size: 40%;flex-basis: 40%;flex-basis: 40%; -webkit-box-align: center; -ms-flex-align: center; align-items: center;display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;position: relative;}
.conocimiento-presbicia .box-operacion .consiste-operacion .title{font-size: 14px;font-weight: 700;text-transform: uppercase;color:#283e59; margin-bottom: 50px; text-align: center;}
.conocimiento-presbicia .box-operacion .consiste-operacion p:nth-of-type(2){position: absolute;top:70px;left:19px;max-width: 130px; font-weight: 500;color:#283e59;text-align: right; }
.conocimiento-presbicia .box-operacion .consiste-operacion p:nth-of-type(3){position: absolute;top:53px;right:-12px;max-width: 120px; font-weight: 500;color:#283e59;text-align: center; }
.conocimiento-presbicia .box-operacion .consiste-operacion p:nth-of-type(4){position: absolute;bottom:-45px;right:129px;max-width: 170px; font-weight: 500;color:#283e59; text-align: right; }
.conocimiento-presbicia .box-operacion .consiste-operacion p:nth-of-type(5){position: absolute;bottom:-24px;right:-3px;max-width: 90px; font-weight: 500;color:#283e59 }

.conocimiento-presbicia .box-operacion .mesa-operacion{position: absolute;top: 100px;left: 240px;}

/*****************************   seccion perfil paciente    **********************************************************************************/
.modal-body.encuesta-mayores .perfil-paciente{ background-color: #b0d9f4;min-height: 265rem; }
.perfil-paciente .bandera{background: url(../imagenes/infografias/encuesta-mayores/perfil-paciente/bandera-450.png) no-repeat center;position: relative;height: 70px; top: 70px}
.perfil-paciente .bandera span {position: absolute;top: 19px; right: 278px;font-size: 14px;font-weight: 400;color: #283e59;}
.perfil-paciente .box-header{margin-top: 100px;margin-bottom: 100px; display: -webkit-box; display: -ms-flexbox; display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; position: 	relative;	}

.perfil-paciente .box-header .box-hombres, .perfil-paciente .box-header .box-mujeres {-ms-flex-preferred-size: 40%;flex-basis: 40%; z-index: 10;}
.perfil-paciente .box-header .box-hombres .title, .perfil-paciente .box-header .box-mujeres .title{font-size: 14px;font-weight: 700;text-transform: uppercase;color:#283e59; text-align: center;}
.perfil-paciente .box-header .box-esquema-central{position: absolute;top:100px; left:270px}

.perfil-paciente .sintomas-notasteis .title{font-size: 14px;font-weight: 700;text-transform: uppercase;color:#283e59; margin-bottom: 50px; text-align: center;}
.perfil-paciente .sintomas-notasteis .box-sintomas{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;-ms-flex-wrap: wrap;flex-wrap: wrap;}

.perfil-paciente .sintomas-notasteis .box-sintomas .subbox-sintomas1 .item,
.perfil-paciente .sintomas-notasteis .box-sintomas .subbox-sintomas2 .item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; min-height: 65px}
.perfil-paciente .sintomas-notasteis .box-sintomas .subbox-sintomas1 .item{margin-right: 30px}
.perfil-paciente .sintomas-notasteis .box-sintomas .subbox-sintomas1 .item p,
.perfil-paciente .sintomas-notasteis .box-sintomas .subbox-sintomas2 .item p{ max-width: 130px; margin-right: 20px; font-size: 13px;font-weight: 300;color:#283e59; text-align: right}
.perfil-paciente .sintomas-notasteis .box-sintomas .subbox-sintomas2 .item p{min-width: 130px;}

.perfil-paciente .edades { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 50px}
.perfil-paciente .edades .edad-sintomas .title{font-size: 14px;font-weight: 700;text-transform: uppercase;color:#283e59; text-align: center;margin-bottom: 50px}
.perfil-paciente .edades .hombre-leyendo, .perfil-paciente .edades .edad-sintomas{-ms-flex-preferred-size: 40%;flex-basis: 40%}
.perfil-paciente .edades .edad-sintomas{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative;}
.perfil-paciente .edades .edad-sintomas p:nth-of-type(2){position: absolute;top: 75px; left: 21px; max-width: 50px; color:#283e59}
.perfil-paciente .edades .edad-sintomas p:nth-of-type(3){position: absolute;top: 77px; right: 13px; max-width: 50px; color:#283e59}
.perfil-paciente .edades .edad-sintomas p:nth-of-type(4){position: absolute;bottom:-58px; left: 130px; max-width: 50px; color:#283e59}
.perfil-paciente .edades .edad-sintomas p:nth-of-type(5){position: absolute;bottom: -25px; right: 22px; max-width: 50px; color:#283e59}

.perfil-paciente .tiempo-revisiones{margin-top: 50px;position: relative;}
.perfil-paciente .tiempo-revisiones .acudir-especialista1 {margin-left: 12%; display:block; position: relative;}
.perfil-paciente .tiempo-revisiones .acudir-especialista1 .title{font-size: 14px;font-weight: 700;text-transform: uppercase;color:#283e59; text-align: center;margin-bottom: 50px;max-width: 250px}
.perfil-paciente .tiempo-revisiones .acudir-especialista1 p:nth-of-type(2){position: absolute;top: 125px; left: -50px; max-width: 50px;font-size: 13px;font-weight: 500px; color:#283e59}
.perfil-paciente .tiempo-revisiones .acudir-especialista1 p:nth-of-type(3){position: absolute;top: 75px; left: 211px; max-width: 50px;font-size: 13px;font-weight: 500px; color:#283e59}
.perfil-paciente .tiempo-revisiones .acudir-especialista1 p:nth-of-type(4){position: absolute;top: 200px; left: 239px; max-width: 50px;font-size: 13px;font-weight: 500px; color:#283e59}
.perfil-paciente .tiempo-revisiones .acudir-especialista1 p:nth-of-type(5){position: absolute;top: 275px; left: 201px; max-width: 50px;font-size: 13px;font-weight: 500px; color:#283e59}
.perfil-paciente .tiempo-revisiones .acudir-especialista1 p:nth-of-type(6){position: absolute;top: 325px; left: 60px;font-size: 13px;font-weight: 500px; color:#283e59}


.perfil-paciente .tiempo-revisiones .acudir-especialista2 {margin-left: 10%; display:block; position: relative;margin-top: 50px}
.perfil-paciente .tiempo-revisiones .acudir-especialista2 .title{font-size: 14px;font-weight: 700;text-transform: uppercase;color:#283e59; text-align: center;margin-bottom: 50px;max-width: 250px}
.perfil-paciente .tiempo-revisiones .acudir-especialista2 p:nth-of-type(2){position: absolute;top: 100px; left: -45px; max-width: 50px;font-size: 13px;font-weight: 500px; color:#283e59;text-align: center}
.perfil-paciente .tiempo-revisiones .acudir-especialista2 p:nth-of-type(3){position: absolute;top: 140px; left: 230px; max-width: 150px;font-size: 13px;font-weight: 500px; color:#283e59; text-align: center}
.perfil-paciente .tiempo-revisiones .acudir-especialista2 p:nth-of-type(4){position: absolute;top: 235px; left: 230px; max-width: 130px;font-size: 13px;font-weight: 500px; color:#283e59; text-align: center;}
.perfil-paciente .tiempo-revisiones .pantalla-revision{position: absolute;top: 90px;right: 50px}



.perfil-paciente .soluciones-escogidas{margin-top: 50px; position: relative;margin-top: 50px;position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: space-evenly;-ms-flex-pack: space-evenly;justify-content: space-evenly; -ms-flex-wrap: wrap; flex-wrap: wrap;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;}
.perfil-paciente .soluciones-escogidas .title{font-size: 14px;font-weight: 700;text-transform: uppercase;color: #283e59; margin-bottom: 50px;text-align: center; max-width: 270px;}
.perfil-paciente .soluciones-escogidas .title.more-margin{margin-bottom: 120px}
.perfil-paciente .soluciones-escogidas .solucion-escogida p:nth-of-type(2){position: absolute;top: 90px; left: 28px; max-width: 102px;font-size: 13px;font-weight: 500px; color:#283e59;text-align: center}
.perfil-paciente .soluciones-escogidas .solucion-escogida p:nth-of-type(3){position: absolute;top: 90px; left: 223px; max-width: 120px;font-size: 13px;font-weight: 500px; color:#283e59;text-align: center}
.perfil-paciente .soluciones-escogidas .solucion-escogida p:nth-of-type(4){position: absolute;top: 170px; left: 362px; max-width: 100px;font-size: 13px;font-weight: 500px; color:#283e59;text-align: left}
.perfil-paciente .soluciones-escogidas .solucion-escogida p:nth-of-type(5){position: absolute;top: 220px; left: 362px; max-width: 90px;font-size: 13px;font-weight: 500px; color:#283e59;text-align: left}
.perfil-paciente .soluciones-escogidas .usando-metodo{margin-left: 20px}
.perfil-paciente .soluciones-escogidas .usando-metodo .box-imgs{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;}
.perfil-paciente .soluciones-escogidas .usando-metodo .box-imgs >img{margin-right: 15px;}
.perfil-paciente .soluciones-escogidas .gafas{position: absolute; bottom: -52px;left: 95px;}


.modal-content .modal-body.encuesta-mayores .footer{width: 100%; padding: 6rem 0; background-color: #283e59;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.modal-content .modal-body.encuesta-mayores .footer img{-webkit-transform: scale(.9);transform: scale(.9);}
.modal-content .modal-body.encuesta-mayores .footer p{text-align: center;color: #fff;font-size: 11px;  margin-left: 27px; line-height: .4;}






/*MEDIA QUERYS*/

@media(max-width: 768px){
	.modal-dialog{margin: 30px 20px 0}
	.modal-content{border:none;}
	.modal-body.encuesta-mayores .conocimiento-enfermedades .bandera>span{left: 207px;}
	.conocimiento-presbicia .bandera span{right: 279px}
	.conocimiento-presbicia .box-operacion .consiste-operacion .title{min-height: 70px}
	.perfil-paciente .box-header .box-esquema-central{left: 244px;}
	.perfil-paciente .soluciones-escogidas .solucion-escogida p:nth-of-type(4){left: 352px}
	.perfil-paciente .soluciones-escogidas .solucion-escogida p:nth-of-type(5){left: 352px}


	.perfil-paciente .soluciones-escogidas .gafas{left: 80px;}
}


@media(max-width: 425px){

br.hidden-xxs{display: none;}

.modal-body.encuesta-mayores .encuesta-mayores__header .title {font-size: 65px}
.modal-body.encuesta-mayores .encuesta-mayores__header{ min-height: 510px;}
.modal-body.encuesta-mayores .conocimiento-enfermedades .bandera{background-size: 410px;}
.modal-body.encuesta-mayores .conocimiento-enfermedades{min-height: 175rem}
/*.modal-body.encuesta-mayores .conocimiento-enfermedades .bandera{background: none;}*/
/*.modal-body.encuesta-mayores .conocimiento-enfermedades .bandera span{position: initial;text-align: center;display: block;margin-top: 30px}*/
.modal-body.encuesta-mayores .conocimiento-enfermedades .bandera>span{left: 38px;top: 21px}
.modal-body.encuesta-mayores .conocimiento-enfermedades .maquina-graduacion{left: 55px;max-width: 320px}
.modal-body.encuesta-mayores .conocimiento-enfermedades .maquina-graduacion .subtitle{bottom: 123px;left: -16px}
.modal-body.encuesta-mayores .conocimiento-enfermedades .maquina-graduacion p:nth-of-type(3){bottom: 90px;left: -17px}
.modal-body.encuesta-mayores .conocimiento-enfermedades .maquina-graduacion p:nth-of-type(4){bottom: 3px;left: 0}
.modal-body.encuesta-mayores .conocimiento-enfermedades .maquina-graduacion p:nth-of-type(5){bottom: -3px;left: 155px}
.modal-body.encuesta-mayores .conocimiento-enfermedades .maquina-graduacion p:nth-of-type(6){bottom: -15px;left: 240px	;}
.modal-body.encuesta-mayores .conocimiento-enfermedades .encuesta-problemas{top:870px;bottom: 0}
.modal-body.encuesta-mayores .conocimiento-enfermedades .encuesta-lugar-revision{top: 1450px;}


.modal-body.encuesta-mayores .conocimiento-presbicia{min-height: 247rem}
.conocimiento-presbicia .bandera{background: url(../imagenes/infografias/encuesta-mayores/conocimiento-presbicia/bandera-450.png) no-repeat center; background-size:400px;position: relative;	height: 70px;top: 40px}
/*.conocimiento-presbicia .bandera{background: none;}*/
.conocimiento-presbicia .bandera span{text-align: center;position:	absolute; top:22px;right:108px}
.conocimiento-presbicia .box-sobre-presbicia{margin-top: 30px}
.conocimiento-presbicia .box-sobre-presbicia .que-es-presbicia .title{margin-top: 50px}
.conocimiento-presbicia .box-sobre-presbicia .quien-padece .title{margin-top: 50px}
.conocimiento-presbicia .box-sobre-presbicia .quien-padece .item-quien-padece p:nth-of-type(1){bottom: 217px;right: -34px}

.conocimiento-presbicia .box-sobre-presbicia .quien-padece .item-quien-padece p:nth-of-type(3){bottom: -70px;left: -12px}
.conocimiento-presbicia .box-sobre-presbicia .quien-padece .item-quien-padece p:nth-of-type(4){right: -17px}

.conocimiento-enfermedades .encuesta-lugar-revision .title{left: -20px;}
.conocimiento-presbicia .box-operacion .consiste-operacion .title{margin-top: 50px}
.conocimiento-presbicia .box-operacion .operado-presbicia{-ms-flex-preferred-size: 80%;flex-basis: 80%}

.conocimiento-presbicia .box-operacion .consiste-operacion p:nth-of-type(2){top: 150px;left: -20px;}
.conocimiento-presbicia .box-operacion .consiste-operacion p:nth-of-type(3){top: 120px;right: -50px;}
.conocimiento-presbicia .box-operacion .consiste-operacion p:nth-of-type(4){bottom: -77px;right: 109px;min-width: 200px;max-width: 0}
.conocimiento-presbicia .box-operacion .consiste-operacion p:nth-of-type(5){bottom: -57px;right: -28px;}

.modal-body.encuesta-mayores .perfil-paciente{min-height: 280rem}
.perfil-paciente .bandera {background-size: 400px}
.perfil-paciente .bandera span{text-align: center; width: 100%; position: absolute; top: 20px; right: 0;}
.perfil-paciente .box-header{-ms-flex-pack: distribute;justify-content: space-around;margin-top: 100px;margin-bottom: 50px}
.perfil-paciente .box-header .box-hombres, .perfil-paciente .box-header .box-mujeres{-ms-flex-preferred-size: 0%;flex-basis: 0%;}

/*.perfil-paciente .box-header .box-mujeres{margin-top: 50px;}*/
.perfil-paciente .sintomas-notasteis .box-sintomas .subbox-sintomas2{min-width: 360px}

.perfil-paciente .edades .edad-sintomas p:nth-of-type(2){left: -7px}
.perfil-paciente .edades .edad-sintomas p:nth-of-type(3){left: 203px;min-width: 70px}
.perfil-paciente .edades .edad-sintomas p:nth-of-type(4){left: 83px}
.perfil-paciente .edades .edad-sintomas p:nth-of-type(5){left: -22px}

.perfil-paciente .tiempo-revisiones{margin-top: 80px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;}
.perfil-paciente .tiempo-revisiones .acudir-especialista1,
.perfil-paciente .tiempo-revisiones .acudir-especialista1{margin-left: 0%}
.perfil-paciente .tiempo-revisiones .acudir-especialista2 p:nth-of-type(3){top: 80px; left: 170px; min-width: 140px}
.perfil-paciente .tiempo-revisiones .acudir-especialista2 p:nth-of-type(4){top: 245px; left: 194px;min-width: 120px;text-align: center;}
.perfil-paciente .soluciones-escogidas .title.more-margin{margin-bottom: 80px}
.perfil-paciente .soluciones-escogidas .solucion-escogida p:nth-of-type(2){top: 50px}
.perfil-paciente .soluciones-escogidas .solucion-escogida p:nth-of-type(3){top: 52px;left: 240px;text-align: left;}
.perfil-paciente .soluciones-escogidas .solucion-escogida p:nth-of-type(4){top: 101px; left: 312px; min-width: 100px}
.perfil-paciente .soluciones-escogidas .solucion-escogida p:nth-of-type(5){top: 206px; left: 312px; min-width: 90px;}

.perfil-paciente .soluciones-escogidas .usando-metodo{margin-left: 0; margin-top: 50px;}




}

@media(max-width: 375px){
.modal-body.encuesta-mayores .conocimiento-enfermedades .bandera{background-size: 370px 70px;height: 90px;}
.modal-body.encuesta-mayores .conocimiento-enfermedades .bandera span{text-align: center;padding: 0 15px;left: unset;}
.conocimiento-presbicia .bandera{background-size: 310px;}
.conocimiento-presbicia .bandera span{top: 22px; right: 75px;}
.conocimiento-presbicia .box-sobre-presbicia .que-es-presbicia .items-presbicia .item p{min-width: 110px;}
.modal-body.encuesta-mayores .conocimiento-enfermedades .maquina-graduacion .subtitle{bottom: 110px;left: -20px}
.modal-body.encuesta-mayores .conocimiento-enfermedades .maquina-graduacion p:nth-of-type(3){bottom: 84px;left: -20px}
.modal-body.encuesta-mayores .conocimiento-enfermedades .maquina-graduacion p:nth-of-type(5){bottom: 3px;left: 146px}
.modal-body.encuesta-mayores .conocimiento-enfermedades .maquina-graduacion p:nth-of-type(6){left: 223px;}
.modal-body.encuesta-mayores .conocimiento-enfermedades{min-height: 170rem;}
.modal-body.encuesta-mayores .conocimiento-enfermedades .encuesta-problemas{top: 810px;margin-top: 50px}
.modal-body.encuesta-mayores .conocimiento-enfermedades .encuesta-lugar-revision{top: 1420px;}
.modal-body.encuesta-mayores .conocimiento-presbicia{min-height: 256rem}

.perfil-paciente .box-header{-ms-flex-pack: distribute;justify-content: space-around;margin-top: 50px;margin-bottom: 50px}
.perfil-paciente .bandera {background-size: 310px;top: 40px}
.perfil-paciente .tiempo-revisiones .acudir-especialista2 p:nth-of-type(3){top: 72px; left: 128px;text-align: right;}
.perfil-paciente .tiempo-revisiones .acudir-especialista2 p:nth-of-type(4){top: 254px;left: 171px;text-align: center}

.perfil-paciente .soluciones-escogidas .solucion-escogida p:nth-of-type(3){top: 52px;left: 180px;text-align: center}
.perfil-paciente .soluciones-escogidas .solucion-escogida p:nth-of-type(4){top: 101px; left: 278px;}
.perfil-paciente .soluciones-escogidas .solucion-escogida p:nth-of-type(5){top: 206px;left: 278px}

}



@media(max-width: 320px){
.modal-body.encuesta-mayores .encuesta-mayores__header{ min-height: 450px;}
.modal-body.encuesta-mayores .conocimiento-enfermedades .bandera{background-size: 315px 70px;}
.modal-body.encuesta-mayores .conocimiento-enfermedades{min-height: 184rem}
.modal-body.encuesta-mayores .conocimiento-enfermedades .maquina-graduacion{left: 34px;margin-top: 60px}
.modal-body.encuesta-mayores .conocimiento-enfermedades .maquina-graduacion .title{position: absolute;
    left: 3px;top: -45px;}
.modal-body.encuesta-mayores .conocimiento-enfermedades .maquina-graduacion .subtitle{bottom: 111px;left: -26px}

.modal-body.encuesta-mayores .conocimiento-enfermedades .maquina-graduacion p:nth-of-type(3){bottom: 79px;left: -26px}
.modal-body.encuesta-mayores .conocimiento-enfermedades .maquina-graduacion p:nth-of-type(4){bottom: -7px;left: -15px}
.modal-body.encuesta-mayores .conocimiento-enfermedades .maquina-graduacion p:nth-of-type(5){bottom: 3px;left: 135px}
.modal-body.encuesta-mayores .conocimiento-enfermedades .maquina-graduacion p:nth-of-type(6){
left: 209px; bottom: -16px}

.modal-body.encuesta-mayores .conocimiento-enfermedades .encuesta-problemas{top: 710px;left: 0; right: 0}
.modal-body.encuesta-mayores .conocimiento-enfermedades .encuesta-problemas .title{text-align: center}
.modal-body.encuesta-mayores .conocimiento-enfermedades .encuesta-problemas .item-problemas{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;margin-bottom: 10px;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.modal-body.encuesta-mayores .conocimiento-enfermedades .encuesta-problemas .item-problemas p{text-align: center}
.modal-body.encuesta-mayores .conocimiento-enfermedades .encuesta-lugar-revision{top: 1550px}
.modal-body.encuesta-mayores .conocimiento-enfermedades .encuesta-lugar-revision .title{left: 20px}

.modal-body.encuesta-mayores .conocimiento-presbicia{min-height: 280rem}
.conocimiento-presbicia .bandera span{right: 55px}
.conocimiento-presbicia .box-sobre-presbicia .que-es-presbicia .items-presbicia .item{display: block;}
.conocimiento-presbicia .box-sobre-presbicia .que-es-presbicia .items-presbicia .item p{text-align: center;width: 100%}
.conocimiento-presbicia .box-sobre-presbicia .quien-padece .item-quien-padece p:nth-of-type(1){bottom: 237px;right: -5px}
.conocimiento-presbicia .box-sobre-presbicia .quien-padece .item-quien-padece p:nth-of-type(2){    bottom: 9px;left: -11px;}
.conocimiento-presbicia .box-operacion .consiste-operacion p:nth-of-type(3){top: 128px; right: -30px; max-width: 110px}


.modal-body.encuesta-mayores .perfil-paciente{min-height:300rem}
.perfil-paciente .box-header{margin-top: 50px; margin-bottom: 50px}
.perfil-paciente .box-mujeres >img{max-width: 310px}
.perfil-paciente .sintomas-notasteis .box-sintomas .subbox-sintomas1 .item,
.perfil-paciente .sintomas-notasteis .box-sintomas .subbox-sintomas2 .item{-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;margin-bottom: 20px; margin-right: 0 }
.perfil-paciente .sintomas-notasteis .box-sintomas .subbox-sintomas1 .item p,
.perfil-paciente .sintomas-notasteis .box-sintomas .subbox-sintomas2 .item p{max-width: 100%;text-align: center;margin-right: 0}
.perfil-paciente .tiempo-revisiones .acudir-especialista1 p:nth-of-type(2){top: 95px; left: -20px}
.perfil-paciente .tiempo-revisiones .acudir-especialista2 p:nth-of-type(3){top: 72px; left: 116pc;}
.perfil-paciente .tiempo-revisiones .acudir-especialista2 p:nth-of-type(4){top: 254px;left: 128px;text-align: right}
.perfil-paciente .soluciones-escogidas .solucion-escogida p:nth-of-type(2){top: 229px;left: 44px}
.perfil-paciente .soluciones-escogidas .solucion-escogida p:nth-of-type(3){top: 52px;left: 80px;text-align: right; font-size: 12px;}
.perfil-paciente .soluciones-escogidas .solucion-escogida p:nth-of-type(4){top: 101px;left: 212px; font-size: 12px;}
.perfil-paciente .soluciones-escogidas .solucion-escogida p:nth-of-type(5){left: 230px;; font-size: 12px;}

}

/*INCLUDE  AUTHOR.PHP************************************/

.box.author{padding: 0px; margin: 0;background: #ededed;}
.box.author.bg-retina{background:#dad9d9 ;}/*Este Bg es para darle background al contenedor de autor de retina*/

.box.author p{padding: 5px;text-align:left;font-size: 12px; margin: 0;}
.box.author a{text-decoration: underline;}
@media(min-width:600px){
	.box.author p{text-align: right;}
}

/* END INCLUDE  AUTHOR.PHP************************************/

/*.interna.miopia-hipermetropia-astigmatismo .col-btn h2{min-height: 60px;}
.interna.miopia-hipermetropia-astigmatismo .btn-box.testimonios{bottom: -20px; border-radius: 6px;}

@media(max-width:425px){
	.interna.miopia-hipermetropia-astigmatismo .btn-box.testimonios{max-width: 60%;    left: calc(50% - 115px);}
}
@media(max-width:320px){
	.interna.miopia-hipermetropia-astigmatismo .btn-box.testimonios{left: calc(50% - 90px);}
	.interna.miopia-hipermetropia-astigmatismo .btn-box.testimonios .text{font-size: 16px;}
}*/

/* MODAL DONFIGURACION DE COOKIES*/

.config-cookies-dropdown{}
.config-cookies-dropdown .box-flex{display: flex; justify-content: space-between; align-items: center;}
.config-cookies-dropdown .panel-heading{position: relative;}
.config-cookies-dropdown .panel-title{padding-left: 20px;}
.config-cookies-dropdown .icon-collapse{top: 8px;left: 4px;}
.config-cookies-dropdown .box-btns-acepRech{display: flex;min-width: 250px;justify-content: space-around;align-items: center;}
.config-cookies-dropdown .box-btns-acepRech a{ padding: 5px; border: 1px solid #cccccc;border-radius: 5px;color: #cccccc;min-width: 110px;text-align: center;}
.config-cookies-dropdown .box-btns-acepRech a:hover{color: #949292; border: 1px solid #949292;}
.config-cookies-dropdown .aceptado{background:url(../imagenes/iconos/tick-white.png)no-repeat left 3px center #039403; border: 1px solid #039403!important;color: #ffffff!important;}
.config-cookies-dropdown .rechazado{background:url(../imagenes/iconos/close-white-16x16.png)no-repeat left 6px center red;background-size: 10px;  border: 1px solid red!important;color: #ffffff!important;}

#configCookies .nuestros-socios{text-align: center;    padding: 20px 0 40px;}
#configCookies .nuestros-socios a{background: #004b93;color: #ffffff;padding: 10px 20px;border: 1px solid white;border-radius: 5px;text-align: right;}
#configCookies .btn-nuestros-socios{text-align: center;background: blue;color: white;padding: 7px 20px;background: #004b93;border-radius: 5px;}
#configCookies .acepRech-todo{display: flex;justify-content:space-around;align-items: flex-start;padding: 10px 0;border-radius: 3px;border: 1px solid #cccccc;}
#configCookies .acepRech-todo a{ background: #004b93;color:#ffffff;padding: 10px 20px;border: 1px solid white;border-radius: 5px;}
#configCookies .acepRech-todo a:last-child{background:#ffffff; border: 1px solid #004b93;border-radius: 5px; color: #004b93 }

@media (max-height:600px){
	#configCookies .modal-content{ max-height: 250px;
		overflow-y: auto;}
}


	@media (max-width:767px){
		#configCookies .modal-dialog{max-height: 690px;overflow-y: auto;}
	}

	@media (max-width:600px){

		#configCookies .modal-content{    padding: 25px;}
		.config-cookies-dropdown .box-flex{flex-direction: column;margin-bottom: 10px;    align-items: flex-start;}
		#configCookies .acepRech-todo a{padding: 10px 10px;}
	}
	@media (max-width:320px){
		#configCookies .close{ margin-top: 0px;	margin-right: 0px;}
		#configCookies .modal-content{padding:0}
		.config-cookies-dropdown .box-btns-acepRech{min-width: 240px;}

	}

/* MODAL VER NUESTROS SOCIOS*/
#nuestrosSocios .modal-title{position: relative;padding-left: 50px;}
#nuestrosSocios .modal-title:hover{color: #004b93;}
#nuestrosSocios .modal-title:before{background: url(../imagenes/iconos/arrow-comeback-blue.png)no-repeat; content: ""; position: absolute;top:0px; left: 0px;width: 40px; height: 40px;	}

#nuestrosSocios .item-todos-los-socios{background: #edededed;padding: 10px;display: flex;justify-content: space-between;align-items: center;}
#nuestrosSocios .box-todos-socios{border: 1px solid #edededed;padding: 10px;    margin-bottom: 30px;max-height: 260px; overflow-y: auto;}
#nuestrosSocios .box-todos-socios .item-socio{display: flex;justify-content: space-between;align-items: center;margin-bottom:10px}

#nuestrosSocios .box-btns-bloqAuto{display: flex;min-width: 250px;justify-content: space-around;align-items: center;}
#nuestrosSocios .box-btns-bloqAuto a{padding: 5px; border: 1px solid #cccccc;border-radius: 5px;color: #cccccc;min-width: 110px;text-align: center;}
#nuestrosSocios .box-btns-bloqAuto a:hover{color: #949292; border: 1px solid #949292;}
#nuestrosSocios .autorizar{background:url(../imagenes/iconos/tick-white.png)no-repeat left 3px center #039403; border: 1px solid #039403!important;color: #ffffff!important;}
#nuestrosSocios .bloquear{background:url(../imagenes/iconos/close-white-16x16.png)no-repeat left 6px center red;background-size: 10px;  border: 1px solid red!important;color: #ffffff!important;}
#nuestrosSocios .btn-guardar{text-align: right;}
#nuestrosSocios .btn-guardar a{background: #004b93;color: #ffffff;padding: 10px 20px;border: 1px solid white;border-radius: 5px; text-align: right;}

@media (max-height:700px){
	#nuestrosSocios .modal-content{ max-height: 250px;
		overflow-y: auto;}
}





	@media (max-width:600px){
		#nuestrosSocios .modal-content{max-height: 690px;overflow-y: auto;}
		#nuestrosSocios .item-todos-los-socios{flex-direction: column;}
		#nuestrosSocios .box-todos-socios .item-socio{flex-direction: column;border-bottom: 1px solid #edededed;padding-bottom: 10px;}
	}
	@media (max-width:425px){
		#nuestrosSocios .modal-content{padding: 25px;}
	}
	@media (max-width:320px){
		#nuestrosSocios .panel-title{    font-size: 13px;}
		#nuestrosSocios .modal-body{padding:0;}
		#nuestrosSocios .box-btns-bloqAuto{    min-width: 210px;}
		#nuestrosSocios .box-btns-bloqAuto a{min-width: 80px;}
	}

/* MOSCA CORONAVIRUS*/

/* box lateraL coronavirus*/
.comuniccacion-lateral{cursor: pointer;text-decoration: none; position: fixed;top: 50%;right: -43px;z-index: 999;    background: #004286;color: #ffffff!important;padding: 20px 30px;transform: rotate(-90deg);text-align: center;font-size: 20px;
}
.comuniccacion-lateral:hover{color:#ffffff!important;text-decoration: none;}

/*PAGE CORONAVIRUS*/
.box-coronavirus{padding: 50px 0 50px;}
.box-coronavirus h1{text-align: center;font-size: 25px;margin-bottom: 20px;}

.box-medidas p{font-size: 15px; text-align: center;}
.box-medidas .box {display: flex;justify-content: space-between;align-items: flex-start;    margin-bottom: 30px;}
.box-medidas .box .item{text-align: center;flex-basis: 29%;}
.box-medidas .box .item img{margin-bottom: 25px}
@media(max-width:767px){
	.box-medidas .box{    flex-direction: column;align-items: center;}
}

@media(max-width: 550px){
	.box-coronavirus{padding: 0px 0 50px;}
	.box-coronavirus h1{text-align: left;font-size: 22px;}
}
@media(max-width: 375px){
	.box-coronavirus h1{font-size: 20px;}
}





/* MODAL CORONAVIRUS*/
#coronavirus.modal{top: 10%;}
#coronavirus .modal-dialog{max-width: 500px}

#coronavirus .modal-content{color: #ffffff; padding: 0}
#coronavirus .modal-header{background: #004286;}
#coronavirus .close{opacity: 1;color: white; margin-top: 0; margin-right: 0}
#coronavirus .modal-title{font-size: 18px;color: #ffffff; font-weight: bold;}
#coronavirus .modal-body{color:#004286;     display: flex;
    justify-content: space-between;
    align-items: flex-start;}
#coronavirus .modal-body p{ font-size: 16px; margin: 0;display: inline-block; width: 50%; padding: 0 10px 0 0}
#coronavirus .modal-body a{text-align: center;width: 100%;margin: 0 auto;color: white;display: inline-block;border: 2px solid #fbad00;background:#fbad00;padding: 10px;border-radius: 4px;max-width: 200px; font-size: 15px; font-weight: bold;}
#coronavirus .modal-body a:hover{border: 2px solid #fbad00; color:#fbad00; background: #ffffff;}
	@media(max-width: 767px){
		#coronavirus .modal-body{
			flex-direction: column; justify-content: center; align-items: center;
		}
		#coronavirus .modal-body p {width: 100%; padding: 0 10px 20px;}
	}

	@media (max-width:425px){
		#coronavirus .close{margin-top: unset;}
		#coronavirus .modal-title {font-size: 16px}
		#coronavirus.modal{top: 2%;}
		#coronavirus .modal-content {padding-bottom: 20px}
	}

	@media (max-width: 325px){
		#coronavirus.modal {top: 1%;}
		#coronavirus .modal-dialog {margin:0 10px;}
		#coronavirus .modal-title {font-size: 14px}
		/*.mobile-footer {z-index: 999}*/

	}


.header-covid { position: relative;padding: 0}
.header-covid .slider-home {min-height: 580px;}
.header-covid .container {position: relative;}
.flying-form {position: absolute; right: 0; z-index: 1; top: 65px;}

.modal-backdrop.fade.in.modal-backdrop.in {z-index: 10}

.modal-consulta-baviera .modal-dialog .modal-content {padding: 0}
#consulta-dr-covid .modal-content .modal-body, #consulta-dr-covid-gracias .modal-content .modal-body {background-image: url(../imagenes/slider/modal.jpg); background-color: #c6ddef; background-size: 615px;}
#consulta-dr-covid select, #consulta-dr-covid-gracias select{background: url(../imagenes/iconos/arrow-down-navy.png)no-repeat right 12px center #fff; -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;}
.header-covid .flying-form form {min-width: 305px}
.header-covid .form-container form span.form-btn>span { font-size: 32px}

@media (max-width: 767px){
	#consulta-dr-covid .modal-content .modal-body, #consulta-dr-covid-gracias .modal-content .modal-body {background-image: none; padding-bottom: 120px}
	.modal-open {-webkit-overflow-scrolling: touch;	}

}
@media(max-width: 425px){
	.header-covid .slider-home {min-height: 275px;    background-size: contain;}
	.header-covid {padding: 0}
	.comuniccacion-lateral {font-size: 16px; padding: 5px 15px; right: -40px}


}



/*carousel testimonios home*/


.carousel-testimonios .carousel-custom {max-width: 650px; margin: 0 auto;}
.carousel-testimonios .carousel-custom .item .inner-testimonio{ display: flex; justify-content: center; align-items: center; flex-direction: column; width: 100%;}
.carousel-testimonios .carousel-custom  .carousel-control.right, .carousel-testimonios .carousel-custom  .carousel-control.left {background-image: none}
.carousel-testimonios .carousel-custom  .carousel-control.right {right: -60px}
.carousel-testimonios .carousel-custom  .carousel-control.left {left: -60px;}

.carousel-testimonios .btn {    width: 100%;
    max-width: 330px;
    margin: 30px auto;
	display: block;}

	/* PAGE FORMULARIO PACIENTES .PHP*/
.formulario-pacientes .box-flex{display: flex;justify-content: space-between;align-items: center;    margin: 10px 0;}
.formulario-pacientes .separata{margin: 30px 0;}
.formulario-pacientes .title-cabecera{margin-bottom: 30px; font-size:20px ;}
.formulario-pacientes input{width: 100%;font-size: 13px;border-radius: 4px;border: 1px solid #ccdbe9;height: 45px;padding: 13px;}
.formulario-pacientes .container-box-flex{display: flex; justify-content: space-between;align-items: center;}
.formulario-pacientes .container-box-flex .box-flex{flex-basis: 49%;}
.formulario-pacientes .container-box-flex .box-flex label{width:35%}
.formulario-pacientes select{background: url(../imagenes/iconos/arrow-down-navy.png)no-repeat right 12px center #fff;width: 100%;font-size: 13px;border-radius: 4px;border: 1px solid #ccdbe9;height: 45px;padding: 13px;}
/* .formulario-pacientes .box-check-radio{ max-width: 400px;} */
.formulario-pacientes .container-input-radio .box-input-radio{display: flex; justify-content: flex-end;justify-content: flex-start;align-items: center;}


/* .formulario-pacientes .box-check-radio2{ max-width: 700px;} */
.formulario-pacientes .wd10{min-width: 10%;}
.formulario-pacientes .min-wd13{min-width: 13%;}
.formulario-pacientes .wd13{max-width: 13%;}
.formulario-pacientes .wd30{max-width: 30%;}
.formulario-pacientes .wd650{max-width: 650px;}
.formulario-pacientes .margin-xs{    margin: 20px 0;}
.formulario-pacientes .box-check-radio label{width: 100%;}
/* .formulario-pacientes .box-check-radio.wd650 label:first-child{width: 73%;} */
.formulario-pacientes input[type="radio"]{visibility: visible; width: 15px;height: 15px;padding: 5px;     margin: 0 5px 0 20px;}
.formulario-pacientes .motivos-visita{margin: 0 0 40px;}
.formulario-pacientes .motivos-visita input{margin-bottom: 20px;}
.formulario-pacientes .btn-legal{    margin-left: 3%;}
.formulario-pacientes .btn-enviar-datos{color: #ffffff;background: #004286;border-radius: 5px;width: 95%;padding: 10px 0;margin: 20px auto;display: block;font-weight: bold;-webkit-appearance: none;cursor: pointer;text-align: center;max-width: 300px;}

/* MEDIAS QUERY*/

@media(max-width:767px){
	.formulario-pacientes .box-flex{flex-direction: column;}
	.formulario-pacientes .box-flex.aux-flex{align-items: flex-start;}
	.formulario-pacientes .box-flex.aux-flex .box-flex{flex-direction: unset;}
	.formulario-pacientes .wd10{width: 100%; min-width:	unset}
	.formulario-pacientes .min-wd13{width: 100%;}
	.formulario-pacientes .wd13{max-width: unset;width: 100%;}

	.formulario-pacientes .container-box-flex{flex-direction: column;}
	.formulario-pacientes .container-box-flex .box-flex{flex-direction: column;width: 100%;}
	.formulario-pacientes .container-box-flex .box-flex label{width: 100%}
	.formulario-pacientes .motivos-visita .item-radio{ display: flex;justify-content: flex-start;align-items: flex-start;    margin-bottom: 10px;}
}


/* text- medidas de higiene del index*/
.text-medidas{margin-left: 23%;font-size: 20px; color: #337ab7;}
	@media(max-width:1750px){
		.text-medidas{margin-left: 21%;}
	}
	@media(max-width:1024px){
		.text-medidas{margin-left: -50px; text-align: center;}
	}
	@media(max-width:450px){
		.text-medidas{font-size: 14px;padding: 0 15px;    margin-left: 0;margin-bottom:0 ;}
	}

/* modificacion de icono en page glaucoma*/
.box-icono-text{display: flex;justify-content: flex-start;align-items:center ;margin: 20px 0;}
.box-icono-text .ico{min-width: 110px;}
.box-icono-text .box-icono-text__content-text{    max-width: 700px;}

	@media(max-width:1023px){
		.box-icono-text .box-icono-text__content-text{    max-width: 500px;}
	}
	@media(max-width:767px){
		.box-icono-text{flex-direction: column;align-items: center; margin: 10px 0}
		.box-icono-text .box-icono-text__content-text p{text-align: center;}
	}