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

/*
******************************************************************************
******************************************************************************
* Normalizar estilos XHTML de diferentes navegadores
******************************************************************************
******************************************************************************
*/

/* Quitamos el subrayado de los links */
:link,:visited { text-decoration:none }

/* Eliminamos las viñetas de las listas */
ul,ol { list-style:none }

/* Evitar el tamaño inconsistente de los diferentes encabezados
   y también etiquetas <pre> y <code> */
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }

/* Evitar la asignación inconsistente de márgenes y rellenos a
   diferentes elementos HTML  */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }

/* Evitar el borde azul en imágenes que son links */
a img,:link img,:visited img { border:none }

/* Quitar la cursiva del elemento <address> */
address { font-style:normal }

/* Quitar márgenes de los párrafos???*/
p {margin:0; padding:0}

/* Resetfloat*/
.resetfloats {
	clear: both;
}

/*
*********************
*********************
*/
body {
	background-color: #cfb782;
	background-image: url(../img/fnd_notas.jpg);
	background-repeat:  repeat-x;
	background-position: 0px 180px;
}
#envoltorio {
	height: 580px;
	min-height: 580px;
	width: 740px;
	margin-right: auto;
	margin-left: auto;
}
*>#envoltorio {
	height:auto
}
/*
*********************
ENCABEZADO
*********************
*/
#encabezado {
	height: 220px;
	width: 740px;
}
#cabecera {
	height: 40px;
	width: 740px;
}
#cabecera .bihotzetik {
	height: 40px;
	width: 175px;
	margin-left: 90px;
	float: left;
}
#patrocinador {
	float: right;
	height: 38px;
	width: 280px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	font-weight: bold;
	color: #000000;
	text-align: right;
	margin: 0px;
	padding-bottom: 2px;
}
#patrocinador .aarpe {
	height: 38px;
	width: 65px;
	margin: 0px;
}
/*
*********************
MENU
*********************
*/
#menu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #8e6407;
	background-color: #FFFFFF;
	text-align: right;
	height: 16px;
	padding-top: 4px;
}
.menus {
	font-weight: bold;
	color: #8e6407;
	margin-right: 8px;
	margin-left: 8px;
}
.idioma {
	color: #000000;
	margin-left: 5px;
	margin-right: 5px;
}
.idiomaeus {
	color: #000000;
	margin-left: 55px;
	margin-right: 5px;
}
#menu a:hover {
	text-decoration: underline;		
}
/*
*********************
CONTENIDO
*********************
*/
#contenido {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #000000;
	background-color: #FFFFFF;
	padding: 10px;
	height: 320px;
	min-height: 320px;
	width: 720px;
}
*>#contenido {
	height:auto
}

h1 {
	font-size: 1.1em;
	font-weight: bold;
	color: #8e6407;
	background-image: url(../img/nota.jpg);
	height: 20px;
	padding-left: 25px;
	background-repeat: no-repeat;
	padding-top: 4px;
	margin-top: 4px;
	margin-bottom: 4px;
}

h2 {
	font-weight: bold;
	color:#000000;
	margin-top: 8px;
	margin-bottom: 6px;
}

/*h2 {
	font-weight: bold;
	color: #cfb782;
	margin-top: 8px;
	margin-bottom: 6px;
}
*/
h3 {
	font-weight: bold;
	color: #8e6407;
	margin-top: 8px;
	margin-bottom: 6px;
}
.img_pnt {
	float: right;
	height: 480px;
	width: 340px;
	margin-right: 10px;
}
p {
	margin-top: 4px;
	margin-bottom: 4px;
}
#contenido a:link, #contenido a:visited {
	font-weight: normal;
	color: #8e6407;
}
#contenido a:hover {
	text-decoration: underline;
}
.interpreteseus {
	font-weight: bold;
	color: #8e6407;
}
.interpretescas {
	color: #8e6407;
}
.espacio {
	margin-top: 12px;
}
/*
*********************
AUDIO PLAYER
*********************
*/
#audio {
	width: 720px;
}
#placeholder {
	height: 240px;
	width: 400px;
	margin-top: 10px;
	float: left;
}
#letras {
	float: right;
	height: 240px;
	min-height:240px;
	margin-top: 10px;
	width: 300px;
}
*>#letras {
	height: auto;
}
/* Pestañas y su contenido */
#contpestanas {
	width: 300px;
}
#listaPestanas {
    width: 300px;
    padding: 3px 0px;
    border-bottom: 1px solid #8e6407;
}
#listaPestanas li {
    display: inline;
}
#listaPestanas li a:link, #listaPestanas li a:visited {
	padding-top: 2px;
	padding-right: 9px;
	padding-bottom: 3px;
	padding-left: 9px;
	margin-left: 0px;
	border: 1px solid #8e6407;
	border-bottom: none;
	background: #EAEAEA;
	font-weight: bold;
}
#listaPestanas li a:hover {
    background: #8e6407;
    color: #FFFFFF;
	font-weight: bold;
}
#listaPestanas li a.activa {
	border-bottom: 1px solid #ECE2CC;
	background-color: #ECE2CC;
}
#listaPestanas li a.activa:hover {
    color: #8e6407;
}
#contenidoPestana {
	width: 278px;
	border-top: 1px none #8e6407;
	border-right: 1px solid #8e6407;
	border-bottom: 1px solid #8e6407;
	border-left: 1px solid #8e6407;
	margin-top: 0px;
	padding: 10px;
	height: 190px;
	min-height: 190px;
	background-color: #ECE2CC;
}
*>#contenidoPestana {
	height: auto;
}
/*
*********************
VIDEO
*********************
*/
#video {
	float: left;
	height: 333px;
	width: 500px;
}
#listavideo {
	float: right;
	height: 250px;
	width: 200px;
}