@media screen {

/* reset css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}

table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}

a img {border:none;}
a{color : #00064c; text-decoration: underline}
a:hover{text-decoration: none}

.hidden{display: none}
.clr {clear: both;height: 1px;overflow: hidden;margin-top: -1px;}


#febio-fest{
	margin-bottom: 20px;
}
#febio-fest img{
	float: left;
}
#febio-fest p{
	float: right;
	font-size: 18px;
	line-height: 24px;
}

/* SKIN */
#intropage{background: #000; padding-bottom: 50px; padding: 0; width: 100%}
#intropage #intro{background: transparent}
#intropage #intro h1 a{background: url("../images/themes/ld-skin-logo.png") 0 0 no-repeat;}
#intro #vyber-kina {background: #E20062 url("../images/themes/ld-skin-bg-mapa-volba.jpg") 0 0 repeat-x !important;}
#intro #vyber-kina h3{color: #fff}
#intro #vyber-kina select{background: #FFF !important; border: 1px solid #FFF !important; color: #000 !important}
#intro #vyber-kina option{background: #f1f1f1 !important; color: #000 !important; border: 1px solid #eee !important;}
#intro #full-map ul{background: url("../images/themes/ld-skin-map.jpg") 0 0 no-repeat;}
#intro #full-map ul li a:hover{background-image: url("../images/themes/ld-skin-map.jpg");}
#intro #intro-content, #intro #intro-content a{color: #F5500C}
#intro #intro-content{padding-top: 50px !important}
#intro #intro-content h2{color: #F5500C}
#intro #intro-content p{color: #fff}
#intro h1 {left:105px !important; top:70px !important;}
#intropage #nebula{background: url("../images/themes/ld-skin-bg-mapa.jpg") 50% 0 no-repeat !important;}
body{background: #060807}
#nebula {background: #000 url("../images/themes/ld-skin-bg.jpg") 50% 0 no-repeat;}
h1#logo a{background: url("../images/themes/ld-skin-logo.png") 0 0 no-repeat;}
#cinemaInfo h3{color: #AD2300}
#cinemaInfo p.change, p.intro-change{color: #AD2300}
#cinemaInfo p{color: #AD2300}
#cinemaInfo p a, p.intro-change a{color: #000}
#menu li a{background: #bf9746 url("../images/themes/ld-skin-menu-bg.jpg") 0 0 repeat-x; border:none; color: #fff !important}
#menu li a:hover{background: #7d5626 url("../images/themes/ld-skin-menu-hover.jpg") 0 0 repeat-x; color: #FFF !important; border: none}
#menu li.selected a{background: url("../images/menu/bg.gif") left top repeat-x; color: #00064C !important; border: 1px solid #FFF;}
#intropage #intro h1 a{display: block; width: 209px; height: 107px}
#intropage #intro h1 span{position: absolute; top: -5000px}

/** NO THEME **/
/*
body {background: #000427 url(../images/bg.gif) left top repeat-x}
body#intropage{background: none; background-color: #000427}
#intropage #nebula{background: url(../images/bg-body.jpg) center top repeat-x}
#nebula{background: url(../images/bg-header.jpg) center top repeat-x}
#intropage #intro h1 a{background: url("../images/logo.png") 0 0 no-repeat}
h1#logo a{background: url("../images/logo.png") 0 0 no-repeat;}
#intro #full-map ul{background: url("../images/map-new.jpg") 0 0 no-repeat;}
#intro #full-map ul li a:hover{background-image: url("../images/map-new.jpg");}
#intro #intro-content, #intro #intro-content a{color: #FFF}
#intropage p.intro-change{color: #fff}
#intropage p.intro-change a{color: #00bef5}
#cinemaInfo h3{color: #FFF}
#cinemaInfo p.change{color: #fff}
#cinemaInfo p{color: #00bef5}
#cinemaInfo p a{color: #00bef5}
#menu li a{background: url("../images/menu/bg.png") 0 0 repeat-x; border: 1px solid #4673A5}
#menu li a:hover{background: url("../images/menu/bg-hover.png") 0 0 repeat-x}
#menu li.selected a{background: url("../images/menu/bg.gif") left top repeat-x; color: #000; border: 1px solid #FFF;}
*/

#banners, #footer{
	background:#0F1535 none repeat scroll 0 0;
	color:#FFFFFF;
}


/* layout */
body {
	text-align: center;
	font: .78em/1.5em Trebuchet MS, Arial, Helvetica, sans-serif;
	color: #00064c;
}
#header{
	height: 339px;
	width: 960px;
	margin: 0 auto;
	position: relative;
}

#header-small{
	height: 180px;
	width: 960px;
	margin: 0 auto;
	position: relative;
}

h1{
	position: absolute;
	left: 32px;
	top: 28px;
}
h1 img{display: block}
h1 a{cursor: pointer}
h1 a{display: block; position: relative; width: 209px; height: 107px; overflow: hidden}
h1 span{display: block; position: absolute; top: -5000px; left: 0}

