#menu{ text-align:right; width: 100%; z-index: 10;}
#btnMenu{ color: #F58634; float: right; margin-right: 0.5rem; padding:0.5rem 0; width: auto;}
#btnMenu p { background: #000; font-weight: bold; padding: 0.5rem 1rem; }
#btnMenu a{ color:#FFF; padding: 1.4rem; text-decoration:none;}
#btnMenu a:hover{ background: none; border: none;}
#btnMovil { display: none; position: relative; z-index: 10;}
#menu:hover > #btnMovil{ background:#EDA313; display:block; float:right; width:100%;}
#btnMovil ul li { display: block;}
.scroll { overflow: auto; position: relative; }
#btnMovil li{ border-bottom:1px solid #FFF;}
#btnMovil ul li, #btnMovil li:last-child{ border:none;}
#btnMovil ul li li{ padding-right: 1rem;}
#btnMovil ul li li li{ padding-right: 1rem;}
#btnMovil ul li a{ border-top: solid 1px #fff; padding-right: 1rem;}
#btnMovil ul li ul li a{ border-top: solid 1px lightgreen; border-right: solid 1px lightgreen; font-size:0.9rem;}
#btnMovil ul li ul li ul li a{ border-top:double 1px #0CF; border-right:double 1px #0CF; font-size:0.8rem;}
#btnMovil a{ display:block; color:#000; text-decoration:none; font-size:1rem; padding: 0.8rem; -ms-transition: all 0.5s ease-in; -moz-transition: all 0.5s ease-in; -o-transition: all 0.5s ease-in; -webkit-transition: all 0.5s ease-in; transition: all 0.5s ease-in; } 
#btnMovil a:hover{ background: #F58634; color: #FFF; -moz-transition: all 0.5s ease-in; -o-transition: all 0.5s ease-in; -webkit-transition: all 0.5s ease-in; transition: all 0.5s ease-in; }
ul{ display:block; margin:0; padding:0; list-style:none;}
#btnMovil li ul {display:none;}
/*-----------------media queries----------------*/
@media screen and (min-width:400px){
#btnMenu { padding: 1rem;}
}
@media screen and (min-width:1024px){
nav#principal{ background: none /*#F58634;*/; float: right; }
/*.nav2 { float: none !important;  width: 100% !important; }*/
.nav2 #menu:hover > #btnMovil{ top: inherit;}
.nav2 a { padding: 1.3rem 1rem !important; }
#menu:hover > #btnMovil{ background:none;}
#btnMenu, .nav2 #btnMenu { display: none;}
#btnMovil { display: block;}
#btnMovil ul li ul li a{ background:#F58634; }
#menu:hover > #btnMovil{ float:none;}
.scroll { height:100%; overflow: inherit;}
#btnMovil li ul { display: none; position: absolute; text-align: left !important;}
#btnMovil li:hover ul { display: block; }
#btnMovil ul li { display: inline-block; }
#btnMovil ul li ul li ul{ position: relative;}
#btnMovil ul li ul li{ padding-right:0;}
#btnMovil ul li a { border: none; padding: 0.8rem; }
#btnMovil ul li li { display:block; padding-right:0;}
#btnMovil ul li ul li a { background: #09F; border-top:none; border-right:none;}
#btnMovil ul li ul li ul li a{ background: #09C; padding-left:1.7rem;}
}
@media screen and (min-width:1360px){
.nav2 a { padding: 1.3rem 2rem !important;}
}