/* Documento css registrado por FLEXO estudio digital */

/* ------------------------------------- General -----------------------------------*/

body {
	margin: 0px;
	padding:20px;
	font-family: Arial, sans-serif;
	font-size: 70%;
	color:#333333;
	background-color: #fff;
	}

img{border:0px;}

acronym {cursor: help; text-decoration:underline;}

/* ----------------- Tablas ------------*/
table{
	margin: 0px 0px 10px 0px;
	}

th{
	background-color:#89837c;
	color:#FFFFFF;
	text-align:center;
	padding:3px;
}

td{
	background-color:#e4e1d6;
	text-align:center;
	padding:3px;
}

td a{ color:#333333;}


/* ----------------- Enlaces ------------*/
a {
	color: #F30;
	text-decoration: none;
	font-weight: bold;
}

a:hover{
	text-decoration: underline;	
}

/* ----------- Encabezados y parrafo -------------*/
h1 {
	display:none;
	}

h2 {
	padding:0px 0px 0px 0px;
	margin:0px 0px 10px 0px;
	font-size:18px;
	clear:both;
	}
	
h3 {
	clear:both;
	padding:3px 0px 4px 8px;
	margin:0px 0px 15px 0px;
	background-color:#6d6965;
	color: #ffffff;
	font-size:120%;
}

h4 {
	color:#333333;
	font-size:110%;
	padding:3px 5px 3px 0px;
	margin:10px 0px 5px 0px;
	clear:both;

}

h5 {
	font-family:Arial, Helvetica, sans-serif;
	color:#444444;
	font-size:100%;
	padding:0px;
	margin:15px 0px 5px 0px;
	clear:both;
}



p	{
	margin:0px 0px 10px 0px;
	padding:0px;
	}


/* ------------------- Formularios -------------------*/

form{
margin-left:5px;
}
label{
margin:10px 0px 10px 0px;
padding:2px;
}
input{
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	border:1px solid #928f8b;
	padding: 2px 0px 2px 3px;
	margin:0px 5px 0px 0px;
	background-color: #f0ede7;
	}
select{
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	border:1px solid #928f8b;
	padding:1px 1px;
	margin:0px 0px 0px 0px;
	background-color: #f0ede7;
	}

textarea{
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	border:1px solid #928f8b;
	padding-left:3px;
	margin:0px 0px 10px 0px;
	background-color: #f0ede7;
	}
fieldset{
border:none;
border-top:2px solid #eae9e2;
margin:10px 0px 0px 0px;
padding:10px 5px 10px 5px;
}

.boton{margin:5px 0px; background-color: #6d6965; color:#FFFFFF;}
	
.noborder{border:none;}
	
/* ------------------------------------- Capas principales -----------------------------------*/


	
#cabecera{
	padding:0px;
	margin:0px auto;
	background-color:#000000;
	border:1px solid #ffffff;
	width:950px;
	height:250px;
	background-repeat:no-repeat;
	background-position:right;
}
.cabedicion{
	background-image: url(/img/10edicion/cabecera.gif);
}
.cablog{
	background-image:url(/img/cabecera_blog.jpg);
}

#logo{
	width:375px;
	padding:0px;
	margin: 60px 0px 0px 0px;
	text-align:center;
}

#menu{
	width:375px;
	padding:0px;
	margin:205px 0px 0px 20px;
	text-align:center;
	font-size:90%;
	text-transform:uppercase;
}


#zona_peliculas{
	width:950px;
	height:170px;
	border-bottom:1px solid #ffffff;
	margin:0px auto;
	background-color:#f0ede7;
	padding:0px;
	}
	
#zona_peliculas img{border-left:1px solid #FFFFFF;}	
	
	
	
	
#contenedor{
	width:910px;
	margin:0px auto;
	padding:15px 20px 10px 20px;
	background:url(/img/pix_contenedor.gif) repeat-y right #d8d2c6;
	border-bottom:0px solid #FFFFFF;
}

#contenedor_home{
	width:950px;
	margin:0px auto;
	padding:0px;
	background-color:#d8d2c6;
	background-image:url(/img/pix_contenedor_home.gif);
	background-repeat:repeat-y;
}


