Nota: Después de publicar, quizás necesite actualizar la caché de su navegador para ver los cambios.
- Firefox/Safari: Mantenga presionada la tecla Shift mientras pulsa el botón Actualizar, o presiona Ctrl+F5 o Ctrl+R (⌘+R en Mac)
- Google Chrome: presione Ctrl+Shift+R (⌘+Shift+R en Mac)
- Internet Explorer/Edge: mantenga presionada Ctrl mientras pulsa Actualizar, o presione Ctrl+F5
- Opera: Presiona Ctrl+F5.
/* Los estilos CSS colocados aquí se aplicarán a todas las apariencias */
/*menu*/
#menu {
background: #FFF; /*#0099CC;*/
height: 45px;
padding-left: 18px;
border-radius: 3px;
}
#menu ul, #menu li {
margin: 0 auto;
padding: 0;
list-style: none
}
#menu ul {
width: 100%;
text-align: center;
}
#menu li {
display: inline-block;
position: relative;
width:200px;
}
#menu li.menu_movil {
display:none;
}
#menu a {
display: block;
line-height: 45px;
padding: 0 14px;
text-decoration: none;
color: #000;
font-size: 16px;
}
#menu a.dropdown-arrow:after {
content: "\25BE";
margin-left: 5px;
}
#menu li a:hover {
color: #0099CC;
background: #F2F2F2;
}
#menu input {
display: none;
margin: 0;
padding: 0;
height: 45px;
width: 100%;
opacity: 0;
cursor: pointer
}
#menu label {
display: none;
line-height: 45px;
text-align: center;
position: absolute;
left: 35px
}
#menu label:before {
font-size: 1.6em;
color: #FFFFFF;
content: "\2261";
margin-left: 20px;
}
#menu ul.sub-menus-movil {
}
#menu ul.sub-menus{
height: auto;
overflow: hidden;
width: 200px;
background: #EAECF0;
position: absolute;
z-index: 99;
display: none;
}
#menu ul.sub-menus li {
display: block;
text-align: left;
width: 100%;
}
#menu ul.sub-menus a {
color: #000000;
font-size: 16px;
}
#menu li:hover ul.sub-menus {
display: block
}
#menu ul.sub-menus a:hover{
background: #0099CC;
color: #FFFFFF;
}
@media screen and (max-width: 800px){
#menu {position:relative}
#menu a {color:#000;}
#menu ul {background:#EAECF0;position:absolute;top:100%;right:0;left:0;z-index:3;height:auto;display:none;text-align:left;}
#menu ul.sub-menus-movil {width:100%;position:static;}
#menu ul.sub-menus-movil a {padding-left:30px;}
#menu ul.sub-menus {width:100%;position:static;}
#menu ul.sub-menus a {padding-left:30px;}
#menu li {display:block;float:none;width:auto;}
#menu input, #menu label {position:absolute;top:0;left:0;display:block}
#menu input {z-index:4}
#menu input:checked + label {color:#FFFFFF}
#menu input:checked + label:before {content:"\00d7"}
#menu input:checked ~ ul {display:block}
}