body { margin: 0; padding: 0; background-image:url(images/Fondo.gif) } #barraaceptacion 
{ display:none; position:fixed; left:0px; right:0px; bottom:0px; padding-bottom:20px; 
width:100%; text-align:center; min-height:80px; background-color: rgba(0, 0, 0, 
0.6); color:#fff; z-index:99999; } .inner { width: 100%; position: absolute; padding-left: 
5px; font-family: verdana; font-size: 12px; top:10px; } .inner a.ok {padding:4px;color:#ee1b21;text-decoration:none;} 
.inner a.info {padding-left:5px;text-decoration:none;color:#58c4e8;} * { -webkit-box-sizing: 
border-box; -moz-box-sizing: border-box; box-sizing: border-box; }   body {background:#FEFEFE;} 
  .menu_bar { display:none; }   header { width: 100%; }   header nav { background:#023859; 
z-index:1000; max-width: 1000px; width:95%; margin:20px auto; }   header nav 
ul { list-style:none; }   header nav ul li { display:inline-block; position: 
relative; }   header nav ul li:hover { background:#E6344A; }   header nav ul 
li a { color:#fff; display:block; text-decoration:none; padding: 20px; }   header 
nav ul li a span { margin-right:10px; }   header nav ul li:hover .children { 
display:block; }   header nav ul li .children { display: none; background:#011826; 
position: absolute; width: 150%; z-index:1000; }   header nav ul li .children 
li { display:block; overflow: hidden; border-bottom: 1px solid rgba(255,255,255,.5); 
}   header nav ul li .children li a { display: block; }   header nav ul li .children 
li a span { float: right; position: relative; top:3px; margin-right:0; margin-left:10px; 
}   header nav ul li .caret { position: relative; top:3px; margin-left:10px; 
margin-right:0px; }   @media screen and (max-width: 800px) { body { padding-top:80px; 
}   .menu_bar { display:block; width:100%; position: fixed; top:0; background:#E6344A; 
}   .menu_bar .bt-menu { display: block; padding: 20px; color: #fff; overflow: 
hidden; font-size: 25px; font-weight: bold; text-decoration: none; }   .menu_bar 
span { float: right; font-size: 40px; }   header nav { width: 80%; height: calc(100% 
- 80px); position: fixed; right:100%; margin: 0; overflow: scroll; }   header 
nav ul li { display: block; border-bottom:1px solid rgba(255,255,255,.5); }   
header nav ul li a { display: block; }   header nav ul li:hover .children { display: 
none; }   header nav ul li .children { width: 100%; position: relative; }   
header nav ul li .children li a { margin-left:20px; }   header nav ul li .caret 
{ float: right; } } 