#ruta{
	margin:0px 0px 10px 0px;
	color:#666666;
	font-size:95%;
}

.capahome{
	float:left;
	margin:0px;
	padding:30px;
	width: 175px;
	border: 0px solid #939487;
}


#principal{
	float:left;
	margin:10px;
	padding:0px;
	width: 550px;
	border: 0px solid #939487;
}

#lateral{
	float:right;
	padding: 20px 10px 0px 30px;
	width: 280px;
	border:0px solid #669966;
	background-color: #e4e1d6;
}



#pie{
border-top:1px solid #ffffff;
	clear:both;
	background-color:#f0ede7;
	font-size:90%;
	padding:20px 20px 20px 20px;
	margin: 0px auto;
	width:910px;
	height:50px;
	color:#787878;
}

#piedat{
	clear:both;
	font-size:90%;
	padding:10px;
	margin: 0px auto;
	width:930px;
	color:#666666;
	text-align:center;
	background-color:#FFFFFF;
	}
	

/* -------------------------------------clases -----------------------------------*/



.fotoparrafode {
	float: right;
	padding: 1px;
	margin: 5px 0px 10px 20px;
}

.fotoparrafoiz {
	float: left;
	padding: 1px;
	margin: 5px 20px 10px 0px;
}
.fotomarco {
	padding: 1px;
	margin: 5px 5px 0px 0px;
	border: 2px solid #dce3e5;
}

.fotoparrafomarcode {
	float: right;
	padding: 1px;
	margin: 5px 5px 0px 0px;
	border:3px solid #e4e1d6;
}

.fotoparrafomarcoiz {
	float: left;
	padding: 1px;
	margin: 0px 10px 10px 0px;
	border:2px solid #e4e1d6;
}

.trailer{
	padding:7px;
	margin:10px 0px;
	background-color: #e4e1d6;
}

.recuadro{
	padding:10px 20px 10px 10px;
	margin:10px 0px;
	background-color: #e4e1d6;
}

.recuadro_aviso{
	padding:10px 20px 10px 50px;
	margin:10px 0px;
	background: url(/img/anim_destacado.gif) no-repeat #e4e1d6;
}

.recuadro_bases{
	width:850px;
	padding:15px 20px 10px 80px;
	margin:0px auto;
	background: url(/img/anim_destacado.gif) 15px 15px no-repeat #e4e1d6;
	border-bottom:1px solid #FFF;
}

.recuadro_microrrelato{
	padding:30px 30px 20px 30px;
	margin:10px;
	background: url(/img/pix_microrrelato.gif) repeat #fff;
	border: 1px solid #eee;
}

.capitalateral{
	padding:0px 0px 10px 0px;
	margin:10px 0px;
	border-bottom:1px solid #d7d2c6;
}

.capitapeli{
	float:left;
	padding:10px;
	width:245px;
	margin:10px 5px 0px 5px;
	background-color: #ddd9cb;

}

.capitapeli img {
	float: left;
	padding: 0px;
	margin: 0px 10px 0px 0px;
	border:3px solid #e4e1d6;
}

.capitapeli img:hover {
	border:3px solid #ffffff;
}

.capitapremio{
	float:left;
	padding:10px 10px 10px 10px;
	width:500px;
	margin:10px 5px 0px 5px;
	background-color: #ddd9cb;
	background-image:url(/img/fondo_trofeo_med.gif);
	background-repeat:no-repeat;
	background-position:right bottom;
}

.capitapremio img {
	float: left;
	padding: 0px;
	margin: 0px 10px 0px 0px;
	border:3px solid #e4e1d6;
}

.separador {
	clear:both;
	margin:0px;
	padding:0px;
	font-size:1px;
}

