@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.4em; }
a,
a:active,
a:visited	{ color:#F39D00;cursor:pointer;text-decoration:none;outline:0;}/* morado old 9B528D */
a:hover 	{ color:#FFC37B;/*border-bottom:1px dotted #32a5d3;*/ }/* morado old B571AB */
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-family:'Source Sans Pro',Arial,Helvetica,sans-serif;
	font-size:24px;/*1em*/
	font-weight:300;
	line-height:1.4em;
	margin:0;
	padding:0;
	width:100%;
	text-align:center;
	}
h1, h2 { font-family:'Bitter','Source Sans Pro','Georgia',sans-serif; font-weight:400; }
h1, h2, footer { margin-left: .5em; margin-right: .5em; }

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

div.first {
	background-image: url('../images/libros.jpg');
	background-size: cover;
	color: #fff;
	text-shadow: 2px 2px 2px rgba(0,0,0,0.15);
	}
.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, 0px, 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 h1 { font-size:1.6em; }
div h2 { font-size:1.2em; color: #333; }
div p { width: 90%; margin: auto;}
div.first p { padding-top: .8em; font-weight: 200; }

div.second img { width: 100%; margin-top: 1.5em; }
div.second p { color: #888; }
div.second p { 	margin-bottom: 1em; font-size: .9em; padding-top: .5em;}
div.second { margin-top: 1.6em; }
body div.second a {
	background-color: black;
	border: none;
	color: white;
	display: inline-block;
  	padding: 11px 50px;
	border-radius: 8px;
	text-decoration: none;
	font-weight:400;
	font-size: 1em;
	}

footer p { font-size: .7em; padding-bottom: .3em}

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

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


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