/* background body je v general-body-bg.css kvůli fck editoru */
body {font-family: Arial, Helvetica, sans-serif; color: #3a3221; font-size: 14px;}

#wrapper {width: 1000px; margin: 0px auto; position: relative;
  
}
.column-main {width: 1000px;}
.logo {height: 100px; width: 200px; float: left; float: right; margin-right: 50px;}
.logo img {border: none;}
#main {
	-webkit-box-shadow: 0px 0px 25px rgba(0, 0, 0, .15); /* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow: 0px 0px 25px rgba(0, 0, 0, .15); /* FF3.5 - 3.6 */
  box-shadow: 0px 0px 25px rgba(0, 0, 0, .15); /* Opera 10.5, IE9, FF4+, Chrome 6+, iOS 5 */
  

}
#menu-top-categories {float: left; width: 250px; height: 410px; margin: -30px 0 -30px 0; background-color:#ee0101; background-image:url(../images/bg-top-categories.jpg); background-position: middle left; background-repeat: no-repeat;}
#header {width: 1000px; height: 400px; background-repeat: no-repeat; background-position: top center; background-color: #007bb8; background-size: auto 100%;}
.column-menu { display: none; width: 250px; float:left; text-align: center; background-color: #f2f2f2; margin-top: 30px;}
#bg-text {width: 940px; padding: 20px 30px 30px 30px; text-align: left; line-height: 1,2em; font-size: 14px; min-height: 300px; background-image: url(../images/main-bg.png); background-repeat: repeat-y;}
#bg-text img {max-width: 100%; height: auto;}
#bottom {width: 1000px; text-align: right; vertical-align: top; clear: both;}
#menu-bottom {width: 1000px; position:relative; padding-top: 5px; clear: both;}

.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;}

