/* CSS Document */

img, div, p, span, ul, li, h1, h2, h3, h4, h5, form, fieldset, table, tr, td, hr {
  padding:0px;
  margin:0px;
  border:none;
}

a {
  color:#ffffff;
}

a:hover {
  color:#ffffff;
  text-decoration:none;
}

table {
  border-collapse:collapse;
  position:relative;
}

td {
  vertical-align:top;
  position:relative;
}

fieldset, form {
  _position:relative; /* MSIE */
}

p {
  position:relative;
}

strong, big {
  color:#ffffff;
}

body {
  font-family:verdana,tahoma,arial,helvetica,sans-serif;
  font-size:68%;
  text-align:center;
  color:#ffffff;
  background-image:url('../img/body-bg.gif');
  background-position:center 58px;
  background-repeat:repeat-x;
  background-color:#000000;
  padding:0px;
  margin:0px;
}

/* hlavicka */

#hl-obal {
  position:relative;
  margin:auto;
  width:100%;
  height:164px;
  background-image:url('../img/hl-bg.jpg');
  background-position:center bottom;
  background-repeat:no-repeat;
}

#hl {
  position:relative;
  margin:auto;
  width:770px;
  height:164px;
  background-image:url('../img/hl-bg.jpg');
  background-position:center bottom;
  background-repeat:no-repeat;
}

#hl p {
  position:absolute;
  top:127px;
  right:0px;
}

/* stranka */

#str {
  position:relative;
  margin:auto;
  width:770px;
  background-image:url('../img/str-bg.gif');
  background-position:left top;
  background-repeat:repeat-y;
}

#str-uvod {
  position:relative;
  margin:auto;
  padding:40px;
}

#str-uvod fieldset {
  position:relative;
  margin:auto;
  width:360px;
  text-align:left;
}

#str-uvod img {
  margin:10px 0px 0px 0px;
  border:2px solid #ffffff;
}

#str-uvod h2 {
  padding:0px 0px 10px 0px;
  margin:0px 0px 5px 0px;
  font-size:170%;
  color:#ffffff;
}

#str-uvod p {
  padding:3px 0px 3px 0px;
  color:#cccccc;
}

/* levy panel */

#str-leva {
  position:relative;
  float:left;
  padding:15px 0px 20px 0px;
  width:158px;
  text-align:left;
  font-size:90%;
}

#str-leva h4 {
  padding:15px 0px 0px 0px;
  margin:0px 10px 0px 5px;
  font-size:100%;
  border-bottom:1px solid #ffffff;
}

#str-leva p {
  margin:5px 10px 5px 5px;
  color:#cccccc;
}

#str-leva img {
  margin-top:15px;
  border:1px solid #cccccc;
}

/* menu */

#menu {
  padding:0px 0px 5px 0px;
}

#menu li {
  width:151px;
  height:41px;
  list-style-type:none;
  background-position:right center;
  background-repeat:no-repeat;
}

#menu li a {
  display:block;
  width:100%;
  height:100%;
  background-position:left center;
}

#menu li a:hover {
  background-position:right center;
}

#listy, #listy a {
  background-image:url('../img/btn-listy.jpg');
}

#fotogalerie, #fotogalerie a {
  background-image:url('../img/btn-fotogalerie.jpg');
}

#pokec, #pokec a {
  background-image:url('../img/btn-pokec.jpg');
}

#clenove, #clenove a {
  background-image:url('../img/btn-clenove.jpg');
}

/* hlavni obsah */

#str-prava {
  position:relative;
  margin:0px 0px 0px 173px;
  padding:15px 30px 15px 30px;
  text-align:left;
}

#str-prava h2 {
  padding:15px 0px 10px 0px;
  margin:15px 0px 5px 0px;
  font-size:170%;
  color:#ffffff;
}

#str-prava h2 img {
  float:left;
  margin:0px 7px 7px 0px;
  border:1px solid #ffffff;
}

#str-prava h2 a {
  text-decoration:none;
}

#str-prava h2 a:hover {
  text-decoration:underline;
}

#str-prava h2 small {
  font-size:60%;
  font-weight:normal;
  color:#cccccc;
}

#str-prava h3 {
  font-size:130%;
  padding:10px 0px 7px 0px;
  color:#ffffff;
}

