/*------------------------------------------------------------*
**  PAGINA	PG
**------------------------------------------------------------*/
html {overflow-y: scroll;}
body {
	background: #fff url(rec/pg_punto.gif);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 68%;
	text-align: center;
	margin: 0;
	}
acronym { cursor: help; border-bottom: 1px dashed #999; }
a { text-decoration: none; color: #369; border-bottom: 1px dashed #369; }
a:hover {
	border-bottom: 1px dashed #49515C;
	color: #49515C;
	cursor: pointer;
}
.bienvenida {
	font-size: 14px;
	font-weight: bold;
	line-height: 160%;
}
.titulo_grande {
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 10px;
}
.titulo_bar {
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 10px;
	line-height: 130%;
}

/*------------------------------------------------------------*
**  BARRA NAVEGACIÓN
**------------------------------------------------------------*/
#navega {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-image: url(../img/flecha.gif);
	background-repeat: no-repeat;
	background-position: 10px 8px;
	width: 554px;
	padding-right: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #a8a8a8;
	padding-bottom: 7px;
	padding-left: 26px;
	float: left;
	margin-bottom: 10px;
}

/*------------------------------------------------------------*
**  CONTENEDOR	CN
**------------------------------------------------------------*/	
#contenedor {
	margin: 0 auto;
	width: 800px;
	background: #fff url(rec/cn_linea.gif) repeat-y 25%;	
	border: 1px solid #ddd;
	padding: 0 5px;
	text-align: left; 
	}
#contenedor a.noborder {text-decoration: none; color: #369; border-bottom: 0px; }	
/*------------------------------------------------------------*
**  CABECERA	CB 
**------------------------------------------------------------*/		
#cabecera {
	background: #49515C url(rec/cb_derecha3.gif) no-repeat 100% 0 ;
	border-bottom: 4px solid #fff;
	border-top: 5px solid #fff;
	padding: 28px 30px;	
	height:42px;	/* para poner titulo quitar esto y cambiar la imagen*/
	}	
#cabecera h1 { 	
	margin: 0;
	color: #C6C4C5;
	font-size: 1.8em;
	font-weight: normal;
	cursor: default;
	}	
#cabecera h2 { 	
	margin: 0;
	color: #8D8E90;
	font-size: 1.2em;
	padding-left: 1px;
	cursor: default;
	}
		
/*------------------------------------------------------------*
**  NAVEGADOR NV
**------------------------------------------------------------*/

#navegador {
	background: #858F9E; 
	border-bottom: 4px solid #fff;
	margin: 0; 
	padding: 0;
	height: 2.2em;	
	}
#navegador li {
	list-style-type: none;
	display: inline;
	line-height: 20px;
	}	
#navegador li a { 
	text-decoration: none; 
	color: #ddd;
	background-color: #858F9E;
	border-right: 4px solid #fff; 
	border-bottom: 0;
	padding: 3px 8px;
	font-size: 1em;
	float: left;
	font-weight: bold;
	}
#navegador li a:hover { background-color: #6B7687; }
#navegador li a.on { background-color: #49515C; color: #C6C4C5; }
	
/*------------------------------------------------------------*
**  PRAL	PR
**------------------------------------------------------------*/
#pral {
	float: center;
	width: 770px;
	position: relative;
	margin-left: 15px;
	line-height: 20px; 
	text-align: center; 
	word-spacing: 2px;	
	background: #fff url(rec/br_fondo.jpg) repeat-x;
	}	
/*------------------------------------------------------------*
**  FOTO	FT
**------------------------------------------------------------*/
#foto {
	float: center;
	width: 570px;
	position:relative;
	margin-left: 15px;
	line-height: 20px; 
	text-align: center; 
	word-spacing: 2px;	
	}	
#foto a{border-bottom:0;}

/*------------------------------------------------------------*
**  BARRA	BR
**------------------------------------------------------------*/
#barra {
	float: left;
	width: 190px;
	position: relative;
	line-height: 20px; 
	word-spacing: 2px;	
	}
#barra div { background: #fff url(rec/br_fondo.jpg) repeat-x; }	

