/*
Theme Name: TERNIUM
Theme URI: http://festivaldecine.com.mx/2010/
Description: Template made exclusively for TERNIUM, intended to be used to promote the FESTIVAL DE CINE LATINOAMERICANO 2010 event
Author: Restate Media
Author URI: http://restatemedia.com/
Tags: none

--Estilo para Festival de Cine Ternium-------------------
--última actualización: MIERCOLES 31, marzo 2010

'Despojad al Hombre de todo lo demás, y sólo quedará el estilo.' -Teo Van Doesburg

---------------------------*/





/*--@Reset-------------------*/
body, h1, h2, h3, h4, h5, h6, blockquote, p, ol, ul, li, img, span, a, *  {padding:0; margin:0; border:none;}
ul li {border:none; padding:0; margin:0;}



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

body {background-color: #000; font-family:Arial, Helvetica, sans-serif; background-image:url(imgs/back.jpg); background-position:top center; background-repeat:no-repeat;}
h1 { font-size:18px; color:#FFF; padding:10px;}
h2 {height:40px; font-size:16px; margin:10px 0px 0px 0px;}
h3 {font-size:14px;}
p {font-size:10px; color:#666;}
li {padding:0px; margin:0px;}

/*--@Links-------------------*/
a, a:active, a:link, a:visited {color:#dd711b; text-decoration: none;}
a:hover {color:#dd711b; text-decoration: underline;}

/*--@Layout-------------------*/

#content { width:960px; position:relative; left:50%; margin-left:-480px;}

.columnados {width:140px; float:left; padding:10px;}
.columnatres {width:220px; float:left; padding:10px;}
.columnacuatro {width:280px; float:left; padding:10px;}
.columnaseis {width:460px; float:left; padding:10px;}
.columnaocho {width:700px; float:left; padding:10px; position:relative;}

#head {width:960px; height:100px;}
#foot {width:940px; border-top:1px solid #333; text-align:center; clear:both; margin:20px 10px 0 10px;}

.title-cartelera {text-indent:-9999px; background: url(imgs/title-cartelera.jpg) no-repeat left center; background-color:#222;}
.title-contacto {text-indent:-9999px; background: url(imgs/title-contacto.jpg) no-repeat left center; background-color:#222;}
.title-flickr {text-indent:-9999px; background: url(imgs/title-flickr.jpg) no-repeat left center; background-color:#222;}
.title-twit {text-indent:-9999px; background: url(imgs/title-twit.jpg) no-repeat left center; background-color:#222;}
.title-festival {text-indent:-9999px; background: url(imgs/title-festival.jpg) no-repeat left center; background-color:#222;}
.title-redes {text-indent:-9999px; background: url(imgs/title-redes.jpg) no-repeat left center; background-color:#222; position:relative;}
.title-noticias {text-indent:-9999px; background: url(imgs/title-noticias.jpg) no-repeat left center; background-color:#222; clear:right;}
.title-peliculas {text-indent:-9999px; background: url(imgs/title-peliculas.jpg) no-repeat left center; background-color:#222; width:940px; margin:0px 10px 0px 10px;}
.title-pelicula {text-indent:-9999px; background: url(imgs/peliculas/title-pelicula.jpg) no-repeat left center; background-color:#222;}
.title-mas-peliculas {text-indent:-9999px; background: url(imgs/title-mas-peliculas.jpg) no-repeat left center; background-color:#222; border-bottom:1px solid #111;}
.title-ficha {text-indent:-9999px; background: url(imgs/title-ficha.jpg) no-repeat left center; background-color:#222; border-bottom:1px solid #111;}
.title-trailer {text-indent:-9999px; background: url(imgs/title-trailer.jpg) no-repeat left center; background-color:#222;}
.title-imagenes {text-indent:-9999px; background: url(imgs/title-imagenes.jpg) no-repeat left center; background-color:#222;}
.title-sinopsis {text-indent:-9999px; background: url(imgs/title-sinopsis.jpg) no-repeat left center; background-color:#222; border-bottom:1px solid #111;}
.title-horarios {text-indent:-9999px; background: url(imgs/title-horarios.jpg) no-repeat left center; background-color:#222; border-bottom:1px solid #111;}
.title-festival {text-indent:-9999px; background: url(imgs/festival/titulo.jpg) no-repeat left center; background-color:#222;}
.title-submenu {text-indent:-9999px; background: url(imgs/title-submenu.jpg) no-repeat left center; background-color:#222; border-bottom:1px solid #111;}
.title-archivo {text-indent:-9999px; background: url(imgs/title-archivo.jpg) no-repeat left center; background-color:#222; border-bottom:1px solid #111;}
.title-sede {text-indent:-9999px; background: url(imgs/cartelera/title-sede.jpg) no-repeat left center; background-color:#222;}
.title-organizadores {text-indent:-9999px; background: url(imgs/festival/title-organizadores.jpg) no-repeat left center; background-color:#222;}
.title-2008 {text-indent:-9999px; background: url(imgs/festival/title-2008.jpg) no-repeat left center; background-color:#222;}
.title-2009 {text-indent:-9999px; background: url(imgs/festival/title-2009.jpg) no-repeat left center; background-color:#222;}
.title-prensa {text-indent:-9999px; background: url(imgs/title-prensa.jpg) no-repeat left center; background-color:#222;}


.submenu { position:relative; background-color:#222; padding:0px 10px 10px 10px; overflow:hidden;}
.submenu img { vertical-align: baseline;}
.submenu a { text-decoration:none; color:#fff;}
.submenu a:hover { color:#CCC;}
.submenu h3 { padding:10px 0px 10px 0px; color:#FFF;}
.submenu span{ padding:0px 0px 10px 0px; color:#fff;}
.submenu ul { padding:10px 0px 0px 0px; border-bottom:1px solid #333;}
.submenu ul li { list-style:none; color:#CCC; font-size:11px; color:#fff; padding:5px 0px 5px 0px; border-top: 1px solid #333;}
.submenu ul li.activo { color:#dd711b;}
.submenu ul li ul { padding:0px;}
.submenu ul li ul li { color:#FFF; font-weight:bold; list-style-type: circle; list-style-position:inside;}
.submenu span { color:#FFF; font-weight:bold;}




/*--@Menu-------------------*/

#logo { width:351px; height:100px; background:url(imgs/logo.png); text-indent:-9999px; float:left;}
#menu { float:right; border-bottom:1px solid #000; border-left:1px solid #000; width:402px;}
#menu ul { margin:0; padding:0px; list-style:none; background-color:#222; height:30px;}
#menu ul li { float:left; display:inline;}
#menu ul li a {color:#FFF; font-size:10px; text-decoration:none; display:block; text-indent:-9999px; position:relative;}
#menu ul li a:hover {}

#menu ul li a.navhome { width:49px; height:30px; background:url(imgs/nav/nav-home.jpg) no-repeat left center;}
#menu ul li a.navhome:hover {background:url(imgs/nav/nav-home.jpg) no-repeat right center;}
#menu ul li a.navfest { width:68px; height:30px; background:url(imgs/nav/nav-festival.jpg) no-repeat left center;}
#menu ul li a.navfest:hover {background:url(imgs/nav/nav-festival.jpg) no-repeat right center;}
#menu ul li a.navpeliculas { width:75px; height:30px; background:url(imgs/nav/nav-peliculas.jpg) no-repeat left center;}
#menu ul li a.navpeliculas:hover {background:url(imgs/nav/nav-peliculas.jpg) no-repeat right center;}
#menu ul li a.navcartelera { width:74px; height:30px; background:url(imgs/nav/nav-cartelera.jpg) no-repeat left center;}
#menu ul li a.navcartelera:hover {background:url(imgs/nav/nav-cartelera.jpg) no-repeat right center;}
#menu ul li a.navnoticias { width:67px; height:30px; background:url(imgs/nav/nav-noticias.jpg) no-repeat left center;}
#menu ul li a.navnoticias:hover {background:url(imgs/nav/nav-noticias.jpg) no-repeat right center;}
#menu ul li a.navcontacto { width:69px; height:30px; background:url(imgs/nav/nav-contacto.jpg) no-repeat left center;}
#menu ul li a.navcontacto:hover {background:url(imgs/nav/nav-contacto.jpg) no-repeat right center;}


/*--@Home-------------------*/

#flickr { text-align:left;}
#flickr img {border-top:2px #e46f07 solid; margin:0px 0.8px 0px 0.8px; width:75px; height: 75px;}

#pajaro { position:relative;}
ul#twitter_update_list { margin-top:30px; overflow:hidden;}
ul#twitter_update_list li { color:#CCC; list-style:none; font-size:10px; text-align:left; margin-bottom:8px; border-top:1px solid #333; padding: 5px 0;}
ul#twitter_update_list lip { width: 380px; float:right;}
ul#twitter_update_list lia {text-decoration:none; color:#dd711b;}

#pajaro .redes { position:absolute; top:28px; right:0px; cursor:pointer; }
#pajaro ul.redes li { display:inline; list-style:none; padding:5px;}
#pajaro ul.redes li a { position:relative;}
#pajaro ul.redes li a:hover {bottom:0px;}

#highlights a img { margin:0px 0px 10px 0px;}

#lasredes {position:relative;}
.redes { position:absolute; top:11px; right:0px; cursor:pointer; }
ul.redes li { display:inline; list-style:none; padding:6px;}
ul.redes li a { position:relative;}
ul.redes li a:hover { }

#rssfeed {position:relative; right:-100px; top:-10px;}
#rssfeed a {padding:5px;}

#lasnoticias {position:relative;}
.nota_home { margin-bottom:10px;}
.noticia { background-color:#222; padding:0px 0px 10px 0px;}
.noticia a { text-decoration:none; color:#eb298e;}
.noticia a:hover {}
.noticia a img {}
.noticia h3 {padding:10px 10px 10px 10px;}
.noticia p { padding:0px 10px 10px 10px; color:#666;}
.noticia span { color:#FFF; font-size:10px; padding:0px 10px 10px 10px;}

.noticia-sola { background-color:#222; padding: 0px 0px 10px 0px; overflow:hidden; margin-top:10px; width:700px;}
.noticia-sola h3 {padding:10px 10px 0px 10px; color:#fff; margin-bottom: -10px;}
.noticia-sola h3 .fecha {float:right;}
.noticia-sola a { text-decoration:none; color:#eb298e;}
.noticia-sola p { padding:10px; color:#666; font-size:12px; line-height:17px;}
.noticia-sola span { color:#FFF; font-size:10px; padding:0px 10px 10px 0px;}
.noticia-sola img {margin-left:-10px; margin-bottom:10px;}
.noticia-sola .otras-noticias {color:#FFF; font-size:10px; padding:0px 10px 10px 10px; clear:both; width:680px;}
.noticia-sola .otras-noticias .prev-post { float:left;}
.noticia-sola .otras-noticias .next-post { float:right;}


#lasnoticias-archivadas { overflow:hidden;}
.noticia-archivo { background-color:#222; padding:0px; float:left; overflow:hidden; width:700px;}
.noticia-archivo .imagen-noticia { width:460px; float:left; padding:0px 10px 0px 0px;}
.noticia-archivo .texto { width:220px; float:right; padding:0px 10px 0px 0px;}
.noticia-archivo .texto a { text-decoration:none; color:#eb298e;}
.noticia-archivo .texto h3 {padding:10px 10px 10px 10px;}
.noticia-archivo .texto p { padding:0px 10px 10px 10px; color:#666;}
.noticia-archivo .texto span { color:#FFF; font-size:10px; padding:0px 10px 10px 10px;} 

#sponsors {clear:both;}
#sponsors ul{ list-style-type:none;}
#sponsors ul li {padding:0px; margin:0px 6px 0px 6px; display:inline;}

#legal {text-align:center; background-color:#222; height:40px;}
#legal p { font-size:10px; color:#FFF; padding-top:13px;}

/*--@Adicionales-------------------*/

#fadeshow1 {padding:0px; width: 460px; height: 308px;}
#gallerylayer img {width: 460px; height: 308px;}

.clear { clear:both;}

.sharefb {float:left; width:50px; margin:0px 0px 0px 10px; padding:0px 5px 0px 0px;}


/*--@Peliculas----------------------*/

#indice-peliculas {width:960px; overflow: hidden;}
.pelicula { position:relative; width:300px; height:330px; float:left; background-color:#222; padding:0px 0px 10px 0px; margin:0px 10px 0px 10px; display:inline;}
.pelicula img { border:none; outline:none;}
.pelicula a {text-decoration:none; color:#eb298e;}
.pelicula a:hover {}
.pelicula h3 { padding:10px;}
.pelicula p{ padding:0px 10px 10px 10px; color:#666;}

.pais { position: absolute; top:212px; left:-10px;}
.frase { position: absolute; top:360px; left:-1px;}

.ficha-tecnica { position:relative; background-color:#222; padding:0px 10px 10px 10px;}
.ficha-tecnica img { vertical-align: baseline;}
.ficha-tecnica a { text-decoration:none; color:#eb298e;}
.ficha-tecnica a:hover {}
.ficha-tecnica h3 { padding:10px 0px 10px 0px; color:#FFF;}
.ficha-tecnica span{ padding:0px 0px 10px 0px; color:#fff;}
.ficha-tecnica ul { padding:10px 0px 10px 0px;}
.ficha-tecnica ul li { list-style:none; color:#CCC; font-size:10px; color:#666; padding:0px 0px 3px 0px;}
.ficha-tecnica ul li ul { padding:0px;}
.ficha-tecnica ul li ul li { color:#FFF; font-weight:bold; list-style-type: circle; list-style-position:inside;}
.ficha-tecnica span { color:#FFF; font-weight:bold;}

.mas-peliculas { position:relative; background-color:#222; padding:0px 10px 10px 10px; width:200px;}
.mas-peliculas a { text-decoration:none; color:#999;}
.mas-peliculas img {}
.mas-peliculas a:hover { color:#fff}
.mas-peliculas h3 { padding:10px 0px 10px 0px; color:#FFF;}
.mas-peliculas ul { padding:10px 0px 10px 20px;}
.mas-peliculas ul li { list-style:none; color:#fff; font-size:10px; padding:0px 0px 5px 0px; font-weight:bold;}
.mas-peliculas ul li span { position:absolute; left:10px;}

#sinopsis { position:relative; background-color:#222; padding:0px 10px 0px 10px; overflow:hidden; float:left; width:680px;}
#sinopsis img { margin-left:-10px; margin-right:10px; float:left;}
#sinopsis p {padding:10px; color:#666; font-size:20px; float:left; width:200px; line-height:24px; }
#sinopsis p + p {padding:10px; color:#999; font-size:10px; float:left; width:200px; line-height:12px;}
#sinopsis img + p { padding-right:10px; color:#666; text-indent:0em;}

#galeria {width:220px; float:left; padding:10px 0px 10px 10px;}
#galeria img { padding:0px; margin:0px;}

.trailer {width:460px; float:left; padding:10px 10px 10px 0px;}



/*--Festival----------------------*/


.textos-secciones { position:relative; background-color:#222; padding:0px 10px 0px 10px; overflow:hidden; float:left; width:680px;}
.textos-secciones span {font-weight:bold; color:#FFF;}
.textos-secciones img { margin-left:-10px; margin-right:10px; float:left;}
.textos-secciones p {padding:10px; color:#666; font-size:20px; float:left; width:200px; line-height:24px; }
.textos-secciones p + p {padding:10px; color:#999; font-size:10px; float:left; width:200px; line-height:12px;}
.textos-secciones img + p { padding-right:10px; color:#666; text-indent:0em;}
.textos-secciones p.largo {width:420px; border-bottom:1px solid #333; font-style:inherit; float:left;}
.textos-secciones table + p {width:680px; padding:3px; line-height:12px;}

#organizadores { float: left;}
.organizador { background-color:#222; padding:0px; float:left; width:700px;}
.organizador .imagen-organizador { width:460px; float:left; padding:0px;  border-top:1px solid #333;}
.organizador .texto { width:220px; float:right; padding:0px 10px 0px 0px;}
.organizador .texto a { text-decoration:none; color:#eb298e;}
.organizador .texto h3 {padding:0px 0px 0px 0px; color:#FFF;}
.organizador .texto p { padding:10px 0px 0px 0px; color:#666;}
.organizador .texto span { color:#FFF; font-size:10px; padding:0px 10px 10px 10px;} 

#peliculas-viejas { float: left; padding-top:10px;  background-color:#222;}
.pelicula-vieja { padding:0px; float:left; width:700px; height:225px; border-top:1px solid #333;}
.pelicula-vieja .imagen-pelicula { width:300px; height:225px; float:left; margin:0px 10px 0px 0px;  border-top:1px solid #333;}
.pelicula-vieja .datos { width:380px; float:right; padding:0px 0px 0px 10px;}
.pelicula-vieja .datos h3 {padding:10px 0px 0px 0px; color:#FFF;}
.pelicula-vieja .datos p { padding:10px 0px 0px 0px; color:#666;}



/*--@Comentarios-------------------*/

#comentarios {width:700px; float:left; padding:0px; margin-top:10px;}
#comentarios h3 {color:#FFF};

#comentarios form {margin-top:10px;}
#comentarios input, textarea {width:350px; padding:2px 2px 2px 5px; margin-top:2px; background-color:#111; color:#CCC; font-size:10px; border:1px solid #222;}
#comentarios input#submit {width:100px; margin-top:2px; background-color:#333; color:#CCC; font-size:10px;}

.commentlist { margin: 0px;}
.commentlist ol {}
.commentlist li{margin: 10px 0px 10px 0px; padding:20px; background-color:#333; overflow:auto;}

.gravatar {width:32px; margin-right:10px; float:left;}

.info-comentario {float:right; width:550px;}
.commentmetadata {font-size: 10px; line-height: 12px; color:#999;}
.commentmetadata a { text-decoration:none; font-weight:bold;}

.texto-coment {font-size:12px; font-style:italic; color:#999; text-align:left; margin:10px 0px 0px 0px;}

/*--@Tablas-------------------*/

.area-tablas { position:relative; background-color:#222; padding:0px 10px 0px 10px; overflow:hidden; float:left; width:680px;}

table {font-size:9px; width:680px; border-collapse:collapse; border-bottom:1px solid #666; padding:0px 0px 10px 0px; margin-bottom:10px;}
table#cartelera_de_peliculas {}
table#cartelera_de_peliculas tr th, table#cartelera_de_peliculas tr td { padding:15px; border:1px solid #FFF;  text-align:left;}

table#cartelera_de_peliculas tbody tr td a { text-decoration:none; color: #000; font-weight:bold; font-size:11px;}
table#cartelera_de_peliculas tbody tr td a:hover {color: #999; text-decoration:none;}
table#cartelera_de_peliculas tbody tr td span { color: #666;}

th { background-color:#C39;}
caption { font-size:18px; font-weight:bold; color:#FFF; text-align:left; padding:10px 0px 10px 0px;}

col {}
col#domingo_25 {}

.celda_gris {background-color:#EEE;}
.celda_mas_gris { background-color:#DDD;}
.celda_naranja {background-color:#F90;}

.nota_pie { color:#FFF; font-style:italic; font-size:9px; margin-bottom:10px;}


table#proyecciones_alternas {}
table#proyecciones_alternas tbody tr td { padding:5px; text-align:left;}
table#proyecciones_alternas tbody tr td h2 { color:#C09;}
table#proyecciones_alternas tbody tr td ul { color:#FFF; list-style:none;}
table#proyecciones_alternas tbody tr td ul li {}
.sala { font-style:italic;}

table#proyecciones_alternas tbody tr td span { color:#F60; font-weight:bold;}




/*--@Prensa-------------------*/

.area-prensa { position:relative; background-color:#222; padding:0px 10px 0px 10px; overflow:hidden; float:left; width:680px;}

#ligas-prensa ul {padding:10px; float:left; width:600px; line-height:12px; list-style:none; font-size:11px; font-weight:bold;}
#ligas-prensa ul li { margin:0px 0px 5px 0px;}
#ligas-prensa ul li h3 { margin:5px 0px 10px 0px; color:#FFF;}
#ligas-prensa ul .audio{ background: url(imgs/festival/prensa-audio.png) no-repeat; padding-left:20px;}
#ligas-prensa ul .video { background: url(imgs/festival/prensa-video.png) no-repeat; padding-left:20px;}
#ligas-prensa ul .doc { background: url(imgs/festival/prensa-doc.png) no-repeat; padding-left:20px;}
.blanco { color:#DDD;}