/* CSS Document */
#body{
	
	background-image:url(../imagenes/Camino%20carretes.png);
	background-position:0 400px;
	background-repeat:repeat-x;
	background-attachment:fixed;
}
#contenidoPrinc{
	background:#2B9CA7;
	width:980px;
	margin:auto;
	height:auto;
	font-family:Verdana, Geneva, sans-serif;
	color:#FFF;
}
#contenedor{
	margin-left:10px;
	margin-right:10px;
	height:auto;
}
#principal{
    width: 980px;
}

#cabecera{
	width: 100%;
	height: 130px;
	/*	background: #CCC;*/
}

#logo40{
	width: 130px;
	position:relative;
	float:left;
	display: inline-block;
	margin-top:10px;
}
#logo40Ficha{
	width: 175px;
	position:relative;
	float:left;
	display: inline-block;
	cursor:pointer;
	margin-top:5px;
}
#espacio{
	width:110px;
	height:80px;
	float:left;
	display:inline-block;
}
#espacioFicha{
	width:175px;
	height:80px;
	float:left;
	display:inline-block;
}

#logoCineteca{
 	width: 200px;
    cursor: pointer;
	display: inline-block;
	float:left;
	margin-top:20px;
}
#logoCinetecaFicha{
 	width: 250px;
    cursor: pointer;
	display: inline-block;
	float:left;
	margin-top:5px;
}
#logoSep{
	width: 630px;
	float:left;
	display: inline-block;
	margin-top:10px;
	text-align:center;
	cursor:pointer;
}
#comentarios{
	font-family:Verdana, Geneva, sans-serif;
	width:200px;
	float:left;
	display:inline-block;
	margin-top:60px;
}
.comentarios{
	float:right;
	margin-right:5px;
	color:#FFF;
	font-size:12px;
	text-decoration:none;
}
#comentariosFicha{
	
	width:250px;
	float:left;
	display:inline-block;
	margin-top:20px;
	
}
#menu{
    height: 42px;
    line-height: 42px;
	font-size:18px;
	font-family:Tahoma, Geneva, sans-serif;
}
.opcMenu{
    float: left;
    margin: 0 20px;
    color: #000;
    cursor: pointer;
	color:#FFF;
}
.opcMenu:hover{
    opacity: 0.5;
}

#carrucel{
	width: 690px;
	height: 365px;
	display:inline-block;
	float:left;
	/*background: #CCC;*/
	margin-top: 15px;
	/*background: #F00;*/
	
}
#trailer{
	width: 690px;
	/*height: 233px;*/
	display:inline-block;
	float:left;
	/*background: #CCC;*/
	margin-top: 16px;
	/*background: #ccc;*/

	
}
#media{
	width: 690px;
	display:inline-block;
	float:left;
	/*background: #CCC;*/
}
#mediaFicha{
	width: 750px;
	display:inline-block;
	float:left;
	/*background: #CCC;*/
}

#costadoD{
	width:270px;
	/*display:inline-block;*/
	float:left;
	/*background: #CCC;*/
}
#redes{
	width:233px;
	height:60px;
	/*background:#0CF;*/
	margin-top:10px;
	margin-left:34px;

}
.opcRed{
	float:left;
	/*margin: 10px 17px;*/
	cursor:pointer;
	width:37px;
	height:37px;
	/*float:right;*/
	margin-top:10px;
	margin-left:17px;
}
.opcRed:hover{
    opacity: 0.5;
}
#timeline{
	width:233px;
	margin-top:10px;
	margin-left:34px;
	min-height:720px;

}

#space{
	width: 100%;
	height: 10px;
}
#contenido{
	width:100%;
	/*min-height:2050px;*/
	display:inline-block;
	position:relative;
}

#pie p {
	font-family:Verdana, Geneva, sans-serif;
    color: white;
    font-size: 12px;
    margin: 0;
    padding-bottom: 0.5em;
    padding-top: 0.5em;
    text-align: center;
}
#Izquierdo{
	width:219px;
	float:left;
	display:inline-block;
}
#mosaicoIzq{
	width:218px;
	float:left;
	margin-top:16px;
	margin-right:1px;
	height:311px;
	vertical-align:middle;
	background:#fff;
}
.mosaicoIzq:hover{
	opacity: 0.5;
	}