/** CINEMA CHOOSE PAGE **/
#intro{
	width: 960px;
	margin: 0 auto;
	position: relative;
	padding-top: 191px;
	color: #FFF;
	text-align: center;
	margin-bottom: 30px;
}
#intro h1{
	left: 150px; top: 76px;
	position: absolute;
	height: 106px; width: 208px;
	overflow: hidden;
}
#intro h1 span{
	height: 106px; width: 208px;
	display: block;
	margin: 0; padding: 0;
	position: absolute;
}
p.intro-change{position: absolute; text-align: center; width: 100%; margin-top: 10px; font-weight: bold; z-index: 100}
#intro h2{
	font-size: 18px;
	padding: 25px 0 10px 0;
}

/** INTRO MAP **/
#intro #map{
	margin: 0 auto;
	text-align: center;
}
#intro #map ul{
	width: 632px;
	height: 216px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	list-style: none;
	padding: 0;
}
#intro #map ul li{
	position: absolute;
}
#intro #map ul li a{
	display: block;
	height: 29px;
}
#intro #map ul li a span{
	position: absolute;
	left: -5000px;
}

#intro #full-map{
	margin: 0 auto;
	text-align: center;
}
#intro #full-map ul{
	width: 627px;
	height: 311px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	list-style: none;
	padding: 0;
}
#intro #full-map ul li{
	position: absolute;
}
#intro #full-map ul li a{
	display: block;
	height: 29px;
}
#intro #full-map ul li a span{
	position: absolute;
	left: -5000px;
}

/** SKINED MAP **/
#intro #full-map ul li.mlada-boleslav{left:137px;top:64px}
#intro #full-map ul li.mlada-boleslav a{width: 112px}
#intro #full-map ul li.mlada-boleslav a:hover{background-position: -137px -376px}

#intro #full-map ul li.plzen{top:171px;left:71px}
#intro #full-map ul li.plzen a{width: 62px}
#intro #full-map ul li.plzen a:hover{background-position: -71px -483px}

#intro #full-map ul li.ceske-budejovice{top:244px;left:141px}
#intro #full-map ul li.ceske-budejovice a{width: 130px}
#intro #full-map ul li.ceske-budejovice a:hover{background-position: -141px -556px}

#intro #full-map ul li.pardubice{top:132px;left:320px}
#intro #full-map ul li.pardubice a{width: 85px}
#intro #full-map ul li.pardubice a:hover{background-position: -320px -444px}

#intro #full-map ul li.jihlava{left:272px;top:204px}
#intro #full-map ul li.jihlava a{width: 68px}
#intro #full-map ul li.jihlava a:hover{background-position: -272px -516px}

#intro #full-map ul li.liberec{left:255px;top:14px}
#intro #full-map ul li.liberec a{width: 72px}
#intro #full-map ul li.liberec a:hover{background-position: -255px -326px}

#intro #full-map ul li.hradec-kralove{left:335px;top:78px}
#intro #full-map ul li.hradec-kralove a{width: 116px}
#intro #full-map ul li.hradec-kralove a:hover{background-position: -335px -390px}

#intro #full-map ul li.olomouc{left:438px;top:185px}
#intro #full-map ul li.olomouc a{width: 84px}
#intro #full-map ul li.olomouc a:hover{background-position: -438px -497px}

#intro #full-map ul li.ostrava{left:493px;top:131px}
#intro #full-map ul li.ostrava a{width: 78px}
#intro #full-map ul li.ostrava a:hover{background-position: -493px -443px}

#intro #full-map ul li.praha-cerny-most{left:154px;top:136px}
#intro #full-map ul li.praha-cerny-most a{width: 134px; height:24px;}
#intro #full-map ul li.praha-cerny-most a:hover{background-position: -154px -448px}

#intro #full-map ul li.praha-andel{left:154px;top:160px}
#intro #full-map ul li.praha-andel a{width: 134px; height:24px;}
#intro #full-map ul li.praha-andel a:hover{background-position: -154px -472px}


