@charset "UTF-8";
/* CSS Document */

html {background: #dedfe0;}

* {
	margin: 0;
	padding: 0;
}

img {
	border: 0;
}

ul, li {
	list-style:none;
}

/* principal layout*/


#pagewidth {
	width: 960px;
	text-align: left;
	position: relative;
	margin: auto;
	height: auto;
	top: 0px;
}

h1 {
	color:#FFFFFF;
	display:block;
	font-size:1.4em;
	font-weight:normal;
	left:31px;
	letter-spacing: 0.55px;
	position:absolute;
	top:33px;
	z-index:100;
}


body {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	margin: 0;
	padding: 0;
}

body a {
	color: #FF0000;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
	line-height: 14px;
}


.texto lu {
	color: #FF0000;
	text-decoration: none;
	font-weight: bold;
	margin: 0;
	padding: 0;
	font-size: 11px;
	line-height: 14px;
	text-indent: 0px;
	border: none !important;
}

.texto li {
	color: #FF0000;
	text-decoration: none;
	font-weight: bold;
	margin: 0;
	padding: 0;
	font-size: 11px;
	line-height: 14px;
	text-indent: 0px;
	border: none !important;
}

.texto a:visited {
	color: #FF0000;
	text-decoration: none;
	margin: 0;
	padding: 0;
	font-size: 11px;
	line-height: 14px;
	text-indent: 0px;
	border: none !important;
}



#logo {
	position:absolute;
	left: 50px;
	top: 115px;
	width: 250px;
	height: 370px;
	visibility: visible;	
}

#logo_home {
	position: absolute;
	left: 38px;
	top: 24px;
	width: 110px;
	height: 120px;
}

#sorteo {
	width: 148px;
	height: 115px;
	position: absolute;
	top: 460px;
	right: 0px;
	z-index: 100;
}

#facebook {
	position:absolute;
	left: 54px;
	top: 505px;
	width: 250px;
	height: 30px;
	text-indent: 36px;
	color:#FFF;
}

#logo_facebook {
	position:absolute;
	left: 168px;
	top: 500px;
	width: 50px;
	height: 30px;
	vertical-align: middle;
}

#background_images {
	width: 960px;
	position: absoute;
	margin: auto;
	height: 600px;
	top: 0px;
}

#background_color {
	width: 960px;
	position: absoute;
	margin: auto;
	background-color: #E9E8DF;
	height: 600px;
	top: 0px;
}

#background_color2 {
	width: 960px;
	position: absoute;
	margin: auto;
	background-color: #E9E8DF;
	height: 820px;
	top: 0px;
}

#background_color3 {
	width: 960px;
	position: absoute;
	margin: auto;
	background-color: #E9E8DF;
	height: 700px;
	top: 0px;
}

#background_ciclo {
	width: 960px;
	position: absoute;
	margin: auto;
	background-color: #E9E8DF;
	height: 800px;
	top: 0px;
}

#data {
	width: 110px;
	position: absolute;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;  
	line-height: 13px;
	color: #000000;
	height: auto;
	top: 150px;
	left: 38px;
}

#sponsors {
	width: 960px;
	height: 50px;
	position: absolute;
	top: 600px;
	margin: auto;
}

#sponsors2 {
	width: 960px;
	height: 50px;
	position: relative;
	top: 600px;
	margin: auto;
}

#logo_unifrance {
	width: 88px;
	height: 50px;
	position: absolute;
	top: 600px;
	margin: auto;
	left: 302px;
}

#logo_greentara {
	width: 114px;
	height: 50px;
	position: absolute;
	top: 600px;
	margin: auto;
	left: 846px;
}

#logo_embajada {
	width: 84px;
	height: 50px;
	position: absolute;
	top: 600px;
	margin: auto;
	left: 18px;
}

#logo_tv5 {
	width: 81px;
	height: 50px;
	position: absolute;
	top: 600px;
	margin: auto;
	left: 206px;
}

#logo_alianza {
	width: 57px;
	height: 50px;
	position: absolute;
	top: 600px;
	margin: auto;
	left: 450px;
}

#data_pie {
	width: 960px;
	height: 20px;
	margin: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 14px;
	text-align: center;
	vertical-align: middle;
	position: relative;
	color: #FFFFFF;
	background-color: #000000;
}

