/*
 * Zakladni Styl CCH
 * Autor: Jan Rezac
 *
 */

@import url("initial.css");

a, a:link {
  text-decoration: underline;
  cursor: pointer;
  color: #e054aa;
}

a:visited {
  color: #e054aa;
}

a:hover, a:focus, a:active {
  color: #fff;
}

/*========== [layout] ========================================================*/
body {
  text-align: center;
  font-family: Arial, sans-serif;
  background: #000 url(../images/top2.gif) 0 0 repeat-x;
  color: #ccc;
  font-size: 1em;
  line-height: 1.6;
}

table {
  line-height: 1.6;
}

div#main {
  padding-top: 33px;
  position: relative;
  width: 940px;
  margin: 0 auto;
  text-align: left;
  font-size: 0.77em;
}

div#altNav a {
  position: absolute;
  left: -9999px;
}

div#altNav a:active, div#altNav a:focus {
  left: 0;
  padding: 0.4em 20px 0.6em;
  top: 0;
  display: block;
  background: #000;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  outline-style: none !important;
}

div#wrapper {
  background: url(../images/back.gif) 0 0 repeat-y;
  padding: 23px 20px;
  border-bottom: 1px solid #272727;
}

/*========== [header] ========================================================*/
div#header {
  width: 100%;
  position: relative;
  height: 203px;
}

div#logo {
  width: 280px;
  height: 81px;
  position: absolute;
  top: 35px;
}

div#logo span {
  background: url(../images/logo.gif);
}

div#city {
  width: 420px;
  height: 74px;
  position: absolute;
  top: 37px;
  left: 520px;
}

div#city li {
  height: 74px;
  position: absolute;
}

li#c1 {
  width: 138px;
  left: 0;
}

li#c2 {
  width: 141px;
  left: 138px;
}

li#c3 {
  width: 94px;
  left: 279px;
}

li#c1 span {background: url(../images/city.gif) 0 0 no-repeat;}
li#c2 span {background: url(../images/city.gif) -138px 0 no-repeat;}
li#c3 span {background: url(../images/city.gif) -279px 0 no-repeat;}

li#c1 a:hover span {background-position: 0 -75px;}
li#c2 a:hover span {background-position: -138px -75px;}
li#c3 a:hover span {background-position: -279px -75px;}

div#top {
  position: absolute;
  top: 0;
  right: 0;
  width: 423px;
}

div#lang {
  position: absolute;
  top: 0;
  left: 0;
  width: 77px;
  height: 33px;
}

div#lang li {
  height: 33px;
  position: absolute;
  top: 0;
}

div#lang li#cz {
  width: 39px;
  left: 0;
}

div#lang li#en {
  width: 38px;
  left: 39px;
}

li#cz span {background: url(../images/lang.gif) 0 0 no-repeat;}
li#cz a span {background: url(../images/lang.gif) 0 -34px no-repeat;}
li#cz a:hover span {background: url(../images/lang.gif) 0 -68px no-repeat;}

li#en span {background: url(../images/lang.gif) -39px -34px no-repeat;}
li#en a span {background: url(../images/lang.gif) -39px 0 no-repeat;}
li#en a:hover span {background: url(../images/lang.gif) -39px -68px no-repeat;}

div#search {
  padding-left: 77px;
}

div#search div,
div#search2 div,
div.itext {
  width: 257px;
  height: 26px;
  background: url(../images/input.gif);
  position: relative;
  top: 3px;
}

div#search2 div,
div.itext {
  background: url(../images/input3.gif);
}

div#search div input,
div#search2 div input,
div.itext input {
  width: 254px;
  position: relative;
  top: 2px;
  left: 2px;
  background: transparent;
  border: 0 none;
}

input.send,
input.send3 {
  width: 89px;
  height: 26px;
  background: url(../images/search.gif);
  position: absolute;
  top: 3px;
  right: 0;
}

input.send3 {
  background: url(../images/search2.gif);
  right: auto;
  left: 258px;
}

input.send:hover,
input.send:focus,
input.send3:hover,
input.send3:focus {
  background-position: 0 -27px;
}

div#search2 {
  position: relative;
  margin-bottom: 2em;
}

