/* ~~~~~~~~~~~~~~~~~~~~~~~~~ TopNav */
#topNav ul {float:left; list-style:none;}
#topNav li {float:left;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~ TopNav Links */
#topNav li a, #topNav li a:link, #topNav li a:visited, #topNav li a:active {
	display:block;
	width:121px;
	height:20px;
	margin:0 5px 0 0;
	padding:5px 5px 1px 10px;
	color:#000;
	background: #FFF;
	text-align:left;
	text-decoration:none;
	outline:0;
	}
#topNav li a:hover {
	color:#FFF;
	background:#005A87;
	text-decoration: none;
	font-weight:bold;
	outline:0;
	}
#topNav li a.last, #topNav li a.last:link, #topNav li a.last:visited, #topNav li a.last:active {
	display: block;
	width:205px !important;
	width:205px;
	margin:0 0 0 15px;
	color:#000;
	background: #FFF;
	outline:0;
	}
#topNav li a.last:hover {
	color:#FFF;
	background:#005A87;
	text-decoration:none;
	outline:0;
	}
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~ BigboxNav */
#kwick{
	position:relative;
	float:left;
	padding:0 0;
	margin:5px 0;
	}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~ BigboxNav Links */
#kwick a {
	color:#FFF;
	line-height:14px;
	background:transparent;
	text-decoration:none;
	}
#kwick .kwicks {display: block; height: 60px;}
#kwick li {float: left;}
#kwick .kwick {
	float: left;
	display: block;
	cursor: pointer;
	overflow: hidden;
	height: 40px;
	width: 116px;
	padding: 10px;
	border-right: 5px solid #fff;
	}
#kwick .kwick span {
	display: block;
	cursor: pointer;
	overflow: hidden;
	height: 100%;
	width: 100%;
	padding:10px;
	margin:-10px;
	color:#FFF;
	background: #005A87;
	}
#kwick .kwick span:hover { font-weight:bold; }
#kwick .ssoo {
	color:#FFF;
	background: #005A87 url(ico_ssoo.png) no-repeat 10px 0 !important;
	}
#kwick .sspp {
	color:#FFF;
	background: #005A87 url(ico_sspp.png) no-repeat 10px 0 !important;
	}
#kwick .aapp {
	color:#FFF;
	background: #005A87 url(ico_aapp.png) no-repeat 10px 0 !important;
	}
#kwick .eecc {
	color:#FFF;
	background: #005A87 url(ico_eecc.png) no-repeat 10px 0 !important;
	}
#kwick .pphh {
	color:#FFF;
	background: #005A87 url(ico_pphh.png) no-repeat 10px 0 !important;
	border-right: 0;
	}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~ Blog Box */
#blog {
	position:relative;
	float:right;
	top:5px;
	width:220px;
	height:60px;
	padding:0 0 0 0;
	color:#FFF;
	background: #005A87;
	}
	#blog a {
		display:block;
		width:220px;
		height:60px;
		color:#FFF;
		background: #005A87 url(blog-icon.png) no-repeat 170px 10px;
		text-decoration:none;
		}
		#blog a:hover {
			display: block;
			height: 100%;
			width: 100%;
			color:#FFF;
			background: #005A87 url(blog-icon.png) no-repeat 170px -73px;
			font-weight:bold;
			text-decoration:none;
			}
			#blog a:hover span {
				font-weight:bold;
				}
	#blog span {
		display: block;
		cursor: pointer;
		padding:10px;
		}
	
#confirm {
	clear:both;
	display:block;
	width:180px;
	margin:0 0 0 25px;
	}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~ Search Box */
#buscaFicha {
	position:relative;
	top:-1px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	}
	#busca {
		position:relative;
		float:right;
		top:5px;
		width:220px;
		height:60px;
		padding:0 0 0 0;
		color:#FFF;
		background:#005A87;
		}
		#busca a {
			display:inline-block;
			color:#FFF;
			text-decoration:none;
			}
			#busca a:hover {font-weight:bold;}

input#filmSearch { /* search home input */
	float:left;
	width:175px;
	margin:5px 0 0 0;
	padding:2px 20px 2px 2px;
	color:#000;
	background:#FFF;
	border:1px solid #0077b3;
}

input#botSearch { /* search home button */
	float:right;
	position:relative;
	top:-18px;
	left:-14px;
	width:15px;
	height:15px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	color: #FFF;
	border:0;
	background: url(search.png) no-repeat 0 0;
	cursor: pointer;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~ SideNav */
#sidebar ul {
	list-style: none;
	margin:0 0 5px 0;
	padding:0 0 0 0;
	overflow:hidden;
	border-bottom:1px solid #005A87;
	}
#sidebar ul>li {
	display:list-item;
	border-top:1px solid #FFF;
	}
