/*  
Theme Name: WordPress Default
Theme URI: http://wordpress.org/
Description: The default WordPress theme based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
Version: 1.6
Author: Michael Heilemann
Author URI: http://binarybonsai.com/

	Kubrick v1.5
	 http://binarybonsai.com/kubrick/

	This theme was designed and built by Michael Heilemann,
	whose blog you will find at http://binarybonsai.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/



html, body, img, hr, p, ul, ol, li, li, dd, dt, dl, form {
  margin: 0;
  padding: 0;
}
html, body {
  height: 100%;
}
body {
  font: 75%/1.5 "lucida grande", "lucida sans unicode", verdana, sans-serif;
  background: url(img/bg-header.png) center top repeat-x;
}
h1, h2, h3, h4, h5, h6 {
  font-family: "lucida grande", "lucida sans unicode", "trebuchet ms", sans-serif;
  letter-spacing: -0.08em;
  margin: 0;
  padding: 0;
}
#body {
  position: relative;
  padding-top: 329px;
  background: url(img/bg-bottom.png) left bottom repeat-x;
}






#page {
  position: relative;
  width: 906px; /* 930 */
  padding: 0 12px;
  margin: 0 auto;
  background: url(img/bg-page.png) 0 0 repeat-y;
}
  #page #content {
    float: left;
    width: 408px;
    padding: 2em 25px 2em 165px;
  }
  .homepage #page #content,
  .kontakt #page #content,
  .media #page #content,
  .proc-my #page #content,
  .novinky #page #content,
  .videa #page #content,
  .kiai #page #content,
  .cenik-sluzeb #content,
  .mapa-stranek #content,
  .virtualni-prohlidka-skbu #content {
    width: 548px !important;
    padding: 2em 25px !important;
  }

  #page #secondary-content {
    width: 288px;
    float: right;
    position: relative;
    /* margin: 0 20px -410px 0; */
    margin: 0 20px 20px 0;
    list-style: none outside;
  }
    #page #secondary-content li {
      border: 3px solid #d5d5d5;
      margin-bottom: 5px;
    }
      #page #secondary-content li div.box {
        width: 280px;
        border: 1px solid #fff;
        background: #d1dde4 url(img/bg-boxes.jpg) 0 0 no-repeat;
      }
        #page #secondary-content li div.box h5 {
          margin: .5em;
          font-size: 120%;
        }
        #page #secondary-content li div.box ul {
          margin: .5em .5em .5em 1.5em;
        }
          #page #secondary-content li div.box ul li {
            border: none;
            list-style: disc outside;
            float: none;
          }
          
      #page #secondary-content li div.box.prohlidka {
        text-align: center;
      }
        #page #secondary-content li div.box.prohlidka h5 {
          text-align: left;
        }
        #page #secondary-content li div.box.prohlidka a {
          display: block;
        }
        #page #secondary-content li div.box.prohlidka a strong {
          font-size: 92%;
          font-weight: normal;
          display: block;
        }
      #page #secondary-content li div.box.sponzori p {
        text-align: center;
        padding: 1em;
      }
      #page #secondary-content li div.box.sponzori p.sponzori {
        background: white;
        border: 2px groove white;
        margin: 1em;
      }
      #page #secondary-content li div.box.sponzori p.sponzori a {
        margin: .5em;
      }

  #page #menu {
    position: absolute;
    top: -45px;
    left: 12px;
    list-style: none outside;
  }
    #page #menu li {
      display: inline;
    }
      #page #menu li a, #page #menu li span {
        display: block;
        height: 44px;
        float: left;
        position: relative;
        color: #fff;
        background: #141b20;
        text-align: center;
        text-transform: uppercase;
      }
      #page #menu li a:hover, #page #menu li a:active, #page #menu li span {
        background: #095484;
      }
      #page #menu li a span, #page #menu li span span {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-image: url(img/menu.png);
        background-repeat: no-repeat;
        background-position: 0 0;
        cursor: pointer;
      }
      #page #menu li span span {
        cursor: default;
      }

      #page #menu li#m1 a, #page #menu li#m1 span { width: 93px; }
      #page #menu li#m2 a, #page #menu li#m2 span { width: 93px; }
      #page #menu li#m3 a, #page #menu li#m3 span { width: 93px; }
      #page #menu li#m4 a, #page #menu li#m4 span { width: 93px; }
      #page #menu li#m5 a, #page #menu li#m5 span { width: 93px; }
      #page #menu li#m6 a, #page #menu li#m6 span { width: 93px; }

        #page #menu li#m1 a span { background-position:      0 0; }
        #page #menu li#m2 a span { background-position: -93px 0; }
        #page #menu li#m3 a span { background-position: -186px 0; }
        #page #menu li#m4 a span { background-position: -279px 0; }
        #page #menu li#m5 a span { background-position: -372px 0; }
        #page #menu li#m6 a span { background-position: -465px 0; }

        #page #menu li#m1 a:hover span, #page #menu li#m1 a:active span, #page #menu li#m1 span span { background-position:      0 -45px; }
        #page #menu li#m2 a:hover span, #page #menu li#m2 a:active span, #page #menu li#m2 span span { background-position: -93px -45px; }
        #page #menu li#m3 a:hover span, #page #menu li#m3 a:active span, #page #menu li#m3 span span { background-position: -186px -45px; }
        #page #menu li#m4 a:hover span, #page #menu li#m4 a:active span, #page #menu li#m4 span span { background-position: -279px -45px; }
        #page #menu li#m5 a:hover span, #page #menu li#m5 a:active span, #page #menu li#m5 span span { background-position: -372px -45px; }
        #page #menu li#m6 a:hover span, #page #menu li#m6 a:active span, #page #menu li#m6 span span { background-position: -465px -45px; }