div.srch h3 {
  font-weight: normal;
  margin-bottom: 0;
}

/*========== [menu] ==========================================================*/
div#menu {
  position: absolute;
  top: 179px;
  left: 0;
}

div#menu ul {
  height: 57px;
  width: 940px;
  background: url(../images/menu.gif);
}

div#menu ul#a1 {background-position: 0 -116px;}
div#menu ul#a2 {background-position: 0 -174px;}
div#menu ul#a3 {background-position: 0 -232px;}
div#menu ul#a4 {background-position: 0 -290px;}
div#menu ul#a5 {background-position: 0 -348px;}
div#menu ul#a6 {background-position: 0 -406px;}
div#menu ul#a7 {background-position: 0 -464px;}
div#menu ul#a8 {background-position: 0 -522px;}
div#menu ul#a9 {background-position: 0 -580px;}

div#menu li {
  position: absolute;
  top: 0;
  height: 57px;
}

li#m1 {
  width: 117px;
  left: 0;
}

li#m2 {
  width: 103px;
  left: 118px;
}

li#m3 {
  width: 152px;
  left: 222px;
}

li#m4 {
  width: 73px;
  left: 375px;
}

li#m5 {
  width: 82px;
  left: 449px;
}

li#m6 {
  width: 116px;
  left: 532px;
}

li#m7 {
  width: 97px;
  left: 649px;
}

li#m8 {
  width: 97px;
  left: 747px;
}

li#m9 {
  width: 95px;
  left: 845px;
}

li#m1 span {background: url(../images/menu.gif) 0 0 no-repeat;}
li#m2 span {background: url(../images/menu.gif) -118px 0 no-repeat;}
li#m3 span {background: url(../images/menu.gif) -222px 0 no-repeat;}
li#m4 span {background: url(../images/menu.gif) -375px 0 no-repeat;}
li#m5 span {background: url(../images/menu.gif) -449px 0 no-repeat;}
li#m6 span {background: url(../images/menu.gif) -532px 0 no-repeat;}
li#m7 span {background: url(../images/menu.gif) -649px 0 no-repeat;}
li#m8 span {background: url(../images/menu.gif) -747px 0 no-repeat;}
li#m9 span {background: url(../images/menu.gif) -845px 0 no-repeat;}

li#m1 a:hover span {background-position: 0 -58px;}
li#m2 a:hover span {background-position: -118px -58px;}
li#m3 a:hover span {background-position: -222px -58px;}
li#m4 a:hover span {background-position: -375px -58px;}
li#m5 a:hover span {background-position: -449px -58px;}
li#m6 a:hover span {background-position: -532px -58px;}
li#m7 a:hover span {background-position: -649px -58px;}
li#m8 a:hover span {background-position: -747px -58px;}
li#m9 a:hover span {background-position: -845px -58px;}

ul#a1 li#m1,
ul#a2 li#m2,
ul#a3 li#m3,
ul#a4 li#m4,
ul#a5 li#m5,
ul#a6 li#m6,
ul#a7 li#m7,
ul#a8 li#m8,
ul#a9 li#m9 {
  text-indent: -100em;
}

ul#a1 li#m1 span,
ul#a2 li#m2 span,
ul#a3 li#m3 span,
ul#a4 li#m4 span,
ul#a5 li#m5 span,
ul#a6 li#m6 span,
ul#a7 li#m7 span,
ul#a8 li#m8 span,
ul#a9 li#m9 span {
  background: transparent;
}

/*========== [telo] ==========================================================*/
div.mImg {
  position: relative;
  margin-bottom: 27px;
}

div#slogan {
  width: 900px;
  height: 121px;
  margin-bottom: 40px;
  position: relative;
  top: 5px;
}

div#slogan span {background: url(../images/slogan2.gif)}

div.panel {
  border-top: 1px solid #282828;
  padding: 30px 0 0;
  margin-bottom: 30px;
  background: url(../images/films.gif) 0 100% no-repeat;
}

div.f2 {
  padding-top: 5px;
  padding-bottom: 5px;
}

div#wrapper div#homef div a {
  height: 103px;
  width: 164px;
  overflow: hidden;
  position: relative;
}

