/* CSS Document */

/* ==================== GENERAL =================== */

body {
	background:#EDEDED url(../art/bg_body.gif) repeat-x scroll left top;
	color:#585A50;
	font-family:Arial,Helvetica,sans-serif;
	font-size:69%;
	line-height:1.5em;
	margin:0pt;
	padding:0pt;
}
h1, h2, h3, h4, h5, ol, ul, p{
	margin:0;
	padding:0;
	font-size:100%;
}
a{
	text-decoration:none;
	color: #585A50;
	outline:none;
}
a:hover{
	text-decoration:underline;
	}
img{
	border:none;
	outline:none;
}

h3{
	font-size:14px;
	line-height:18px;
	margin: 4px 0;
	}
h4{
	font-size:16px;
	line-height:20px;
	margin: 5px 0;
}
h5{
	font-size:12px;
	line-height:16px;
	margin: 4px 0;
}


/* ==================== class =================== */

.rojo {
	color:#E53358;}

p.mas{
	margin:3px 0;
	}
.clr{
	clear:both;
	}
.red_btn{
	color:#e53358;
	font-weight:bold;
	text-decoration:underline;
}
.inlineblock{
	margin:1px;
	display:-moz-inline-stack;/*Firefox need this to simulate display:inline-block*/
	display:inline-block; /*IE does not apply this to Block Element, and Firefox does not render this, too*/
	_overflow:hidden;/*fix IE6 to expanded content*/
	zoom:1;/*trigger hasLayout*/
	*display:inline;/*once hasLayout is true, set display:inline to block element will make display:inline behave like display:inline-block*/
	}
.caja_content{
margin-bottom:15px;
}
/* ==================== LAYOUT =================== */

#header{
	width: expression((documentElement.clientWidth <990) ? "982px" : "100%" );
	background:#fff url(../art/header_bg.gif) repeat-x bottom left;
	height:191px;
	min-width:982px;	
}
#container{
	margin:6px auto 0 auto;
	width:982px;
	background-color:#fff;
	padding-top: 10px;
}

#content{
	width:670px;
	float:left;
}
#sidebar{
	width:262px;
	float:right;
}
#main{
	padding:0 20px 20px 20px;
	/* lo que sigue es el min-height hack */
	min-height:550px; 
	height:auto; !important
	height:550px;
}

/* ==================== Header =================== */

#menu_top {/*border:1px solid #00FF33;*/
 float:right;
 width:360px;
 height:15px;}

#logo{
	padding:8px 0 0 5px;
	width:143px;
	height:140px;
	float:left;
}
#header_content{
	background: url(../art/header_divisor.gif) no-repeat left top;
	min-width:730px;
	padding-left:18px;
	height:156px;
	padding-right: 5px;
	margin-left:148px;
}

#header_content #top {
	overflow:hidden;
	height:37px;
	border-bottom:1px solid #CCCCCC;
	padding-top: 8px;
}

.left {
	float:left;}
	
.titular {
	width:400px;
	height:auto;
	overflow:hidden;}

#header_content #top h1{
	text-transform:uppercase;
	line-height: 14px;
}
#header_content #top #top_date{
	float:right; 
	text-align:right;
	line-height:29px;
	background:url(../art/top_logitos.gif) no-repeat right top;
	padding-right:80px;
	min-width:180px;	
}
#header_content #mid {
	overflow:hidden;
	height:90px;
	margin-top:7px;
}
#header_content #mid #flash_counter{
	float:left;
	width:70px;
	height:90px;
}
#header_content #mid #bnr_728x90{
	float:right;
	width:728px;
	height:90px;
}
#header_content #bot {
	padding-top:8px;
	height:50px;
	margin-left:10px;
	min-width:880px;
	overflow:hidden;
	
}


/*=============== Nav bar======================*/

ul#menu_top{
	float:right;
	width:240px;
	height:auto;
}

.menu_top{
	float:right;
	width:360px;
}

.menu_top p{
	float:right;
	line-height: 11px;
	margin-bottom: 4px;
}



ul#lenguage{
	float:left;
	list-style-type:none;
	}

ul#menu_top li{
	display:inline;
	float:right;
}

ul#lenguage li{
	display:inline;
	float:left;
}
ul#lenguage li a{
	display:block;
	float:left;
	height:16px;
	background-image:url(../art/bg_menu_top2.gif);
	background-repeat:no-repeat;
	line-height:0;
	text-indent:-9999px;
}

