@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800);

html {height:100%}
* { margin:0; padding:0; }
body { background:#111 url(../img/background.jpg) no-repeat;height:100%; font-family: 'Open Sans', Arial, Helvetica, sans-serif;}
img{ border:none; }
a {text-decoration:none;color: #2F2D2D;}
/*a:hover {color:transparent !important;text-shadow: 0 0 0.1em #000;}*/
	
#supersized-loader { position:absolute; top:50%; left:50%; z-index:0; width:60px; height:60px; margin:-30px 0 0 -30px; text-indent:-999em; background:url(../img/progress.gif) no-repeat center center;}
#supersized { position:fixed; left:0; top:0; overflow:hidden; z-index:-999; height:100%; width:100%; }
#supersized img{ width:auto; height:auto; position:relative; outline:none; border:none; }
#supersized a { z-index:-30; position:fixed; overflow:hidden; top:0; left:0; width:100%; height:100%; background:#111; display:block; }
#supersized a.image-loading { background:#111 url(../img/progress.gif) no-repeat center center; width:100%; height:100%; }



#topNav  {
	position:absolute;
	left:394px; 
	top:9px;
	z-index:9;
	width:620px;
}

#topNav  ul 	{
	margin: 0;
	list-style:none;
	
}
 #topNav ul li {
	cursor: pointer;
    display: inline-block;
    float: left;
    height: 27px;
    line-height: 27px;
    margin: 0;
    padding: 0 9px 0 0;
    position: relative;
 }
#topNav ul li a {
    color: #232222;
    font-size: 17px;
	font-weight:800;
	text-transform:uppercase;
	letter-spacing:-0.1px;
	text-shadow: 0 0 5px #fff;
	filter: dropshadow(color=#ffffff, offx=0, offy=0);
	
}

#topNav ul li a:hover {
	color:#111;
	text-shadow: 0 0 3px #fc8484;
    filter: dropshadow(color=#fc8484, offx=1, offy=1);
}

#header { top: 16px; left: 16px; position: absolute;z-index:10}
#title {
	background: url('../img/title.png') no-repeat; 
	width: 357px; 
	height: 200px;
	cursor:pointer;
}
#director { 
	background: url('../img/director_btn.png') no-repeat left top; 
	width: 350px; 
	height: 29px;
	margin: 6px 0 0 0;
	cursor:pointer;
}
#director:hover {
	background-position:0 -29px;
}
#actor {
	background: url('../img/gael_title.png') no-repeat;
	margin: 6px 0 0 0;
	width: 348px; 
	height: 36px;
}

.mainSlider {
	position:relative;
}
.mainSlider  li {
	position:relative;
	height:100%;
}
.contentSlider {
	height:670px;
	display:block;
	position:relative;
}

/* tinyscrollbar*/
.viewport  { 
	width: 530px; 
	height: 455px;  /* viewport content height*/
	overflow: hidden; 
	position: relative; 
	
}
.overview  { list-style: none; position: absolute; left: 0; top: 0; }
.thumb .end,
.thumb  {  background-color: #FFFFFF;
    margin-left: -5px;
    opacity: 0.5;  }
