/* CSS Document */
/* Filmoteca de Extremadura */
/* (c) Liqueed - Estudio Creativo */

@import url(cabecera.php);
@charset "UTF-8";

* {margin:0;padding:0;}
body {background:#242223 url(bkg.jpg) repeat-x;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10px;}
h1 span {display:none;}
h2 {color:#8dc159;border-bottom:4px solid #dbe9bf;font-size:14px;padding-bottom:2px;font-weight:normal;margin-bottom:10px;text-transform:uppercase;}
h2 span {color:#fff;border-left:1px dotted #999;font-size:12px;padding-left:7px;margin-left:2px;}
h3 {color:#8dc159;margin-bottom:5px;font-size:11px;}
h3.subseccion {border-bottom:1px dotted #ccc; color:#fff;text-transform:uppercase;margin:15px 0 20px 10px;font-size:12px;}
hr {clear:both;visibility:hidden;}
a, a:visited {text-decoration:none;}
a:hover {text-decoration:underline;}

/* HEADER */
#cabeceracentro {width:600px;margin:auto;}
#logofilmo {float:right;margin-top:55px;border:0;width:183px;height:97px;background:url('logofilmo.png') no-repeat;}
#sobrecabecera {height:18px;text-align:right;padding-right:10px;padding-top:4px;}
#sobrecabecera a {color:#666;}
#sobrecabecera a.contacto {background:url(sobre.png) no-repeat top right;padding-right:20px;}
#menutop {height:47px;background:url(bkg-menutop.png);}
#menutop li {display:inline;width:98px;height:100%;float:left;color:#fff;font-size:12px;text-align:center;position:relative;}
#menutop li a {color:#fff;bottom:5px;right:0;left:0;position:absolute;width:90px;margin:auto;}
#menutop li a.menu1l {padding-top:10px;height:25px;}
#menutop li a.menu2l {padding-top:2px;height:33px;}
#menutop ul.submenutop {display:none;width:96px;background:url(bkg-menutop.png);border-left:1px solid #555;border-right:1px solid #555;margin:auto;margin-top:47px;margin-left:-1px;position:absolute;left:0;}
#menutop ul.submenutop li {display:block;height:25px;padding-top:10px;float:none;margin:auto;width:90px;font-size:10px;border:0;border-top:1px solid #555;}
#menutop ul.submenutop li a {background:none;height:19px;padding-top:6px;margin:auto;}
#menutop ul.submenutop li a.submenu2l {height:24px;padding-top:1px;}
#menutop ul.submenutop li a:hover {background-color:#5b9125;}
#menutop li:hover, #menutop li.over {border:1px solid #555;width:96px;height:45px;}
#menutop li:hover ul, #menutop li.over ul {display:block;margin-top:45px;}
#menutop li:hover a, #menutop li.over a {background-color:#5b9125;text-decoration:none;}

/* CUERPO */
#cuerpo {width:1000px;margin:auto;}

/* Izquierda */
#izquierda {background:url(bkg-lateral.png) top right no-repeat;float:left;width:201px;}
#izquierda #buscador {height:25px;}
#izquierda #buscador form {padding-left:15px;}
#izquierda #buscador .buscarinput{background:url(bkg-buscartxt.png) top left no-repeat;height:23px;width:180px;margin:auto;margin-bottom:5px;}
#izquierda #buscador input#buscartxt {background:none;height:23px;width:96px;border:0;padding:3px 0 0 5px;}
#izquierda #buscador input#enviar {width:66px;height:23px;display:inline;background:none;border:0}
#izquierda #calendario {width:180px;margin:auto;}
#izquierda #calendario #titulo_calendario {font-size:13px;color:#999;text-align:right;margin:auto;margin-top:5px;padding-top:5px;border-top:1px solid #666;}
#izquierda #calendario #titulo_calendario span {color:#8dc159}
#izquierda #calendario #mes {background:url(cal-mes.png) no-repeat center;text-align:center;font-size:13px;color:#fff;height:21px;margin-top:7px;position:relative}
#izquierda #calendario #mes span {float:left;width:148px;margin-top:1px;}
#izquierda #calendario #mes img {border:0;}
#izquierda #calendario #mes #mes-ant img {float:left;margin:5px 0 0 10px;}
#izquierda #calendario #mes #mes-post img {float:right;margin:5px 10px 0 0;}
#izquierda #calendario #dias {border-top:1px solid #666;border-bottom:1px solid #666;margin-top:5px;}
#izquierda #calendario #verprogramacion {border-bottom:1px solid #666;height:80px;}
#izquierda #calendario #verprogramacion p {color:#999;text-align:right;margin:5px 0 5px 0;}
.progboton {display:block;width:64px;height:15px;background:url(bkg-boton.png) top no-repeat;background-position:0px -20px;color:#ccc;text-decoration:none;text-align:center;padding-top:4px;float:right;margin:3px;}
.progboton:hover, .ciudadactiva {background:url(bkg-boton.png) top no-repeat;text-decoration:none;}
/* Calendario */
#tablecal {margin:auto;margin:10px 0 10px 0;}
th {font-family:Arial, Helvetica, sans-serif;font-size:15px;color:#777;height:20px;vertical-align:top}
#tablecal tr {}
#tablecal td {width:25px;height:17px;text-align:center;font-size:11px;color:#ccc;}
#tablecal a {background:url(bkg-dia.png) center no-repeat;color:#fff;width:25px;height:15px;display:block;text-align:center;padding-top:2px;}
#buscador label {display:none;}

/* Próximas proyecciones */
.proxproyecciones, .proxproyecciones ul {margin-top:5px;}
.proxproyecciones p {color:#8dc159;margin-top:2px;font-size:11px;font-weight:bold;}
.proxproyecciones ul.proxproyizq li.nomas {color:#ccc;font-size:10px;font-weight:normal;}
.proxproyecciones ul.proxproyizq li {min-height:80px;padding-left:0;clear:both;}
.proxproyecciones ul.proxproyizq img {width:75px;height:75px;border:1px solid white;}
.proxproyecciones ul li, #prog-peliculas ul li {list-style:none;border-bottom:1px dotted #666;padding:5px;color:#999;font-size:11px;}
.proxproyecciones ul li img, #prog-peliculas ul li img {float:left;margin-right:5px;}
.proxproyecciones ul li p.titulo, #prog-peliculas ul li p.titulo {color:#bbb;font-size:12px;margin-bottom:2px;margin-top:0;font-weight:normal;}
.proxproyecciones ul li a.proxproyizq, #prog-peliculas ul li a.proxproyizq, span.pelihora {display:block;font-size:10px;padding-left:100px;}
a.verficha {color:#8dc159;background:url(icono-flecha.png) left no-repeat;background-position:83px 2px;height:14px;}
a.pelidia {color:#ccc;background:url(icono-cal.png) left no-repeat;background-position:80px 0px;height:15px;}
span.pelihora {color:#ccc;background:url(icono-hora.png) left no-repeat;background-position:79px 0px;height:16px;margin-bottom:10px}
#hoy-es {color:#666;}
#cartelera-dia {color:#8dc159;font-size:15px;font-weight:normal;}
#cartelera-mes {color:#fff;font-size:15px;font-weight:normal;}

/* Derecha */
.jaraderecha img {width:66px;height:36px;border:1px solid #fff;}
#derecha {background:url(bkg-lateral.png) top left no-repeat;float:right;width:201px;height:560px;}
#derecha h2 {border-bottom:1px solid #666;}
.festivalesder {/*height:120px;*/}
.seccionder {margin:0 0 20px 10px;color:#ddd;}
.seccionder img {float:left;margin-right:10px;margin-top:3px;}
.seccionder img.festivalfoto {width:67px;height:86px;}
.seccionder p {margin-bottom:5px;}
.seccionder ul li {list-style:none;display:block;margin-bottom:5px;}
.seccionder a {color:#8dc159;font-size:12px;display:block;}
.seccionder a.festival {display:block;font-size:10px;text-decoration:none;padding-left:95px;}
.seccionder a.pelidia {color:#ccc;margin-top:5px;background-position:75px 0;}
.seccionder a.verficha {background-position:77px 2px;}
#otrosfestivales {margin-bottom:5px;}
#otrosfestivales ul li {border-bottom:1px dotted #666;padding-bottom:5px;width:100%;margin-bottom:7px;}
#otrosfestivales ul li span {color:#8dc159;float:left;display:block;height:25px;margin-right:5px;}
#otrosfestivales h3 {color:#8dc159;border-top:1px solid #666;padding-top:5px;font-weight:normal;margin-bottom:10px;}
a.vertodosfestivales {display:block;background:url('otrosfestivales.png') no-repeat center;height:27px;text-align:center;padding-top:7px;color:#ddd;margin-top:15px;}
#rss {width:155px;height:119px;background:url('bkg-rss.png') no-repeat;margin-left:1px;color:#8d5505;}
#rss p {padding:35px 0 0 10px;}
#rss img {float:right;margin:19px 11px 2px 2px;}
#rss a {display:block;width:75px;height:20px;background:url('boton-rss.png') no-repeat;color:#fff;margin:auto;text-align:center;padding-top:5px;margin-top:5px;}

/* centro */
/* cartelera - carousel */
#centro {width:577px;margin:auto;background:#353535 top center repeat-x;padding:5px 10px 10px 10px;
 min-height:585px;
  height:auto !important;
  height:585px;text-align:justify}
#centro h3 {text-align:left}
#cartelera {height:180px;margin:auto;background:url(bkg-cartelera-out.png) top center no-repeat;padding:7px;margin-bottom:20px;}
#cartelera .barra-cartelera {display:block;height:180px;width:15px;float:left;}
#cartelera .barraizq {margin:1px 1px 0 0;cursor:pointer;}
#cartelera .barrader {margin:1px 5px 0 1px;cursor:pointer;}
#cartelera .pelicula {float:left;margin:2px;position:relative;}
#cartelera .pelicula img {width:177px;height:177px;}
#cartelera .pelicula .infopeli {position:absolute;bottom:0;left:0;width:100%;background:url('bkg-cartelera-in.png') no-repeat;height:48px;}
#cartelera .pelicula .infopeli a {text-decoration:none}
#cartelera .pelicula .infopeli a:hover {text-decoration:underline}
#cartelera .pelicula .infopeli .peli-nombre {color:#8dc159;margin:5px 0 0 5px;font-weight:bold;}
#cartelera .pelicula .infopeli .peli-fecha {color:#fff;margin:2px 0 0 5px;}
#cartelera .pelicula .infopeli .peli-lugar {color:#fff;font-weight:bold;margin:2px 0 0 5px;}
#next-arrow, #prev-arrow {}
.carousel-component {float:left;overflow:hidden;visibility:visible;position:relative;}
.carousel-component .carousel-clip-region {overflow:hidden;margin:0px;width:362px;}
.carousel-component ul.carousel-list {width:10000000px;position:relative;z-index:1;}
.carousel-component .carousel-list li {float:left;list-style:none;overflow:hidden;}
.carousel-component .carousel-vertical li {float:none;margin-bottom:0px;}
.carousel-component ul.carousel-vertical {width:auto;}
a.linkpelicula, a.linkpelicula:visited {color:#8dc159;}
a.linkproxproy{color:#999;}
a.linkproxproy:hover, a.linkpelicula {text-decoration:underline;}
/* portada - contenido */
#contenido {margin:5px 5px 0 5px;}
#contenido p {color:#eee;}
#contenido #noticias {color:#ccc;margin-top:10px;}
#contenido #noticias .noticia {margin-top:15px; min-height:72px;}
#contenido #noticias .noticia h3 a, #contenido #noticias .noticia h3 a.visited, #contenido #ayudasindex a {color:#8dc159;}
#contenido #noticias .noticia img {float:left;margin-right:7px;width:70px;height:70px;border:1px solid white;}
#contenido #noticias .noticia a.noticia-mas {background:url(mas.png) no-repeat;width:29px;height:11px;float:right;margin-top:3px;}
#contenido #noticias .noticia a.noticia-mas span {display:none;}
#contenido #noticias ul#ult-noticias {margin-top:35px;border-top:1px dotted #666;}
#contenido #noticias ul#ult-noticias li {border-bottom:1px dotted #666;color:#999;width:100%;padding-top:5px;padding-bottom:5px;position:relative;}
#contenido #noticias ul#ult-noticias li a, #contenido #noticias ul#ult-noticias li a:visited {color:#999;}
#contenido #noticias ul#ult-noticias li span.ultnoticias-fecha {color:#ccc;float:right;margin-left:10px;}
#contenido #ayudasindex {width:180px;float:right;color:#ccc;}
#contenido #ayudasindex p {text-align:left}
/* ver noticia */
.cuerpo-noticia {color:#fff;margin-top:15px;text-align:justify;text-indent:15px;}
.foto-noticia {float:right;margin:15px 0 5px 20px;width:150px;border:1px solid white;}
.datos-noticia {color:#999}
.noticiasindex {width:375px;}
.noticiastodo {width:560px;margin-bottom:40px;}
/* programacion */
#prog-peliculas {float:left;margin-top:20px;width:360px;}
#prog-peliculas ul li p.titulo {font-size:14px;color:#8dc159;}
#prog-peliculas ul li p.titulo a {color:#8dc159;}
#prog-peliculas ul li a.proxproyizq, #prog-peliculas ul li span.pelihora {display:block;font-size:10px;padding-left:120px;}
#prog-peliculas ul li a.verficha {background-position:101px 2px;}
#prog-peliculas ul li a.pelidia {background-position:98px 0px;}
#prog-peliculas ul li a.pelihora, #prog-peliculas ul li span.pelihora {background-position:97px 0px;margin-bottom:2px;}
#prog-peliculas ul img {height:90px;width:90px;border:1px solid white;}
.masinfo {font-size:10px;color:#fff;margin-bottom:4px; font-family:Arial, Helvetica, sans-serif;}
#prog-ciclos {margin:20px 0 0 375px;}
#prog-ciclos a {display:block;background-position:0px 0px;padding-left:18px;}
#prog-ciclos a.verficha {background-position:2px;}
#prog-ciclos p {color:#eee;margin-bottom:20px; text-align:justify;}
.pdf a {color:#dbe9bf;}
.pdf img {border:0;}
/* ficha de pelicula */
.ficha-pelicula {text-align:justify}
.ficha-pelicula p strong {color:#8dc159;display:block;margin-top:10px;}
.ficha-pelicula .fotoficha {float:right;width:180px;height:180px;margin-left:15px;border:1px solid white;}
/* ficha de ciclo */
.ficha-ciclo {margin:20px 0 0 20px;text-align:justify}
.ficha-ciclo .fotoficha {float:left;margin-right:10px;width:120px;height:120px;border:1px solid white;}
.ficha-ciclo #prog-peliculas, #jaras, #jaracortos {margin-left:20px;margin-bottom:30px;}
.duracion {margin-bottom:5px;}
.duracion span {color:#8dc159;}
/* jara */
.jara img {float:left;border:1px solid white;margin-right:10px;}
.jara p {margin-bottom:10px;}
#contenido p.jaraverde {color:#dbe9bf;}
#jaras #prog-peliculas a.verjara {margin:10px 0 5px 0;}
#jaras #prog-peliculas, #jaracortos #prog-peliculas {width:520px;}
#jaras #prog-peliculas ul img {width:115px;height:62px;}
#jaras #prog-peliculas ul li {height:65px}
#jaras #prog-peliculas ul li a.proxproyizq {padding-left:135px;}
#jaras #prog-peliculas ul li a.verficha {background-position:122px 1px;}
#jaracortos p {margin-bottom:4px;}
#jaracortos #prog-peliculas ul li {height:95px;}
/* festivales */
#contenido .festival {margin:20px 0 10px 0;border-bottom:1px dotted #666;padding-bottom:5px;}
#contenido .festival p {margin-bottom:2px;}
#contenido .festival p.nombre {color:#8dc159;font-size:14px;}
#contenido .festival img {float:left;margin-right:10px;width:67px;height:86px;}
#contenido .festival span {color:#8dc159;}
#contenido .festival a.web {color:#dbe9bf;margin-bottom:5px;display:block;}
/* carteles */
.carteles div {width:125px;float:left;margin-left:12px; margin-bottom:20px;}
.carteles p {margin-bottom:20px;}
.carteles div img {width:125px;height:178px;border:1px solid white;}
.carteles div p, .carteles div a {color:#8dc159;text-align:center;margin-top:3px;margin-bottom:0;}
/* investigacion y archivo */
.texto p {margin:0 0 10px 10px;}
.texto ul {margin-left:30px;margin-top:20px;}
.texto ul li {list-style-position:inside;margin-bottom:15px;color:#8dc159;}
.texto ul li span {color:#8dc159;font-weight:bold;}
.texto ul li p {margin:0;margin-left:15px;font-weight:normal;}
.texto a {color:#8dc159;}
.patrimonio ul li {margin-bottom:5px; color:#fff;}
.formacion ul li, .objetivos ul li {color:#fff;}
.patrimonio ul, .formacion ul {margin-bottom:20px;}
.texto img {float:left;border:1px solid #fff;margin-right:10px;}
/* instalaciones */
.instalaciones ul li {color:#eee;list-style:none;padding-top:10px;}
.instalaciones img {margin-top:3px;}
/* empresas audiovisuales */
.empresas p {margin:0;}
.empresas div {margin:10px 10px 20px 10px;}
.empresas a {color:#8dc159;}
.empresas p.nombre {font-weight:bold;}
/* mapas */
.mapcontainer {/*width:185px;*/height:300px;float:left;}
.mapcontainer img {margin-bottom:0;float:left;}
.mapcontainercc, .mapcontainerba {margin-right:5px;margin-left:10px;}
.mapcontainer p {margin:0;text-align:left;}
#map {height:200px;width:410px;margin-bottom:30px;margin-left:10px;}
#mapcc, #mapba, #mapme {height:200px;/*width:185px;*/width:268px;margin-bottom:10px;}
#sedemap {width:139px;float:right;}
#sedemap img {margin:0;}
#sedemap p {text-align:left;margin:0;}
/* busqueda */
h3.h3busqueda {border-bottom:1px solid #dbe9bf;color:#dbe9bf; margin-top:30px;}
.resubusqueda ul {margin-top:10px;}
.resubusqueda ul li {color:#dbe9bf}
.resubusqueda ul li ul {margin:3px 0 0 20px;}
.resubusqueda ul li ul li {margin:2px;}
/* hojas de publico */
.buscarhojapublico {color:#fff;margin:20px 0 20px 30px;}
.buscarhojapublico input.text {width:150px;}
#contenido p.resulthojas {margin-top:40px;font-weight:bold;color:#8dc159;}
/* logotipos */
.logotipos li {height:46px;border-bottom:1px dotted #999;position:relative;list-style:none;font-size:12px;}
.logotipos li img {float:left;vertical-align:middle;}
.logotipos li a {display:block;background:url('icono-flecha.png') no-repeat;margin:7px 0 0 73px;padding-left:12px;font-size:10px}
.texto ul.logotipos li span {color:#fff;font-weight:normal}
/* indices */
.indices {position:relative;}
.indices .indexcabecera {height:170px}
.indices hr {clear:none;visibility:visible;background-color:#8dc159;border:0;height:3px;/*margin-top:130px;*/}
.indices ul li {color:#eee;list-style:none;}
.indices ul li p {margin-bottom:2px}
.indices ul li a {background:url('icono-flecha.png') 0px 3px no-repeat;padding-left:15px;margin-left:-15px;font-size:12px;}
/* contacto */
.contacto form {margin-bottom:40px}
.contacto form label {float:left;width:120px;text-align:right;margin-right:5px;}
.contacto form input {width:380px;font-size:10px;font-family:inherit;padding:2px;}
.contacto form input.enviar {width:70px;}
.contacto form textarea {width:380px;height:80px;font-size:10px;font-family:inherit;padding:2px;}
#contenido p.dircontacto {font-weight:bold;font-size:12px;color:#8dc159}
/* otros */
ul.listaverde li {color:#8dc159}

/* PIE */
#pie {background:url(bkg-pie.png) #fff repeat-x;height:175px;text-align:center;padding-top:15px;padding-bottom:20px;color:#666;clear:both;}
#piemenu {margin:auto;position:relative;width:500px;height:130px;}
#pie #piemenu ul {float:left;border-left:1px dotted #ccc;width:95px;}
#pie #piemenu ul li {list-style:none;text-align:left;margin:0 0 6px 5px;}
#pie #piemenu ul li.piemenu-title {color:#8dc159;font-weight:bold;font-size:11px;margin-bottom:10px;}
#pie ul#webinfo {display:inline;float:none;}
#pie ul#webinfo li {display:inline;border-left:1px solid #666;padding-left:5px;}
#pie a {color:#666;}