/** NO SKIN MAP **/
/*
#intro #full-map ul li.mlada-boleslav{left:137px;top:64px}
#intro #full-map ul li.mlada-boleslav a{width: 112px}
#intro #full-map ul li.mlada-boleslav a:hover{background-position: -137px -375px}

#intro #full-map ul li.plzen{top:171px;left:71px}
#intro #full-map ul li.plzen a{width: 62px}
#intro #full-map ul li.plzen a:hover{background-position: -71px -482px}

#intro #full-map ul li.ceske-budejovice{top:244px;left:141px}
#intro #full-map ul li.ceske-budejovice a{width: 130px}
#intro #full-map ul li.ceske-budejovice a:hover{background-position: -141px -555px}

#intro #full-map ul li.pardubice{top:132px;left:320px}
#intro #full-map ul li.pardubice a{width: 85px}
#intro #full-map ul li.pardubice a:hover{background-position: -320px -443px}

#intro #full-map ul li.jihlava{left:272px;top:204px}
#intro #full-map ul li.jihlava a{width: 68px}
#intro #full-map ul li.jihlava a:hover{background-position: -272px -515px}

#intro #full-map ul li.liberec{left:255px;top:14px}
#intro #full-map ul li.liberec a{width: 72px}
#intro #full-map ul li.liberec a:hover{background-position: -255px -325px}

#intro #full-map ul li.hradec-kralove{left:335px;top:78px}
#intro #full-map ul li.hradec-kralove a{width: 116px}
#intro #full-map ul li.hradec-kralove a:hover{background-position: -335px -389px}

#intro #full-map ul li.olomouc{left:438px;top:185px}
#intro #full-map ul li.olomouc a{width: 84px}
#intro #full-map ul li.olomouc a:hover{background-position: -438px -496px}

#intro #full-map ul li.ostrava{left:493px;top:131px}
#intro #full-map ul li.ostrava a{width: 78px}
#intro #full-map ul li.ostrava a:hover{background-position: -493px -442px}

#intro #full-map ul li.praha-cerny-most{left:154px;top:133px}
#intro #full-map ul li.praha-cerny-most a{width: 134px; height:24px;}
#intro #full-map ul li.praha-cerny-most a:hover{background-position: -154px -444px}

#intro #full-map ul li.praha-andel{left:154px;top:158px}
#intro #full-map ul li.praha-andel a{width: 134px; height:24px;}
#intro #full-map ul li.praha-andel a:hover{background-position: -154px -470px}
*/
#intro #vyber-kina{
	background: #041d59 url("../images/vyber-kina-bg.gif") 0 0 repeat-x;
	height: 84px;
	width: 283px;
	position: absolute;
	top: 71px;
	right: 141px;
}
#intro #vyber-kina h3{
	font-size: 16px;
	padding: 12px 0 5px 25px;
	margin: 0;
	text-align: left;
}
#intro #vyber-kina select{
	font-size: 14px;
	margin: 0 0 0 25px;
}
#intro #vyber-kina select{
	border: 1px solid #aacff3;
	padding: 1px;
	font-size: 15px;
	margin: 0 0 0 25px;
	background: url("../images/newsletter-bg.gif") left center repeat-x;
	float: left;
	color: #00064c;
	width: 233px;
}
#intro #vyber-kina option{
	border: 1px solid #aacff3;
	background-color: #D4E5FE;
}
#intro #intro-content{
	padding: 15px 0 0 0;
	width: 736px;
	margin: 0 auto;
	text-align: left;
}
#intro .half-left-col, #intro .half-right-col{
	width: 350px;
}
#intro .secondCol a{
	color: #FFF;
}
#intro .firstCol, #intro .secondCol{
	width: 160px;
	display: block;
	float: left;
}
#intro .secondCol{
	float: right;
}
#intro p{
	padding-bottom: 5px;
}

/** CONTENT **/
#container{
	width: 960px;
	margin: 0 auto;
	text-align: left;
	padding-bottom: 40px;
	clear: both;
}
.content{
	padding: 15px 15px 14px 15px;
	color: #FFF;
	background: #000427;
	position: relative;
	zoom: 1;
}
.content p{
	margin: 10px 0 5px;
}
.content ul{
	list-style: none;
	margin: 5px 0 15px 0;
	padding: 0;
}
.content ul li{
	background: url("../images/bullet.gif") 0 10px no-repeat;
	padding: 3px 0 3px 15px;
	margin: 0;
}
.content img.flLeft{
	float: left;
	margin: 0 15px 0 0;
	width: 250px;
}
.content img.flRight{
	float: right;
	margin: 0 0 0 15px;
	width: 250px;
}

.contacts .phones, .contacts strong, .contacts p a{
	color: #00BEF5;
}

#main{
	background: #FFF;
	color: #00064c;
}
#main p{
    margin-bottom : 15px;
}
#dark{
	background: #0f1535;
	color: #FFF;
	position: relative;
}

#footer a{
	font-weight: bold;
	color: #FFF;
}
.left-col{
	width: 615px;
	float: left;
}
.right-col{
	width: 300px;
	float: right;
}
.half-left-col{
	float: left;
	width: 450px;
}
.half-right-col{
	float: right;
	width: 450px;
}
h2{
	font-size: 30px;
	font-weight: bold;
	padding: 24px 0 38px;
	line-height:35px;
}
.subpage h2{
	padding: 15px 0 10px 0;
}

#intro #logo-3d{
	padding-bottom: 20px;
}
#intro #logo-3d h2{
	width: 114px;
	float: left;
}
#intro #logo-3d p{
	padding-top: 20px;
}

