/******************************************************************************* 
* Soubor kaskádových stylů CSS
* 
* 2009-02-03 Chaloupka Jaromír 
*******************************************************************************/ 
* { margin: 0; padding: 0; }
body {
  font-family: Arial, sans-serif;
  font-size: 80%;
  color: #222;
  background: #fff url(../img/pozadi.jpg) repeat-x top left;
  text-align: center;
}
#kontejner {
  position: relative;
  width: 993px;
  margin: 7px auto;
  text-align: left;
  background: url(../img/pozadi.jpg) no-repeat top left;
}
#zahlavi {
  border-top: 5px solid #fff;
  background: url(../img/zahlavi.jpg) no-repeat top left;
  height: 111px;
  position: relative;
}
#logo {position:absolute; top:25px; left:28px;}
#jsmesvami {position:absolute; top:15px; left:655px;}
#jsmesvami p {padding:2px 5px; line-height:18px;}
#jsmesvami p strong {color:#fff; font-size:140%;}
#jsmesvami p strong em {color:#222; font-style:normal;}
#jsmesvami p a {color:#fff; font-weight:bold;}
#jsmesvami p a:hover {color:#bd0819; font-weight:bold;}
#mutace {position:absolute; top:2px; left:905px; height:25px; width:100px;}

#menu_obal {
  position:relative;
}
#fulltextbox {
  position:absolute;
  top:10px;
  left:740px;
}
#menu {
  background: url(../img/menu.png) no-repeat top left;
  border-top: 2px solid #fff;
  height: 51px;
  position: relative;
}
#menu ul {
  position: absolute;
  top: 10px;
  left: 15px;
  margin: 0;
  height: 51px;
}
#menu ul li {
  display: inline;
  margin: 0;
  padding: 0 0;
}
#menu ul li a {
  padding: 8px 2px 8px 0px;
  display: block;
  float: left;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 0.9em;
  font-weight: bold;
  margin-left: 8px;
}
div#kontejner div#menu ul li a span {
  padding: 8px 5px 8px 7px;
  font-size: 1em;
}
div#kontejner div#menu ul li a:hover,
div#kontejner div#menu ul li.aktivni a {
  font-weight: bold;
  color: #fff;
  background: url(../img/list_menu_pravy.gif) no-repeat right center;
}
div#kontejner div#menu ul li a:hover span,
div#kontejner div#menu ul li.aktivni a span {
  background:  url(../img/list_menu_levy.gif) no-repeat left center;
}

#drobeckova_navigace {
  width: 993px;
  height: 34px;
  margin-top: 5px;
  background: url(../img/drobeckova_navigace.gif) no-repeat top left;
}
#drobeckova_navigace p {
  padding: 8px 15px;
}

#rychle_odkazy_jazyky {
  padding: 8px 15px;
  float:right;
}

#stred {
  width: 993px;
  margin-top: 5px;
}

#stred_middle {
  width: 978px;
  background: url(../img/drobeckova_navigace_middle.gif) repeat-y;
  padding-left:15px;
}

#stred_top {
  height:17px;
  background: url(../img/drobeckova_navigace.gif) no-repeat top left;
}

#stred_bottom {
  height:17px;
  background: url(../img/drobeckova_navigace.gif) no-repeat bottom left;
}

#sloupce {width:993px;}
#sloupec_l {width:250px; float:left;}
#sloupec_u {width:500px; float:left; margin:0 5px;}
#sloupec_p {width:230px; float:left;}

.box1 {margin:5px 0;}
.box1t {background:url(../img/box1t.gif) no-repeat top left; height:5px;}
.box1m {background:url(../img/box1m.gif) repeat-y top left; overflow:hidden;}
.box1b {background:url(../img/box1b.gif) no-repeat bottom left; height:5px;}