#m7 { display: none !important; }

#page #menu li ul {
  position: absolute;
  top: 114px;
  left: 15px;
  width: 130px;
  margin-right: 20px;
  border-bottom: 1px solid #bbb;
}
  #page #menu li ul li {
  }
    #page #menu li ul li a, #page #menu li ul li span {
      display: block;
      float: none;
      font-size: 100%;
      text-transform: none;
      text-decoration: none;
      background: white;
      color: black;
      width: auto !important;
      height: auto;
      padding: .2em .4em;
      text-align: left;
      border-top: 1px solid #bbb;
    }
      #page #menu li ul li a:hover, #page #menu li ul li span {
        color: red;
        background: white;
        padding: .2em .1em .2em .7em;
      }
      #page #menu li ul li a span, #page #menu li ul li span span {
        display: none;
      }

.media #page #menu li ul {
  display: none;
}

#content table, #content table td, #content table th {
  border: 1px solid #eaeaea;
  border-collapse: collapse;
}
.co-umime #content table td,
.cenik #content table td {
  padding: .5em;
  font-size: 90%;
  text-align: center;
}
.cenik #content table th {
  padding: .5em;
  font-size: 90%;
}
#content table em,
#content table strong {
  display: block;
  font-style: normal;
  font-size: 94%;
}
#content div a img {
  float: right;
  margin: 1em 0 1em 1em;
}




#header a#home {
  display: block;
  position: absolute;
  top: -257px;
  left: 38px;
  font-size: 16px;
}
#header a#home span {
  position: absolute;
  display: block;
  width: 180px;
  height: 177px;
  top: 0; left: 0;
  background: url(img/logo.jpg) center center no-repeat;
  cursor: pointer;
}
#skip-navi li a {
  position: absolute;
  left: -9999px;
  font-size: 20%;
}

#header li a:focus {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 230px;
  height: 110px;
  padding: 10px;
  z-index: 50;
  border-top: 10px solid #0c6794;
  border-bottom: 10px solid #0c6794;
  background: #008fd5;
  color: white;
  font-size: 120%;
}

#header li a:hover {
  border-color: #008fd5;
  background: #0c6794;
}
#toppic {
  position: absolute;
  top: -329px;
  left: 219px;
  width: 435px;
  height: 282px;
}
.rand0 #toppic { background: url(img/balvin.jpg) 0 0 no-repeat; }
.rand1 #toppic { background: url(img/gonzor.jpg) 0 0 no-repeat; }
.rand2 #toppic { background: url(img/haslarova.jpg) 0 0 no-repeat; }
.rand3 #toppic { background: url(img/stich.jpg) 0 0 no-repeat; }
.rand4 #toppic { background: url(img/strnad.jpg) 0 0 no-repeat; }

#footer {
  color: #fff;
  background: #283842;
}
  #footer p {
    width: 846px; /* 906 */
    margin: 0 auto;
    background: #283842 url(img/bg-footer.png) 0 0 repeat-x;
    padding: 15px 30px;
    min-height: 100px;
  }



#breadcrumbs {
  margin-bottom: 1em;
}
.textalignright {
  display: block;
  text-align: right;
  margin: .5em;
}















