/**===== 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 {padding: 0px!important;}
.n_compania {color: #FFFFFF;text-align: left;font-family: 'DinMed';font-size: 17px;font-weight: normal;line-height: 36px;}
.franja_eps { height: 35px; width: 100%; }
.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: 10px;padding-left: 10px;}
#menu_superior ul.nav-child.unstyled.small.dropdown-menu.show { padding: 10px 10px; text-align: left;}
.boton-micrositios { font-family: "FSJoey-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: 10px;padding-left: 10px;}
.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;}
}

@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;}
}