div#wrapper div#homef div a b,
div#wrapper div#homef div a:link b,
div#wrapper div#homef div a:visited b {
  position: absolute;
  bottom: -7px;
  font-family: 'Arial Black', Arial, sans-serif;
  left: -2px;
  font-size: 2.25em;
  letter-spacing: -2px;
  font-weight: normal;
  text-transform: none;
  color: #fff;
  white-space: nowrap;
}

div#wrapper div#homef div a:hover b {
  color: #e054aa;
}

div.panel a {
  padding-bottom: 80px;
  display: block;
}

div.panel div,
div.films div {
  width: 164px;
  float: left;
  position: relative;
  margin-right: 20px;
}

div.panel div.p5,
div.films div.l {
  margin: 0;
}

div.panel span {
  position: absolute;
  bottom: 0;
  left: 0;
  text-indent: -100em;
  display: block;
  width: 164px;
  height: 65px;
}

div.panel div.p1 a:hover span {background: url(../images/films.gif) -901px 0 no-repeat;}
div.panel div.p2 a:hover span {background: url(../images/films.gif) -1085px 0 no-repeat;}
div.panel div.p3 a:hover span {background: url(../images/films.gif) -1269px 0 no-repeat;}
div.panel div.p4 a:hover span {background: url(../images/films.gif) -1453px 0 no-repeat;}
div.panel div.p5 a:hover span {background: url(../images/films.gif) -1637px 0 no-repeat;}

div.f2 span {
  display: none;
}

div.acts {
  border-top: 1px solid #282828;
  padding: 17px 0 0;
}

h1 {
  font-weight: bold;
  text-transform: uppercase;
  color: #eee;
  font-size: 1.7em;
  margin-bottom: 0.5em;
}

h6 {
  font-weight: normal;
  text-transform: uppercase;
  color: #eee;
  font-size: 0.89em;
  margin-bottom: 1em;
  position: relative;
  top: -8px;
  left: 1px;
}

h2 {
  font-weight: bold;
  text-transform: uppercase;
  color: #ccc;
  font-size: 1.47em;
  margin-bottom: 0.8em;
}

h3 {
  font-weight: bold;
  color: #ccc;
  font-size: 1.25em;
  margin-bottom: 0.85em;
}

h4 {
  font-weight: bold;
  text-transform: uppercase;
  color: #ccc;
  font-size: 1em;
  margin-bottom: 1.2em;
}

dt {
  margin-left: 15px;
  padding-left: 25px;
  font-weight: bold;
  background: url(../images/dot2.gif) 0 5px no-repeat;
}

dd {
  margin: 0 0 0.6em 40px;
}

b, strong {
  color: #ccc;
}

div#wrapper ul li {
  margin-left: 15px;
  padding-left: 25px;
  background: url(../images/dot2.gif) 0 5px no-repeat;
}

ol li {
  margin-left: 32px;
  padding-left: 7px;
}

div.aktualne {
  width: 532px;
  float: left;
}

div.newsletter {
  float: right;
  width: 348px;
}

div.newsletter2 {
  padding-left: 20px;
  border-left: 1px solid #282828;
  padding-bottom: 3.3em;
}

div.aktualne div.left,
div.aktualne div.right {
  width: 256px;
  position: relative;
}

div.aktualne h3,
div.news h3 {
  border-bottom: 1px solid #282828;
  padding-bottom: 3px;
  margin-bottom: 5px;
  font-size: 1em;
  padding-right: 80px;
}

div.aktualne h3 a,
div.news h3 a {
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
}

div.aktualne div.date,
div.news div.date {
  font-size: 0.89em;
  position: absolute;
  top: 0;
  right: 0;
  color: #777;
}

p, ul, ol, table, dl {
  margin-bottom: 1.2em;
}

div.cont a {
  background: url(../images/dot.gif) 0 3px no-repeat;
  padding: 0 0 8px 26px;
  margin-right: 26px;
}

div.cont a:hover {
  background-position: -999px 3px;
}

div.rel div.rss {
  position: absolute;
  right: 0;
  top: 0;
}

