@charset "utf-8";
/* CSS Document */

body {
	background-color: black;
	margin: 0 auto;
	text-align: center;
	font-family: 'Maven Pro', sans-serif;
}

div.container {
    max-width: 1300px;	
}

header {
	background: linear-gradient(#ba292f, #781a1e);
    padding: 2.5em;
    color: white;
    clear: left;
    text-align: center;
}

footer {
    padding: 1em;
    color: white;
    clear: left;
    text-align: center;
}

nav {
    float: left;
	max-width: 230px;
    margin: 0 auto;
    padding: 1em;
}

nav div {
	padding: 0.5em;
	margin-bottom: 0.3em;
	border-bottom: 1px solid #999;
}

nav div a {
	text-decoration: none;
	color: #999;
}

nav div a.asp1 {
	text-decoration: none;
	color: #096;
}

nav div a.asp2 {
	text-decoration: none;
	color: #900;
}

nav div.asp1 {
	border-bottom: 1px solid #096;
}

nav div:hover {
	background-color: #333;
}

img.socialthu {
	width: 150px;
}

article {
	background-color: #9b8687;
    border-left: 1px solid gray;
    padding: 2.5em;;
    overflow: hidden;
	font-size: 1em;
	line-height: 20px;
	text-align: justify;
	border-bottom-right-radius: 2em;
	border-bottom-left-radius: 2em;
}

h2 {
	background-color: #b69697;
	padding: 0.4em;
	font-size: large;
}

article img {
	border: 1px solid #000;
	box-shadow: 5px 5px 5px #333;
	margin: 0.2em;
}

.imghome {
	margin-top: -0.5em;
	width: 100%;
}

.imgsp {
	border: none;
	box-shadow: none;
}

footer a { color: #AE5555; }
footer a:hover { text-decoration: none;}

blockquote {
	background-color: #c8b2b3;
	padding: 2em;
	margin-top: 1.5em;
	border-radius: 1.5em;
	margin-bottom: 2em;
	box-shadow: 3px 3px 3px #666;
	color: #333;
}

.usp {
	margin-left: 30px;
}

article a { color: #7c292d; }
article a:hover { text-decoration: none; background-color: #FCC; }

.fle {
	float: left;
	margin-right: 1em;
	margin-bottom: 1em;
}

.author {
	width: 150px;
}

.books {
	width: 80%;
	padding: 2em;
	background-color: #fff;
	text-align: center;
	margin: 0 auto;
	min-height: 750px;
	margin-bottom: 3em;
	border-radius: 1em;
	box-shadow: 3px 3px 3px #666;
	clear: both;
}

.books div {
	float: left;
	margin: 0.4em;
}

.books div img {
	width: 90px;
	border: none;
	box-shadow: none;
}

.sec {
	width: 200px;
}


.mini {
	width: 65px;
	box-shadow: 2px 2px 2px #666;
}

.noticia img {
	float: left;
	margin-right: 1em;
}

.noticia {
	
	width: 90%;
	padding: 0.6em;
	margin: 0.5em;
	text-align: left;
	border-top: 1px solid #ccc;
	padding-bottom: 1.2em;
	padding-top: 1em;
}

.avatar img {
	width: 100px;
	height: auto;
}