input#abrir-cerrar {visibility:hidden; position: absolute; top: -9999px;}

label[for="abrir-cerrar"] {background-color:; color:#000; display:inline-block; width:auto; background:; cursor:pointer}

.cerrar {display:none;}

#sidebar {width:0;}

#contenido { margin-left:0;}

input#abrir-cerrar:checked ~ #sidebar {width:250px;}

input#abrir-cerrar:checked + label[for="abrir-cerrar"], input#abrir-cerrar:checked ~ #contenido {margin-left:250px; transition: margin-left 0.4s;}

input#abrir-cerrar:checked + label[for="abrir-cerrar"] .cerrar {display:inline;}

input#abrir-cerrar:checked + label[for="abrir-cerrar"] .abrir {display:none;}

.sidebar {position: fixed; height: 100%; width: 0; top: 0; left: 0; z-index: 1; background-color:#fff; overflow-x: hidden; transition: 0.4s;   
padding: 1rem 0; box-sizing:border-box; border-right:0px solid #fff; font-family:Montserrat-Regular}

.sidebar .boton-cerrar {position: absolute; top: 0.5rem; right: 1rem; font-size: 2rem; display: block; padding: 0; line-height: 1.5rem; margin: 0; height: 32px; width: 32px; text-align: center; vertical-align: top;}

.sidebar ul{padding:0px; margin:0px; margin-top:30px}
.sidebar #sidebarDiv{width:98%; float:left; background; padding:1%; }
.sidebar #sidebarDiv2{width:98%; float:left; background; padding:1%; margin-top:30px}
.sidebar #sidebarDivIcon{width:; float:right; background:; padding:1%; margin-right:10px; cursor:pointer}

.menu li {list-style-type:none; background:rgba(0,0,0,0); margin-top:10px; width:96%; padding:3%; border-radius:0px; cursor:pointer; font-size:90%; box-shadow:1px 2px 2px rgba(0,0,0,0); color:#000; border-bottom:1px solid rgba(0,0,0,0.2)}
.menu li:hover {box-shadow:1px 5px 2px rgba(0,0,0,0); background:rgba(0,0,0,0.2)}
.menu li #iconMenu{width:auto; float:right; margin-top:1px; margin-right:5px}

.abrir-cerrar {color: #2E88C7; font-size:1rem;}

.sidebar #logoMenu{position: ; bottom: 0; height: 64px; width: 100%; background:; margin-top:20%; text-align:center}