/*
 * Zakladni Styl Kino Dukla
 * Autor: Jan Rezac
 *
 */

@import url("initial.css");

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

a:visited {
  color: #3c4c5c;
}

a:hover, a:focus, a:active {
  color: #9f0000;
}

/*========== [layout] ========================================================*/
body {
  text-align: center;
  font-family: Arial, sans-serif;
  background: #3c4c5c;
  color: #444;
  font-size: 1em;
  line-height: 1.7;
}

table {
  line-height: 1.7;
}

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

div#wrapper {
  position: relative;
  background: url(../images/b2.gif) 0 0 repeat-y;
  margin-bottom: 7px;
}

div#text {
  width: 636px;
  float: left;
  background: #fff;
  padding: 13px 0 14px;
}

div#col {
  width: 204px;
  float: right;
  padding: 0 0 231px;
  position: relative;
  top: -5px;
}

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

div#w3 {
  background: url(../images/b3.gif) 0 100% no-repeat;
  padding: 6px 0 18px 26px;
}

/*========== [hlavicka] ======================================================*/
div#altNav a {
  position: absolute;
  left: -9999px;
}

div#altNav a:active, div#altNav a:focus {
  left: 6px;
  padding: 0.2em 1em 0.4em;
  top: 0;
  display: block;
  background: #834410;
  color: #ffb421;
  text-decoration: none;
  font-weight: bold;
  outline-style: none;
}

div#logo {
  position: absolute;
  top: 37px;
  left: 23px;
  width: 850px;
  height: 56px;
}

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

div#menu {
  position: absolute;
  top: 118px;
  left: 0;
  width: 892px;
  height: 52px;
  background: #3c4c5c;
}

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

div#menu a, div#menu a:link, div#menu a:visited {
  color: #fff;
  font-weight: bold;
}

div#menu a:hover {
  color: #ffb421;
}

li#a1 {left: 0px;width: 142px;}
li#a2 {left: 142px;width: 99px;}
li#a3 {left: 241px;width: 76px;}
li#a4 {left: 317px;width: 71px;}
li#a5 {left: 388px;width: 95px;}
li#a6 {left: 483px;width: 109px;}
li#a7 {left: 592px;width: 96px;}
li#a8 {left: 688px;width: 98px;}
li#a9 {left: 786px;width: 106px;}

li#a1 span {background: url(../images/menu.gif) 0 0 no-repeat;}
li#a2 span {background: url(../images/menu.gif) -142px 0 no-repeat;}
li#a3 span {background: url(../images/menu.gif) -241px 0 no-repeat;}
li#a4 span {background: url(../images/menu.gif) -317px 0 no-repeat;}
li#a5 span {background: url(../images/menu.gif) -388px 0 no-repeat;}
li#a6 span {background: url(../images/menu.gif) -483px 0 no-repeat;}
li#a7 span {background: url(../images/menu.gif) -592px 0 no-repeat;}
li#a8 span {background: url(../images/menu.gif) -688px 0 no-repeat;}
li#a9 span {background: url(../images/menu.gif) -786px 0 no-repeat;}

li#a1 a:hover span {background-position: 0 -106px;}
li#a2 a:hover span {background-position: -142px -106px;}
li#a3 a:hover span {background-position: -241px -106px;}
li#a4 a:hover span {background-position: -317px -106px;}
li#a5 a:hover span {background-position: -388px -106px;}
li#a6 a:hover span {background-position: -483px -106px;}
li#a7 a:hover span {background-position: -592px -106px;}
li#a8 a:hover span {background-position: -688px -106px;}
li#a9 a:hover span {background-position: -786px -106px;}

li#a1 a.active span {background-position: 0 -53px !important;}
li#a2 a.active span {background-position: -142px -53px !important;}
li#a3 a.active span {background-position: -241px -53px !important;}
li#a4 a.active span {background-position: -317px -53px !important;}
li#a5 a.active span {background-position: -388px -53px !important;}
li#a6 a.active span {background-position: -483px -53px !important;}
li#a7 a.active span {background-position: -592px -53px !important;}
li#a8 a.active span {background-position: -688px -53px !important;}
li#a9 a.active span {background-position: -786px -53px !important;}

div#search {
  width: 204px;
  margin-bottom: 2px;
  height: 55px;
  background: url(../images/search4.gif) 0 0 no-repeat;
}

div#search div {
  padding: 14px 15px 8px 14px;
}

input.send, input.send2, input.send3, input.send4 {
  width: 71px;
  height: 26px;
  background: url(../images/search2.gif) 0 0 no-repeat;
}

