/*menu:nav*/
/*.scrolleable { overflow-y: scroll; height: 100%; position: relative;}*/
.bg { background: rgba(255,255,255,0.8); position: fixed; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; display: none; transition: delay 0.5s}
.bg.active {background: rgba(0,0,0,0.8); display: block; opacity: 1; z-index: 5501}
.linita { width: 50px; height: 1px; background: rgba(255,255,255,0.1); display: inline-block; text-align: center; position: absolute; left: 50%;
    transform: translateX(-50%); margin-top: 40%}

#menu-derecha { position: fixed; top: 0; right: -450px; width: 450px; height: 100%; background: #005193; transition: all 0.3s; z-index: 30000}
#menu-derecha .icon-iso { position: absolute; top: 100px; left: 50%; width: 100px; height: 100px; background: #000; text-align: center; transform: translateX(-50%)}
#menu-derecha .icon-iso:before { color: #005193; font-size: 54px; line-height: 100px}
#menu-derecha .icon-cerrar { position: absolute; top: 30px; right: 45px; z-index: 300}
#menu-derecha .icon-cerrar:before { color: #000; font-size: 24px}
#menu-derecha .icon-cerrar:hover:before { color:#fff}
.overflow-hidden  #menu-derecha { right: 0}

.menu-derecha { width: 100%; box-sizing: border-box; padding: 260px 30px 0 30px}
.menu-derecha li { border-bottom: 1px solid rgba(255,255,255,0.1); margin-bottom: 10px}
.menu-derecha li a { display: block; line-height: 56px; text-align: center; color: #000; font-size:20px; font-weight: 700; font-family: 'Open Sans', sans-serif;
margin-bottom: 10px; text-transform: uppercase}
.menu-derecha li:last-child { border-bottom: none; margin-bottom: none}
.menu-derecha li a:hover { background: #fff; color:#005193 }

.barra-menu{position:absolute;width:100%;margin:0 auto;z-index:300;display:none;}
.barra-menu .cont-top {position:relative;width:1200px;margin:0 auto;z-index:30000}
.barra-menu .cont-bottom {}

.barra-menu .icon-logo { display: none; font-size: 0}

#nav{padding:0;display:block;z-index:5000;position:relative}
#nav ul{width:100%; display: block; text-align: center}
#nav ul li{display:inline-block;position:relative; line-height: 80px; padding-right: 28px}
#nav li a{text-decoration:none;color:#fff;font-family: 'Source Sans Pro', sans-serif;font-weight:300;font-size:15px;text-transform:uppercase;}
#nav li a:hover {opacity: 0.5}
#nav li.active a {color:#fff; opacity: 0.5}
#nav li.active a:hover{color:#fff}

#nav ul li:last-child { padding-right: 0}

/*submenu
#nav ul li ul{display:none;padding:20px 24px 18px;width:166px;height:auto;background:#333333}
#nav ul li ul li{display:block;float:none;margin:0;padding:0 0 8px 0;height:auto;width:110px;border-right:none}
#nav ul li ul li a{line-height:150%;text-transform:none;color:#fff}
#nav ul li ul li:last-child{padding-bottom:0}
#nav ul li:hover ul{display:block;position:absolute;top:50px;right:4px;background:#333333;width:361px;height:156px;padding:0}

#nav ul li.btn-buscar {display:none}*/

.cd-primary-nav-trigger{z-index:301;cursor:pointer; margin: 0 22px 0 27px; border-left: 1px solid rgba(255,255,255,0.1); padding-left: 23px; float: right; position: relative; height: 80px;}
.cd-primary-nav-trigger img { height: 80px}
.gecko .cd-primary-nav-trigger img { height: 40px; padding-top: 20px}
.cd-menu-icon:before {content:"\e912";font-size:36px;color:#fff; line-height:80px; display: block}
.cd-primary-nav-trigger img:hover { opacity: 0.5}
.cd-menu-icon.is-clicked::before{content:"\e953";font-size:36px;color:#fff}
.icon-menu { display: block; position: relative; height: 100%; width: 100%}

.institucional .cd-menu-icon:before { color: rgba(255,255,255,0.5)}

@media only screen
and (min-width:1230px){

}

@media only screen
and (max-width:1230px){
    #menu-derecha .icon-cerrar { right: 30px}
    .barra-menu, #nav, .barra-menu .cont-top {width:100%}
    .menu-2 { margin-bottom: 30px}
    #menu-derecha .redes-h-top { bottom: 40px}
    .linita { margin-top: 10%;}
    }

@media only screen
and (max-width:1023px){
    #nav { display: none}
    .linita { margin-top: 40%;}
}

@media only screen and (max-height: 720px) {
    .menu-2 { margin-bottom: 30px}
    #menu-derecha .redes-h-top { bottom: 40px}
    .menu-derecha { padding-top: 220px}
    #menu-derecha .icon-iso { top: 80px}
}

@media only screen
and (max-width:767px){
    #menu-derecha { width: 100%; right: -100%}
    .linita { margin-top: 10%;}
    .menu-derecha li a:hover { background: none; color: #000}

    #menu-derecha .icon-cerrar { right: 15px; top: 17px}
    .notificaciones .icon-cerrar { right: 20px;}
    .cd-primary-nav-trigger { border: none; padding-left: 0; margin-right: 8px; height: 60px}
    .cd-primary-nav-trigger img { height: 60px}
    .gecko .cd-primary-nav-trigger img { padding-top: 10px}
    #menu-derecha .icon-iso { width: 80px; height: 80px;  top: 80px}
    #menu-derecha .icon-iso:before { font-size: 50px;line-height: 80px;}
.menu-derecha { padding: 224px 20px 0}
.menu-derecha li a { font-size: 24px; line-height: 44px}
}

@media only screen
and (max-width:360px){
    .menu-derecha { padding-top: 150px}
    #menu-derecha .icon-iso { top: 40px}
    .menu-derecha li a {font-size: 20px;line-height: 34px;}
    .linita { display: none}
}

@media only screen
and (max-width:240px){
    #menu-derecha .icon-iso { top: 25px;width: 60px; height: 60px;}
    #menu-derecha .icon-iso:before { font-size: 40px;line-height: 60px;}
    .menu-derecha { padding-top: 110px}
    .menu-2 { margin-bottom: 20px}
    #menu-derecha .redes-h-top { bottom: 30px}
}