/* ----------------- genericos ----------------------- */
body.Esp a.volver{
display:block;
width:65px;
height:14px;
background:url(../art/btn_volver.gif) no-repeat 0 0;
text-indent:-9999px;
line-height:14px;
}
body.Esp a.volver:hover{
background-position:0 -14px;
}

body.Eng a.volver{
display:block;
width:65px;
height:14px;
background:url(../art/btn_back.gif) no-repeat 0 0;
text-indent:-9999px;
line-height:14px;
}
body.Eng a.volver:hover{
background-position:0 -14px;
}



/* ============================= NOTICIAS ============================= */

#noticias #galeria_bot{
	margin-top:10px;
}
.des_foto320{
	width:320px;
	float: left;
}
.ancho366{
width:366px;
}
.ancho398{
width:398px;
}
.gal320, .gal400{
	text-align:center;
	padding-bottom: 10px;

}
.foto400{
	margin:0 auto;
	width: 400px;
}
.foto320{
	margin:0 auto;
	width: 320px;
}
.gal320 #txt, .gal400 #txt{
	margin:5px 0 10px 0;
	border: 1px solid #dbd7b4;
	overflow:visible;
	padding:0 5px;
}
.gal320 a.sig, .gal400 a.sig{
	display:block;
	float:right;
	width:20px;
	height:36px;
	position: relative;
	zoom:1;
	right:-30px;
	background:url(../art/flech_gal_sig.gif) no-repeat top left;
	text-indent:-9999px;
}
.gal320 a.ant, .gal400 a.ant{
	display:block;
	float:left;
	width:20px;
	height:36px;
	position: relative;
	zoom:1;
	left:-30px;
	background:url(../art/flech_gal_ant.gif) no-repeat top right;
	text-indent:-9999px;
}
.gal320 a.ant:hover, .gal400 a.ant:hover{
	background-position:bottom right;
}
.gal320 a.sig:hover, .gal400 a.sig:hover{
	background-position:bottom left;
}
#noticias #des_notic{
	float:right;
	width:330px;
}
#noticias #des_notic .caja{
	margin-bottom:8px;
	background-color: #ebeae7;
	padding:4px 8px;
}
#noticias #des_notic .caja p{
	font-size:10px;
	line-height: 14px;	
}
h5.typeimg a{
	background:url(../art/ico_type_img.gif) no-repeat 0 3px;
	padding-left:26px;
}
h5.typevideo a{
	background:url(../art/ico_type_video.gif) no-repeat 0 3px;
	padding-left:18px;
}
#paginacion a#select_ant {
	display:block;
	float:left;
	font-size:12px;
	font-weight:bold;
	height:18px;
	background:#e53358 url(../art/bg_flant.gif) no-repeat top left;
	padding:0 5px 0 16px;
	color:#fff;
}
#paginacion a#select_sig {
	display:block;
	float:right;
	font-size:12px;
	font-weight:bold;
	height:18px;
	background:#e53358 url(../art/bg_flsig.gif) no-repeat top right;
	padding: 0 16px 0 5px; 
	color:#fff;
}
#paginacion a#select_sig:hover,#paginacion a#select_ant:hover {
	background-color:#6bb3b1;
	text-decoration:none;


}

/* ============================= FICHA NOTICIAS ============================= */

#noticias_ficha #fotoL{
	float:left;
	padding: 9px;
	width:253px;
}
#noticias_ficha #consola{
	float:left;
	padding: 9px;
	width:328px;
}
#noticias_ficha #consola div{
	padding: 4px;
	background-color: #fff;
}
#noticias_ficha #fotoL{

}
#noticias_ficha #fotoL img{
	padding: 4px;
	background-color: #fff;
}
.despliegue_ficha{ /*padding interior para noticias*/
padding:0 22px;
}
.read{
	font-size:13px;
	line-height:21px;
	color:#000;
	margin-bottom: 16px;
}
#multim{
	overflow:auto;
	height:1%;
	background-color: #DDDBCA;
	margin-right: 8px;
	float: left;
	margin-bottom: 15px;
}
.datosnoticia{
margin:8px 0 15px 0;
color:#8F8C78;
}
#consola img{
vertical-align:bottom;
}
/*------------ caja destacado (galeria, imagen o video) con texto a la derecha , presente en competencia 2009 (2) y generico competencia (1)------------ */
.des_textderecha{
	padding:10px 9px;
}
.des_textderecha .cons_vid_img{
	float:left;
	margin-right: 10px;
}

