/* CSS Document */
body {
  background-color: #14110f; margin:0px; text-align: center; padding:0px; line-height: 1.3; 
  background-image: url(images/background.jpg); background-repeat: no-repeat; background-attachment: fixed; background-position: center top;
}	
.obal {
  width: 995px; margin: 0 auto; text-align: center;  padding-bottom:10px; padding-top:340px; margin-top:20px;
  background: url(images/top_pic_bck.png); background-repeat: no-repeat; background-position: top;
}	
.header {
  position: relative; top: -362px; left: 40px; padding-right: 80px; text-align: right; height: 40px;
  font-family: verdana, arial; font-size: 10px; font-weight: normal; color: #AAAAAA; line-height: 5; 
  background: url(images/logo.png); background-repeat: no-repeat; background-position: bottom left;
}
.topimg {
  position: relative; top: -356px; left: 0px;  
}
.logo {
  position: relative; top: 12px; left: -305px;
}
.menu_obal {
  width: 995px; text-align: center; text-decoration: none; display: block; margin-top: -350px; height:80px;
  background: url(images/mnu_bck.png); background-repeat: no-repeat; background-position: bottom;
}
.page {
  margin-top: 0px; padding: 30px 50px 20px 50px;
  background: url(images/page_bck.png); background-repeat: repeat-y; 
}
.pgftr {
  width: 995px; height: 42px;
  clear: both; background: url(images/page_footer.png); background-repeat: no-repeat; 
}
.footer {
  width: 995px; margin: 0 auto; text-align: center; 
  font-family: verdana, arial; font-size: 10px; font-weight: normal; color: #555555;
}

/***************************** pismo a formulář */
h1 {
  font-family: verdana, arial; font-size: 17px; font-weight: bold; color: #DDDDDD; padding:0px; margin:0px 0px 20px 0px;
  border-bottom: 1px solid #DDDDDD;
}
h2 {
  font-family: verdana, arial; font-size: 12px; font-weight: bold; padding:0px; margin:0px;
}
h3 {
  font-family: verdana, arial; font-size: 14px; font-weight: bold; color: #DDDDDD; padding-top: 10px; margin: 0px; text-align: center
}
h4 {
  font-family: verdana, arial; font-size: 19px; font-weight: bold; color: #DDDDDD; padding: 0px 0px 20px 0px; margin: 0px;  
}
p, ul, div {
  font-family: verdana, arial; font-size: 14px; font-weight: normal; color: #AAAAAA; text-align: justify;
}
input {
  font-family: verdana, arial; font-size: 12px; font-weight: normal; color: #AAAAAA; padding: 5px 10px 5px 10px;
  background: url(images/bck_w.png); background-repeat: repeat; border: 1px solid #AAAAAA;
}
input.checkbox {
  background: none; border: 0px; padding: 0px 5px;

}
select {
  font-family: verdana, arial; font-size: 12px; font-weight: normal; color: #AAAAAA; padding: 5px 10px 5px 10px;
  background: url(images/bck_w.png); background-repeat: repeat; border: 1px solid #AAAAAA;
}
option {
  font-family: verdana, arial; font-size: 12px; font-weight: normal; color: #AAAAAA;
  background-color: #1d1b1a; line-height: 5;
}
/***************************** menu */
.menu {
  padding-top: 13px; margin-left: 50px;
}
.btn_mnu {
  font-family: arial; font-size: 14px; font-weight: bold; color: #BBBBBB;
  text-decoration: none; display: block; padding: 15px 20px 15px 19px;
}
.btn_mnu:hover {
  font-family: arial; font-size: 14px; font-weight: bold; color: #FFFFFF;
  text-decoration: none; display: block; padding: 15px 20px 15px 19px;
  background: url(images/mnu_h.png);background-repeat: repeat-x; background-position: bottom; 
}
.btn_mnu_a {
  font-family: arial; font-size: 14px; font-weight: bold; color: #FFFFFF;
  text-decoration: none; display: block; padding: 15px 20px 15px 19px;
  background: url(images/mnu_a.png);background-repeat: repeat-x; background-position: bottom;
}
.btn_mnu_a:hover {
  font-family: arial; font-size: 14px; font-weight: bold; color: #FFFFFF; 
  text-decoration: none; display: block; padding: 15px 20px 15px 19px;
  background: url(images/mnu_h.png);background-repeat: repeat-x; background-position: bottom; 
}