h3{
	font-size: 18px;
	line-height: 22px;
	font-weight: bold;
	padding: 0 0 5px 0;
}
h4{
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
	padding: 0 0 5px 0;
}
.contacts h4#fb-logo{
	padding: 15px 0 0 0;
}
#cinemaInfo{
	padding: 10px 0 0 0;
	position: absolute;
	width: 400px;
	top: 0;
	left: 280px;
	z-index: 10;
	text-align: center;
}
#cinemaInfo h3{
	font-size: 27px;
	padding: 7px 0;
}
#cinemaInfo p{
	padding: 0;
	font-weight: bold;
}

/** MENU **/
#menu{height: 38px;overflow: hidden; width: 960px; margin: 0 auto; list-style: none}
#menu li{float: left; margin-right: 5px; cursor: pointer}
#menu li a{display: block; text-align: center; padding: 10px 0 9px; color: #FFF; font-size: 14px; font-weight: bold; text-decoration: none; border-bottom: none}
#menu li img{display: block}
#menu li.recommend a{width: 143px}
#menu li.program a{width: 120px}
#menu li.films a{width: 116px}
#menu li.promotions a{width: 152px}
#menu li.schools-and-firms a{width: 165px}
#menu li.prague-schools a{width: 120px}
#menu li.prague-firms a{width: 130px}
.en #menu li.prague-schools a{width: 136px}
.en #menu li.prague-firms a{width: 154px}
.en #menu li.schools-and-firms a{width: 220px}
#menu li.schools-and-firms{float: right; margin-right: 0}
#menu li.prague-schools {float: right}
#menu li.prague-firms {float: right; margin-right: 0}
#menu li.selected a{border-bottom: none}


/** FILM OF THE WEEK **/
#film-of-the-week{
	height: 345px;
	width: 616px;
	position: relative;
	float: left;
}
#film-of-the-week .desc{
	z-index: 1;
	position: absolute;
	bottom: 23px;
	left: 23px;
	width: 240px;
	font-weight: bold;
}
#film-of-the-week h2{
	font-size: 30px;
	line-height: 35px;
	padding-bottom: 10px;
}
#film-of-the-week h2 a{
	color: #00064c;
}
#film-of-the-week h2 span{
	display: none;
}
#film-of-the-week p.more{
	padding: 10px 0 0 0;
}
#film-of-the-week p.more a{
	color: #9d0708;
	font-size: 14px;
}
#film-of-the-week img{
	position: absolute;
	z-index: 0;
}
#main .right-col p{
	margin-bottom: 5px;
}
#main p.newsletter-info{
	font-size: 11px;
	margin: 0;
	padding: 0;
}
#newsletter{
	height: 95px;
	overflow: hidden;
}
#newsletter input.text{
	border: 1px solid #aacff3;
	width: 180px;
	padding: 5px 10px;
	font-size: 13px;
	font-weight: bold;
	background: url("../images/newsletter-bg.gif") left center repeat-x;
	float: left;
}
#newsletter input.submit-btn{
	border: 1px solid #648ead;
	padding: 5px 0;
	width: 90px;
	text-align: center;
	font-size: 13px;
	font-weight: bold;
	background: url("../images/newsletter-button.gif") left center repeat-x;
	cursor: pointer;
	float: right;
}

#newsletter input.submit-btn.plain {
    float: left;
    margin-left: 15px;
}

.box-promo{
	width: 300px;
	float: left;
	margin-right: 15px;
}
.box-promo img, .banner-one img{
	display: block;
	margin-bottom: 10px;
}
.box-promo h3, .banner-one h3{
	font-size: 16px;
	margin-bottom: 0;
	padding: 0;
}
.box-promo p.more, .banner-one p.more{
	margin-bottom: 0 !important;
}
.box-promo a{
	color:#FFF;
}
#main .box-promo h3 a{
	color:#070d3c;
}
#main .box-promo .more a{
	color:#9d0708;
}
#main .box-promo{
	margin-bottom: 20px;
}
.box-promo .more, .banner-one .more{
	font-weight: bold;
}

.third, #main .second, .content .second{
	margin-right: 0 !important;
}


.box-film{
	width: 300px;
	float: left;
	padding-bottom: 20px;
	margin-right: 15px;
}
.box-film img{
	display: block;
	float: left;
	margin-top: 5px;
}
.box-film .film-content{
	width: 165px;
	float: right;
}
.box-film h3{
	font-size: 16px;
	padding: 0 0 10px 0;
}
.box-film .more{
	padding: 3px 0 0;
	font-weight: bold;
}
#main .box-film a{
	color:#070d3c;
}
#main .box-film .more a{
	color:#9d0708;
}
.box-film a{
	color:#FFF;
}