div.rss a,
div.rss a:link,
div.rss a:visited {
  color: #ccc;
  padding: 0 0 8px 26px;
  background: url(../images/rss.gif) 0 2px no-repeat;
}

div.rss a:hover {
  color: #f28b35;
  background-position: -1000px 2px;
}

div.more {
  line-height: 2.6;
}

div#nws {
  padding: 12px 0 24px;
  position: relative;
}

div.input2 {
  width: 168px;
  height: 26px;
  background: url(../images/input2.gif);
}

div.input2 input {
  width: 165px;
  position: relative;
  top: 2px;
  left: 2px;
  background: transparent;
  border: 0 none;
}

input.send2 {
  width: 89px;
  height: 26px;
  background: url(../images/prihlasit.gif);
  position: absolute;
  top: 12px;
  left: 170px;
}

input.send2:hover,
input.send2:focus {
  background-position: 0 -27px;
}

.error {
  color: #fff;
  background: #cb1212;
  padding: 4px 10px 6px;
  font-weight: bold;
  border: 1px solid #e04c4c;
}

h2 a,
h2 a:link,
h2 a:visited {
  text-decoration: none;
  color: #fff;
  border-bottom: 1px solid #282828;
}

h2 a:hover {
  border-bottom: 1px solid #fff;
}

.mesta {
  float: right;
  width: 482px;
}

div.intro {
  border-bottom: 1px solid #282828;
  padding-bottom: 1em;
  margin-bottom: 2em;
}

div.intro div.i2 {
  width: 408px;
  float: left;
  margin: 0;
}

div#wrapper .mesta li {
  margin: 0 0 0 20px;
  float: left;
  padding: 0 20px 0 0;
  font-size: 0.89em;
  background: transparent;
}

.mesta a,
.mesta a:link,
.mesta a:visited {
  display: block;
  text-decoration: none;
  border-left: 1px solid #282828;
  padding-left: 20px;
  color: #b1b1b1;
}

.mesta a b,
.mesta a:link b,
.mesta a:visited b {
  color: #fff;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1.55em;
  display: block;
}

.mesta a:hover {
  color: #ddd;
  background: transparent;
}

.mesta a:hover span {
  color: #e054aa;
}

div.films {
  margin-bottom: 20px;
}

div.films img {
  margin-bottom: 10px;
}

div.films a,
div.films a b {
  text-decoration: none;
  color: #e054aa;
  display: block;
}

div.films a b {
  text-transform: uppercase;
  line-height: 1.3;
}

div.films a span {
  font-size: 0.89em;
  color: #ccc;
}

div.films a:hover b {
  color: #fff;
}

div.hr {
  border-bottom: 1px solid #282828;
  margin-bottom: 2em;
  margin-top: 2em;
}

div.hr hr {
  display: none;
}

div.sub a,
div.sub a:link,
div.sub a:visited {
  color: #b1b1b1;
}

div.lmenu {
  width: 532px;
  float: left;
}

div.rmenu {
  width: 348px;
  float: right;
  text-align: right;
}

div.sub a:hover {
  color: #e054aa;
}

div.sub b {
  padding-left: 20px;
  background: url(../images/dot2.gif) 0 2px no-repeat;
  margin-left: 5px;
}

div.sub i,
dd i,
p.por i,
div#footer i {
  margin: 0 5px;
  color: #333;
}

div.sub {
  position: relative;
  top: -6px;
  margin-bottom: 1.2em;
}

div.sub a.active,
div.sub a.active:link,
div.sub a.active:visited,
div.sub a.active:hover,
div.sub b {
  font-weight: bold;
  color: #ccc;
}

div.program,
div.detail {
  width: 624px;
  float: right;
}

div.kino,
div.photos {
  width: 256px;
  float: left;
}

div.kino div.l {
  margin-bottom: 1.4em;
}

div.kino h4 {
  margin: 0;
}

div#wrapper table {
  width: 100%;
}

th, td {
  padding: 3px 6px;
  border: 1px solid #2b2b2b;
}

tr.sc td {
  background: #212121;
}

a.sekce,
a.sekce:link,
a.sekce:visited {
  color: #777;
}

a.sekce:hover {
  color: #fff;
}