ul#menu_top li a{
	display:block;
	float:left;
	height:16px;
	background-image:url(../art/bg_menu_top2.gif);
	background-repeat:no-repeat;
	line-height:0;
	text-indent:-9999px;
}

ul#menu_top li a#twitter {
background: url(../art/twitter_btn.gif) no-repeat;
line-height:0;
width:58px;
margin-left:1px;}

ul#menu_top li a#twitter:hover {background-position:0 -16px;}

ul#menu_top li a#signal {
background: url(../art/signal.gif) no-repeat;
line-height:0;
width:115px;
margin-left:1px;}

ul#menu_top li a#signal:hover {background-position:0 -16px;}

a#fcbk{	width:120px; background-position:0 0;}
a#fcbk:hover{	background-position:0 -16px;}



a#eng{	width:52px; background-position:-120px 0;}
a#eng:hover{	background-position:-120px -16px;}

a#esp{	width:53px; background-position:-172px 0;}
a#esp:hover{background-position:-172px -16px;}


ul#nav_bar{
	list-style:none;
	float: left;
	display: inline;
	padding-left:5px;
}
ul#nav_bar .navbar_tab{
	height:35px;
	display:inline;
	float:left;
	margin-right: 3px;
}

ul#nav_bar .navbar_tab a.martop {
line-height:20px !important;


}
ul#nav_bar .navbar_tab .navbar_link,ul#nav_bar .navbar_tab .selected{
	display:block;
	padding:5px 4px 0 4px;
	color:#e53358;
	text-decoration:none;
	float:left;
	border-left:1px solid #d9dcd4;
	background-image: url(../art/bg_li_navbar.jpg);
	background-repeat: no-repeat;
	background-position: right top;
    height:28px;
	line-height:12px;

}

.mastop{
padding-top:15px;}

ul#nav_bar .navbar_tab .navbar_link:hover{
	color:#fff;
	background-position:right -33px;
	border-left:1px solid #e53344;
}
ul#nav_bar .navbar_tab .selected{
	color:#fff;
	background-position:right -66px;
	border-left:1px solid #7a7d6f;
    height:34px;
}

/* ==================== HighLights =================== */

#highlights{
	background:#7a7d6f url(../art/highlights_bg.gif) repeat-x bottom left;
}
#highlights #skinarea{
	margin:0 auto;
	width:942px;
	padding:16px 20px;
	width:982px;
	voice-family: "\"}\""; /*arregla el problema del padding y width en ie5 y ie5,5*/
  	voice-family:inherit;
  	width:942px;
	overflow:hidden;
	margin-top:10px;
}
#highlights #destacado{
	float:left;
	width:604px;

}

#destacado h4{
	margin:0;
}
#destacado #texto{
	height:64px;
	padding:5px 5px 0 7px;
	color:#fff;
	width:522px;
	voice-family: "\"}\""; /*arregla el problema del padding y width en ie5 y ie5,5*/
	voice-family:inherit;
	width:522px;
	background-color: #333333;/*con el png24 el ie7 se vuelve loco, por eso solo color, testear si se puede usar el png y averiguar porqué colapsa en ie7*/
}
#destacado #texto h4 a{
	color:#fff;
}
#destacado ul#nros{
	list-style:none;
	float:right;
	margin-top:160px;
}
#destacado ul#nros li{
	float:left;
	display:inline;
	margin-left:4px;
}
#destacado ul#nros li a{
line-height:15px;
	text-align:center;
	overflow:hidden;
	text-decoration:none;
	font-weight:bold;
	float:left;
	display:block;
	width:19px;
	height:15px;
	background:url(../art/des_nrosBg.gif)
}
#destacado ul#nros li a:hover{
	background-position:0 -15px;
}
#destacado ul#nros li a.selected{
	background-position:0 -30px;
	color:#fff;
}

#highlights #video{
	float:right;
	width:320px;

}

/* ==================== Container =================== */

/* ------------ Clases ----------- */

div.box{
	padding-bottom:10px;
	}
