*{  /*Datos GENERALES*/
	margin: 0px; /*Anula los margenes*/
	padding: 0px; /*Anula los margenes*/
	list-style: none; /*Anula las lista de estilos generales*/
	text-decoration: none; /*Anula las posibles decoraciones del testo*/
	font-family: arial; /*Estilo de letra general*/
}


/*CONTENEDOR*/
.contenedor{
	margin: 0px auto;
	width: 80%;
	max-width: 900px;
	height: autopx;
}


/*CABECERA LOGO*/
#logo{
	margin: 15px auto 0px;
    display: block;
}


/*MENU*/
header{
	margin:0px; 
	width: 100%;
	background: #fff;
}

#btn-menu{
	display: none;
}

header label{
	display: none;
	height: 15px;
	padding: 3px;
	border-right: 1px solid #fff;
}

header label:hover{
	cursor: pointer; /*Icono manita*/ 
	background: rgba(0,0,0,0.1);  /*Color linea de menu tres barras*/ 
}

.menu ul{
	margin: 1% auto;
	list-style: none;
	padding: 0px;
	display: flex;
	justify-content: center;
}

.menu li:hover{
	background: rgba(0,0,0,0.1);
	border-radius: 12px; /*Radio del recuadro*/ 
}

.menu li a{
	display: block;
	padding: 4px 18px;
	color: #000;
	text-decoration: none;
}

/*IMAGEN CENTRAL*/
center img{
	margin: 2% 0% 1% 0%; /*Posicionamiento imagen*/
	 
}


/*TEXTO*/
#texto{
	margin: 18px 0%;
	text-align:justify;
}

	.menu {
		z-index:2;
	}
		.iframecontainer {
		z-index:1;
	}

/*------RESPONSIVE------*/ 
@media (max-width:768px){
	header label{
	    display:block;
	}
	.menu {
		position: absolute;
		background: #EAE9E6;
		width: 80%;
		margin-left: -150%
	} 
	.menu ul{
		flex-direction: column;
	}
	.menu li{
		border-top: 1px solid #fff;
	}
	.menu li a{
		text-align: center;
	}
	#btn-menu:checked ~ .menu{
		margin: 0;
	}