th {
  color: #000;
  background: #e054aa;
}

div.photos {
  padding-top: 8px;
}

div.photos div {
  margin-bottom: 20px;
}

p.em {
  font-size: 1.2em;
  color: #e054aa;
  font-weight: bold;
}

div.rez h3 {
  font-size: 1em;
  padding-left: 25px;
  background: url(../images/camera.gif) 0 1px no-repeat;
}

/*
div.rez {
  border-top: 1px solid #282828;
  border-bottom: 1px solid #282828;
  padding: 2em 0;
  margin: 2em 0;
}
*/

div.rez,
p.por {
  background: #212121;
  border: 1px solid #2b2b2b;
  padding: 20px 20px 23px;
  margin: 2em 0;
}

div.rez p {
  margin: 0;
}

div#wrapper div.photos ul li {
  margin-left: 0;
}

div.photos ul a,
div.photos ul a:link,
div.photos ul a:visited {
  color: #ccc;
}

div.photos ul a:hover {
  color: #e054aa;
}

div.press1 {
  background: url(../images/press1.gif) 0 0 no-repeat;
}

div.press2 {
  background: url(../images/press2.gif) 0 0 repeat-y;
}

div.press3 {
  background: url(../images/press3.gif) 0 100% no-repeat;
}

div.press {
  float: left;
  width: 440px;
  position: relative;
}

div.news {
  float: right;
  width: 440px;
  position: relative;
}

div.press div {
  padding: 6px 20px 20px;
}

div#wrapper div.press ul li {
  margin-left: 0;
}

div#wrapper div.rss2 {
  position: absolute;
  left: auto;
  right: 5px;
  padding: 0 !important;
  top: 4px;
  width: 24px;
  height: 24px;
}

div.rss2 span {
  background: url(../images/rss2.gif) 0 0 no-repeat;
}

div.rss2 a:hover span {
  background-position: 0 -80px;
}

div.news h2 {
  margin-bottom: 1em;
}

div.news div {
  position: relative;
  padding: 0 20px;
}

div.pager a,
div.pager a:link,
div.pager a:visited {
  padding: 1px 5px;
  margin: 0 3px;
  color: #000;
  background: #e054aa;
  font-weight: bold;
  text-decoration: none;
}

div.pager a:hover {
  background: #fff;
}

div.pager b {
  margin: 0 3px;
}

div.logo,
div.adr {
  width: 164px;
  float: left;
  margin-right: 20px;
}

div.logo {
  padding-top: 5px;
}

div.kontakt {
  float: left;
  width: 184px;
}

div.mBot {
  margin-bottom: 1.4em;
}

div.poradatele {
  width: 552px;
  float: left;
}

div.oth {
  width: 328px;
  float: right;
}

p.por {
  margin-bottom: 2.2em;
}

p.por a,
p.por a:link,
p.por a:visited {
  color: #ccc;
}

div.hr2 {
  margin-top: 1.5em;
}

p.por a:hover {
  color: #fff;
}

table.spolu td {
  border: 0 none;
  width: 30%px;
}

div.oth dt {
  color: #fff;
}

div.oth dt,
div.oth dd,
div.oth dl {
  background: transparent;
  margin: 0;
  padding: 0;
}

div.oth dd {
  margin-bottom: 0.75em;
}

div.prev {
  float: left;
}

div.next {
  float: right;
}

div.prev a,
div.next a {
  padding-bottom: 8px;
}

div.prev a {
  padding-left: 26px;
  background: url(../images/dot4.gif) 0 2px no-repeat;
}

div.prev a:hover {
  background-position: 0 -988px;
}

div.next a {
  padding-right: 26px;
  background: url(../images/dot3.gif) 100% 2px no-repeat;
}

div.next a:hover {
  background-position: 100% -988px;
}

div.partner table {
  width: 100%;
}

div.partner td {
  vertical-align: middle;
  border: 0 none;
  padding: 0 20px 20px 0;
}

div.partner h3 {
  margin-top:30px;
}

div.f {
  background: url(../images/partneri1.gif) 0 0 no-repeat;
  padding-top: 18px;
}

div.part1 {
  width: 288px;
  float: left;
  margin-right: 18px;
}