.scrollbar { position: relative; float: right; width: 12px; }
.track {  background-color: #FFFFFF;height: 100%; width:1px; position: relative; padding: 0px;}
.thumb{ height: 30px; width: 12px; cursor: pointer; overflow: hidden; position: absolute; top: 0; }
.thumb .end { overflow: hidden; height: 1px; width: 1px; }

.noSelect { 
    user-select: none; 
    -o-user-select: none; 
    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
}



.title {
	font-size: 20px;
    font-weight: 800;
    text-transform: uppercase;
	margin-bottom:2px;

}
.content_overlay {
	background-image: url('../img/black60.png');
	width:600px;
	height:540px;    
	position: absolute;
    top: 52px;
	left:395px; 
}
.alpha_06 {
	opacity:0.6;
	color:#fff;
}
.content {
	width:560px !important;
	height:500px;    
	position: absolute;
    top: 52px;
	left:395px;
	padding:20px 30px;
	padding-right:10px;
	box-shadow: 0px  0px  5px rgba(255,0,0, 0.3);
	color:#fff;	
	user-select: none; 
    -o-user-select: none; 
    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
}
.content p {
	margin:4px 0;
	
}

.overview p {
	font-size:13px;
	line-height:18px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif
}


a.s1 {
	display:inline-block;
	background-image:url('../img/black60.png');
	padding:1px 5px 3px;
	color:#fffd96;
}
a.s1:hover {
	background-image:url('../img/s1_bg.png');
	text-shadow:none;
	color:#000000 !important;
	
}
span.s1 {
	color:#faf9a1 !important;
}

div.lightboxs1 {
	display:none;
	width:90%;
	height:89%;
	background:#000;
	opacity: 0.95;
	color:#fff;
	margin:15px;
	padding:15px;
	position:absolute;
	top:0;
	left:0;
	padding-right:10px;
	
    text-transform: none;
	
	-moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
div.lightboxs1 .title  {
	font-size:18px;
	margin-bottom:6px;
} 
div.lightboxs1 p  {
	margin-bottom:10px;
	font-size:13px;
	line-height:18px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:normal;
} 
.yellow {
	color:#ffd35d;
}	
div.lightboxs1 .viewport  { 
	width: 510px; 
	height: 450px;  /* viewport content height*/
}
a.closelightboxs1{
	position:absolute;
	top:12px;
	right:12px;
	width:21px;
	height:21px;
	background: url('../img/close_btn.png') no-repeat;
}
a.closelightboxs1:hover {
	background-position:0 -21px;
}

#about  a.closelightboxs1{
	right:4px;
}


#home {
	background: url(../img/home_bg.png) no-repeat 325px bottom;
	
}


#cast { background: url(../img/backgrounds/cast.png) no-repeat -200px bottom; }
#cast_arrow{ position: absolute;  top: 38px; left:403px; }
#cast .content{ font-size:22px;line-height:22px; font-weight:800; text-transform: uppercase;}


#filmmakers { background: url(../img/backgrounds/filmmakers.png) no-repeat -300px bottom;  }
#filmmakers_arrow{ position: absolute;  top: 38px; left:488px;}
#filmmakers .content{ font-size:22px;line-height:22px; font-weight:800; text-transform: uppercase;}
#filmmakers .content .smaller{ font-size:16px;line-height:16px; padding-top:5px;  }

#production { background: url(../img/backgrounds/production.png) no-repeat -230px bottom;}
#production_arrow{ 	position: absolute;  top: 38px; left:610px;}

#review {background: url(../img/backgrounds/reviews.png) no-repeat -180px bottom; color:#fff;	}
#review_arrow{ position: absolute;  top: 38px; left:714px;}


#gallery {color:#fff;	}
#gallery_arrow{ position: absolute;  top: 38px; left:798px;}


#adios {
	position:absolute; 
	top:290px; 
	left:16px;
	background: url('../img/adios.png') no-repeat;
	margin-top:29px;
	font-size:12px;
	line-height:16px;
	font-weight:600; 
	padding: 33px 0 0 4px;
    width: 325px;
co
}
#adios a {
	font-size:11px; 
	color:#fff;
	font-weight:800;
	line-height:25px;
	background-image: url('../img/black60.png');
	padding:1px 6px 2px;

}

#adios a:hover {
	background:#000;
}



#about {
	width:570px;
	height:248px;
	position: absolute;
    top: 308px;
	left:-570px; 
}
#about_overlay {
	width:570px;
	height:248px;
	background-image: url('../img/black90.png');
	box-shadow: 0px  0px  5px rgba(255,0,0, 0.3);
	position: absolute;
    top: 0;
	left:0; 
	z-index:1
}
#about_content {
	width:535px;
	height:196px;
	padding:18px 0 18px 24px;
	color:#fefefe;
	z-index:3;
	position: absolute;
    top: 0;
	left:0; 
}
#about_content .viewport  { 
	width: 500px; 
	height: 170px;  /* viewport content height*/
}

#about_content p { 
	font-size:13px;
	line-height:18px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:normal;
}
#opening{
	text-transform:uppercase;
	font-size:28px;
	font-weight:800;
	color:#fff;
	text-shadow: 1px 1px 5px #fc8484;
    filter: dropshadow(color=#fc8484, offx=1, offy=1);
	position:absolute;
    top: 64px;
    left: 740px;
	width:275px;
	text-align:left;
    line-height: 28px;
	z-index:20;	

}
#opening #openingComing{
	margin-top:2px;
	font-size:14px;
	line-height:14px;
}

