/* www.janchrt.cz */
/* created:Jan Chrt */
body{text-align:center; margin:0px auto 0px auto; font:1em arial, sans-serif; color:#bcbcbc;  cursor:default; background:#000 url("../graf/background.png") bottom repeat-x; background-attachment: fixed;}
#box{width:875px; height:auto; margin:0px auto 0px auto; }

#hlavicka{width:auto;  height:auto;    margin:0px;  padding:0px 0px 5px 0px;  text-align:center;  position:relative;  }
#hlavicka h1 a{text-decoration:none;}

#menu{width:100%; top:0px; height:1.5em; margin:0px; padding:5px 0px 5px 5px; text-align:center; position:absolute; left: 0px;}
#menu ul{list-style:none;  margin:0px; text-align: center; padding-left: auto; padding-right: auto; width: 100%; position : absolute; display: block;}
#menu li a{height:1.5em;display:block; width: 9em; color:#bcbcbc;  text-decoration:none;  letter-spacing:0.4em;  font-weight:bolder; border-bottom:3px solid; margin:0px; font-size:0.9em;}
#menu li{padding:0px 2px 0px 2px; float:left;  width: 16%;}
#menu li a.aktiv{color:#0063a2; padding-bottom:10px;}
#menu li a:hover{color:#008dc2; padding-bottom:5px;}

#galerie{width:auto;  height:auto;    margin:0px;  padding:5px 10px 5px 0px;  text-align:right;  position:relative;}
.vysvetlivky {padding:50px 0px 0px 0px; text-align:center; width: 100%; display: block; font-size: 0.7em;}
#galerie h3{font-size:1.1em; letter-spacing:0.8em; text-align:center; margin-bottom:-40px;}
#galerie_menu {width:100%;  height:60px; margin:0px; padding:45px 0px 0px 0px; text-align:right;  position:relative; }
#galerie_menu ul{list-style:none;  margin:0px; float:right; display: block; width: 95%;}
#galerie_menu li a{height:1.5em; width: auto; color:#bcbcbc;  text-decoration: underline;  letter-spacing:0.4em;  font-weight:bolder; border-bottom:2px solid; margin:0px; font-size:0.8em;}
#galerie_menu li{padding:0px 15px 0px 15px; float:left;}
#galerie_menu li a:hover, #galerie_menu li a.aktiv{color:#0063a2;}
#galerie_menu li a:hover .italic, #galerie_menu li a.aktiv span.italic {color:#71a0be;}


#nabidka_menu {width:100%;  height:auto; margin-bottom:30px; padding:5px 5px 0px 5px; text-align:center;  position:relative; float:left;}
#nabidka_menu ul{list-style:none;  margin:0px; float:right; display: block; width: 95%;}
#nabidka_menu li a{height:1.5em; display:block; color:#bcbcbc;  text-decoration:none;  letter-spacing:0.6em;  font-weight:bolder; border-bottom:3px solid; margin:0px; font-size:0.9em;}
#nabidka_menu li{padding:0px 3px 0px 3px; float:left; width: 22%;}
#nabidka_menu li a:hover, #nabidka_menu li a.aktiv{color:#0063a2;}
#nabidka{display: block; width: 800px; float: left; padding: 10px 40px 10px 40px; font-size: 0.8em;}
#nabidka p{text-align: justify; display: block; text-indent: 2em;}
#nabidka ul{text-align: left;}
#nabidka img {float: right; border: 2px solid; margin-left: 10px;}
.nabidka {display: block; border-bottom: 2px solid; float: left; width: 800px; margin: 0px; padding: 5px; text-align: right;}
.nabidka a{display: block; width: 750px; cursor: pointer; color:#bcbcbc;}
.nabidka a:hover{color:#0063a2; text-decoration: none;}
.nabidka img {float: right; border: 2px solid;}
.nabidka h3 {width: auto; float: left; margin: 5px;}
.nabidka p {float: left; margin: 5px; width: 80%; text-align: justify; text-indent: 2em;}
.nabidky {border-bottom: 1px solid; float: left; padding-bottom: 10px; padding-top: 15px;}

#fotogalerie h3{font-size:1.1em; letter-spacing:0.8em; text-align:center; margin-bottom:-40px;}
#fotogalerie{width:auto;  height:auto;    margin:0px;  padding:5px 10px 5px 0px;  text-align:right;  position:relative; }

#clanek {width:auto; margin-top: 30px; height:auto; padding:0px 0px 5px 0px; float: none;}
#clanek p{width:auto;  height:auto;    margin:0px;  padding:5px 10px 5px 0px;  text-align:left;  position:relative; font-size: 0.8em; text-indent: 2em;}
#clanek h3{font-size:1.1em; letter-spacing:0.2em; text-align:center;}
.img_clanek {float: left; margin: 2px 10px 2px 0px;}

#o_me,#kontakt{height:auto; margin:0px;  padding:5px 5px 40px 5px; text-align:left; position:relative; line-height:1.9em; letter-spacing:0.5em; width:875px; float: left;}
#o_me_detail,#kontakt_detail{padding:5px 30px 5px 0px;}
#o_me_detail strong,#kontakt_detail strong{letter-spacing:0.5em; font-size:1.1em;}
#o_me_detail strong.jmeno{letter-spacing:0.5em; font-size:1.4em;}
#o_me h2,#kontakt h2{font-size:1.4em; letter-spacing:0.8em; margin-top: 0px;}
.tab{display: block; width: 12em; float: left;}
.tab2{display: block; width: 10em; float: left;}

#odkazy{width:auto; height:auto; margin:0px;  padding:5px; text-align:right; position:relative; line-height:1.8em;letter-spacing:0.1em; font-size:0.8em;}
#odkazy_detail strong{letter-spacing:0.3em; font-size:1.4em;}
#odkazy h3{font-size:1.4em;}
#odkazy hr{width:80%; text-align:right; color:#303030;}

#obrazek{ text-align: center; width: 900px; margin-left: -30px;}
.navigace_zpet{font-size:3em; ; float: left; height: 500px;}
.navigace_vpred{font-size:3em;  float: right; height: 500px;}
.navigace_zpet a, .navigace_vpred a {display: block; height: 500px; width: 1em; padding-top: 220px;}
.navigace_zpet a:hover, .navigace_vpred a:hover {text-decoration: none; color:#fff; }
.zobrazeni{text-align: center;}

#paticka{text-align:center; width:875px;  font-size:0.7em; margin-top: 10px; padding-top:40px; display: block;}

table{font-size: 0.8em;}
td{text-align:center; padding: 3px 10px 3px 10px; border-bottom: 1px solid #909090; margin: 0px;}


/*
#pozadi_leve{position:absolute;  bottom:0px; left:0px;  width:295px;  height:415px;  background:url("../graf/pozadi_leve.png");  z-index:-100;  }
#pozadi_prave{position:absolute;  bottom:0px; right:0px;  width:45px;  height:365px;  background:url("../graf/pozadi_prave.png");  z-index:-100;  }
*/

.leva{text-align:left;}
.prava{text-align:right;  }
.neviditelne{display:none;  }
.modra{color:#0063a2;}
.italic{font-style:italic; color:#6f6f6f;}
h1{font-size:1.6em; letter-spacing:0.8em; position:relative; height:165px; width: 100%;margin:0px; margin-top: 50px; padding:0px;}
h1 span{position:absolute; top:0px; right:-10px; background:url("../graf/logo.png") top center no-repeat; width:100%; height:165px;}
h2{font-size:1.1em; letter-spacing:0.8em; margin-top: 40px;}
h3{font-size:1.1em; letter-spacing:0.8em; text-align:center;}
h4{font-size:1em; letter-spacing:0.5em;}
a{color:#0063a2; text-decoration:none;}
a:hover{color:#0063a2; text-decoration:underline;}

/* imageflow */
.imageflow {visibility:hidden; position:relative; text-align:left; width:100%;}
.imageflow img {visibility:hidden; position:absolute; border:1px solid; cursor:pointer;}
.imageflow p {text-align:center; margin:0px; cursor:pointer;}
.imageflow .loading {position:relative; left:50%; margin-left:-106px; width:200px; height:15px; padding:5px; visibility:visible; border:1px solid white;}
.imageflow .loading_bar {height:15px; width:1%; background:#fff; visibility:visible;}
.imageflow .caption {font-weight:bold; position:relative; text-align:center; z-index:10000; padding-top:110px; letter-spacing:0.6em; color:#bcbcbc;}
.imageflow .scrollbar {visibility:hidden; position:relative; border-bottom:3px solid #6f6f6f; z-index:10001;}
.imageflow .slider {position:absolute; z-index:10002; background-color:#bcbcbc; width:60px; height:3px;}

