/* 
Filmochod
Vytvořil Martin Winkler
*/

/* CSS Reset  */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;	
}
body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: '';	content: none; }

:focus { outline: 0; }

ins {	 text-decoration: none;}
del {	 text-decoration: line-through; }

table { border-collapse: collapse; border-spacing: 0; }

/* Main structure */

body {
	font-family: 'Arial';
	font-size: 14px;
	color: #fff;
	background: #000;
	margin: 0;
	padding: 0;
}

#container { width: 880px; margin: 0 auto; position: relative; }

/* Header */

#header { width: 880px; height: 226px; position: relative; z-index: 10; }
#teaser { width: 880px; height: 280px; margin-bottom: 40px; position: relative; z-index: 1; }
#header #head-r { background: transparent url('../img/head-r.gif') left top no-repeat; width: 170px; height: 140px; position: absolute; right: 0; top: 0; }
#header #head-l { width: 691px; height: 140px; position: relative; left: 0; top: 0;  }
#header #head-l span { width: 691px; height: 140px; background: transparent url('../img/type-1.gif') left top no-repeat; position: absolute; left: 0; top: 0; }

#header #head-l span.type-0 { background-image: url('../img/type-1.gif'); }
#header #head-l span.type-1 { background-image: url('../img/type-2.gif'); }
#header #head-l span.type-2 { background-image: url('../img/type-3.gif'); }

#header #v-menu ul { position: absolute; bottom: 8px; left: 20px; }
#header #v-menu ul li { float: left; margin-right: 25px; }
#header #v-menu ul li a { font-size: 17px; font-weight: bold; letter-spacing: -1px; color: #fff; text-transform: uppercase; text-decoration: none; }
#header #v-menu ul li a:hover, #header #v-menu ul li a.active { color: #f7da24; }

#teaser .glass-border { background: transparent url('../img/glass-border.png') left top; width: 880px; height: 60px; position: absolute; left: 0; bottom: 0; }

#teaser .coda-nav-left, #teaser .coda-nav-right { display: none; }
#teaser .coda-nav-left a { background: transparent url('../img/arrow-l.png') left top repeat; width: 27px; height: 40px; position: absolute; left: 0; top: 74px; z-index: 1000; }
#teaser .coda-nav-right a { background: transparent url('../img/arrow-r.png') left top repeat; width: 27px; height: 40px; position: absolute; right: 0; top: 74px; z-index: 1000; }

#teaser .coda-nav-left { z-index: 1000; }
#teaser .coda-nav-right { z-index: 1000; }

/* Sidebar */

