/* background body je v general-body-bg.css kvůli fck editoru */

html  {overflow-y: scroll;}
body{font-family: Arial, sans-serif; color: #636466; font-size: 80%; height: 100%;}

#wrapper {width: 1000px; margin: 0px auto; position: relative;}
#main {}
.column-main {float: right; background-color: #fff; height: 100%;}
#menu-top-categories {letter-spacing: 0.5px; width: 1000px; height: 35px; margin-left: -15px;}
.column-menu {float:left; text-align: left; min-height: 250px; padding: 20px 20px 20px 0;}
#bg-text {width: 100%; padding: 15px 0; line-height: 180%; min-height: 300px; /*background-image: url(../images/main-bg.png); background-repeat: repeat-y;*/}
#bg-text img {max-width: 100%; height: auto;}
#bg-text p {letter-spacing: .1px;}
#bottom {width: 1000px; text-align: right; vertical-align: top; clear: both;}
#menu-bottom {width: 1000px; position:relative; padding-top: 5px; clear: both;}

#top-left { width: 120px; height: 170px; float:left;}
#top-center { width: 740px; height: 170px; float:left;}
#top-center img {margin-left: 60px;}
#top-right { width: 140px; float:left; padding-top: 58px;}


#kontakt {float: left; width: 40%; padding-right: 20px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
#kontakt h2 {color: #75a101;}
#vlozena-mapa {float: right; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}

.maly-kontakt {text-align: left; font-size: 90%; margin: 30px 20px;}

#ui-datepicker-div {font-size: 90%;}

.clear {clear: both;}
.click {cursor: pointer;}

#mapa-right {width: 350px; height: 350px; float: right; margin-top: 20px;}
#map_canvas {width: 350px; height: 350px; border: 1px solid #ccc; margin-bottom: 15px;}

.soc-site {text-align:center; float: none;}
.soc-sit {width: 33.33%; float: left;}
.soc-sit img {border: none; width: 35px;}

.vlajky {padding-top: 10px; clear: both;}
.vlajka {width: 33.33%; float: left;}
.vlajka img {border: none; width: 30px;}

.mena-prepnuti {}

.button-mena {
	 font-size: 130%;
     background:none!important;
     border:none; 
     padding:0!important;
     cursor: pointer;
     color: #bcbdc0;
}

.button-mena-active {
	 font-size: 130%;
     background:none!important;
     border:none; 
     padding:0!important;
     cursor: pointer;
	 color: #f36f21;
}


.search {padding-top: 10px; clear: both;}
.search-field {height: 18px; border: solid 1px #ccc; width: 105px;}
.search-button {
	text-indent: -9000px;
	height: 22px;
	width: 30px;
	border: solid 1px #ccc;
	position: relative; left: -5px;
	background: url(/images/search.png);
	background-size: contain;
	cursor: pointer;
	margin-right: -5px;

	
}

.cart {margin-top: 12px; text-align: center;}

.form-star {color:#C00;}
.odeslat {margin-top: 15px; padding: 5px; font-size: 110%;}

.pod-menu {margin: 10px; margin-top: 30px; margin-left: 10px;}
.toplist {border: 0;}

h1 {font-size: 130%; color: #231f20;}
h2 {font-size: 130%; color: #231f20;}
h3 {font-size: 110%; color: #231f20; margin-bottom: -15px;}


li {	line-height: 150%;}

hr {
 border: 0;
 color: #ccc;
 background-color: #ccc;
 height: 1px;
 width: 100%;
 text-align: left;
 margin-top: 10px;
 margin-bottom: 5px;
 }


a {color: #666; text-decoration: none;}
a:hover {color: #F37021; text-decoration: none;}

/*li {list-style-image: url('../img/li.gif');}*/

img {border-color: #AAAAAA;}

.id1 {width: 650px; vertical-align: top; background-color: #fff; float: left;}
.id1_vypis {font-size: 100%;}

.rezervace-form {}

/* použito v editoru */
.table-in-fckeditor {font-size: 100%; width: 650px;}

.tabulka-akce { font-size: 14px; border: 0; padding: 0;}



.photowraper {width: 100%;}
.photos {
    margin: 10px -10px 10px -10px;
    text-align: left; background-color:#0FF;
}

.photo-out {width: 181px; height: 181px; background-color: #F0F0F0; float: left; margin: 0px 11px 22px 11px; text-align: center;}
.photo {width: 181px; height: 181px; background-size: cover; background-position: center; }





.photo-text { display: none;
	background-color: rgba(255, 255, 255, 0.9);  width: 183px; height: 183px; position: relative; top: 0px; color: #6d6e70; padding: 50px 10px 10px 20px; text-align: left; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; cursor: pointer; line-height: 160%;

    opacity: 0;
     -webkit-transition: opacity .50s ease-in-out;
     -moz-transition: opacity .50s ease-in-out;
     -ms-transition: opacity .50s ease-in-out;
     -o-transition: opacity .50s ease-in-out;
     transition: opacity .50s ease-in-out;
  }      
.photo-text:hover {
       opacity: 1;
       -webkit-transition: opacity .50s ease-in-out;
       -moz-transition: opacity .50s ease-in-out;
       -ms-transition: opacity .50s ease-in-out;
       -o-transition: opacity .50s ease-in-out;
       transition: opacity .50s ease-in-out;
    }




div.reference {
  float: left;
  width: 200px;
  height: 200px;
  margin: 5px;
  text-align: center;
  vertical-align: middle;
  font-size: 0.8em;
  font-weight: bold;
} 

.akce-nadpis {font-size: 14px; font-weight: bold;}



/*SVATEBNÍ TERMÍNY*/
.vyber-datum {text-align:center;}
.vyber-datum-over {text-align:center; cursor: pointer; background-color:#d0caa4;}

.volny { padding: 10px;}
.obsazeny { background-color: #d54d27; color: #FFF; padding: 10px;}

/* zarovnání termínu svateb a casu */

.datawraper {width: 100%;}
.data div, .data datum {
    display:inline-block;
    margin:auto;
    font-size:100%;
    line-height:100%;
    text-decoration:none;
   	}
.data {
    text-align:center;
    margin: 0 auto;
    position:relative;
}


.casywraper {width: 100%;}
.casy div, .casy cas {
    display:inline-block;
    margin:auto;
    font-size:100%;
    line-height:150%;
    text-decoration:none;
   }
.casy {
    text-align:center;
    margin: 0 auto;
    position:relative;
}


.form-text {float: left; width: 150px; margin-bottom: 5px;}
.form-field {float: left; margin-bottom: 5px;}

.obsazene-terminy {float:left; min-width: 160px;}
.obsazene-terminy-clear {clear: both; height: 15px;}

.margin-left-30 {margin-left: 30px;}

.photo-right td {width:180px; height:180px; text-align: center; vertical-align:middle;}
.photo-right img {border-color:#FFF;}


.clanek {padding: 10px 0 20px 0px; border-top: 1px solid #ccc;}
.nadpis-clanku h2 {float: left; margin-bottom: 0px;}
.datum-clanku {float: right; font-size: 100%; color:#999; padding-right: 10px;}
.text-clanku {margin-bottom: 0px;}

.file-download {background-image:url(../images/ico_download_orange.png); background-position: middle left; background-repeat: no-repeat; margin-left: 15px; padding-left: 20px; padding-bottom: 5px; float: left; width: 260px;}



.sponzori-top {width: 1000px; text-align: center; height: 100px;}
.partneri-bottom {width: 1000px; text-align: center;}


.menuicoholder {
			position: fixed;
			width: 100%;
			height: 70px;
			margin: 0px;
			text-align: right;
			box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; 
			z-index: 1;
	}
	
.menuico {  display: none;
			width: 50px;
			height: 50px;
			margin: 20px;
			float: right;
			box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; 

		}
		
.menu-nav {width: 1000px; height: 30px; margin-top: 0px; text-transform: uppercase;}		

.cart-icon {width: 30px; float: right; padding: 5px 0 0 0;}



/*Horizontální MENU*/
.h-menu-holder {font-family: 'Work Sans', sans-serif; font-weight: 400; letter-spacing: 0.1px; width: 970px; text-align: left; float: left;}
.h-menu {height: 40px; width: 985px; font-size: 120%; text-align: left; margin-left: -15px;}
.h-menu a {text-decoration: none; color: #6d6e70; text-transform: uppercase; margin: 0 -20px 0 -20px; padding: 0 20px 5px 20px;}
.h-menu a:hover {text-decoration: none; color: #f36f21;}
.h-menu td {padding: 0px 15px 0px 15px;}
/*mouse out*/
.h-color-out {float: left;}
/*mouse over*/
.h-color-over {cursor: pointer; float: left;}
.h-color-over a {color: #f36f21; }
/*aktuálně zobrazená stránka*/
.h-color-active {cursor: pointer;}
.h-color-active a {color: #231f20; font-weight: bold; border-bottom: 4px solid #F37021; padding-bottom: 3px;}
.h-color-active a:hover {color: #231f20; font-weight: bold;}

.submenu-holder { text-align: center; width: 100%;  background-color: #DDEDF7; margin: -20px 0px 0 0px; padding-top: 15px;}

.submenu div, .submenu polozka-submenu {
    display:inline-block;
    margin:auto;
	 }
.submenu {
    text-align:center;
    margin: 0 auto;
    position:relative;
}

.submenu a {color: #555; text-decoration: none;}
.submenu a:hover {color: #999; text-decoration: none;}


/*Vertikální MENU*/
.v-menu {width: 200px; font-size: 15px; margin-left: -10px;}
.v-menu a {text-decoration: none; color: #6d6e70; font-weight: normal;}
.v-menu li {text-align: left; padding: 15px 0 5px 10px; list-style: none;}
.v-menu ul {margin: 0px; padding: 0px;}


.color-out  {}
.color-out a {color:#6d6e70;}
.color-over {cursor: pointer; }
.color-over a {color: #F37021;}
.color-active {cursor: pointer; border-bottom: 4px solid #F37021;}
.color-active a {color:#231f20; font-weight: bold;}

.color-out-level2 {}
.color-over-level2 {cursor: pointer; background-color: #f6f3ec;}
.color-active-level2 {cursor: pointer; background-color:#d2c8b5;}


.move-top {display: none; margin-top: -1px;}


/*mapa-webu*/
.color-out-list  {color: #333;}
.color-over-list {cursor: pointer; color: #666;}


/*volné termíny */
.mesice {font-size: 100%;}
.jeden_mesic {font-size: 100%; text-align: center; border: #666 solid 1px; border-collapse: collapse;}
.nazvy_pokoju { font-size: 100%;}
.dny_datum {font-size: 100%;}


.akce_nadpis {color: #990000;}

.bg-line {background-image: url(../images/bg-line.png); background-position: top; background-repeat: repeat-x;}



.nazev-galerie {margin-top: 5px; width: 200px; text-align: center;}

.box-green {width: 300px; height:45px; background-image: url(../images/bottom-menu-bg-green.png); background-repeat: no-repeat; color:#FFF; float:left; text-align:center; padding-top: 20px;}
.box-orange {width: 300px; height:45px; background-image: url(../images/bottom-menu-bg-orange.png); background-repeat: no-repeat; color:#FFF; float:left; text-align:center; padding-top: 20px;}

.footer { background-color: #ddd; height: 1px; width: 100%;}

.link-bottom {padding-top: 10px; padding-right: 15px; height: 60px;  background-position: top; background-repeat: repeat-x;}

.link-bottom a {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 70%;
    color: #555;
    text-decoration: none;
    margin-right: 10px; margin-left: 10px;
}

.link-bottom a:hover {
    color: #333;
    text-decoration: underline;
}

.copyright-bottom {float: left; padding: 3px 0 0 20px; color: #555; font-size: 80%;}

.nahoru a {text-decoration: none; font-size: 11px;}
.nahoru {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 100%; margin-bottom: 10px; text-align: right; margin-right: 0px;}




/*

@media (max-width: 1150px) {
	
html {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}	
	
body {background: none !important; margin: 0;}

	#wrapper {
		width: auto;
		margin: 0;
	}


#main {
  -webkit-box-shadow: none; 
  -moz-box-shadow: none; 
  box-shadow: none; 
}


	.column-menu {
	-webkit-box-shadow: 0px 0px 0px 1px #fff inset; 
	-moz-box-shadow: 0px 0px 0px 1px #fff inset; 
    box-shadow: 0px 0px 0px 1px #fff inset;
    box-sizing: border-box;
		width: auto;
		float: none;
		margin: 0;
	}
	
.logo {float: none; width: 100%; text-align: center;}


	.column-main {
		width: auto;
		float: none;
		margin: 0;	

	}
	
	#header {
		width: auto;
		height: 450px;
		margin: 0;
		background-position: right;
		background-size: cover;
		}
	
	#bottom {
		 display: none;
	 }
	 

	 
	 #bg-text {
		 width: 100%; 
		 padding: 25px;
		 font-size: 120%;
		 box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; 
		 }
		 

	 
	 .v-menu {
		 width: auto;
		 margin: 0;
		 }
		 
	 .v-menu li {
		 box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; 
		 text-align: center;
		 list-style: none;
		 float: left;
		 width: 33.333%;
		 margin: 0px;
		 border-bottom: 1px solid #fff;
		 border-right: 1px solid #fff;
		 padding: 15px 0 15px 0px;
}

	 #nav {
		 width: auto;
		 margin: 0;
		 }
		 

		 
	 .clear-response {clear: both;}

.move-top {
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; 
	display: block; height: 80px; width: 100%; background: #89755d; padding-top: 20px; text-align: center;}

.nahoru { display: none;}

}

@media (max-width: 1000px) {
		#header {
		width: auto;
		height: 400px;
		margin: 0;
		}
		
		 #nav > ul > li {
		 background-image: none;
		 box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; 
		 text-align: center;
		 list-style: none;
		 float: left;
		 width: 33.333%;
		 margin: 0px;
		padding: 10px 0;
}
		
	 #bg-text {
		 width: 100%; 
		 padding: 10px 10px 10px 10px;
		 box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; 
		 }		
		 
#kontakt {width: 100%; float: none;}
#vlozena-mapa {width: 100%; float: none; text-align: center;}
		
}

@media (max-width: 600px) {
	

	#header {
		width: auto;
		height: 300px;
		margin: 0;
		}

    .photo {
		height: 150px;
		width: 200px; 
		}
	
.v-menu li {
		 box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; 
		 text-align: center;
		 height: 40px;
		 list-style: none;
		 float: left;
		 width: 50%;
		 margin: 0px;
		 }
		 
		 #nav > ul > li {
		 box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; 
		 text-align: center;
		 list-style: none;
		 float: left;
		 width: 50%;
		 margin: 0px;
		 padding: 5px 0;
		 }
		 
		 



@media (max-width: 400px) {

	#wrapper {
		width: auto;
		margin: 0;
		padding: 0;
	}

	.column-menu {
		width: auto;
		float: none;
		margin: 0;
		text-align:center;
	}
	

	.column-main {
		width: auto;
		float: none;
		margin: 0;	

	}
	
	#header {
		width: auto;
		height: 200px;
		margin: 0;
		}
	
	#bottom {
		 width: auto; 
		 text-align: center;
		 margin: 0;
	 }
	 
	 #menu-bottom {
		 width: auto;

	 }
	 
	 #bg-text {
		 width: 100%; 
		 padding: 10px 10px 10px 10px;
		 box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; 
		 }
		 
	.link-bottom {
		padding-right: 0;
		}
	 
		 
	 .v-menu li {
		 box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; 
		 text-align: center;
		 list-style: none;
		 float: left;
		 width: 100%;
		 }

	 #nav > ul > li {
		 box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; 
		 border: none;
		 text-align: center;
		 list-style: none;
		 float: left;
		 width: 100%;
 		 margin: 0px;
		 padding: 10px 0;
		 }


		 .clear-response {clear: both;}
		 .email, .administrace {display: none;}
		 
		 .file_download {width: 100%; margin-left: 5px; margin-right: 5px; float: none;}
	 
}

@media (max-width: 300px) {
		#header {
		width: auto;
		height: 120px;
		margin: 0;
		background-position: right;
		}
*/