#menu_izq { padding: 10px 10px 10px 10px; }	

#barra div div {
	background: transparent repeat-x;
	line-height: 0px;
	border-top: 0;
	padding: 12px;
	}	
/*------------------------------------------------------------*
**  CONTENIDO	CT
**------------------------------------------------------------*/
#contenido {
	float: right;
	width: 589px;
	position: relative;
	margin-left: 15px;
	line-height: 20px; 
	text-align: justify; 
	word-spacing: 2px;	
	}	
#contenido div { background: #fff url(rec/ct_fondo.jpg) repeat-x; }	
#contenido td.pista  {
	color:#FF0000;
	font-weight: bold;
}

#contenido_coda_slider {
	float: right;
	width: 589px;
	position: relative;
	margin-left: 15px;
	line-height: 20px; 
	text-align: justify; 
	word-spacing: 2px;	
	}
#contenido_ficha {
	float: left;
	width: 584px;
	position: relative;
	margin-left: 206px;
	line-height: 20px; 
	text-align: left; 
	word-spacing: 2px;	
	}
#contenido_ficha div { background: #fff url(rec/ct_fondo.jpg) repeat-x; }	

/*------------------------------------------------------------*
**  BARRA Y CONTENIDO
**------------------------------------------------------------*/
#barra  h3, #contenido h3 { 
	font-size: 1.1em; 
	color: #49515C; 
	margin: 0 10px 0 0; 	
	}
#contenido div, #contenido_ficha div, #barra div {
	padding: 1px 0 10px 0;
	border-top: 1px solid #ddd;
	padding: 8px;
	}

/*------------------------------------------------------------*
**  FICHATEXTO	FX
**------------------------------------------------------------*/
#fichatexto {
	float: left;
	width: 430px;
	position: relative;
	margin-top:10px;
	margin-left: 15px;
	line-height: 20px; 
	text-align: left; 
	word-spacing: 2px;	
	}		
#fichatexto  h3 { 
	font-size: 1.6em; 
	color: #49515C; 
	margin: 0 10px 0 0; 	
	}		
#fichatexto .subtit {
	font-size: small
}		
/*------------------------------------------------------------*
**  FICHAIMG	FG
**------------------------------------------------------------*/
#fichaimg {
	float: left;
	width: 140px;
	position: relative;
	margin-top: 52px;
	margin-left: 15px;
	line-height: 20px;
	text-align: justify;
	margin-bottom: 22px;
	}	
#fichaimg a {text-decoration: none; color: #369; border-bottom: 0px; }

/*------------------------------------------------------------*
**  PIE	PI
**------------------------------------------------------------*/
#pie {
	background: #49515C url(rec/cb_derecha.gif) no-repeat 100% 0;
	border-bottom: 5px solid #fff;
	border-top: 10px solid #fff;
	text-align: center;	
	color: #fff;
	font-size: 0.8em;
	padding: 10px;
	line-height: 16px;
	clear: both;
	}
	
#pie a { text-decoration: none; color: #A2AFBF; border-bottom: 1px dashed #A2AFBF; }
#pie a:hover { border-bottom: 1px dashed #fff; color: #fff; }

/*------------------------------------------------------------*
**  COMPOSICIONES (titulo/editorial)
**------------------------------------------------------------*/
.titulo_obra{
  color: #000;
  font-family: 'Molengo', serif;
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
  line-height: 1em;
}
.titulo_anyo{
  color:#a70916;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
  line-height: 1em;
}
.titulo_editorial{
  color: #383e49;
  font-family: 'Molengo', serif;
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
  line-height: 1em;
}


/*------------------------------------------------------------* 
**   CSS to go with Prototip.Styles 
**------------------------------------------------------------*/
.prototip {
	font: 11px Arial, Helvetica, sans-serif;
	color: #000;
}

/* the default style */
.prototip .default {
	width: 250px;
	color: #808080;
}
.prototip .default .toolbar {
	background: #f1f1f1;
	font-weight: bold;
}
.prototip .default .title { padding: 5px; }
.prototip .default .content {
	padding: 5px;
	background: #fff;
}