#day-chooser{
	margin: 20px 0;
	width: 420px;
	float: left;
}
#day-chooser h2{
	padding: 4px 0;
	font-size: 26px;
	margin-bottom: 18px;
}
#day-chooser select{
	border: 1px solid #aacff3;
	padding: 1px;
	font-size: 18px;
	margin: 0 0 0 0px;
	font-weight: bold;
	background: #D4E5FE url("../images/newsletter-bg.gif") left center repeat-x;
	float: left;
	color: #00064c;
}
#day-chooser option{
	border: 1px solid #aacff3;
	background-color: #D4E5FE;
}
#day-chooser a{
	outline-style:none;
}
#day-chooser input.submit-btn{
	padding: 6px 0;
	border: 0;
	width: 90px;
	text-align: center;
	font-size: 13px;
	font-weight: bold;
	background: #9d0708 url("../images/submit-bg.gif") 0 0 repeat-x;
	cursor: pointer;
	margin: 0 0 0 5px;
	color: #FFF;
}

.table-program{
	width: 930px;
	border-collapse: collapse;
	color: #FFF;
	margin: 15px 0 20px 0;
}
.table-program a{
	color: #FFF;
}
.table-program td{
	background: #5c6c94 url("../images/tbl-bg.gif") 0 0 repeat-x;
	border: 2px solid #FFF;
	font-size:  12px;
	height: 42px;
	width: auto;
	font-weight: bold;
	/*vertical-align: top;*/
}
.table-program th{
	background: #FFF;
	color: #00064c;
	text-indent: 3px;
	font-size: 12px;
	font-weight: bold;
	width: auto !important;
}
.table-program td span{
	padding: 0 3px;
	display: block;
}
.table-program td.hall{
	background: #041d5a url("../images/tbl-bg-active.gif") 0 0 repeat-x;
	width: 30px;
	text-align: center;
}
.table-program td.name{
	background: #041d5a url("../images/tbl-bg-active.gif") 0 0 repeat-x;
}
.table-program td.age{
	background: #041d5a url("../images/tbl-bg-active.gif") 0 0 repeat-x;
	width: 30px;
	text-align: center;
}
.table-program td.info{
	background: #041d5a url("../images/tbl-bg-active.gif") 0 0 repeat-x;
}
.table-program td.time{
	text-align: center;
	width: 40px;
}
.table-program td.active{
	background: #5c6c94 url("../images/tbl-bg-active.gif") 0 0 repeat-x;
}
.table-program tr.goldclass td{
	background: #5c6c94 url("../images/tbl-bg-goldclass.gif") 0 0 repeat-x;
	color: #000;
}
.table-program tr.goldclass td a{
	color: #000;
}
.table-program tr.goldclass td.name, .table-program tr.goldclass td.hall, .table-program tr.goldclass td.age, .table-program tr.goldclass td.active{
	background: #5c6c94 url("../images/tbl-bg-active-goldclass.gif") 0 0 repeat-x;
}
.table-program tr.hover td{
	background: #e16a6b url("../images/tbl-bg-hover.gif") 0 0 repeat-x;
	color: #FFF;
}
.table-program tr.hover td.hall, .table-program tr.hover td.name, .table-program tr.hover td.age, .table-program tr.hover td.info, .table-program tr.hover td.active{
	background: #cd0709 url("../images/tbl-bg-hover-active.gif") 0 0 repeat-x;
	color: #FFF;
}
.table-program tr.hover td a{color: #FFF}

.praha-andel .table-program td{height: 30px; vertical-align: middle}
.praha-andel .table-program td span{}
.praha-andel .table-program td img{height: 30px}
.praha-andel .table-program .goldclass td span{padding-top: 5px !important}
.praha-andel .table-program .goldclass td img{height: 24px; margin-top: 2px}

#legend {font-size: 12px; float: left; margin-top: 15px; margin-bottom: 30px}
#legend h4{float: left; font-size: 14px; margin-right: 12px; padding-top: 10px}
#legend span{margin-right: 15px; display: block; float: left; margin-top: 7px}
#legend .three-d{background: url(../images/lgnd-3d.gif) 0 50% no-repeat; padding: 5px 0 5px 37px}
#legend .goldclass{background: url(../images/lgnd-goldclass.gif) 0 50% no-repeat; padding: 5px 0 5px 33px}
#legend .europa{padding: 0; margin: 0 20px 0 0}
#legend .europa img{}
#legend .children{background: url(../images/lgnd-children.gif) 0 50% no-repeat; padding: 5px 0 5px 30px}
#legend .subtitles{background: url(../images/lgnd-subtitles.gif) 0 50% no-repeat; padding: 5px 0 5px 17px}
#legend .dabing{background: url(../images/lgnd-dabing.gif) 0 50% no-repeat; padding: 5px 0 5px 17px}

/** SPLITED PROGRAM **/
h3#program-3d-title, h3#program-standart-title, h3#program-europa-title, h3#program-gold-title{margin: 10px 0 10px 7px; padding: 0; float: left}
h3#program-3d-title {background: url("../images/ico-3d-title.gif") 100% 50% no-repeat; padding-right: 40px}
#main table.splited{margin: 0 0 20px}
#main table.splited th{background: #053171; color: #FFF; font-size: 11px}
#main table.splited th.hall{padding-left: 5px; border-left: 2px solid #FFF}
#main table.splited th.age, #main table.splited td.age{width: 33px !important}
#main table.splited th.age{text-align: center; text-indent: 0;}
#main table.splited td{height: 28px}
#main table.splited tr.children .name span{background: url("../images/ico-children-small.png") 100% 50% no-repeat; padding-right: 25px}
#main table.goldclass th{background: #deb419;}
#main table.goldclass td.name, #main table.goldclass td.hall, #main table.goldclass td.age, #main table.goldclass td.active{background: #5c6c94 url("../images/tbl-bg-active-goldclass.gif") 0 0 repeat-x}
#main table.goldclass td{background: #5c6c94 url("../images/tbl-bg-goldclass.gif") 0 0 repeat-x; color: #000}
#main table.goldclass a{color: #000}

h3.credit-cards{margin-top: 40px}

.film-detail{
	padding-bottom: 20px;
}
.film-detail h2{
	padding: 10px 0 20px !important;
}
#film-media{
	width: 615px;
	height: 345px;
	overflow: hidden;
	border-bottom: 9px solid #ab2021;
	position: relative;
}
#trailer{
	position: absolute;
	top: 0;
	left: 0;
}
#trailer-button.hidden {
    display : none;
}
#film-gallery{
	width: 615px;
	height: 345px;
	background: #383838;
	position: absolute;
	top: 0;
	left: 615px;
	outline: 0;
}
#film-gallery.visible {
    left: 0;
    overflow: auto;
    height: 345px;
    white-space: nowrap;
}
#film-gallery.visible img, #film-gallery.visible img.active{
	display: inline;
	height: 320px;
}
#film-gallery img{
	display: none;
    margin : 0 auto;
}
#film-gallery img.active{
	display: block;
    margin : 0 auto;
}
#film-gallery a img{
	display: block;
}
#film-gallery a{
	position: absolute;
	top: 0;
	outline: 0;
	height: 345px;
	width: 308px;
}
#film-gallery a.left-control{
	left: 0;
	background: url("../images/gallery-left.png") 0 0 no-repeat;
}
#film-gallery a.right-control{
	right: 0;
	background: url("../images/gallery-right.png") 0 0 no-repeat;
}


