/* 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: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:15px; color:#444; background:#fff; }
a {}
a:hover { text-decoration:underline !important; }
img { border:0; }
p { line-height:21px; margin:8px 0;  }


/* layout */
#container { margin:0 auto; width:960px; }
#main {  }
.colizq { width:685px; padding:10px 0px 0px 0px; float:left; }
/* * html .colizq { width:497px; height:850px; } */
.colder { width:240px; padding:0px; float:right; display:inline; margin-top:12px; }
.colder iframe { height:3500px !important;}

/* 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:"futura-pt", Arial, Helvetica, sans-serif;  font-weight:300; font-size:21px; height:42px; margin-top:10px; text-transform:uppercase; margin-top:40px; color:#444; }
#foot #navbar a {  color:#444; text-decoration:none;}
#foot #navbar a:hover {  color:#ae8b01; text-decoration:none !important;}
#foot #dir { color:#bbb; font-size:14px; }
#foot #dir a { color:#ddd; }

/* HEADERS */
/* futura for all headers */
h1, h2, h3, h4 { font-family:"futura-pt", Helvetica,  Helvetica, sans-serif }
h1 { font-weight:bold; font-size:30px; color:#333; }
h1  a, h1  a:hover {text-decoration: none !important;}

h2 {  color:#333; font-size:30px; font-weight: bold;} 
h3 {  font-size:26px; color:#bb3333; text-transform: uppercase; margin:20px 0px 10px}
h4, h4 a {  font-size:36px; font-weight:300; text-transform:uppercase; color:#4a7b62 !important; margin:3px 0; text-decoration: none; line-height: 30px;} 
h4 a:hover { color:#222 !important; text-decoration: none !important; }
h5 {  font-size:20px; font-weight:300; text-transform:uppercase; color:#444 !important; margin:3px 0; text-decoration: none; line-height: 20px; margin-bottom: 10px;} 

.info { font-family: "ff-meta-serif-web-pro", Georgia, Times, serif; font-size: 16px;
color: #555;
font-style: italic;}

iframe#menu { height:265px !important}
.colizq iframe {margin:20px 0px;}

/* especial para calendario, una sola columna */
body.calendario #main { background:none; background-color:white;  }
body.calendario .colizq { width:960px; 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:20px 0px 30px; clear:right; }
.pelicula img { display:inline; margin:0px 5px 20px 25px; float:right;  }

.pelicula ul { margin:5px 0; padding:0; }
.pelicula li { list-style-type:none; padding:0; margin:9px 0; }
.pelicula p {text-align: justify;}
.pelicula p a {font-weight:bold; margin-left: 7px;}

.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:#222; }

/* CALENDARIO */

#tabla tr.titulos { font-size:15px;  text-align:center;  } 
#tabla tr.titulos a { color:#663022; text-decoration: none;  line-height:17px;}
#tabla p { margin:4px 0px;}
#tabla { font-size:14px; }
#tabla a {  } 
#tabla a:hover {  text-decoration:underline; color:black;}
#tabla td { vertical-align:top; }
#tabla td.fechas { color:#002C01; font-size:15px; text-align:center;}

/* INFORMACIÓN EN SALAS */

#ciclo { padding-bottom:10px; }
#ciclo p { margin:15px 0px; padding:20px; background-color: #f2f2f2;  }
#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; }