/*  2017 (c) design by honza art.honzafoto.cz */
/*  www.honzafoto.cz */

@import "obecne.css";
@import "menu.css";
@import "galerie.css";
@import "slider.css";
@import "form.css";

body {
  position: relative;
	background: #202020;
  background-size:cover;
  text-align: center;
}
#outbox {
  position: relative;
  margin: 0px auto;                  
  max-width: 1600px;
  background: transparent url('../img/bg-menu.png') no-repeat center top;     
  border-left: 1px solid #75624B;
  border-right: 1px solid #75624B;
}
#page {
  position: relative;
	margin: 0px auto;                  
	top: 0px;
	border: 0;
	max-width: 1600px;
	background-color: transparent;
	text-align: left;
  background: transparent url('../img/bg-page.png') no-repeat center top;
}
#tree-top, #tree-bottom {font-size:12px;color:#ccc;background:#fff;padding: 6px 20px;}
#tree-top a, #tree-bottom a {color:#999;text-decoration:none;border:none;}
#tree-top a:hover, #tree-bottom a:hover {color:#333;text-decoration:none;}

/******** STRUKTURA *************/

#header {
  position: relative;
  width: 100%;
  height: 690px;
  background: transparent url('../img/bg-head.png') no-repeat left bottom;
}
#headtext {
  font-size:1.8em;line-height:1.4em;margin:40px auto;text-align:center;color:#fff;font-family:'tillana_bold', sans-serif;position:relative;
  text-shadow: 1px 0px 2px #333;width:60%;
  opacity: .4;
}
#headtext:before {content:'„';font-size: 1.2em;position:absolute;bottom:-10px;left:-25px;font-family:'tillana_bold', sans-serif;}
#headtext:after {content:'“';font-size: 1.2em;position:absolute;top:-10px;right:-25px;font-family:'tillana_bold', sans-serif;}
#headtext:hover {opacity: 1;}
 
#profil {
  position: absolute;
  bottom: -80px;
  right:7%;
  z-index: 100;
  width:260px;
  border-radius: 50%;
  border: 4px solid #fff;
  height: 260px;
  overflow: hidden;
  box-shadow: 1px 2px 5px #333; 
}
#profil img {
  min-width:260px;
  min-height: 260px;
}
#logo {position: relative;top:0px;font-size:24px;font-family: 'sahityabold', sans-serif;text-align: center;z-index:99;}
#logo a {color:#fff;font-size:2.4em;text-shadow: 1px 2px #333;}
#logo span {color:#fff;font-size:1.2em; display: block;clear: both;position: relative;top:30px;}
#logo a:hover {border-bottom: 3px solid #fff;}

#menubox {
  position:relative;
  clear:both;
  padding: 0px 5% 0;
  width:90%;
  z-index: 100;
}
#data {
  position:relative;
  float:left;
  width: 68%;
	padding: 0px 16% 110px;
	background: #d0c2af url('../img/bg-data.png') repeat-y left top;
	min-height:400px;
}
#data p {text-align:justify;}
#page-album #data p {text-align:left;}

#data .leftbox {float:left;width:48%;margin-right: 2%;}
#data .rightbox {float:right;width:48%;margin-left: 2%;}

#leftbox {
  position:relative;
  float:left;
  width: 13%; min-width:140px;
	padding: 12px 2%;
	background: #fcc url('../img/bg-left.png') no-repeat left top;
}
#rightbox {
  position:relative;
  float:right;
  width: 13%; min-width:140px;
	padding: 12px 2%;
	background: #cfc url('../img/bg-right.png') no-repeat left top;
}
#leftbox p, #rightbox p {
  text-align:left;
  font-size:0.7em;
}

/*** Terminy ***/

ul.terminy {list-style:none;}
ul.terminy li {display:block;margin:30px 10px;float:left;width:310px;height:220px;padding-top:20px;border-top:1px solid #898578;}

.terminy .termin-den {font-size:84px;font-weight:bold;font-family: 'sahityaregular', sans-serif;}
.terminy .termin-box {display:inline-block;margin-left:12px;}
.terminy .termin-tyden {font-size:14px;display: block;}
.terminy .termin-mesic {font-size:24px;font-weight:bold;display: block;}
.terminy .termin-rok {font-size:14px;display: block;}

.terminy .termin-name {font-size:30px;line-height:1em;display:inline-block;margin-top:20px;font-family: 'sahityaregular', sans-serif;min-width:180px;}
.terminy .termin-city {font-size:16px;display:block;margin-top:12px;font-family: 'rubikbold', sans-serif;}

.terminy a {font-size:14px;}

li.last {color:#898578;}
li.last a.book-event{display:none;}

ul.terminy:after {content:"";clear:both;display:block;}

.aktualniKurz {font-size:15px;color:#fff;float:none;width:100%;margin:20px 0;padding:12px 0 0;background:#75624B;}
.aktualniKurz h4, .aktualniKurz h3 {color:#fff;padding:12px 0 0;margin:0;}
.aktualniKurz .tretinka:after {margin:0;padding:0;}
.aktualniKurz .termin-datum {color:#000;}
.aktualniKurz .termin-city {font-size:15px;padding-left:20px;font-family: 'rubiklight', sans-serif;}
.aktualniKurz a.button {background-color:#202020;}
.aktualniKurz a.button:hover {background-color:#FF3C15;}

ul.prehled {list-style:none;}
ul.prehled li .datum {width:110px;display:inline-block;text-align:right;padding-right:20px;}
ul.prehled .last {display:none;}
ul.prehled span a {color:#444;border-bottom:1px solid transparent!important;}
ul.prehled .book-event {border-bottom:1px solid transparent!important;margin-left:20px;}

/*** FotoTahaky ***/

.tahaky {float:left;width:46%;padding:2%;text-align:center;position: relative;}
.tahaky:after {content:"";clear:both;margin-bottom:20px;display:block;}

.tahaky img {filter: grayscale(1) sepia(40%);}
.tahaky:hover img {filter: grayscale(0);}

.tahaky .imgcover, .kurz-imgcover {height:200px;overflow: hidden;position:relative;z-index:20;border-radius: 4px;display:block;margin-bottom: 12px;}
.tahaky .imgcover:after, .kurz-imgcover:after {content:attr(title);color:#ffffff00;width:100%;height:32px;padding-top:20px;display:block;position: absolute;z-index: 1000;bottom:0;left:0;}
.tahaky .imgcover:hover:after, .kurz-imgcover:hover:after {color:#ffffff;background:#FF3C15;text-align:center;}

.tahaky .imgcover:after {
  background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(234,222,208,1) 85%, rgba(230,216,200,1) 100%);
  background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(234,222,208,1) 85%,rgba(230,216,200,1) 100%);
  background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(234,222,208,1) 85%,rgba(230,216,200,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#e6d8c8',GradientType=0 );
}

/*** FOOTER ***/

#footer {
  position: relative;
  margin-top:-50px;
  text-align:center;
  color:#fff;
	background: transparent url('../img/bg-foot.png') no-repeat left top;
}
#foot {margin:0 auto;padding:25px 6% 0;}

#foot-logo {position:absolute;top:-40px;}

#foot-copy {
  clear: both;
  min-height: 40px;
  padding: 30px 20px 0px;
}
#foot-copy, #foot-copy a {text-align: center;line-height:1.2em;color:#006b8c;font-size:0.96em;border:none;}
#foot-copy a:hover {color: #000;border:none;}

#special-foot {display:none;}
#foot-social {margin-left:160px;}