@import url(http://fonts.googleapis.com/css?family=Lobster);
@import url(http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:200,300,400);
/* CLEAN UP */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit; list-style-type:none;}

/* global */
body { margin:0; padding:0; font-family: "Arial", Arial, Times, serif; font-size:13px; color:#666; background:#fff; }
a { text-decoration:none; }
a:hover { text-decoration:underline !important; }
img { border:0; }
p { line-height:17px; margin:3px 0; font-family:Arial, Helvetica, sans-serif; }


/* layout */
#container { margin:0 auto; width:960px; }
#main {  }
.colizq { width:640px; padding:10px 0px 0px 30px; float:left; }
/* * html .colizq { width:497px; height:850px; } */
.colder { width:225px; padding:8px; float:right; display:inline; margin-top:12px; }

/* footer */
#foot { text-align:center; background:url(Images/footer-bg.jpg) repeat-x left bottom; padding:5px; color:white; clear:both; }
#foot #navbar { text-align:Center; font-family:'Yanone Kaffeesatz', Arial, Helvetica, sans-serif;  font-weight:300; font-size:23px; height:50px; margin-top:10px; text-transform:uppercase; margin-top:40px; color:#8c8c8c; }
#foot #navbar a { padding:5px; color:#8c8c8c; text-decoration:none;}
#foot #navbar a:hover {  color:#ae8b01; text-decoration:none !important;}
#foot #dir { color:#adadad; font-size:11px; margin-bottom:5px;}
#foot #dir a { color:#ddd;}

/* HEADERS */
h1 { font-family:'Yanone Kaffeesatz', Arial, Helvetica, sans-serif !important; font-size:36px;font-weight:400; color:#333; word-spacing:2px; }
h2 { font-family:'Lobster', "Times New Roman", Times, serif; color:#d5b433; font-size:26px;} 
h3 {  font-family:'Yanone Kaffeesatz', Arial, Helvetica, sans-serif !important; font-weight:300; font-size:20px; color:#696969; word-spacing:2px;}
h4, h4 a { font-family:'Yanone Kaffeesatz', Arial, Helvetica, sans-serif !important; font-size:28px; color:#4a7b62 !important; margin:3px 0; } 

/* especial para calendario, una sola columna */
body.calendario #main { background:none; background-color:white;  }
body.calendario .colizq { width:926px; background:none; padding:10px;}
body.calendario p a { font-weight:bold; }
body.internas .colizq h4 a:hover { color:#49180B }
body.internas .colizq ul li { padding:0 0 0 15px; list-style-type:none;  background:url(Images/bullet.gif) no-repeat 2px 7px; padding-bottom:10px;}

/* columna izquierda */
.colizq a { color:#585858;  }
.colizq a:hover { color:black; text-decoration:none;}

.alert { margin:0 0 10px 0; padding:5px; border:2px solid #DDD;} 

.pelicula { margin:0px 0px 20px; clear:right; }
.pelicula img { display:inline; margin:10px 5px 25px 25px; float:right; padding:2px; border:1px solid #ccc; }
.pelicula a:hover img  { border:1px solid #666; }
.pelicula ul { margin:5px 0; padding:0; }
.pelicula li { list-style-type:none; padding:0; margin:9px 0; }

.colizq ul { margin:15px 0 15px 10px; padding:0; }
.colizq li { padding:0; margin:0; }

#intro { padding:5px 0px; margin:5px 0px;}

.colizq #otrosciclos h3 { color:#002C01; }
.colizq #otrosciclos .pelicula { margin:10px 5px 15px; clear:left;}
.colizq #otrosciclos .pelicula img { display:inline; margin:5px 10px 5px 5px; float:left; padding:2px; border:1px solid #BA8250; }
.colizq #otrosciclos .pelicula a:hover img  { border:1px solid #724216; }
.colizq #otrosciclos .pelicula h4 { background:none; margin:5px 0; padding:5px 0 0px; font-family:Georgia, Times, serif; font-size:16px; font-weight:bold;}
.colizq #otrosciclos .pelicula h4 a { color:#002C01;  }
.colizq #otrosciclos .pelicula h4 a:hover { color:#1D481E; }

/* CALENDARIO */

#tabla tr.titulos { font-size:11px; font-weight:bold; text-align:center; font-family:Georgia, "Times New Roman", Times, serif; } 
#tabla tr.titulos a { color:#663022; }
#tabla { font-size:14px; }
#tabla a { font-weight:bold; } 
#tabla a:hover { font-weight:bold; text-decoration:underline; color:black;}
#tabla td { vertical-align:top; }
#tabla td.fechas { color:#002C01; font-family:Georgia, "Times New Roman", Times, serif; vertical-align:middle; font-size:11px; font-weight:bold; text-align:center;}

/* INFORMACIÓN EN SALAS */

#ciclo { padding-bottom:10px; }
#ciclo p { padding:5px 10px; border:1px solid #D9DACD; }
#ciclo p a { font-weight:bold; }
#ciclo .pelicula { margin:18px 0; padding:0 5px;    }
#ciclo .pelicula p { border:none; padding:5px 0 15px; margin:0;}
#ciclo .pelicula .fechas { color:#002C01; font-weight:bold; font-family:Arial, Helvetica, sans-serif;; }
#ciclo .pelicula .info { color:#9c9c9c; line-height:17px; } 

/* FORMULARIO */

#tablaform { padding:15px; font-size:13px; border:1px solid #DFDFDF;}
#tablaform input { font-size:13px; font-family:Arial, Helvetica, sans-serif; }

/* BIBLIOTECA */

.imgdestacada { margin:15px; padding:2px; border:1px solid #BA8250; }

/* CINEMATECA PLUS! */

.plus-lugar { margin:10px; border-bottom:1px dashed #DADBCE;   }
.plus-lugar h3 { margin:5px 0px 0px; color:#663022; padding:0px; }
.plus-lugar .subtit { color:#663022; margin:0; padding:0;}
.plus-lugar .plus-evento { margin-top:10px; }
.plus-lugar .plus-evento .subtit { margin:0 10px 10px; }
.plus-lugar .plus-evento ul { margin:5px 5px 5px 30px; padding:0; }
.plus-lugar .plus-evento li { margin:5px 0; }