/***************************** odkazy */
a {
  font-family: verdana, arial; padding: 0px 2px 0px 2px; color: #FFFFFF; text-decoration: underline; border-bottom: none;
}
a:hover {
  font-family: verdana, arial; padding: 0px 2px 0px 2px; color: #000000; text-decoration: none; border-bottom: none; background-color: #FFFFFF;
}
.btn {
  font-family: arial; font-size: 12px; color: #DDDDDD; cursor: pointer;
  text-decoration: none; font-weight: bold; padding: 5px 40px 5px 40px; border: 0px;
  background: url(images/btn_bck.png); background-repeat: repeat-x; background-position: center;
}
.btn:hover {
  font-family: arial; font-size: 12px; color: #FFFFFF;
  text-decoration: none; font-weight: bold; padding: 5px 40px 5px 40px;
  background: url(images/btn_h.png); background-repeat: repeat-x; background-position: center;
}

/***************************** reklama a ceník */

.reklama {
  width: 895px; margin: 0 auto; text-align: center; padding-top: 50px; padding-bottom: 50px;
}
.reklama a {
  border: none; padding: 0px; background: none;
}
.reklama img {
  border: none; padding: 0px; vertical-align: top;
}
.reklama a:hover {
  border: none; padding: 0px;
}
.cenik {
  width: 895px; font-family: verdana, arial; font-size: 12px; padding-top: 50px;
}
.nadpis {
  font-family: verdana, arial; font-size: 12px; color: #DDDDDD; text-align: center;
  text-decoration: none; font-weight: bold; padding: 5px 0px 5px 5px; margin-top: 10px; margin-bottom: -10px;
  background: url(images/btn_bck.png); background-repeat: repeat-x; background-position: center;
}
.tab {
  font-family: verdana, arial; font-size: 12px; padding-top: 50px;
}
.tab tr.i {
 background: url(images/td_bck.png); background-repeat: repeat-x; font-weight: bold; background-position: center;
}
.tab tr.w {
 background: url(images/bck_w.png); background-repeat: repeat; 
}
.tab tr.b {
  background: url(images/bck_b.png); background-repeat: repeat;
}
.fb-like {
  width: 180px; text-align: center; margin-bottom: 0px;
}

/********************* galerie a thumbnailer */
#gallery {
  margin-left: -4px; padding-top: 20px; padding-bottom: 50px;
}
#gallery td {
  font-family: verdana, arial; font-size: 12px;
  padding: 0px 5px 5px 0px;
}
#gallery a {
  display: block; background: url(images/foto_bck.png); background-repeat: no-repeat; background-position: center;
}
#gallery a:hover {
  display: block; background: url(images/foto_h.png); background-repeat: no-repeat; background-position: center;
}  
#gallery img {
  border: 0px;
}


/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#000;}

#colorbox{}
    #cboxContent{margin-top:20px;}
        #cboxLoadedContent{background:#000; padding:10px 10px 30px 10px;}
        #cboxTitle{position:absolute; bottom:8px; left:10px; color:#444; font-size:12px;}
        #cboxCurrent{position:absolute; bottom:8px; right:10px; color:#444; font-size:12px;}
        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#444;}
        #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(images/controls.png) top left no-repeat; width:28px; height:65px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:bottom left;}
        #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(images/controls.png) top right no-repeat; width:28px; height:65px; text-indent:-9999px;}
        #cboxNext.hover{background-position:bottom right;}
        #cboxLoadingOverlay{background:#000;}
        #cboxLoadingGraphic{background:url(images/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(images/controls.png) top center no-repeat; width:38px; height:19px; text-indent:-9999px;}
        #cboxClose.hover{background-position:bottom center;}