body{
	margin: 0;
	padding: 0;
	overflow: auto;
	font-family: 'Asap', sans-serif;
	color:#FFF;
	text-align:center;
	font-size:13px;
}

div.izquierda {
	position:fixed;
    padding:0;
    margin:0;

    top:0;
    left:0;

    width: 20%;
    height: 100%;
    background-color:#FFF;
	background-image:url(../Imagenes/Izquierda.png);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:right;
}

div.derecha {
	position:fixed;
    padding:0;
    margin:0;

    top:10%;
    right:0;

    width: 80%;
    height: 90%;
    background-color:#FFF;
	overflow:scroll;
	}


div.superior {
	width:26%;
	height:80px;
	position:fixed;
	top:0;
	left:70%;
	text-align:right;
	padding-top:16px;
	padding-right:4%;
}

div.ebook {
	background-color:#03F;
	width:35%;
	height:25%;
	padding:0.2em;
	float:left;
	text-align:center;
	font-size:1.6em;
	margin:5% 1% 5% 7%;
}

div.ebook_rojo {
	background-image:url(../Imagenes/fondo_rojo.png);
	background-repeat:no-repeat;
	background-size:cover;
	width:35%;
	height:200px;
	padding:0.2em;
	float:left;
	text-align:center;
	font-size:1.6em;
	margin:5% 1% 5% 7%;
}

div.ebook_lila {
	background-image:url(../Imagenes/fondo_lila.png);
	background-repeat:no-repeat;
	background-size:cover;
	width:35%;
	height:200px;
	padding:0.2em;
	float:left;
	text-align:center;
	font-size:1.6em;
	margin:5% 1% 5% 7%;
}

div.ebook_verde {
	background-image:url(../Imagenes/fondo_verde.png);
	background-repeat:no-repeat;
	background-size:cover;
	width:35%;
	height:200px;
	padding:0.2em;
	float:left;
	text-align:center;
	font-size:1.6em;
	margin:5% 1% 5% 7%;
}

div.ebook_maquillaje {
	background-image:url(../Imagenes/fondo_maquillaje.png);
	background-repeat:no-repeat;
	background-size:cover;
	width:35%;
	height:200px;
	padding:0.2em;
	float:left;
	text-align:center;
	font-size:1.6em;
	margin:5% 1% 5% 7%;
}

div.ebook_ocre {
	background-image:url(../Imagenes/fondo_ocre.png);
	background-repeat:no-repeat;
	background-size:cover;
	width:35%;
	height:200px;
	padding:0.2em;
	float:left;
	text-align:center;
	font-size:1.6em;
	margin:5% 1% 5% 7%;
}

div.ebook_naranja {
	background-image:url(../Imagenes/fondo_naranja.png);
	background-repeat:no-repeat;
	background-size:cover;
	width:35%;
	height:200px;
	padding:0.2em;
	float:left;
	text-align:center;
	font-size:1.6em;
	margin:5% 1% 5% 7%;
}

div.ebook_azul {
	background-image:url(../Imagenes/fondo_azul.png);
	background-repeat:no-repeat;
	background-size:cover;
	width:35%;
	height:200px;
	padding:0.2em;
	float:left;
	text-align:center;
	font-size:1.6em;
	/* margin:-10% 1% 20% 7%; */
	margin:5% 1% 5% 7%;
}

div.ebook_gris {
	background-image:url(../Imagenes/fondo_gris.png);
	background-repeat:no-repeat;
	background-size:cover;
	width:35%;
	height:200px;
	padding:0.2em;
	float:left;
	text-align:center;
	font-size:1.6em;
	/* margin:-10% 1% 20% 7%; */
	margin:5% 1% 5% 7%;
}



div.ebook_rojo2 {
	background-image:url(../Imagenes/fondo_rojo.png);
	background-repeat:no-repeat;
	background-size:cover;
	width:35%;
	height:200px;
	padding:0.2em;
	float:left;
	text-align:center;
	font-size:1.6em;
	margin:5% 1% 20% 7%;
}

div.ebook_lila2 {
	background-image:url(../Imagenes/fondo_lila.png);
	background-repeat:no-repeat;
	background-size:cover;
	width:35%;
	height:200px;
	padding:0.2em;
	float:left;
	text-align:center;
	font-size:1.6em;
	margin:5% 1% 20% 7%;
}

div.inferior {
	/*height:120px;*/
	color:#000;
	width:40em;

	bottom:1em;
	/*left:65%;*/
	right:2em;
	position:absolute;
	}



.marta {
	padding-top:40px;
	font-size:15px;
	text-align:center;
	line-height: 1.7;
	}

p.proyecto {
	bottom:0;
	text-align:center;
}

p.cursiva {
	font-style:italic;
}

p.enlace {
	font-size: 14px;
}

a {
	color:#FFF;
	}


/*Por debajo de 1020px */
@media screen and (max-width: 1020px){
	body {
	font-size:12px;
	}
}


/*Por debajo de 700px */
@media screen and (max-width: 700px){
	body {
	font-size:10px;
	}
}

/*Por debajo de 400px */
@media screen and (max-width: 400px){
	body {
		font-size:7px;
	}
}