h1 {
	color: red;
	}
	
header {
	border-style: solid;
	/* Resizable */
	/*display: flex;
	flex-wrap: wrap;
	justify-content: space-between;*/
}
div.wraphead{
	border-style: solid;
	border-color: orange;
	/*display: inline;*/
	width: 90%;
	/* usar FLEX Para space between */
	/*display: flex;
	flex-wrap: wrap;
	justify-content: space-between;*/
	
}
div#logo {
	display: inline;

}
div#logo img{
	
	width: 200px;
}
div#logo p {
	bottom: 60px;
	display: inline-block;
	position: relative;border-style: solid;	margin: 0; padding: 0;
}
/*****************************************
	BARRA NAVEGACION
	***********************************/

nav {
	display: inline;
	border-style: solid;
	border-color: red;
	align-self: flex-end;
	
}
nav ul {
	display: inline;
	border-style: solid;
	bottom: 0px;
	margin: 0; padding: 0;
	position: relative;

}
li.select {
	/*font-family: verdana;*/
}
@font-face {
	font-family: FiraSans;
	src: url('font/FiraSans-Thin.woff') format("woff") ;
	

}

nav ul li{
	/*clear: both;*/
	list-style-type: none;
	display: inline-block;
	padding: 10px 20px;
	/*font-family: 'Open-Sans', sans-serif;*/
	font-family: FiraSans;
	letter-spacing: 12px;
	font-size: 24px;
	


}

.select:hover {
	background-color: #212429;
	color: white;
	padding-top: 50px;
}

/*****************************************
	galeria
	***********************************/

div.contenedor {
	/*display: inline;*/
	/*border-style: solid;*/
	width: 99%;
}

div.imagen {
	display: inline-block;
	/*border-style: solid;*/
	width: 49%;
	position: relative;
}
div.imagen img {
	width: 100%;
	display: block;
	opacity: 0.8;
	/*position: relative;*/
}
div.texto {
	/*border-style: solid;*/	/*Estos elementos no son necesarios*/
	/*border-color: orange;*/
	/*display: inline-block;*/
	width: 80%;
	background-color: orange;
	height: 80px;
	position: absolute;
	bottom: 0px;


}
p {
	font-family: Verdana;
}

@screen


footer {
	background-color: purple;
}