/* CSS Document */
@font-face {
  font-family: FuturaStd-Bold;
  src: url('FuturaStd-Bold.otf');
}
@font-face {
  font-family: FuturaStd;
  src: url('FuturaStd.otf');
}
@font-face {
  font-family: FuturaStdIE;
  src: url('FuturaStd.eot');
}
/*divs*/
#cuerpo{
	background-color:#fff;
        font-family:FuturaStdIE;
	}
#principal{
	position:absolute;
	left:50%;
	width:980px;
	margin-left:-490px;
	}
#logos{
	width:980px;
	height:60px;
	background-color:#fff;
	}
#logoForo{
	width:980px;
	height:300px;
	background-color:#fff;
	margin-bottom:10px;
	}
#menu{
	width:980px;
        height: 40px;
        line-height: 40px;
	font-size:12px;
	font-family:FuturaStd-Bold;
	background-color:#006DB8;
        border-radius: 10px;
	}
#imagenes{
	width:980px;
	margin-top:13px;
	float:left;
	}
#imagen{
	width:245px;
	float:left;
	border:#000;
        height: 340px;
	}

#nombre_pel{
        background-image: url("../imagenes/home/CabezaPelicula-01.png");
        background-repeat: no-repeat;
        width: 211px;
        color: #fff;
        font-family: FuturaStd;
        font-size: 12px;
        cursor: pointer;
        }
        
        .nombre:hover{
            color: #27AAE1;
        }

#relleno{
	width:122px;
	float:left;
}
#redes{
	width:240px;
	height:46px;
	float:right;
}
#linea{
	width:980px;
	height:10px;
	float:left;
	background-color:#006DB8;
	margin-top:25px;
}

#progra{
	float:left;
	width:490px;
	font-family: FuturaStd;
	color:#006DB8;
	font-weight:bold;
	font-size:14px;
}
#detalles{
	width:980px;
	margin-top:13px;
	float:left;
}
#btns_redes{
    
    margin-left: 78px;
    
}
#cartel{
	width:400px;
	float:left;
        min-height: 500px;
        
}
#sinopsis{
	width:580px;
	height:500px;
	float:left;
        
}
#titulo{
	
	font-size:14px;
	font-family:FuturaStd-Bold;
	color: #27AAE1;
        float: left;
        text-align: left;
}
#botones{
        float: left;
        width: 580px;
        height: 210px;

	}
#boton{
	background-color:#006DB8;
	color:#FFF;
	float:left;
	font-family: FuturaStd;
	font-size:14px;
	font-weight:bold;
        border-radius: 10px;
        margin-top: 100px;
        margin-left: 80px;
}
#galeria{
	width:400px;
        margin-top: 10px;

}

#horarios{
	width:400px;
	float:left;
	min-height:200px;
}

#boleto{
	margin-top:20px;
	float:left;
	background-color:#A60000;
	color:#FFF;
	font-family: FuturaStd;
	font-size:12px;
	text-align:center;
	border-left-width:5px;
	border-left-color:#FFF;
	border-left-style:dotted;
	width:158px;
	text-align:center;
	height:120px;
}
#txtsinopsis{
	
	text-align:left;
	font-family: FuturaStd;
	height:240px; /*antes 410*/
        font-family: FuturaStd;
        font-size: 12px;
        
}
#n_destacadas{
	min-height:600px;
	width:980px;
	margin-top:13px;
	float:left;
	}
#costado{
	float:left; width:40px; overflow:hidden; height:130px; margin-top:54px;  
	
}
#costado2{
	float:left; width:40px; overflow:hidden; height:130px; margin-top:54px; 
	
}
/*Lo demás*/
.opcMenu{
    float: left;
    margin: 0 22px;
    cursor: pointer;
    color:#FFF;
}
.opcMenu:hover{
    opacity: 0.5;
}
#pie p {
    font-family: FuturaStd;
    color:#6D6E71;
    font-size: 12px;
    margin: 0;
    padding-bottom: 0.5em;
    padding-top: 0.5em;
    text-align: center;
}
.etiqueta{
    color:#000;
    font-family: FuturaStd-Bold;
    font-size:12px;
}
.imagen:hover{
	opacity:0.5;
	cursor:pointer;
}
label{
	font-family: FuturaStd;
	font-size:12px;
	font-weight:bold;
	}

.label:hover{
	font-family: FuturaStd;
	font-size:15px;
	font-weight:bold;
	cursor:pointer;
	opacity:0.5;
	}
.img{
	width:211px;
	height:301px;
	}
.img:hover{
	opacity:0.5;
	cursor:pointer;
}
a{
	text-decoration:none;
	color:#6D6E71;
        font-family: FuturaStd-Bold;
        font-size: 10px;
	}
.opcRed{
	float:left;
	cursor:pointer;
	margin-left:15px;
        margin-top: 20px;
	background-color:#FFF;
}
.opcRed:hover{
    opacity: 0.5;
}
.cn40{
	float:left;
        margin-top: 10px;
        
}
.cn{
	float:left;
	margin: 10px 10px;
}
.cartel{
	width:350px;
        margin-top: 20px;
       
}
.txtboton{
	margin: 5px 10px 5px 10px;
	cursor:pointer;
}
.resaltado{
	font-size:16px;
	font-weight:bold;
}
.descarga:hover{
	opacity:0.5;
	cursor:pointer;
}

/*Clases agregadas para el carrucel de los horarios */

#carrusel{float:left; width:320px; overflow:hidden; height:180px; position:relative; margin-top:30px;} /* para cambiar el numero de boletos que se muetra deberá cambiarse el width*/
#carrusel .izquierda_flecha{position:absolute; left:15px; z-index:1; color:#000; font-size:20px;}
#carrusel .derecha_flecha{position:absolute; right:15px; z-index:1; color:#000; font-size:20px;}
.carrusel{width:4000px;left:0px; position:absolute; z-index:0}
.carrusel>div{
    float: left;
    height: 130px;
    margin-right: 0px;
    width: 160px;
	text-align:center;
}
.carrusel .img_carrusel{cursor:pointer;}

#content {
	float:left;
	width:540px;
	margin-bottom:40px;
}



.product {
	margin-top:20px;
	float:left;
	background-image:url(../imagenes/ficha/ticketCentro-01-01-01.png);
	background-size:162px 122px;
	background-repeat:no-repeat;
	background-position:center;
	color:#FFF;
	font-family: FuturaStd;
	font-size:12px;
	text-align:center;
	width:160px;
	height:120px;
}

.dia{
	margin-left:40px;
	margin-top:10px;
	color:#FFF;
	font-family: FuturaStd;
	font-size:20px;
	font-weight:bold;
	padding-top:15px;
	text-align:center;
	width:100px;
	text-align:center;
	height:30px;
}

.destacadas{
	width:200px;
	height:250px;
	margin-left:10px;
}
img_botones{
    margin-left: 10px;
    margin-right: 10px;
    
}

.botons{
 cursor: pointer;  
}