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

body {
	background-image: url("./fondo_lucuri.jpg");
	background-size: cover;
	background-position: center;
	background-position-y: -1.3em;
	background-color: #000;
	background-attachment: fixed;
	text-align:	justify;
	font-family: "Raleway", Arial, Calibri, Helvetica, sans-serif;
	font-size: 14pt;
}

.cabecera { 
	margin-top: 2em;
	margin-bottom: 10em;
	height: 14em;
	text-align: center;
}

.cabecera h1{
	font-size: 2.1em;
	font-weight: 100;
	color: #f0ecea;
}
.cabecera h2{
	padding-top: 0.5em;
	font-size: 1.2em;
	font-weight: 100;
	color: #d2c5be;
}

.descripcion { 
	margin-bottom: 2.5em;
	padding-top: 2em;
	padding-bottom: 2em;
	text-align: center;
	color: #4f2e20;
	min-height: 6em;
	background-color: rgba(251, 237, 229, 0.8);
}

.descripcion p.principal {
	text-align: right;
	font-size: 1.4em;
}

.descripcion p {
	text-align: justify;
	font-size: 0.9em;
	line-height: 30px;
}

.izquierda {
	float: left;
	width: 25%;
	height: 5em;
	padding-left: 1em;
	padding-right: 1em;
}
.derecha {
	float: left;
	width: 65%;
}
.fin {
	clear: both;
}
.imagen {
	margin: 1em auto; /* centrado */
	width: 25em;
	min-width: 1em;
	background: #f1f1f1; /* Fondo del contenido */
	box-shadow: rgb(150,150,150) 12px 12px 6px;	
	box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.4);
	border-radius: 1em 0em 1em 0em;
	padding: 0.5em;
	position: relative;
	left: -7em;
}

.imagen img {
	width: 290px;
}

p.footer { 
	margin-top: 1.0em;
	text-align: center;
	font-family: calibri;
	font-size: 1em;
	color: #777777;
}

p.nota { 
	margin-top: 1.0em;
	text-align: center;
	font-family: calibri;
	font-size: 0.9em;
	color: #555;
}
p.nota a:link, p.nota a:hover {
	text-decoration: none;
	color: #170d07;
}

@media screen and (orientation: portrait) and (max-width: 480px) {

	.cabecera { 
		margin: 0 auto;
		padding-top: 1em;
		padding-bottom: 1em;
		height: 10em;
		text-align: center;
		width: 90%
	}

	.descripcion {
		padding: 1em;
		width: 90%;
	}

	.descripcion p.principal {
		text-align: left;
		font-size: 1.4em;
	}

	.izquierda {
		float: left;
		width: 100%;
		height: 3em;
		padding-left: 0em;
		padding-right: 0em;
	}
	.derecha {
		float: left;
		width: 100%;
	}

	.imagen {
		margin: em auto; /* centrado */
		width: 90%;
		padding: 0.5em;
		position: relative;
		left: 0em;
	}
}