/*------------ menu izq ---------------*/ #menuzonas { padding-bottom: 50px; } #menuzonas ul { margin: 0; padding: 0; } #menuzonas .main-menu { display: none; } #menuizqdespegable:checked + .main-menu { display: block; } #menuzonas input[type=checkbox], #menuzonas ul span.drop-icon { display: none; } #menuzonas li, #toggle-menu, #menuzonas .sub-menu { } #menuzonas li, #toggle-menu { border-width: 0 0 1px; margin: 0; padding: 0; } #menuzonas .sub-menu { /*background-color: #FFEEDF;*/ background-color: #EFEFEF; border-width: 1px 1px 0; margin: 0 ; } #menuzonas .sub-menu ul { /* background-color: rgba(255,171,96,0.2); background-color: rgba(255,255,255,0.2); */ background-color: rgba(200,200,200,0.3); } #menuzonas .sub-menu ul ul { /* background-color: rgba(255,171,96,0.2); background-color: rgba(255,255,255,0.2); */ background-color: rgba(200,200,200,0.3); } #menuzonas .sub-menu ul ul ul { /* background-color: rgba(255,171,96,0.2); background-color: rgba(255,255,255,0.2); */ background-color: rgba(200,200,200,0.3); } #menuzonas .sub-menu ul ul ul ul { /* background-color: rgba(255,171,96,0.2); background-color: rgba(255,255,255,0.2); */ background-color: rgba(200,200,200,0.3); } #menuzonas .sub-menu a { color: #000000; } #menuzonas .sub-menu ul li a{ margin-left: 0; } #menuzonas .sub-menu ul ul li a{ margin-left: 5px; } #menuzonas .sub-menu ul ul ul li a{ margin-left: 10px; } #menuzonas .sub-menu ul ul ul ul li a{ margin-left: 15px; } #menuzonas .sub-menu a .drop-icon { color: #000000; } #menuzonas .sub-menu li:last-child { border-width: 0; } #menuzonas li, #toggle-menu, #menuzonas a { position: relative; display: block; } #menuzonas { /* background-color: #09c; */ } #toggle-menu { background: #333; } #toggle-menu, #menuzonas a { padding: 0.5em 1.0em; } #menuzonas a { transition: all .125s ease-in-out; -webkit-transition: all .125s ease-in-out; text-decoration:none; color: #2C3E50; font-weight: normal; border-bottom: 1px #cccccc dotted; margin-left: -7px; } #menuzonas a:hover { /*background: #FFDDBF;*/ background: rgba(100,100,100,.1); color: #000000; text-decoration:none; } #menuzonas a::before { content: "»"; padding-right: 5px; text-decoration: none; font-size: 16px; text-decoration: none; } #menuzonas .sub-menu a::before { content: "•"; padding-right: 5px; text-decoration: none; font-size: 12px; text-decoration: none; } #menuzonas .sub-menu ul a::before { content: "-"; padding-right: 5px; text-decoration: none; font-size: 12px; text-decoration: none; } #menuzonas .sub-menu { display: none; } #menuzonas input[type=checkbox]:checked + .sub-menu { display: block; } #menuzonas .sub-menu a:hover { color: #000000; /*background: rgba(100,100,100,.4);*/ /*background: rgba(255,171,96,.5);*/ background: rgba(100,100,100,.2); text-decoration: none; } #toggle-menu .drop-icon, #menuzonas li label.drop-icon { position: absolute; right: 0; top: 0; } #menuzonas label.drop-icon, #toggle-menu span.drop-icon { padding: 0.20em; font-size: 1em; text-align: center; background-color: rgba(0, 0, 0, .125); color: rgba(0, 0, 0, .75); border: 1px rgba(255, 255, 255, .125) solid; } #toggle-menu:hover .drop-icon, #menuzonas li:hover label.drop-icon, #toggle-menu .drop-icon:hover, #menuzonas li label.drop-icon:hover { cursor: pointer; color: #000000; } /*-----------fin menu izq --------------*/