.film-detail #trailer img{
	display: block;
}
.film-detail #controls{
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
}
.film-detail #controls li{
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	float: left;
}
.film-detail #controls li a{
	display: block;
	float: left;
	padding: 8px 23px 6px;
	border: 1px solid #e83e3f;
	border-top: 0;
	background: #f7c7c7 url("../images/controls-bg.gif") 0 0 repeat-x;
	text-decoration: none;
	font-weight: bold;
	font-size: 14px;
	color: #ab2021;
	margin: 0;
	margin-right: 5px;
	width: auto;
}
.film-detail #controls li a:hover, .film-detail #controls li.selected a{
	background: #ab2021 url("../images/controls-bg-selected.gif") 0 0 repeat-x;
	color: #FFF;
	border: 1px solid #ab2021;
	border-top: 0;
}
.film-detail #controls li#csfd{
	float: right;
}
.film-detail #controls li#csfd a{
	margin-right: 0;
	float: right;
	background: #f7c7c7 url("../images/controls-csfd-bg.gif") right top no-repeat;
	padding: 8px 32px 6px 15px;
}
.film-detail #controls li#csfd a:hover{
	background: #ab2021 url("../images/controls-csfd-bg-selected.gif") right top no-repeat;
	color: #FFF;
}
.film-detail p.meta{
	padding: 15px 0 0;
}
.film-detail p.meta strong{
	font-weight: bold;
	color: #9d0708;
}
.film-detail h3{
	font-size:30px;
	font-weight:bold;
	padding: 10px 0 15px !important;
}
.film-detail h4{
	font-size: 14px;
}
.film-detail .table-program{
	width: auto;
	margin: 0 0 15px;
}

.cinexpress{
	color: #f40f88 !important;
}
.copyright{
	text-align: right;
	margin-top: 20px;
	font-size: 12px;
	color: #868b9f;
	display: none;
}
.copyright a{
	color: #868b9f !important;
}


