@charset "utf-8";
@font-face {
	font-family: 'WindsongRegular';
	src: url('../_fonts/Windsong-webfont.eot');
	src: url('../_fonts/Windsong-webfont.eot?#iefix') format('embedded-opentype'),  url('../_fonts/Windsong-webfont.woff') format('woff'),  url('../_fonts/Windsong-webfont.ttf') format('truetype'),  url('../_fonts/Windsong-webfont.svg#WindsongRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: 'museo_sans_500regular';
    src: url('../_fonts/MuseoSans_500-webfont.eot');
    src: url('../_fonts/MuseoSans_500-webfont.eot?#iefix') format('embedded-opentype'),
url('../_fonts/MuseoSans_500-webfont.woff') format('woff'),
url('../_fonts/MuseoSans_500-webfont.ttf') format('truetype'),
url('../_fonts/MuseoSans_500-webfont.svg#museo_sans_500regular') format('svg');
    font-weight: normal;
    font-style: normal;

}
aside, article, section, header, footer {
	display: block;
}
html, body, h1, h2, h3, p {
	margin: 0;
	padding: 0;
}
html {
	background: black;
}
body.bio {
	font-size: 100%;
	width: 80%;
	margin: 0 auto;
	background: black url(../_images/main_back.jpg) no-repeat center 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
}
body.musica {
	font-size: 100%;
	width: 80%;
	margin: 0 auto;
	background: black url(../_images/cantautor2.jpg) no-repeat center 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
}
body.literatura {
	font-size: 100%;
	width: 80%;
	margin: 0 auto;
	background: black url(../_images/escritor.jpg) no-repeat center 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
}
body.contacto {
	font-size: 100%;
	width: 80%;
	margin: 0 auto;
	background: black url(../_images/Salvador1.jpg) no-repeat center 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
}

header {
	margin-bottom: 1em;
	margin-top: 2em;
}
/*micro-clearfix by Nicolas Gallagher http://nicolasgallagher.com/micro-clearfix-hack/*/
/* For modern browsers */
.cf:before,
.cf:after {
    content:"";
    display:table;
}
.cf:after {
    clear:both;
}
/* For IE 6/7 (trigger hasLayout) */
.cf {
    zoom:1;
}
/*add styles here*/
header h1 {
	font: 60px/68px 'WindsongRegular', Georgia, sans-serif;
	line-height: 75px;
	color: rgb(166, 148, 114);
	clear: right;
}
nav {
	background: rgba(35, 31, 32, .8);
	height: 2.3em;
}
nav ul, nav li {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
}
nav ul {
	height: 2.3em;
	float: right;
}
nav li a {
	display: block;
	line-height: 2em;
	padding: 0 1em;
	color: rgb(166, 148, 114);
	text-decoration: none;
}
nav li a:hover {
	background: rgba(89, 71, 37, 0.5);
	height: 2.3em;
	position: relative;
	color: white;
}
.current, nav a:hover.current  {
	background: rgba(166, 148, 114, 0.15);
	color: #eee;
	border-bottom: .2em solid #917F63;
	cursor: default;
	height: 2.1em;
}

article {
	padding: 0 25px;
}
article.art_musica {
	margin-top: 240px;
}
aside.asi_bio {
	width: 50%;
	margin-bottom: 20px;
	font-size: 85%;
	margin-top: 130px;
	background: rgba(35, 31, 32, .5);
	border-radius: 0px 30px 0px 30px;
	float: right;
	padding: 1em;
}
aside.asi_musica1 {
	width: 44%;
	font-size: 85%;
	background: rgba(35, 31, 32, .5);
	border-radius: 0px 30px 0px 30px;
	padding: 1em;
	margin: 0 auto;
	float: left;
	margin-left: 2em;
}
aside.asi_musica2 {
	width: 44%;
	font-size: 85%;
	background: rgba(35, 31, 32, .5);
	border-radius: 0px 30px 0px 30px;
	padding: 1em;
	margin: 0 auto;
	float: left;
	margin-left: 2em;
}
aside.asi_literatura {
	width: 40%;
	font-size: 85%;
	background: rgba(35, 31, 32, .5);
	border-radius: 0px 30px 0px 30px;
	padding: 1em;
	margin: 0 auto;
	float: right;
	margin-left: 2em;
	margin-top: -250px;
}
aside section  {
	margin-bottom: 1em;
	clear: left;
	height: 200px;
}
aside section.sec_literatura  {
	height: 130px;
}
aside section img {
	float: left;
	clear: left;
	width: 180px;
	height: 180px;
}
aside section li a     {
	text-decoration: none;
	color: rgb(166, 148, 114);

}
aside section li a:hover     {
	color:white;
}

aside h3, h4{
	color: rgb(166, 148, 114);	
}
aside li {
	color: rgb(166, 148, 114);
	font-size: 0.85em;
}
#liMini {
	font-size: 0.7em;
}
#liMini2 {
	font-size: 0.8em;
}

aside.asi_contacto {
	width: 50%;
	font-size: 85%;
	background: rgba(35, 31, 32, .5);
	border-radius: 0px 30px 0px 30px;
	height: 90px;
	margin: 0 auto;
	margin-top: 280px;
	padding: 1em;
}
.divMaqueta {
	float: left;
	margin-right: 0.8em;
}

aside.asi_contacto ul {
	margin: 0 auto;
	width: 100%;
}
aside.asi_contacto ul li {
	float:left;
	margin-right:0.5em;
	list-style-type:none;
}

aside h2 {
	font: 40px/48px 'WindsongRegular', Georgia, sans-serif;
	line-height: 1em;
	color: rgb(166, 148, 114);
	clear: right;
}

aside p {
	color: rgb(217, 168, 108);
	font: 1em 'museo_sans_500regular', Georgia, sans-serif;
}
aside p {
	line-height: 1.2;
	margin: 0 15px 1em;
}
p {
	font-size: 1em;
	margin-bottom: 1em;
	line-height: 1.6;
}
footer {
	padding: 10px 0;
	color: rgba(166, 148, 114, 0.5);
	text-align: center;
	clear: both;
	font: 0.6em 'museo_sans_500regular', Georgia, sans-serif;
}