.des_textderecha .gal320{
	float:left;
	overflow:hidden;
}
.des_textderecha #tex_console{
	height:240px;
}

/* ---------------- cajas interpretes ---------------- */

table.participantes{
width:209px;
margin:0 9px 11px 0;
height:100%;
}
table.participantes th{
height:25px;
text-align:left;
font-size:16px;
padding-left:5px;
vertical-align:middle;
overflow:hidden;
}
table.participantes td.cancion{
background-color:#dbd7b4;
vertical-align:middle;
height:20px;
padding-left:5px;
overflow:hidden;
font-size:11px;
}

table.participantes td.fotomono{
width:50px;
background-color:#8e9084;
padding:5px;

}
table.participantes td.fotomono img{
vertical-align:bottom;
}
table.participantes td.autor, table.participantes td.interp{
height:30px;
padding-left:5px;
overflow:hidden;
vertical-align:middle;
line-height:14px;
font-size:10px;
width: 204px;
}
.active{
background-color:#8e9084;
color:#fff;
}
.paises_participantes .despliegue{
margin-top:10px;
margin-bottom:15px;
}

/* ============================= COMPETENCIA 2009 ============================= */

#comp2009 #mas_noticias{
	width:466px;
	float:left;
}
.noticia_p {
	background-color: #ebeae7;
	padding: 8px;
	margin-bottom:8px;
	}
.noticia_p .fotop {
	width: 94px;
	height: 70px;
	border: 4px solid #ffffff;
	float:left;
	margin-right: 8px;
}
.noticia_p .txt {
}
#wrapper_jurado {
	width: 194px;
	float: right;
}
ul.jurado{
	padding:6px 0;
	background: url(../art/bg_linea_jurado_10.gif) repeat-x left top;
	list-style: none;
}
/* ============================= COMPETENCIA GENERICO ============================= */

div.resumen_comp{
	overflow:hidden;
	height:1%;
	padding:10px 0 10px 9px;
	background:url(../art/bg_linea_jurado_10.gif) repeat-x top left;
	}

div.ganador{
float:left;
width:315px;
overflow:hidden;
}
div.ganador .image{
	float:left;
	width: 96px;
	overflow: hidden;
	height: 1%;
}
div.ganador .image img{
display:block;
border:1px solid #b7b9b1;
}
dl.resumen, dl.resumen dd, dl.resumen dt{
padding:0;
margin:0;

}
#competencia dl.resumen{
margin-left:110px;
}
dl.resumen dt{
font-weight:bold;
}
div.jurado {
	width:330px;
	float:right;
}
div.jurado ul {
float:left;
margin-right:10px;
}
div.jurado ul, div.jurado ul li, #wrapper_jurado ul.jurado li {
	list-style:none;
	width: 160px;
}


/* ============================= FICHA COMPETENCIA ============================= */

#competencia_ficha #datos_pais{
	width:298px;
	float:left;
	background:url(../art/bg_linea_jurado_10.gif) repeat-x bottom left;
}
#competencia_ficha #cancion{
	width:330px;
	float:right;
	padding: 10px;
	background-color: #DDDBCA;
}
#competencia_ficha #letras{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:11px;
	margin:10px 0;
	line-height:17px;
	}
