@charset "UTF-8";

@font-face {
	font-family: 'Rosewood';
	src: url('fonts/rosewood.eot');
	src: local('☺'), url('fonts/rosewood.woff') format('woff'), url('fonts/rosewood.ttf') format('truetype');
	font-style: normal;
	font-weight: normal;
}
@font-face {
	font-family: 'Orator';
	src: url('fonts/orator.eot');
	src: local('☺'), url('fonts/orator.woff') format('woff'), url('fonts/orator.ttf') format('truetype');
	font-style: normal;
	font-weight: normal;
}

* { margin: 0px; padding: 0px; }

body {
	position:					relative;
	top:						0px;
	right:						0px;
	left:						0px;

	padding:					100px 0px 0px 0px;

	font:						12px Arial, Helvetica, sans-serif;

	background-color:			#FEF0FC;
	background-image:			url(../img/bk/body.gif);
	background-position:		top center;
	background-repeat:			repeat-y;
}

article, section, aside, header, footer, hgroup, nav, figure, canvas, audio, video, math, svg { display: block; }
link,script{display:none;visibility:hidden;height:0px;line-height:0px;}

a {		 	text-decoration:	none; }
a:link {	text-decoration:	none; }
a:visited {	text-decoration:	none; }
a:hover {	text-decoration:	underline; }
a:active {	text-decoration:	none; }


/* ────────────────────────────────────────────────────────────────────────── *\
   Cabecera
   __________________________________________________________________________
\* ¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯ */
body > header {
	position:					absolute;
	z-index:					3;
	top:						0px;
	left:						0px;
	right:						0px;

	width:						816px;
	height:						100px;

	margin:						0 auto;

	text-align:					center;

	background-image:			url(../img/bk/head.gif);
	background-position:		bottom center;
	background-repeat:			no-repeat;
}

body > header h1 {
	position:					relative;
	width:						810px;

	padding:					5px;

	font:						normal 48px 'Rosewood', Arial, Helvetica, sans-serif;
	text-align:					right;
	vertical-align:				top;

	color:						#000000;
}

body > header nav {
	position:					absolute;
	bottom:						0px;
	width:						816px;
	height:						25px;
}
body > header nav ul {
	position:					absolute;
	bottom:						0px;
	width:						816px;
	height:						25px;
	list-style-type:			none;
}

body > header nav ul li {
	display:					block;
	float:						left;
	height:						25px;

	font:						normal 14px "Arial Narrow", "Helvetica Neue", Arial, Helvetica, sans-serif;
	line-height:				25px;
	text-align:					center;
	vertical-align:				middle;

	color:						#99CCCC;
	background-color:			#EEEEEE;
}
body > header nav ul li + li {
	margin-left:				10px;
}
body.portada		header nav ul li.m_0, 
body.noticias		header nav ul li.m_1, 
body.daniel_merino	header nav ul li.m_2, 
body.familia		header nav ul li.m_3, 
body.discografia	header nav ul li.m_4, 
body.galeria		header nav ul li.m_5, 
body.extras			header nav ul li.m_6, 
body.contacto		header nav ul li.m_7 {
	background-color:			#FFFFFF;
}

body > header nav ul li a {
	padding:					0 0.5em 0 0.5em;
	color:						#999999;
}
body > header nav ul li a:hover {
	text-decoration:			none;
	color:						#99CCCC;
}
body.portada		header nav ul li.m_0 a, 
body.noticias		header nav ul li.m_1 a, 
body.daniel_merino	header nav ul li.m_2 a, 
body.familia		header nav ul li.m_3 a, 
body.discografia	header nav ul li.m_4 a, 
body.galeria		header nav ul li.m_5 a, 
body.extras			header nav ul li.m_6 a, 
body.contacto		header nav ul li.m_7 a {
	color:						#99CCCC;
	font-weight:				bold;
}

/* ────────────────────────────────────────────────────────────────────────── *\
   Pie
   __________________________________________________________________________
\* ¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯ */
body > footer {
	position:					relative;
	width:						816px;
	height:						100px;

	margin:						0 auto;
	padding-bottom:				5em;

	text-align:					center;
}
body > footer p {
	position:					relative;

	padding:					35px 0 0 0;

	color:						#999999;
	font:						normal 10px "Arial Narrow", "Helvetica Neue", Arial, Helvetica, sans-serif;
}
body > footer p a {
	color:						#99CCCC;
}


