.menusuperior{width:100%;height:80px;position:sticky;top:0px;overflow:hidden;z-index:1000000;}
.menusuperior a div  {width:25%;height:100%;display:inline-flex;float:right;  }
.menusuperior a:nth-child(1) div  {background-size: 100% ;background-position: center;width:200px;height:100%;display:inline-flex;float:left;  }
.menusuperior a div span{margin:auto auto auto auto; color:rgb(255,255, 255); font-size: 40px; font-family:'JULIAN', cursive;text-shadow:0 0 10px rgba(255,255,255,1),0 0 15px rgba(0,0,0,1);}
 @media (max-width: 1080px){
.menusuperior{height:120px;}
.menusuperior a:nth-child(1) div  {background-size: 120% ;width:220px;}
}
 
 
 
 
 
.menusuperiorresp{width:100%; height:80px;position:sticky;top:0px;overflow:hidden;z-index:1000000; transition: 0.5s;}
.menusuperiorresp a div  {width:16%;height:100%;display:inline-flex;float:right; transition: 0.5s; }
.menusuperiorresp a:nth-child(1) div{background-size: 100% auto;background-position: center;width:200px;height:100%;display:inline-flex;float:left;transition: 0.5s;}
.menusuperiorresp a div span{margin:auto auto auto auto;color:rgb(255,255, 255); font-size: 30px; font-family:'JULIAN', cursive;text-shadow:0 0 10px rgba(255,255,255,1),0 0 15px rgba(0,0,0,1); transition: 0.5s;}
.menusuperiorresp a div img{width:80px;height:80px;display:none; transition: 0.5s;}
.menusuperiorresp a div img:nth-child(1){width:200px;height:80px;display:block; transition: 0.5s;}
 @media (max-width: 1080px){
.menusuperiorresp { height:120px;; transition: 0.5s;}
.menusuperior a:nth-child(1) div  {background-size: 120% ;width:220px;}
.menusuperiorresp a div  {width:120px; transition: 0.5s;}
.menusuperiorresp a div img{display:block; transition: 0.5s;}
.menusuperiorresp a div span{display:none; transition: 0.5s;}
.menusuperiorresp a div img{width:120px;height:120px; transition: 0.5s;}
 }
 
 
 
 
 
.menusuperiorsubmenus{width:100%;height:80px;position:sticky;top:0px;z-index:1000000;  transition: 0.5s;}
.menusuperiorsubmenus div span{margin:auto auto auto auto;color:rgb(255,255, 255); font-size: 30px; font-family:'JULIAN', cursive;text-shadow:0 0 10px rgba(255,255,255,1),0 0 15px rgba(0,0,0,1); transition: 0.5s;}
.submenuMSS {width:25%;height:80px;display:inline;float:right;overflow:hidden;transition: 0.5s; }
.cabeceraMSS  { width:100%;height:80px;display:inline-flex ;float:  none;opacity:1; transition: 0.5s; }
.imagencabeceraMSS {width:80px;height:80px;display:none;}
.itemMSS  {width:100%;;height:80px;display:inline-flex ;float:  none;opacity:0.1;transition: 0.5s;}
.logomenuMSS{background-size: 100% auto;background-position: center;width:200px;height:100%;display:inline-flex;float:left;overflow:hidden;  transition: 0.5s;}
.submenuMSS:hover {overflow:visible;transition: 0.5s; }
.submenuMSS:hover .itemMSS   {opacity: 1;transition: 0.5s;}
@media (max-width: 1080px){
 .menusuperiorsubmenus{height:120px;transition: 0.5s;}
.menusuperiorsubmenus div span{font-size: 40px; transition: 0.5s;}
.submenuMSS {width:25%;height:120px;transition: 0.5s; }
.cabeceraMSS  { height:120px; transition: 0.5s; }
.itemMSS  {height:120px;transition: 0.5s;}

 }