div.part2 {
  margin: 0;
}

div.partneri img,
div.pt1 img {
  display: inline;
}

div.partneri a,
div.pt1 a {
  display: block;
  text-decoration: none;
}

div.part1 div {
  margin-bottom: 20px;
}

div.part1 div.l {
  margin-bottom: 0;
}

div.partneri span,
div.pt1 span {
  color: #555;
  font-size: 0.89em;
  background: #e5e5e5 url(../images/pspan.gif) 0 0 repeat-y;
  display: block;
  text-align: left;
  margin-top: 11px;
  padding: 2px 8px 3px;
}

div.partneri a:hover span,
div.pt1 a:hover span {
  color: #fff;
  background: #e054aa url(../images/pspan.gif) -289px 0 repeat-y;
}

div.pt3 {
  background: url(../images/p3.gif) 0 100% no-repeat;
  padding: 23px 20px 3px;
}

div.pt2 {
  background: url(../images/p1.gif) 0 0 no-repeat;
}

div.pt1 {
  background: url(../images/p2.gif) 0 0 repeat-y;
  margin-bottom: 23px;
}

div.pt1 div.clr div {
  float: left;
  width: 156px;
  text-align: center;
  margin-right: 20px;
}

div.pt1 div.clr {
  margin-bottom: 20px;
}

div.pt1 div.clr div.l {
  margin: 0;
}

div.pt1 span {
  background: #e5e5e5;
}

div.pt1 a:hover span {
  background: #e054aa;
}

div.reply table,
div.reply th,
div.reply td {
  border: 0 none;
  color: #ccc;
  background: transparent;
  vertical-align: top;
}

div.reply div.itext {
  top: 0;
}

div.textarea {
  width: 488px;
  height: 198px;
  background: url(../images/textarea.gif);
  position: relative;
}

div.textarea textarea {
  width: 478px;
  height: 188px;
  position: relative;
  top: 4px;
  left: 2px;
  background: transparent;
  border: 0 none;
}

label.must {
  color: #fff;
}

div.reply th {
  padding-left: 0;
}

div.comment div.comment {
  margin-left: 20px;
}

div.who {
  color: #777;
}

div.re,
div.comment div.reply {
  border-bottom: 1px solid #282828;
  padding-bottom: 20px;
  margin-bottom: 20px;
}

div.comment div.reply {
  padding-bottom: 27px;
}

input.odeslat {
  padding: 4px 15px 5px;
}

div.img {
  float: right;
  margin: 5px 0 20px 20px;
}

div.bb {
  margin-bottom: 18px;
  padding-bottom: 22px;
  border-bottom: 1px solid #272727;
}

div.rfoto {
  float: right;
  margin: 3px 0 20px 20px;
}

div.photos div.ico {
  padding: 5px 0 0 23px;
  margin: 0;
}

div.photos div.ico div.clr {
  margin: 0;
}

div.ico div.clr div {
  float: left;
  margin-right: 28px;
}

div.ico a {
  display: block;
  padding: 50px 5px 0;
}

div.poster a {
  background: url(../images/poster.gif) 52% 0 no-repeat;
}

div.pkit a {
  background: url(../images/presskit.gif) 52% 0 no-repeat;
}

div.trailer a {
  background: url(../images/trailer.gif) 52% 0 no-repeat;
}

div.ico a:hover {
  color: #ccc;
  background-position: 52% -1000px;
}

/*========== [foot] ==========================================================*/
div#footer {
  color: #777;
  padding: 28px 20px;
  font-size: 0.8em;
  text-align: center;
}

div#footer img {
  display: inline;
  margin: 0 10px;
}

div#footer a,
div#footer a:link,
div#footer a:visited {
  color: #aaa;
  text-decoration: none;
}

div#footer a:hover {
  color: #fff;
}

div#footer i {
  color: #444;
}

a.fi2 img {
  position: relative;
  top: -3px;
}

a.fi3 img {
  position: relative;
  top: 1px;
}

p.logos {
  padding-top: 10px;
}

a.facebook {
  padding: 3px 0 0 18px;
  background: url(../images/facebook.gif) 0 0 no-repeat;  
}