.menu{position:absolute;top:0;width:270px;transition:left 1s;float:left;z-index:999;display:block;left:0;top:0;background:white}.menu .divmenu-title{font-size:15px;text-align:center;text-transform:uppercase;font-weight:bold;color:#767676;padding:0 0 10px 0}.menu .divmenu-title .button,.menu .divmenu-title a{color:#55514e;cursor:pointer;user-select:none}.menu .divmenu-title .button:hover,.menu .divmenu-title a:hover{color:var(--color-principal)}.menu .divmenu-title img{max-width:50px;margin-bottom:4px}.menu .submenu-content{max-height:0;overflow:hidden;transition:1s;display:flex;flex-direction:column;justify-content:space-around;align-items:center;margin-top:10px;width:100%}.menu .submenu-content .divmenu{width:100%}.menu .divmenu a{text-transform:uppercase;text-decoration:none;font-family:'Roboto',Arial,Helvetica,sans-serif;color:#8f8f8f;font-weight:bold;font-size:12px;letter-spacing:1px;display:block;transition:margin .5s;padding-top:1px}.menu .logoprincipal #logo{display:inline-block}.menu .logoprincipal #logo img{margin:0 auto}.menu .logoprincipal #logo{height:auto;width:100%;padding:50px 40px 10px 40px}.menu .logoprincipal a{height:auto;width:100%;max-width:280px;margin:auto}.menu .menuprincipal .icono_menu{float:right;text-align:end;vertical-align:end}.menu .submenu a{height:20px}.menu hr{width:70px;height:1px;background:#55514e;border:0;margin:35px auto}font-weight:normal}.menu .submenuhover .flechaizq{background-image:url("flechaIzq.png");background-position:left;background-repeat:no-repeat;background-size:6px}.menu .submenuhover .flechaDer{background-image:url("flechaDer.png");background-position:right;background-repeat:no-repeat;background-size:6px}.menu .sinflecha{background-image:none}.menu .submenuhover .submenu{visibility:hidden;opacity:0;transition:visibility .3s,opacity .4s linear;position:absolute;background:var(--color-principal);width:auto;min-height:auto;margin-left:300px;z-index:1;top:0;box-shadow:0 0 30px 0 #c2c2c2;padding:6px 0}.menu .submenuhover .submenu div{width:100%;display:inline-block;vertical-align:top;padding-top:4px;padding-bottom:4px}.menu .submenuhover .submenu>div{width:100%}.menu .submenuhover .submenu a{transition:padding .5s;text-transform:uppercase;color:white}.menu .submenuhover .submenu a span{font-size:10px;padding-left:8px;cursor:pointer;vertical-align:middle;display:table-cell;height:30px;text-decoration:none;color:#fff}.menu .submenuhover .submenu div a:nth-child(1) span{font-size:14px}.menu .submenuhover .submenu div a:nth-child(1){padding-left:0;cursor:default}.menu .submenuhover .submenu div a:nth-child(1) span{cursor:default}.menu .submenuhover:hover .submenu{visibility:visible;opacity:1}.menu .submenuhover:hover a{background-color:var(--color-principal);color:white}.menu a span{cursor:pointer;left:0;font-weight:normal;font-size:13px;padding:5px 0;display:block}.menu .menuprincipal a span{position:absolute;width:140px;margin-left:90px}.menu a.volver{height:auto}.menu a.volver span{background:#2d9ad4;color:#FFF;padding:3px;width:100%;text-align:center}.menu .redes-sociales{margin:30px 0}.menu .redes-sociales ul{text-align:center;list-style:none}.menu .redes-sociales ul li{display:inline-block;margin-left:11px;margin-right:11px;margin-bottom:20px}.menu .colortexwhite,.menu .colortexwhite a,.menu .colortexwhite div{color:#fff}.menu .footermenu{text-align:center}.menu .footermenu a{color:#2c2c2c;text-decoration:none;line-height:25px}.menu .footermenu a:hover{color:var(--color-principal)}@media all and (max-width:1185px){.menu{width:300px;box-shadow:0 3px 7px 0 #3b3b3b80;position:absolute;margin-top:105px;top:0;background:white;left:-320px;z-index:999}.menu #menu_logo{display:none}.menu .noclicklink{pointer-events:none}}@media all and (max-width:800px){.menu{width:calc(100% - 20px);margin:140px 10px 0 10px;box-shadow:0 10px 7px 0 #3b3b3b80;height:0;top:0;left:0;overflow:hidden;text-align:center;transition:height .8s;max-height:min-content;max-height:fit-content;max-height:max-content}.menu a{cursor:pointer}.menu .submenuhover .submenu{top:initial;margin-left:0;box-shadow:0 0 0 0 #c2c2c2;width:100%;border-top:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8;margin-top:0;overflow-y:scroll;height:360px;height:auto;position:initial;display:none}.menu .submenuhover .submenu div{width:49%}.menu .submenuhover .submenu div a span{padding-left:5px}.menu .submenuhover{background:white;width:100%;margin:5px 0}.menu .menuprincipal .icono_menu{float:none}.divmenu{top:0;width:100%}.menu .divmenu-title{margin-top:32px;font-size:20px}.menu .divmenu a{height:22px;font-size:13px}.menu .redes-sociales{display:none}.menu a{margin:0 5px 0 10px}.menu a img{margin-left:-5px}.menu .submenuhover .submenu>div{width:100%}}@media all and (max-width:450px){.menu{width:calc(100% - 15px);margin:140px 8px 0 8px;box-shadow:0 7px 7px 0 #3b3b3b80}}@media all and (max-width:390px){.menu{width:calc(100% - 8px);margin:135px 4px 0 4px}}