@charset "UTF-8";
/* CSS Document */
body
{
	/*font-family:"Futura Std Book", "Trebuchet MS", Helvetica, Arial;*/
	font-family:FranklinGothicFSDemi,"Franklin Gothic Demi","Franklin Gothic Medium","Arial Narrow","Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;
	padding:0px;
	margin:0px;
	background-color:#FFF;
	}
#pagina
{
	width:100%;
	margin:0 auto;
	text-align:center;
	position:relative;
}


#contenido
{
	width:900px;
	margin:0 auto;
	position:relative;
	}

#cabecera
{
	width:900px;
	height:700px;
	background-repeat:0px;
	text-align:left;
	display:block;
	top: 20px;
	margin-top: -27px;
	}


#cabecera ul
{
	position:absolute;
	bottom:28px;
}
#cabecera li
{
	list-style-type:none;
	font-family:"Futura Std Book", "Trebuchet MS", Helvetica, Arial;
	margin-left:10px;
	font-size:70px;
	color:#FFF;
	text-transform:uppercase;
	}

#cabecera_junior ul
{
position:absolute;
top:-15px;
}
#cabecera_junior li
{
	list-style-type:none;
	font-family:"Futura Std Book", "Trebuchet MS", Helvetica, Arial;
	margin-left:-10px;
	margin-right:20px;
	font-size:15px;
	display:inline;
	color:#FFF;
	text-transform:uppercase;
}
a
{
	text-decoration:none;
	color:#FFF;
	}
a:hover
{
	text-decoration:none;
	border-bottom:5px #FFF solid;
	color:#FFF;
	}
	
#bt_cerrar{
	font-size:16px;
	color:#FFF;
	position:absolute;
	top:50px;
	left:40px;
}
	
#cabecera_junior
{
	width:860px;
	height:15px;
	background-repeat:0px;
	background-image:url(/imagenes/home_1.jpg);
	text-align:left;
	position:absolute;
	font-family:"Futura Std Book", "Trebuchet MS", Helvetica, Arial;
	font-size:20px;
	padding:10px;
	float:left;
	color:#FFF;
	display:block;
	
}


#cabecera_junior a:hover
{
	text-decoration:none;
	border-bottom:2px #FFF solid;
	color:#FFF;
	}
#titulo{
	background-color:#333;
	padding:10 30px;
	text-align:left;
	}
#titulo h1{
	color:#FFF;
	font-weight:normal;	
	font-size:32px;
	margin-left:20px;
	text-align:left;
	}
#novedades{
	float:left;
	display:block;
	margin-top:40px;
	text-align:left;
	margin-right:15px;
	width:550px;
	}
#novedades h1{
	font-size:36px;
	font-stretch:condensed;
	font-family:"Futura Std Book", "Trebuchet MS", Helvetica, Arial;
	}	
.noticia {
	display:block;
	width:100%;
	margin-top:20px;
	height:110px;
	}
.noticia h3{
	font-size:20px;
	margin-top:0px;
	font-style:italic;
	font-stretch:condensed;
	}	
.noticia activa{
	background-color:#F0E1E1;
	}
		
.col_1 {
width:120px;
float:left;
	}

.col_2 {
	float:left;
	width:490px;
	}
	
.noticia a{
	color:#000;
	
	}
	
.noticia a:hover
{
	border:none;
	text-decoration:none;
	}
.noticia h1{
	font-size:18px;
	font-family:"Futura Std Book", "Trebuchet MS", Helvetica, Arial;
	}
	
.noticia span{
	font-size:14px;
	line-height:130%;
	margin-top:-10px;
}
#proyecto_listado{
	text-align:left;
	margin-top:100px;
	margin-left:20px;
	float:right;
	width:300px;
	border-left: 1px dotted #333;
	padding-left: 10px;
	}
#proyecto_listado h2{
	font-size:22px;
	font-family:"Futura Std Book", "Trebuchet MS", Helvetica, Arial;
	
	}
#proyecto_listado ul{
	list-style:none;
}
#proyecto_listado li{
	list-style:none;
	margin-top:10px;
	margin-left:-30px;
}

#proyecto_listado a{
	color:#000;
}
#proyecto_listado span{
	color:#333;
	font-size:11px;
	font-style:italic;
}
#proyecto_listado img{
	margin-top:3px;
}
.img_listado{
	width:20px;
	height:20px;
	overflow:hidden;
	float:left;
	padding-top:2px;
	margin-right:5px;
}

