/* CSS Document */
html, body { height:100%; }
body{
	margin:0 auto;
	padding:0;
	color: #000;	
	text-align:center;
	font-size: 	11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	background-color: #FDCBA3;
}

/*Enlaces del sitio*/
a {	color:#CE4553;	text-decoration:none;}
a:hover {
	color:#a41a4e;
}

/*TITULOS del sitio*/
h1 {color:#BA131A; display:block; font-size:18px;}
h2 {
	color:#BA131A; 
	display:block; 
	font-size:24px; 
	font-variant:small-caps; 
	padding-bottom:5px;
	margin:20px 0;
	border-bottom:1px solid #BA131A;
	font-family:"Times New Roman", Times, serif;
}
h3 {color:#BA131A; 
	display:block; 
	font-size:40px; 
	font-variant:small-caps; 
	padding-bottom:5px;
	margin:15px 0 10px 0;
	margin:20px 0;
	border-bottom:1px solid #BA131A;
	font-family:"Times New Roman", Times, serif;
}
h3 strong
	{color:#005E82; 
	display:block; 
	font-size:16px; 
	font-variant:small-caps; 
}
h4{color:#005E82; 
	display:block; 
	font-size:16px; 
	font-variant:small-caps;
	padding-top:20px;
	font-family:"Times New Roman", Times, serif;
}
h5 {color:#EF2F72; display:block; font-size:12px;}
/*etiquetas html*/
sup{
	font-weight:bold;
	font-size:70%;
}
/*clases para color de textos*/
.azul{color:#005E82;}
.verde{color:#94A16C;}
.amarillo{color:#FFF799;}

/* Div principales de estructura id---------------------------------------------------------------------------------------*/
#wrapper
{
	margin:auto;
	height: auto;
	width: 970px;
}

#linkbar {
	color:#CE4553;
	overflow: hidden;
	text-align: left;	
	margin:5px;	
}
#linkbar a, #footer a{
	color:#CE4553;	
}
#linkbar a:hover, #footer a:hover{
	color:#000;	
}
#wrap-inner
{
	width:970px;	
	background:#FDCBA3 url(../images/wrap-bg.png) repeat-y 0 0;
}
#cabecera{
	width:970px;
}
#cabecera #inner{
	height:181px;
	padding:0 5px;
	text-align:left;
}
	
#cabecera span {
	display:none;
}
#header-r{
	width:670px;
	float:right;
	position: relative;
}
#header-l{
	width:285px;
	float:right;
	padding-top:20px;
}
#info{
	width:251px;
	height:65px;
	background:transparent url(../images/info.png) no-repeat 0 0;
}
#info h4, #info p{
	display:none;
}
h1#titulo{	
}
h1#titulo a{
	width:663px;
	height:181px;
	display:block;
	background:transparent url(../images/titulo.png) no-repeat 0 50%;
}
#header-r #imagen{
	width:300px;
	height:158px;
	left:370px;
	top:-5px;
	position:absolute;
	background:transparent url(../images/header-index_img.png) no-repeat 0 0;
}
#logo{ overflow:hidden; width:235px; height:92px;}
p#logoBice, p#logoBanrep{
	margin:0;
	padding:0;
	float:left;
	display:block;
}
p#logoBice a{
	display:block;
	width:162px;	
	height:87px;
	background:transparent url(../images/logo-bice.png) no-repeat 0 0;
}
p#logoBanrep a{
	display:block;
	width:72px;	
	height:87px;
	background:transparent url(../images/logo-mona.png) no-repeat 0 0;
}

#footer{
	width: 970px;
	margin:0;
	height: 85px;
	padding-top: 10px;
	font-size: 10px;	
	color:#000;
	line-height: 12px;
	position: relative;
}

#menu{	
	text-align:left;
	width:950px;
	height:30px;
	margin:5px 10px;
	font-size:18px;
	font-style:italic;
	font-family: 'Times New Roman', Times, serif;
}
.nav{
  margin:0; 
  padding:0;
  overflow:hidden;
  }
.nav li {
  float:left;
  list-style-type:none;  
 }