#primarynav {
	width: 110px;
	margin: 0;
	padding: 0 0 0 0;
	display: block;
	position: absolute;
	top: 204px;
	left: 38px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-indent: 5px;
	text-decoration: none;
	line-height: 26px;
	text-shadow: 0 0 0 #000; /* removes extra text shadow in Safari */
	z-index: 1000;

}

#primarynav ul {
	width:110px;
}

#primarynav li {
	position:relative; /* position relative so that you can position the sub levels */
	background:#000000;
	height:26px;
	margin-bottom: 3px;
}

/* estilo de los links */

#primarynav a, #primarynav a:visited {
	display:block; 
	text-decoration:none;
	height:26px;
	line-height:26px;
	color:#FFFFFF; /* DIMA: Letra menu */
	text-indent:5px;
	font-weight: bold;
	text-shadow: 0 0 0 #000; /* removes extra text shadow in Safari */
	border: none !important;
}

#primarynav a:hover {
	background: #FF0000; /* DIMA: check the color, this is the menu hoover color  */
}

#primarynav li.selected a {
	background-color:#FF0000;
	text-decoration: none;
}

#image0 {
	width: 960px;
	position: absolute;
	margin: auto;
	height: 600px;
	top: 0px;
}

#image1 {
	width: 960px;
	position: absolute;
	margin: auto;
	height: 600px;
	top: 0px;
}

#image2 {
	width: 960px;
	position: absolute;
	margin: auto;
	height: 600px;
	top: 0px;
}

#image3 {
	width: 960px;
	position: absolute;
	margin: auto;
	height: 600px;
	top: 0px;
}

#image4 {
	width: 960px;
	position: absolute;
	margin: auto;
	height: 600px;
	top: 0px;
}

#image5 {
	width: 960px;
	position: absolute;
	margin: auto;
	height: 600px;
	top: 0px;
}

#image6 {
	width: 960px;
	position: absolute;
	margin: auto;
	height: 600px;
	top: 0px;
}

#image7 {
	width: 960px;
	position: absolute;
	margin: auto;
	height: 600px;
	top: 0px;
}

#image8 {
	width: 960px;
	position: absolute;
	margin: auto;
	height: 600px;
	top: 0px;
}

#image9 {
	width: 960px;
	position: absolute;
	margin: auto;
	height: 600px;
	top: 0px;
}

#image10 {
	width: 960px;
	position: absolute;
	margin: auto;
	height: 600px;
	top: 0px;
}

#image11 {
	width: 960px;
	position: absolute;
	margin: auto;
	height: 600px;
	top: 0px;
}

#image12 {
	width: 960px;
	position: absolute;
	margin: auto;
	height: 600px;
	top: 0px;
}

/* grilla de films */

#mini_01 {
	width: 105px;
	height: 120px;
	position: absolute;
	margin: auto;
	left: 325px;
	top: 115px;
}

#mini_02 {
	width: 105px;
	height: 120px;
	position: absolute;
	margin: auto;
	left: 440px;
	top: 115px;
}

#mini_03 {
	width: 105px;
	height: 120px;
	position: absolute;
	margin: auto;
	left: 555px;
	top: 115px;
}

#mini_04 {
	width: 105px;
	height: 120px;
	position: absolute;
	margin: auto;
	left: 670px;
	top: 115px;
}

#mini_05 {
	width: 105px;
	height: 120px;
	position: absolute;
	margin: auto;
	left: 785px;
	top: 115px;
}


#mini_06 {
	width: 105px;
	height: 120px;
	position: absolute;
	margin: auto;
	left: 325px;
	top: 250px;
}

#mini_07 {
	width: 105px;
	height: 120px;
	position: absolute;
	margin: auto;
	left: 440px;
	top: 250px;
}

#mini_08 {
	width: 105px;
	height: 120px;
	position: absolute;
	margin: auto;
	left: 555px;
	top: 250px;
}

#mini_09 {
	width: 105px;
	height: 120px;
	position: absolute;
	margin: auto;
	left: 670px;
	top: 250px;
}

#mini_10 {
	width: 105px;
	height: 120px;
	position: absolute;
	margin: auto;
	left: 785px;
	top: 250px;
}


#mini_11 {
	width: 105px;
	height: 120px;
	position: absolute;
	margin: auto;
	left: 325px;
	top: 385px;
}

#mini_12 {
	width: 105px;
	height: 120px;
	position: absolute;
	margin: auto;
	left: 440px;
	top: 385px;
}