#findTheater{
	margin-top:3px;
	font-size:15px;
	line-height:14px;
	text-shadow:none;
	
}

#findTheater a:hover{
	text-shadow: 1px 1px 5px #fc8484;
	 filter: dropshadow(color=#fc8484, offx=1, offy=1);
}


.buy{
	
	width:130px;
}

.buy1{
	
	width:130px;
}

.dvdbox{
margin:0;
display:block;
width:130px;
height:160px;
float:left;
}


.dvd{
	color:#fff;font-size:16px; line-height:16px;
	letter-spacing:-0.01em;
	margin:2px 0 0px 0px;
}

.dvd2{
	color:#2f2d2d;
	font-size:9px;
	margin:-5px 0 0px 0;
}

.links{
width:140px;
	float:right;
	z-index:20;
	display:block;
}



#accolade {
	margin: 10px 0 0 15px;
	width: 291px; 
	height: 88px;
	position:absolute;
    top: 250px;
    left: 725px;
}

#homeTV {
	width: 430px; 
	height: 310px;
	position:absolute;
	background: url('../img/tv/tvs_bg.png') no-repeat;
    bottom: 41px;
    left: 690px;
}
#homeTV-bandera { display:block;position:absolute; top:75px; left:51px;width:78px; height:62px;background:url(../img/tv/bandera.gif) no-repeat left top }
#homeTV-bandera:hover {background-position:0 -62px;}
#homeTV-cama { display:block; position:absolute; top:151px; left:47px; width:86px; height:64px;background:url(../img/tv/cama.gif) no-repeat left top}
#homeTV-cama:hover {background-position:0 -64px;}
#homeTV-gneco { display:block; position:absolute; top:232px; left:47px; width:80px; height:66px;background:url(../img/tv/gneco.gif) no-repeat left top }
#homeTV-gneco:hover {background-position:0 -66px;}
#homeTV-lengua { display:block; position:absolute; top:40px; left:160px; width:88px; height:70px;background:url(../img/tv/lengua.gif) no-repeat left top }
#homeTV-lengua:hover {background-position:0 -70px;}
#homeTV-mecuesta { display:block; position:absolute; top:128px; left:163px; width:80px; height:62px;background:url(../img/tv/mecuesta.gif) no-repeat left top }
#homeTV-mecuesta:hover {background-position:0 -62px;}
#homeTV-trailer { display:block; position:absolute; top:215px; left:162px; width:104px; height:86px;background:url(../img/tv/trailer.gif) no-repeat left top }
#homeTV-trailer:hover {background-position:0 -86px;}
#homeTV-nobicho { display:block; position:absolute; top:145px; left:291px; width:80px; height:62px;background:url(../img/tv/nobicho.gif) no-repeat left top }
#homeTV-nobicho:hover {background-position:0 -62px;}
#homeTV-cancion { display:block; position:absolute; top:235px; left:280px; width:80px; height:62px;background:url(../img/tv/cancion.gif) no-repeat left top }
#homeTV-cancion:hover {background-position:0 -62px;}




#historical_timeline , #timeline_title{
	width: 235px;
	height:44px;
	line-height:41px;
	bottom: 46px; 
	position: fixed; 
	background-image:url(../img/white60.png);
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	border-top-right-radius: 10px;
	text-transform:uppercase;
	font-size:15px;
	font-weight:800;
	text-align:center;
	padding-left:4px;
	box-shadow: 0px  0px  5px rgba(0,0,0, 0.3);
}

#historical_timeline a:hover{
color:#000;
text-shadow: 0 0 10px #FFF;
}

#timeline_container{
	display:none;
	position:absolute;
	top:0;
	left:0;
	background:#fff796 url(../img/timeline_bg.gif) ;
	z-index:10
}
#timeline_title{
	top: 0; 
	background:#666762 ;
	margin-top:2px;
}
#timeline_header {
	position:absolute;
	top: 0; 
	left:0;
	width:100%;
	height:46px;
	z-index:9;
	background:url(../img/timeline_topborder.png) repeat-x ;
 }
