/*--- general ---*/
html {
  width: 100%;
  height: 100%;
  background: #fcf6e8;
}
body {
  position: relative;
  width: 100%;
  height: auto;
	margin: 0;
	padding: 0;
	color: #333;
/*  font-family: 'museo500'; */	
  font-family: myriad pro, tahoma;
	font-size: 12pt;
  background: #fcf6e8;
}

h1, h2, h3, h4 { margin: 0;width:100%; }
h1 { font-size: 20pt;color: #666;text-align:center;font-weight: normal;text-transform:uppercase;letter-spacing:0.2em;margin: 1.5em 0em 0.5em 0em; }
h2 { font-size: 15pt;color: #FF7777;margin: 0.5em 0em 0.2em 0em;text-align:center;font-weight: normal; }
h3 { font-size: 13pt;color: #ff9911;margin: 0.3em 30px 0.2em 30px; }
h4 { font-size: 12pt; }
h2 a { color: #CC3333;text-decoration:none; }
h2 a:hover { color: #CC3333;text-decoration:underline; }
h4 span { color: #989898; font-weight: normal; }
h4 a { color: #CC3333; }
h6 { font-size: 16pt;color: #FFF;text-align:center;font-weight: normal;letter-spacing:0.0em;margin: 0.5em 0em 0.5em 0em; }

.red { color: #CC3333; }

p { padding-left: 0px;margin: 5px 30px 5px 30px; width:auto;text-align:center; }
p.anotace { color: #aec5d0; font-weight: bold; }
p a { text-decoration: underline; }
p a:hover { text-decoration: none; }
.popisnik p {font-size:0.8em;text-align:left;margin:0px;padding:0px;overflow:hidden;}

div#obsah ul, div#obsah ul li { list-style: square;margin: 0px 0px 0px 0px; }
div#obsah ol, div#obsah ol li { list-style: arabic;margin: 0px 0px 0px 0px; }

input, textarea, select {
	font-size: 105%;
}
label { cursor: pointer; }
input, select, textarea { font-size: 1.0em; }

div#midd table a, a { color: #686868; }
iiiimg { border: none;padding: 0px 10px  0px 10px; }

.clr {
	clear: both;
	line-height: 1px;
	font-size: 1px;
}
.hidden { display: none; }

.more, .more a, .back, .back a { white-space: nowrap; color: #ed2407; }
.more a { }
.back { clear: both; text-align: right; }

hr {
  position: relative;
  margin: 10px 30px 10px 30px ;
	width: auto;
	border-top: 1px solid #444444;
	height: 5px;
}

/* --- page --- */
div#bck {
	text-align: center;
	width: 100%;
	position: relative;
}
div#bck div.in {

}
div#container {
	width: 960px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	position: relative;
  min-height: 430px;
  height:auto !important;
  height: 430px;
}

div#top { position:relative;margin: 0px;padding:0px;width:100%;height:120px; }
.logo { position:relative;margin: 0px auto;padding: 10px 0px 0px 0px;display:block;  }
#kontakt { position:relative;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;width:300px;height:80px;top:0px;right:0px; }

/* --- footer --- */
#footer {
   position:fixed;
   position:relative;
   left:0px;
   bottom:0px;
   height:100px;
   width:100%;
   background: #fcf6e8 url(/files/floring-pata.png) no-repeat center 40px;
	text-align: center;
  border-bottom: #666 solid 1px;
}

/* IE 6 */
* html #footer {
   position:absolute;
   top:expression((0-(footer.offsetHeight)+(document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight)+(ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop))+'px');
}
div#box {
	width: 960px;
	color: #333;
	margin: 0 auto;
	padding: 20px 0 10px;
	text-align: left;
	font-size: 0.9em;
	position: relative;
}
div#box a { color: #000000; text-decoration: none;  }
div#box p { margin: 0; padding: 0 0px 0 0px; width:auto; }
div#box p#tvorivec { position: absolute; padding: 0; right: 55px; top: 20px; }

div#box .left_fo {
  position: absolute;
  width: 300px;
  height: 100%;
  left: 00px;
  padding: 0px;
}
div#box .right_fo {
  position: absolute;
  width: 300px;
  height: 100%;
  right: 0px;
  padding: 0px;
  float: right;
}
div#box .center_fo {
  position: absolute;
  width: 300px;
  height: 100%;
  left:330px;
  padding: 0px;
}
div#box form {
  margin: 0px;
  padding: 10px;
  text-align: center;
}
div#box .btn {
  margin: 0px;
  padding: 2px 6px 2px 6px;
  text-align: center;
  font-size: 0.8em;
}