.nav li a {
  	display:block;  
	width:237px;
	height:30px;
	color:#fff;
	line-height:30px;
	text-align:center;
  	text-decoration:none;
	background-color:#CE4753;	
  }
.nav li a span {
	padding-left:27px;
	background:transparent url(../images/flor_menu.png) no-repeat 0 0;
  }    
.nav li a:hover, .nav li .activo{
	background-color:#BA131A;
  } 
.nav li .activo{
	font-weight:bold;
  } 
.nav li a:hover {
  color:#000;
}

/* Contenidos index---------------------------------------------------------------------------------------*/
#swfContent #glosario{background-color:none;}
.margen #glosario{background-color:#fff;}

/* Contenidos Paginas internas---------------------------------------------------------------------------------------*/
#contenido
{
	width: 970px;
	text-align: left;
	overflow:hidden;
}

#contenido .margenSin{
	margin:0 10px;
	overflow:hidden;
}
#contenido .margen{
	margin:0 10px;
	overflow:hidden;
	background:transparent url(../images/bg-margen.png) repeat-y right bottom ;
}
.clear{ clear:both;}
#colLeft{
	float:left;
	width:700px;
	margin-bottom:20px;
	background-color:#FFF;
	}
#colLeft .borde{
	padding:0 15px 15px 15px;
	}
#colLeft .bordebg{
	background:	#fff url(../images/textos-bg.png) no-repeat 5px bottom ;
	}	
#texto{
	width:465px;
	float: right;
	padding:0 0 90px 0;
	background:	#fff url(../images/cierre-rojo.png) no-repeat center bottom ;
	
}
#texto h2, #textoGlosa h2{
	color:#BA131A;
	margin-bottom:10px;
}
#texto .autor, #textoGlosa .autor{
	margin:0 0 30px 0;
	color:#005E82;
	font-weight:bold;
}
#texto p, #textoGlosa p{
	margin:10px 0 0 15px;
	line-height:15px;
}
#texto .letra, #textoGlosa .letra{
	display:block;
	float:left;
	padding-top:10px;
	padding-bottom:10px;
	font-size:45px;
	font-family:"Times New Roman", Times, serif;
}
#subMenu{
	width:205px;
	float:left;
	margin-top:20px;
	}
#subMenu li{
	margin-right:25px;
	}
#subMenu li a{
	display:block;
	width:180px;
	margin-bottom:10px;
	text-align:right;
	color:#005E82;
	font-size:14px;
	font-style:italic;
	font-family:"Times New Roman", Times, serif;
	}
#subMenu li a:hover, #subMenu li a.activo{
	color:#CE4553;
	}	
#subMenu li a span{
	display:block;
	width:180px;
	height: 21px;
	}
#subMenu li a span strong{
	display:none;
	}	
#subMenu li.uno a span{
	background:transparent url(../images/txt-001_btn.png) no-repeat top right;
	}
#subMenu li.dos a span{
	background:transparent url(../images/txt-002_btn.png) no-repeat top right;
	}
#subMenu li.tres a span{
	background:transparent url(../images/txt-003_btn.png) no-repeat top right;
	}	
#subMenu li.cuatro a span{
	background:transparent url(../images/txt-004_btn.png) no-repeat top right;
	}
#subMenu li.cinco a span{
	background:transparent url(../images/txt-005_btn.png) no-repeat top right;
	}
#subMenu li.seis a span{
	background:transparent url(../images/txt-006_btn.png) no-repeat top right;
	}	
#imagenes{
	width:250px;
	float: right;
	text-align:right;
}
#imagenes img{
}

#imagenes p{
	
	color:#CE4553;
	margin:0 0 10px 10px;
	padding:10px 5px 10px 10px;
	background:#FDCBA3 url(../images/flor_img.png) no-repeat 10px 5px;
	border-bottom:1px solid #CE4553;
}	
#imagenes p strong{
	font-variant:small-caps;
}
.pies{
	display:block;
	margin-top:30px;
	padding-top:15px;
	border-top:1px solid #00AEEF;
}
#glosario {
	margin-bottom:10px;
	padding-bottom:50px;
	}
	