/* ────────────────────────────────────────────────────────────────────────── *\
   Contenido
   __________________________________________________________________________
\* ¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯ */
div#contenido {
	position:					relative;
	width:						816px;
	margin:						0 auto;
	padding-bottom:				60px;
}

div#contenido section {
	position:					relative;
	width:						516px;
	padding:					0 0 0 300px;
	text-align:					left;
}


div#contenido section hgroup {
	position:					relative;
	margin:						0 0 18px 0;
}
div#contenido section h1 {
	position:					relative;
	margin:						0 0 12px 0;
	font:						bold 24px 'Orator', "Arial Narrow", "Helvetica Neue", Arial, Helvetica, sans-serif;
	text-transform:				uppercase;
	color:						#D22B43;
}
div#contenido section > hgroup > h1, 
div#contenido section > h1 {
	padding:					24px 0 0 0;
}
/*div#contenido > section > hgroup > h1, 
div#contenido > section > h1 {
	text-shadow:				1px 1px rgba(153,153,153,0.5);
}*/
div#contenido section > section > h1 {
	padding:					0 36px 0 0;
	font:						bold 20px 'Orator', "Arial Narrow", "Helvetica Neue", Arial, Helvetica, sans-serif;
}

div#contenido section h2 {
	position:					relative;
	margin:						6px 0 12px 0;
	font:						normal 12px Arial, Helvetica, sans-serif;
}
div#contenido section hgroup > h2 {
	margin-top:					-12px;
}


div#contenido section p {
	position:					relative;
	margin:						6px 0 12px 0;
	padding:					0 36px 0 0;
}
div#contenido section ul,
div#contenido section ol {
	position:					relative;
	margin:						6px 0 12px 0;
	padding:					0 35px 0 25px;
}

section p q {		 quotes:	"\00AB" "\00BB"; }
section p strong q { quotes:	"\2018" "\2019"; }
section p strong q { quotes:	"\201C" "\201D"; }


body.familia div#contenido section {
	width:						816px;
	padding-left:				0px;
}
body.familia div#contenido section h1 {
	padding-left:				300px;
}
body.familia div#contenido section p {
	padding-left:				300px;
}


div#contenido section figure {
	position:					absolute;
	top:						25px;
	left:						25px;
}
div#contenido section figure img {
	position:					absolute;
	top:						0px;
	border:						1px solid #D6D8CF;
	padding:					5px;
	background-color:			#E6ECDA;
}


div#contenido section aside {
	position:					absolute;
	top:						25px;
	left:						25px;
}
div#contenido section aside img {
	position:					absolute;
	top:						0px;
	border:						1px solid #D6D8CF;
	padding:					1px;
	background-color:			#E6ECDA;
}


div#contenido a {
	color:						#4D73BE;
}
div#contenido object {
	background-color:			transparent;
}


/* Contenido : Noticias
\* ────────────────────────────────────────────────────────────────────────── */
body.noticias div#contenido section article {
	position:					relative;
	margin:						6px 0 0 0;
	padding:					0 0 12px 0;
}
body.noticias div#contenido section article h1 {
	margin:						8px 0 6px 0;
	font:						normal 16px 'Orator', "Arial Narrow", "Helvetica Neue", Arial, Helvetica, sans-serif;
	text-transform:				uppercase;
}
body.noticias div#contenido section article p {
	margin:						6px 0 3px 0;
	padding:					0 60px 0 12px;
	font:						normal 12px Arial, Helvetica, sans-serif;
}
body.noticias div#contenido section article p em {
	font-style:					normal;
	text-transform:				uppercase;
}
body.noticias div#contenido section article footer {
	margin:						0 0 16px 0;
	padding:					0 60px 0 12px;
	font:						italic 11px Arial, Helvetica, sans-serif;
}


/* Contenido : Extras
\* ────────────────────────────────────────────────────────────────────────── */
body.extras div#contenido section article {
	position:					relative;
	margin:						6px 0 0 24px;
	padding:					0 0 6px 0;
}
body.extras div#contenido section article h1 {
	margin:						8px 0 0 0;
	font:						normal 20px 'Orator', "Arial Narrow", "Helvetica Neue", Arial, Helvetica, sans-serif;
	text-transform:				uppercase;
}
body.extras div#contenido section article hgroup {
	margin:						0 0 6px 0;
}
body.extras div#contenido section article hgroup p {
	margin:						0;
	padding:					0;
}