.peli{ font-weight:bold; font-style:italic;}
.director{ font-weight:bold; color:#585551;}
.directorh3{ font-weight:normal;}
.premio{ text-transform:uppercase; font-size:90%;}
.catficha{font-weight:bold; color:#585551;}



.mini{font-size:90%; color:#666666;}
.fecha{font-size:90%; color:#666666;}
.oculto{display:none;}
.tecla {text-decoration: underline;} 
.noborder{border: none;}
.pelipresen{ background-color:#FFFFFF;}
.pelihomen{ background-color: #F03;}
.blanco{ color: #fff;}
.volver{
	font-size:90%;
	border-top:1px solid #dddddd;
	margin:10px 0px 0px 0px;
	padding:5px 0px 0px 0px;
	}
	
.subir{
clear:both;
	font-size:90%;
	text-align:right;
	background-image:url(/img/ico_subir.gif);
	background-repeat:no-repeat;
	background-position: right;
	margin:15px 0px 0px 0px;
	padding:0px 10px 0px 0px;
}
.cerrar{
	font-size:90%;
	margin:10px 0px 0px 0px;
	padding:5px 0px 0px 0px;
	text-align:right;
	}
	

/* ------------------------------------- Listas -----------------------------------*/

/* ----------------- general ------------*/
ul{
	margin:0px;
	padding:0px;
}
li{
	list-style-type:none;
	margin:0px;
	padding:0px;
	line-height:120%;
}


/* ---------- lista del menu -------------------- */

#menu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#menu li {
	display: inline;
	padding: 0px;
	margin: 0px;
}

#menu li a{
	padding:0px 10px;
	color:#FFFFFF;
	border-right: 1px solid #666666; 
}	

#menu li a:hover{
	color:#F30;
	text-decoration:none;
	}


/* ----------------- ruta ------------*/
#ruta ul{
	margin: 0px;
	padding: 0px;
	list-style: none;
	display:inline;
}
#ruta li {
	display:inline;
	text-decoration: none;
	background-image:url(/img/ico_flecha_der_ng.gif);
	background-repeat:no-repeat;
	background-position:3px;
	padding: 0px 0px 0px 10px;
	color: #585551;
}
#ruta li a{
	display:inline;
	text-decoration: none;
		font-weight:normal;
}
#ruta a:hover {
	text-decoration: underline;

}

/* ----------------- menu lista con las pelis ------------*/

#pelis{float:right;}

#pelis ul{
	margin: 0px;
	padding: 0px;
	list-style: none;
	display:inline;
}
#pelis li {
	display:inline;
	text-decoration: none;
	padding: 0px;
	}


a.trans img{
	opacity:0.5;
	-moz-opacity:0.5;
	filter:alpha(opacity=50);
	}
	
a.trans:hover img{
	opacity:1;
	-moz-opacity:1;
	filter:alpha(opacity=100);
	}	


/* ----------------- clases para listas ----------------*/

/* ----------------- listado ------------*/
.listado ul{
	margin: 0px;
	padding: 0px;
	list-style: none;
	display:inline;
}
.listado li {
	margin: 0px 0px 0px 2px;
	padding: 3px 0px 3px 15px;
	text-decoration: none;	
	border-bottom:1px solid #e4e1d6;
	background-image:url(/img/ico_flecha_der_ng.gif);
	background-repeat:no-repeat;
	background-position:3px 8px;
}
.listado li a{
	display:inline;
	text-decoration: none;
}
.listado a:hover {
	text-decoration: underline;
}

/* ----------------- listado ------------*/
.capapelis ul{
	margin: 0px 0px 0px 0px;
	padding: 0px;
	list-style: none;
	display:inline;
}
.capapelis li {
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 2px 5px;
	text-decoration: none;	
	background-repeat:no-repeat;
	background-position:left ;
}
.capapelis li a{
	display:inline;
	text-decoration: none;
}
.capapelis a:hover {
	text-decoration: underline;
}


/* ----------------- clases para logos de pie ----------------*/

#pie ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#pie li {
	display: inline;
	padding: 0px;
	margin: 0px;
}

#pie li a{
	float: left;
	display:block;
	height:50px;
	margin:0px 5px;
	background-repeat:no-repeat;
	background-position:center;
}	


.bt_logo_tudela{background-image:url(/img/logo_tudela_off.png); width:95px;}
.bt_logo_tudela:hover{background-image:url(/img/logo_tudela_on.png);}

.bt_logo_castelruiz{background-image:url(/img/logo_castelruiz_off.png); width:40px;}
.bt_logo_castelruiz:hover{background-image:url(/img/logo_castelruiz_on.png);}