#glosario h2{
	width:500px;
	height:80px;
	margin:0 0 10px 225px;
	background:transparent url(../images/glosario-titulo.png) no-repeat 0 0;
	border:none;
	}
#glosario h2 span{
	display:none;
	}
#glosario p{
	padding:0 20px 10px 20px;
	}	
#glosario ul{
	overflow:hidden;
	padding:10px 10px 20px 10px;
	}
#glosario ul li{
	width:186px;
	float:left;
	}
#glosario ul li.end{
	width:160px;
	}
#glosario ul li.end a{
	width:160px;
	}
#glosario ul li.big{
	width:226px;
	}
#glosario ul li.big a{
	width:226px;
	}
#glosario ul li a{
	width:186px;
	height:20px;
	margin-bottom:10px;
	display:block;
	background: transparent url(../images/glosario-btn-out.png) no-repeat 0 0;
	}
#glosario ul li a:hover{ background-image:  url(../images/glosario-btn.png)}	
#glosario ul li a.btn2{	background-position: 0 -21px;}
#glosario ul li a.btn3{	background-position: 0 -40px;}
#glosario ul li a.btn4{	background-position: 0 -60px;}
#glosario ul li a.btn5{	background-position: 0 -80px;}
#glosario ul li a.btn6{	background-position: 0 -100px;}
#glosario ul li a.btn7{	background-position: 0 -120px;}
#glosario ul li a.btn8{	background-position: 0 -140px;}
#glosario ul li a.btn9{	background-position: 0 -160px;}
#glosario ul li a.btn10{	background-position: 0 -180px;}
#glosario ul li a.btn11{	background-position: 0 -200px;}
#glosario ul li a.btn12{	background-position: 0 -220px;}
#glosario ul li a.btn13{	background-position: 0 -240px;}
#glosario ul li a.btn14{	background-position: 0 -260px;}
#glosario ul li a.btn15{	background-position: 0 -280px;}
#glosario ul li a.btn16{	background-position: 0 -300px;}
#glosario ul li a.btn17{	background-position: 0 -320px;}
#glosario ul li a.btn18{	background-position: 0 -340px;}
#glosario ul li a.btn19{	background-position: 0 -360px;}
#glosario ul li a.btn20{	background-position: 0 -380px;}
#glosario ul li a.btn21{	background-position: 0 -400px;}
#glosario ul li a.btn22{	background-position: 0 -420px;}
#glosario ul li a.btn23{	background-position: 0 -440px;}
#glosario ul li a.btn24{	background-position: 0 -460px;}
#glosario ul li a.btn25{	background-position: 0 -480px;}
#glosario ul li a.btn26{	background-position: 0 -500px;}
#glosario ul li a.btn27{	background-position: 0 -520px;}
#glosario ul li a.btn28{	background-position: 0 -540px;}
#glosario ul li a.btn29{	background-position: 0 -560px;}
#glosario ul li a span{display:none;}
#glosario .separador{
	width:950px;
	height:25px;
	margin-bottom:20px;
	background:#fff url(../images/separador.png) no-repeat  center bottom;
	}
#glosario #txt{
	float: right;
	padding-top:5px;
	width:450px;
	line-height:14px;
	}
#glosario #images{
	float: left;
	width:480px;
	padding-left:10px;
	}
#images p{
	color:#005E82;
	font-style:italic;
	padding-top:5px;
}
#glosario p.nota{
	font-style:italic;
	margin:20px 0 0 20px;
	background: transparent url(../images/glosario-ico.png) no-repeat 0 0;
}
#textoGlosa{background: #fff url(../images/cierre-rojo.png) no-repeat center bottom; padding-bottom:90px;}
#textoGlosa h2{
	height:45px;
	margin-top:10px;
	background: transparent url(../images/glosario-titulo-01.png) no-repeat 50% 0;
	}