.menusuperiorsubmenusresponsive{width:100%;height:85px;position:sticky;top:0px;z-index:1000000;  transition: 0.5s;}
.menusuperiorsubmenusresponsive div span{margin:auto auto auto auto;color:rgb(255,255, 255); font-size: 30px; font-family:'JULIAN', cursive;text-shadow:0 0 10px rgba(255,255,255,1),0 0 15px rgba(0,0,0,1); transition: 0.5s;}
.submenuMSSR {width:25%;height:85px;display:inline;float:right;overflow:hidden;transition: 0.5s; }
.cabeceraMSSR  { width:100%;height:85px;display:inline-flex;float:  none;opacity:1; transition: 0.5s; }
.imagencabeceraMSSR {width:120px;height:120px;display:none;}
.itemMSSR  {width:100%;height:80px;display:inline-flex;float:  none;opacity:0.1;background-position:center;background-size:100% 100%;}
.logomenuMSSR{background-size: 100% auto;background-position: center;width:200px;height:100%;display:inline-flex;float:left;overflow:hidden;  transition: 0.5s;}
.submenuMSSR:hover {overflow:visible;transition: 0.5s; }
.submenuMSSR:hover .itemMSSR    {opacity: 1;transition:0.5s;}
@media (max-width: 1080px){
.menusuperiorsubmenusresponsive{height:120px; transition: 0.5s;}
.menusuperiorsubmenusresponsive div span{ font-size: 50px; transition: 0.5s;}
.menusuperiorsubmenusresponsive div div:nth-child(1) span{display:none;}
.submenuMSSR {width:120px;height:120px; display:inline;float:right;overflow:hidden;transition: 0.5s; }
.submenuMSSR:hover {width:250px;overflow:visible;transition: 0.0s; }
.submenuMSSR:hover div:nth-child(1) span{display:block;transition: 0.5s; }
.submenuMSSR:hover div:nth-child(1) img{display:none;transition: 0.5s; }
.submenuMSSR:hover div:nth-child(n+2)   {opacity: 1;transition: 0.5s;}
.cabeceraMSSR  { height:120px;display:block  flex;float:  none;opacity:1; transition: 0.5s; }
.cabeceraMSSR:hover  {width:100%px;  transition: 0.5s; }
.imagencabeceraMSSR {display:block; transition: 0.5s;}
.itemMSSR  {width:100%;height:120px;display:inline-flex;float:  none;opacity:0.1; transition: 0.5s;}
}

.menusuperiorsubmenusresponsivelinea2{width:100%;height:85px;position:sticky;top:85px;z-index:1000000;  transition: 0.5s;}
.menusuperiorsubmenusresponsivelinea2 div span{margin:auto auto auto auto;color:rgb(255,255, 255); font-size: 30px; font-family:'JULIAN', cursive;text-shadow:0 0 10px rgba(255,255,255,1),0 0 15px rgba(0,0,0,1); transition: 0.5s;}
.submenuMSSR {width:25%;height:85px;display:inline;float:right;overflow:hidden;transition: 0.5s; }
.cabeceraMSSR  { width:100%;height:85px;display:inline-flex;float:  none;opacity:1; transition: 0.5s; }
.imagencabeceraMSSR {width:120px;height:120px;display:none;}
.itemMSSR  {width:100%;height:80px;display:inline-flex;float:  none;opacity:0.1;background-position:center;background-size:100% 100%;}
.logomenuMSSR{background-size: 100% auto;background-position: center;width:200px;height:100%;display:inline-flex;float:left;overflow:hidden;  transition: 0.5s;}
.submenuMSSR:hover {overflow:visible;transition: 0.5s; }
.submenuMSSR:hover .itemMSSR    {opacity: 1;transition:0.5s;}
@media (max-width: 1080px){
.menusuperiorsubmenusresponsivelinea2{height:120px; transition: 0.5s;}
.menusuperiorsubmenusresponsivelinea2 div span{ font-size: 50px; transition: 0.5s;}
.menusuperiorsubmenusresponsivelinea2 div div:nth-child(1) span{display:none;}
.submenuMSSR {width:120px;height:120px; display:inline;float:right;overflow:hidden;transition: 0.5s; }
.submenuMSSR:hover {width:250px;overflow:visible;transition: 0.0s; }
.submenuMSSR:hover div:nth-child(1) span{display:block;transition: 0.5s; }
.submenuMSSR:hover div:nth-child(1) img{display:none;transition: 0.5s; }
.submenuMSSR:hover div:nth-child(n+2)   {opacity: 1;transition: 0.5s;}
.cabeceraMSSR  { height:120px;display:block  flex;float:  none;opacity:1; transition: 0.5s; }
.cabeceraMSSR:hover  {width:100%px;  transition: 0.5s; }
.imagencabeceraMSSR {display:block; transition: 0.5s;}
.itemMSSR  {width:100%;height:120px;display:inline-flex;float:  none;opacity:0.1; transition: 0.5s;}
}







