/*
.headerbanner { display:block; margin: 10px auto; width: 480px}
Theme Name: La casa del Cine Mx 
Theme URI: https://lacasadelcine.mx/
Description: Somos un punto de encuentro incluyente y accesible ubicado en el corazón del Centro Histórico de la ciudad de México. Nuestro objetivo acercar a todo público nuestra pasión por la cine de calidad y nuestro interés por fomentar la formación entorno a los procesos cinematográficos. Haciendo de La casa del cine Mx un espacio de entretenimiento, aprendizaje y expresión al 
alcance de todos.
Version: 0.1
Author: Domovolcanico 
Author URI: https://www.domovolcanico.com
*/
@import url("reset.css");
@font-face{ font-family: "MontseRegular"; src:url("font/Montserrat-Regular.ttf");}
@font-face{ font-family: "MontseBold"; src:url("font/Montserrat-Bold.ttf");}

body,html { background: #fff; margin:0px auto; padding:0; font-family:MontsveRegular, arial, sans; font-size:12pt; color:#000;}

a{color:#000;text-decoration:none;}
p{font-size:10pt; line-height:14pt; margin: 5px 0 5px 0;}
h1{font-size: 14pt; font-weight:bold;font-family:MontseBold;}
h2{font-size: 18pt; font-weight:bold;font-family:MontseBold; padding: 2px 0 0 0;}
h3{font-size: 14pt; font-family:MontseBold;}

#wrap{width:1050px;  margin:0px auto;}

/*Header*/
#head{width:1050x; height:53px; margin: 10px 0 40px 0;} 
#headLogo{width:177px;height:53px;margin:0 40px 0 0;float:left;}
 



#headNav {width:735px; height:26px;float:left;margin:30px 0 0 0;}

#headNav ul li{ display:inline; font-family:MontseRegular;font-weight:bold; }
#headNav a{ text-decoration:none; font-size: 10pt; color:#999696; margin: 0 3px 0 0; padding:0 5px 0 5px; border-right:1px solid #ccc; }
#headNav a:hover{ text-decoration:none; font-size: 10pt; font-weight:bold; color:#000; margin: 0 3px 0 0; padding:0 5px 0 5px; border-right:1px solid #ccc; }

#redes{width:95px;height:26px; margin:25px 0 10px 0; float:left;  }
#redes li{display:inline;}
#redes ul{width:135px; height:26px; }
#redes a{height:26px; display:block;}

/* empiezan elementos individuales de redes */
#redes li a.navFB{width:26px;height:26px; background:url(images/redesFace.jpg)no-repeat; float: left;border-right:1px solid #ccc;}
#redes li a.navTwitter{width:26px;height:26px; background:url(images/redesTwitter.jpg)no-repeat;float:left; margin: 0 0 0 5px;border-right:1px solid #ccc; }
#redes li a.navInstagram{width:26px;height:26px; background:url(images/redesInstagram.jpg)no-repeat;float:left; margin: 0 0 0 5px; }


#container{width:1050px; margin:0px auto;}
#single{width:1050px; margin: 15px 0 15px 0;}
#single .post h2 {margin: 0 0 5px 0;}
#single .excerpt {margin: 0 0 15px 0;}
#single .entry p {margin: 15px 0 0 0;}

/*HOME*/
#tituloSlide{width:1050px;height:30px;margin:25px 0 0 0; background:url(images/backTituloSlide.jpg)no-repeat;}
#tituloSlide h2{font-family:MontseBold;  color:#000;}
#slideShow{width:1050 px; margin:10px 0 0 0; }

#homeMain {width:1050px; height:265px;margin:40px 0 60px 0; }

#homeMainLeft{width:500px; float:left;margin: 0 50px 0 0;}
#tituloTalleresHome{width:500px;height:30px;margin:-20px 0 0 0; background:url(images/backTituloTalleres.jpg)no-repeat;}
#tituloTalleresHome h2{font-family:MontseBold; color:#000;}
#talleresHome {width:500px;height:250px;}
#talleresHome .post{width:240px;float:left; margin:10px 0 0 10px; }
#talleresHome .post h3{font-size: 14px;margin: 7px 0 7px 0;}
#talleresHome .post p{font-size: 12px;}

#homeMainRight{width:500px; float:left;}
#homeMainTv {width:250px; margin: 0 0 0 0 ;float:left;}
#tituloTv{width:250px;height:30px; margin:-20px 0 0 0;background:url(images/backTituloTv.jpg)no-repeat;}
#tituloTv h2{font-family:MontseBold; color:#000;}
#tvHome {width:250px;height:250px;}
#tvHome .post h3{font-size: 12px;margin: 7px 15px 7px 0;}


#extrasHome{width:1050px; font-family:MontseRegular;}
#extrasHomeRight{Display: none; width:1050px; background-color:green;}
#extrasHomeTitulo{display:none; width:1050px;height:30px;margin: 20px 0 20px 0; background:url(images/backTituloGenerico.jpg)no-repeat;}
#extrasHome h2{ font-size:16px;color:#000;}
#extrasHome h3{ width: 240px; height:30px; font-size:12px;color:#000; margin: 0 0 5px 0;}
#extrasHome .post{width: 30%; float:left;   }



#mediaPartners {width:1050px; margin: 15px 0 20px 0;}
#mediaPartners .post{ float:left; margin: 0 9px 15px 0; }



/*Talleres*/
#tituloTalleres{width:1050px;height:30px;margin: 50px 0 0 0; background:url(images/backTituloTalleres.jpg)no-repeat;}
#tituloTalleres h2{color:#000;}
#topTalleres {width:1050px; margin: 20px 0 20px 0;}
#talleres {width:1050px;}
#talleres .post{width:350px;float:left;} 
#talleres .post p {width:320px;} 
#talleres .post h3 {font-size:15px;}

/*Cartelera*/
#tituloCartelera{width:1050px;height:30px;margin: 50px 0 0 0; background:url(images/backTituloSlide.jpg)no-repeat;}
#tituloCartelera h2{color:#000;}
#topCartelera {width:1050px; margin: 15px 0 20px 0;}
#topCartelera .post p{width:1050px; margin: 0 0 15px 0;}
#cartelera {width:1050px; }
#cartelera a {font-size: 11pt;} 
#cartelera p {font-size:9pt;} 
#cartelera .post{width:300px; float:left; margin: 0 50px 20px 0;} 
#cartelera .post img{width: 300px; height:100%;margin: 10px 0 0 0; }
 
#tituloEspeciales{float:left;width:1050px;height:30px;margin: 0 0 0 0; background:url(images/backEspeciales.jpg)no-repeat;}
#especiales {Width:1050px margin: 15px 0 20px 0;}
#especiales .post{width:330px; min-height:559px; float:left; margin:15px 20px 15px 0;}
#especiales h3 {font-size:14px; margin:0 0 5px 0;}
#especiales img {margin: 10px 0 0 0;}

/*Espacios*/
#tituloEspacios {width:1050px;height:30px;margin: 50px 0 0 0; background:url(images/backTituloGenerico.jpg)no-repeat;}
#topEspacios {Width:1050px; margin: 15px 0 20px 0;}
#espacios {width:1050px;margin: 0 0 15px 0;}
#espacios h2{margin: 0 0 15px 0;}

/*Exposiciones*/
#tituloExposiciones {width:1050px;height:30px;margin: 50px 0 0 0; background:url(images/backExposiciones.jpg)no-repeat;}
#topExposiciones {width:1050px; margin: 20px 0 20px 0;}
#tituloAnteriores {width:1050px;height:30px;margin: 20px 0 20px 0; background:url(images/backAnteriores.jpg)no-repeat;}
#exposiciones {width:1050px; }
#exposiciones .post{width:350px; float:left;} 
#exposiciones .post p {width:320px;} 
#exposiciones .post h3 {font-size:15px;}

/*la casa del cine tv*/
#tituloCasaDelCineTv {width:1050px;height:30px;margin: 50px 0 0 0; background:url(images/backTituloCcTv.jpg)no-repeat;}
#topCasaDelCineTv {width:1050px; margin: 20px 0 20px 0;}
#topCasaDelCineTv p{margin: 0 0 15px 0;}

/*ubicación*/
#tituloUbicacion {width:1050px;height:30px;margin: 50px 0 0 0; background:url(images/backTituloGenerico.jpg)no-repeat;}
#tituloUbicacion h2 {font-size: 16pt;}

#tituloSala {width:500px;height:30px;margin: 0 0 10px 0; background:url(images/backEspacios.jpg)no-repeat;}
#espaciosSala {width:500px; float:left; margin: 0 40px 0 0;}
#espaciosSala .post p{width:500px; margin: 0 0 15px 0;}
#espaciosSala img{margin: 0 0 15px;}

#tituloMediateca {width:500px;height:30px;margin: 0 0 10px 0; background:url(images/backMediateca.jpg)no-repeat;}
#espaciosMediateca {width:500px; float:left; }
#espaciosMediateca  .post p{width:500px; margin: 0 0 15px 0;}
#espaciosMediateca  img{margin: 0 0 15px}

/*Quienes*/
#tituloQuienes {width:1050px;height:30px;margin: 0 0 10px 0; background:url(images/backQuienes.jpg)no-repeat;}
#quienes {width:1050px; margin: 0 0 15px 0;}
#quienes .post p {margin-top:15px;}




#footer{clear:both; text-align:center;}
#footer p{font-size:9pt;}
#footer a{font-weight:bold;}