.vlajky {background-image:url(../images/menu_top.png); background-position: top; background-repeat: no-repeat; text-align:center;}
.vlajky {padding-top: 20px;}
.vlajky img { border-color: #CCC;}

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

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

h1 {font-size: 20px; color: #2568ac; font-weight: normal; text-transform: uppercase;}
h2 {font-size: 18px; color: #2568ac; font-weight: normal; text-transform: uppercase;}
h3 {font-size: 16px; color: #2568ac; font-weight: normal; text-transform: uppercase;}

p {
	line-height: 150%;
	margin: 0.8em 0;
}

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


a {color: #2568ac; text-decoration: none;}
a:hover {color: #2568ac; text-decoration: underline;}



/*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: 12px;}

.id1_form {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px;}

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

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

.photos div, .photos photo {
	width: 200px;
    display:inline-block;
    margin:auto;
 }
.photos {

    margin: 0 auto;
    position:relative;
}

.photo {text-align: center;}
.photo a { color:#333; font-size: 12px;}
.photo a:hover { color:#f00; text-decoration: none;}

.photo img {
	-webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, .15); /* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, .15); /* FF3.5 - 3.6 */
  box-shadow: 0px 0px 15px rgba(0, 0, 0, .15); /* Opera 10.5, IE9, FF4+, Chrome 6+, iOS 5 */
 
}

.pod-foto {font-weight: bold; text-decoration: none; margin-top: 10px;}



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;}

.nd {display: none;}
.skryvany {display: none;}



.clanek {padding-bottom: 30px;}
.nadpis-clanku {height: 40px; background-color: #DDEDF7; padding: 1px 30px 10px 30px; margin: 0 -30px 0 -30px; clear: both;}
.nadpis-clanku h2 {float: left;}
.datum-clanku {float: right; font-size: 12px; color:#999; padding: 17px 10px 0 0;}
.text-clanku { padding: 10px 10px 10px 20px;}

.file-download { float: left; margin: 3px 0 3px 0; background-image:url(../images/ico01_blue.png); background-repeat: no-repeat; margin-left: 15px; padding-left: 15px; padding-bottom: 5px; width: 320px; }


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




		#nav
		{
			width: 1000px;
						
		}

			#nav > a
			{
				display: none;
			}

			#nav li
			{
				position: relative;
				list-style: none;
			}
				#nav li a
				{
					color: #555;
					display: block;
					text-decoration: none;
					text-transform: uppercase;
				}
				#nav li a:active
				{
					background-color: #fff !important;
				}
				
				#nav li a:hover
				{
					color: #999;
				}

			#nav span:after
			{
				width: 0;
				height: 0;
				border: 0.313em solid transparent; /* 5 */
				border-bottom: none;
				border-top-color: #ccc;
				content: '';
				vertical-align: middle;
				display: inline-block;
				position: relative;
				right: -0.313em; /* 5 */
			}

			/* first level */

			#nav > ul
			{
				height: 55px;
				background-color: #fff;
				padding-left: 0px;
			}
			
				#nav > ul > li
				{
					width: 14.28%;
					height: 100%;
					float: left;
					
				}
					#nav > ul > li > a
					{
						height: 100%;
						font-size: 18px;
						line-height: 60px;
						text-align: center;

					}
						#nav > ul > li:not( :last-child ) > a
						{
							border-right: 1px solid #ccc;
						}
						#nav > ul > li:hover > a,
						#nav > ul:not( :hover ) > li.active > a
						{
							background-color: #fff;
						}
				.menu-color-active a {color: #2568ac !important;}

				/* second level */

				#nav li ul
				{
					background-color: #fff;
					display: none;
					position: absolute;
					top: 100%;
					padding-left: 0px;
				}
					#nav li:hover ul
					{
						display: block;
						left: 0;
						right: 0;
					}
						#nav li:not( :first-child ):hover ul
						{
							left: -1px;
						}
						#nav li ul a
						{
							font-size: 18px; /* 20 */
							border-top: 1px solid #ccc;
							margin: 0px 15px 0 15px;
							padding: 15px 0px 15px 0px;
							
						}
							#nav li ul li a:hover,
							#nav li ul:not( :hover ) li.active a
							{
								background-color: #fff;
							}

.clearfix:after					{ visibility: hidden; display: block; font-size: 0; content: ' '; clear: both; height: 0; }
* html .clearfix 				{ zoom: 1; }
*:first-child+html .clearfix	{ zoom: 1; }
.cleaner 						{ height: 0; line-height: 0; clear: both; }






/*Horizontální MENU*/
.h-menu {height: 60px; width: 1000px; font-size: 18px; text-align: center; background-color:#fff;}
.h-menu div {height: 35px; text-align: center; vertical-align: middle; padding: 10px 30px 0 30px; background-image:url(../images/h-menu-border.png); background-position: left;  background-repeat: no-repeat;}
.h-menu-item-holder {margin: 0px; padding: 0px; background: none !important;}
.h-menu a {text-decoration: none; color: #555; text-transform: uppercase;}
.h-menu a:hover {text-decoration: none; color: #aaa;}
.h-menu-link {margin: 10px 0 0 0;} 
/*mouse out*/
.h-color-out {float: left;}
/*mouse over*/
.h-color-over {cursor: pointer; float: left;}
.h-color-over a {color: #999;}
/*aktuálně zobrazená stránka*/
.h-color-active {cursor: pointer; float: left; margin-right: -1px;}
.h-color-active a {color: #2568ac;}
.h-color-active a:hover {color: #2568ac;}

.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: 250px; font-family: 'PT Sans', sans-serif; font-size: 16px;}
.v-menu a {text-decoration: none; color: #614b34; font-weight: normal;}
.v-menu li {text-align: left; padding: 13px 0 10px 10px; list-style: url(../images/v-menu-arrow.png) inside; border-bottom: 1px solid #DDD;}
.v-menu ul {margin: 0px; padding: 0px;}


.color-out  {background-image:url(../images/menu-li-bg.png); background-position: top left; background-repeat: no-repeat;}
.color-over {cursor: pointer; background-color: #ddd;}
.color-active {cursor: pointer; background-color: #999;}
.color-active a {color:#FFF;}

.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;}

/*zboží*/


.categories-nahled-out {width: 225px; height: 210px; background-color: #f2f2f2; float: left; margin: 0px 5px 10px 5px; text-align: center;}
.categories-nahled-over {width: 225px; height: 210px; background-color: #e5e5e5; float: left; margin: 0px 5px 10px 5px; text-align: center; cursor: pointer;}
.categories-nahled-out a {text-decoration: none; font-size: 14px;}
.categories-nahled-over a {text-decoration: none; font-size: 14px; color:#ff2d14;}
.categories-photo {width: 225px; height: 160px; margin-bottom: 10px; font-size: 14px; background-size: cover; }
.categories-nahled-text {padding: 0 10px 0 10px;}

.zbozi-detail {}
.zbozi-detail-left { width: 400px; float: left; margin-right: 20px;}
.zbozi-detail-right {width: 290px; float: right;}
.video { margin: 20px 0 20px 0;}

.files-download-zbozi {width: 400px;}
.file-download-zbozi {margin: 3px 0 3px 0; background-image:url(../images/ico01_red.png); background-position: middle left; background-repeat: no-repeat; margin-left: 15px; padding-left: 15px; padding-bottom: 5px; float: left; width: 285px;}


#menu-top-categories a {color:#FFF;  font-size: 16px; font-weight: bold; text-transform: uppercase; text-decoration: none;}
#menu-top-categories div {height: 96px; padding: 40px 0 0 30px; color: #EBEBEB;}
.top-category-over { cursor: pointer; background-image:url(../images/top-categories-bg-active.png); background-position: center; background-repeat: no-repeat;}
.top-category-out { }
.top-category-active { cursor: pointer; background-image:url(../images/menu-categories-top-active.png); background-position: left; background-repeat: no-repeat;}


#menu-bottom-categories {margin: 15px 0 15px 0;}
#menu-bottom-categories a {color:#444;  font-size: 13px; text-decoration: none;}
#menu-bottom-categories div {min-height: 16px; padding: 7px 10px 7px 30px; text-align: left;}
.bottom-category-over {cursor: pointer; background-image:url(../images/categories-li-out.png); background-position: left top; background-repeat: no-repeat; background-color: #e4e4e4;}
.bottom-category-over a {color: #fff;}
.bottom-category-out {background-image:url(../images/categories-li-out.png); background-position: left top; background-repeat: no-repeat;}
.bottom-category-active { cursor: pointer; background-image:url(../images/categories-li-active.png); background-position: left top; background-repeat: no-repeat;}


.zbozi-td { background-color:#fff; padding: 10px; height: 450px;}
.zbozi-img-td {vertical-align: top; width: 150px; text-align: center; padding: 10px; background-color:#082a4c;}
.zbozi-text-td {vertical-align: top; padding: 10px 15px 10px 15px; width: 300px; background:#e4e4e4;}
.zbozi-cena-div {margin: 10px 0px 0px 0px;}
.zbozi-td-mezera {width: 15px;}
.zbozi-tr-mezera {height: 15px;}
.spocitej {width: 750px;}

.nazev {font-size: 13px; color:#082a4c; font-weight: bold;}
.popis {margin-top: 10px;}
.soubor {margin-top: 10px;}
.cena {font-weight: bold; margin-top: 10px;}
.cena-bez-dph {margin-top: 5px;}
.zadej-pocet {margin-top: 10px;}
.kod {font-style:italic; font-size: 10px; margin-top: 10px;}
.novinka { position: absolute; margin: -7px 0 0 10px;}


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


.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-red {width: 250px; height:45px; background-image: url(../images/bottom-menu-bg-red.png); background-repeat: no-repeat; color:#FFF; float:left; text-align:center; padding-top: 20px;}
.box-gray {width: 250px; height:45px; background-image: url(../images/bottom-menu-bg-gray.png); background-repeat: no-repeat; color:#FFF; float:left; text-align:center; padding-top: 20px;}

.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: 10px;
    color: #999;
    text-decoration: none;
    margin-right: 10px; margin-left: 10px;
}

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

.copyright-bottom {float: left; padding: 3px 0 0 20px; color: #777; font-size: 12px;}

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


/* responsive 



@media (max-width: 1030px) {
	
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;}

.h-menu {float: none;}



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

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

	 
	 #bg-text {
		 width: 100%; 
		 padding: 10px 10px 10px 10px;
		 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: 10px 0 10px 0px;
}

	 .h-menu {
		 width: auto;
		 margin: 0;
		 }
		 

		 
	 .h-menu div {
		 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;
		 border-right: 1px solid #DDD;
		padding: 17px 0;
}

		 .clear-response {clear: both;}

.move-top {display: block; height: 40px; width: 100%; background: #666;}

.nahoru { display: none;}

}

@media (max-width: 700px) {
		#header {
		width: auto;
		height: 250px;
		margin: 0;
		}
		

@media (max-width: 700px) {
	


.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;
		 }
		 
		 .h-menu div {
		 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%;
		 padding: 12px 0;
		 margin: 0px;
		 }
		 
		 
	#header {
		width: auto;
		height: 200px;
		margin: 0;
		}



@media (max-width: 450px) {

	#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: 150px;
		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%;
		 }

	 .h-menu div {
		 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%;
		 }


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

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