#timeline_title a {color:#FFF}
#timeline_close {
	display:block;
	position:absolute;
	top:10px;
	right:14px;
	width: 30px;
	height:30px;
	background:url(../img/timeline_close.png) no-repeat ;
}
#timeline_close:hover {
	background-position:0 -30px;
}
#timeline_NO {
	background: url('../img/title.png') no-repeat;
	opacity:0.5;
	width: 360px; 
	height: 203px;
	margin:16px;
}
#title1 { 
	background: url('../img/timeline_title1.png') no-repeat left top; 
	width: 341px; 
	height: 36px;
	margin:16px;
	margin-top:-32px;
}
#timeline_control_up, #timeline_control_dw {
	background: url('../img/timeline_scrollup.png') no-repeat left bottom; 
	width: 78px; 
	height: 34px;
	cursor:pointer;
	position:absolute;
	right:44px;
	z-index:10;
}
#timeline_control_up {
	top:100px;
	display:none;
}
#timeline_control_dw {
	background: url('../img/timeline_scrolldown.png') no-repeat left top; 
	bottom:50px;
}
#timeline_control_up:hover{
	background-position:0 0;
}
#timeline_control_dw:hover{
	background-position:0 -34px;
}

#timeline{
	width:100%;
	height:100%;
	position:absolute;
	top:47px;
	padding-top:10px;
	background: url('../img/timeline_redline.jpg') repeat-y 371px 0; 
	overflow:auto;
}
.timeline_left {
	text-align:right;
	width:382px;
}
.timeline_box {
	margin-top:40px;
}
.timeline_right {
	margin-left:374px
}
.timeline_right .timeline_number_title {
	margin-left:16px;
	height:22px;
}
.timeline_right .timeline_content, .timeline_left .timeline_content {
	background: url('../img/timeline_textbg.png') ; 
	width:420px;
	padding:15px;
	color:#fff;
	font-size:12px;
	line-height:16px;
	box-shadow: 0px  0px  5px rgba(255,0,0, 0.3);
}

.timeline_content p{
margin-bottom:5px;	
font-size:12px;
	line-height:16px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	
}

.up{margin-top:-90px;}

.timeline_left .timeline_number_title {
	margin-right:32px;
	height:22px;
}
.timeline_left .timeline_content {
	width:320px;    
	margin-left: 22px;
}
.timeline_left .timeline_image_wline {
	padding-right:18px;
	background: url('../img/timeline_redline_h.jpg') no-repeat right center; 
}
.timeline_left .timeline_image{
	padding-right:18px;
}
.timeline_right .timeline_image_wline {
	padding-left:18px;
	background: url('../img/timeline_redline_h.jpg') no-repeat left center; 
	margin-left:-10px;
}
.timeline_right .timeline_image{
	padding-left:18px;
	margin-left:-18px;
}

.timeline_upper {
	margin-top:-50px;
}


#footer {
	bottom: 0; 
	position: fixed; 
	width: 100%;
	height:48px;
	z-index:11;
	background: url('../img/footer_bg.png')  repeat-x bottom;
	padding-top:10px;
	min-width:1000px;
}

#footerNav {position: absolute; top:30px;left:20px;font-size: 9px; color: #fff; 
	}
#footerNav a { font-size: 9px;font-weight:700; color: #fff; font-family:"Opens Sans",Arial, Helvetica, sans-serif; }
#footerNav a:hover{color:#eeeeee; }
.smalltext {font-size: 9px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
.clear{
	clear: both;}
#social {
	position: absolute; top:26px;right:100px;
	padding:0;
	border:none;
}

#social:hover {
	background:none;
	}

#social li {
	font-size: 10px;
	color: #333;
	list-style:none;
	margin:0px 10px 0 0px;
	float:left;
	background:none;
	border:none;
	height:20px;sm
	padding-top:0;
	display:block;
	}

a.tooltip:hover {text-decoration:none;}


#accolade img {
	display: none;
	}

#accolade img.active {
	display: block;
	}
	
.rating{
margin-top:14px;
margin-right:10px;
float:right;	
}