#str-prava h3 a {
  text-decoration:none;
}

#str-prava h3 a:hover {
  text-decoration:underline;
}

#str-prava p {
  padding:3px 0px 3px 0px;
  color:#cccccc;
}

.fotogalerie-item {
  width:98%;
  margin:20px 0px 20px 0px;
}

.fotogalerie-item td {
  padding:5px;
}

.fotogalerie-item td h3 {
  padding-top:0px !important;
}

.fotogalerie-item-img {
  width:150px;
}

.fotogalerie-item-img img {
  border:1px solid #ffffff;
}

.fotogalerie-item p {
  margin:0px !important;
}

.fotogalerie {
  margin:10px 0px 10px 0px;
}

.fotogalerie td {
  padding:10px;
  font-size:90%;
}

.fotogalerie td img {
  border:1px solid #ffffff;
}

.pokec-fieldset {
  text-align:center;
}

.pokec-item {
  position:relative;
  padding:10px 0px 10px 0px !important;
  min-height:50px;
  _height:50px; /* hack MSIE 6 */
}

.pokec-item img {
  float:left;
  margin:3px 12px 5px 0px;
  border:1px solid #ffffff;
}

.pokec-item small {
  position:absolute;
  right:0px;
  top:-10px;
  text-align:right;
  color:#ffffff !important;
}

.pokec-hr {
  margin:15px 0px 15px 0px;
  border-top:1px solid #505050;
  border-bottom:1px solid #cccccc;
}

.clenove {
  margin:5px 0px 5px 0px;
  border-collapse:separate;
}

.clenove td {
  padding:10px;
  text-align:center;
}

.clenove td img {
  margin:3px;
  border:1px solid #ffffff;
}

.clenove-h2 {
  padding-left:20px !important;
}

.clenove-detail {
  margin:5px 0px 5px 0px;
  color:#cccccc;
}

.clenove-detail td {
  padding:8px 15px 8px 15px;
}

.clenove-detail-foto {
  width:110px;
  text-align:center;
  border-right:1px solid #505050;
}

.clenove-detail-foto img {
  border:2px solid #ffffff;
}

/* formulare */

fieldset input {
  margin:3px 0px 3px 0px;
}

fieldset img {
  border:1px solid #ffffff;
  margin:5px;
}

.chyba-formulare {
  border:2px solid #cc0000;
  padding:15px !important;
  margin:7px 0px 7px 0px !important;
  color:#cc0000 !important;
  font-weight:bold;
}

.uspech-formulare {
  border:2px solid #339900;
  padding:15px !important;
  margin:7px 0px 7px 0px !important;
  color:#339900 !important;
  font-weight:bold;
}

/* buttony */

.btn-ok-uvod {
  position:absolute;
  top:-11px;
  right:0px;
  width:53px;
  height:43px;
  behavior:url(hovermenu.htc);
  border:0px;
  padding:0px;
  color:none;
  background-image:url('../img/btn-ok-uvod.jpg');
  background-position:left center;
  background-repeat:no-repeat;
  cursor:pointer;
}

.btn-ok-uvod:hover, .btn-ok-uvodHover {
  width:53px;
  height:43px;
  background-image:url('../img/btn-ok-uvod.jpg');
  background-position:right center;
  background-repeat:no-repeat;
}

.btn-more-uvod {
  display:block;
  width:53px;
  height:43px;
  behavior:url(hovermenu.htc);
  border:0px;
  padding:0px;
  color:none;
  background-image:url('../img/btn-more-uvod.jpg');
  background-position:left center;
  background-repeat:no-repeat;
  cursor:pointer;
  margin:auto;
}

.btn-more-uvod:hover, .btn-more-uvodHover {
  width:53px;
  height:43px;
  background-image:url('../img/btn-more-uvod.jpg');
  background-position:right center;
  background-repeat:no-repeat;
}

.navi-line-big {
  position:relative;
  height:43px;
  line-height:43px;
  padding:10px 0px 10px 0px !important;
  color:#ffffff !important;
  margin:auto;
}

.navi-line {
  position:relative;
  height:26px;
  line-height:26px;
  padding:0px 32px 0px 0px !important;
  margin-bottom:15px;
  text-align:right;
  color:#ffffff !important;
}

