/**===== HEADER SECTION =====**/
.header .nav-header{ max-width: 1024px; margin: 0 auto!important; padding: 20px 0px;}
.cont-franja {max-width: 1024px; margin: 0 auto!important;}

nav.navbar.navbar-expand-lg.navbar-light {
	min-height: initial;
  	margin-bottom: 0;
	padding: 0px!important;
}

.n_compania {color: #FFFFFF;text-align: left;font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size: 17px;font-weight: normal;line-height: 36px;}
.franja_eps { height: 41px; width: 100%; background: #00a3e0;}
.franja_eps .rokajaxsearch input { border: 1px solid #00a3e0; padding: 2px 10px; width: 100%;}
.franja_sura{height: 60px;}
.pull-left{float:left;}
.pull-right {float:right;}
#menu_superior a,#menu_superior span{color:#1C3E8D !important;font-size:14px;font-weight:normal;text-decoration:none;}
#menu_superior li.active > a {font-family: FSJoey-Bold;}
#menu_superior a:hover{text-decoration:underline;}
#menu_superior li > a{padding-top:8px;padding-bottom:8px;margin-top:2px;margin-bottom:2px;-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;}
#menu_superior li {display:block!important;}
#menu_superior{margin:0px;direction: rtl; padding-right: 0px;}
#menu_superior > li > a, #menu_superior > li > a {padding-right: 6px;padding-left: 6px; margin: 0px;}
div#menu_otros span.titreck { display: block; margin-top: 5px;}
#menu_superior ul.nav-child.unstyled.small.dropdown-menu.show { padding: 10px 10px; text-align: left;}
.boton-micrositios { font-family: "Barlow-regular"; font-size: 18px!important; font-weight: normal; text-decoration: none!important; color: #FFFFFF !important; border: none!important; line-height: 22px!important;}

/*Menu principal*/
.menu_principal a,#menu_superior span{color:#FFFFFF !important;font-size:14px;font-weight:normal;text-decoration:none;}
.menu_principal li.active > a {font-family: FSJoey-Bold;}
.menu_principal a:hover{text-decoration:underline;}
.menu_principal li > a{padding-top:8px;padding-bottom:8px;margin-top:2px;margin-bottom:2px;-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;}
.menu_principal li {display:block!important;}
.menu_principal{margin:0px;}
.menu_principal > li > a, .menu_principal > li > a {padding-right: 9px;padding-left: 9px;}
.menu_principal a:hover, .menu_principal li:hover a{color:#FFFFFF;text-decoration:underline;}

/**===== FOOTER SECTION =====**/
#eps-footer.footer { background-color: #EEEEEE; padding-bottom: 50px;}
#eps-footer.footer .col2 > div { text-align: right;}
#eps-footer.footer .container .col2 a { font-size: 15px; text-decoration: underline; font-family: FsJoey-Bold; color: #0033A0!important;}
#eps-footer.footer .container a { color:#6B6B6B !important;font-size:13px;}
#eps-footer.footer p { margin:0px;}
#eps-footer.footer .container { color: #6B6B6B !important;font-size: 15px !important; padding-top: 20px}
#eps-footer.footer_contenido > .container { padding:30px 20px;}
#eps-footer.footer > .container-fluid > .container { padding:10px 20px;}

#eps-footer.footer .col1 img { width: 76px;}
#eps-footer.footer .col2 img { width: 20px;}
#eps-footer.footer .row { margin: 0px!important; align-items: flex-end;}
#eps-footer.footer { margin-top: 30px;}

#eps-footer.footer p.copy_eps { text-align: right;}

#eps-footer.footer #redes_sociales{color:#0033a0;font-size:10px;}
#eps-footer.footer #pie_nombre{color:#0033a0 !important;font-size:17px;}
#eps-footer.footer #pie_redes{color:#0033a0;font-size:10px;}
#eps-footer.footer #redes_sociales p, #eps-footer.footer #supersalud p {margin:0px;}
#eps-footer.footer #supersalud img {padding: 10px;}
#eps-footer.footer #menu_pata { background: #aaaaaa; padding: 8px 0px; justify-content: center;}

#eps-footer.footer #supersalud { margin-top:100px;position:absolute;}

#eps-footer.footer #menu_pata a{background:url("../images/separador_menu_pata.jpg") no-repeat scroll right center rgba(0, 0, 0, 0);color:#ffffff !important;font-family:"Arial";font-size:12px;font-weight:bold;margin:0;padding-left:10px;padding-right:10px;text-decoration:none;}
#eps-footer.footer #menu_pata li:last-of-type a{background: none;}
#eps-footer.footer #menu_pata a:hover{text-decoration:underline;}
#eps-footer.footer #menu_pata li > a{padding-top:8px;padding-bottom:8px;margin-top:2px;margin-bottom:2px;-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;}
#eps-footer.footer #menu_pata .nav, #eps-footer.footer #menu_pata>.nav, #eps-footer.footer #menu_pata{margin-left:no !important;}
#eps-footer.footer #menu_pata > li{float: left;}

@media (max-width: 991.98px){
#menu_superior ul.nav-child.unstyled.small.dropdown-menu.show { padding: 10px 10px; text-align: center;}
div#navbarNav { box-shadow: 0px 60px 20px rgba(0, 0, 0, 0.25); position: absolute; top: 60px; text-align: center; width: 100vw; right: -15px; display: block!important; background: #f1f3f4; padding: 20px 0px; transition: all 250ms linear; z-index: 9999; left: 50%; transform: translate(-75%, 0);}
div#navbarNav.collapse:not(.show) { padding: 0px; display: none!important; height: 0px;}
div#subnavbarNav { position: absolute; top: 32px; text-align: center; width: 100vw; right: -200px; background: #00339a; padding: 20px; z-index: 999; left: 50%; transform: translate(-37.5%, 0);}
div#subnavbarNav li,div#navbarNav li { padding:8px 0px!important;}

.nav-header .pull-right, .card-group { display: none;}

#roksearch_search_str { width: 100%; cursor: pointer; border-radius: 5px!important; background-position: 98% 50%!important; max-width: 90%;}

.boton-ingresar-micrositios { justify-content: center!important;}

ul.menu_principal_responsive { display: flex; margin: 0px; padding: 0px; flex-wrap: wrap; justify-content: center;}
ul.menu_principal_responsive li { display: flex; list-style: none; width: auto; min-width: 20%; border: 1px solid #0033A0; margin: 1%; min-height: 30px; border-radius: 5px; align-items: center; justify-content: center; text-align: center; font-family: fsjoey-regular; font-size: 15px;}
ul.menu_principal_responsive li a { color:#0033A0!important; padding: 10px; width: 100%; height: 100%;}

div#accesos_menup_resposive { margin-bottom: 15px;}
}


.footer-main-menu ul li a {
	display: inline-block;
	text-align: center;
}


@media (min-width: 769px) and (max-width: 991px) {
  .footer-txt .w-100 span:not([class]) { display: block; max-width:500px; }
}

@media (max-width: 768px) {

/* Ajuste en el menu superior y boton iniciar sesión */
.header {
	background-color: #fff;
}

.header .navbar.navbar-expand-lg .navbar-toggler:not(.boton-micrositios) {
	margin-bottom: 10px;
}

nav.navbar.navbar-expand-lg.navbar-light {
	padding-right: 10px !important;
}
/* Fin ajuste en el menu superior y boton iniciar sesión */

div#menu_otros { float: none;}
#menu_superior li { width: 100%;}
#menu_superior > li > a { border: none;}
#menu_otros .maximenumobiletogglericonck { display: none !important;}
#menu_otros ul.maximenuck .maximenumobiletogglerck ~ li.maximenuck.level1 { display: block !important;}
#menu_otros ul.maximenuck li.level1.parent > span.separator::after { right: 50% !important; margin-right: -45px;}
#menu_otros span.titreck { margin-top: -5px;}
#menu_otros div.floatck { border: none !important; background: none !important; box-shadow: none; width: 100% !important; max-width: 100% !important;}
#menu_otros ul.maximenuck2 li a { text-align: center; text-indent: -21px;}
}

@media (max-width: 575.98px) {
#eps-footer.footer #supersalud { left: 0;}
#eps-footer.footer #supersalud img { width: 30px;padding: 5px;}
#roksearch_results { width: 100%; left: 0px!important;}

#eps-footer.footer .col2 > div { text-align: center; margin-top: 40px;}
#eps-footer.footer #redes_sociales table { display: table; margin: 0 auto;}
#eps-footer.footer p.copy_eps { text-align: center;}
}
/*slide footer*/
.swiper-pagination { display: none!important; position: initial!important; height: 10px; margin: 10px 0px; } .swiper-pagination-bullet{ background: #0033a0!important; } .custom_banner_secundario a { display: block; font-size: 15px; color: #4f4f4f; font-family: FsJoey-Light; text-align: center; text-decoration: none!important; } .custom_banner_secundario a:hover{ color:#0033a0!important; } .custom_banner_secundario img { display: block !important; margin: 0 auto; max-width: 40px; max-height: 70px!important; } .swiper-slide { text-align: center; font-size: 18px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
@media (max-width: 1024px){ .swiper-pagination{ display:block!important; } }