/* Template layout parameters */
	

	#wrapper {
		margin-top:10px;
	}
	#foot_container {
		margin-bottom:10px;
	}
	#topmenu ul.menu, #topmenu ul.menu li a, #topmenu ul.menu li span.separator {
		background-image: url('images/dropdown-smooth.png');
	}
	#topmenu ul.menu li.parent a, #topmenu ul.menu li.parent span.separator {
		background-image: url('images/menu-parent-smooth.png');
	}
	#topmenu ul.menu li.parent a:hover, #topmenu ul.menu li.parent span.separator:hover, 
	#topmenu ul.menu li#current.parent a, #topmenu ul.menu li#current.parent span.separator {
		background-image: url('images/menu-parent-hover-smooth.png');
	}
				.page-header h2, h2.item-title {
			background-image: none !important;
		    padding-left: 0px !important;
		    line-height: normal !important;
		}

/* Template fonts */
	
	body {
		font-size:14px;

					font-family:Arial, Helvetica, Sans-Serif;
						line-height:1.3em;
	}

/* Template colors */

	body {
		background-color: #FFFFEA;
		color: #262626;
	}
	span#copy a {
		color: #262626;
	}
	a, a:link, a:visited, a:active, a:focus {
		color: #68A811;
	}

	#wrapper, #foot_container {
		background-color: #FFFFEA;
		border: 1px solid #CCCCCC;
	}

	
	#header {
		background-color: #;
		border-top:1px solid #;
		border-left:1px solid #;	
		border-right:1px solid #;	
	}
	.heckl, .heckr {  
		border-top: 10px solid #;
	}

	#footer {
		background-color: #ECF9B9;
		border:1px solid #68A811;
		border-bottom:2px solid #68A811;
	}
	.feckl, .feckr {  
		border-bottom: 10px solid #;
	}
	#footer a#gotop {
		color: #000000;
	}
	#footermodule1234, #footermodule1234 a, #footermodule1234 ul.menu, #footermodule5, #footermodule5 a {
		color: #555555;
	}
	#subfoot {
		background-color: #313131;
		border-top:1px solid #FFFFFF;
		border-bottom:1px solid #222222;
	}
	.copytext {
		color: #5B6C71;
	}

	#maincontent {
		background-color: #F9F9F9;
		border: 3px double #CCCCCC;
	}
	
	.item-page, .item, .leading-0, .leading-1, .leading-2, .leading-3, .leading-4, .leading-5, .contact,
	#maincontent div.search, #maincontent .categories-list, #maincontent .category-list, 
	#maincontent .archive , #maincontent .contact-category, #maincontent .weblink-category, 
	#maincontent .newsfeed-category, #maincontent .login, #maincontent .profile, #maincontent .profile-edit, 
	#maincontent .registration, #maincontent .remind, #maincontent .reset, #maincontent .finder {
		background-color:#FFFFFF;
		border: 1px solid #CCCCCC;
	}

	.page-header h2, .page-header h2 a {
		color: #3C763D !important;
	}

	#wrapper #leftcol h3.moduleh3, #wrapper #rightcol h3.moduleh3	 {
		background-color: #DFF0D8;
		border-top:	1px solid #CCCCCC;
		color: #262626;
	}
	#wrapper #leftcol h3.moduleh3	 {
		border-left: 1px solid #CCCCCC;
		border-right: 1px solid #CCCCCC;
	}
	#wrapper #rightcol h3.moduleh3	 {
		border-right: 1px solid #CCCCCC;
		border-left: 1px solid #CCCCCC;
	}
	.h3eckl, .h3eckr {  
		border-top: 10px solid #;
	}

	#leftcol .module div.lvround-inner, #leftcol .module_menu div.lvround-inner, #leftcol .module_text div.lvround-inner, 
	#rightcol .module div.lvround-inner, #rightcol .module_menu div.lvround-inner, #rightcol .module_text div.lvround-inner {
		background-color: #F9F9F9;
		border: 1px solid #CCCCCC;
		color: #505050;
	}
	#subhead {
		background-color: #F9F9F9;
		border: 1px solid #FFFFFF;
	}
	.breadcrumbs, .breadcrumbs span {
		color: #555555;
	}
	#leftcol .module div div, #leftcol .module_menu div div, #leftcol .module_text div div, 
	#rightcol .module div div, #rightcol .module_menu div div, #rightcol .module_text div div {
		border: 1px solid #FFFFFF;
	}

	/**** Global Modules ****/

	div.module {
		color:#505050;
		background-color:#FFFFFF;
		border:1px solid #DDDDDD;
	}
	div.module h3.moduleh3 {
		background-color:#EFEFEF;
		border:1px solid #DDDDDD;
	}


	.input, .inputbox {
		color: #555555;
		background-color: #EFEFEF;
		border-top: 1px solid #CCCCCC;
		border-left: 1px solid #CCCCCC;
		border-right: 1px solid #FFFFFF;
		border-bottom: 1px solid #FFFFFF;
	}
	.input:hover, .inputbox:hover {
		color: #555555;
		background-color: #F9F9F9;
	}

	input.button, button.button, button.validate, .pagenav, ul.pagenav li a {
		color: #555;
		background-color: #efefef;
		color: #555555;
		background-color: #EFEFEF;
		border-top: 1px solid #CCCCCC;
		border-left: 1px solid #CCCCCC;
		border-right: 1px solid #FFFFFF;
		border-bottom: 1px solid #FFFFFF;
	}
	input.button:hover, button.button:hover, button.validate:hover, .pagenav, ul.pagenav li a:hover {
		color: #000000;
		background-color: #FFFFFF;
	}

	/**** Mainmenu with suffix: _menu ****/
	
	.module_menu ul.menu li a, .module_menu ul.menu li span.separator {
		color: #333333;
		border-bottom:1px dotted #CCCCCC;
	}
	.module_menu ul.menu li a:hover, .module_menu ul.menu li a:active, .module_menu ul.menu li a:focus {
		color: #000000!important;
	}
	.module_menu ul.menu li.current a {
		color: #000000;
	}
	.module_menu ul.menu li.current ul li a {
		color: #000000;
	}

	/**** Default Tooltips ****/

	.easy-tooltip-default {
		border: 1px solid #A6A7AB; 
		background-color: #F2F3F5; 
		color: #800000;
	}

