.whiteblok {
	padding:20px;
	background:white;
}
.format-text img {
	max-width:100%!important;
}
a {
  color:#000;
  text-decoration:none;
}
a:hover {
  text-decoration:underline;
}

.BebasNeueBook {
	font-family:'BebasNeueBook';
}
h1, .h1 {
	margin:0 0 35px 0;
	padding:0 0 0 140px;
	font-size:36px;
	line-height:1em;
	font-weight:normal;
	color:#000;
	font-family:'BebasNeue';
	font-weight:700;
	background:url(../img/icons/arr_right_black.png) no-repeat 0 10px;
}
h2, .h2 {
	margin:0 0 15px 0;
	padding:0 0 0 0;
	font-size:20px;
	color:#000;
	line-height:1em;
}
h3, .h3 {
	margin:0 0 15px 0;
	padding:0;
	font-size:18px;
	color:#000;
	line-height:1.3em;
}
h4, .h4 {
	margin:0 0 3px 0;
	padding:0;
	font-size:16px;
	color:#000;
	line-height:1.3em;
}
h5, .h5 {
	margin:0 0 3px 0;
	padding:0;
	font-size:13px;
	color:#000;
	font-weight:normal;
	line-height:1.3em;
}
.h-full {
	text-align:center;
	background:#AD9D84;
	color:white;
	padding:12px;
}
/*.h-tipy {
	text-align:center;
	color:#916718;
	font-family:Caveat;
	font-size:56px;
}*/

/*** ul def ***/
ul.def {
	margin:0 0 0 0;
	padding:0;
}
ul.def li {
	margin:0 0 15px 0;
	padding:0 0 0 0;
	line-height:1.3em;
	color:#000;
	position:relative;
}
ul.def li:before {
	position:absolute;
	z-index:2;
	content:"";
	width:10px;
	height:10px;
	left:-34px;
	top:7px;
	background:url(../img/icons/black_tri_right.png) no-repeat 0 0;
}
ul.noli li {
	padding:0 0 0 0;
	background:none;
}



.line {
	padding:15px 0 0 0;
	margin:0 0 15px 0;
	border-bottom:1px solid black;
}


.vice {
	margin:30px 0 0 0;
}

/*** boxrow ***/
.boxrow {	
    
}
.boxrow > * {
	display:inline-flex;
	flex-wrap:wrap;
	font-weight:normal;
	border-left:1px solid #BDBDBD;
	padding:5px 10px 5px 10px;
	flex-direction:column;
	margin:0 10px 10px 0;
	width: calc(20% - 10px);
	float: left;
}

.boxrow > * > * {
	margin:0 0 8px 0;
}

.boxrow strong {
	font-size:100%;
	white-space:nowrap;
}
.boxrow span {
	font-size:90%;
}
.boxrow .item {
	font-size:90%;
	font-weight: normal;
	position: relative;
	padding-left: 10px;
}
.boxrow .item::before {
	content: '';
	width: 3px;
	height: 3px;
	border-radius: 50%;
	background-color: black;
	position: absolute;
	left: 3px;
	top: 0.5em;
}
.link {
	font-weight:600;
	color:#E40421;
	margin:auto 0 0 0;
}
.link img {
	margin:0 0 0 7px;
}
.boxrow > a:hover {
	text-decoration:none;
	background:#e5e5e5;
}
a:hover .link {
	text-decoration:underline;
}



/*** perex ***/
.perex {
	position:relative;
	font-weight:normal;
	display:block;
	line-height:1.3em;
	margin:0 0 30px 0;
}
.perex:last-child {
	margin-bottom:0;
}
.perex > * {
	display:block;
	margin:0 0 3px 0;
}
.perex > strong {
	font-size:110%;
}
.perex:before {
	position:absolute;
	z-index:2;
	content:"";
	width:10px;
	height:10px;
	left:-34px;
	top:7px;
	background:url(../img/icons/black_tri_right.png) no-repeat 0 0;
}
a.perex:hover {
	text-decoration:none;
}

