/* ====================================================== */
/* ESPECIFICACIONES DE TAMAŅO PARA DISTINTOS DISPOSITIVOS */
/* ====================================================== */

/* ====================== */
/* RANGOS A PARTIR DE ... */
/* ====================== */

/* DISPOSITIVOS MUY GRANDES (PCS) */
@media screen and (min-width: 1080px){

     /* Especificaciones de menu */
     header #header { text-align: left; }
     #aLogoAV { background-position-x: left; }
     header #menuIcon { display: none; }
     nav#menu ul { margin-left: 30px; }
     nav#menu ul li { float: left; }
     nav#menu ul li a { padding: 10px 20px; }
     nav#menu ul li a.Destacado { border-radius: 10px 10px 0 0; }
}
/* DISPOSITIVOS GRANDES (PCs/Tablets) */
@media screen and (min-width: 769px){
     
     /* Logo y Icono de Logout */
     #aLogout span { display: inherit; }
}

/* ======================= */
/* RANGOS HASTA MAXIMO ... */
/* ======================= */

/* DISPOSITIVOS MUY GRANDES (PCS) */
@media screen and (max-width: 1079px){
     
     /* Especificaciones Menu destacados */
     #UpperHeader ul li { float: none; padding: 4px 15px 6px 15px; }

     /* Especificaciones de menu */
     header #aLogoAV {
          background-position-x: center;
          height: 42px;
          margin: 6px;
     }
     
     header {
          box-shadow: 0px 5px 10px 0px rgba(122,122,122,0.8);
          height: 90px;
     }
     header.menu-opened { background-color: rgba(255,255,255,1); }
     
     header #header { text-align: center; }
     header #menuIcon { 
          display: block; 
          position: absolute;
          top: 0;
          left: 0;               
          z-index: 200;               
          height: 90px;
          width: 90px;
          font-size: 30px;
          cursor: pointer; 
     }
     header #menuIcon i {
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%,-50%);
     }
     header #menu {
          position: fixed;
          top: 91px;
          z-index: 150;
          left: 0;
          width: 100%;
          height: 100%;
          display: none;
     }
     nav#menu ul { display: table; }
     nav#menu ul li {
          border-width: 0 1px 1px 0;
          border-style: solid;
     }
     nav#menu ul li a {
          padding: 10px 100px 10px 20px;
          font-size: 14px;
     }
     nav#menu ul li a.Selected { border-width: 0 0 0 5px; }
}

/* DISPOSITIVOS GRANDES (PCs/Tablets) */
@media screen and (max-width: 768px){

     /* Texto icono de Logout */
     #aLogout span { display: none; }
     
     /* Cambio posicion de menu Destacado */
     #UpperHeader ul { display: none; }
     nav#menu ul li.tDestacado { display: block; }
}

/* DISPOSITIVOS MEDIANOS (Tablets) */
@media screen and (max-width: 368px){
     
     /* Especificaciones de menu */
     header #menuIcon {  width: 70px; }
}     


/* ================================= */
/* RANGOS INTERMEDIOS DESDE... HASTA */
/* ================================= */