/* Contenido : Discos
\* ────────────────────────────────────────────────────────────────────────── */
body.discografia div#contenido section article {
	position:					relative;
	margin:						6px 0 0 0;
	padding:					12px 0 24px 0;
	clear:						both;
}
body.discografia div#contenido section article h1 {
	margin:						0 0 0 130px;
	font:						normal 16px 'Orator', "Arial Narrow", "Helvetica Neue", Arial, Helvetica, sans-serif;
	text-transform:				uppercase;
	color:						#CC3333;
	color:						#D22B43;
}
body.discografia div#contenido section article p {
	margin:						0 0 0 130px;
}
body.discografia div#contenido section article img {
	float:						left;
}


/* Contenido : Letras
\* ────────────────────────────────────────────────────────────────────────── */
body.discografia div#contenido section ol li {
	cursor:						pointer;
}
body.discografia div#contenido section section#letra {
	position:					relative;
	width:						450px;
	margin:						6px 0 0 0;
	padding:					0 35px 24px 25px;
}
body.discografia div#contenido section section#letra h1 {
	margin:						18px 0 0 0;
	font:						normal 16px 'Orator', "Arial Narrow", "Helvetica Neue", Arial, Helvetica, sans-serif;
	text-transform:				uppercase;
	color:						#D22B43;
}
body.discografia div#contenido section section#letra blockquote {
	margin:						0 0 12px 0;
	font:						11px Arial, Helvetica, sans-serif;
}
body.discografia div#contenido section section#letra p {
	margin:						6px 0 12px 0;
	font:						italic 11px Georgia, "Times New Roman", Times, serif;
}


/* Contenido : Detalles
\* ────────────────────────────────────────────────────────────────────────── */
body.contacto div#contenido section section {
	position:					relative;
	width:						500px;
	margin:						0 0 0 16px;
	padding:					0 0 12px 0;
}
body.contacto div#contenido section > section > h1 {
	padding:					0 36px 0 0;
}
body.contacto div#contenido section section dl {
	position:					relative;
	margin:						6px 0 0 0;
}
body.contacto div#contenido section section dl dt {
	margin:						6px 0 5px 0;
	font:						normal 16px 'Orator', "Arial Narrow", "Helvetica Neue", Arial, Helvetica, sans-serif;
	text-transform:				uppercase;
	color:						#D22B43;
}
body.contacto div#contenido section section dl dd + dt {
	margin-top:					18px;
}
body.contacto div#contenido section section dl dd {
	margin:						6px 0 6px 0;
	padding:					0 60px 0 12px;
}
body.contacto div#contenido section section dl dd address, 
body.contacto div#contenido section section dl dd p, 
body.contacto div#contenido section section dl dd dt, 
body.contacto div#contenido section section dl dd dd {
	margin:						0 0 3px 0;
}
body.contacto div#contenido section section dl dd address {
	padding:					0 60px 0 12px;
	font:						normal 12px Arial, Helvetica, sans-serif;
}
body.contacto div#contenido section section dl dd address em {
	font-style:					normal;
}
body.contacto div#contenido section section dl dd dt {
	text-transform:				none;
}
body.contacto div#contenido section section dl dd a img {
	border:						0px;
}


/* Contenido : Galerias
\* ────────────────────────────────────────────────────────────────────────── */
div#contenido dl.galeria {
	position:					relative;
	clear: 						both;
	width:						750px;

	margin:						0.5em 50px 0 50px;
	padding:					0 0 2em 0;

	text-align:					left;
}
div#contenido dl.galeria dt {
	position:					relative;
	clear: 						both;
	margin:						0.5em 0 0.4em 0;
	font:						20px "Arial Narrow", "Helvetica Neue", Arial, Helvetica, sans-serif;
	color:						#D22B43;
}
div#contenido dl.galeria dd {
	position:					relative;
	display: 					block;
	float: 						left;
	margin-right: 				10px;
}
div#contenido dl.galeria dd a {
	display: 					block;
	width:						125px;
	height:						125px;
}
div#contenido dl.galeria dd a img {
	border:						none;
}


/* ────────────────────────────────────────────────────────────────────────── */