*{margin:0px; padding:0px;}

#chk{display: none;}
.menu2{display: none;}
label{display: none;
  height: 40px;width:100%;
background-color: steelblue;
align-items: center;}

.botonMenu{width: 30px;height: 30px;
background-color: sandybrown;
display: flex;
margin-left: 10px;
flex-direction: column;
border-radius: 5px;
align-items: center;
justify-content: center;}

.barra{width: 20px;height: 3px;background-color: white;
margin-top: 3px;}

.barra:nth-child(1){margin-top: 0px; }



.menu{
	
width: 40%;height: 40px;
font-family: 'aleoregular';
margin-left:40%;
margin-top:20px;
justify-content: center;
display: flex;
/*background-color: Violet;*/
 }


/*.menu1{width: 60%;height: 40px;
margin-left:30%;
justify-content: center;
display: flex;background-color: Yellow; } */


	ul.menu1{
	margin:0;
	padding:0;
	font-size:18px;/*aqui se cambia el tamaño de la letra del menu*/
	text-align:center;
	display:inline;
	text-shadow: -1px -1px 2px rgba(150, 150, 150, 1);
	z-index: 20;
	}

	ul, ol{
	list-style:none;
	z-index: 20;	
	}
	
	.menu1 li a {
	list-style: none;
	display: block;
	margin-top: 2px;/*espacio entre cajita del submenu*/
	margin-left: 2px;
	background-color: #6A006A;/*aqui se cambia el color de las cajitas */
	text-decoration: blink;
	color: #FFF;
	padding-left: 20px; /*MARGEN IZ DE LA CAJITA DELMENU*/
	padding-right: 20px;/*MARGEN DER DE LA CAJITA DELMENU*/
	line-height: 35px;/*ANCHO DE LA LINEA DELMENU*/
	border-radius: 5px;
	box-shadow: -2px -2px 3px #FFF;
	z-index: 20;
	}
	
	.menu1 li a:hover {
	/*background-image: -webkit-linear-gradient(right, #EA61FF 0%, #9185FF 100%);*/
		
	background-color: #C6C;/*color al dar hover de las cajitas del menu*/
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
	margin-right: 5px;
	box-shadow: 1px 1px 1px #FFF;
	z-index: 20;
	}
	
	.menu1 > li{
		float:left;
		z-index: 20;	
		}
	
	.menu1  li ul{
	display:none;
	position:absolute;
	margin-left:3px; /* espacio entre los items delmenu*/
	z-index: 20;
	}
	
	.menu1 li:hover > ul{
	display: block;
	border-radius: 5px;
	z-index: 20;
	}


/* .elemento{width: 40px;height: 30px;margin: 5px;background-color: sandybrown;
  color:white;
   flex-grow: 1;
 text-decoration: underline;}
 
 */

   @media all and (max-width:700px) {
     label{display:flex;}
     .menu{display: none;}
    /* .elemento{width: 90%;} */

     #chk:checked  ~ .menu2{
       display: flex;
       flex-direction: column;
       height: 200px;
       align-items: center;
     }

}