input.cart {
  width: 92px;
  height: 26px;
  background: url(../images/kosik.gif) 0 0 no-repeat;
  position: relative;
  top: 9px;
}

input.send5 {
  width: 142px;
  height: 48px;
  background: url(../images/objednat.gif) 0 0 no-repeat;
  position: relative;
  top: 9px;
}

input.send2 {
  background: url(../images/odeslat.gif) 0 0 no-repeat;
  position: relative;
  top: 9px;
}

input.send3 {
  background: url(../images/zobrazit.gif) 0 0 no-repeat;
  position: relative;
  top: 8px;
}

input.send4 {
  background: url(../images/upravit.gif) 0 0 no-repeat;
  position: relative;
  top: 9px;
}

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

input.send5:hover, input.send5:focus {
  background-position: 0 -49px;
}

div#search input.text {
  width: 93px;
  border: 1px solid #b1b4ba;
  background: #fff;
  padding: 4px 3px 5px;
  position: relative;
  margin-right: 3px;
  top: -9px;
}

div#search2 input.text {
  position: relative;
  margin-right: 3px;
  top: -9px;
}

div#search2 {
  margin-bottom: 1em;
}

div.srch h3 {
  color: #3c4c5c;
}

div.con p {
  width: 195px;
  float: left;
  margin-right: 10px;
}

div.con span {
  color: #777;
}

div#search input.text:focus {
  border: 1px solid #92959b;
}

div.emailx label, div.emailx input.text {
  margin-right: 4px;
}

input.text {
  border: 1px solid #ccc;
  padding: 4px 3px 5px;
  width: 185px;
}

textarea {
  width: 300px;
  border: 1px solid #ccc;
  padding: 4px 3px 5px;
  height: 145px;
}

p.error {
  color: #fff;
  font-weight: bold;
  background: #cb0000;
  font-size: 2em;
  line-height: 1.0;
  padding: 7px 9px 9px;
  margin-bottom: 16px;
}

/*========== [text] ==========================================================*/
h1, h2.now {
  color: #3d4b5d;
  font-size: 1.47em;
  font-weight: bold;
  margin-bottom: 8px;
}

h1.now, h2.now {
  margin-bottom: 12px;
  position: relative;
}

h1 span {
  position: absolute;
  right: 0;
  top: 0;
  color: #000;
}

div.pdf {
  position: absolute;
  right: 0;
  top: 2px;
}

div.pdf2 {
  right: auto;
  left: 226px;
  top: 4px;
}

div.rel div.pdf {
  top: 7px;
}

div.email {
  position: absolute;
  left: 226px;
  top: 7px;
}

div.pdf a {
  color: #444;
  padding-left: 20px;
  background: url(../images/pdf.gif) 0 3px no-repeat;
}

div.email a {
  color: #444;
  padding-left: 20px;
  background: url(../images/email.gif) 0 5px no-repeat;
}

div.email a:hover {
  color: #9f0000;
  background-position: -1000px 5px;
}

div.pdf a:hover {
  color: #9f0000;
}

h2 {
  color: #3d4b5d;
  font-size: 1.1em;
  font-weight: bold;
  margin-bottom: 0.5em;
}

h3, div.akce h2 {
  color: #000;
  font-size: 0.89em;
  letter-spacing: 1px;
  font-weight: bold;
  margin-bottom: 0.5em;
  text-transform: uppercase;
}

h4 {
  color: #000;
  font-size: 0.89em;
  letter-spacing: 1px;
  font-weight: normal;
  margin-bottom: 0.5em;
  text-transform: uppercase;
}

dt {
  font-weight: bold;
  padding-left: 14px;
  background: url(../images/dot4.gif) 0 9px no-repeat;
  position: relative;
  left: -14px;
}

dd {
  margin: 0 0 0.5em 0;
}

div.txt1 {
  float: left;
  width: 195px;
}

div.txt2 {
  width: 410px;
  float: right;
}

div.txt3 {
  float: left;
  width: 293px;
}

div.txt4 {
  float: right;
  width: 293px;
}

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

div.zprava, div.link {
  margin-bottom: 1em;
  padding-bottom: 1em;
  border-bottom: 1px solid #ececec;
}

div.zprava h4 {
  margin-bottom: 1px;
}

div.zprava div.date2 {
  font-size: 0.89em;
  color: #777;
  margin-bottom: 4px;
}

div.date3 {
  color: #777;
  margin-bottom: 7px;
  position: relative;
  top: -8px;
}