div#lavy {
  width: 200px;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  position: relative;
  text-align:left;
  float: left;
  display: block;
}
/* --- cnt --- */
div#obsah {
	text-align: left;
  position: relative;
  margin: 0px auto 0px auto;
  padding: 0px 0px 30px 0px;
}

div#obsahin {
  position: relative;
  margin: 0px auto 0px auto;
  padding: 0px 0px 15px 0px;
}

div#left { float: left; width: 250px; }
div#left div.in { padding: 10px 0 10px 30px; }
div#left p { position: relative; }
div#left h3 { color: #ed2407; }
div#left ul {  }

table.gallery { margin: 0.5em -5px; }
table.gallery { margin: 0px auto 0px auto; }
.gallery img { margin: 5px; ;border:none; }
.gallery a img { margin: 2px; border:none; }
.gallery a:hover img { margin: 2px; color:#C33;border:none;text-decoration:none;}
tr.gallery { border-top: solid 0px #333; }
div#midd.full table.gallery { margin: 0.5em -5px; }
/* --- */
.croppedPhoto {
    width: 206px;
    height: 206px;
    overflow: hidden;
    position: relative;
}

.croppedPhoto img {
    text-align: center;
    position: absolute;
    right: 0%;
}
.croppedPhoto a {
  border: solid 2px transparent;
}
.croppedPhoto a:hover {
  border: solid 2px #C33;
}


ul { margin-top: 1em; margin-bottom: 1em; }

div#midd { float: right; width: 600px; }
div#midd div.in { padding: 1px 33px 10px 10px; }
div#midd.full { float: none; width: auto;  }
div#midd.full div.in { padding: 1px 33px 10px 33px;  }

/* --- menu --- */
	#menu {
		width:960px;height: 28px;
    text-transform:uppercase;
    text-align: center;
    background: transparent url(/files/menu-linka.png) no-repeat top center;
	}
	#menu ul {
  clear:left;
  float:left;
		list-style:none;
		margin: 0px 0px 0px 30px;
		padding:0;
		position:relative;
		text-align:center;
width: auto;
height: 28px;
left: 50%;
	}
	#menu li {
		float:left;
		list-style:none;
		margin:0;
		padding:0;
		position:relative;
		right:50%;
	}
	#menu li a {
		margin: 1px 0px 0px 0px;
		padding: 0;
		color:#666;
		text-decoration:none;
		float:left;
		padding: .12em 2em .12em 2em; 
	}
	#menu li a:hover, .sel {
	 color: #FFFFFF;
	 background: #CC3333;
		padding: .12em 2em .12em 2em; 
	}
	#menu .sel {
	 color: #FFFFFF;
	 background: #CC3333;
		padding: .12em 2em .12em 2em; 
	}

div#submenu {
		width:900px;height: 18px;
    text-align: center;
    margin: 5px auto 30px auto;
    display: block;
}

#submenu ul {
  list-style:none;
  padding:0;
  position:relative;
  font-size: 0.9em;
  width: 100%;height: 18px;
  margin: 0 auto;
}
div#submenu li {
		list-style:none;
		margin:0 auto;
		padding:0;
		position: relative;
		display: inline;
	}
div#submenu li a {
		color:#666;
		text-decoration:none;
		padding: .45px 0.8em 0em 0.8em; 
	}
div#submenu li a:hover, .sel {
	 color: #CC3333;
	}
div#submenu .sel {
  background: transparent;
  color: #CC3333;
}
	
#javisko {
  position: relative;
  background: transparent;
  width: 960px;
  margin: 0px auto 0px auto;
  padding: 0px 0px 0px 0px;
}

.dolava { text-align: left; }
.doprava { text-align: right; }
.nastred { text-align: center; }