#user-box{
	background: #ddebff;
	border: 1px solid #569fe7;
	width: 420px;
	float: right;
	padding: 10px 15px 7px;
	margin-top: 24px;
}
#user-box h3{
	font-size: 16px;
	float: left;
}
#user-box #pseudo-form{
	width: 230px;
	float: right;
}
#user-box p.actions{
	width: 180px;
	float: left;
	font-size: 11px;
	margin-bottom: 0;
	margin-top: 5px;
}
#user-box p.actions strong a{
	font-weight: bold;
	color: #c10708;
}
#user-box #pseudo-form p{
	clear: both;
	padding: 3px 0;
	margin: 0;
}
#user-box #pseudo-form label{
	width: 38px;
	display: block;
	float: left;
	text-align: right;
	margin-right: 10px;
}
#user-box #pseudo-form input{
	background: url("../images/login-input-bg.gif") left center repeat-x;
	border: 1px solid #569fe7;
	width: 180px;
	padding: 2px 0;
	font-size: 12px;
}
#user-box #pseudo-form p.pass input{
	width: 100px;
}
#user-box #pseudo-form p.pass input.submitBtn{
	width: 70px;
	background: #9D0708 url(../images/submit-bg.gif) repeat-x scroll 0 0;
	border: 0 none;
	color: #FFFFFF;
	cursor: pointer;
	font-size: 12px;
	font-weight: bold;
	margin: -2px 0 0 5px;
	padding: 1px 0 0 !important;
	text-align: center;
	font-family: Trebuchet MS,Arial,Helvetica,sans-serif;
}
#user-box p.loged-as{
	margin-bottom: 0;
	margin-top: 7px;
}
#user-box p.loged-actions{
	float: right;
	margin-bottom: 0;
}
#user-box p.loged-actions a{
	display: block;
	float: left;
	padding: 3px 10px;
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
	margin-left: 4px;
}
#user-box .settings{
	background: #2b8ffc url(../images/settings-bg.gif) 0 0 repeat-x;
}
#user-box .logout{
	background: #092573 url(../images/logout-bg.gif) 0 0 repeat-x;
}

h4.price-title{
	margin-top: 10px;
	padding-bottom: 0;
	color: #B00708;
}
.price-list{
	width: 100%;
	font-size: 12px;
	margin-top: 5px;
	line-height: 17px;
	margin-bottom: 15px;
}
.price-list tr{
	background: url(../images/dot.gif) 0 13px repeat-x;
	padding: 2px 0;
}
.price-list th{
	font-weight: bold;
	padding: 2px 0;
}
.price-list td{
	text-align: right;
	vertical-align: top;
	padding: 2px 0;
	width: 50px;
}
.price-list span{
	background: #FFF;
}
.price-list th span{
	padding-right: 7px;
}
.price-list td span{
	padding-left: 7px;
}
.price-list em{
	font-size: 10px;
	font-weight:normal;
}
#main p.price-notes{
	margin: 5px 0 5px;
	font-weight: bold;
	color: #B00708;
}

.content #school-box h2{
	padding-bottom: 15px;
}

.content #school-box ul{
	margin: 0 0 15px 0;
}

.action-text{
	width: 300px;
	float: right;
}
img.thumb{
	float: left;
}

.link{
	font-weight: bold;
	padding: 0 0 25px 0;
}
.link a{
	color: #C10708;
}

.table{
	width: 100%;
	border-collapse: collapse;
	color: #FFF;
	margin: 15px 0 40px 0;
}
.table caption{
	font-size: 20px;
	color: #0F1535;
	padding: 20px 0 0 0;
}
.table a{
	color: #FFF;
}
.table td{
	background: #5c6c94 url("../images/tbl-bg.gif") 0 0 repeat-x;
	border-bottom: 1px solid #FFF;
	font-size: 12px;
	padding: 5px;
	width: auto;
	text-align: center;
}
.table th{
	background: #0F1535;
	color: #FFF;
	padding: 5px;
	font-size: 12px;
	font-weight: bold;
	width: auto !important;
}
table .leftAlign{
	text-align: left;
}
table .rightAlign{
	text-align: right;
}


.gallery{width: 100%; background: #CEDFF9; margin: 0 0 25px; padding: 3px 0 2px}
.gallery img{float: left; width: 205px}


.partners p{
	padding: 0;
	margin: 0;
}
.partners a{
	display: block;
	width: 102px;
	height: 90px;
	float: left;
}
.partners img{
	display: block;
	width: 102px;
}
.general-media-partners{width: 306px; float: left}
.regional-media-partners{width: 306px; float: right}

body.mlada-boleslav .general-media-partners{width: 204px}
body.mlada-boleslav .regional-media-partners{width: 408px}
body.mlada-boleslav .partners h4{font-size: 14px}


body#reservation #header{
	height: 131px;
}
body#reservation #header h1{
	top: 18px;
	left: 48px;
}
body#reservation #menu{
	width: 160px;
	float: left;
}
body#reservation #menu-holder{
	width: 960px;
	margin: 0 auto;
	height: 38px;
}
body#reservation .content{
	position: static;
}
body#reservation #menu li{
	width: 140px;
}