div.zprava p, div.link p {
  margin-bottom: 0;
}

p.imes {
  border-bottom: 1px solid #ececec;
  padding-bottom: 1.2em;
  text-transform: uppercase;
  text-align: center;
}

div#wrapper table.partneri {
  padding: 0.7em 0 2em;
  border: 0 none;
}

table.partneri td {
  border: 0 none;
  vertical-align: middle;
  text-align: left;
}

table.partneri a,
table.partneri img {
  display: inline;
}

h2.ph2 {
  border-bottom: 1px solid #ececec;
  padding: 1em 0 2px 0;
  margin-bottom: 25px;
}

div.partneri div.clr div {
  float: left;
  margin-right: 20px;
  padding-bottom: 2em;
}

div.txt ul li {
  padding-left: 14px;
  background: url(../images/dot3.gif) 0 9px no-repeat;
  position: relative;
  left: -14px;
}

div.cont {
  text-align: right;
}

div.cont a {
  padding-left: 18px;
  background: url(../images/dot.gif) 0 7px no-repeat;
}

div.prev {
  float: left;
}

div.next {
  float: right;
}

div.pager {
  padding-top: 9px;
  font-weight: bold;
}

div.prev a {
  padding-left: 18px;
  background: url(../images/dot7.gif) 0 4px no-repeat;
}

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

div.next a {
  padding-right: 18px;
  background: url(../images/dot6.gif) 100% 4px no-repeat;
}

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

div.mImg2 {
  padding: 8px 0 10px;
}

div.photos div.clr {
  margin-bottom: 10px;
}

div.photos div.clr div {
  float: left;
}

div.photos div.clr div.l {
  float: right;
}

strong {
  color: #3c4c5c;
}

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

div#hl {
  background: #d0d1d3 url(../images/hl.gif) 0 0 repeat-y;
  position: relative;
  top: -15px;
  padding-top: 15px;
}

ul.hl1 {
  float: left;
  margin-left: 15px;
  width: 185px;
  margin-bottom: 1.5em;
}

ul.hl2 {
  float: left;
  width: 235px;
}

ul.hl2 li, ul.hl3 li, ul.lout li {
  padding-left: 18px;
  background: url(../images/dot.gif) 0 7px no-repeat;
}

ul.lout a, ul.lout a:link, ul.lout a:visited {
  color: #444;
}

ul.lout a:hover {
  color: #9f0000;
}

ul.hl3 {
  float: right;
  width: 155px;
  font-weight: bold;
}

ul#menu2 {
  margin: 0;
  height: 39px;
  position: relative;
  width: 410px;
  overflow: hidden;
}

ul#menu2 li {
  position: absolute;
  top: 0;
  height: 39px;
}

li#b1 {left: 0px;width: 114px;}
li#b2 {left: 114px;width: 77px;}
li#b3 {left: 191px;width: 90px;}
li#b4 {left: 281px;width: 129px;}

li#b1 span {background: url(../images/menu2.gif) 0 0 no-repeat;}
li#b2 span {background: url(../images/menu2.gif) -114px 0 no-repeat;}
li#b3 span {background: url(../images/menu2.gif) -191px 0 no-repeat;}
li#b4 span {background: url(../images/menu2.gif) -281px 0 no-repeat;}

li#b1 a:hover span {background-position: 0 -80px;}
li#b2 a:hover span {background-position: -114px -80px;}
li#b3 a:hover span {background-position: -191px -80px;}
li#b4 a:hover span {background-position: -281px -80px;}

div.bbot {
  padding: 2px 0 0.5em;
  border-bottom: 1px solid #ececec;
  margin-bottom: 1.2em;
}

div.links {
  border-top: 1px solid #000;
  width: 345px;
  min-height: 85px;
  float: right;
}

div.links ul {
  padding: 15px 0 0.7em 16px;
}

div.program {
  background: url(../images/program.gif) 0 100% no-repeat;
  padding-bottom: 5px;
}

div.links a {
  display: block;
  color: #000;
  font-weight: bold;
  text-decoration: none;
  padding: 0 4px 0 70px;
  position: relative;
}

div.links img {
  position: absolute;
  left: 47px;
  top: 5px;
}

div.links span.clr {
  display: block;
  overflow: hidden;
  width: 100%;
}

div.links a b, div.links a strong {
  display: block;
  float: left;
  position: relative;
  margin-right: 6px;
  color: #000;
  overflow: hidden;
}

b.iHvezda {
  width: 14px;
  height: 13px;
  background: url(../images/ico-hvezda.gif) 0 0 no-repeat;
  top: 4px;
}