#sidebar ul li {
	display: block;
	border-top:1px solid #FFF;
	}
#sidebar ul li.last {
	border-top:1px solid #FFF;
	border-bottom:1px solid #FFF;
	}
html>body #sidebar li a { /* IE7 list-item whitespace bug */
	height:auto; min-height:1px;
	}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~ SideNav Headers */
#sidebar h3 {margin: 0 0 0 0; padding: 10px 10px;}
#sidebar h3.big {color:#FFF; background:#005A87;}
#sidebar ul.sel {border-bottom:1px solid #000;}
#sidebar h3.sel {color:#FFF; background:#000; font-weight:bold;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~ SideNav Links */
#sidebar li a {
	width:200px;
	height:20px;
	display:block;
	padding:5px 10px 5px 10px;
	margin:0 0 0 0;
	text-decoration:none;
	color:#666;
	background:#F6F6F6;
	}
#sidebar li a:link, #sidebar li a:visited, #sidebar li a:active {
	display:block;
	color:#666;
	background:#F6F6F6;
	}
#sidebar li a:hover {
	display:block;
	color:#000;
	background:#D9E6ED;
	}
#sidebar li span { /* soon... */
	width:200px;
	height:20px;
	display:block;
	padding:5px 10px 0 10px;
	margin:0 0 0 0;
	text-decoration:none;
	color:#999;
	background:#F6F6F6;
	font-style: italic;
	}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ // ACTIVE LINKS // ~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~ BigboxNav ActLinks */
body#ssoo #kwick .ssoo {
	color: #000;
	background: #FFF url(ico_ssoo3.png) 10px 0 !important; 
	}
	body#ssoo #kwick a.ssoo {}
	body#ssoo #kwick span.ssoo {font-weight:bold;}

body#sspp #kwick .sspp {
	color: #000;
	background: #FFF url(ico_sspp3.png) 10px 0 !important;
	}
	body#sspp #kwick a.sspp {}
	body#sspp #kwick span.sspp {font-weight:bold;}
	
body#aapp #kwick .aapp {
	color: #000;
	background: #FFF url(ico_aapp3.png) 10px 0 !important;
	}
	body#aapp #kwick a.aapp {}
	body#aapp #kwick span.aapp {font-weight:bold;}

body#eecc #kwick .eecc {
	color: #000;
	background: #FFF url(ico_eecc3.png) 10px 0 !important;
	}
	body#eecc #kwick a.eecc {}
	body#eecc #kwick span.eecc {font-weight:bold;}
	
body#pphh #kwick .pphh { 
	color: #000;
	background: #FFF url(ico_pphh3.png) 10px 0 !important;
	}
	body#pphh #kwick a.pphh {}
	body#pphh #kwick span.pphh {font-weight:bold;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~ Sections (icons) */
body.ssoo #main {background: transparent url(icon_ssoo.png) no-repeat 100% 2px;}
body.cortos #main {background: transparent url(icon_cortos.png) no-repeat 100% 2px;}
body.largos #main {background: transparent url(icon_largos.png) no-repeat 100% 2px;}
body.docus #main {background: transparent url(icon_docus.png) no-repeat 100% 2px;}
body#sspp #main {background: transparent url(icon_sspp.png) no-repeat 100% 2px;}
body#aapp #main {background: transparent url(icon_aapp.png) no-repeat 100% 2px;}
body#eecc #main {background: transparent url(icon_eecc.png) no-repeat 100% 2px;}
body#pphh #main {background: transparent url(icon_pphh.png) no-repeat 100% 2px;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~ TopNav ActLinks */
body.home #topNav a.home,
body.contacto #topNav a.contacto,
body.newsletter #topNav a.newsletter,
body.sponsors #topNav a.sponsors,
body.spot #topNav a.spot,
body.program #topNav a.program {font-weight:bold; color:#000; cursor: default;}