/* basic */
.prototip .basic {
	width: 250px;
	color: #808080;
}
.prototip .basic .toolbar {
	background: #f1f1f1;
	font-weight: bold;
}
.prototip .basic .title { padding: 5px; }
.prototip .basic .content {
	padding: 5px;
	background: #fff;
}

/* basic */
.prototip .hint {
	width: 250px;
	color: #313120;
	background: #fff6aa;
}
.prototip .hint .toolbar {
	background: #fdf1a0;
	font-weight: bold;
}
.prototip .hint .title,
.prototip .hint .content { padding: 5px; }

/* protoblue */
.prototip .protoblue {
	width: 250px;
	color: #fff;
}
.prototip .protoblue .toolbar {
	background: #0d7cd0;
	font-weight: bold;
}
.prototip .protoblue .title { padding: 5px; }
.prototip .protoblue .content {
	background: #1e90ff;
	padding: 5px;
}

/* creamy */
.prototip .creamy {
	width: 250px;
	color: #bb9c61;
}
.prototip .creamy .toolbar {
	background: #f3edc2;
	font-weight: bold;
}
.prototip .creamy .title { padding: 5px; }
.prototip .creamy .content {
	background: #f8f4ca;
	padding: 5px;
}

/* darkgrey */
.prototip .darkgrey {
	width: 250px;
	color: #fff;
}
.prototip .darkgrey .toolbar {
	background: #5f5f5f;
	font-weight: bold;
}
.prototip .darkgrey .title { padding: 5px; }
.prototip .darkgrey .content {
	background: #808080;
	padding: 5px;
}

/* protogrey */
.prototip .protogrey {
	width: 250px;
	color: #fff;
	background: #fff;
}
.prototip .protogrey .toolbar {
	background: #969c92;
	font-weight: bold;
}
.prototip .protogrey .title { padding: 5px; }
.prototip .protogrey .content {
	color: #808080;
	padding: 5px;
}
/* This is how to resize the close button for a style */
.prototip .protogrey .toolbar .close {
	width: 14px;
	height: 14px;
}


/* loader gif */
.prototipLoader {
	position: absolute;
	top: -1000px;
	left: -1000px;
	height: 14px;
	width: 14px;
	border: 1px solid #dddddd;
	overflow: hidden;
}


/* Required for all tooltips, do not modify */
.prototip{position:absolute;overflow:hidden;}.prototip .tooltip,.prototip .toolbar,.prototip .toolbar .title{position:relative;}.prototip .content{clear:both;}.prototip .toolbar .close{position:relative;text-decoration:none;float:right;width:19px;height:15px;display:block;line-height:0;font-size:0;border:0;cursor:pointer;}.prototip .tooltip{clear:both;float:left;}.prototip .borderLeftWrapper,.prototip .borderRightWrapper{position:absolute;top:0;left:0;width:300px;height:20px;}.prototip .borderFrame{height:100%;width:100%;float:left;margin:0;padding:0;position:relative;}.prototip .borderTop,.prototip .borderBottom{overflow:hidden;}.prototip .borderRow{list-style-type:none;float:left;width:100%;position:relative;clear:both;margin:0;padding:0;}.prototip_CornerWrapper{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;clear:both;}.prototip_Corner{float:left;position:relative;}.prototip canvas{position:relative;float:left;}.prototip_CornerTr,.prototip_CornerBr{float:right;}.prototip_BetweenCorners{position:absolute;top:0;left:0;width:100%;overflow:hidden;clear:both;}.prototip .borderMiddle{position:relative;float:left;}.prototip .borderCenter{position:relative;float:left;height:100%;}.prototip_StemWrapper{position:relative;width:100%;height:auto;clear:both;}.prototip_StemBox{float:left;position:relative;}.prototip_Stem{width:100%;position:absolute;overflow:hidden;}.iframeShim{position:absolute;border:0;margin:0;padding:0;background:none;overflow:hidden;}.prototip .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}.prototip .clearfix{display:inline-block;}/* IE Mac Hide \*/ .prototip .clearfix{display:block;}/* IE Mac Hide End */