#mosaicoIzqAbajo{
	width:218px;
	height:154px;
	float:left;
	margin-top:16px;
	background:#ccc;
	display:inline;
	margin-right:1px;
}
#Medio{
	width:235px;
	float:left;
	display:inline-block;	
}
#mosaicoMed{
	width:218px;
	height:154px;
	float:left;
	margin-left:17px;
	background:#ccc;
	margin-top:16px;
}
#mosaicoMedAbajo{
	width:218px;
	float:left;
	margin-left:17px;
	margin-top:16px;
	height:311px;
	vertical-align:middle;
	background:#fff;

}
#Derecho{
	width:235px;
	float:left;
	display:inline-block;	
}
#mosaicoDer{
	width:218px;
/*	height:260px;*/
	float:left;
	margin-left:17px;
	background:#fff;
	margin-top:16px;
	height:311px;
	vertical-align:middle;
}
#mosaicoDerAbajo{
	width:218px;
	height:154px;
	float:left;
	background:#ccc;
	margin-left:17px;
	margin-top:16px;

}
#DerechoVacio{
	width:235px;
	float:left;
	display:inline-block;	
}
#mosaicoDerVacio{
	width:218px;
	float:left;
	margin-left:17px;
	margin-top:16px;
	height:311px;
	vertical-align:middle;
}
#mosaicoDerAbajoVacio{
	width:218px;
	height:154px;
	float:left;
	margin-left:17px;
	margin-top:16px;

}
.hover:hover{
	opacity: 0.5;
	cursor: pointer;
	}
#horarios{
	width:	236px;
	/*height: 520px;*/
	display: inline-block;
	float: left;
	/*background: #CCC;*/
	color:#FFF;
	margin-left:36px;
}
#listaHorarios{
	width:236px;
	/*height:510px;*/
	float:left;
	margin-top:44px;
}
#horarioDia{
	width:33px;
	float:left;
	text-align:center;
	border-style:solid;
	border-color:#cdcdcd;
	border-width:1px;
	margin-bottom:3px;
	height:50px;
	background-color:#F9F8E6;
	color:#2B9CA7;
}
#dia{
	font-size:21px;
	font-weight:bold;
	font-family:Verdana, Geneva, sans-serif;
}
#mes{
	font-size:11px;
	font-family:Verdana, Geneva, sans-serif;
}
#horarioSala{
	width:199px;
	float:left;
	border-style:solid;
	border-color:#cdcdcd;
	border-width:1px;
	margin-bottom:3px;
	height:50px;
	font-size:12px;
	background-color:#F9F8E6;
	color:#2B9CA7;
	font-family:Verdana, Geneva, sans-serif;

}
#sala{
	font-size:12px;
	margin-left:2px;
	margin-top:2px;
	font-family:Verdana, Geneva, sans-serif;
}
#hora{
	text-align:left;
	margin-right:2px;
	font-family:Verdana, Geneva, sans-serif;


}
#fichaCarrucel{
	width: 470px;
/*	height: 260px;*/
	display: inline-block;
	float: left;
	/*background: #CCC;*/
}
#fotoCarrucel{
	width:454px;
/*	height:233px;*/
	float:left;
	/*background:#66C;*/
	margin-top:5px;
	margin-left:16px;
}
#fichaTecnica{
	width:454px;
	/*height:233px;*/
	float:left;
	margin-top:16px;
	margin-left:16px;
	color:#FFF;
	text-align:justify;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
}
#imgDirector{
	width: 340px;
	height: 260px;
	display: inline-block;
	float: left;
}
#costadoFicha{
	width:250px;
	height:830px;
	display:inline-block;
	float:left;
	/*background: #CCC;*/
}
#cartel{
	background:#ccc;
	width: 236px;
	height: 338px;
	float: left;
	margin-top:16px;
	margin-left:34px;
}
#fotoDirector{
	width:220px;
	height:258px;
	float:left;
	margin-top:5px;

}
#semblanzaDirector{
	width:220px;
	float:left;
	color:#FFF;
	text-align:justify;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
}
.etiqueta{
    color:#fff;
    font-weight: bold;
}
#nombrePelicula{
	color:#FFF;
	font-size:18px;
	margin-top:10px;
	margin-bottom:10px;
}
#titulo{
	color:#FFF;
	font-size:20px;
	width:690px;
	text-align:center;
	vertical-align:middle;
	margin-top:340px;
	font-family:Verdana, Geneva, sans-serif;
}
#metropolitana{
	color:#FFF;
	float:left;
	font-size:15px;
	width:236px;
	margin-top:20px;
	text-align:center;
	vertical-align:middle;
	font-family:Verdana, Geneva, sans-serif;
}