.img_listado_200{
	width:200px;
	height:200px;
	overflow:hidden;
	float:left;
	padding-top:2px;
}
#logo
{
	z-index:100;
	position:absolute;
	top:0px;
	left:760px;
}
#logo_home
{
	z-index:100;
	position:absolute;
	top:55px;
	left:760px;
}

#footer{
	width:850px;
	text-align:right;
	height:100px;
	border-top:1px dotted #CCC;
	float:left;
	padding:20px;
	margin-top:40px;
}

#footer img{
	vertical-align:middle;
}


.nombre_staff {
	font-size:13px;
	color:#333;
	width:100%;
	text-align:right;
	}
.persona_staff {
	font-size:14px;
	color:#000;
	text-align:right;
	margin-bottom:7px;
	}
.proyecto
{
	margin-top:10px;
}
	
	
#s3slider { 
   width: 900px; /* important to be same as image width */ 
   height: 400px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
}

#s3slider li{ 
list-style:none;
}

#s3sliderContent {
   width: 400px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.s3sliderImage span {
   position: absolute; /* important */
   left: 0;
   font: 10px/15px Arial, Helvetica, sans-serif;
   padding: 10px 13px;
   width: 374px;
   background-color: #000;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   top: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image 
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.clear {
   clear: both;
}
.subtitulo
{
	margin-top:-32px;
	margin-bottom:20px;
	margin-left:20px;
}
#pagina_central{
	float:left;
	display:block;
	text-align:left;
	margin-right:15px;
	width:850px;
	}
#slider{
width: 900px;
height: 500px;
overflow: hidden;
position: relative;
margin-top:30px;

}
.slide{
	text-align:center;
width: 900px;
height: 500px;
float: left;
}

.titulo_pelicula{
	margin-top: 75px;
    margin-left: 20px;
    font-size: 60px;
	font-family:"Futura Std Book", "Trebuchet MS", Helvetica, Arial;
	text-transform:uppercase;
	font-stretch:condensed;
	line-height:90%;
	width:800px;
}

.titulo_seccion{
	margin-top: 75px;
    margin-left: 00px;
    font-size: 40px;
	font-family:"Futura Std Book", "Trebuchet MS", Helvetica, Arial;
	text-transform:uppercase;
	font-stretch:condensed;
	line-height:90%;
	width:800px;
}

.staff li{
	margin-left:-10px;
	list-style:none;
}

.staff{
	width:330px;
	float:left;
	margin-right:20px;
	margin-top:5px;

}

#descripcion_corta
{
	width:450px;
	float:left;
	font-size:13px;
	padding:5px;
	line-height:150%;
}
.box_proyecto
{
	font-size: 13px;
	line-height: 150%;
	width:100%;
	clear:both;
}
.box_proyecto h2
{
	text-transform:uppercase;
}
.box_proyecto li
{
	font-size:13px;
	line-height:150%;
	list-style-type:square;
}

.box_proyecto a
{
	color:#333;
	text-decoration:none;
}
.box_proyecto a:hover
{
	color:#333;
	text-decoration:underline;
}

.proyecto_listado
{
	width: 250px;
	float: left;
	margin-left:32px;
	margin-bottom:30px;
	}
	
.proyecto_listado p
{
	font-family:"Futura Std Book", "Trebuchet MS", Helvetica, Arial;
	font-size:12px;
	line-height:140%;

	}
.titulo_listado
{
	font-family:"Futura Std Book", "Trebuchet MS", Helvetica, Arial;
	font-size:20px;
	color:#333;	
	text-transform:uppercase;
	}
	
.titulo_listado:hover
{
	font-family:"Futura Std Book", "Trebuchet MS", Helvetica, Arial;
	font-size:20px;
	color:#333;	
	text-decoration:underline;
	text-transform:uppercase;
}

.texto_listado
{
	width:200px;
	margin-top:210px;
	height:200px;
	overflow:hidden;
	}
	
#logo_grande{
	position:absolute;
	top:400px;
	left:300px;
	z-index:4;
	}

#contactenos {
	margin-top:100px;
	font-family:"Futura Std Book", "Trebuchet MS", Helvetica, Arial;
	text-transform:uppercase;
	font-size:40px;
	line-height:180%;
}
#contactenos a{
	color:#333;
	text-decoration:none;
}
#contactenos a{
	color:#666;
	text-decoration:underline;
}