#submenuin {
  position: relative;
  margin: 20px auto 0px auto;
  padding: 0px 0px 0px 0px;
  width: 400px;
  text-align: center;
  z-index: 25;
  font-size: 1em;
}
#submenuin ul {
  position: relative;
  margin: 0px auto 0px auto;
  padding: 0px 0px 0px 0px;
  list-style: none;
  display: block;
}
#submenuin li {
  position: relative;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  text-align: left;
  border-top: dotted 1px #666;
  vertical-align: middle;
  display: block;
}
#submenuin a {
  position: relative;
  margin: 0px 0px 0px 0px;
  padding: 5px 10px 5px 10px;
  text-decoration: none;
  font-weight: normal;
  display: block;
  color: #666666;
}
#submenuin a:hover {
  position: relative;
  text-decoration: none;
  color: #CC3333;
  display: block;
  font-weight: normal;  
}

div#submenuin_icon {
  position: relative;
  margin: 0px auto 0px auto;
  padding: 0px 0px 0px 0px;
  width: 960px;
  height: auto;
  text-align: center;
  z-index: 25;
}
div#submenuin_icon tr {
  position: relative;
  margin: 0px auto 0px auto;
  padding: 0px 0px 0px 0px;
  list-style: none;
  display: block;
  width: 100%;
  height: 160px;
}
div#submenuin_icon td {
  position: relative;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  text-align: center;
  vertical-align: middle;
  display: table-cell;
  float: left;
  list-style: none;             
  width: 150px;
  height: 150px;
  border: none;
}
div#submenuin_icon a {
  position: relative;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  text-decoration: none;
  color: #666666;
  text-transform: uppercase;
  font-size: 0.9em;
  border: none;
}
div#submenuin_icon a:hover {
  position: relative;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  text-decoration: none;
  color: #99cc33;
  color: #000000;
  font-size: 0.9em;
  border: none;
}
div#submenuin_icon img{
  position: relative;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  text-decoration: none;
  border: none;
}


#album_in {
  position: relative;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  width: 960px;
  display: block;
  list-style: none;
  text-align: center;
}
#album_in table.gallery { 
  margin: 0px auto 0px auto;
}
#album_in table.gallery td {
  width: 120px; height: 140px; 
}
#album_in .info_text {
  width: 120px; height: 40px;
  display: block;
  margin: 0px 5px 0px 5px;
  font-size: 0.8em;
}
#album_in .imgbox{
  position: relative;
  margin: 0px 5px 5px 0px;
  padding: 5px;
  width: 155px;
  height: 155px;
  border: solid 0px #CCCCCC;
  list-style: none;
  text-align: center;
  vertical-align: middle;
}
#album_in img {
  position: relative;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  border: none;
}
td {
  vertical-align: middle;
}

.btn {
  height: 24px;
  font-size: 0.8em;
  padding: 0px 14px 0px 14px;
}
.poznamka {
  font-style: italic;
  font-size: 0.75em;
}

. albumy p, a {
  font-size: 0.8em;
}

#pagenavi {
  position: fixed;
  margin: 0px 0px 0px 0px;
  padding: 10px 10px 10px 10px;
  right: 0px;
  top: 100px;
  background: #C33;
  color: #FFF;
  z-index: 150;
  width: 80px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  border-top-left-radius: 5px;
  text-align: left;
  box-shadow: 0px 0px 7px #333;
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#C33), to(#933));
   background-image: -webkit-linear-gradient(left, #C33, #933); 
   background-image:    -moz-linear-gradient(left, #C33, #933);
   background-image:     -ms-linear-gradient(left, #C33, #933);
   background-image:      -o-linear-gradient(left, #C33, #933);
}
#pagenavi a {
  color: #FFF;
  font-size: 0.8em;
  text-decoration: none;
}
#pagenavi a:hover {
  color: #DDD;
  font-size: 0.8em;
  text-decoration: none;
}

.carousel-control {
  background: transparent;
  color: #666;
  text-shadow: none;
  opacity: alpha(opacity=100);
  filter: 1;
  background-image: none;
}
.carousel-control .right a,a:hover,.left a,a:hover {
  background: transparent;
  color: #666;
  text-shadow: none;
  opacity: alpha(opacity=100);
  filter: 1;
  background-image: none;
}
.carousel-control .right a,.left a.right a:hover ,.left a:hover {
  background: transparent;
  color: #666;
  text-shadow: none;
  opacity: alpha(opacity=100);
  filter: 1;
  background-image: none;
}
.carousel-indicators a,a:hover{
  color: #666;
}
.glyphicon {
  color: #CC3333;
}