#competencia_ficha #letras p{
margin:10px 0 ;
}
#competencia_ficha #video{
padding:5px;
background-color:#fff;
}
#player{
margin:8px 0;
}
.aut_int img{
	float:left;
	margin:4px 8px 2px 0;
	padding: 3px;
	background-color: #B7B9B1;
}
.aut_int{
margin:8px 0;
padding:6px 0;
background:url(../art/bg_linea_jurado_10.gif) repeat-x top left;
}
.aut_int p.name {
color:#e53358;
font-weight:bold;
margin:4px 0;
font-size:12px;
}
.aut_int h5, .aut_int p, .aut_int p.name {
}

/* ============================= FESTIVALES ANTERIORES ============================= */

dl,dd,dt{
 margin:0;
 padding: 0;
 }
div.select_fanos {
	background-repeat: no-repeat;
	background-position: left top;
	height: 32px;
	padding-top:9px;
	margin-top:0;
	margin-bottom: 10px;

}
div.a2008{background-image:url(../art/bg_year_2008_a.gif);}
div.a2007{background-image:url(../art/bg_year_2007_a.gif);}
div.a2006{background-image:url(../art/bg_year_2006_a.gif);}
div.a2005{background-image:url(../art/bg_year_2005_a.gif);}
div.a2004{background-image:url(../art/bg_year_2004_a.gif);}
div.a2003{background-image:url(../art/bg_year_2003_a.gif);}
div.a2002{background-image:url(../art/bg_year_2002_a.gif);}
div.a2001{background-image:url(../art/bg_year_2001_a.gif);}
div.a2000{background-image:url(../art/bg_year_2000_a.gif);}


div.select_fanos dl{
	padding-top:7px;
	width: 100%;
	height: 25px;	
	background-repeat: no-repeat;
	background-position: 0 0px;
	background-color:#e6e7e1;
}
div.a2008 dl{background-image:url(../art/bg_year_2008_b.gif);}
div.a2007 dl{background-image:url(../art/bg_year_2007_b.gif);}
div.a2006 dl{background-image:url(../art/bg_year_2006_b.gif);}
div.a2005 dl{background-image:url(../art/bg_year_2005_b.gif);}
div.a2004 dl{background-image:url(../art/bg_year_2004_b.gif);}
div.a2003 dl{background-image:url(../art/bg_year_2003_b.gif);}
div.a2002 dl{background-image:url(../art/bg_year_2002_b.gif);}
div.a2001 dl{background-image:url(../art/bg_year_2001_b.gif);}
div.a2000 dl{background-image:url(../art/bg_year_2000_b.gif);}


div.select_fanos dl:hover{
	background-position: 0 -32px;
	background-color:#3c9ea5;
	color:#FFFFFF
} 
div.select_fanos dt a{
	padding-left: 18px;
	float: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 19px;
	background:url(../art/flech_white.gif) no-repeat 10px 5px;
	color:#FFFFFF;
	font-weight: bold;
	width:150px;
}
div.select_fanos dd{
	float: left;
	height: 18px;
	overflow: hidden;
}
div.select_fanos ul{
	width:497px;
	overflow:hidden;
}
div.select_fanos ul, div.select_fanos li{
	list-style:none;
	float: left;
	display: inline;
}
div.select_fanos li a{
	list-style:none;
	float: left;
	display: block;
	background: transparent url(../art/bullet_bg_li_fant.gif) scroll 0 50%;
	background-repeat: no-repeat;
	padding-left: 8px;
	margin-left: 8px;
	font-weight: bold;	
}
div.select_fanos li a:hover{
	color:#FFFFFF	
}
div.animadores {
	width: 262px;
	float: left;
	margin-top: 15px;
}
div.personajes_hitos{
	width: 398px;
	float: right;
	margin-top: 15px;
	text-align:center
}
/* ------------------- resumen Historico --------------------- */

.res_foto{
	float: left;
	margin: 0 12px 9px 0;
}