/* Dropdown menu colors */

	#topmenu ul.menu {
		background-color:#ECF9B9 !important;
		border-top:3px double #CCCCCC !important;
		border-bottom:3px double #CCCCCC !important;
	}
	#topmenu ul.menu li {
		border-right:1px solid #ECF9B9 !important;
	}
	#topmenu ul.menu li a, #topmenu ul.menu li span.separator {
		border-top:1px solid #ECF9B9 !important;
		border-right:1px solid #ECF9B9 !important;
		border-left:1px solid #ECF9B9 !important;
		border-bottom:1px solid #ECF9B9 !important;
		color:#222222;
		background-color:#ECF9B9;
	}
	#topmenu ul.menu a:hover {
		color:#222222;
	}
	
	/** LEVEL 2 **/
	#topmenu ul.menu ul {
		border:2px solid #CCCCCC !important;
		background-color:#FFFFFF;
	}
	#topmenu ul.menu li ul li a, #topmenu ul.menu li ul li span.separator {
		border-top:1px solid #000000 !important;
		border-right:1px solid #333333 !important;
		border-left:1px solid #333333 !important;
		border-bottom:1px solid #333333 !important;
		color:#222222;
	}
	#topmenu ul.menu li ul li a:hover {
		color:#222222;
	}
	#topmenu ul.menu li li {
		background-color:#ECF9B9;
	}
	#topmenu ul.menu li li:hover {
		background-color:#DFF0D8;
	}

/* Ribbons off */
	
	#header, #footer, #wrapper #leftcol h3.moduleh3, #wrapper #rightcol h3.moduleh3 {
		margin:0;
	}
	#header {
		padding:0;
}
	.heckl, .heckr, .feckl, .feckr, .h3eckl, .h3eckr {  
		display:none;
	}

#leftcol {width: 20%;}
	#rightcol {width: 20%;}
	#content_outmiddle {width: 58%;}
	#content_outright {width: 79%;}
	#content_outleft {width: 79%;}

/* enter your CSS code here */

/* ########## FX-GALLERY LIGHTBOX ########## */

/* fx-gallery specific CSS */

.fx-image-gal {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 85%; /* arbitrary value */
  margin: 0px auto;
}
.fx-gal-item {
  width: 100%; /* for 3 columns ---> původní hodnota 20% !!! */
  /* max-width: 750px; */
  max-width: 99%;
  /* max-height: 750px; */
  max-height: 99%;
  margin: 5px;
  overflow: hidden;
  /* border-radius: 10px; */ /* zakulacené rohy... */
  border: 1px solid #000000; /* rámeček */
}

.fx-gal-item-2 {
  width: 48%; /* for 3 columns ---> původní hodnota 20% !!! */
  max-width: 750px;
  max-height: 750px;
  margin: 5px;
  overflow: hidden;
  /* border-radius: 10px; */ /* zakulacené rohy... */
  border: 1px solid #000000; /* rámeček */
}

.fx-gal-image-thumb img {
  width: 100%;
  /* border-radius: 1px; */ /* zakulacené rohy... */
  cursor: pointer;
  /* Odbarvení obrázku o 80% */
  /*
  -webkit-filter: grayscale(80%);
  -moz-filter: grayscale(80%);
  filter: grayscale(80%);
  */ 
  transition: all 0.3s ease;
  transform: scale(0.96); /* Zvětšení kvůli 4px mezeře na spodu obrázku - NE, zmenšit! Jinak přetékají okraje obrázků mimo rámeček! */
                          /* viditelné při použití rámečku */
  bottom: -2px;           /* Vertikální zarovnání na střed */
  position: relative;     /* Relativní pozice, kvůli zarovnání */
}

.fx-gal-image-thumb:hover img {
  width: 100%;
  cursor: pointer;
  /* Obarvení obrázku zpět na 100% barevnosti */
  /*
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  filter: grayscale(0%);
  */
  transform: scale(1.25);    /* Zvětšení obrázku při najetí myší... */
  transition: all 0.5s ease;
}

.fx-gal-image-thumb:focus + .fx-gal-image-big {
  display: block;
}

.fx-gal-image-big {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(5, 10, 15, 0.8);
  overflow: hidden;
  height: 100vh;
  width: 100vw;
  z-index: 999;
  transition: all 0.3s ease;
}

.fx-gal-image-big img {
  max-width: 80vw;
  max-height: 99vh;
  position: absolute;
  box-shadow: 0px 0px 800px 40px rgba(0, 0, 0, 0.9);
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

/* ########## /FX-GALLERY LIGHTBOX ########## */;

/* vlaječky překladače */
a.flag {text-decoration:none;}
        a.flag img {vertical-align:middle;padding:0;margin:0;border:0;display:inline;height:24px;opacity:0.8;}
        a.flag:hover img {opacity:1;}
        a.flag span {margin-right:5px;font-size:15px;vertical-align:middle;}