ul.side-menu { margin: 0 0 85px 0; }
.side-menu li { width: 209px; height: 36px; margin-bottom: 1px; }
.side-menu li a { width: 209px; height: 24px; padding-top: 12px; display: block; color: #cbcbcb; text-decoration: none; text-transform: uppercase; padding-left: 18px; background: transparent url('../img/sidebar-but.gif') left top no-repeat; }
.side-menu li a:hover, .side-menu li a.active { color: #000; background: transparent url('../img/sidebar-but.gif') left -36px no-repeat; }

/* Year switch */

#header .year { height: 27px; width: 70px; position: absolute; right: 0; bottom: 12px; }
#header .year ul { float: left; padding-bottom: 15px; }
#header .year ul li { display: block; position: relative; line-height: 20px; height: 21px; width: 70px; margin: 0; background: #202020; }
#header .year ul li a { font-size: 13px; line-height: 15px; color: #fff; background: #202020; text-decoration: none; height: 21px; width: 58px; padding: 6px 0 0 12px; display: block; }
#header .year ul li a:hover { color: #f7da24; text-decoration: none; }
#header .year ul li.active { height: 27px; }
#header .year ul li.active a { color: #b5b5b5; background: transparent url('../img/switch-year.gif') left top no-repeat; }
#header .year ul li.expanded { padding-bottom: 4px; }
#header .year ul li.expanded a, #header .year ul li.active a:hover { background: #202020 url('../img/switch-year.gif') left -27px no-repeat; }

/* Content */

#content .box-text { margin: 0 0 24px 0; }
#content .box-register { background: #272727 url('../img/box-register.gif') left top repeat-x; padding: 13px 0 57px 0; margin: 0 0 33px 0; position: relative; }
#content .box-register h2 { margin: 0 20px 9px 20px; letter-spacing: -1px; }
#content .box-register p { font-size: 13px; color: #ababab; line-height: 18px; margin: 0 19px; }
#content .box-register a.button { position: absolute; line-height: 0; left: 0; top: 113px; text-decoration: none; padding: 20px; color: #cbcbcb; background: #272727; display: block; width: 170px; height: 7px; }
#content .box-register a:hover.button { color: #000; background: #ddc308; }
#content .box-register a.button span { background: transparent url('../img/register-but.gif') left top no-repeat; width: 210px; height: 47px; display: block; position: absolute; left: 0; top: 0; cursor: pointer; }
#content .box-register a:hover.button span { background: transparent url('../img/register-but.gif') left -47px no-repeat; display: block; }

#content .box-register a.button.en span { background: transparent url('../img/register-but-en.gif') left top no-repeat; width: 210px; height: 47px; display: block; position: absolute; left: 0; top: 0; cursor: pointer; }
#content .box-register a:hover.button.en span { background: transparent url('../img/register-but-en.gif') left -47px no-repeat; display: block; }



#content .box-content { background: #fff; color: #585858; padding: 28px 20px 14px 20px; }
#content.no-border .box-content { padding: 0; }
#content .box-content p { line-height: 21px; }
#content .box-content .line { margin: 18px 0; }

#content .head-movie { height: 0; padding-top: 26px; }
#content .head-movie h1 { color: #f7da24; margin: auto 20px; position: relative; top: -44px; }

#content ul.partners li { float: left; margin-right: 20px; margin-bottom: 15px; }
#content .gmap { margin-bottom: 20px; }
#content .tx-flvplayer2-pi1 { margin-bottom: 20px; }

#content .box-price { background: #f6f6f6; position: relative; left: -20px; width: 600px; padding: 8px 20px 10px 20px; margin: 0 0 15px 0; }
* #content .box-price { left: 0; width: 580px; padding: 8px 10px 10px 10px; }
#content .box-price ul.big { font-size: 19px; float: left; width: 225px; color: #787878; line-height: 24px; margin: 0; }
* #content .box-price ul.big { width: 210px; }
#content .box-price ul.big .bold { font-weight: bold; color: #585858; }
#content .box-price ul.small { float: left; margin: 0; }
#content .box-price ul.small li { line-height: 16px; padding: 0; }

#content .box-news  { margin: 0 0 33px 0; padding-top: 13px; }
#content .box-news .news-latest-item  { font-size: 11px; line-height: 18px; }
#content .box-news .news-latest-date { color: #858585; }

#content .box-program { margin: 0 0 33px 0; }

#content .cells ul li { font-size: 13px; line-height: 19px; }
#content .cells .cell { width: 270px; height: 130px; margin-right: 30px; float: left; }
#content .cells .cell h3 { font-weight: normal; }

#content.black .box-content { background: black; color: white; }

/* Footer */

#footer { font-size: 10px; line-height: 10px; color: #a7a7a7; padding: 3px 20px; background: transparent url('../img/bar.gif') left top repeat-x; text-align: right; }
#footer ul { display: inline; padding-right: 17px; }
#footer li { display: inline; margin-left: 8px; }
#footer .lng-switch { border-left: 1px solid #000; padding: 7px 0 7px 17px; display: inline; }
#footer .flag-en { color: #fff; background: transparent url('../img/flag-en.gif') right top no-repeat; width: 18px; height: 12px; padding-right: 28px; }
#footer .flag-cz { color: #fff; background: transparent url('../img/flag-cz.gif') right top no-repeat; width: 18px; height: 12px; padding-right: 28px; }

#subfooter p.filmochod { font-family: 'Arial'; font-size: 10px; color: #a6a6a6; text-transform: uppercase; text-align: right; margin: 10px 77px 0 0; }
#subfooter p.filmochod a.logo { position: relative; width: 111px; height: 14px; }
#subfooter p.filmochod a.logo span { position: absolute; left: 0; top: 0; width: 111px; height: 14px; display: block; background: transparent url('../img/filmochod-logo.gif') left top no-repeat; }

/* Cols */

.col, .col-1, .col-2, .col-3, .col-4 { float: left; }
#content .col2-set, #teaser .col2-set { margin: 0 0 30px 0; }
#content .col3-set, #teaser .col3-set { margin: 0 0 30px 0; }

#content .col2-set .col-1, #teaser .col2-set .col-1 { width: 640px; margin: 0 0 0 0; display: inline; }
#content .col2-set .col-2, #teaser .col2-set .col-2 { width: 210px; margin: 0 0 0 30px; display: inline; }

#content .col3-set .col-1 { width: 330px; padding-top: 13px; padding-right: 40px; margin: 0 0 0 20px; display: inline; }
#content .col3-set .col-2 { width: 240px; padding-top: 13px;  margin: 0 20px 0 20px; display: inline; }
#content .col3-set .col-3 { width: 210px; }

#content .contact-col-set .col { width: 180px; margin: 0 30px 0 0; }
#content .contact-col-set .last { margin: 0; }

/* Headers */

h1 { font-size: 40px; line-height: 40px; font-weight: normal; text-transform: uppercase; margin-bottom: 4px; color: #a8a8a8; letter-spacing: -4px; }
h2 { font-size: 24px; line-height: 24px; font-weight: normal; text-transform: uppercase; margin-bottom: 14px; color: #f7da24; }
h2 a { text-decoration: none; }
h2 a:hover { color: #fff; }
h2.title { font-size: 20px; font-weight: bold; text-transform: uppercase; color: #fff; margin: 23px 0 0 21px; }
h2.title span { font-size: 13px; font-weight: normal; }

#content .box-content h1 { margin-bottom: 10px; }
#content .box-content h2 { font-size: 15px; font-weight: bold; color: #a8a8a8; text-transform: uppercase; margin-top: 14px; margin-bottom: 14px; }
#content .box-content h3 { font-size: 14px; line-height: 21px; font-weight: bold; color: #000; }

/* Forms */

input.text { background: #f6f6f6; border: 1px solid #c8c8c8; width: 278px; height: 24px; padding: 5px; margin-bottom: 5px; }
input.text-short { background: #f6f6f6; border: 1px solid #c8c8c8; width: 116px; height: 24px; padding: 5px; }
label { font-size: 13px; line-height: 25px; color: #585858; }
.req { color: #e06600; }

.radio-label { font-weight: bold; text-transform: uppercase; position: relative; top: 7px; left: 3px; margin-right: 5px; }
.radio-label-multi { line-height: 18px; text-transform: uppercase; position: relative; top: 7px; left: 3px; }
.radio-label-multi .label { display: inline; padding-right: 10px; font-weight: bold; }
.radio { position: relative; top: 7px }
.radio-label .payment { font-size: 11px; font-weight: normal; color: #585858; text-transform: none; position: relative; line-height: 15px; left: 100px; top: 0; }

textarea { font-family: 'Arial'; font-size: 12px; width: 588px; padding: 5px; margin: 10px 0 20px 0; background: #f6f6f6; border: 1px solid #c8c8c8; }

input.submit { font-family: 'Arial'; font-size: 12px; text-align: left; color: #fff; text-transform: uppercase; width: 144px; padding: 0 0 0 20px; height: 27px; background: #000 url('../img/submit.gif') left top no-repeat; border: none; cursor: pointer; }

/* Tables */

#content table.program-small { font-size: 11px; line-height: 18px; }
#content table.program-small col.hour, #content .col3-set .col-2 table.program-small td:first-child + td { color: #bababa; }
#content table.program-small col.date, #content .col3-set .col-2 table.program-small td:first-child + td + td { color: #858585; }

#content .col2-set .col-1 table.program { font-size: 13px; color: #424242; width: 640px; line-height: 18px; margin: 15px 0; position: relative; left: -20px; }
#content .col2-set .col-1 table.program tr { background: #f6f6f6; }
#content .col2-set .col-1 table.program td { vertical-align: middle; padding-top: 6px; padding-bottom: 7px; }
#content .col2-set .col-1 table.program tr.even { background: #e3e3e3; }
#content .col2-set .col-1 table.program thead tr { background: none; text-align: left; }
#content .col2-set .col-1 table.program thead tr th { font-size: 15px; font-weight: bold; color: #a8a8a8; padding: 0 0 6px 20px; }
#content .col2-set .col-1 table.program col.name, #content .col2-set .col-1 table.program td:first-child  { font-size: 19px; font-weight: bold; color: #e06600; padding-left: 20px; }
#content .col2-set .col-1 table.program col.time, #content .col2-set .col-1 table.program td:first-child + td + td + td{ font-size: 19px; font-weight: bold; color: #585858; padding-right: 20px; }

#content .col2-set .col-1 table.program col.name small, #content .col2-set .col-1 table.program td:first-child  small { font-size: 12px; }

#teaser .col2-set .col-2 table.info { font-size: 13px; color: #fff; line-height: 20px; margin-top: 12px; }
#teaser .col2-set .col-2 table.info col.name, #teaser .col2-set .col-2 table.info td:first-child { color: #bababa; }
#teaser .col2-set .col-2 table.info tr.last td { padding-top: 14px; }

#teaser .col2-set .col-2 table.info-start { width: 210px; position: absolute; bottom: 0; right: 0; }
#teaser .col2-set .col-2 table.info-start td { background: #2f2f2f; text-transform: uppercase; color: #999; font-size: 16px; font-weight: bold; line-height: 29px;  }
#teaser .col2-set .col-2 table.info-start th { font-size: 13px; line-height: 28px; color: #bababa; font-weight: normal; }
#teaser .col2-set .col-2 table.info-start col.day, #teaser .col2-set .col-2 table.info-start td:first-child { padding-left: 20px; }
#teaser .col2-set .col-2 table.info-start col.time, #teaser .col2-set .col-2 table.info-start td:first-child + td + td { color: #fff; }
#teaser .col2-set .col-2 table.info-start tr.even td { background: #232323; }

/* Standard classes */

p,ul { line-height: 21px; margin: 0 0 10px 0; }

p.note { font-size: 13px; margin-bottom: 0; }
ul.comm-list li { margin-left: 10px; padding-left: 20px; padding-bottom: 10px; background: transparent url('../img/arrow.gif') left 6px no-repeat; }

a { color: #f7da24; text-decoration: underline; }
a:hover { color: #fff; text-decoration: none; }

.box-content a { color: #e06600; text-decoration: underline; }
.box-content a:hover { color: #e06600; text-decoration: none; }

a.more { font-size: 12px; line-height: 12px; text-transform: uppercase; display: block; width: 129px; padding: 7px 0 8px 14px; color: #fff; text-decoration: none; background: transparent url('../img/a-more.gif') left top repeat-x; position: relative; }
a.more span { background: transparent url('../img/a-more-arrow.gif') left top no-repeat; width: 23px; height: 27px; display: block; position: absolute; right: 0; top: 0; cursor: pointer; }
a.more:hover { color: #000; background: transparent url('../img/a-more.gif') left -27px repeat-x; }
a.more:hover span { background: transparent url('../img/a-more-arrow.gif') left -27px no-repeat; }

#teaser a.more { color: #000; background: transparent url('../img/a-more.gif') left -27px repeat-x; position: absolute; right: 53px; bottom: 14px; }
#teaser a:hover.more { background: #fff; }
#teaser a.more span { background: transparent url('../img/a-more-arrow.gif') left -27px no-repeat; }
#teaser a:hover.more span { background: transparent url('../img/a-more-arrow.gif') left -54px no-repeat; }

/* Various classes */

.nowrap,
.nobr { white-space: nowrap !important; }

.bold { font-weight: bold; color: #585858; }
h3 .bold { font-weight: bold; color: #000; }
.uppercase { text-transform: uppercase; }
.small { font-size: 11px; }
ul.small li { line-height: 16px; padding-bottom: 5px; }
ul.contact { line-height: 18px; padding-bottom: 0; }
.line { border-bottom: 1px solid #cecece; }
.bot-20 { margin-bottom: 20px; }

/* Alignment */

.v-top { vertical-align: top; }
.v-middle { vertical-align: middle; }
.v-bottom { vertical-align: bottom; }

.left { float: left; }
.right { float: right; }

img.left { margin-right: 20px; }
img.right { margin-left: 20px; }

.a-left { text-align: left; }
.a-right { text-align: right; }
.a-center { text-align: center; }

/* Clearfix */

.clearfix:after,
.col2-set:after,
.col3-set:after,
ul.partners:after,
.contact-col-set:after,
.box-price:after,
.cells:after {
	content:".";
	display: block;
	clear: both;
	height: 0;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	overflow: hidden;
}

* .clearfix, * .col2-set, * .col3-set, ul.partners, * .contact-col-set, * .box-price, * .cells { zoom: 1; }