#mini_13 {
	width: 105px;
	height: 120px;
	position: absolute;
	margin: auto;
	left: 555px;
	top: 385px;
}

#secondarynav {
	width: 194px;
	margin: 0;
	padding: 0 0 0 0;
	display: block;
	position: absolute;
	top: 115px;
	left: 712px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FF0000;
	text-indent: 5px;
	text-decoration: none;
	line-height: 26px;
	text-shadow: 0 0 0 #000; /* removes extra text shadow in Safari */
	z-index: 1000;

}

#secondarynav ul {
	width:194px;
}

#secondarynav li {
	position:relative; /* position relative so that you can position the sub levels */
	background:#DDDCD5;
	height:26px;
	margin-bottom: 3px;
}

/* estilo de los links */

#secondarynav a, a:visited {
	display:block; 
	text-decoration:none;
	height:26px;
	line-height:26px;
	color:#FF0000; /
	text-indent:5px;
	font-weight: bold;
	text-shadow: 0 0 0 #000; /* removes extra text shadow in Safari */
	border: none !important;
}


#secondarynav a:hover {
	background: #DDDCD5; 
	color: #000000;
}


/* ficha de films */

#foto_film {
	width: 500px;
	height: 330px;
	position: absolute;
	margin: auto;
	left: 340px;
	top: 50px;
}

#text_content {
	width: 480px;
	height: auto;
	position: absolute;
	left: 340px;
	top: 406px;
	background-color: #FFFFFF;
	margin:0 0 10px;
	padding:10px 10px 10px;

}

#nombre_peli {
	width: 500px;
	height: 26px;
	position: absolute;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-indent: 10px;
	line-height: 26px;
	z-index: 1000;
	color: #FFFFFF;
	margin: auto;
	left: 340px;
	top: 380px;
	background-color: #FF0000;
}

#texto_ciclo {
	width: 500px;
	height: auto;
	position: absolute;
	margin: auto;
	left: 340px;
	top: 50px;
	background-color: #FFFFFF;
	margin:0 0 10px;
	padding:10px 10px 10px;
}
	
#text_content2 {
	width: 480px;
	height: auto;
	position: absolute;
	left: 340px;
	top: 380px;
	background-color: #FFFFFF;
	margin:0 0 10px;
	padding:10px 10px 10px;

}

#text_content3 {
	width: 480px;
	height: auto;
	position: absolute;
	left: 340px;
	top: 115px;
	background-color: #FFFFFF;
	margin:0 0 10px;
	padding:10px 10px 10px;

}


#trailer_content {
	width: 520px;
	height: 300px;
	position: absolute;
	background-color: #FFFFFF;
	left: 0px;
	top: 340px;
}

#concurso {
	width: 500px;
	height: 50px;
	position: absolute;
	background-color: #FFFFFF;
	border: 1px;
	border-style: dashed;
	border-color: #F00;
	left: 0px;
	top: 250px;
	padding:10px 10px 10px;
	z-index: 100;
}

#texto_concurso {
	width: 380px;
	height: 40px;
	position: absolute;
	vertical-align: middle;
	left: 100px;
	top: 15px;
	z-index: 100;
}

/* programacion */

#dia17 {
	width: 69px;
	height: 69px;
	position: absolute;
	margin: auto;
	left: 340px;
	top: 115px;
}	


#dia18 {
	width: 69px;
	height: 69px;
	position: absolute;
	margin: auto;
	left: 412px;
	top: 115px;
}	

#dia19 {
	width: 69px;
	height: 69px;
	position: absolute;
	margin: auto;
	left: 484px;
	top: 115px;
}	

#dia20 {
	width: 69px;
	height: 69px;
	position: absolute;
	margin: auto;
	left: 556px;
	top: 115px;
}	

#dia21 {
	width: 69px;
	height: 69px;
	position: absolute;
	margin: auto;
	left: 628px;
	top: 115px;
}

#dia22 {
	width: 69px;
	height: 69px;
	position: absolute;
	margin: auto;
	left: 700px;
	top: 115px;
}	

#dia23 {
	width: 69px;
	height: 69px;
	position: absolute;
	margin: auto;
	left: 772px;
	top: 115px;
}	

#programacion_dia {
	width: 500px;
	height: auto;
	position: absolute;
	margin: auto;
	left: 340px;
	top: 216px;
}	

#horarios_dia {
	width: 500px;
	height: auto;
	position: absolute;
	margin: auto;
}	

.horarios {
	line-height: 16px;
}