/*** pagemenu ***/
ul.pagemenu {
	border-bottom:1px solid #D4D4D4;
	margin:0 0 30px 0;
	display:flex;	
}
ul.pagemenu li {
	position:relative;
}
ul.pagemenu li a {
	display:block;
	padding:20px 25px 20px 25px;
	border:1px solid #D4D4D4;
	text-transform:uppercase;
	border-right:0;
	font-size:13px;
	background:white;
	margin:0 0 -1px 0;
}
ul.pagemenu li a:hover {
	text-decoration:none;
}
ul.pagemenu li:not(.act) a:hover {
	background:#f5f5f5;
}
ul.pagemenu li:last-child a {
	border-right:1px solid #D4D4D4;
}
ul.pagemenu li.act:before {
	content:"";
	position:absolute;
	top:-5px;
	left:0;
	right:-1px;
	height:4px;
	background:#F8F2E7;
	border:1px solid #D4D4D4;
	border-bottom:0;
}
ul.pagemenu li.act:last-child:before {
	right:0;
}
ul.pagemenu li.act a {
	color:#AD9D84;
	border-bottom:1px solid white;
}

/*** podkategorie ***/
div.podkategorie {
	display:flex;
	margin:0 0 30px 0!important;
}
div.podkategorie a {
	display:block;
	margin:0 0 0 0;
	padding:15px 15px 15px 15px;
	border:1px solid #D4D4D4;
	border-right:0;
	background:white;
	text-decoration:none;
	text-align:center;
	flex:1;
}
div.podkategorie a:last-child {
	border-right:1px solid #D4D4D4;
}
div.podkategorie a h2 {
	display:block;
	border:0;
	margin:0 0 0 0;
	color:#000;
	font-size:14px;
	text-align:center;
}
div.podkategorie a:hover {
	background:#f5f5f5;
}

/*** search-cats ***/
div.search-cats {
	display:flex;
	flex-direction:column;
	margin:0 0 30px 0!important;
}
div.search-cats .search-cat {
	margin:0 0 0 0;
	padding:15px 15px 15px 15px;
	border:1px solid #D4D4D4;
	border-bottom:0;
	background:white;
	text-decoration:none;
}
div.search-cats .search-cat:last-child {
	border-bottom:1px solid #D4D4D4;
}
div.search-cats .search-cat:hover {
	background:#f5f5f5;
}


/*** galerie ***/
div.galerie {
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
div.galerie .item {
	border:1px solid #ccc;
	padding:20px;
	width:23%;
	margin:0 0 20px 0;
	text-align:center;
}
div.galerie .item.transparent {
	border:none;
	margin:0;
}
div.galerie .item strong {
	margin:0 0 20px 0;
	display:block;
	font-size:110%;
}
div.galerie .item img {
	max-width:100%;
	display:block;
	margin:auto;
}
div.galerie .item:hover {
	background:#eee;
	text-decoration:none;
}

div.fotogalerie-in {
	margin:0 0 0 0;
	background:#F0F0F0;
}



/*** kurzy ***/
.kurzy {
	display:flex;
	flex-wrap:wrap;
}
.kurz {
	width:49%;
	margin:0 0 1% 0;
	border:1px solid #CCCCCC;
	padding:20px 20px 20px 20px;
	display:flex;
	justify-content:space-between;
	font-weight:normal;
}
.kurz h2 {
	margin:0 0 5px 0;
}
.kurz span {
	display:block;
}
.kurzy .item:nth-child(odd) {
	margin-right:2%;
}
.kurz .item-r {
	justify-content:flex-end;
	display:flex;
	align-items:flex-start;
	flex-wrap:wrap;
}
.kurz .item-r span {
	width:100%;
	text-align:right;
}
.kurz .item-r .button {
	margin-top:auto;
	display:inline-block;
	width:auto;
}
.kurzy .item:hover {
	text-decoration:none;
	border-color:#999;
}




/*** popup ***/
.canvas {
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	background:rgba(0,0,0,0.8);
	z-index:999;
}

.popup {
	width:630px;
	height:auto;
	position:absolute;
	top:200px;
	left:50%;
	margin:0 0 0 -315px;
	background:white;
	padding:50px 50px 50px 50px;
	z-index:999;
	text-align:left;
}
.popup-in {
	position:relative;
}
.popup-close {
	float:right;
	margin:-30px -30px 0 0;
}