#step-menu{
	height: 38px;
	overflow: hidden;
	margin: 0 auto;
	list-style: none;
	float: right;
}
#step-menu li{
	float: left;
}
#step-menu li a, #step-menu li span{
	display: block;
	text-align: center;
	padding: 11px 40px 10px 20px;
	color: #FFF;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	background: url("../images/menu/arrow-inactive.png") 100% 0 no-repeat;
}
#step-menu li.active a, #step-menu li.active span{
	background: url("../images/menu/arrow-active.png") 100% 0 no-repeat;
	color: #0a103e;
}
#step-menu li.pre-active a{
	background: url("../images/menu/arrow-preactive.png") 100% 0 no-repeat;
	color: #0a103e;
}
#step-menu li img{
	display: block;
}
#step-menu li.step-one a{
	width: 143px;
}
#step-menu li#first{
	border-left: 2px solid #2F4D74;
}
#step-menu li#last{
	border-right: 2px solid #2F4D74;
}
#step-menu li#last.active{
	border-right: 0;
}
#step-menu li#last span{
	background: url("../images/menu/step-menu-bg.png") 0 0 repeat-x;
	padding: 11px 20px 10px 20px;
}
#step-menu li#last a{
	background: url("../images/menu/step-menu-bg-active.png") 0 0 repeat-x;
	padding: 11px 20px 10px 20px;
}


/* BANNERS */
#banners{
	position:relative;
	padding: 0 15px;
}
.box-promo{
	padding: 15px 0 14px;
}


.banner-one, .banner-two{
	background: #d8d8d8;
	width: 300px;
	height: 250px;
}

.banner-one {
    background: #FFF;
}

.banner-one img, .banner-two img{
	display: block;
}

p.program-alert{
	color: #000 !important;
	font-weight: bold;
	padding: 18px 15px 14px 60px !important;
	margin: 10px 0 0 !important;
	background: #DDBC16 url("../images/info-icon.gif") 13px 11px no-repeat;
	color: #FFF;
}

.infoEvt {
    border : #CCC 1px solid;
    background-color : #EFEFEF;
    padding : 5px;
    color : #000;
    font-weight: bold;
    margin-bottom : 10px;
}

.errEvt {
    background-color : #FFE5E5;
    border : #A64848 1px solid;
    padding : 5px;
    color : #a22;
    font-weight : bold;
    margin-bottom : 10px;
}

#flvPlayer {
    width: 615px;
}

input.tlacitko_zpet{
	border: 1px;
}


p#print a{
	float: right;
	background: #ddebff url("../images/print.gif") 147px 50% no-repeat;
	display: block;
	padding: 13px 60px 11px 13px;
	width: 120px;
	color: #00064c;
	font-weight: bold;
}

.about-page .link{padding-bottom: 10px}
.pre-block{border-bottom: 1px solid #D4E5FE; margin-bottom: 20px; padding-bottom: 10px}
.pre-block p{font-size: 14px}
.about-page .right-col p{margin: 11px 0 8px}
.about-page h3{padding: 10px 0 15px; font-weight: normal; font-size: 20px}
.about-page .right-col h3, .about-page .right-col p{margin-left: 15px}
table th.center{text-align: center}


#star-mum h2#title{background: url("../images/star-mum.gif") 0 50% no-repeat; padding: 40px 0 40px 140px; margin-bottom: 20px}
#star-mum img#map{margin: 40px 0; display: block}


#main p.fb-share{
	margin: 10px 0 0;
}

.content p.fb-share a{
	background: url("../images/fb-icon.gif") 0 5px no-repeat;
	padding: 4px 0 4px 22px;
}
#footer a.about-cinestar {
	color: #00BEF5;
}


#modal-window p{padding: 5px 0 15px;}
#modal-window h2{padding: 10px 0 25px;}
#modal-window .attention{color: #BC0708; font-weight: bold}


}
@media print {

	body{color: #000;font: 12px/18px Trebuchet MS, Arial, Helvetica, sans-serif;}
	p.change, #menu, #newsletter, #banner-one, #carousel, #user-box, #day-chooser .submit-btn, .box-promo, .partners, .contacts, #footer, embded, object, #print, .copyright{display: none;}
	a img{border: 0}
	a{color:#000}

	h1{float: right}
	h2{font-size: 18px; font-weight: bold; margin: 20px 0 10px}
	h3{font-size: 16px; font-weight: bold; margin: 15px 0 5px}
	h3{font-size: 14px; font-weight: bold; margin: 10px 0 5px}
	p{font-size: 12px}

	table{width: 100%;border-collapse: collapse;margin-bottom: 30px;}
	table th{padding: 3px;font-weight: bold;border-bottom: 2px solid #000;}
	table td{padding: 3px;border-bottom: 1px solid #000;}
	table.price-list th{border-bottom: 1px solid #000; text-align:left;}
	.clr{clear: both;}
	ul{margin: 10px 0 10px 20px; padding:0; list-style: square}
	ul li{padding: 5px 0;}

	#header{height: 150px; border-bottom: 3px solid #e2e2e2; padding-bottom: 15px;margin-bottom:15px}
	#content{width: 100%}
	#cinemaInfo h3{font-size: 20px}
	#cinemaInfo p{font-size: 14px}
/*	.half-left-col{float: left;width: 450px;}
	.half-right-col{float: right;width: 450px;}
	.box-film{width: 50%;float:left}*/


}




