body
{
  background: #0a0a0a!important;
  font-family: TeX Gyre Adventor, Tahoma, Arial;
}

@font-face 
{
  font-family: TeX Gyre Adventor;
  src: url('texgyreadventor-regular.otf'); 
  _src: url('texgyreadventor-regular.eot'); 
}

body, p, ul, li, ol, h1, h2, h3, h4, h5, h6, table, tr, td, input, textarea, label, a, a img
{
  margin: 0px;
  padding: 0px;
  background: transparent;
  border: none;
  text-decoration: none;
}

ul li, ul, li
{
  list-style-type: none;
}

.cleaner
{
  clear: both;
}

#body-background
{
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -10;
  left: 0px;
  top: 0px;
}

#body-background img
{
  width: 100%;
  height: 100%;
}

#head
{
  width: 988px;
  height: 260px;
  margin: auto;
  position: relative;
  z-index: 10;
}

.middle
{
  width: 988px;
  margin: auto;
  position: relative;
}

a#head-logo-img
{
  position: absolute;
  display: block;
  right: 0px;
  top: 30px;
}

#head-menu
{
  position: absolute;
  z-index: 11;
  left: 10px;
  top: 60px;
  background: #111111;
}

#head-menu li
{
  display: block;
  float: left;
  height: 42px;
  position: relative;
}

#head-menu li.active a, #head-menu li a:hover
{
  background: #940609;
  color: #FFFFFF;
}

#head-menu li a
{
  padding: 0px 14px;
  color: #8b8889;
  font-size: 14px;
  line-height: 42px;
  display: block;
}


#head-menu li:hover a
{
  background: #940609;
  color: #FFFFFF;
}

#head-menu li ul.hover-menu
{
  position: absolute;
  top: 27px;
  left: -30px;
  height: 20px;
  background: transparent;
  width: 620px;
  display: none;
  padding: 15px 30px 90px 30px;
  z-index: 100;
}

#head-menu li:hover ul.hover-menu
{
  display: block;
}

#head-menu li ul.hover-menu li
{
  float: left;
  height: 20px;
  background: #111111;
}

#head-menu li ul.hover-menu li.last a
{
  border-right: 1px solid #111111;
}

#head-menu li ul.hover-menu li a
{
  padding: 0px 12px;
  display: block;
  line-height: 12px;
  background: transparent;
  color: #8b8889;
  font-size: 12px;
  border-right: 1px solid #a06107;
  height: 12px;
  position: relative;
  top: 4px;
}

#head-menu li ul.hover-menu li a:hover
{
  color: #FFFFFF;
}

#head h1, #head h2
{
  display: none;
}

#content-top
{
  background: #d9d9d9;
  width: 100%;
  height: 295px;
}

ul#contentImg
{
  width: 508px;
  height: 347px;
  background: url("images/slide.png");
  position: relative;
  top: -25px;
  float: left;
  z-index: 20;
}

ul#contentImg li.pImage
{
  float: left;
  position: relative;
  width: 484px;
  height: 323px; 
  left: 12px;
  top: 12px;
  display: none;
}

ul#contentImg li.pImage a.img
{
  position: absolute;
  display: block;
  left: 0px;
  top: 0px;
  z-index: 1;
}

ul#contentImg li.pImage img.slide-top
{
  position: absolute;
  z-index: 2;
  left: 0px;
  top: 0px;
  display: block;
}

ul#contentImg li.pImage a.popis
{
  position: absolute;
  display: block;
  left: 0px;
  bottom: 0px;
  z-index: 3;
  background: #000000;
  height: 64px;
  color: #ffffff;
  font-size: 18px;
  width: 463px;
  padding: 28px 0px 0px 21px;
  line-height: 19px;
  
  filter: alpha(opacity=85);
  opacity: 0.85;
}

ul#contentImg li.pImage a.popis strong
{
  color: #940609;
  font-weight: normal;
}

ul#contentImg li.pImage a.popis span
{
  font-size: 13px;
}

#content-ul
{
  background: #c1c1c1;
  font-family: Tahoma;
  font-weight: normal;
  padding: 16px 28px;
  width: 150px;
  
  position: absolute;
  left: 530px;
  top: 40px;
  z-index: 10;
}

#content-ul li
{
  display: block;
  height: 11px;
  line-height: 17px;
  padding: 3px 4px;
}


#content-ul li:hover, #content-ul li.active
{
  background: #5e5e5e;
}

#content-ul li:hover a, #content-ul li.active a
{
  color: #FFFFFF;
  font-weight: bolder;
  border-left: 5px solid #940609;
  padding: 0 0 0 2px;
  position: relative;
  left: -2px;
}

#content-ul li a
{
  display: block;
  color: #2a2626;
  font-size: 13px;
  height: 10px;
  line-height: 10px;
}

#content-ul li a:hover
{
  color: #FFFFFF;
  font-weight: bolder;
  border-left: 5px solid #940609;
  padding: 0 0 0 2px;
  position: relative;
  left: -2px;
}

#reklamy
{
  float: right;
  width:308px;
  height: 204px;
  text-align: right;
}

#reklamy a
{
  color: #504d4c;
  font-weight: bolder;
  font-size: 16px;
  display: block;
  margin: 15px 0;
  font-family: Tahoma;
}