body.home #topNav a.home:hover,
body.contacto #topNav a.contacto:hover,
body.newsletter #topNav a.newsletter:hover,
body.sponsors #topNav a.sponsors:hover,
body.spot #topNav a.spot:hover,
body.program #topNav a.program:hover {font-weight:bold; color:#000; background: #FFF; cursor: default;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~ SideNav ActLinks */
/* SSOO */
body.largos #sidebar a.largos,
body.cortos #sidebar a.cortos,
body.docus #sidebar a.docus,
/* SSPP */
body.sp1 #sidebar a.sp1,
body.sp2 #sidebar a.sp2,
body.sp3 #sidebar a.sp3,
body.sp3 #sidebar a.sp3,
body.sp4 #sidebar a.sp4,
body.sp5 #sidebar a.sp5,
/* AAPP */
body.ap1 #sidebar a.ap1,
body.ap2 #sidebar a.ap2,
body.ap3 #sidebar a.ap3,
body.ap4 #sidebar a.ap4,
body.ap5 #sidebar a.ap5,
/* EECC */
body.ec1 #sidebar a.ec1,
body.ec2 #sidebar a.ec2,
body.ec3 #sidebar a.ec3,
/* PPHH */
body.ph1 #sidebar a.ph1,
body.ph2 #sidebar a.ph2,
body.ph3 #sidebar a.ph3,
body.ph4 #sidebar a.ph4,
body.ph5 #sidebar a.ph5,
/* IFN */
body.ifn1 #sidebar a.ifn1,
body.ifn2 #sidebar a.ifn2,
body.ifn3 #sidebar a.ifn3,
/* ALTERNATIVA */
body.convoca #sidebar a.convoca,
body.sedes #sidebar a.sedes,
body.equipo #sidebar a.equipo,
body.ediciones #sidebar a.ediciones,
body.ifn #sidebar a.ifn,
/* PRENSA */
body.contact #sidebar a.contact,
body.prensa #sidebar a.prensa,
body.notas #sidebar a.notas,
body.recull #sidebar a.recull { color:#000; background:#FFF; font-weight:bold; cursor:default;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~ Programa */
div#elPrograma { /* menu */
	clear:both; height: 60px; padding:0 0 0 0; margin:0 0 0 0; border-bottom:1px solid #000;
	}
	#elPrograma ul {float: left; list-style: none;}
	#elPrograma li {float: left;}
	#elPrograma li a, #elPrograma li a:link, #elPrograma li a:visited, #elPrograma li a:active {
		display: block;
		width: 55px;
		margin:0 3px 0 0;
		padding: 10px 10px 10px 10px; 
		color: #FFF;
		background: #005A87;
		text-align: left;
		text-decoration: none;
		font-weight:normal;
		outline: 0;
		}
	#elPrograma li a:hover { 
		color: #FFF;
		background: #000;
		text-decoration: none;
		border-bottom:0;
		outline: 0;
		}
	#elPrograma li a.last {margin:0 0 0 0;}
	
	#elPrograma li a.activo, 
	#elPrograma li a.activo:link, 
	#elPrograma li a.activo:visited, 
	#elPrograma li a.activo:active {
		color: #000;
		background: #FFF;
		text-decoration: none;
		font-weight:bold;
		border-bottom:0;
		outline: 0;
		}
		
#laProgramacion {clear:both; margin:0 0 20px 0; padding:0 0 0 0;}

#viewProg {display:block; float:right; width:700px; position:absolute; top:190px; margin:0 0 0 0; padding:0 0 0 0;}
	#viewProg a, #viewProg a:link {display:block; height:30px; line-height:390%; text-align:right;}
	
div.infoPdf {
	clear:both;
	display:block;
	position:relative;
	top:13px;
	left:215px;
	width:485px;
	padding-bottom:10px;
	color:#000;
	background:#FFF;
	border-top:1px solid #000;
	}
	div.infoPdf img {position:relative; top:12px; padding-right:5px;}
	
div.infoBox {
	display:block;
	float:left;
	width:200px;
	margin:0 0 0 0;
	padding:0 5px 0 5px; 
	color:#FFF;
	background:#D55B4D;
	}
div.infoSede {
	display:block;
	position:relative;
	width:190px;
	top:20px;
	left:10px;
	color:#FFF;
	font-weight:bold;
	}
div.infoProgram {
	display:block;
	position:relative;
	top:0;
	left:210px;
	float:left;
	clear:left;
	width:485px;
	margin:0 0 0 0;
	padding:5px 0 5px 0;
	background:#F6F6F6;
	border-bottom:1px solid #FFF;
	}
	div.infoProgram:hover {background:#FAECEB;}
	
	div.infoProgram strong { color:#A3457F; font-weight: bold; }
	div.infoProgram strong.black {color:#000; }
	
	div.evento {background:#EAEAEA;}
	div.infoLast {border-bottom:1px solid #F6F6F6;}
	
div.pHora {float:left; width:auto; margin:3px 0 0 0; padding:0 0 0 10px; color:#737373; font-weight:bold; text-align:right;}
div.pIco {float:left; width:auto; height:15px; margin:2px 0 0 0; padding:0 10px; color:#FFFFFF;}

div.pFull {float:left; width:auto; margin:0 0; padding:0 0;}

	div.pSesion {width:100%; color:#737373; margin:3px 0 0 0; padding:0 0;}
	div.pSesion strong {color:#737373;}
	
	div.pFilm {width:100%; color:#737373; margin:1px 0; padding:0 0;}
	div.pXtra {width:100%; color:#737373; margin:1px 0; padding:0 0;}
		div.pXtra strong {color:#737373;}
	
div.progBR {display:block; clear:both; height:1px; font-size:0px; }