hr, .hide {
  display: none;
}

hr.clearer {
  clear: both;
  visibility: hidden;
  display: block;
}



#page .shadow {
  display: block;
  position: absolute;
  top: 0;
  width: 35px;
  height: 41px;
  border: 0;
}
#page .shadow.left {
  left: -23px;
  background: url(img/shadow-left.png) right top no-repeat;
}
#page .shadow.right {
  right: -23px;
  background: url(img/shadow-right.png) left top no-repeat;
}


#content h1,
#content h2,
#content h3,
#content h4,
#content h5 {
  margin: 0 0 .8em 0;
}
#content p,
#content ul,
#content dl,
#content table,
#content ol {
  margin: 0 0 1em 0;
}

#content ul {
  margin-left: 2em;
}

#content dt {
  font-weight: bold;
  margin-top: 1em;
}
#content dd {
  margin: .2em 0 0 1em;
}












.kontakt #page #content p.address {
  background: #d1dde4;
  padding: 1em;
}
.kontakt #page #content .map {
  float: right;
  width: 225px;
  height: 225px;
  border: 5px solid #3580af;
  margin-top: -30px;
}

.virtualni-prohlidka-skbu #page ul.photos {
  float: left;
  margin: 0;
  width: 100%;
}
.virtualni-prohlidka-skbu #page ul.photos li {
  list-style: none outside;
}
.virtualni-prohlidka-skbu #page ul.photos li a {
  display: block;
  float: left;
  margin: 0 15px 10px 0;
  width: 200px;
  height: 150px;
}


form textarea {
  width: 280px !important;
}
ol {
  list-style: none outside;
}


































.clovek {
  clear: both;
  border-top: 1px solid #F7F7F7;
  margin-top: 10px;
}
  .clovek img {
    float: right;
    margin-top: 0 !important;
  }
  .clovek h4 {
    padding: .5em;
  }
  
ul.videos {
  padding: 0 !important;
  margin: 0 !important;
  list-style: none outside;
}
ul.videos li {
  width: 135px;
  float: left;
}
  ul.videos li a {
    display: block;
    width: 125px;
    height: 97px;
    float: left;
    margin: 10px 10px 0 0;
    position: relative;
    overflow: hidden;
  }
    ul.videos li a span {
      display: block;
      width: 125px;
      height: 97px;
      position: absolute;
      top: 0;
      left: 0;
      background: url(img/play.png) 92px 73px no-repeat;
    }



body.login #login {
	background:url(img/login-bkg-tile.jpg) center top no-repeat;
}

body.login #login form {
	background:url(img/login-bkg-bottom.gif) center bottom no-repeat;
}

.ngg-albumtitle a img {
  float: left !important;
}

.timestamp {
  font-size: 90%;
  margin: .5em 0;
  text-align: right;
}


/* LIGHTBOX */

#lbOverlay {
  position: absolute;
  z-index: 100;
  left: 0;
  width: 100%;
  background-color: #000;
  cursor: pointer;
}
#lbCenter, #lbBottomContainer {
  position: absolute;
  z-index: 101;
  left: 50%;
  overflow: hidden;
  background-color: #fff;
}
.lbLoading {
  background: #fff url(img/lbx/loading.gif) no-repeat center;
}
#lbImage {
  position: absolute;
  left: 0;
  top: 0;
  border: 10px solid #fff;
  background-repeat: no-repeat;
}
#lbPrevLink, #lbNextLink {
  display: block;
  position: absolute;
  top: 0;
  width: 50%;
  outline: none;
}
#lbPrevLink {
  left: 0;
}
#lbPrevLink:hover {
  background: transparent url(img/lbx/prevlabel.png) no-repeat 0% 15%;
}
#lbNextLink {
  right: 0;
}
#lbNextLink:hover {
  background: transparent url(img/lbx/nextlabel.png) no-repeat 100% 15%;
}
#lbBottom {
  font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
  font-size: 10px;
  color: #666;
  line-height: 1.4em;
  text-align: left;
  border: 10px solid #fff;
  border-top-style: none;
}
#lbCloseLink {
  display: block;
  float: right;
  width: 66px;
  height: 22px;
  background: transparent url(img/lbx/closelabel.png) no-repeat center;
  margin: 5px 0;
}
#lbCaption, #lbNumber {
  margin-right: 71px;
}
#lbCaption {
  font-weight: bold;
}