body{
	background-color:rgb(3,2,1);
	margin:0px;
	padding:0px;
  font-family: Myriad Pro ;
  /*overflow:hidden;*/
  /*font-family: Calibri;*/
  -webkit-font-smoothing: antialiased;
}

h1{
	color:rgb(3,2,1);
	position:absolute;
	top:0px;
	left:0px;
}

h2{
	margin:0px;
	padding:25px 0px 15px 0px;
	color:rgb(255,255,255);
	text-align:center;
	font-weight:500;
	font-size:18pt;
	background-image:url('../images/line.png');
  background-attachment:scroll;
	background-repeat: no-repeat;
	background-position:50% 100%;
}

#menubar{
	position:fixed;
	text-align:center;
    background-size:100%;
    background-image:url('../images/lista_menu.png');
	top:20px;
	left:160px;
	right:160px;
	margin:0px;
	padding:0px;
  z-index: 200;
  white-space: nowrap;
}

#menuvlajky{
    position:fixed;
	text-align:left;
	top:55px;
	left:160px;
	right:160px;
	margin:0px;
	padding:0px;
  z-index: 200;
  white-space: nowrap;
}

a, a:active, a:visited{
 color:rgb(3,2,1);
	 text-decoration:none;
 border-bottom:1px dotted rgb(55,37,17);
}

a:hover{
	border-bottom:1px solid rgb(55,37,17);
}

a.button, a.button:active, a.button:visited{
 height:17px;
	 display:inline-block;
	 margin:0px;
	 padding:10px 1% 10px 1%;
	 text-decoration:none;
	 color:rgb(3,2,1);
	 font-size:15pt;
/*   background-color: rgb(255,255,255);
   background-color: rgba(255,255,255,.8);*/
   border:0;
}

a.button:hover{
 background-color:rgb(237,229,216);
	 background-color:rgba(55,37,17,.8);
   color: rgb(3,2,1);
   border:0;
 }

a.buttonv:hover{
 background-color:rgb(237,229,216);
	 background-color:rgba(55,37,17,.8);
   color: rgb(3,2,1);
   border:0;
}


button0:hover{
/* background-color:rgb(237,229,216);
	 background-color:rgba(55,37,17,.8);
   color: rgb(3,2,1);
   border:0;*/
    display:inline-block;
   padding:1px 1px;
width:105%;
	 color:rgb(3,2,1);
}

a.setbutton, a.setbutton:active, a.setbutton:visited{
	margin:0px 0px 0px 5px;
	padding:10px 0px 10px 0px;
	width:37px;
	min-width:37px;
	max-width:37px;
	text-decoration:none;
	display:inline-block;
	background-image:url('../images/settings.png');
  background-attachment:scroll;
	background-repeat: no-repeat;
    background-position:50% 50%;
 border:0;
}

a.setbutton:hover{
  background-image:url('../images/settings_hover.png');
  border:0;
}

a.closebutton, a.closebutton:active, a.closebutton:visited{
	margin:0px 0px 0px 5px;
	padding:0px;
	width:30px;
	min-width:30px;
	max-width:30px;
	height:30px;
	min-height:30px;
	max-height:30px;
	text-decoration:none;
	display:inline-block;
	background-image:url('../images/close.png');
  background-attachment:scroll;
	background-repeat: no-repeat;
	background-position:50% 50%;
 	border:0;
 	position:absolute;
 	top:0px;
 	right:0px;
}

a.closebutton:hover{
  background-image:url('../images/close_hover.png');
  border:0;
}

a.homebutton, a.homebutton:active, a.homebutton:visited{
	margin:0px 5px 0px 0px;
	padding:10px 0px 10px 0px;
	width:37px;
	min-width:37px;
	max-width:37px;
	text-decoration:none;
	display:inline-block;
	background-image:url('../images/domov.jpg');
  background-attachment:scroll;
	background-repeat: no-repeat;
	background-position:50% 50%;
 border:0;
}

a.homebutton:hover{
  background-image:url('../images/home_hover.png');
  border:0;
}

a.left, a.left:active, a.left:visited{
	position:absolute;
	left:0px;
	top:0px;
	bottom:0px;
	margin:0px;
	padding:0px;
	width:60px;
	text-decoration:none;
	display:block;
	background-image:url('../images/left.png');
  background-attachment:scroll;
	background-repeat: no-repeat;
	background-position:50% 50%;
 border:0;
}

