.sticky {
	position: fixed;
	width: 100%;
	top:0;
	background: #ffffff;
	background-position:center;
	background-image: url(../imagenes/fondocabezera.png);	
	 z-index:500;      
	 -webkit-box-shadow: 0px 10px 15px -15px rgba(214,202,167,0.8);
-moz-box-shadow: 0px 10px 15px -15px rgba(214,202,167,0.8);
box-shadow: 0px 10px 15px -15px rgba(214,202,167,0.8);
}


.contenedorm{
	
	width: 100%;
	max-width: 1000px;
    margin: auto;
		-moz-animation-name: pulse; /* El nombre del efecto que estamos agregando */
   -webkit-animation-name: pulse; /* El nombre del efecto que estamos agregando */
   -moz-animation-duration: 0.7s; /* Tiempo que durará la animación */
   -webkit-animation-duration: 0.7s; /* Tiempo que durará la animación */
   -moz-animation-iteration-count: 1; /* Las veces que queremos reproducir la animación */
   -webkit-animation-iteration-count: 1; /* Las veces que queremos reproducir la animación */
   -moz-animation-timing-function: ease-in-out;
   -webkit-animation-timing-function: ease-in-out;
   -moz-animation-direction: alternate; /* Propiedad utilizada para que el texto regrese al tamaño de origen de manera gradual */
   -webkit-animation-direction: alternate; /* Propiedad utilizada para que el texto regrese al tamaño de origen de manera gradual */
}

@-webkit-keyframes pulse {
   from {
   opacity: 0.0; /* Nivel de transparencia inicial */
   
   }

    to {
   opacity: 0.8; /* Nivel de Transparencia final */
   
   }
   
}   
   
   @-moz-keyframes pulse {
   from {
   opacity: 0.0; /* Nivel de transparencia inicial */
   
   }

    to {
   opacity: 0.8; /* Nivel de Transparencia final */
   
   }


}

.logo{
	
	width: 100%;
	max-width: 140px;
    margin: auto;
    

}

.logo img{
	
	
	width:100%;
    height: auto;

   
}
    

.logo img:hover{
	
	
	width:100%;
    height: auto;
    opacity:0.6;
   transition: all .6s;
}

header {
	
	width: 100%;
	height:55px;
	position: -webkit-sticky;

	z-index:1000;
	
    

}



#btn-menu {
	
	

    display:none;
	
}




header label {
	
	
	font-size:30px;
	cursor: pointer;
    display:none;
	text-align:center;
}


.menu  {
   
	position: relative;
    z-index:1000;
}










.menu ul {

	
	
	list-style:none;
    display:flex;

}






.menu ul ul {

	display:none;
background: #F4F1E8;
overflow:hidden;
width:130px;
-webkit-border-bottom-right-radius: 0px;
-webkit-border-bottom-left-radius: 0px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
	 -webkit-box-shadow: 10px 10px 15px -10px rgba(214,202,167,0.9);
-moz-box-shadow: 10px 10px 15px -10px rgba(214,202,167,0.9);
box-shadow: 10px 10px 15px -10px rgba(214,202,167,0.9);

}

.menu li{

flex:auto;
}





.menu a {
	display:block;
	width:130px;
	padding:15px 10px;
	color:#462510;
	text-decoration:none;
	font-weight: 200;
	font-size:17px;
	transition: all .6s;
	text-align:center;
}


.menu a:hover {
    color:#D6CAA7; 
	
	 
    box-sizing:border-box; 
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}




.menu ul li:hover ul  {
	display:flex;
	flex-direction:column;
	align-items:center;
	
	
 
}




.menu ul li ul li a{
	color:#462510;
	font-weight: 400;
	font-size:13px;
     transition: all .6s;
}






.menu ul li ul li a:hover{
	color:#ffffff;
	
	position: relative;
    background: #462510; 
	 z-index:1000;
}






@media (max-width:1023px) {

header label {
color:#462510;
    display:block;
	
}

.menu  {
   
	position: absolute;
	top:135px;
	left:0;
	background: #462510;
     width:100%;
	 height:100vh;
	 transform:translateX(-100%);
	 transition: all 0.3s;
}

.menu ul {

	display:block;
	
     width:100%;
	 
}

.menu ul ul {

width:100%;
-webkit-border-bottom-right-radius: 0px;
-webkit-border-bottom-left-radius: 0px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;

}
.menu ul li:hover ul  {

	display:none;
	position: static;

}



.menu a {
	
	width:100%;
	padding:15px 10px;
	color:#ffffff;
	text-decoration:none;
	font-weight: 200;
	font-size:19px;
	transition: all .6s;
	text-align:center;
}

#btn-menu:checked ~ .menu {
      transform:translateX(0%);
}



	
.menu ul ul a{

	padding:15px 40px;

}
	
	
	
}


@media (max-width:500px) {
	


.menu  {
   
	position: absolute;
	top:135px;
	left:0;
     width:100%;
	 transform:translateX(-100%);
	 transition: all 0.3s;
}


	
}