.menulatex{background-color:black;width:80px;height:80px;position:fixed;top:0px;left:0px;z-index:10000; transition: 0.5s;  }
.menulatex div span{margin:auto auto auto auto;visibility:hidden;font-size: 30px; font-family:'Permanent Marker', cursive;text-shadow:0 0 10px rgba(255,255,255,1),0 0 15px rgba(0,0,0,1); transition: 0.5s;}
.menuderolatex{background-color:black;width:80px;height:550px;overflow:hidden; transition: 0.5s; }
.menuderolatexoculto{background-color:black;width:0px;height:550px;overflow:hidden; transition: 0.5s; }
.submenulatex {width:0px;height:0px;display:inline-table;  transition: 0.5s; }
.cabeceramenulatex  {display:inline-flex;width:280px;height:80px; transition: 0.5s;  }
.imagencabeceramenulatex {width:80px;height:80px; transition: 0.5s; }
.itemmenulatex  {width:200px;height:0px;display:inline-flex;float:right; transition: 0.5s; }
.logomenulatex{width:80px;height:80px; transition: 0.5s;  }
.botonlogomenulatex{width:80px;height:80px; transition: 0.5s; }
.imagenlogomenulatex{width:0px;height:0px; transition: 0.5s;}
.menulatex:hover  {width:300px; transition: 0.5s;  }
.menulatex:hover  div span{visibility:visible;}
.menulatex:hover .logomenulatex {width:280px;  transition: 0.5s; }
.menulatex:hover .imagenlogomenulatex {width:197px; height:80px; transition: 0.5s; }
.menulatex:hover .menuderolatex {width:300px;height:550px;overflow:scroll;  transition: 0.5s;  }
.menulatex:hover .menuderolatexoculto {width:300px;height:550px;overflow:scroll;  transition: 0.5s;  }
.menulatex:hover .submenulatex {width:200px;  transition: 0.5s;  }
.menulatex:hover .cabeceramenulatex {background-color:#333333; transition: 0.5s;  }
.menulatex:hover .itemmenulatex {height:50px;  transition: 0.5s;  }

@media (max-width: 1080px){
.menulatex{width:120px;height:120px;transition: 0.5s;  }
.menulatex div span{ font-size: 50px; transition: 0.5s;}
.menuderolatex{width:120px;height:1850px; transition: 0.5s; }
.menuderolatexoculto{width:0px;height:1850px; transition: 0.5s; }
.cabeceramenulatex  {width:450px;height:120px; transition: 0.5s;  }
.imagencabeceramenulatex {width:120px;height:120px; transition: 0.5s; }
.itemmenulatex  {width:300px;transition: 0.5s; }
.logomenulatex{width:120px;height:120px; transition: 0.5s;  }
.botonlogomenulatex{width:120px;height:120px; transition: 0.5s; }
.menulatex:hover  {width:120px;height:120px;transition: 0.5s; }
.menulatex:hover  div span{visibility:hidden;}
.menulatex:hover .logomenulatex {width:0px;height:120px; transition: 0.5s; }
.menulatex:hover .imagenlogomenulatex {width:0px; height:80px; transition: 0.5s; }
.menulatex:hover .menuderolatex {width:120px;height:1850px;  transition: 0.5s;  }
.menulatex:hover .menuderolatexoculto {width:120px;height:1850px;  transition: 0.5s;  }
.menulatex:hover .submenulatex {width:0px;height:0px;  transition: 0.5s;  }
.menulatex:hover .cabeceramenulatex {background-color:#000000;width:120px;height:120px; transition: 0.5s;  }
.menulatex:hover .itemmenulatex {height:0px;  transition: 0.5s;  }

}






.menualternovertical {width:70%;margin:0px auto;text-align:center;}
.menualternovertical table{width:100%;}
.menualternovertical tr {height:250px;}
.menualternovertical img {width:300px; height:220px;}

.menudeiconos {width:70%;margin:0px auto;}
.menudeiconos table{width:350px;height:450px;display:inline;}
.menudeiconos tr {}
.menudeiconos td {}
.menudeiconos img {width:300px; height:220px;}