.bt_logo_castelruizagua{background-image:url(/img/logo_castelruizagua_off.png); width:45px;}
.bt_logo_castelruizagua:hover{background-image:url(/img/logo_castelruizagua_on.png);}

.bt_logo_cineclub{background-image:url(/img/logo_cineclub_off.png); width:60px;}
.bt_logo_cineclub:hover{background-image:url(/img/logo_cineclub_on.png);}

.bt_logo_gobnavarra{background-image:url(/img/logo_gobnavarra_off.png); width:120px;}
.bt_logo_gobnavarra:hover{background-image:url(/img/logo_gobnavarra_on.png);}

.bt_logo_gobnavarra2012{background-image:url(/img/logo_gobnavarra2012_off.png); width:60px;}
.bt_logo_gobnavarra2012:hover{background-image:url(/img/logo_gobnavarra2012_on.png);}

.bt_logo_ministerio{background-image:url(/img/logo_ministerio_off.png); width:155px;}
.bt_logo_ministerio:hover{background-image:url(/img/logo_ministerio_on.png);}

.bt_logo_can{background-image:url(/img/logo_can_off.png); width:110px;}
.bt_logo_can:hover{background-image:url(/img/logo_can_on.png);}

.bt_logo_ac{background-image:url(/img/logo_ac_off.png); width:40px;}
.bt_logo_ac:hover{background-image:url(/img/logo_ac_on.png);}

.bt_logo_alcazaba{background-image:url(/img/logo_alcazaba_off.png); width:60px;}
.bt_logo_alcazaba:hover{background-image:url(/img/logo_alcazaba_on.png);}



/* ----------------- clases para titulos de seccion ----------------*/


.tt_operaprima{
background-image:url(/img/tt_operaprima.png);
background-repeat:no-repeat;
height:25px;
}
.tt_edicion{
background-image:url(/img/tt_edicion.png);
background-repeat:no-repeat;
height:25px;
}
.tt_programa{
background-image:url(/img/tt_programa.png);
background-repeat:no-repeat;
height:25px;
}

.tt_boletin{
background-image:url(/img/tt_boletin.png);
background-repeat:no-repeat;
height:25px;
}

.tt_festival{
background-image:url(/img/tt_festival.png);
background-repeat:no-repeat;
height:25px;
}

.tt_peliculas{
background-image:url(/img/tt_peliculas.png);
background-repeat:no-repeat;
height:25px;
}


.tt_historico{
background-image:url(/img/tt_historico.png);
background-repeat:no-repeat;
height:25px;
}

.tt_blog{
background-image:url(/img/tt_blog.png);
background-repeat:no-repeat;
height:25px;
}

.tt_homenaje{
background-image:url(/img/tt_homenaje.png);
background-repeat:no-repeat;
height:25px;
}

.tt_masinfo{
background-image:url(/img/tt_masinfo.png);
background-repeat:no-repeat;
height:25px;
}


.tt_contacto{
background-image:url(/img/tt_contacto.png);
background-repeat:no-repeat;
height:25px;
}

.tt_accesibilidad{
background-image:url(/img/tt_accesibilidad.png);
background-repeat:no-repeat;
height:25px;
}

.tt_legal{
background-image:url(/img/tt_legal.png);
background-repeat:no-repeat;
height:25px;
}



/* ------------------------------------ recuadros respuesta boletin -----------------------------------*/
.recuadro_info, .recuadro_ok, .recuadro_att, .recuadro_ko {
       border: 1px solid;
       margin: 20px 0px;
       padding:15px 10px 15px 50px;
       background-repeat: no-repeat;
       background-position: 10px center;
       position:relative;
}
.recuadro_info {
       color: #00529B;
       background-color: #BDE5F8;
       background-image: url('/img/ico_info.gif');
}
.recuadro_ok {
       color: #4F8A10;
       background-color: #DFF2BF;
       background-image:url('/img/ico_ok.gif');
}
.recuadro_att {
       color: #9F6000;
       background-color: #FEEFB3;
       background-image: url('/img/ico_att.gif');
}
.recuadro_ko {
       color: #D8000C;
       background-color: #FFBABA;
       background-image: url('/img/ico_ko.gif');
}