a.right, a.right:active, a.right:visited{
	position:absolute;
	right:160px;
	top:0px;
	bottom:0px;
	margin:0px;
	padding:0px;
	width:60px;
	text-decoration:none;
	display:block;
	background-image:url('../images/right.png');
  background-attachment:scroll;
	background-repeat: no-repeat;
	background-position:50% 50%;
 border:0;
}

a.right:hover{
  border:0;
  background-position:100% 50%;
  /*background-color:none;
  background-color:rgba(255,255,255,.4);*/
}

a.left:hover{
  border:0;
  background-position:0% 50%;
  /*background-color:none;
  background-color:rgba(255,255,255,.4);*/
}

a.down, a.down:active, a.down:visited{
	position:absolute;
	left:0px;
	right:0px;
	bottom:0px;
	padding:0px;
	height:60px;
	width:90px;
	margin:0px auto 0px auto;
	text-decoration:none;
	display:block;
	background-image:url('../images/down.png');
  background-attachment:scroll;
	background-repeat: no-repeat;
	background-position:50% 50%;
 border:0;
}

a.down:hover{
  border:0;
  background-position:50% 100%;
  /*background-color:none;
  background-color:rgba(255,255,255,.4);*/
}


a.galleryUp, a.galleryUp:active, a.galleryUp:visited{
	position:absolute;
	right:0px;
	top:0px;
	padding:0px;
	height:47px;
	width:160px;
	margin:0px;
	text-decoration:none;
	display:block;
	background-image:url('../images/up.png');
  background-attachment:scroll;
	background-repeat: no-repeat;
	background-position:50% 50%;
	border:0;
}

a.galleryDown, a.galleryDown:active, a.galleryDown:visited{
	position:absolute;
	right:0px;
	bottom:0px;
	padding:0px;
	height:47px;
	width:160px;
	margin:0px;
	text-decoration:none;
	display:block;
	background-image:url('../images/down.png');
  background-attachment:scroll;
	background-repeat: no-repeat;
	background-position:50% 50%;
	border:0;
}

a.galleryDown:hover, a.galleryUp:hover{
	border:0;
	background-color:rgb(255,255,255);
	background-color:rgba(255,255,255,.4);
}

p{
	 color:rgb(255,255,255);
	 font-size:10pt;
}

#logo{
	position:absolute;
	left:50%;
	top:30%;
	width:200px;
	height:200px;
	margin-top:-100px;
	margin-left:-100px;
	z-index: 10;
}

#titleholder{
/*  background-color:none;  */                    
      background-color:rgb(121,109,93);
	 background-color:rgba(121,109,93,.8); 
   	 position:absolute;
	 top:20px;
	 bottom:0px;
	 left:160px;
	 right:160px;
	 text-align:center;
	 padding-top:15%;
	 z-index:9;
}

.textholder{
	 background-color:rgb(255,255,255);
	 background-color:rgba(255,255,255,.4);
 position:absolute;
	 bottom:0px;
	 left:0px;
	 right:0px;
	 text-align:center;
	 min-height:20px;
	 padding:0px 0px 0px 0px;
}

.toptextholder{
 background-color:rgb(121,109,93);
	 background-color:rgba(121,109,93,.8);
   	 position:absolute;
	 top:30%;
	 bottom:auto; 
	 left:160px;
	 right:160px;
	 text-align:center;
     padding:0px 50px 50px 50px;
	/* z-index:9;*/
}

.cennikholder{
  /* background-color: rgb(255,255,255);
     background-color: rgba(255,255,255,.4); */
  position: absolute;
  top: 100px;
  bottom: 30px;
  left: 160px;
  right: 160px;
  /* text-align: right; */
  z-index: 9; /* optional, falls nötig */
}

.cenovka{
	 background-color:rgb(121,109,93);
	 background-color:rgba(121,109,93,.4);
   	 position:absolute;
     font-family:Myriad Pro;
  	 top:20px;
     height:240;
/*	 bottom:60px;*/
	 left:160px;
	 right:160px;
	 text-align:center;
	/* padding-top:500px;*/
	/* z-index:9;*/
}


.ubytovanieholder{
	 background-color:rgb(121,109,93);
	 background-color:rgba(121,109,93,.8);
   	 position:absolute;
     font-family:Myriad Pro;
  	 top:20px;
     height:240px;
/*	 bottom:130;*/
	 left:160px;
	 right:160px;
	 text-align:center;
     padding:30px 50px 0px 50px ;
	/* z-index:9;*/
}

