@charset "utf-8";

/* --- Reset estilos --- */
h1,h2 { margin:0; padding:0; font-weight:normal; font-size:1em; line-height:1.2em; font-style:normal; line-height:1.2em; }
p { line-height:1.5em; }
a,
a:active,
a:visited	{ color:#F39D00;cursor:pointer;text-decoration:none;outline:0;}
a:hover 	{ color:#FFC37B; }
img 		{ max-width:100%;height:auto; }
button {
	font-family:'SourceSansPro',Arial,Helvetica,sans-serif;
	font-size:1em;
	font-weight:300;
	}


/* --- Estilos propios --- */
body {
	background:#fff;
	color: #777;
	font: 300 1.5em/1.4em 'Source Sans Pro',Arial,Helvetica,sans-serif;
	margin:0;
	width:100%;
	text-align:center;
	}

header { padding: .8em 2em .8em 2em; display: flex; align-items: center; margin: auto;}
header img { max-height: 1.9em; }
#imgB { max-height: 2.2em; }
.pts {	
	background: url('../images/ptos-gris.png') repeat-x;
	height:.5em;
	width:60%;
	margin: 1em 1em auto;
	}

h1, h2 { 
	font-family:'Bitter','Source Sans Pro','Georgia',sans-serif; 
	font-weight:400;
	margin: 0 .5em 0 .5em; 
	}
h1 { font-size:1.6em; }
h2 { font-size:1.2em; color: #333; }

.first .inner {
	background: -moz-radial-gradient(center, ellipse cover,  rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);
	background: -webkit-gradient(radial, center center, 0em, center center, 100%, color-stop(0%,rgba(0,0,0,0.1)), color-stop(100%,rgba(0,0,0,0)));
	background: -webkit-radial-gradient(center, ellipse cover,  rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 100%);
	background: -o-radial-gradient(center, ellipse cover,  rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 100%);
	background: -ms-radial-gradient(center, ellipse cover,  rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 100%);
	background: radial-gradient(ellipse at center,  rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 100%);
	padding: 2.6em 0 2.1em 0;
	}

div p { width: 90%; margin: auto;}
.first p { padding-top: .8em; }

.second img { width: 100%; margin-top: 1.5em; }
.second p { color: #888; margin-bottom: 1em; font-size: .9em; padding-top: .5em;}
.second { margin-top: 1.6em; }
.second a {
	background-color: black;
	border: none;
	color: white;
	display: inline-block;
  	padding: .45em 2.1em;
	border-radius: .35em;
	text-decoration: none;
	}

footer {
	padding: .3em 1em .5em;
	font-size: .7em;
	}


/* --- Fondos de imágenes responsive --- */
.first { 
	background-size: cover; 
	color: #fff; 
	text-shadow: .1em .1em .1em rgba(0,0,0,0.15);
	}
@media only screen and (min-width:1025px) {
	.first { background-image:url('../images/libros-1200.jpg'); }
	}
@media only screen and (min-width:480px) and (max-width:1024px) {
	.first { background-image:url('../images/libros-1024.jpg'); }
	}
@media only screen and (max-width:480px) {
	.first { background-image:url('../images/libros-800.jpg'); }
	}



/* -- Exclusivo móvil vertical -- */
@media only screen and (max-width:479px) {
	.pts { display: none; }
	header { 
		padding-left: 1.5em; 
		display: flex; 
		justify-content: space-between; 
		}
	#imgB { max-width: 35%!important; }
	div p { width: 90%;}
	.first .inner { padding: 1.8em 0 1.7em 0; }
	.first p { padding-top: .4em; }
	header img { max-width: 50% !important; }
}

/* -- Tablet vertical -- */
@media only screen and (min-width:768px) {
	div p { width: 70%; }
}
/* -- Tablet horizontal y pantallas -- */
@media only screen and (min-width:980px){
	header { padding: .8em 3em .8em 3em; }
	div p { width: 50%; max-width:600px; }
}
/* -- Pantallas grandes (monitor) -- */
@media only screen and (min-width:1200px){
	header { width: 60%; }
}


/*.-- {
	-moz-osx-font-smoothing:grayscale;
	-webkit-font-smoothing:antialiased;
	}*/