/* ----------------------- galeria animadores ---------------- */
#pasador{
	position:relative;
	width:252px;
	height:131px;
}
#foto_180x115{
	padding: 8px;
	background-color: #e4e3e3;
	position:absolute;
	left: 28px;
	}
div.animadores a.btn-sig {
	display:block;
	float:right;
	width:20px;
	height:36px;
	position: absolute;
	zoom:1;
	top: 40px;
	right:0;
	background:url(../art/flech_gal_sig.gif) no-repeat top left;
	text-indent:-9999px;
	z-index: 100;
}
div.animadores a.btn-ant{
	display:block;
	float:left;
	width:20px;
	height:36px;
	position: absolute;
	zoom:1;
	top: 40px;
	left:0;
	background:url(../art/flech_gal_ant.gif) no-repeat top right;
	text-indent:-9999px;
	z-index: 100;
}
div.animadores a.btn-ant:hover{
	background-position:bottom right;
}
div.animadores a.btn-sig:hover{
	background-position:bottom left;
}
#tit_animadores{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #585A50;
	text-decoration: none;
	margin-bottom: 10px;
	margin-top: 10px;
	text-align:center;
}
#anos_animadores{
	background:url(../art/bg_anos_anim.gif) no-repeat center top;
	height:23px;
	margin-bottom:5px;
	overflow: hidden;
	text-align:center;
	font-weight: bold;
}
#anos_animadores a{
	background:#dbd7b4 url(../art/expandible_2.gif) no-repeat right top;
	display:block;
	margin-left:9px;
	padding-right:9px;
	display:inline;
	text-align:center;	
}
#txt_anos_animadores{
	text-align:left;
}

/* -------------------------------------- */

#historia ul{
	list-style-image: url(../art/bg_li_negro_hist.gif);
	padding-left: 20px;
	margin-top:10px;
	margin-bottom:10px;
	font-weight: bold;
}
#historia li{
	margin-bottom: 8px;
	width: 660px;
}

/* BASES*/

/*.caja_bases{
	width: 196px;
	background-color:#dbd7b4;
	float:left;
	margin-left: 10px;
	overflow:hidden;
	padding:7px;
	}
.foto_bases{
	}
.tit_bases{
	width: 187px;
	margin: 7px 0;
	background-color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #1d262c;
	text-decoration: none;	
	padding: 5px;
	}
.txt_bases{
	margin:7px 0;	
	}

a.btn_pdf{
	background:#FFFFFF url(../art/pdficon_small.gif) no-repeat 3px 3px;
	height:14px;
	display:block;
	padding:4px;
	padding-left:23px;
	color: #f80505;
	font-size: 12px;
	font-weight: bold;
	float:left;
}
a.btn_pdf:hover{
	background-color:#eee;
}

.hidden{
	position: absolute;
	display: none;
}*/

/* ================== cambios 17 nov 2008 ======================== 
		 
			------------- bases ---------------
			BASES en el html de bases solo se cambio el id de body a "bases"  */
.hidden{
	position: absolute;
	display: none;
}
.caja_bases{
	background-color:#dbd7b4;	
	margin-left: 10px;
	overflow:hidden;
	padding:7px;
	margin-bottom:15px;
	height:1%;
	}
.foto_bases{
	float:left;
	margin-right:8px;
	}
.tit_bases{
	margin:0;
	background-color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #1d262c;
	text-decoration: none;	
	line-height:22px;
	padding: 2px 4px;
	overflow:hidden;
	}
.txt_bases{
	margin:7px 0;	
	}

a.btn_pdf{
	background:#FFFFFF url(../art/pdficon_small.gif) no-repeat 3px 3px;
	height:14px;
	display:block;
	padding:4px;
	padding-left:23px;
	color: #f80505;
	font-size: 12px;
	font-weight: bold;
	float:left;
}
a.btn_pdf:hover{
	background-color:#eee;
}

		/*	
		-------------------- FOTOS :: tabs en fotos-----------------------
																*/