/* Eigener Holder nur für #prostredie */
.prostredieholder {
  background-color: rgba(121,109,93,0.8);
  position: absolute;
  top: 20%;
  bottom: auto;        /* hier steuerst du die Höhe von unten */
  left: 5%;
  right: 5%;
  max-width: 900px;
  margin: 0 auto;     /* zentriert bei max-width */
  padding: 30px 40px 40px 40px;
  text-align: center;
  box-sizing: border-box;
  overflow: auto;
  z-index: 9;
}

@media (orientation: landscape) and (min-width: 768px) and (max-width: 1366px) {
  .prostredieholder { top: 100px; bottom: auto; padding: 24px 32px 32px; }
}



.block{
	position:relative;
	width:100%;
	height:100vh;
	background-size:100%;
	background-attachment:scroll;
	background-repeat: no-repeat;
	text-align:center;
  /*-webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px);*/
}

.pin{

}

#uvod{
  background-image:url('../images/uvod.jpg');
  background-position:50% 50%;/* x,y */
}

#profil{
  background-image:url('../images/profil.jpg');
  background-position:50% 50%;
}

#gallerybox,#profilbox,#zamerbox{
   height:auto;
}

#thumbs{
	background-color:none;
	background-color:rgba(255,255,255,.4);
  overflow:hidden;
  padding:0px 0px 0px 0px;
  margin:0px;
  position:absolute;
  right:0px;
  top:0px;
  bottom:0px;
  width:160px;
  text-align: center;
}

.thumb{
  padding:0px;
  margin:0px auto 2px auto;
  display:block;
  width:140px;
  height:105px;
  border:5px solid rgba(255,255,255,0.4);
}

.current{
  border:5px solid rgb(255,255,255);
}

.thumb:hover, .current:hover{
  border:5px solid rgba(255,255,255,0.75);
}

.titleimg{
	border:0;
	margin:10px 0px 10px 0px;
}

#preview{
	position:absolute;
	left:0px;
	top:0px;
	right:160px;
	bottom:0px;
	background-size:100%;
	background-attachment:scroll;
	background-repeat: no-repeat;
	background-position:50% 50%;
}
#prostredie{
  background-image:url('../images/prostredie.jpg');
  background-position:50% 50%;
}
  
#cennik{
  background-image:url('../images/cennik.jpg');
  background-position:50% 50%;
}

#galeria{
  background-image:url('../images/terc.gif');
  background-position:50% 50%;
  background-size:auto;
}

#ubytovanie{
  background-image:url('../images/ubytovanie.jpg');
  background-position:50% 50%;
}

#kontakt{
  background-image:url('../images/kontakt.jpg');
  background-position:50% 50%;
}

#adresa{
	 position:absolute;
	 top:0px;
	 left:10%;
	 right:50%;
	 bottom:0px;
	 text-align:left;
	 padding-top:0px;
}

#kontaktnaOsoba{
	 position:absolute;
   top:0px;
	 left:50%;
	 right:10%;
	 bottom:0px;
	 text-align:right;
	 padding-top:0px;
}

#infobox{
	position:fixed;
	top:47px;
	z-index:11;
	display:none;
  background-color: rgb(255,255,255);
  background-color: rgba(255,255,255,.8);
  padding:20px 40px 60px 40px;
}

.toolbox{
	position:absolute;
	left:0px;
	right:0px;
	bottom:0px;
  background-color: rgb(255,255,255);
  background-color: rgba(255,255,255,.4);
  text-align:right;
  padding:0px;
}

.formElement{
		width:240px;
		display:block;
		margin:4px;
		padding:10px;
		border:0;
		background-color: rgb(255,255,255);
		border:1px solid rgb(255,255,255);
}
 
.formElement:focus{
    border:1px solid rgb(55,37,17);
}
 
textarea{
		overflow:auto;
}
 
.submit{
		 width:50%;
		 height:40px;
		 background-color: rgb(255,255,255);
		 border:0;
}
 
.submit:hover{
	 background-color:rgb(55,37,17);
	 background-color:rgba(55,37,17,.8);
   color: rgb(255,255,255);
   border:0;
}

div#outside {  width: 100%; hight: 100%;} 

div#inside {  width: 100%; hight: 100%;} 

div#inside img{  width: 80%; hight: 80%;}