.navi-line-listovani {
  text-align:center;
  padding:0px 32px 0px 32px !important;
  margin:30px 120px 30px 120px !important;
}

.navi-line-clenove {
  position:relative;
  width:25px;
  margin:auto;
}

.btn-ok {
  display:block;
  width:53px;
  height:43px;
  behavior:url(hovermenu.htc);
  border:0px;
  padding:0px;
  color:none;
  background-image:url('../img/btn-ok.jpg');
  background-position:left center;
  background-repeat:no-repeat;
  cursor:pointer;
  margin:auto;
}

.btn-ok:hover, .btn-okHover {
  background-position:right center;
}

.btn-ko {
  display:block;
  width:53px;
  height:43px;
  behavior:url(hovermenu.htc);
  border:0px;
  padding:0px;
  color:none;
  background-image:url('../img/btn-ko.jpg');
  background-position:left center;
  background-repeat:no-repeat;
  cursor:pointer;
}

.btn-ko:hover, .btn-koHover {
  background-position:right center;
}

.ko-logout {
  display:block;
  position:absolute;
  bottom:0px;
  right:0px;
  width:31px;
  height:25px;
  behavior:url(hovermenu.htc);
  background-image:url('../img/btn-ko-logout.jpg');
  background-position:0px center;
  background-repeat:no-repeat;
  text-decoration:none;
}

.ko-logout:hover, .ko-logoutHover {
  background-position:-31px center;
}

.ko-small {
  display:block;
  position:absolute;
  bottom:0px;
  right:0px;
  width:31px;
  height:25px;
  behavior:url(hovermenu.htc);
  background-image:url('../img/btn-ko-small.jpg');
  background-position:0px center;
  background-repeat:no-repeat;
  text-decoration:none;
}

.ko-small:hover, .ko-smallHover {
  background-position:-32px center;
}

.more {
  display:block;
  position:absolute;
  top:0px;
  right:0px;
  width:32px;
  height:26px;
  behavior:url(hovermenu.htc);
  background-image:url('../img/btn-more.jpg');
  background-position:0px center;
  background-repeat:no-repeat;
  text-decoration:none;
}

.more:hover, .moreHover {
  background-position:-32px center;
}

.btn-more-login {
  display:block;
  position:absolute;
  bottom:0px;
  right:0px;
  width:31px;
  height:25px;
  behavior:url(hovermenu.htc);
  background-image:url('../img/btn-more-login.jpg');
  background-position:0px center;
  background-repeat:no-repeat;
  text-decoration:none;
}

.btn-more-login:hover, .btn-more-loginHover {
  background-position:-31px center;
}

.less {
  display:block;
  position:absolute;
  top:0px;
  left:0px;
  width:32px;
  height:26px;
  behavior:url(hovermenu.htc);
  background-image:url('../img/btn-less.jpg');
  background-position:0px center;
  background-repeat:no-repeat;
  text-decoration:none;
}

.less:hover, .lessHover {
  background-position:-32px center;
}

/* alternativni menu */

.alt-menu {
  margin:7px 0px 7px 0px !important;
  text-align:right;
  color:#999999 !important;
}

.alt-menu a {
  color:#999999;
  text-decoration:none;
}

.alt-menu a:hover {
  color:#ffffff;
}

/* paticka */

#pat-obal {
  position:relative;
  margin:auto;
  width:100%;
  height:60px;
  background-image:url('../img/pat-bg.jpg');
  background-position:center top;
  background-repeat:no-repeat;
}

#pat {
  position:relative;
  margin:auto;
  padding:40px 0px 0px 0px;
  width:770px;
  height:20px;
  font-size:90%;
  background-image:url('../img/pat-bg.jpg');
  background-position:center top;
  background-repeat:no-repeat;
}

#pat a {
  color:#2b2b91;
}

#pat a:hover {
  color:#b3b3cf;
}

/* doplnky */

.skryt {
  display:none;
}

.cleaner {
  clear:both;
  border:0px;
  margin:0px;
  padding:0px;
  float:none;
  width:0px;
  height:0px;
  line-height:0px;
  font-size:0px;
}

#preloader {
  display:none;
  padding:20px;
  background-color:#cc0000;
  color:#ffffff;
  font-weight:bold;
  position:absolute;
  left:43%;
  top:30%;
  border:1px solid #ffffff;
}