.box h2{
	background:#8e9084 url(../art/h2_bg1.gif) no-repeat left top;
	height:23px;
	padding-right:8px;
	margin-bottom:5px;
	overflow: hidden;
}
.box h2 strong a, .box h2 strong span{
	font-size:1.2em;
	color:#fff;
	background:#585e57 url(../art/h2_bg2.gif) no-repeat right top;
	line-height:23px;
	display:block;
	margin-left:9px;
	float:left;
	padding-right:9px;
	display:inline;
	
}
.box h2 em a{
	background:url(../art/flechi_green.gif) no-repeat right center;
	line-height:23px;
	display:block;
	margin-left:9px;
	float:right;
	padding-right:9px;
	display:inline;
	color:#fff;
	font-style:normal;
	font-weight:normal;
}
.borde_fotop{/* para la foto p con borde blanco, puede ir un span o un link rodeandolo */
	border:solid 4px #fff;
	display:block;
	width:86px;
	height:62px;
	overflow:hidden;
	float:left;
}
.borde_fotop img{
	margin:-2px 0 0 -2px;
}

div.despliegue{
	padding-left:9px;
	clear: both;
	overflow: hidden;
	height: 1%;
}

.red { color:#e53358;}

/* ----- Más noticias ----- */

.layout-1 #mas_noticias{ /*mas noticias de portada*/
	width:398px;
	float: left;
}
.layout-1 #mas_noticias #dest{
	margin-bottom:7px;
	}
.layout-1 #mas_noticias #dest a{
	display:block;
	background-color:#e4e3e3;
	height:70px;
	padding: 7px 0 7px 7px;
	overflow:hidden;
	cursor:pointer;
	text-decoration:none;

}
.layout-1 #mas_noticias #dest a:hover{
	background-color:#dbd7b4;
}
#flash_news{
}
#flash_news li{
	list-style:none;
	margin-bottom:4px;
}
#flash_news li a{
	display:block;
	padding-left:8px;
	background:url(../art/flechi_black.gif) no-repeat left center;
	font-weight:bold;
	white-space:nowrap;
	overflow:hidden;
	width:376px;
}

/* ----- Vertical align middle ----- */

div.valign_mid{
	#position:relative;
	display:table;
	overflow:hidden;
}
div.valign_mid div{
	#position:absolute;
	#top:50%;
	display: table-cell; 
	vertical-align: middle;
}
div.valign_mid div div{
	#position:relative;
	#top:-50%;
}
div.fotopMnot{
	height:70px;
	width:280px;
	float:right;
}
div.fotopGal{
	height:70px;
	width:230px;
	float:right;
}

/* ----- Entradas ----- */

#entradas{
	width:262px;
	float:right;
}
h3 ul{
	margin:9px 0;
}
h3 li{
	list-style:none;
	margin-bottom:4px;
}
h3 li a{
	display:block;
	padding-left:8px;
	background:url(../art/flechi_black.gif) no-repeat left center;
}

/* --------- Galeria ------------ */

#img320x240{
	float:left;
	overflow:hidden;
}
#selector{
	float:right;
	overflow:hidden;
	width: 340px;
}	
#selector li{
	margin:0;
	display:inline;/*This fixes the IE5-IE6 Win gap! */

}
#selector li a{
	display:block;
	padding:5px;
	width: 330px;
	overflow: hidden;
	height:70px;
	cursor: pointer;
}
#selector li a:hover{
	background-color:#e4e3e3;
	text-decoration:none;
}

/* --------- Dest abajo ------------ */

div.dest_fotom {
	padding:3px 11px;
	width:194px;
	float:left;
}
div.dest_fotom a img{
	padding:7px;
	background-color:#e4e3e3;
}
div.dest_fotom a img:hover{
background:#6bb3b1
}

div.dest_fotop {
	padding:3px 7px;
	width:114px;
	float:left;
}
div.dest_fotop a img{
	padding:4px;
	background-color:#e4e3e3;
}
div.dest_fotop a img:hover{
background:#6bb3b1
}
div.dest_fotop h5{
font-size:11px;
}

/* -------------- Sidebar -------- */

#sidebar .bnr_250x250{
	border:1px solid #c9cbcd;
	padding:5px;
	margin-bottom: 8px;
	}
#sidebar .bnr_250x250 object embeed{
	vertical-align:bottom;
	}
#encuesta .despliegue strong{
	padding:5px 0;
	display: block;
	}
#encuesta input{
	margin-top:8px;
}

/* ------------- Bottom ----------- */

#bottom{
	padding-left:15px;
	background:#6bb3b1 url(../art/bottom_bg.gif) repeat-x top left;
}
.bg_list_footer{
	background-color:#7a7d6f;
	height:204px;
	padding-left:8px;
	padding-bottom:10px;
	border-top:4px solid #686a61; 

}
ul.programacion{
	margin-top:3px;
	list-style: none;
	display:block;
	
}
ul.programacion li{
	display:inline;
	list-style: none;
	
}
ul.programacion li a{
	display:block;
	overflow:hidden;
	line-height:16px;
	padding-left:10px;
	color:#cccccc;
	font-size:11px;
}

