/*
 *   Important Information about this CSS File
 *
 * - Do not delete or rename this file, if you do not use it leave it blank (delete
 *   everything) and the file will be skipped when you enable Production Mode in
 *   the Global theme settings.
 *
 * - Read the _README file in this directory, it contains useful help and other information.
 */
body {
  font-size: 1vw;
  }

/*# sourceMappingURL=responsive.desktop.css.map */


#content-wrapper > .containerz {}

body.not-logged-in #content-wrapper > .containerz {}



/* -------- MENÚ DE USUARIO --------- */
#block-views-custom-user-menu-block-1 {
    position: absolute;
    right: 4.16%;
    top: 0.4em;
    width: 30em; 
    box-shadow: none;
}

#block-views-custom-user-menu-block-1 > .menu {margin-left: 25%;}

#block-views-custom-user-menu-block-1 > .menu > li {display: flex; align-items: center; height: 64px;}

#block-views-custom-user-menu-block-1 > .menu > li.busqueda {display: flex !important;}

#block-views-custom-user-menu-block-1 > .menu > li > a {
  color: white;
  padding: 0 1.2vw;
  max-width: 9em;
  line-height: 1.32em;
  white-space: normal;
  text-align: center;
  }

#block-views-custom-user-menu-block-1 > .menu li.busqueda a {
    padding-left: 2.4vw;
    background: transparent url(/sites/default/files/search.png) no-repeat 0.8vw 50%;
    background-size: 1.2em;
}

#block-views-custom-user-menu-block-1 > .menu li.notifications {
    background: transparent url(/sites/default/files/notification-bell.png) no-repeat 0.8vw 50%;
    background-size: 1.2em;
}

#block-views-custom-user-menu-block-1 > .menu > li > a:hover {text-decoration: none; background-color: transparent;}

#block-views-custom-user-menu-block-1 > .menu > li:hover,
#block-views-custom-user-menu-block-1 > .menu > li.active-trail {background-color: #312AA3;}

/*#block-views-custom-user-menu-block-1 > .menu > li > a.active {background-color: rgba(0,0,0,0.1);}*/

#block-views-custom-user-menu-block-1 .collapsible {position: relative; border: none; box-shadow: none;}

#block-views-custom-user-menu-block-1 .collapsible > li {padding-left: 1em; padding-right: 1em;}

#block-views-custom-user-menu-block-1 .collapsible-header {
    position: relative;
    height: 64px;
    padding: 0.8em 1.5em 0 5em;
    border-bottom: none;
    background-color: transparent;
    }
    
body.CAV #block-views-custom-user-menu-block-1 .collapsible-header {width: 24em;}
    
#block-views-custom-user-menu-block-1 .collapsible-body {
    position: absolute;
    left: 1em;
    top: 6em;
    width: 90%;
    padding: 0;
    border-bottom: none;
    z-index: 100;
    }

#block-views-custom-user-menu-block-1 .avatar {
    position: absolute;
    left: 0;
    width: 4em;
    height: 4em;
    overflow: hidden;
    border-radius: 2em;
    border: solid 1px #d2d2d2;
    background-color: #d2d2d2;
    }
    
#block-views-custom-user-menu-block-1 .nombre-rol {width: 100%;}

#block-views-custom-user-menu-block-1 .nombre {
    position: relative;
    float: left;
    font-size: 1.12em;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 2em;
    }

#block-views-custom-user-menu-block-1 .nombre:after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 0.5em;
    width: 0;
    height: 0;
    border-left: 0.6em solid transparent;
    border-right: 0.6em solid transparent;
    border-top: 0.7em solid white;
    }

#block-views-custom-user-menu-block-1 .rol {
    clear: both;
    width: 100%;
    text-transform: capitalize;
    -webkit-transition: opacity 0.2s ease;
    -moz-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
    }
    
#block-views-custom-user-menu-block-1 .rol.invisible {opacity: 0;}

#block-views-custom-user-menu-block-1 .collapsible-body nav {
    width: 100%;
    height: auto;
    background-color: transparent;
    }
    
#block-views-custom-user-menu-block-1 .collapsible-body nav .block-inner {
    margin-left: 0;
    margin-right: 0;
    }

#block-views-custom-user-menu-block-1 .collapsible-body .block-title {display: none;}

#block-views-custom-user-menu-block-1 .collapsible-body .menu li {
    clear: both;
    width: 100%;
    list-style: none;
    border-bottom: solid 1px white;
    background-color: #8A7D77;
    }
    
#block-views-custom-user-menu-block-1 .collapsible-body .menu li:last-child {border-bottom: none;}

#block-views-custom-user-menu-block-1 .collapsible-body .menu li a {
  color: white;
  padding: 0 1em;
  font-family: "Open Sans Semibold";
  }

#block-views-custom-user-menu-block-1 .collapsible-body .menu li a:hover,
#block-views-custom-user-menu-block-1 .collapsible-body .menu li a:active,
#block-views-custom-user-menu-block-1 .collapsible-body .menu li a.active {
    text-decoration: none;
    background-color: #BAAFA9;
    }




/* -------- PIE DE PÁGINA --------- */
#footer-wrapper.anclado {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    }



/* -------- PANTALLAS MUY GRANDES --------- */
/* ----------------------------------------*/
@media only screen and (min-width:1501px) {

    
	

    
}