#reklamy a strong
{
  color: #940609;
}

#content
{
  width: 988px;
  margin: auto;
  margin-top: 100px;
}

#content .left
{
  float: left;
  width: 750px;
}

#content h3.normal
{
  color: #940609;
  font-size: 29px;
  font-weight: normal;
}
#content h4.normal
{
  color: #940609;
  font-size: 20px;
  font-weight: normal;
}

#content p.under-caption
{
  font-size: 17px;
  font-family:  TeX Gyre Adventor;
  padding: 15px 0 5px 0;
}

#content p
{
  color: #c4c4c4;
  font-size: 13px;
  text-align: justify;
}

#content p a
{
  color: #940609;
  text-decoration: underline;
}

#content .right
{
  float: right;
  width: 192px; 
}

#content h3.right-popis
{
  border-bottom: 2px solid #940609;
  text-align: right;
  color: #FFFFFF;
  font-size: 18px;
  line-height: 34px;
  padding: 0 9px 0 0;
}



#footer
{
  width: 100%;
  height: 130px;
  line-height: 15px;
  text-align: center;
  color: #303030;
  clear: both;
  font-size: 10px;
  font-family: Tahoma;
  background: #d9d9d9;
  left: 0;
  bottom: 0;
  text-align: center;
  overflow:hidden;
}

#footer a
{
  color: #303030;
}
#footer .nahledy-fotogalerie
{
  display: block;
  margin: 0px auto;
  position: relative; 
  width: 1300px;

}
#footer .nahledy-fotogalerie a.img
{
  display: block;
  height: 65px;
  margin: 7px 9px;
  float: left;
}

#footer .nahledy-fotogalerie a.img img
{
  display: block;
  filter: alpha(opacity=100);
  opacity: 1;
}

#footer .nahledy-fotogalerie a.img:hover img
{
  display: block;
  filter: alpha(opacity=60);
  opacity: 0.60;
}
#content ul.content-ul li a
{
  color: #c4c4c4;
  display: block;
  font-size: 14px;
}

#content ul.content-ul li a:hover
{
  color: #940609;
}

#content ul.content-ul li
{
  padding: 0 0 0 20px;
  background: url("images/content-ul.gif") left center no-repeat;
  color: #c4c4c4;
  font-size: 14px;
}

#content ul.content-ul li span
{
  color: #FFFFFF;
}

#content #fotogalerie
{
  /*background: #000000;
  border: 1px solid #7c7c7c;  */
  padding-left: 60px;
  margin-top: 30px;
}

#content #fotogalerie h3
{
  font-size: 20px;
  color: #FFFFFF;
  margin: 30px 0 0 0;
}


#content #fotogalerie a.img
{
  display: block;
  height: 200px;
  float: left;
  margin-left: auto;
  margin-right: auto;
  width: 25%;
}

#content #fotogalerie a.img img
{
  display: block;
  filter: alpha(opacity=100);
  opacity: 1;
  border: 1px solid #343434;
}


#content #fotogalerie a.img:hover img
{
  display: block;
  filter: alpha(opacity=60);
  opacity: 0.60;
}

.content-sluzba
{
  float: right;
  width: 500px;
  background: black;
  padding: 2px;
  display: none;
}
#content .bottom-content{
   height: 500px;
}
.content-sluzba img
{
  float: left;
  margin: 0 6px 0 0;
}

.content-sluzba h3
{
  color: #FFFFFF;
  font-size: 18px;
}

#new_sab
{
  padding: 6px;
  color: #FFFFFF;
  background: #090909;
  border: 1px solid #0e0e0e;
  text-align: center;
  width: 600px;
}

#new_sab input.soubor
{
  background: #0e0e0e;
  padding: 2px; 
  margin: 1px 0;
}

#new_sab span
{
  font-size: 13px;
}

#new_sab #pridat
{
  background: #FFFFFF;
  padding: 0px 4px 1px 0;
  text-align: center;
  font-size: 13px;
  margin: 20px 0 0 0;
  color: #000000;
  line-height: 24px;
}


#new_sab #pridat a
{
  color: #000000;
}

#new_sab #pridat a strong
{
  font-size: 29px;
  position: relative;
  top: 3px;
}

#new_sab input , #new_sab textarea
{
  background: #dddddd;
  border: 1px solid #585858;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  height: 20px;
  padding: 2px;
  font-family: Arial;
  font-weight: bolder;
  font-size: 12px;
}

#new_sab textarea
{
  height: 80px;
}


#new_sab #posli
{
  text-align: center;
  height: 24px;
}

#new_sab label
{
  width: 250px;
  display: block;
  float: left;
  text-align: right;
  padding: 0 20px 0 0;
}

#new_sab input , #new_sab textarea
{
  width: 250px;
  display: block;
  float: left;
  clear: right;
}

#new_sab .line
{
  clear: both;
  width: 100%;
  padding: 5px 0;
}

#new_sab span
{
  clear: both;
  width: 100%;
  padding: 5px 0;
  display: block;
}

#new_sab input.soubor
{
  color: #FFFFFF;
  line-height: 23px;
  width: 520px;
  height: auto;
  line-height: normal;
  border: 0px;
  padding: 0px; 
}

#new_sab .err
{
  background: #4f4848;
  color: #FFFFFF;
  text-decoration: underline;
}