ul.programacion li a:hover{
	color:#FFFFFF;}


ul.programacion li.tit a{
	
	font-weight:bold;
	padding-left:10px;
	background: url(../art/bullet.png) no-repeat 4px 5px;
	color:#FFFFFF;
		
}

div.bg_list_footer div.left {
width:18%;
padding-left:10px;
}
	



/* ------------- Footer ----------- */

#footer{
	margin-top:8px;
	background:#1d262c url(../art/logo_footer.gif) no-repeat 8px 10px;
	padding:10px 0 0 55px;
	height:45px;
	text-align:left;
	color:#fff;
	font-size:11px;
}

.lista1{
	width:95px;
	margin-bottom:3px;
	height:auto;}
.lista2{
 	width:107px;
	margin-bottom:3px;
	height:auto;}
/*---------------submenu---------------*/
.dropdown_menu{
	position:absolute;
	left: 0px;
	z-index: 10;
	top:183px;
	left:0;
	right:0;
	background:none;
	display:none;
	
}

/* SUBMENU APAGADO 
cambiar class="dropdown_menu" por class="off" en el div más externo que rodea los submenus*/
.off{ 
	display:none; 
}
.dropdown_menu2{
	background-color: #fff; 
	font-weight: bold; 
	position: relative; 
	padding:5px 7px;
	display: block; 
	float:left; 
	background-image: url(../art/flechi_ddmenu.gif); 
	background-repeat: no-repeat;
	overflow:hidden;
}
.dropdown_menu ul{
	float:left;
	margin:8px;
}
.dropdown_menu ul li{
	padding:0;
	margin:0;
	background:none;
	border:none;
	float:none;
	display:block;
	line-height:20px;
}
.dropdown_menu ul li.tit a, .dropdown_menu ul li.tit{
	color:#e53344;

}
/*-----posicion de la flecha---- depende del ancho del tab---
y distancia desde el margen izquierdo de la pagina, debe coincidir con el inicio del tab*/
#nav_noticias .dropdown_menu2	{background-position: 23px 0; left: 72px;} 
#nav_competencia .dropdown_menu2	{background-position: 36px 0; left: 134px; } 
#nav_fanteriores .dropdown_menu2	{background-position: 57px 0; left: 220px;} 
#nav_fotos .dropdown_menu2	{background-position: 18px 0; left: 347px;} 
#nav_entradas .dropdown_menu2	{background-position: 26px 0; left: 398px;} 
#nav_bases .dropdown_menu2	{background-position: 20px 0; left: 465px;} 

/* GENÉRICO INTERIORES*/

h1.titpagina {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
	color: #e53344;
	margin: 0 0 9px 0;
	font-weight:normal;
	line-height: 30px;
}
/*----------------- botones VER MAS -------------------------*/

.menu_mas, .menu_mas_red li {
	margin-top: 1px;
	margin-bottom: 1px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	list-style: none;
}
.menu_mas li, .menu_mas_red li {
	float: left;
	margin-right: 8px;
	display:inline;
}

.menu_mas li a, .menu_mas_red li a{
	background:url(../art/bullet_bg_li_06_06.gif) no-repeat 0 50%;
	padding-left: 8px;
	display:block;
	float: left;
}
.menu_mas_red li a{
color:#e53358;
}

/* ---------- cabecera de paginas interiores ------------------ */

.big_btn {
	padding-left:0;
	width:100%;
	height:50px;
	margin:20px 0 20px 0;}

.big_btn a{
	display:block;
	line-height:46px;
	background: url(../art/big_btn.gif) no-repeat top center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	text-decoration:none;}
	
.big_btn a:hover {
	background-position: center -46px;}

#head {
	overflow: hidden;
	margin-bottom: 8px;
}
	
#depth_path{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #7a7d6f;
	margin-bottom: 10px;
	font-weight:bold;
}

/* ------ menu_años // sirve para competencias y festivales anteriores ?? --------- */

#menu_anos {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	list-style: none;
	display: block;
	height: 20px;
}

#menu_anos li{
	padding:0 5px;
	border-left:1px solid #595A4E;
	float: left;
	display:inline;
	line-height: 12px;
}
#menu_anos li.sinbord{
 	border:none;
}

#menu_anos li a{	
	float: left;
	display:block;
	}
/*clearfix-------------*/

.clearfix {
overflow:hidden;
height:1%;
}