.box2 {margin:5px 0;}
.box2t {background:url(../img/box2t.gif) no-repeat top left; height:5px;}
.box2m {background:url(../img/box2m.gif) repeat-y top left; overflow:hidden;}
.box2b {background:url(../img/box2b.gif) no-repeat bottom left; height:5px;}
.box2m p em {font-weight:bold; font-style:normal; color:#bd0819;}
.box2m p.nk a {font-weight:bold; background:url(../img/cart.gif) no-repeat 0 50%; padding-left:21px;}
.box2m .lnov {margin:10px 0 15px 0;}
.box2m .lnov p {padding:3px 15px;}
.box2m .lnov p a {font-weight:bold;}
.box2m .lnov p span {color:#888;}
.box2 .banner a { font-size:0px; vertical-align:top; }

.box3 {margin:5px 0;}
.box3t {background:url(../img/box3t.gif) no-repeat top left; height:5px;}
.box3m {background:url(../img/box3m.gif) repeat-y top left; overflow:hidden; padding-bottom:20px;}
.box3b {background:url(../img/box3b.gif) no-repeat bottom left; height:5px;}
.box3m p {line-height:20px;}
.box3m p span {color:#888;}
.box3m ul li {margin:7px 0; background:url(../img/li.gif) no-repeat 0 6px; padding-left:10px;}
.box3m ul li a.aktivni {font-weight:bold; color:#222;}
.box3m ul li span {font-size:90%; color:#666;}
.box3m table.seznam {border-collapse:collapse; width:465px;}
.box3m table.seznam th {background-color:#bd0819; border-bottom:1px solid #bd0819; padding:4px 6px; color:#fff; font-size:90%;}
.box3m table.seznam td {border-bottom:1px solid #ffd975; padding:3px 4px; font-size:90%;}
.box3m table.seznam td.obcel {border-bottom:none; padding:10px 4px; color:#bd0819; font-weight:bold; font-size:100%;}
.box3m table.seznam td.obcelr {border-bottom:none; padding:10px 4px; text-align:right; font-size:100%;}
.box3m table.seznam tr.radek1 {background-color:#fefbe2;}
.box3m table.seznam tr:hover {background-color:#fff;}

.bublina1 {background:url(../img/bublina1.gif) no-repeat top left; width:219px; height:26px; margin:5px 15px;}
.bublina2 {background:url(../img/bublina2.gif) no-repeat top left; width:199px; height:26px; margin:5px 15px;}
.bublina1 p, .bublina2 p {font-weight:bold; color:#fff; padding:5px 10px;}

.box1 p.kontakt {line-height:20px; padding:5px 20px;}
.box1 p.banner {padding:1px;}
.box1 ul li a {
  background:url(../img/sipka.gif) no-repeat 0 50%;
  padding:5px 5px 5px 25px;
  display:block;
  border-bottom:1px solid #ece7bc;
  color:#222;
}
.box1 ul li a:hover {color:#bd0819; font-weight:bold;}
.box1 ul li.aktivni a {color:#bd0819; font-weight:bold; text-decoration:none;}
.box1 ul li a.posledni {border:none;}

.box4 {margin:0px 15px; border-bottom:1px solid #ffb805; padding:20px 0;}
.box4o {float:left; width:100px; margin-left:10px;}
.box4o a img {padding:1px; border:4px solid #ffb805;}
.box4o a:hover img {padding:1px; border:4px solid #bd0819;}
.box4t {float:left; width:360px;}
.box4t h2 {padding:0 15px 10px 15px;}
.box4t h2 a {color:#bd0819;}
.box4t h2 a:hover {color:#d69900;}
.box4t ul li {margin:8px 0;}
.box4t ul li em {color:#bd0819; font-style:normal; font-weight:bold; font-size:120%;}
.lichy {background-color:#fefbe2;}
.box4:hover {background-color:#fff;}
.box4 .bo4t p span {color:#888;}

.box2m .top5 { margin:5px 0; padding-bottom:5px; clear:both; }
.box2m .top5 p {line-height:18px; font-size:90%; padding:0px !important; color:#222; font-weight:normal;}
.box2m .top5 p a {font-weight:bold;}
.box2m .top5 div { width:100px; overflow:hidden; float:left; }
.box2m a img.poradi { position:absolute; bottom:8px; right:8px; }
.box2m a img.obrazek { border:4px solid #ffb805; margin:0 8px 5px 0; padding:0px; }
.box2m a:hover img.obrazek { border:4px solid #bd0819; }

.box5 {margin:0 15px;}
.box5t {background:url(../img/box5t.gif) no-repeat top left; height:5px;}
.box5m {background:url(../img/box5m.gif) repeat-y top left; overflow:hidden;}
.box5b {background:url(../img/box5b.gif) no-repeat bottom left; height:5px;}
.box5m ul {margin: 0;}
.box1m ul {margin:0 20px;}
.box1m p a.exit {font-weight:bold; background:url(../img/exit.gif) no-repeat 0 50%; padding-left:21px;}
.box1m p a.user {font-weight:bold; background:url(../img/user.gif) no-repeat 0 50%; padding-left:21px;}
.box1m p a.sale {font-weight:bold; background:url(../img/sale.gif) no-repeat 0 50%; padding-left:21px;}
.box1m p.pzm {line-height:23px;}

.top6 {font-size:11px; background:#fdfbf2; width:150px; float:left; margin:6px 2px 2px 4px; line-height:12px;}
.top6 img {border:4px solid #FFB805; padding:1px; margin:5px;}
.top6 h2 {font-size:13px; padding:2px 4px; line-height:16px;}
.top6 ul {margin:0 3px;}
.top6 li span, .top6 li strike {font-size:12px; font-weight:bold; color:#BD0819;}
.top6o {min-height:140px; text-align:center;}
.box6t {min-height:160px;}
.box6k {height:20px; text-align:center;}

#zapati {width:993px; margin-top:15px; padding-bottom:10px;}
#zapati ul {margin:0 0px;}
#zapati ul li {display:inline; margin-right:5px;}
#zapati ul li a {color:#444; text-transform:uppercase; font-size:90%;}
#zapati ul li a:hover {color:#bd0819; font-weight:bold;}
#zapati ul li a.aktivni {color:#444; text-decoration:none; font-weight:bold;}
#zapati p { font-size:90%; color:#444; margin:0; line-height:160%; padding:3px 0px; }

#strankovani {text-align:center; margin-top:20px;}
#strankovani p a {background-color:#ffb805; padding:2px 5px; text-decoration:none; font-size:90%; font-weight:bold;}
#strankovani p a.aktivni, #strankovani p a:hover {
  background-color:#bd0819;
  padding:2px 5px;
  text-decoration:none;
  font-size:90%;
  font-weight:bold;
  color:#fff;
}

#svetadily {margin:10px 15px;}
#svetadily p, .c {text-align:center;}
#svetadily p a {
  display:block;
  float:left;
  background-color:#fefbe2;
  padding:5px 10px;
  text-decoration:none;
  font-size:110%;
  font-weight:bold;
  border-right:1px solid #ffd975;
}
#svetadily p a.aktivni {
  display:block;
  float:left;
  background-color:#bc0819;
  padding:5px 10px;
  text-decoration:none;
  font-size:110%;
  font-weight:bold;
  border-right:1px solid #ffd975;
  color:#fff;
}
#mapa {margin:10px 15px;}
#mapa img {border:none;}
#jazyky {margin:5px 15px; width:440px;}
#jazyky .lj {float:left; width:220px;}
#jazyky .pj {float:left; width:220px;}
#slevazak {margin:10px 15px; background-color:#fefbe2; border:3px solid #ffd975;}
#slevazak p {padding:10px; font-weight:bold; color:#bd0819;}
#slevazak p strong {color:#222; font-size:120%;}

h1 {color:#bd0819; font-size:160%; padding:10px 15px;}
h2 {color:#d69900; font-size:130%; padding:15px 15px 5px 15px;}
h3 {color:#bd0819; font-size:110%; padding:15px 15px 5px 15px;}
p {padding:5px 15px;}
ul {margin:5px 20px; list-style:none;}
ul li {margin:2px 0;}
a {color:#bd0819;}
a:hover {color:#d69900;}
a img, .posledni, img.imagemap {border:none;}
table {margin:5px 15px;}
table td {padding:2px;}
input, select {font-family:Arial,sans-serif; padding:1px;}
input.dlouhy {width:250px;}
input.kratky {width:50px;}
input.pocet_ks_kosik {width:22px;}
input.tlacitko, button.tlacitko {
  font-family:Arial,sans-serif;
  font-weight:bold;
  color:#fff;
  padding:3px 4px;
  background-color:#bd0819;
  border:1px solid #bd0819;
  cursor:pointer;
}
a.dokosiku {
  font-weight:bold;
  color:#fff;
  padding:3px 4px;
  background-color:#bd0819;
  border:1px solid #bd0819;
  text-decoration:none;
}
a.dokosiku:hover {
  color:#fff;
  background-color:#222;
  border-color:#222;
}
a.detail-ui {
  display:inline-block;
  margin-bottom:10px;
  border:none;
  padding:2px 5px;
  background-color:#DA5517;
}
hr {
  margin:10px 15px;
  border:none;
  height:1px;
  font-size:1px;
  background-color:#FFB805;
}
hr.cleaner {
 clear: both;
	height: 1px;
	margin: -1px 0 0 0;
	padding: 0;
	border: none;
	visibility: hidden;
}
table.kontakt {margin:10px 15px; border-collapse:collapse; width:460px;}
table.kontakt td {border-bottom:1px solid #ffd975; padding:6px; background-color:#fefbe2;}
table.kontakt td em {font-style:normal; font-size:85%; font-weight:bold; color:#bd0819;}
p.vydavatel {clear:left; margin:5px 0;}
p.vydavatel img {float:left; margin:0 5px 5px 0; padding:2px; border:1px solid #ffb805;}
.polozka {margin:0 15px; padding:5px 0; background-color:#fefbe2; border-bottom:1px solid #ffd975;}
span.ap {
  height: 4px;
  background: url(../img/anketa.gif) no-repeat 0 50%;
}
span.apt {
  margin-left: 10px;
  font-size: 90%;
  color: #666;
}
p.ko {
  padding: 5px 5px 5px 30px;
  margin: 10px 15px 5px 15px;
  background: #fff url(../admin/img/ikonky/ko.gif) no-repeat 8px 50%;
  border: 2px solid #fa6e44;
  font-weight: bold;
  color: #ff5009;
}
p.ok {
  padding: 5px 5px 5px 30px;
  margin: 10px 15px 5px 15px;
  background: #fff url(../admin/img/ikonky/ok.gif) no-repeat 8px 50%;
  border: 2px solid #54ce1a;
  font-weight: bold;
  color: #24b61a;
}
img.captcha {vertical-align:middle;}
span.sede {font-size:90%; color:#666; margin-left:5px;}

#zo {
  margin: 10px 0;
}
#zo div.zoi {
  float: left;
  width: 90px;
}
#zo div.zoi p img {
  border: 1px solid #ffb805;
  padding: 3px;
  background-color: #fff;
}
#zo div.zot {
  float: left;
  width: 400px;
  padding-top: 5px;
  margin-bottom: 10px;
}

#zo div.zot p {
  margin-top: 2px;
  margin-bottom: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
}

#zo div.zot p a {
  font-weight: bold;
}

.jaz_klub{
  display:block
  width:177px;
  float:right;
  margin-top:-10px;
}

.cleaner {
  clear:both;
}

.hidden {
  display:none;
}

th.prv {
  text-align:left;
}

#ukazky {margin:15px 13px 0 15px;}
#ukazky img.prvni {margin-right:4px;}

#ceniky-ke-stazeni {margin:15px;}
#ceniky-ke-stazeni a {text-decoration:none; line-height:30px; font-size:14px;}
#ceniky-ke-stazeni img {border:0px; margin-top:3px;}

#zrusen-seminar {color:#f00; font-weight:bold; font-size:14px;}

.akcni-zbozi-kosik p {}
.akcni-zbozi-kosik a {font-size:14px; font-weight:bold; line-height:44px; padding-left:5px;}
.akcni-zbozi-kosik img {height:40px; vertical-align:middle; border:4px solid #BD0819; padding:1px;}

#doporucene-zbozi-kosik {}
#doporucene-zbozi-kosik div {width:200px; float:left; background:#FEFBE2; margin:10px;}
#doporucene-zbozi-kosik div:hover {background:#fff;}
#doporucene-zbozi-kosik img {border:4px solid #BD0819; padding:1px; margin:5px 0 0 5px;}
#doporucene-zbozi-kosik ul li {font-size:12px; font-weight:normal; color:#000;}
#doporucene-zbozi-kosik p a {font-size:14px; font-weight:bold;}
#doporucene-zbozi-kosik ul li strike, #doporucene-zbozi-kosik ul li span {color:#BD0819; font-size:14px; font-weight:bold;}

#kosik-3-krok-tlacitka {margin:5px;}
#kosik-3-krok-tlacitka a {width:100px; height:40px; display:block; float:left; color:#fff; font-weight:bold; background:#bd0819; padding:20px 4px 4px 10px; margin:4px;}
#kosik-3-krok-tlacitka a.vybrany {background:#d69900; text-decoration:none;}
#kosik-3-krok-tlacitka a:hover {color:#d69900;}
#kosik-3-krok-tlacitka a.vybrany:hover {color:#fff;}

