/*!
 * Scaler: Scaling background images to fill browser window with centering and aspect ratio. iPad and iPhone friendly  - v3 - 04/06/2010
 * http://klippoglim.no/
 * http://kirie.no/
 * 
 * Copyright (c) 2010 Eirik Backer
 * Dual licensed under the MIT (http://www.opensource.org/licenses/mit-license.php)
 * and GPL (http://www.gnu.org/licenses/gpl-2.0.html) licenses.
 */

body,html{width:100%;height:100%;overflow:hidden;padding:0;margin:0;border:0}

#bg,#bg *{-moz-user-select:-moz-none;-webkit-user-select:none;}													/*Prevent selection*/
#bg,#bg b{width:100%;height:100%;overflow:hidden;position:relative;display:block}								/*Containers*/
#bg i{position:absolute;width:200%;height:200%;top:-50%;left:-50%;display:table}								/*Create canvas*/
#bg i i{left:0;top:50%;width:100%;display:block;height:auto;background:url(load.gif) 50% 50% no-repeat}			/*IE center verticaly and loading-gif*/
#bg i > i{display:table-cell;vertical-align:middle;height:100%;position:static;top:0}							/*Others center verticaly*/
#bg img{display:block;margin:0 auto;width:50%;-ms-interpolation-mode:bicubic}									/*Smooth anti-alising in IE*/
#bg video{display:block;margin:0 auto;width:50%;-ms-interpolation-mode:bicubic}									/*Smooth anti-alising in IE*/
#bg{position:absolute;left:0;bottom:0}																			/*Position preventing scrolling-bug in opera*/
*+html #bg i i{position:absolute;top:50%;height:auto}															/*IE7  fix centerer*/
*+html #bg img{position:relative;top:-50%}																		/*IE7  fix image*/
* html #bg img{height:50%;position:relative;top:-50%}															/*IE6  fix image*/
*+html #bg video{position:relative;top:-50%}																		/*IE7  fix image*/
* html #bg video{height:50%;position:relative;top:-50%}															/*IE6  fix image*/

.scaler-nav-cinema {position: absolute; height: 80px;  width: 80px; top: 50%; left: 50%; margin-top: -40px; /* height / 2 */ margin-left: -40px; /* width / 2 */  overflow:hidden;text-align:center;z-index:10;list-style:none;}
.scaler-nav-cinema li{float:left;width:40px; height:40px; color:#ffffff; line-height:30px; font-weight:normal; font-family: 'Uni_acc', arial, serif; font-size:30px; list-style:none;}
.scaler-nav-cinema a.button{height:40px;display:block;background:#000;text-decoration:none;color:#fff;outline:none; padding-top:7px; cursor:pointer;}
.scaler-nav-cinema a.button:hover,.scaler-nav-cinema a.button:focus{background:#fff;color:#333}
.scaler-nav-cinema a.buttoncurr{height:40px;display:block;background:#ddd;color:#333;outline:none;text-decoration:none;padding-top:7px; cursor:pointer;}

.scaler-nav-cinema_desc {position: absolute; height: 80px;  width: 250px; top: 50%; left: 50%; margin-top: -40px; /* height / 2 */ margin-left: 44px; /* width / 2 */  overflow:hidden;text-align:left;z-index:10;}
.scaler-nav-cinema_descbg {height: 100%;  width:100%; background-color:#ffffff; zoom:1; filter:alpha(opacity=85); opacity:0.85;}
.scaler-nav-cinema_descbg .scaler-nav-cinema_desc_p {padding-top:10px;}
.scaler-nav-cinema_descin {padding:0px 0px 0px 15px;font-family: 'Uni_acc', arial, serif; font-size:40px; color:#222; line-height:40px}
.scaler-nav-cinema_descin2 {padding:7px 0px 0px 30px; font-family: 'Conv_Cicle_Fina', arial, serif; color:#444; font-size:18px; line-height:18px}