ul.tabs_interior {
	padding:4px 2px 0 2px;
	background-color:#585e57;
	overflow:hidden;
	height:1%;
	margin-bottom:10px;
	
}
ul.tabs_interior li {
	float:left;
	list-style:none;
	
}
ul.tabs_interior li a{
	color:#fff;
	display:block;
	background:transparent url(../art/tabsmenu_bg_1.gif) no-repeat left top;
	padding-left:11px;
	float:left;
}
ul.tabs_interior li a span{
	float:left;
	display:block;
	background:transparent url(../art/tabsmenu_bg_2.gif) no-repeat right top;
	padding:0 13px 0 2px;
	font: normal 11px/23px  Arial, Helvetica, sans-serif;
	}
ul.tabs_interior li a:hover{ background-position: left -46px; text-decoration:none;}
ul.tabs_interior li a:hover span{ background-position: right -46px;}

ul.tabs_interior li a.selected{ color:#333; background-position: left -23px;}
ul.tabs_interior li a.selected span{ background-position: right -23px;}

#masForm{
	float: left;
}
#mas{
	float: none;
}
		/*	
		-------------------- FOTOS :: nueva galeria con texto  -------------------------
						      y flechas a un costado						 
	
		En el html de fotos solo se cambio la clase del div gal400 por gal400_b	 */
		
.gal400_b .foto400{
	margin:0;	
	width:100%;
	overflow:hidden;
	height:1%; 
}
.gal400_b .foto400 img{
	float:left;
	margin-right:10px;
	 
}
.gal400_b .foto400 #txt{
	overflow:hidden;
	position: relative;
	zoom:1;
	padding:0 25px 0 35px;
	/* lo que sigue es el min-height hack */
	min-height: 200px;
	height:auto!important;
	height:200px;
}
.gal400_b a.sig{
	display:block;
	float:right;
	width:20px;
	height:36px;
	position:absolute;
	right:0px;
	top:10px;
	background:url(../art/flech_gal_sig.gif) no-repeat top left;
	text-indent:-9999px;
}
.gal400_b a.ant{
	display:block;
	float:left;
	width:20px;
	height:36px;
	position:absolute;
	left:0px;
	top:10px;
	background:url(../art/flech_gal_ant.gif) no-repeat top right;
	text-indent:-9999px;
}
.gal400_b a.ant:hover{
	background-position:bottom right;
}
.gal400_b a.sig:hover{
	background-position:bottom left;
}

		
/*
		-------------------festivales anteriores ----------------- 
																
		AGREGA EL A�O 2000 ::: clase a2000*/

div.a2000{background-image:url(../art/bg_year_2000_a.gif);}
div.a2000 dl{background-image:url(../art/bg_year_2000_b.gif);}


/* ============================= programacion ============================= */

	
div.box ul {
	overflow:hidden;
	height:auto;
	padding-bottom:2px;
	margin-bottom:12px;
	border-bottom:1px solid #666666;
	display:block;
	}
	
	
div.box ul li {
	list-style-type:none;
	float:left;
	margin-right:5px;
	overflow:hidden;
	height:auto;} 
	
	
/* ============================= clases programacion ============================= */

.fecha{ width:56px;
	overflow:hidden;
	display:block;}
	
.apertura{
	height:75px;
	width:127px;
	background: #e53344 url(../art/bg_flecha_prog.png) no-repeat top right;}

.intermedio{
	width:114px;
	height:30px;
	background: #e0c560 url(../art/bg_flecha_prog.png) no-repeat top right;}
	
.cierre{
	width:114px;
	height:75px;
	background: #3c9da6 url(../art/bg_cierre.jpg) no-repeat top right;}
	
.bajada{
	background:#FFFFFF;
	min-height:30px;
	overflow:hidden;}
	
.inicio{
	background: url(../art/bg_inicio.jpg) no-repeat top left;
	width:auto;
	height:76px;}
.inicio2 {width:auto;
	height:76px;}