#textoGlosa h2.titulo2{	background-image:url(../images/glosario-titulo-002.png);}
#textoGlosa h2.titulo3{	background-image:url(../images/glosario-titulo-003.png);}
#textoGlosa h2.titulo4{	background-image:url(../images/glosario-titulo-004.png);}
#textoGlosa h2.titulo5{	background-image:url(../images/glosario-titulo-005.png);}
#textoGlosa h2.titulo6{ background-image:url(../images/glosario-titulo-006.png); height:112px;}
#textoGlosa h2.titulo7{	background-image:url(../images/glosario-titulo-007.png);}
#textoGlosa h2.titulo8{	background-image:url(../images/glosario-titulo-008.png);}
#textoGlosa h2.titulo9{	background-image:url(../images/glosario-titulo-009.png);}
#textoGlosa h2.titulo10{background-image:url(../images/glosario-titulo-010.png);}
#textoGlosa h2.titulo11{background-image:url(../images/glosario-titulo-011.png);}
#textoGlosa h2.titulo12{background-image:url(../images/glosario-titulo-012.png);}
#textoGlosa h2.titulo13{background-image:url(../images/glosario-titulo-013.png);}
#textoGlosa h2.titulo14{background-image:url(../images/glosario-titulo-014.png);}
#textoGlosa h2.titulo15{background-image:url(../images/glosario-titulo-015.png);}
#textoGlosa h2.titulo16{background-image:url(../images/glosario-titulo-016.png);}
#textoGlosa h2.titulo17{background-image:url(../images/glosario-titulo-017.png);}
#textoGlosa h2.titulo18{background-image:url(../images/glosario-titulo-018.png);}
#textoGlosa h2.titulo19{background-image:url(../images/glosario-titulo-019.png);}
#textoGlosa h2.titulo20{background-image:url(../images/glosario-titulo-020.png);}
#textoGlosa h2.titulo21{background-image:url(../images/glosario-titulo-021.png);}
#textoGlosa h2.titulo22{background-image:url(../images/glosario-titulo-022.png);}
.paginas{
	margin-top:10px;
	text-align:right;	
	}
.paginas a{
	font-weight:bold;	
	}	
.bottom{
	margin-top:30px;
	}		
#textoGlosa h2 span{
	display:none;
	}
#textoGlosa p span{
	font-size:14px;
	display:block;
	font-variant:small-caps;
	font-weight:bold;
	}
#textoGlosa p.mano span, #textoGlosa p.nota{
	padding-left:20px;
	padding-bottom:5px;
	background: transparent url(../images/glosario-ico.png) no-repeat 0 0;
	}	
.col1{
	float:left;
	width:335px;
}
.col1 p{
	padding-right:10px;
}
.col2{
	float:right;
	width:335px;
}
.col2 p{
	padding-left:10px;
}
p.nota{
	font-style:italic;
}
#carteles{
	padding:25px 4px;
	}
#carteles li{
	float:left;
	padding:0 12px;
	height:210px;
	text-align:center;
	margin-bottom:24px;
	position:relative;
	}
#carteles li a span{
	display:none;
	}		
#carteles li a:hover span{
	display:block;
	color:#CE4553;
	text-align:right;
	position:absolute;
	left:0;
	top:5px;
	font-weight:bold;
	padding:10px 5px 10px 18px;
	background:#FDCBA3 url(../images/flor_img.png) no-repeat 5px 5px;
	}
	
#carteles li a span em{
	font-weight:normal;
	}		
#carteles li.alto{
	padding:0 12px 0 0;
	height:290px;
	text-align:center;
	margin-bottom:24px;
	}	
#carteles li.intro{
	width:454px;
	height:290px;
	margin:0 12px 0 12px;
	padding:0;
	background-color:#fffcf1;
	}
#carteles li.intro h2{
	margin:0;
	padding:0;
	width:454px;
	height:180px;
	border:none;
	background:#fffcf1 url(../images/artistas-titulo.png) no-repeat 50% 50%;
	}
#carteles li.intro h2 span{
	display:none;
	}	
#carteles li.intro p{
	padding:0 20px;
	line-height:16px;
	background-color:#fffcf1;
	}	
	
#carteles li a{
	display:block;
	width:290px;
	height:210px;
	background-color:#fffcf1;
	}
#carteles li.alto a{
	width:220px;
	height:290px;
	}
#carteles2{
	padding:25px 1px;
	}
#carteles2 li{
	float:left;
	padding:0 5px;
	text-align:center;
	margin-bottom:10px;
	}	