a:hover b.iHvezda {
  background-position: 0 -14px;
}

b.iMetro {
  width: 15px;
  height: 12px;
  background: url(../images/ico-metro.gif) 0 0 no-repeat;
  top: 4px;
}

a:hover b.iMetro {
  background-position: 0 -13px;
}

b.iDvd {
  width: 22px;
  height: 11px;
  background: url(../images/ico-dvd.gif) 0 0 no-repeat;
  top: 6px;
}

a:hover b.iDvd {
  background-position: 0 -12px;
}

b.iUcho {
  width: 13px;
  height: 13px;
  background: url(../images/ico-ucho.gif) 0 0 no-repeat;
  top: 4px;
}

a:hover b.iUcho {
  background-position: 0 -14px;
}

div.half div.links {
  width: 228px;
}

div.half div.links a {
  padding-left: 4px;
}

div.links a span.t {
  position: absolute;
  font-weight: normal;
  left: 5px;
  top: 0;
}

div.links a:hover {
  color: #000;
  background: #d0d1d3;
}

div.date {
  border-top: 5px solid #000;
  width: 65px;
  float: left;
  padding-top: 8px;
  text-align: center;
  color: #888;
}

div.date b {
  display: block;
  font-size: 1.95em;
  color: #000;
  line-height: 1.4;
}

div.links li, ul.akt li {
  padding: 0;
  margin: 0;
  background: transparent;
}

ul.akt li {
  margin-bottom: 1em;
}

ul.akt a,
ul.akt a:link,
ul.akt a:visited {
  display: block;
  text-decoration: none;
}

ul.akt img {
  margin-bottom: 3px;
}

div#col ul.akt img {
  margin: 0;
}

ul.akt span {
  padding-left: 26px;
  background: url(../images/dot.gif) 8px 3px no-repeat;
}

ul.akt a:hover span {
  background-position: -992px 3px;
  text-decoration: underline;
}

div#col ul.akt span {
  background: url(../images/dot2.gif) 8px 3px no-repeat;
}

div#col ul.akt a:hover span {
  background-position: -992px 3px;
}

div#col ul.akt a,
div#col ul.akt a:link,
div#col ul.akt a:visited {
  color: #d0d1d3;
}

div#col ul.akt a:hover {
  color: #fff;
}

div#wrapper table {
  width: 100%;
  border-top: 1px solid #ececec;
  border-collapse: collapse;
  margin-bottom: 1.2em;
}

div#wrapper table.form {
  border: 0 none;
}

td, th {
  vertical-align: top;
  padding: 4px 12px 5px 4px;
  border-bottom: 1px solid #ececec;
}

table.form {
  border: 0 none;
}

table.form th {
  width: 174px;
  font-weight: normal;
  padding-left: 0;
}

div#coms table.form th {
  width: 80px;
}

table.form th.must, label.must {
  font-weight: bold;
}

div.listek table th {
  padding: 2px 12px 3px 0;
  font-weight: normal;
}

div.listek table td {
  padding: 2px 0 3px 0;
  text-align: right;
  color: #777;
}

input.rad {
  position: relative;
  left: -4px;
  top: 1px;
}

table.form td, table.form th {
  border-bottom: 0 none;
}

tr.sc td, tr.sc th {
  background: #f0f3f8;
}

table.time img {
  display: inline;
  position: relative;
  margin-right: 5px;
  top: 2px;
}

table.price th {
  color: #9f0000;
}

div.akce, div.re {
  border-bottom: 1px solid #ececec;
  padding-bottom: 14px;
  margin-bottom: 14px;  
}

div.img {
  width: 112px;
  float: left;
  padding-top: 5px;
}

div.atr {
  width: 166px;
  float: left;
  margin-right: 10px;
}

div.atext {
  width: 348px;
  float: left;
}

div.disk div.atext {
  width: 460px;
}

div.atr h2 {
  margin-bottom: 1.6em;
  padding-top: 1px;
  line-height: 1.9;
}

div.atr h2 a {
  text-decoration: none;
}

h5 {
  font-weight: normal;
  color: #444;
}

div.atr div.date2 {
  color: #777;
}

div.atext p {
  margin-bottom: 1.4em;
}

div.atext div.cont2 a {
  padding-left: 18px;
  background: url(../images/dot.gif) 0 4px no-repeat;
  position: relative;
  left: -18px;
}

div.atext div.cont2 a:hover {
  background-position: -1000px 4px;
}

.bbot2 {
  border-bottom: 1px solid #ececec;
  padding-bottom: 8px;
  margin-bottom: 12px;
}

div.filter {
  background: #ececec;
  padding: 0 8px 12px;
  margin-bottom: 1.2em;
}

div.filter label {
  margin: 0 5px;
}

div.filter input.send3 {
  left: 7px;
}

div#cart input.text, div.acart input.text {
  margin-right: 5px;
  width: 3em;
}

div.abc {
  color: #aaa;
  padding-top: 2px;
  padding-bottom: 3px;
  font-size: 0.89em;
}

div.abc a, div.abc a:visited, div.abc span, div.abc strong {
  color: #000;
  margin: 0 1px;
  padding: 0 2px;
}

div.abc a:hover {
  background: #3c4c5c;
  color: #fff;
  text-decoration: none;
}

div.acart {
  position: relative;
  top: -3px;
  margin-bottom: 5px;
}

div.crt {
  width: 85px;
  height: 45px;
  position: absolute;
  left: 440px;
  top: auto;
  bottom: -39px;
}

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

div.crt a:hover span {
  background-position: 0 -46px;
}

div.comment h3 {
  margin-bottom: 0;
  padding-left: 1px;
}

div.comment p {
  margin-bottom: 4px;
}

div.re {
  margin-bottom: 12px;
}

div.re a {
  padding-left: 18px;
  background: url(../images/dot.gif) 0 4px no-repeat;
}

div.re a:hover {
  background-position: -1000px 4px;
}

div.comment div.who {
  color: #777;
  padding-left: 1px;
  font-size: 0.89em;
  margin-bottom: 5px;
}

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

div.reply {
  background: #f0f3f8;
  margin-bottom: 12px;
  padding: 6px 12px 16px;
  border: 1px solid #dde1e8;
}

/*========== [col] ===========================================================*/
div.k1 {
  position: absolute;
  bottom: 41px;
  right: 1px;
  width: 210px;
  background: #3c4c5c url(../images/c2.gif) 0 0 repeat-y;
}

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

div.k3 {
  background: url(../images/c3.gif) 0 100% no-repeat;
  padding: 22px 24px 28px 18px;
}

div#search div.k3 {
  padding: 14px 18px 6px 12px;
}

div.k3 a, div.k3 a:link, div.k3 a:visited {
  color: #444;
}

div.k3 a:hover {
  color: #3c4c5c;
}

div.k3 h2 {
  width: 144px;
  height: 17px;
}

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

ul.sm {
  padding-left: 4px;
  margin-bottom: 0.3em;
}

ul.sm li {
  border-bottom: 1px solid #848a97;
}

ul.sm li.l {
  border: 0 none;
}

ul.sm strong, ul.sm a, ul.sm a:link, ul.sm a:visited,
ul.sm2 strong, ul.sm2 a, ul.sm2 a:link, ul.sm2 a:visited {
  display: block;
  padding: 4px 4px 5px 4px;
  text-decoration: none;
  color: #d0d1d3;
}

ul.sm strong, ul.sm a.active, ul.sm a.active:link, ul.sm a.active:visited {
  color: #fff;
  font-weight: bold;
  position: relative;
}

ul.sm a:hover, ul.sm a.active:hover {
  background: #5a6a7a;
  color: #fff;
}

ul.sm i {
  position: absolute;
  left: -18px;
  top: 7px;
  display: block;
  width: 11px;
  height: 15px;
  background: url(../images/sm.gif) 0 0 no-repeat;
}

ul.sm2 {
  border-top: 1px solid #ececec;
}

ul.sm2 li {
  border-bottom: 1px solid #ececec;
}

ul.sm2 strong, ul.sm2 a, ul.sm2 a:link, ul.sm2 a:visited {
  color: #3c4c5c;
}

ul.sm2 a:hover {
  background: #f0f3f8;
}

ul.sm2 strong {
  background: url(../images/dot5.gif) 186px 10px no-repeat;
  color: #000;
}

ul.sm2 li.l {
  border-bottom: 2px solid #ddd;
}

#imageContainer {
	position: relative;
	width: 892px;
	height: 180px;
	overflow: hidden;
}

/*========== [foot] ==========================================================*/

div#footer {
  width: 636px;
  margin: 0 0 26px 26px;
}

div.f1 {
  float: left;
  width: 410px;
}

div.f2 {
  float: right;
}

div#footer a,
div#footer a:link,
div#footer a:visited {
  color: #d0d1d3;
}

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

div#footer i {
  margin: 0 4px;
  color: #848a97;
  font-style: normal;
}