/* ------------------------------------------------------ < COMPONENTS DEF > ------------------------------------------------------  */ 
 
 
 /* ------------------------------------------------------ |START| default : 00_reset.css ------------------------------------------------------  */ 
 
 /*-----------------------*/
/* Nikola Nejedlý - 2018 */
/*-----------------------*/

*{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	font-weight: default;
	color: default;
	background: none;
	display: default;
	position: default;
	object-fit: default;
	transition: none;
}

body
{
	text-align: default;
	font-family: default;
	overflow-y:  scroll;
	overflow-x:  hidden;
	background-color: none;
	background-image: none;
}
 
 
 /* ------------------------------------------------------ | END | default : 00_reset.css ------------------------------------------------------  */ 
 
 /* ------------------------------------------------------ |START| default : 01_page_header.css ------------------------------------------------------  */ 
 
 /*-----------------------*/
/* Nikola Nejedlý - 2017 */
/*-----------------------*/

.header
{
	position: 	absolute;
	display:	block;
	top:		0;
	width: 	100vw;
	height: auto;
	left: 	0;
	background:black;
	text-align: center;
	font-size: 24px;
	font-family: "Open Sans", sans-serif;
}
.header a img
{
	margin: 	0;
	position:	relative;
	padding: 	5px 5px 5px 5px;
	z-index: 	2050;
	height: 	60px;
	background:	orange;
	border: 	3px black solid;
	transition: all 500ms cubic-bezier(0.68, -0.55, 0.27, 1.55);
	width: 		auto;
	top: 		0;
	left: 		0;
}

.header a img:hover
{
	opacity: 0.7;
}
 
 /* ------------------------------------------------------ | END | default : 01_page_header.css ------------------------------------------------------  */ 
 
 /* ------------------------------------------------------ |START| default : 02_menu.css ------------------------------------------------------  */ 
 
 /*-----------------------*/
/* Nikola Nejedlý - 2017 */
/*-----------------------*/
 
 #nav_wrap{
 	display: 	block;
 	position: 	relative;
	padding: 	0 0 0 0;
	padding-left: 80px;
	color:	white;
	width: 	Calc( 100% - 80px );
	height: 32px;
 	top: 	44px;
 	background: none;
}

.mainmenu
{
	z-index: 2000;
	text-align: left;
	color:black;
}
.mainmenu ul,
.mainmenu li,
.mainmenu ul ul,
.mainmenu ul li,
.mainmenu ul ul ul,
.mainmenu ul ul li,
.mainmenu ul ul ul ul,
.mainmenu ul ul ul li
{
	list-style-type: none;
}

.mainmenu ul
{
	z-index: 2000;
	list-style:none;
	position:relative;
	float:left;
	margin:0;
	padding:0;
	display: inline-block;
}

.mainmenu ul a
{
	transition-timing-function: ease;
	transition: 300ms;
	display:block;
	z-index: 2000;
	color: white;
	text-decoration:none;
	font-weight:200;
	font-size:14px;
	line-height:32px;
	padding:0 15px;
	padding-left: 10px;
	font-family: 'Alegreya Sans SC', "HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;
}

.mainmenu ul li
{
	transition-timing-function: ease;
	transition: 300ms;
	z-index: 2000;
	position:relative;
	float:left;
	margin:0;
	padding:0;
	min-width: 50px;
	height: 32px;
}
.mainmenu ul li~li 
{ 
-webkit-border-image: 
  -webkit-linear-gradient(rgba(0, 0, 0, 0),rgba(0, 0, 0, 0),gray, rgba(0, 0, 0, 0),rgba(0, 0, 0, 0)) 1 100%;
-moz-border-image:
  -moz-linear-gradient(rgba(0, 0, 0, 0),rgba(0, 0, 0, 0),gray, rgba(0, 0, 0, 0),rgba(0, 0, 0, 0)) 1 100%;    
-o-border-image:
  -o-linear-gradient(rgba(0, 0, 0, 0),rgba(0, 0, 0, 0),gray, rgba(0, 0, 0, 0),rgba(0, 0, 0, 0)) 1 100%;
border-image:
  linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0),gray, rgba(0, 0, 0, 0),rgba(0, 0, 0, 0)) 1 100%;
border-left-width: 2px; 
border-left-style: solid;
}

.mainmenu ul li:hover
{
	transition-timing-function: ease;
	transition: width 300ms;
	z-index: 2000;
	color: #00509F;
	background: #A4D1FF;
	height: 32px;
}
.mainmenu ul li:hover > a
{
	color: #00509F;
}

.mainmenu ul ul
{
	z-index: 2000;
	display:none;
	position:absolute;
	top:100%;
	left:0;
	background: #0051a0;
	padding:0;
	transition-timing-function: ease;
	transition: 300ms;
}

.mainmenu ul ul li
{
	z-index: 2000;
	float:none;
	width:200px;
	transition-timing-function: ease;
	transition: 300ms;
	border: none;
}
.mainmenu ul ul li a
{
	padding-left: 5px;
}

.mainmenu ul ul li:hover
{
	z-index: 2000;
	margin-left: 5px;
	width:195px;
	background: #00aeea;
	transition-timing-function: ease;
	transition: 300ms;
}
.mainmenu ul ul li:hover > a
{
	color: #003a73;
}

.mainmenu ul ul a
{
	z-index: 2000;
	line-height:120%;
	padding: 8px 0px;
	transition-timing-function: ease;
	transition: 300ms;
}

.mainmenu ul ul ul
{
	z-index: 2000;
	top:0;
	margin-left: -10px;
	left:100%;
	transition-timing-function: ease;
	transition: 300ms;
}

.mainmenu ul li:hover > ul
{
	transition-timing-function: ease;
	transition: 300ms;
	z-index: 2000;
	display:block;
	width:195px;
	color: black;
}
 
 /* ------------------------------------------------------ | END | default : 02_menu.css ------------------------------------------------------  */ 
 
 /* ------------------------------------------------------ |START| default : 03_page-body.css ------------------------------------------------------  */ 
 
 /*-----------------------*/
/* Nikola Nejedlý - 2018 */
/*-----------------------*/

body
{
	
}

#bodyfoot { 
vertical-align: top;
display:	block;
top: 		120px; 
width: 		100%;  
left:		0%; 
position:	absolute; 
min-height: 100%;
/*min-height:	Calc( 100vh - 12px	);*/
overflow: 	hidden;
}

hr, .text_area hr
{
	display: block;
	width: 100%;
	height: 0px;
	color: black;
	background: black;
	border-bottom: 1px solid black;
	margin-top: 5px;
	margin-bottom: 5px;
}

.text_area 
{ 
	position: relative; 
	top: 44px;
	min-width: 400px; 
	max-width: 1280px; 
	left: Calc( 10% ); 
	width: Calc( 80% );
	overflow: hidden;
	font-family: 'Open Sans', sans-serif;
	background-color: transparent;
}

.text_area #txt
{
	min-height: 200px;
	background-color: #ffffff;
	border-left: 2px solid;
	border-right: 2px solid;
	font-family: inherit;
	position: relative;
	text-align: left;
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 24px;
	padding-top: 10px;
	display:block;
}

.text_area#txt /* THIS ONLY APPLIES TO ADMIN EDITOR */
{
	left: 0px;
	width: Calc( 100% - 60px );
	font-family: inherit;
	position: relative;
	text-align: left;
	padding-left: 30px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-top: 10px;
	border-left: 2px solid;
	border-right: 2px solid;
	background-color: #ffffff;
	overflow: auto;
}
.text_area#txt img /* THIS ONLY APPLIES TO ADMIN EDITOR */
{
	max-height: 100%;
	max-width: 100%;
}
.text_area#txt i,
.text_area#txt b,
.text_area#txt strong,
.text_area#txt p,
.text_area#txt ul,
.text_area#txt ol,
.text_area#txt li/* THIS ONLY APPLIES TO ADMIN EDITOR */
{
	font-family: inherit;
}


.text_area p
{
	font-family: inherit;
	text-align: justify;
	text-indent: 2px;
	margin: 0;
	font-size: 14px;
}
.text_area p:first-child 
{
	text-indent: 50px;
}

 
 /* ------------------------------------------------------ | END | default : 03_page-body.css ------------------------------------------------------  */ 
 
 /* ------------------------------------------------------ |START| default : 04_headers.css ------------------------------------------------------  */ 
 
 /*-----------------------*/
/* Nikola Nejedlý - 2018 */
/*-----------------------*/

/*RESETOR - START*/
.text_area h1,.text_area h2,.text_area h3,.text_area h4,.text_area h5,.text_area h6,
.text_area#txt h1,.text_area#txt h2,.text_area#txt h3,.text_area#txt h4,.text_area#txt h5,.text_area#txt h6
{
	font-family: 'Fira Sans';
	text-align: left;
	padding: 0;
	margin: 0;
	margin-top:10px;
	margin-bottom:5px;
	text-decoration: none;
	font-weight: 400;
	color: black;
}
/*RESETOR - END*/

.text_area h1,
.text_area#txt h1
{
	display: block;
	position: relative;
	margin-bottom: 15px;
	z-index: 5;
	font-size: 48px;
	line-height: 32px;
	font-weight: 900;
	padding-left: 0px;
	text-align: center;
	text-decoration: none;
}

.text_area h2,
.text_area#txt h2
{
	display: block;
	position: relative;
	text-align: center;
	text-decoration: none;
	margin-bottom: 10px;
	font-weight: 900;
	font-size: 24px;
}

.text_area h3,
.text_area#txt h3
{
	display: block;
	position: relative;
	text-align: center;
	text-decoration: none;
	margin-bottom: 10px;
	font-weight: 900;
	font-size: 20px;
}

.text_area h4,
.text_area#txt h4
{
	display: block;
	position: relative;
	text-align: center;
	text-decoration: none;
	margin-bottom: 10px;
	font-weight: 900;
	font-size: 18px;
}
 
 /* ------------------------------------------------------ | END | default : 04_headers.css ------------------------------------------------------  */ 
 
 /* ------------------------------------------------------ |START| default : 05_a-urls.css ------------------------------------------------------  */ 
 
 /*-----------------------*/
/* Nikola Nejedlý - 2018 */
/*-----------------------*/

a:link {
color: #a900bb; 
text-decoration: none;
} 

a:visited {
color: #a900bb; 
text-decoration: none;
}

a:hover {
color: #3F51B5; 
text-decoration: underline;
} 

 
 /* ------------------------------------------------------ | END | default : 05_a-urls.css ------------------------------------------------------  */ 
 
 /* ------------------------------------------------------ |START| default : 06_basics.css ------------------------------------------------------  */ 
 
 /*-----------------------*/
/* Nikola Nejedlý - 2018 */
/*-----------------------*/


span 		{}
div			{}
strong		{ font-weight:	800;			}
b 			{ font-weight:	800;			}
u 			{ text-decoration: underline;	}
i			{ font-style: 	italic;			}
p			{ text-align: 	justify;		}
br 			{ display: initial;				}
 
 /* ------------------------------------------------------ | END | default : 06_basics.css ------------------------------------------------------  */ 
 
 /* ------------------------------------------------------ |START| default : 07_sub_sup.css ------------------------------------------------------  */ 
 
 /*-----------------------*/
/* Nikola Nejedlý - 2018 */
/*-----------------------*/

sub, sup 
{
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup { top: -0.5em;		}
sub { bottom: -0.25em;	}
 
 /* ------------------------------------------------------ | END | default : 07_sub_sup.css ------------------------------------------------------  */ 
 
 /* ------------------------------------------------------ |START| default : 08_img.css ------------------------------------------------------  */ 
 
 /*-----------------------*/
/* Nikola Nejedlý - 2018 */
/*-----------------------*/

img
{
	display:			block;
	position:			relative;
	margin: 			10px;
	border: 			1px solid #000;
	background-color: 	#000;
	width: 200px;
	/*height: 120px;
	object-fit: cover;*/
}

a:hover > img
{
	opacity: 0.8;
}

.error_img
{
	 position: absolute;
	 display: block;
	 background: none;
	 float: none;
	 border:none;
	 right: 0;
	 top: -10px;
	 width: 600px;
}
 
 /* ------------------------------------------------------ | END | default : 08_img.css ------------------------------------------------------  */ 
 
 /* ------------------------------------------------------ |START| default : 09_elements.css ------------------------------------------------------  */ 
 
 /*-----------------------*/
/* Nikola Nejedlý - 2018 */
/*-----------------------*/

.center
{
	margin: 	0px;
	padding:	0px;
	float:		none;
	text-align: center;
}

.r_column{
	display:		inline-block;
	width: 			Calc( 49% );	
	right: 			0;	
	padding-left: 	5px;
	top: 			0;
	vertical-align: top;
	margin-left: 	-3px;
}
.r_column_small{
	display: 		inline-block;
	width: 			Calc( 24% );	
	right: 			0;	
	left: 			initial;
	padding-left: 	15px;
	top: 			0;
	vertical-align: top;
}
.r_column_big{
	display: 		inline-block;
	width: 			Calc( 74% );	
	right: 			0;	
	top: 			0;
	vertical-align: top;
	margin-left: 	-3px;
}
.l_column{
	display: 		inline-block;
	width: 			Calc( 49% );	
	left: 			0;	
	padding-right: 	5px;
	top: 			0;
	vertical-align: top;
}
.l_column_small{
	display: 		inline-block;
	width: 			Calc( 24% );	
	left: 			0;	
	padding-right: 	15px;
	top: 			0;
	vertical-align: top;
}
.l_column_big{
	display: 		inline-block;
	width: 			Calc( 74% );	
	left: 			0;	
	right: 			initial;
	top: 			0;
	vertical-align: top;
	margin-right: 	-3px;
}

.hover-invert,
.hover-invert50
{
	filter: invert(0%);
	-webkit-transition: all 200ms ease-in-out;
    transition:	all 200ms ease-in-out;
}
.hover-invert:hover
{
	filter: invert(100%);
}
.hover-invert50:hover
{
	filter: invert(50%);
}

.h_admin
{
}
.h_admin .button
{
}

pre code * {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
pre code
{
	position: relative;
	display: block;
	min-height: 80px;
	height: fit-content;
}


.left 		{ text-align: 	left; 			}
.right		{ text-align: 	right;			}
.floatleft 	{ float: 		left; 			}
.floatright	{ float: 		right;			}

.full_w 	{ width: 		100%; 			}
.full_h 	{ height: 		100%; 			}
.full_vw 	{ width: 		100vw;			}
.full_vh 	{ height: 		100vh;			}

.null_m		{ margin: 		0;				}
.null_p		{ padding: 		0;				}
.null_border{ border: 		none;			}
.null_bg	{ background:	none;			}
.null_bg_col{ background-color:		none;	}
.null_float { float:		none;			}


 
 /* ------------------------------------------------------ | END | default : 09_elements.css ------------------------------------------------------  */ 
 
 /* ------------------------------------------------------ |START| default : 10_tables.css ------------------------------------------------------  */ 
 
 /*-----------------------*/
/* Nikola Nejedlý - 2018 */
/*-----------------------*/

.text_area table
{
width:100%;
padding:0px;
margin:0;
border:0;
border-collapse:collapse;
font-family: inherit;
}

.text_area td
{
padding: 3px 3px 3px 3px;
border-bottom: 1px black solid;
font-weight:bold;
font-size:17px;
text-align:center;
vertical-align:middle;
transition: all 80ms linear;
}

.text_area td:first-child
{
width:120px;
padding: 3px 3px 3px 3px;
border-right: 2px #adadad solid;
background-color: #828282;
font-weight:bold;
font-size: 17px;
}

.text_area tr:hover td
{
background-color: #dadada;
border-bottom: 1px #adadad solid;
font-weight:bold;
font-size:  17px;
text-align: center;
font-weight:bold;
padding:    3px;
margin:     0px;
}

.text_area tr:hover td:first-child
{
    background-color: #c3c3c3;
    color:            black;
}

.text_area th
{
padding: 3px 3px 3px 3px;
background-color:#a2a2a2;
border-bottom: 2px black solid;
font-weight:bold;
font-size:30px;
text-align:center;
font-family: 'Alegreya Sans SC', "HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;
}

 
 /* ------------------------------------------------------ | END | default : 10_tables.css ------------------------------------------------------  */ 
 
 /* ------------------------------------------------------ |START| default : 11_ul_li_ol.css ------------------------------------------------------  */ 
 
 /*-----------------------*/
/* Nikola Nejedlý - 2018 */
/*-----------------------*/

ul li {list-style-type: square;}
ol li {list-style-type: upper-roman;}

.text_area ul {
	display:block;
    padding: 10px 20px;
}
.text_area ul ul {
	display:block;
    padding: 10px 20px;
}
.text_area ul ul ul {
	display:block;
    padding: 10px 20px;
}

.text_area ol {
	display:block;
    padding: 10px 20px;
}
.text_area ol ol {
	display:block;
    padding: 10px 20px;
}
.text_area ol ol ol {
	display:block;
    padding: 10px 20px;
}

.text_area li{
	padding-bottom: 1px;
	padding-top: 1px;
}
 
 /* ------------------------------------------------------ | END | default : 11_ul_li_ol.css ------------------------------------------------------  */ 
 
 /* ------------------------------------------------------ |START| default : 12_quotes.css ------------------------------------------------------  */ 
 
 /*-----------------------*/
/* Nikola Nejedlý - 2018 */
/*-----------------------*/

blockquote{
	left: Calc( 50% - 250px - 10px - 40px );	
	font-family: Georgia, serif;
	font-size: 11px;
	font-style: italic;
	width: 500px;
	margin: 5px;
	padding: 40px;
	padding-top: 0px;
	padding-bottom: 5px;
	line-height: 1.45;
	position: relative;
	color: #666;
}
blockquote:before {
	display: block;
	content: "\201C";
	font-size: 80px;
	position: absolute;
	left: 10px;
	top: -45px;
	color: #7a7a7a;
}
blockquote cite:before {
	content: "- ";
}
blockquote cite {
	text-align: right;
	color: #888;
	font-size: 10px;
	display: block;
	margin-top: 5px;
}
 
 /* ------------------------------------------------------ | END | default : 12_quotes.css ------------------------------------------------------  */ 
 
 /* ------------------------------------------------------ |START| default : 20_func-bc_nav.css ------------------------------------------------------  */ 
 
 /*-----------------------*/
/* Nikola Nejedlý - 2018 */
/*-----------------------*/

.bcnav
{
	display: block;
	width: Calc( 100% - 41px - 40px );
	padding: 0;
	padding-left: 10px;
	left: 30px;
	position: relative;
	font-family: monospace;
	font-size: 12px;
	font-weight: bold;
	margin: 1px;
}
.bcnav_p
{
	display: inline-block;
	padding: 0;
	margin: 0;
	padding: 2px;
	font-weight: 100;
}
.bcnav_p:first-letter
{
	text-transform: capitalize;
}
.bcnav_p a
{
	width: 100%;
	height: 100%;
	display: inline-block;
	text-decoration: none;
	color: #c30000;
}
.bcnav_p a:hover
{
	width: 100%;
	height: 100%;
	display: inline-block;
	background-color: #ff74742e;
	text-decoration: none;
	color: #330000;
}
 
 /* ------------------------------------------------------ | END | default : 20_func-bc_nav.css ------------------------------------------------------  */ 
 
 /* ------------------------------------------------------ |START| default : 21_func-button.css ------------------------------------------------------  */ 
 
 /*--------------------------*/
/* Nikola Nejedlý - 2017/18 */
/*--------------------------*/

.button {
	position:		    relative;
	display: 			block;
	min-height:	        12px;
	min-width: 			32px;
	border-radius:		0px;
	font-family: 		'Roboto', Arial;
	letter-spacing:		1px;
	font-size: 			10px;
	font-weight: 		lighter;
	padding: 			0;
	margin:				3px 3px 3px 3px;
	text-align: 		center;
	font-style: 		normal;
	text-transform: 	uppercase;
	color: 				#d0d0d0;
	background: 		#444;
	border: 			1px groove #555;
	-webkit-transition: all 200ms; /* Safari */
    transition: 		all 200ms cubic-bezier(0.65, 0.05, 0.36, 1);
}
.button:hover {
	color: 				#ffffff;
	background-color: 	#222;
	border-color: 		#999;
    border-style: 		ridge;
    text-decoration:	none;
    font-weight:		100;
}
.button i, .button svg
{
	padding: 			2px;
	font-size:			8px;	
}
.button a
{
	position:			relative;
	display: 			table;
	text-decoration:	inherit;
	font-size: 			inherit;
	color: 				inherit;
	width:				100%;
	height: 			100%;
}
.button #table /* redundant filler for styling */
{
	position:			relative;
	display: 			table;
	width:				100%;
	height: 			100%;
}
.button #cell
{
	position:			relative;
	display: 			table-cell;
	vertical-align: 	middle;  
	width:				100%;
	height: 			auto;
	padding: 			1px 3px 1px 3px;
}
 
 /* ------------------------------------------------------ | END | default : 21_func-button.css ------------------------------------------------------  */ 
 
 /* ------------------------------------------------------ |START| default : 22_func-gallery.css ------------------------------------------------------  */ 
 
 /*--------------------------------------*/
/*            Nikola Nejedlý            */
/*                 2018                 */
/*--------------------------------------*/

.img_gallery
{
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

	display: 	block;
	width: 		100%;
    border-style: 	ridge;
	background-color:	none;	
	margin-bottom: 30px;
	border-bottom: 1px solid #00000045;
    text-align: center;
}
.img_gallery #wrap
{
	background-color:#d0d0d0;
	display: 	inline-block;
	width: 		64px;
	height: 	48px;
	overflow:	hidden;
	margin:		3px;
	padding:	0px;
	border: solid 2px #b3b3b3;
    border-style: 	ridge;
    -moz-box-shadow: 2px 2px 0px #999;
    box-shadow: 2px 2px 0px #999;
    -webkit-box-shadow: 2px 2px 0px #999;
	border-radius:		2px;
    
    -webkit-transition: 200ms cubic-bezier(0.26, -0.49, 0.67, 0.88);
    transition:			200ms cubic-bezier(0.26, -0.49, 0.67, 0.88);
}

.img_gallery img
{
	height: 			140%;
	width:				140%;
	object-fit: 		fill;
	object-position: 	middle;
	float: 				none;
	left: 				-20%;
	right: 				-20%;
	background: 		none;
	display: 			block;
	border: 			0px none;
	border-radius:		2px;
	padding:			0px;
	filter:             grayscale(80%);
	margin:			    -1px;
    -webkit-transition: 300ms ease-in-out;
    transition:	300ms ease-in-out;
	min-width: 64px;
	min-height: 48px;
}
.img_gallery img:hover
{
	height:				160%;
	width:				160%;
	filter:             grayscale(0%);
	filter: 			brightness(100%);
    -webkit-transition: 400ms ease-in-out;
    transition:	400ms ease-in-out;
	object-fit: 		fill;
	object-position: 	middle;
	float: 				none;
	left: 				-30%;
	right: 				-30%;
}
#canvas_bg
{
	z-index: 50000;
	position: fixed;
	background: black;
	display: block;
	width: 100vw;
	height: 100vh;
	opacity: 0.8;
	top: 0;
	left: 0;
    transition:	all 200ms ease-in-out;
}
#canvas
{
	z-index: 51000;
	position: fixed;
	display: block;
	width: 90vw;
	height: 90vh;
	left: 5vw;
	top: 5vh;
	opacity: 1;
	background-color: none;
	background-position: center;
    transition:	all 200ms ease-in-out;
}
#a_close, #a_left, #a_right
{
	position: fixed;
	display:  block;
	z-index: 5000;
	top: Calc( 50vh - 20px );
	left: 5vw;
	width: 40px;
	height: 40px;
    transition:	all 200ms ease-in-out;
}
#a_right
{
	left: Calc( 93vw );
    transition:	all 200ms ease-in-out;
}
#a_close
{
	left: 90vw;
	top: 10vh;
    transition:	all 200ms ease-in-out;
}
#a_close a 
{
	color: red;
	opacity: 0.3;
    transition:	all 200ms ease-in-out;
}
#a_close a:hover
{
	color: red;
	opacity: 0.85;
    transition:	all 200ms ease-in-out;
}
#a_left a, #a_right a
{
	color: white;
	opacity: 0.3;
    transition:	all 200ms ease-in-out;
}
#a_left a:hover,
#a_right a:hover
{
	color: white;
	opacity: 0.85;
    transition:	all 200ms ease-in-out;
}
.img_gallery #wrap:active #underwrap
{
	z-index:			3001;
	position: 			fixed;
	width:				100vw;
	height:         	100vh;
	display: 			block;
	padding: 			0px;
	opacity:			0.5;
	background-color:	black;
	top:				0;
	left:				0;
}
#underwrap
{
	position: 			fixed;
	padding: 			0px;
	top:	    		0;
	left:				0px;
	width:				100vw;
	height:				100vh;
	opacity:			0;
	background-color:	black;
	z-index:			-10;
    -webkit-transition: 300ms ease-in-out;
    transition:	300ms ease-in-out;
}
.img_gallery #wrap:hover
{
	background-color:	#ffffff;
	border-radius:		2px;
	border:				2px solid white;
    border-style: 		ridge;
}
.img_gallery h3
{
	margin: 0;
	padding: 0;
	background: none;
	left: 0; 
	border: none;
	font-family: monospace;
	text-transform: capitalize;
	width: 100%;
	margin-left: -4px;
	padding-left: 8px;
	background-color: #00000042;
}

.gallery_text .g_text
{
	position: fixed;
	width: Calc( 50vw );
	text-align: center;
	left: 25vw;
	bottom: 12px;
	background: #ffffff9e;
	padding: 10px;
	border-radius: 1px;
	border: #ffffff4a 1px solid; 
    -webkit-transition: 300ms cubic-bezier(0.26, -0.49, 0.67, 0.88);
    transition:			300ms cubic-bezier(0.26, -0.49, 0.67, 0.88);
}
.gallery_text .g_text:hover
{
	opacity: 0;
}

 
 
 /* ------------------------------------------------------ | END | default : 22_func-gallery.css ------------------------------------------------------  */ 
 
 /* ------------------------------------------------------ |START| default : 23_func-slideshow.css ------------------------------------------------------  */ 
 
 /*-----------------------*/
/* Nikola Nejedlý - 2018 */
/*-----------------------*/

/* Slideshow container */
.slideshow-container {
	box-sizing: border-box;
	position: 	relative;
	top: 		0px;
	display: 	block;
	height: 400px;
	width:	Calc( 100% + 60px );
	left: 	0;
	/*background-color: #DEF;
	border: #ABC 2px solid;*/
	border-radius: 0;
	text-align: center; 
	padding: 0;
	margin: 0;
	margin-left: -30px;
	overflow: hidden;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
}
.slideshow-container img {
	object-fit: cover;
	display: block;
	width:	inherit;
	height:	inherit;
	float:	none;
	margin: 0px;	
	padding: 0px;
	left: 0;
	border: none;
	background: none;
	border-radius: 0;
}

.thisSlide {
    display: none;
    transition: 0.6s ease-in-out;
    height: 400px;
    width:  100%;
}

/* Next & previous buttons */
/* Next & previous buttons */
.prev, .next {
	display: block;
	cursor: pointer;
	position: relative;
	float: left;
	bottom: 200px;
	width: 	28px;
	height:	28px;
	padding: 0px;
	vertical-align: middle;
	text-align:	center;
	color: black;
	font-size: 18px;
	transition: 0.6s ease;
	opacity: 0.4;
	left: 10px;
	transition: opacity 200ms cubic-bezier(0.46, 0.03, 0.52, 0.96);
}

.next svg, 
.prev svg
{
	font-size: 24px;
}

/* Position the "next button" to the right */
.next {
	float: right;
	right: 10px;
	left: initial;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
	opacity: 0.9;
	color: black;
	transition: opacity 200ms cubic-bezier(0.46, 0.03, 0.52, 0.96);
}

/* Caption text */
.text {
	display: block;
	color: #f2f2f2;
	font-size: 10px;
	position: relative;
	bottom: 60px;
	left: 	5%;
	width: 	90%;
	padding: 3px;
	border-radius: 2px;
	background-color: #000000;
	opacity: 0.75;
	text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
	display: none;
	color: #000;
	font-size: 10px;
	padding: 8px 12px;
	position: relative;
	top:  20px;
	left: 20px;
}

/* The dots/bullets/indicators */
.dot {
	display: inline-block;
	font-size: 7px;
	cursor: crosshair;
	height: 10px;
	width: 10px;
	margin: 0px;
	background-color: #bbb;
	border-radius: 2px;
	border: 1px solid white;
	padding: 		1px;
	padding-top: 	2px;
	padding-right:  2px;
	vertical-align: center;
	text-align: center;
	transition: background-color 0.6s ease;
	bottom: 24px;
}
.dot-container {
	display: block;
	text-align: center;
}
.dot-container span{
	position: relative;
}

.active, .dot:hover {
	background-color: #666;
	color: white;
	border: 1px solid black;
}

/* Fading animation / fade effect */
.fade {
	-webkit-animation-name: fadein;
	-webkit-animation-duration: 1.5s;
	/* animation-name: fadein; */
	/* animation-duration: 1.5s; */
}

@-webkit-keyframes fadein {
  from {opacity: .2} 
  to {opacity: 1}
}

@keyframes fadein {
  from {opacity: .2} 
  to {opacity: 1}
}
 
 /* ------------------------------------------------------ | END | default : 23_func-slideshow.css ------------------------------------------------------  */ 
 
 /* ------------------------------------------------------ |START| default : 24_func-gen_img.css ------------------------------------------------------  */ 
 
 /*--------------------------------------*/
/*            Nikola Nejedlý            */
/*                 2018                 */
/*--------------------------------------*/
//canvas setup for image generating / showing

.canvas_bg a
{
	width: 100vw;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
	white-space: nowrap;
}

.canvas_bg
{
	z-index: 50000;
	position: fixed;
	background: black;
	width: 100vw;
	height: 100vh;
	opacity: 0.9;
	top: 0;
	left: 0;
    transition:	all 200ms ease-in-out;
	white-space: nowrap;
}
.canvas_bg a:hover,
.canvas_bg:hover
{
	opacity: 0.7;
}

img.img
{
	border: none;
	float: none;
	position: relative;
	display: inline-block;
	padding: 0;
	margin: 0;
	text-align: left;
    transition:	all 200ms ease-in-out;
	white-space: nowrap;
}
a .canvas_i
{
	z-index: 50002;
	position: fixed;
	width: 80vw;
	height: 80vh;
	left: 10vw;
	top: 10vh;
	opacity: 1;
	object-fit: contain;
	background:none;
	border: none;
    transition:	all 200ms ease-in-out;
	white-space: nowrap;
}
a .canvas_i:hover
{
	/*opacity: 0.9;*/
    transition:	all 200ms ease-in-out;
	white-space: nowrap;
}
 
 /* ------------------------------------------------------ | END | default : 24_func-gen_img.css ------------------------------------------------------  */ 
 
 /* ------------------------------------------------------ |START| default : 25_func-socials.css ------------------------------------------------------  */ 
 
 /*-----------------------*/
/* Nikola Nejedlý - 2018 */
/*-----------------------*/

.socials 
{
	display: block;
	width: Calc( 100% - 10px );
	position: relative;
	background: linear-gradient(to right, #00000000, #00000017); 
	border-top: 1px dashed #0000002b;
	border-bottom: 1px dashed #0000002b;
	text-align: right;
	font-size: 12px;
	padding-right: 10px;
    -webkit-transition: 300ms ease-in-out;
    transition:	300ms ease-in-out;
}
.socials:hover
{
	background-color: #00000025; 
    -webkit-transition: 300ms ease-in-out;
    transition:	300ms ease-in-out;
}

.socials a svg,
.socials a i
{
	margin: 1px;
	margin-right: 2px;
	margin-left: 2px;
	display: inline-block;
	position: relative;
	color: black;
	background: white;
	border-radius: 3px;
    -webkit-transition: 300ms ease-in-out;
    transition:	300ms ease-in-out;
}

.socials a:hover > svg,
.socials a:hover > i
{
	color: white;
	background: black;
    -webkit-transition: 300ms ease-in-out;
    transition:	300ms ease-in-out;
}
 
 /* ------------------------------------------------------ | END | default : 25_func-socials.css ------------------------------------------------------  */ 
 
 /* ------------------------------------------------------ |START| default : 26_func-youtube.css ------------------------------------------------------  */ 
 
 /*-----------------------*/
/* Nikola Nejedlý - 2018 */
/*-----------------------*/

.text_area .YTvideo
{
	width: 100%;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	background: linear-gradient(to right, transparent 0%, black 30%, black 70%, transparent 100%);
	margin-top: 10px;
	margin-bottom: 10px;
}

.text_area iframe
{
	display: block;
	position: relative;
	height: 240px;
	width: 400px;
	left: Calc( 50% - 200px );
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	margin-top: 5px;
	margin-bottom: 5px;
}


 
 /* ------------------------------------------------------ | END | default : 26_func-youtube.css ------------------------------------------------------  */ 
 
 /* ------------------------------------------------------ |START| default : 30_func-infobox.css ------------------------------------------------------  */ 
 
 /*-----------------------*/
/* Nikola Nejedlý - 2018 */
/*-----------------------*/

.info {
	z-index:			5000;
	min-height:	        64px;
	width:		        320px;
	position: 			fixed;
	right: 				10px;
	top:				28px;
	font-size: 			12px;
	font-weight: 		normal;
	padding: 			3px 3px 3px 3px;
	margin: 			0;
	text-align: 		justify;
	font-style: 		normal;
	color: 				black;
	background: 		none;
	background-color: 	#fff;
	border: 			2px solid whitesmoke;
	border-style: 		ridge;
	border-radius:		1px;
	transition: 		opacity 500ms ease-in-out;
	font-family: 		monospace, Arial;
}
.info p
{
	position:			relative;
	margin:				0px;
	padding-left: 		38px;
	padding-right:		16px;
	padding-top:		10px;
	text-decoration:	none;
	font-size: 			12px;
	color: 				inherit;
	font-family: 		monospace, Arial;
}
.info a, 
.info a svg,
.info a i
{
	position:			absolute;
	bottom: 			0px;
	right: 				0px;
	text-decoration:	none;
	font-size: 			16px;
	color: 				#8e0000;
	margin-top:			-25px;
	margin-left:		-21px;
}
.info a:hover > svg,
.info a:hover > i
{
	font-size: 			16px;
	color: 				#cc0000;
}

.info i,
.info svg
{
	display: 			block;
	position: 			absolute;
	color: 				#000000;
	top: 				5px;
	left: 				5px;
	width:				26px;
	height:				26px;
}
.info:hover
{
	opacity: 			0.9;
	transition: 		opacity 500ms ease-in-out;
}


/*admin login stuff*/

.info form
{
	width: 60%;
	position: relative;
	display: block;
	left: Calc(50% - 105px);
	opacity: 1;
	font-family: monospace, Arial;
}

.info form input
{
	background-color: #efefef;
	padding: 1px;
	border: 1px solid darkgray;
}

.info form input:hover
{
	background-color: #efefef;
	border: 1px solid black;
}

.info form u
{
	display: block;
	position: relative;
	right: 35px;
	padding: 5px;
}



 
 /* ------------------------------------------------------ | END | default : 30_func-infobox.css ------------------------------------------------------  */ 
 
 /* ------------------------------------------------------ |START| default : 40_admin_parts.css ------------------------------------------------------  */ 
 
 /*-----------------------*/
/* Nikola Nejedlý - 2018 */
/*-----------------------*/

.admin_log
{
	display: block; 
	position: fixed; 
	font-family: 'Open Sans',monospace; 
	background-color: #000000; 
	opacity: 1;
	min-height: 120px; 
	border: 1px solid transparent; 
	z-index:  99900; 
	width: 320px; 
	font-size: 8px; 
	top: 32px; 
	left: Calc(-338px); 
	padding: 2px; 
	margin: 2px;  
	text-align: left; 
	color: black;
	transition: all 500ms cubic-bezier(0, 0, 0.54, 1.1);
	border: 1px black solid;
	border-radius: 2px;
	padding-left: 7px;
}
.admin_log:after
{
	display: block;
	position: absolute;
	content:" < Log ";
	border-radius: 2px;
	padding: 3px;
	font-size: 10px;
	top: 0px; 
	z-index: 20;
	width: 32px;
	left: 332px;
	text-align: center;
	background: white;
	border: 1px black solid;
}
.admin_log:hover
{
	opacity: 1;
	left: Calc(-5px); 
	background: white;
	box-shadow: 2px 2px 8px black;
}
.admin_log:hover:after
{
	content: "";
	background: none;
	border: none;
	height: 32px;
}


.admin_setup_button
{
	display: inline-block;
	position: relative;
	vertical-align: top;
	top: 0px;
	width: 64px;
	height: 64px;
	background: white;
	border: 1px solid black;
	font-size: 10px;
	text-align: center;
	margin: 4px;
	border-radius: 2px;
	font-family: "Open Sans", sans-serif;
	color: black;
}
.admin_setup_button:hover
{
	background: black;
	border: gray 1px solid;
}
.admin_setup_button:hover > a b,
.admin_setup_button:hover > a svg
{
	color: white;
}
.admin_setup_button a:hover
{
	color: white;
	text-decoration: none;
}
.admin_setup_button a
{
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
}
.admin_setup_button svg
{
	display: block;
	position: relative;
	font-size: 24px;
	padding-top: 8px;
	padding-bottom: 4px;
	text-align: center;
	width: 100%;
	left: Calc( 50% - 12px);
	color: black;
}
.admin_setup_button b
{
	color: black;
}



 
 /* ------------------------------------------------------ | END | default : 40_admin_parts.css ------------------------------------------------------  */ 
 
 /* ------------------------------------------------------ |START| default : 41_editor.css ------------------------------------------------------  */ 
 
 /*-----------------------*/
/* Nikola Nejedlý - 2018 */
/*-----------------------*/

/* ADMIN EDITOR */

.editor
{
	z-index: 99000; 
	display:block; 
	width: 36px; 
	height: 170px; 
	left: Calc( 0vw - 4px ); 
	position: fixed; 
	/*top: Calc( 50vh - 75px ); */
	background-color: white; 
	color: black; 
	border:1px black ridge; 
	border-radius: 2px;
	top: 92px; 
}

.editor a
{
	font-family: monospace,"Open Sans","Fira Sans",sans-serif;
	position: relative;
	display: inline-block;
	width: 28px;	
	height: 28px;	
	left: 8px;
}

.editor i, .editor svg
{
	position: relative;
	display: inline-block;
	color: black;
    -webkit-transition: 300ms ease-in-out;
    transition:	300ms ease-in-out;
	font-size:  16px;
	padding: 4px;
	padding-left: 2px;
	padding-right: 2px;
	margin: 1px;
}
.editor i:hover, .editor svg:hover
{
	display: inline-block;
	position: relative;
	font-size:  20px;
	width: 24px;
	color: #ffa600;
	background-color: whitesmoke;
    -webkit-transition: 300ms ease-in-out;
    transition:	300ms ease-in-out;
	margin: 0px;
	padding: 2px;
	padding-left: 0px;
	padding-right: 0px;
	box-shadow: 0px 3px 3px black;
	border-radius: 2px;
}

.editor a:nth-of-type(1) > i, 		.editor a:nth-of-type(1) > svg 			{color: #000000;}
.editor a:nth-of-type(1) > i:hover, .editor a:nth-of-type(1) > svg:hover 	{color: #007bff;}
.editor a:nth-of-type(2) > i, 		.editor a:nth-of-type(2) > svg 			{color: #000000;}
.editor a:nth-of-type(2) > i:hover, .editor a:nth-of-type(2) > svg:hover 	{color: #9E9E9E;}
.editor a:nth-of-type(3) > i, 		.editor a:nth-of-type(3) > svg 			{color: #000000;}
.editor a:nth-of-type(3) > i:hover, .editor a:nth-of-type(3) > svg:hover 	{color: #FFC107;}
.editor a:nth-of-type(4) > i, 		.editor a:nth-of-type(4) > svg 			{color: #000000;}
.editor a:nth-of-type(4) > i:hover, .editor a:nth-of-type(4) > svg:hover 	{color: green;}
.editor a:nth-of-type(5) > i, 		.editor a:nth-of-type(5) > svg 			{color: #000000;}
.editor a:nth-of-type(5) > i:hover, .editor a:nth-of-type(5) > svg:hover 	{color: #cc00cc;}
.editor a:last-of-type > i,   		.editor a:last-of-type > svg	 		{color: #9a0000;}
.editor a:last-of-type > i:hover,   .editor a:last-of-type > svg:hover		{color: red;}

.h_admin 
{
	position: 	absolute;
	display:	block;
	z-index: 	2500;
	top: 	4px;
	right: 	5px;
	width: 	72px;
	height: 32px;
}
.editor_c
{
	z-index: 	99000; 
	display:	block; 
	width:  36px; 
	height: 26px; 
	left: 	Calc( 0vw - 4px ); 
	position: 	fixed; 
	top: 	Calc( 285px ); 
	background-color: white; 
	color:  black; 
	border: 1px black ridge; 
	border-radius: 2px;
}

.editor_c i, .editor_c svg, .editor_c a
{
	display: block;
	position:relative;
	color: #650000;
    -webkit-transition: 300ms ease-in-out;
    transition:	300ms ease-in-out;
	font-size:  18px;
	padding: 1px;
	padding-left: 1px;
	padding-right: 1px;
	padding-top: 1px;
	margin: 1px;
	text-decoration: none;
	font-weight: 900;
	height: 20px;
}
.editor_c a
{
	font-family: monospace,"Open Sans","Fira Sans",sans-serif;
	left: 8px;
	width: 20px;
}

.editor_c a:hover,
.editor_c a:hover > svg,
.editor_c a:hover > i
{
	color: #e20000;
	display: inline-block;
	position: relative;
	font-size:  20px;
	width: 24px;
	background-color: whitesmoke;
    -webkit-transition: 300ms ease-in-out;
    transition:	300ms ease-in-out;
	margin: 0px;
	padding: 2px;
	padding-left: 0px;
	padding-right: 0px;
}
.editor_c a:hover
{
	box-shadow: 0px 3px 3px black;
	border-radius: 2px;
}

.editor_settings
{
	z-index: 	99000; 
	display:	block; 
	width:  36px; 
	height: 26px; 
	left: 	Calc( 0vw - 4px ); 
	position: 	fixed; 
	top: 	Calc( 320px ); 
	background-color: white; 
	color:  black; 
	border: 1px black ridge; 
	border-radius: 2px;
}

.editor_settings i, .editor_settings svg, .editor_settings a
{
	display: inline-block;
	position: relative;
	color: #757575;
    -webkit-transition: 300ms ease-in-out;
    transition:	300ms ease-in-out;
	font-size:  18px;
	padding: 1px;
	padding-left: 1px;
	padding-right: 1px;
	padding-top: 1px;
	margin: 1px;
	text-decoration: none;
	font-weight: 900;
	height: 20px;
}
.editor_settings a
{
	font-family: monospace,"Open Sans","Fira Sans",sans-serif;
	left: 8px;
	width: 20px;
}

.editor_settings a:hover,
.editor_settings a:hover > svg,
.editor_settings a:hover > i
{
	color: #673AB7;
	display: inline-block;
	position: relative;
	font-size:  20px;
	width: 24px;
	background-color: whitesmoke;
    -webkit-transition: 300ms ease-in-out;
    transition:	300ms ease-in-out;
	margin: 0px;
	padding: 2px;
	padding-left: 0px;
	padding-right: 0px;
    -webkit-transition: 300ms ease-in-out;
    transition:	300ms ease-in-out;
}
.editor_settings a:hover > svg,
.editor_settings a:hover > i
{
    transform: rotate(90deg);
    background: none;
}
.editor_settings a:hover
{
	box-shadow: 0px 3px 3px black;
	border-radius: 2px;
}


.editor a:hover:after,
.editor_c a:hover:after,
.editor_settings a:hover:after
{
	color: black; 
	content: " Placeholder "; 
	background-color: #ffffff; 
	border: 1px black solid; 
	border-radius: 1px;
	position: absolute; 
	z-index: 99999; 
	box-shadow: 0px 3px 3px black;
	display: block;
	padding: 2px;
	left: 36px;
	top: 16px;
	min-width: 5px;
	min-height: 8px;
	font-size: 9px;
	white-space: nowrap;
}
.editor a:nth-of-type(1):hover:after	{ content: "Edit page"; }
.editor a:nth-of-type(2):hover:after	{ content: "New page"; }
.editor a:nth-of-type(3):hover:after	{ content: "Folder manager"; }
.editor a:nth-of-type(4):hover:after	{ content: "Save page"; }
.editor a:nth-of-type(5):hover:after	{ content: "Cancel"; }
.editor a:last-of-type:hover:after		{ content: "Log out"; }
.editor_c a:hover:after					{ content: "Clear cache"; }
.editor_settings a:hover:after			{ content: "Site settings & configuration"; }

.editor a.e_gray svg
{
	color: #80808054;
}
.editor a.e_gray
{
	cursor: default;
}
.editor a.e_gray:hover > svg
{
	color: #80808054;
	box-shadow: none;
	background: none;
	font-size: 17px;
	padding-top: 5px;
}
.editor a.e_gray:hover:after
{
	opacity: 0.35;
	font-style: italic;
	background: lightgrey;
}

textarea.to_edit
{
	display: none;
	/*display: block;*/
	position: relative;
	padding: 4px;
	width: Calc( 100% + 24px );
	left: -16px;
	height: Calc( 100vh - 112px);
	background: black;
	top: 0px;
	resize: none;
	color: #73d600;
}

#edit_form .edit_filename
{
	display: block;
	position: fixed;
	top: 100px;
	right: 4px;
	font-weight: 600;
	max-width: 120px; 
}
#edit_form .edit_filename input
{
	font-weight: 100;
	font-size: 9px;
	padding-left: 5px;
	padding-right: 5px;
	border: 1px solid black;
	width: 80px;
	height: 14px;
	background-color: whitesmoke;
}
#edit_form .edit_filename input:disabled
{
	background-color: lightgray;
	font-style: italic;
}

#cke_editor_field
{
	display: block;
	position: relative;
	width: Calc( 100% + 64px - 2px );
	left: -32px;
	margin-top: -32px;
	margin-bottom: -24px;
}


 
 /* ------------------------------------------------------ | END | default : 41_editor.css ------------------------------------------------------  */ 
 
 /* ------------------------------------------------------ |START| default : 80_h2code.css ------------------------------------------------------  */ 
 
 /*-----------------------*/
/* Nikola Nejedlý - 2018 */
/*-----------------------*/

h2.code
{
	font-family: monospace, times-roman, georgia, serif;
	font-weight: 200;
	font-size: 14px;
	background: linear-gradient(to right, #9c8d76, #8c8c8c2b 10px, #bfbfbf2b 98%, #ff000000);
	margin: 5px;
	margin-left: 20px;
	margin-right: 20px;
	width: Calc( 100% - 10px );
	margin-top: -6px;
	padding-left: 14px;
	padding-top: 10px;
	padding-bottom: 10px;
	color: black;
	border: none;
	border-left: 1px black solid;
}

h2.code .fce 	,.code .fce 	{color: #840000;}
h2.code .int 	,.code .int		{color: #0045a5;}
h2.code .string ,.code .string 	{color: #00790b;}
h2.code .bool 	,.code .bool 	{color: #8c009a;}
h2.code .float 	,.code .float 	{color: #0084a5;}
h2.code .char 	,.code .char 	{color: #078e00;}
h2.code .var 	,.code .var 	{color: #7c9a90;}

h2.code{ opacity: 1; }

p .fce 		{color: #840000; background:#ffeac8; padding: 0 3px 0 3px;}
p .int 		{color: #0045a5; background:#ffeac8; padding: 0 3px 0 3px;}
p .string 	{color: #00790b; background:#ffeac8; padding: 0 3px 0 3px;}
p .bool 	{color: #8c009a; background:#ffeac8; padding: 0 3px 0 3px;}
p .float 	{color: #0084a5; background:#ffeac8; padding: 0 3px 0 3px;}
p .char 	{color: #078e00; background:#ffeac8; padding: 0 3px 0 3px;}
p .var 		{color: #7c9a90; background:#ffeac8; padding: 0 3px 0 3px;}
p .function	{color: #636363; background:#ffeac8a6; padding: 0 3px 0 3px;}
p.code		{color: black;	 background:#ffeac8;   padding: 0 3px 0 3px; font-weight: 800;}
 
 /* ------------------------------------------------------ | END | default : 80_h2code.css ------------------------------------------------------  */ 
 
 /* ------------------------------------------------------ |START| default : 90_footer.css ------------------------------------------------------  */ 
 
 /*-----------------------*/
/* Nikola Nejedlý - 2018 */
/*-----------------------*/

footer
{
	font-family: "Open Sans",sans-serif;
	display: block;
	position: relative;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100vw;
	height: 32px;
	color: white;
	background: black;
	text-decoration: none;
	padding: 0;
	margin: 0;
	margin-top: 32px;
	font-size: 10px;
}

footer img
{
	display: none;
	padding: 0;
	margin: 0;
	overflow: hidden;
	height: 16px;
	width: 16px;
}

.KSSWF,
.footing
{
	display: inline-block;
	position: absolute;
	text-align: left;
	float: left;
	padding-left: 11%;
	padding-top: 3px;
	top: 0;
	height: 24px;
	width: 200px;
}
.KSSWF
{
	float: right;
	text-align: right;
	padding-left: 0;
	padding-right: 11%;
	right: 0;
}
.KSSWF a
{
	color: #ff8800;
}
.KSSWF a:hover
{
	color: #e0ab00;
	font-weight: bolder;
	text-decoration:overline;
}
.black_filler
{
	position: fixed;
	z-index: -10;
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-color: black;
}
 
 
 /* ------------------------------------------------------ | END | default : 90_footer.css ------------------------------------------------------  */ 
 
 /* ------------------------------------------------------ |START| default : 99_loading.css ------------------------------------------------------  */ 
 
 /*--------------------------------------*/
/*            Nikola Nejedlý            */
/*                 2018                 */
/*--------------------------------------*/


.loadicon
{
	color: white;
	display: block;
	position: fixed;
	z-index: 40001;
	left: 50vw;
	top: 50vh;
}
 
 /* ------------------------------------------------------ | END | default : 99_loading.css ------------------------------------------------------  */ 
 
 /* ------------------------------------------------------ |START| default : xx_wampserver_warning_table_styling.css ------------------------------------------------------  */ 
 
 /*-----------------------*/
/* Nikola Nejedlý - 2018 */
/*-----------------------*/


.xdebug-error.xe-warning
{
	position: absolute;
	display: block;
	z-index: 9999999;
	left: 100px;
	top: 100px;
	width: Calc( 100vw - 200px );
	height: Calc( 100vh - 200px );
	border: 2px #333 solid;
	background: #808080ed;
}
.xdebug-error.xe-warning th
{
	padding: 2px;
	width: Calc( 100vw - 200px );
	background: #a50000;
	color: white;
}
.xdebug-error.xe-warning span
{
	display: none;	
}
.xdebug-error.xe-warning tbody::before
{
	display: block;
	content: "!";	
	position: absolute;
	left: -26px;
	top: -2px;
	width: 20px;
	height: 20px;
	font-family: "Fira Sans", sans-serif;
	background-color: black;
	border: 2px solid #ff0a0a;
	color: red;
	font-weight: bold;
	font-size: 15px;
}
.xdebug-error.xe-warning tr:nth-of-type(2) th
{
	background: #0e0e0e;
	padding-left: 20px;
	color: white;
	border: 1px solid black;
}
.xdebug-error.xe-warning tr:nth-of-type(3) th
{
	background: #964200;
	padding-left: 10px;
	text-align: left;
	color: white;
	border-left: 1px solid black;
}
.xdebug-error.xe-warning tr td
{
	background: whitesmoke;
	padding: 1px;
	padding-left: 14px;
	text-align: left;
	color: black;
	border-left: 1px solid black;
}
.xdebug-error.xe-warning tr th:nth-of-type(1),
.xdebug-error.xe-warning tr td:nth-of-type(1)
{
	width: 100px;
}
.xdebug-error.xe-warning tr th:nth-of-type(2),
.xdebug-error.xe-warning tr td:nth-of-type(2)
{
	width: 120px;
}
.xdebug-error.xe-warning tr th:nth-of-type(3),
.xdebug-error.xe-warning tr td:nth-of-type(3)
{
	width: 150px;
}
.xdebug-error.xe-warning tr th:nth-of-type(4),
.xdebug-error.xe-warning tr td:nth-of-type(4)
{
	width: 200px;
}

 
 /* ------------------------------------------------------ | END | default : xx_wampserver_warning_table_styling.css ------------------------------------------------------  */ 
 
 /* ------------------------------------------------------ < COMPONENTS > ------------------------------------------------------  */ 
 
 
 /* ------------------------------------------------------ |START| MS-Zasada : 00_MAIN_text_area.css ------------------------------------------------------  */ 
 
 /*-----------------------*/
/* Nikola Nejedlý - 2018 */
/*-----------------------*/

hr, .text_area hr
{
	display: block;
	width: 100%;
	height: 0px;
	color: black;
	background: black;
	border-bottom: 1px solid black;
	margin-top: 5px;
	margin-bottom: 5px;
}

.text_area 
{ 
	font-weight: 100;
	position: relative; 
	top: 0px;
	left: 0px; 
	width: 100vw;
	min-width: 100vw;
	margin: 0;
	padding: 0;
	background-color: transparent;
	overflow: hidden;
	font-family: 'Podkova', sans-serif;
}

.text_area #txt
{
	min-height: 200px;
	background-color: none;
	border: none;
	font-family: 'Podkova', sans-serif;
	position: relative;
	text-align: left;
	padding-left: 120px;
	padding-right: 120px;
	padding-bottom: 24px;
	padding-top: 10px;
	display:block;
	margin: 0;
	width: Calc( 100vw - 240px );
}

.text_area#txt /* THIS ONLY APPLIES TO ADMIN EDITOR */
{
}
.text_area#txt img /* THIS ONLY APPLIES TO ADMIN EDITOR */
{
	max-height: 100%;
	max-width: 100%;
}
.text_area#txt i,
.text_area#txt b,
.text_area#txt strong,
.text_area#txt p,
.text_area#txt ul,
.text_area#txt ol,
.text_area#txt li/* THIS ONLY APPLIES TO ADMIN EDITOR */
{
	font-family: 'Open Sans','Lato', arial, georgia, serif;
}

.text_area p
{    
	text-align: justify;
    text-indent: 0px;
    margin: 0;
    font-size: 17px;
    width: 940px;
    padding-left: 50px;
    padding-right: 50px;
    left: Calc( 50% - 510px );
    display: block;
    position: relative;
}


 
 /* ------------------------------------------------------ | END | MS-Zasada : 00_MAIN_text_area.css ------------------------------------------------------  */ 
 
 /* ------------------------------------------------------ |START| MS-Zasada : 27_func-map_google.css ------------------------------------------------------  */ 
 
 /*-----------------------*/
/* Nikola Nejedlý - 2018 */
/*-----------------------*/

.map_google
{
	display: block;
	position:absolute;
	top: 40%;
	left: Calc( 50% - 300px );
}


.text_area iframe.center.map
{
	display: block;
	position: relative;
	height: 240px;
	width: 400px;
	left: Calc( 50% - 200px - 2px );
	border: 2px black solid;
	border-radius: 4px;
	box-shadow: 0 0 2px black;
}
 
 
 /* ------------------------------------------------------ | END | MS-Zasada : 27_func-map_google.css ------------------------------------------------------  */ 
 
 /* ------------------------------------------------------ |START| MS-Zasada : Z_last_Exclusive.css ------------------------------------------------------  */ 
 
 /*-----------------------*/
/* Nikola Nejedlý - 2018 */
/*-----------------------*/

.box_button_wrap
{
	display: block;
	position:relative;
	width: 100%;
	left: 0;
	text-align: center;
}

.box_button
{    
	display: inline-block;
    position: relative;
    border-radius: 5px;
    width: 200px;
    height: 360px;
    padding: 14px;
    margin: 4px;
    background: transparent;
    overflow: hidden;
}
.box_button b
{
	position: relative;
	display: block;
	text-align: left;
	font-family: 'Amatic_SC_Bold',sans-serif;
	font-size: 25px;
	padding: 10px;
	padding-left: 0px;
	top: 0px;
	color: black;
}
.box_button p
{
	font-weight: 100;
	opacity: 1;
	width: Calc( 100% - 20px );
	left: 0;
	width: 220px;
    line-height: 21px;
	color: #232323;
	font-size: 17px;
	text-align: left;
	padding:  0;
	margin: -5px;
}/*
.box_button:hover > p
{
	opacity: 1;
	width: Calc( 100% - 20px );
	left: 0;
	color: #4e4e4e;
	font-size: 11px;
}*/
/*
.box_button:nth-of-type(2)
{background: #7736e4; color: #7736e4;}
.box_button:nth-of-type(3)
{background: #1a8b1f; color: #1a8b1f;}
.box_button:nth-of-type(4)
{background: #013bb9; color: #013bb9;}
.box_button:nth-of-type(5)
{background: #c11650; color: #c11650;}
.box_button:nth-of-type(6)
{background: #e2cb01; color: #e2cb01;}
.box_button:nth-of-type(7)
{background: #2195f4; color: #2195f4;}
.box_button:nth-of-type(8)
{background: #d60000; color:#d60000; }
*/
.box_button svg
{
	display: none;
	position: absolute;
	left: Calc( 50% - 20px - 30px );
	min-width: 40px;
	min-height: 40px;
	padding: 30px;
	background: whitesmoke;
	border-radius: 50%;
}

/*--------------------------------------------------*/


.box_numbers_wrap
{
	display: block;
	position:relative;
	width: 100%;
	left: 0;
	text-align: center;
    margin-top: -30px;
	margin-bottom: 50px;
}

.box_numbers
{
	display: inline-block;
	position: relative;
	width: 190px;
	height: 200px;
	margin: 20px;
	overflow: hidden;
	color: #404040;
	padding-top: 80px;
	font-size: 18px;
	font-family: 'Amatic_SC_Bold',sans-serif;
}
.box_numbers b
{
	position: relative;
	display: block;
	text-align: center;
	font-size: 32px;
	padding-top: 48px;
	color: #404040;
}
/*
.box_numbers:nth-of-type(7) svg
{background: #7736e4; }
.box_numbers:nth-of-type(6) svg
{background: #1a8b1f; }
.box_numbers:nth-of-type(5) svg
{background: #013bb9; }
.box_numbers:nth-of-type(4) svg
{background: #c11650; }
.box_numbers:nth-of-type(3) svg
{background: #e2cb01; }
.box_numbers:nth-of-type(2) svg
{background: #2195f4; }
.box_numbers:nth-of-type(1) svg
{background: #d60000; }*/

.box_numbers svg
{
	width: 100px;
	height: 100px;
	min-width: 100px;
	min-height: 100px;
	position: absolute;
	display: block;
	left: Calc( 50% - 50px );
	top: 28px;
	text-align: center;
	color: transparent;
	background: auto;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	
}
.box_numbers:nth-of-type(1) svg
{
	background-image: url('../img/Assets/assets_MSZasada/n_lidi.png');
}
.box_numbers:nth-of-type(2) svg
{
	background-image: url('../img/Assets/assets_MSZasada/n_personal_zena.png');
}
.box_numbers:nth-of-type(3) svg
{
	background-image: url('../img/Assets/assets_MSZasada/n_pantrofej.png');
}
.box_numbers:nth-of-type(4) svg
{
	background-image: url('../img/Assets/assets_MSZasada/n_cepice.png');
}



/*   FORMS   */



.text_area #txt form.pswd
{
	width: 270px;
	left: Calc( 50% + 135px - 10px );
	display: block;
	position: relative;
	border-radius: 3px;
	margin-top: -40px;
	border: 2px solid black;
	padding: 10px;
	box-shadow: 0 0 10px black;
}
.text_area #txt form.pswd b
{
	padding-right: 5px;
}
.text_area #txt form.pswd input:hover
{
	box-shadow: 0 0 14px;
}
.text_area #txt form.pswd input
{
	box-shadow: 0 0 5px;
	padding: 4px;
}
.text_area #txt form.pswd input#pass:active,
.text_area #txt form.pswd input#pass:hover
{
	box-shadow: inset 0 0 14px;
}
.text_area #txt form.pswd input#pass
{
	border-bottom: 1px solid #00000045;
	border-right: 2px solid black;
	width: 140px;
	margin-right: 10px;
	margin-left: 5px;
	box-shadow: inset 0 0 2px gray;
	border-radius: 2px;
	height: 18px;
	font-size: 17px;
}





/* JIDELNICEK */


.jidel_date
{
	display: block;
	position: relative;
	padding: 32px;
	padding-bottom: 10px;
	width: Calc( 100% - 64px );
	text-align: center;
}
.edit_jidelnicek textarea,
.edit_jidelnicek input
{
	box-shadow: inset 0 0 5px;
	padding: 0px;
	border-radius: 3px;
}
.edit_jidelnicek textarea
{
	min-width: 80%;
	max-width: 80%;
	background: white;
	min-height: 24px;
}
.edit_jidelnicek img,
.jidelnicek img
{
	background: white;
	position: absolute;
	opacity: 1;
	display: block;
	margin: 0;
	left: Calc( 50% - 32px  );
	top: -40px;
	width: 64px;
	height: 64px;
	/*background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url('../img/Assets/assets_MSZasada/n_pribor.png');
	padding: 0px;
	border-left: white solid 8px;
	border-right: white solid 8px;*/
	border: none;
	object-fit: contain;
	z-index: 5;
}

.edit_jidelnicek,
.jidelnicek
{
	width: 920px;
	display: block;
	position: relative;
	left: Calc( 50% - 460px - 16px );
	border: 2px solid black;
	padding: 16px;
	padding-top: 32px;
	padding-bottom: 32px;
	margin-top: 40px;
	margin-bottom: 40px;
	border-radius: 8px;
	box-shadow: 0 0 1px;
}
.edit_jidelnicek .jidelna_den, 
.edit_jidelnicek .jidelna_jidlo,
.edit_jidelnicek .jidelna_alergeny,
.jidelnicek .jidelna_den, 
.jidelnicek .jidelna_jidlo,
.jidelnicek .jidelna_alergeny 
{
	display: inline-block;
	position: relative;
	font-family: "Amatic_SC_Bold", Garamond, cursive;
	font-size: 32px;
	width: 30%;
	left: 5%;
	padding-bottom: 20px;
}

.jidelnicek .jidel_d:nth-of-type(1n+5) #day,
.edit_jidelnicek .jidel_d:nth-of-type(1n+5) b
{color: #729e36; }
.jidelnicek .jidel_d:nth-of-type(2n+4) #day,
.edit_jidelnicek .jidel_d:nth-of-type(2n+4) b
{color: #009cd6; }
.jidelnicek .jidel_d:nth-of-type(3n+5) #day,
.edit_jidelnicek .jidel_d:nth-of-type(3n+5) b
{color: #FF5722; }
.jidelnicek .jidel_d:nth-of-type(4n+5) #day,
.edit_jidelnicek .jidel_d:nth-of-type(4n+5) b
{color: #9C27B0; }
.jidelnicek .jidel_d:nth-of-type(5n+1) #day,
.edit_jidelnicek .jidel_d:nth-of-type(5n+5) b
{color: #8e0000; }

.edit_jidelnicek .jidelna_jidlo,
.jidelnicek .jidelna_jidlo
{
	text-align: center;
}
.edit_jidelnicek .jidelna_alergeny,
.jidelnicek .jidelna_alergeny 
{
	text-align: right;
}

.edit_jidelnicek .jidel_d,
.jidelnicek .jidel_d
{
	padding-top: 14px;
	padding-bottom: 25px;
	width: 90%;
	left: 5%;
	display: block;
	position: relative;
}

.edit_jidelnicek .jidel_d b,
.jidelnicek .jidel_d b
{
	top: 0;
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
	letter-spacing: 1px;
	font-size: 20px;
	font-family: "Amatic_SC_Bold", monospace, cursive;
}
.j_radek
{
	vertical-align: top;
	top: 0;
	display: grid;
	width: 100%;
	position: relative;
	font-family: inherit, Tahoma;
}
.edit_jidelnicek .j input,
.jidelnicek .j
{
	display: block;
	position: relative;
	height: auto;
	width: 480px;
	margin-top: -12px;
	left: Calc( 50% - 250px );
	text-align: center;
}
.edit_jidelnicek .a input,
.jidelnicek .a
{
	top: 0;
	display: inline-block;
	position: absolute;
	width: 100px;
	left: Calc( 50% + 250px );
	text-align: center;
}
a.edit
{
	display: block;
	position: absolute;
	left: Calc( 50% + 485px );
	top: 740px;
	width: 32px;
	height: 32px;
}
a.edit svg
{
	color: black;
	font-size: 20px;
}
a.edit:hover > svg
{
	color: #005003;
}
a.jidel_print
{
	display: block;
	position: absolute;
	left: Calc( 50% + 485px );
	top: 710px;
	width: 32px;
	height: 32px;
}
a.jidel_print svg
{
	color: black;
	font-size: 20px;
}
a.jidel_print:hover > svg
{
	color: #2196F3;
}
.edit_jidelnicek .jidelna #submit
{
	display: block;
	position: absolute;
	right: 64px;
	padding: 8px;
	padding-right: 32px;
	padding-left: 32px;
	border-radius: 5px;
	box-shadow: 0 0 10px;
	left: auto;
	bottom: 8px;
	border: 2px black solid;
}
.edit_jidelnicek .jidelna #submit:hover
{
	box-shadow: 0 0 1px;
}
.jidelnicek .jidel_d:after
{
	display: none;
}
.jidelnicek .jidel_d:nth-of-type(1n+5):after
{
	width: 180px;
	height: 20px;
	position: absolute;
	display: block;
	content: "";
	left: Calc( 50% - 100px );
	background-repeat: no-repeat;
	top: 0px;
	background-size: contain;
	background-image: url(../img/Assets/assets_MSZasada/vlnkadlouha.png);
}
.text_area .alergeny h2
{
	text-align: left;
	color: black;
	width: 1000px;
	left: Calc( 50% - 500px);
	margin: 0;
	background: none;
}
​.text_area .alergeny ol:nth-of-type(1),
.text_area .alergeny ol:nth-of-type(2)
{
	display: inline-block;
	min-width: 300px;
	padding-top: 0;
    width: 340px;
	list-style-type: none;
	position: relative;
}
.text_area .alergeny ol:nth-of-type(1) li,
.text_area .alergeny ol:nth-of-type(2) li
{
	list-style-type: none;
	list-style: white;
	padding-left: 8px;
}
 
 
 
 
 /* ------------------------------------------------------ | END | MS-Zasada : Z_last_Exclusive.css ------------------------------------------------------  */ 
 
 /* ------------------------------------------------------ |START| MS-Zasada : a_headers.css ------------------------------------------------------  */ 
 
 /*-----------------------*/
/* Nikola Nejedlý - 2018 */
/*-----------------------*/

.text_area h1,.text_area h2,.text_area h3,.text_area h4,.text_area h5,.text_area h6,
.text_area#txt h1,.text_area#txt h2,.text_area#txt h3,.text_area#txt h4,.text_area#txt h5,.text_area#txt h6
{
	text-align: center;
	margin:0;
	margin-top:10px;
	margin-bottom: 32px;
	text-decoration: none;
	font-weight: normal;
	font-family: 'Amatic_SC_Bold','Titan_One', Georgia, cursive;
	font-size: 	 35px;
	letter-spacing: -0.8px;
	padding-bottom: 10px;
	background-repeat: no-repeat;
	background-position: bottom;
	background-image: url('../img/Assets/assets_MSZasada/vlnkadlouha.png');
}
.text_area h2:nth-of-type(1),.text_area#txt h2:nth-of-type(1)
{
	text-align: center;
	margin:0;
	margin-top:10px;
	margin-bottom: 10px;
	text-decoration: none;
	font-weight: normal;
	font-family: 'Amatic_SC_Bold','Titan_One', Georgia, cursive;
	font-size: 	 35px;
	letter-spacing: -0.8px;
	padding-bottom: 10px;
	background-repeat: no-repeat;
	background-position: bottom;
	background-image: url('../img/Assets/assets_MSZasada/vlnkadlouha.png');
}
/*
.text_area#txt h2:after,
.text_area h2:after,
.text_area#txt h3:after,
.text_area h3:after,
.text_area#txt h4:after,
.text_area h4:after,
.text_area#txt h5:after,
.text_area h5:after
{
	content: "";
	display:  block;
	position: absolute;
	width: 	 280px;
	height:  0px;
	bottom: 10px;
	background: transparent;
	border-bottom: 1px solid #00000061;
	left: Calc( 50% - 140px );
}*//*
.text_area#txt h2:before,
.text_area h2:before,
.text_area#txt h3:before,
.text_area h3:before,
.text_area#txt h4:before,
.text_area h4:before,
.text_area#txt h5:before,
.text_area h5:before
{
	content: "";
	display:  block;
	position: absolute;
	width: 	 40px;
	height:  5px;
	bottom: 11px;
	background: #00000021;
	left: Calc( 50% - 20px );
}*/

.text_area h1,
.text_area#txt h1
{
}

.text_area h2,
.text_area#txt h2
{
	color: #2195f4;
}
.text_area h2:nth-of-type(even),
.text_area#txt h2:nth-of-type(even)
{
	color: #e58f01;
}

.text_area h3,
.text_area#txt h3
{
	color: #1a8b1f;
}
.text_area h3:nth-of-type(even),
.text_area#txt h3:nth-of-type(even)
{
	color: #c11650;
}

.text_area h4,
.text_area#txt h4
{
	color: #013bb9;
}
.text_area h4:nth-of-type(even),
.text_area#txt h4:nth-of-type(even)
{
	color: #d60000;
}
.text_area h5,
.text_area#txt h5
{
	color: #7736e4;
}
.text_area h5:nth-of-type(even),
.text_area#txt h5:nth-of-type(even)
{
	color: #e2cb01;
}

 
 
 /* ------------------------------------------------------ | END | MS-Zasada : a_headers.css ------------------------------------------------------  */ 
 
 /* ------------------------------------------------------ |START| MS-Zasada : a_links.css ------------------------------------------------------  */ 
 
 /*-----------------------*/
/* Nikola Nejedlý - 2018 */
/*-----------------------*/

a:link {
color: #D00; 
text-decoration: none;
} 

a:visited {
color: #D33; 
text-decoration: none;
}

a:hover {
color: #174b4d; 
text-decoration: underline;
} 

 
 /* ------------------------------------------------------ | END | MS-Zasada : a_links.css ------------------------------------------------------  */ 
 
 /* ------------------------------------------------------ |START| MS-Zasada : admin_parts.css ------------------------------------------------------  */ 
 
 /*-----------------------*/
/* Nikola Nejedlý - 2018 */
/*-----------------------*/

.admin_log
{
	display: block; 
	position: fixed; 
	font-family: 'Open Sans',monospace; 
	background-color: #000000; 
	opacity: 1;
	min-height: 120px; 
	border: 1px solid transparent; 
	z-index:  99900; 
	width: 320px; 
	font-size: 8px; 
	top: 32px; 
	left: Calc(-338px); 
	padding: 2px; 
	margin: 2px;  
	text-align: left; 
	color: black;
	transition: all 500ms cubic-bezier(0, 0, 0.54, 1.1);
	border: 1px black solid;
	border-radius: 2px;
	padding-left: 7px;
}
.admin_log:after
{
	display: block;
	position: absolute;
	content:" < Log ";
	border-radius: 2px;
	padding: 3px;
	font-size: 10px;
	top: 0px; 
	z-index: 20;
	width: 32px;
	left: 332px;
	text-align: center;
	background: white;
	border: 1px black solid;
}
.admin_log:hover
{
	opacity: 1;
	left: Calc(-5px); 
	background: white;
	box-shadow: 2px 2px 8px black;
}
.admin_log:hover:after
{
	content: "";
	background: none;
	border: none;
	height: 32px;
}


.admin_setup_button
{
	display: inline-block;
	position: relative;
	vertical-align: top;
	top: 0px;
	width: 64px;
	height: 64px;
	background: white;
	border: 1px solid black;
	font-size: 10px;
	text-align: center;
	margin: 4px;
	border-radius: 2px;
	font-family: "Open Sans", sans-serif;
	color: black;
}
.admin_setup_button:hover
{
	background: black;
	border: gray 1px solid;
}
.admin_setup_button:hover > a b,
.admin_setup_button:hover > a svg
{
	color: white;
}
.admin_setup_button a:hover
{
	color: white;
	text-decoration: none;
}
.admin_setup_button a
{
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
}
.admin_setup_button svg
{
	display: block;
	position: relative;
	font-size: 24px;
	padding-top: 8px;
	padding-bottom: 4px;
	text-align: center;
	width: 100%;
	left: Calc( 50% - 12px);
	color: black;
}
.admin_setup_button b
{
	color: black;
}



 
 /* ------------------------------------------------------ | END | MS-Zasada : admin_parts.css ------------------------------------------------------  */ 
 
 /* ------------------------------------------------------ |START| MS-Zasada : bc_nav.css ------------------------------------------------------  */ 
 
 /*-----------------------*/
/* Nikola Nejedlý - 2018 */
/*-----------------------*/

.bcnav
{
	display: block;
	width: Calc( 100% - 41px - 40px );
	padding: 0;
	padding-left: 10px;
	left: 30px;
	position: relative;
	font-family: monospace;
	font-size: 12px;
	font-weight: bold;
	background-color: #80808052;
	margin: 1px;
}
.bcnav_p
{
	display: inline-block;
	padding: 0;
	margin: 0;
	border: 1px solid #00000042; 
	padding: 2px;
	font-weight: 100;
}
.bcnav_p:first-letter
{
	text-transform: capitalize;
}
.bcnav_p a
{
	width: 100%;
	height: 100%;
	display: inline-block;
	background-color: #00000029;
	text-decoration: none;
	color: black;
}
.bcnav_p a:hover
{
	width: 100%;
	height: 100%;
	display: inline-block;
	background-color: #00000094;
	text-decoration: none;
	color: white;
}
 
 /* ------------------------------------------------------ | END | MS-Zasada : bc_nav.css ------------------------------------------------------  */ 
 
 /* ------------------------------------------------------ |START| MS-Zasada : blockquote.css ------------------------------------------------------  */ 
 
 /*-----------------------*/
/* Nikola Nejedlý - 2018 */
/*-----------------------*/

.text_area blockquote img
{
	width: 64px;
	height: 64px;
	object-fit: cover;
	border-radius: 25%;
	left: Calc( 50% - 32px);
	top: 48px;
	display: none;
	position:absolute;
}
.text_area blockquote
{
	width: Calc( 800px );
	margin: 0px;
	padding: 20px;
	padding-left: 90px;
	padding-right: 90px;
	position: relative;
	background: transparent;
	left: Calc( 50% - 400px - 100px );
	margin-top: 120px;
	margin-bottom: 120px;
	display: block;
	border: 2px solid black;
	border-radius: 5px;
	box-shadow: 0px 0px 5px black;
}
.text_area blockquote p
{
	font-family: 'Amatic_SC_Bold', serif;
	font-size: 32px;
	font-style: normal;
	margin: 0px;
	display: block;
	position: relative;
	width: 480px;
	line-height: 1.45;
	padding-top: 24px;
	color: #000;
	left: Calc( 50% - 240px );
	text-align: center;
}
.text_area blockquote p:nth-child(2)
{
	width: 740px;
	left: Calc( 50% - 370px );
}
.text_area blockquote:before 
{
	display: block;
	content: "";
	width: 64px;
	height: 64px;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url("../img/Assets/assets_MSZasada/uvozovky.png");
	font-size: 80px;
	position: absolute;
	left: Calc( 50% - 32px );
	top: -48px;
	color: #000000;
}
.text_area blockquote cite:before 
{
	content: "";
}
.text_area blockquote cite {
	display: block;
	position: relative;
	width: 250px;
	padding-top: 24px;
	left: Calc( 50% - 125px );
	font-style: normal;
	color: #9E9E9E;
	font-size: 15px;
	display: block;
	margin-top: 5px;
	text-align: center;
}



 
 /* ------------------------------------------------------ | END | MS-Zasada : blockquote.css ------------------------------------------------------  */ 
 
 /* ------------------------------------------------------ |START| MS-Zasada : button.css ------------------------------------------------------  */ 
 
 /*--------------------------*/
/* Nikola Nejedlý - 2017/18 */
/*--------------------------*/

.button {
	position:		    relative;
	display: 			block;
	min-height:	        12px;
	min-width: 			32px;
	border-radius:		0px;
	font-family: 		'Roboto', Arial;
	letter-spacing:		1px;
	font-size: 			10px;
	font-weight: 		lighter;
	padding: 			0;
	margin:				3px 3px 3px 3px;
	text-align: 		center;
	font-style: 		normal;
	text-transform: 	uppercase;
	color: 				#d0d0d0;
	background: 		#444;
	border: 			1px groove #555;
	-webkit-transition: all 200ms; /* Safari */
    transition: 		all 200ms cubic-bezier(0.65, 0.05, 0.36, 1);
}
.button:hover {
	color: 				#ffffff;
	background-color: 	#222;
	border-color: 		#999;
    border-style: 		ridge;
    text-decoration:	none;
    font-weight:		100;
}
.button i, .button svg
{
	padding: 			2px;
	font-size:			8px;	
}
.button a
{
	position:			relative;
	display: 			table;
	text-decoration:	inherit;
	font-size: 			inherit;
	color: 				inherit;
	width:				100%;
	height: 			100%;
}
.button #table /* redundant filler for styling */
{
	position:			relative;
	display: 			table;
	width:				100%;
	height: 			100%;
}
.button #cell
{
	position:			relative;
	display: 			table-cell;
	vertical-align: 	middle;  
	width:				100%;
	height: 			auto;
	padding: 			1px 3px 1px 3px;
}
 
 /* ------------------------------------------------------ | END | MS-Zasada : button.css ------------------------------------------------------  */ 
 
 /* ------------------------------------------------------ |START| MS-Zasada : editor.css ------------------------------------------------------  */ 
 
 /*-----------------------*/
/* Nikola Nejedlý - 2018 */
/*-----------------------*/

/* ADMIN EDITOR */

.editor
{
	z-index: 99000; 
	display:block; 
	width: 36px; 
	height: 170px; 
	left: Calc( 0vw - 4px ); 
	position: fixed; 
	/*top: Calc( 50vh - 75px ); */
	background-color: white; 
	color: black; 
	border:1px black ridge; 
	border-radius: 2px;
	top: 92px; 
}

.editor a
{
	position: relative;
	display: inline-block;
	width: 28px;	
	height: 28px;	
}
	
.editor a,
.editor_settings a,
.editor_c a
{
	left: 0;
	padding: 0;
	margin: 0;
}

.editor i, .editor svg
{
	position: relative;
	display: inline-block;
	color: black;
    -webkit-transition: 300ms ease-in-out;
    transition:	300ms ease-in-out;
	font-size:  16px;
	padding: 4px;
	padding-left: 2px;
	padding-right: 2px;
	margin: 1px;
}
.editor i:hover, .editor svg:hover
{
	display: inline-block;
	position: relative;
	font-size:  20px;
	width: 24px;
	color: #ffa600;
	background-color: whitesmoke;
    -webkit-transition: 300ms ease-in-out;
    transition:	300ms ease-in-out;
	margin: 0px;
	padding: 2px;
	padding-left: 0px;
	padding-right: 0px;
	box-shadow: 0px 3px 3px black;
	border-radius: 2px;
}

.editor a:nth-of-type(1) > i, 		.editor a:nth-of-type(1) > svg 			{color: #000000;}
.editor a:nth-of-type(1) > i:hover, .editor a:nth-of-type(1) > svg:hover 	{color: #007bff;}
.editor a:nth-of-type(2) > i, 		.editor a:nth-of-type(2) > svg 			{color: #000000;}
.editor a:nth-of-type(2) > i:hover, .editor a:nth-of-type(2) > svg:hover 	{color: #9E9E9E;}
.editor a:nth-of-type(3) > i, 		.editor a:nth-of-type(3) > svg 			{color: #000000;}
.editor a:nth-of-type(3) > i:hover, .editor a:nth-of-type(3) > svg:hover 	{color: #FFC107;}
.editor a:nth-of-type(4) > i, 		.editor a:nth-of-type(4) > svg 			{color: #000000;}
.editor a:nth-of-type(4) > i:hover, .editor a:nth-of-type(4) > svg:hover 	{color: green;}
.editor a:nth-of-type(5) > i, 		.editor a:nth-of-type(5) > svg 			{color: #000000;}
.editor a:nth-of-type(5) > i:hover, .editor a:nth-of-type(5) > svg:hover 	{color: #cc00cc;}
.editor a:last-of-type > i,   		.editor a:last-of-type > svg	 		{color: #9a0000;}
.editor a:last-of-type > i:hover,   .editor a:last-of-type > svg:hover		{color: red;}

.h_admin 
{
	position: 	absolute;
	display:	block;
	z-index: 	2500;
	top: 	4px;
	right: 	5px;
	width: 	72px;
	height: 32px;
}
.editor_c
{
	z-index: 	99000; 
	display:	block; 
	width:  36px; 
	height: 26px; 
	left: 	Calc( 0vw - 4px ); 
	position: 	fixed; 
	top: 	Calc( 285px ); 
	background-color: white; 
	color:  black; 
	border: 1px black ridge; 
	border-radius: 2px;
}

.editor_c i, .editor_c svg, .editor_c a
{
	display: inline-block;
	color: #650000;
    -webkit-transition: 300ms ease-in-out;
    transition:	300ms ease-in-out;
	font-size:  18px;
	padding: 1px;
	padding-left: 1px;
	padding-right: 1px;
	padding-top: 1px;
	margin: 1px;
	text-decoration: none;
	font-weight: 900;
	height: 20px;
}

.editor_c a:hover,
.editor_c a:hover > svg,
.editor_c a:hover > i
{
	color: #e20000;
	display: inline-block;
	position: relative;
	font-size:  20px;
	width: 24px;
	background-color: whitesmoke;
    -webkit-transition: 300ms ease-in-out;
    transition:	300ms ease-in-out;
	margin: 0px;
	padding: 2px;
	padding-left: 0px;
	padding-right: 0px;
}
.editor_c a:hover
{
	box-shadow: 0px 3px 3px black;
	border-radius: 2px;
}

.editor_settings
{
	z-index: 	99000; 
	display:	block; 
	width:  36px; 
	height: 26px; 
	left: 	Calc( 0vw - 4px ); 
	position: 	fixed; 
	top: 	Calc( 320px ); 
	background-color: white; 
	color:  black; 
	border: 1px black ridge; 
	border-radius: 2px;
}

.editor_settings i, .editor_settings svg, .editor_settings a
{
	display: inline-block;
	color: #757575;
    -webkit-transition: 300ms ease-in-out;
    transition:	300ms ease-in-out;
	font-size:  18px;
	padding: 1px;
	padding-left: 1px;
	padding-right: 1px;
	padding-top: 1px;
	margin: 1px;
	text-decoration: none;
	font-weight: 900;
	height: 20px;
}

.editor_settings a:hover,
.editor_settings a:hover > svg,
.editor_settings a:hover > i
{
	color: #673AB7;
	display: inline-block;
	position: relative;
	font-size:  20px;
	width: 24px;
	background-color: whitesmoke;
    -webkit-transition: 300ms ease-in-out;
    transition:	300ms ease-in-out;
	margin: 0px;
	padding: 2px;
	padding-left: 0px;
	padding-right: 0px;
    -webkit-transition: 300ms ease-in-out;
    transition:	300ms ease-in-out;
}
.editor_settings a:hover > svg,
.editor_settings a:hover > i
{
    transform: rotate(90deg);
    background: none;
}
.editor_settings a:hover
{
	box-shadow: 0px 3px 3px black;
	border-radius: 2px;
}


.editor a:hover:after,
.editor_c a:hover:after,
.editor_settings a:hover:after
{
	color: black; 
	content: " Placeholder "; 
	background-color: #ffffff; 
	border: 1px black solid; 
	border-radius: 1px;
	position: absolute; 
	z-index: 99999; 
	box-shadow: 0px 3px 3px black;
	display: block;
	padding: 2px;
	left: 36px;
	top: 16px;
	min-width: 5px;
	min-height: 8px;
	font-size: 9px;
	white-space: nowrap;
}
.editor a:nth-of-type(1):hover:after	{ content: "Edit page"; }
.editor a:nth-of-type(2):hover:after	{ content: "New page"; }
.editor a:nth-of-type(3):hover:after	{ content: "Folder manager"; }
.editor a:nth-of-type(4):hover:after	{ content: "Save page"; }
.editor a:nth-of-type(5):hover:after	{ content: "Cancel"; }
.editor a:last-of-type:hover:after		{ content: "Log out"; }
.editor_c a:hover:after					{ content: "Clear cache"; }
.editor_settings a:hover:after			{ content: "Site settings & configuration"; }

.editor a.e_gray svg
{
	color: #80808054;
}
.editor a.e_gray
{
	cursor: default;
}
.editor a.e_gray:hover > svg
{
	color: #80808054;
	box-shadow: none;
	background: none;
	font-size: 17px;
	padding-top: 5px;
}
.editor a.e_gray:hover:after
{
	opacity: 0.35;
	font-style: italic;
	background: lightgrey;
}

textarea.to_edit
{
	display: none;
	/*display: block;*/
	position: relative;
	padding: 4px;
	width: Calc( 100% + 24px );
	left: -16px;
	height: Calc( 100vh - 112px);
	background: black;
	top: 0px;
	resize: none;
	color: #73d600;
}

#edit_form .edit_filename
{
	display: block;
	position: fixed;
	top: 64px;
	left: 48px;
	font-weight: 600;
}
#edit_form .edit_filename input
{
	font-weight: 100;
	font-size: 9px;
	padding-left: 5px;
	padding-right: 5px;
	border: 1px solid black;
	width: 80px;
	height: 14px;
	background-color: whitesmoke;
}
#edit_form .edit_filename input:disabled
{
	background-color: lightgray;
	font-style: italic;
}

#cke_editor_field
{
	display: block;
	position: relative;
	width: Calc( 100% + 64px - 2px );
	left: -32px;
	margin-top: -10px;
	margin-bottom: -24px;
}

 
 /* ------------------------------------------------------ | END | MS-Zasada : editor.css ------------------------------------------------------  */ 
 
 /* ------------------------------------------------------ |START| MS-Zasada : elements.css ------------------------------------------------------  */ 
 
 /*-----------------------*/
/* Nikola Nejedlý - 2018 */
/*-----------------------*/

img{
	display:			block;
	float:				right;
	position:			relative;
	margin: 			10px;
	margin-left: 		15px;
	margin-top:  		10px;
	margin-bottom: 		10px;
	border: 			1px solid #000;
	background-color: 	#135;
	width: initial;
}


.center
{
	margin: 	0px;
	padding:	0px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.r_column{
	display:		inline-block;
	width: 			Calc( 49% );	
	right: 			0;	
	padding-left: 	5px;
	top: 			0;
	vertical-align: top;
	margin-left: 	-3px;
}
.r_column_small{
	display: 		inline-block;
	width: 			Calc( 24% );	
	right: 			0;	
	left: 			initial;
	padding-left: 	15px;
	top: 			0;
	vertical-align: top;
}
.r_column_big{
	display: 		inline-block;
	width: 			Calc( 74% );	
	right: 			0;	
	top: 			0;
	vertical-align: top;
	margin-left: 	-3px;
}
.l_column{
	display: 		inline-block;
	width: 			Calc( 49% );	
	left: 			0;	
	padding-right: 	5px;
	top: 			0;
	vertical-align: top;
}
.l_column_small{
	display: 		inline-block;
	width: 			Calc( 24% );	
	left: 			0;	
	padding-right: 	15px;
	top: 			0;
	vertical-align: top;
}
.l_column_big{
	display: 		inline-block;
	width: 			Calc( 74% );	
	left: 			0;	
	right: 			initial;
	top: 			0;
	vertical-align: top;
	margin-right: 	-3px;
}


.h_admin
{
	right: 80px;
	position:fixed;
	display:block;
}
.h_admin .button
{
	height: 48px;
	min-width: 48px;
}



span 		{}
strong		{ font-weight:	800;			}
b 			{ font-weight:	800;			}
u 			{ text-decoration: underline;	}
i			{ font-style: 	italic;			}
p			{ text-align: 	justify;		}
br 			{ display: initial;				}
.left 		{ text-align: 	left; 			}
.right		{ text-align: 	right;			}
.floatleft 	{ float: 		left; 			}
.floatright	{ float: 		right;			}

.full_w 	{ width: 		100%; 			}
.full_h 	{ height: 		100%; 			}
.full_vw 	{ width: 		100vw;			}
.full_vh 	{ height: 		100vh;			}

.null_m		{ margin: 		0;				}
.null_p		{ padding: 		0;				}
.null_border{ border: 		none;			}
.null_bg	{ background:	none;			}
.null_bg_col{ background-color:		none;	}
.null_float { float:		none;			}




 
 /* ------------------------------------------------------ | END | MS-Zasada : elements.css ------------------------------------------------------  */ 
 
 /* ------------------------------------------------------ |START| MS-Zasada : footer.css ------------------------------------------------------  */ 
 
 /*-----------------------*/
/* Nikola Nejedlý - 2017 */
/*-----------------------*/

footer
{
	position:	relative;
	display:	block;
	width:		100%;	
	background: url('../img/background_foot.png');
	background-position: bottom;
	background-repeat: no-repeat;
	color:		black;
	font-size:	16px;
	padding-bottom: 2px;
	font-weight: bold;
	overflow: hidden;
	font-family: "Amatic_SC", Tahoma;
	border: 	none;
	height: 	500px;
}
footer:before
{
	display: block;
	position: absolute;
	content: "";
	right: Calc( 50% - 400px );
	width: 200px;
	height: 200px;
	bottom: 315px;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url('../img/Assets/assets_MSZasada/hvezdice.png');
}
.footing
{
	position: 	relative;
	display: 	block;
	color: 		black;
	top: 	    Calc( 500px - 64px - 12px);
	padding:    0;
	width: 		100%;
	height: 	Calc( 100% - 24px );
	padding-top: 32px;
	padding-bottom: 32px;
	background-color: transparent;
	height: auto;
	text-align: center;
}
.footing a,
.footing
{
	color: #2b5000;
}
.footing a:hover
{
	color: #366500;
}
.KSSWF
{
	display: none;
}
.black_filler
{
	display: none;
}
footer img
{
	display: none;
}
 
 
 /* ------------------------------------------------------ | END | MS-Zasada : footer.css ------------------------------------------------------  */ 
 
 /* ------------------------------------------------------ |START| MS-Zasada : gallery.css ------------------------------------------------------  */ 
 
 /*--------------------------------------*/
/*            Nikola Nejedlý            */
/*                 2018                 */
/*--------------------------------------*/

.gallery_single,
.gallery_single img
{
	display: inline-block;
	margin: 5px;
	width: 315px;
	height: 205px;
	object-fit: cover;
	position: relative;
}
.gallery_single
{
	margin-top: 100px;
}
.gallery_single a b
{
	display: inline-block;
	margin: 6px;
	width: 300px;
	text-align: center;
    word-break: keep-all;
	text-decoration: none;
	color: green;
	position: relative;
	font-size: 20px;
}
.gallery_single:nth-of-type(1n) a b {color: #c6333e;   }
.gallery_single:nth-of-type(2n) a b {color: #794093;}
.gallery_single:nth-of-type(3n) a b {color: #20abe7;  }
.gallery_single:nth-of-type(4n) a b {color: #ec6438;}
.gallery_single:nth-of-type(5n) a b {color: #a3c93b; }
.gallery_single:nth-of-type(6n) a b {color: #f9ed38;}
.gallery_single:after
{
	content:  url("../img/Assets/Akce_MSZASADA-assets/ram_cerveny.png");
	display:  block;
	position: absolute;
	z-index: 64;
	margin-top: -310px;
	margin-left: -2px;
	pointer-events: none;
}
.gallery_single:nth-of-type(1n):after{ content:  url("../img/Assets/Akce_MSZASADA-assets/ram_cerveny.png"); }
.gallery_single:nth-of-type(2n):after{ content:  url("../img/Assets/Akce_MSZASADA-assets/ram_fialovy.png"); }
.gallery_single:nth-of-type(3n):after{ content:  url("../img/Assets/Akce_MSZASADA-assets/ram_modry.png"); }
.gallery_single:nth-of-type(4n):after{ content:  url("../img/Assets/Akce_MSZASADA-assets/ram_oranzovy.png"); }
.gallery_single:nth-of-type(5n):after{ content:  url("../img/Assets/Akce_MSZASADA-assets/ram_zeleny.png"); }
.gallery_single:nth-of-type(6n):after{ content:  url("../img/Assets/Akce_MSZASADA-assets/ram_zluty.png"); }
.gallery_single_wrap
{
	display: block;
	margin: 10px;
	left: Calc( 50% - 500px );
	width: 1000px;
	text-align: center;
	position: relative;
}
.img_gallery
{
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	display: 	block;
	position: 	relative;
	width: 		Calc( 1100px );
	left: 		Calc( 50% - 550px );
	background-color:	none;
	border: 			none;
}
.img_gallery #wrap
{
	background-color:#d0d0d0;
	display: 	inline-block;
	width: 		315px;
	height: 	210px;
	border: 	none;
	box-shadow: none;
	margin-top: 24px;
}
.img_gallery #wrap:after
{
	content:  url("../img/Assets/ram_bezsnurek-assets/cerveny.png");
	display:  block;
	position: absolute;
	z-index: 64;
	margin-top: -222px;
	margin-left: -2px;
	width: 100px;
	height: 64px;
	object-fit: contain;
	pointer-events: none;
}
.img_gallery #wrap:nth-of-type(2n):after
{	
	content:  url("../img/Assets/ram_bezsnurek-assets/modry.png");	
}
.img_gallery #wrap:nth-of-type(3n):after
{	
	content:  url("../img/Assets/ram_bezsnurek-assets/zeleny.png");	
}
.img_gallery #wrap:nth-of-type(4n):after
{	
	content:  url("../img/Assets/ram_bezsnurek-assets/zluty.png");	
}
.img_gallery #wrap:nth-of-type(5n):after
{	
	content:  url("../img/Assets/ram_bezsnurek-assets/fialovy.png");	
}
.img_gallery #wrap:nth-of-type(6n):after
{	
	content:  url("../img/Assets/ram_bezsnurek-assets/oranzovy.png");	
}
.img_gallery img
{
	height: 			100%;
	width:				100%;
	object-fit: 		cover;
	background: 		none;
	background-color:	none;
	display: 			block;
	border: 			0px none;
	border-radius:		0px;
	padding:			4px;
	background: 		whitesmoke;
	filter:             grayscale(0%);
	margin:			    0px;
	left: 				-4px;
	top: 				-4px;
    -webkit-transition: 300ms ease-in-out;
    transition:	300ms ease-in-out;
	
}
#canvas_bg
{
	z-index: 50000;
	position: fixed;
	background: black;
	display: block;
	width: 100vw;
	height: 100vh;
	opacity: 0.8;
	top: 0;
	left: 0;
    transition:	all 200ms ease-in-out;
}
#canvas
{
	z-index: 51000;
	position: fixed;
	display: block;
	width: 90vw;
	height: 90vh;
	left: 5vw;
	top: 5vh;
	opacity: 1;
	background-color: none;
	background-position: center;
    transition:	all 200ms ease-in-out;
}
#a_close, #a_left, #a_right
{
	position: fixed;
	display:  block;
	z-index: 5000;
	top: Calc( 50vh - 20px );
	left: 5vw;
	width: 40px;
	height: 40px;
    transition:	all 200ms ease-in-out;
}
#a_right
{
	left: Calc( 93vw );
    transition:	all 200ms ease-in-out;
}
#a_close
{
	left: 90vw;
	top: 10vh;
    transition:	all 200ms ease-in-out;
}
#a_close a 
{
	color: red;
	opacity: 0.3;
    transition:	all 200ms ease-in-out;
}
#a_close a:hover
{
	color: red;
	opacity: 0.85;
    transition:	all 200ms ease-in-out;
}
#a_left a, #a_right a
{
	color: white;
	opacity: 0.3;
    transition:	all 200ms ease-in-out;
}
#a_left a:hover,
#a_right a:hover
{
	color: white;
	opacity: 0.85;
    transition:	all 200ms ease-in-out;
}
.img_gallery #wrap:active #underwrap
{
	z-index:			3001;
	position: 			fixed;
	width:				100vw;
	height:         	100vh;
	display: 			block;
	padding: 			0px;
	opacity:			0.5;
	background-color:	black;
	top:				0;
	left:				0;
}
#underwrap
{
	position: 			fixed;
	padding: 			0px;
	top:	    		0;
	left:				0px;
	width:				100vw;
	height:				100vh;
	opacity:			0;
	background-color:	black;
	z-index:			-10;
    -webkit-transition: 300ms ease-in-out;
    transition:	300ms ease-in-out;
}
.img_gallery #wrap:hover
{
	background-color:   hsla(207, 92%, 45%, 1);
    border-style: 		none;
    box-shadow: none;
	border-radius: 6px;
}
.img_gallery #wrap:nth-of-type(2n):hover
{
	background:	 	hsla(54, 99%, 38%, 1);
}
.img_gallery #wrap:nth-of-type(3n):hover
{
	background:	 	hsla(0, 100%, 35%, 1);
}
.img_gallery #wrap:nth-of-type(4n):hover
{
	background:	 	hsla(123, 68%, 25%, 1);
}
.img_gallery img:hover
{
	height:				100%;
	width:				100%;
	filter: 			brightness(110%);
    -webkit-transition: 400ms ease-in-out;
    transition:	400ms ease-in-out;
	width:				100%;
	object-fit: 		cover;
	opacity: 1;
	left: -4px;
}
.img_gallery h3
{
	margin: 0;
	padding: 0;
	background: none;
	left: 0; 
	border: none;
	font-family: monospace;
	text-transform: capitalize;
	width: 100%;
	margin-left: -4px;
	padding-left: 8px;
	background-color: #00000042;
}


.gallery_text .g_text
{
	position: fixed;
	width: Calc( 50vw );
	text-align: center;
	left: 25vw;
	bottom: 12px;
	background: #ffffff9e;
	padding: 10px;
	border-radius: 1px;
	border: #ffffff4a 1px solid; 
    -webkit-transition: 300ms cubic-bezier(0.26, -0.49, 0.67, 0.88);
    transition:			300ms cubic-bezier(0.26, -0.49, 0.67, 0.88);
}
.gallery_text .g_text:hover
{
	opacity: 0;
}

 
 
 
 /* ------------------------------------------------------ | END | MS-Zasada : gallery.css ------------------------------------------------------  */ 
 
 /* ------------------------------------------------------ |START| MS-Zasada : gen_img.css ------------------------------------------------------  */ 
 
 /*--------------------------------------*/
/*            Nikola Nejedlý            */
/*                 2018                 */
/*--------------------------------------*/


.canvas_bg a
{
	width: 100vw;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
	white-space: nowrap;
}

.canvas_bg
{
	z-index: 50000;
	position: fixed;
	background: black;
	width: 100vw;
	height: 100vh;
	opacity: 0.9;
	top: 0;
	left: 0;
    transition:	all 200ms ease-in-out;
	white-space: nowrap;
}
.canvas_bg a:hover,
.canvas_bg:hover
{
	opacity: 0.7;
}

img.img
{
	border: none;
	float: none;
	position: relative;
	display: inline-block;
	padding: 0;
	margin: 0;
	text-align: left;
    transition:	all 200ms ease-in-out;
	white-space: nowrap;
}
a .canvas_i
{
	z-index: 50002;
	position: fixed;
	width: 80vw;
	height: 80vh;
	left: 10vw;
	top: 10vh;
	opacity: 1;
	object-fit: contain;
	background:none;
	border: none;
    transition:	all 200ms ease-in-out;
	white-space: nowrap;
}
a .canvas_i:hover
{
	/*opacity: 0.9;*/
    transition:	all 200ms ease-in-out;
	white-space: nowrap;
}
 
 /* ------------------------------------------------------ | END | MS-Zasada : gen_img.css ------------------------------------------------------  */ 
 
 /* ------------------------------------------------------ |START| MS-Zasada : infobox.css ------------------------------------------------------  */ 
 
 /*-----------------------*/
/* Nikola Nejedlý - 2018 */
/*-----------------------*/

.info {
	z-index:			5000;
	min-height:	        64px;
	width:		        320px;
	position: 			fixed;
	right: 				10px;
	top:				28px;
	/*font-family: 		'Roboto', Arial;*/
	font-size: 			12px;
	font-weight: 		normal;
	padding: 			3px 3px 3px 3px;
	margin: 			0;
	text-align: 		justify;
	font-style: 		normal;
	color: 				black;
	background: 		none;
	background-color: 	#fff;
	border: 			2px solid whitesmoke;
	border-style: 		ridge;
	border-radius:		1px;
	transition: 		opacity 500ms ease-in-out;
}
.info p
{
	position:			relative;
	margin:				0px;
	padding-left: 		38px;
	padding-right:		16px;
	padding-top:		10px;
	text-decoration:	none;
	font-size: 			12px;
	color: 				inherit;
	font-family: 		monospace, Arial;
}
.info a, 
.info a svg,
.info a i
{
	position:			absolute;
	bottom: 			0px;
	right: 				0px;
	text-decoration:	none;
	font-size: 			16px;
	color: 				#8e0000;
	margin-top:			-25px;
	margin-left:		-21px;
}
.info a:hover > svg,
.info a:hover > i
{
	font-size: 			16px;
	color: 				#cc0000;
}

.info i,
.info svg
{
	display: 			block;
	position: 			absolute;
	color: 				#000000;
	top: 				5px;
	left: 				5px;
	width:				26px;
	height:				26px;
}
.info:hover
{
	opacity: 			0.9;
	transition: 		opacity 500ms ease-in-out;
}


/*admin login stuff*/

.info form
{
	width: 60%;
	position: relative;
	display: block;
	left: Calc(50% - 105px);
	opacity: 1;
}

.info form input
{
	background-color: #efefef;
	padding: 1px;
	border: 1px solid darkgray;
}

.info form input:hover
{
	background-color: #efefef;
	border: 1px solid black;
}

.info form u
{
	display: block;
	position: relative;
	right: 35px;
	padding: 5px;
}



 
 /* ------------------------------------------------------ | END | MS-Zasada : infobox.css ------------------------------------------------------  */ 
 
 /* ------------------------------------------------------ |START| MS-Zasada : kontakt.css ------------------------------------------------------  */ 
 
 .trida_img{
  width:150px;
  height:150px;
  border:0;
  margin:10px auto;
  padding:0;
  float:none;
}

 
 /* ------------------------------------------------------ | END | MS-Zasada : kontakt.css ------------------------------------------------------  */ 
 
 /* ------------------------------------------------------ |START| MS-Zasada : loading.css ------------------------------------------------------  */ 
 
 /*--------------------------------------*/
/*            Nikola Nejedlý            */
/*                 2018                 */
/*--------------------------------------*/


.loadicon
{
	color: white;
	display: block;
	position: fixed;
	z-index: 50001;
	left: 50vw;
	top: 50vh;
}
 
 /* ------------------------------------------------------ | END | MS-Zasada : loading.css ------------------------------------------------------  */ 
 
 /* ------------------------------------------------------ |START| MS-Zasada : menu.css ------------------------------------------------------  */ 
 
 /*-----------------------*/
/* Nikola Nejedlý - 2018 */
/*-----------------------*/

#nav_wrap
{
	padding: 0 0 0 0;
	padding-left: 0px;
	background: transparent;
	color: black;
	width: Calc( 100vw );
	display: block;
	height: 120px;
	white-space: nowrap;
	top: 0;
	margin-bottom: 0px;
	transition: color 200ms cubic-bezier(0.78, 0.04, 0.14, 1.01);
	background-repeat: no-repeat;
	background-position: bottom;
	/*background-image: url('../img/Assets/assets_MSZasada/vlnkadlouha.png');*/
	background-size: 1000px 20px;
    padding-top: 5px;
}

.mainmenu, .mainmenu a
{
	z-index: 3000;
	text-align: left;
	color:black;
	border:0;
	transition: color 100ms linear;
	border: none;
}
.mainmenu ul
{
	z-index: 3000;
	list-style:none;
	position:relative;
	float:none;
	border: none;
	display: block;
	position: relative;
	left: Calc( 50% - 256px/2 - 80px*8/2 - 8px*2*8/2 );
}
.mainmenu ul li
{
	margin: 8px;
	display: inline-block;
	border: none;
	position: relative;
	width: 80px;
	height: 80px;
	text-align: center;
	border: none;
	white-space: pre-wrap;
}
.mainmenu ul li a
{
	white-space: nowrap;
	text-align: center;
	width: 80px;
	height: 80px;
	border: none;
	padding: 0;
	font-size: 20px;
	line-height: 13px;
	color: black;
	font-family: 'Amatic_SC_Bold', cursive;
}
.mainmenu ul li svg
{
	display: block;
	position: relative;
	min-width: 32px;
	left: 16px;
	padding: 8px;
	margin: 0;
	color: transparent;
	min-height: 56px;
	border: none;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain; 
	transition: cubic-bezier(0.34, -0.76, 0.63, 1.88) 300ms all;
}
.mainmenu ul li:nth-of-type(5)
{	margin-left: 256px; }


.mainmenu ul li:nth-of-type(1),
.mainmenu ul li:nth-of-type(2),
.mainmenu ul li:nth-of-type(3),
.mainmenu ul li:nth-of-type(4),
.mainmenu ul li:nth-of-type(5),
.mainmenu ul li:nth-of-type(6),
.mainmenu ul li:nth-of-type(7),
.mainmenu ul li:nth-of-type(8)
{ border: none; }

.mainmenu ul li:nth-of-type(1) > a svg
{background-image: url('../img/Assets/assets_MSZasada/n_domecek.png'); }
.mainmenu ul li:nth-of-type(2) > a svg
{background-image: url('../img/Assets/assets_MSZasada/n_kalendar.png'); }
.mainmenu ul li:nth-of-type(3) > a svg
{background-image: url('../img/Assets/assets_MSZasada/n_ruce.png');  }
.mainmenu ul li:nth-of-type(4) > a svg
{background-image: url('../img/Assets/assets_MSZasada/n_budik.png');  }
.mainmenu ul li:nth-of-type(5) > a svg
{background-image: url('../img/Assets/assets_MSZasada/n_banan.png');  }
.mainmenu ul li:nth-of-type(6) > a svg
{background-image: url('../img/Assets/assets_MSZasada/n_info.png');  }
.mainmenu ul li:nth-of-type(7) > a svg
{background-image: url('../img/Assets/assets_MSZasada/n_ohnicek.png');}
.mainmenu ul li:nth-of-type(8) > a svg
{background-image: url('../img/Assets/assets_MSZasada/n_kontakty.png'); }



/*
.mainmenu ul li:nth-of-type(1) > a svg,
.mainmenu ul li:nth-of-type(1)
{ border: none; color: #2196F3; }
.mainmenu ul li:nth-of-type(2) > a svg,
.mainmenu ul li:nth-of-type(2)
{ border: none; color: #1a8c1e; }
.mainmenu ul li:nth-of-type(3) > a svg,
.mainmenu ul li:nth-of-type(3)
{ border: none; color: #e49000; }
.mainmenu ul li:nth-of-type(4) > a svg,
.mainmenu ul li:nth-of-type(4)
{ border: none; color: #c11650; }
.mainmenu ul li:nth-of-type(5) > a svg,
.mainmenu ul li:nth-of-type(5)
{ border: none; color: #782ae4; }
.mainmenu ul li:nth-of-type(6) > a svg,
.mainmenu ul li:nth-of-type(6)
{ border: none; color: #e2cb00; }
.mainmenu ul li:nth-of-type(7) > a svg,
.mainmenu ul li:nth-of-type(7)
{ border: none; color: #d60000; }
.mainmenu ul li:nth-of-type(8) > a svg,
.mainmenu ul li:nth-of-type(8)
{ border: none; color: #003bb9; }*/

.mainmenu ul li:nth-of-type(9)
{ border: none; opacity: 0.1}

.mainmenu ul li:hover
{
	background: none;
}
.mainmenu ul li:hover > a
{ color: #383838; letter-spacing: 1px; }
.mainmenu ul li:hover > a svg
{ transform: rotate(25deg); }
 
 
 
 
 /* ------------------------------------------------------ | END | MS-Zasada : menu.css ------------------------------------------------------  */ 
 
 /* ------------------------------------------------------ |START| MS-Zasada : page_header.css ------------------------------------------------------  */ 
 
 /*-----------------------*/
/* Nikola Nejedlý - 2017 */
/*-----------------------*/


.header
{
	position:	absolute;
	display:block;
	top:0;
	width: 100%;
	height:0px;
	left: 0;
	background:black;
}
.header a img
{
	margin: 0;
	position:	absolute;
	padding: 	5px;
	z-index: 	2050;
	width: 	200px;
	top: 		10px;
	left: 		Calc( 50% - 200px/2 );
	background:	none;
	border: 	none;
	height: auto;
}

.header a img:hover
{
	top: 		4px;
	opacity: 1;
}
 
 
 /* ------------------------------------------------------ | END | MS-Zasada : page_header.css ------------------------------------------------------  */ 
 
 /* ------------------------------------------------------ |START| MS-Zasada : slideshow.css ------------------------------------------------------  */ 
 
 /*-----------------------*/
/* Nikola Nejedlý - 2018 */
/*-----------------------*/

.slideshow-container 
{
	box-sizing: border-box;
	position: 	relative;
	top: 		0px;
	display: 	block;
	margin: 0;
	height: 400px;
	width: 100%;/*Calc( 100vw );*/
	width: Calc( 1100px );
	left: 	0px;
	left: Calc( 50vw - 1100px/2 );
	text-align: center;
	padding: 0;
	overflow: hidden;
	border: none;
    margin-bottom: 40px;
	padding-top: 80px;
}
.slideshow-container:hover > .prev,
.slideshow-container:hover > .next
{
	opacity: 1;
}
.slideshow-container img {
	object-fit: contain;
	display: block;
	width:	inherit;
	height:	inherit;
	float:	none;
	margin: 0px;
	margin-top:0px;
	padding: 0px;
	left: 0;
	border: none;
	background: none;
	border-radius: 0;
	/*filter: brightness(0.7);*/
	transition: 300ms linear filter;
}
.slideshow-container img:hover
{
	/*filter: brightness(0.85);*/
	transition: 300ms linear filter;
}
.thisSlide {
    display: none;
    transition: 0.6s ease-in-out;
    height: 100%;
    width:  100%;
}

/* Next & previous buttons */
/* Next & previous buttons */
.prev, .next {
	display: block;
	cursor: pointer;
	position: relative;
	float: left;
	bottom: 220px;
	padding: 0px;
	vertical-align: middle;
	text-align:	center;
	color: white;
	font-size: 18px;
	opacity: 1;
	border-radius: 4px;
	/*border: 2px black solid;
	box-shadow: 0 0 4px black;*/
	left: 64px;
	height: 48px;
	width: 48px;
	background-color: transparent;
	background-image: url("../img/Assets/assets_MSZasada/sipkadoleva.png");
	background-position: center;
	background-repeat: no-repeat;
	z-index: 3;
}

.next svg, 
.prev svg
{
	display: none;
}

/* Position the "next button" to the right */
.next {
	float: right;
	right: 64px;
	left: auto;
	background-image: url("../img/Assets/assets_MSZasada/sipkadoprava.png");
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
	background-color: transparent;
	color: white;
	background-image: url("../img/Assets/assets_MSZasada/sipkadolevastin.png");
	background-position: center;
	background-repeat: no-repeat;
	margin: 0px;
	margin-right: 1px;
}
.next:hover 
{
	background-image: url("../img/Assets/assets_MSZasada/sipkadopravastin.png");
}

/* Caption text */
.slideshow-container .text {
	display: block;
	color: #000000;
	font-size: 24px;
	position: relative;
	bottom: 420px;
	left: 	Calc( 0 );
	width: 	50%;
	padding: 3px;
	border-radius: 2px;
	background: none;
	opacity: 1;
	text-align: left;
	cursor: default;
	font-family: 'Amatic_SC',sans-serif;
}
.slideshow-container .text b {
	display: block;
	width: 	200%;
	bottom: -20px;
	color: #000000;
	font-size: 44px;
	font-family: 'Amatic_SC_Bold',sans-serif;
	position: relative;
	font-weight: normal;	
}
/* Number text (1/3 etc) */
.numbertext 
{
	display: none;
}

/* The dots/bullets/indicators */
.dot 
{
	display: none;
}
.dot-container {
	display: block;
	text-align: center;
}
.dot-container span{
	position: relative;
}

.active, .dot:hover {
	background-color: #666;
	color: white;
	border: 1px solid black;
}

/* Fading animation / fade effect */
.fade {
	-webkit-animation-name: fadein;
	-webkit-animation-duration: 1.5s;
	/* animation-name: fadein; */
	/* animation-duration: 1.5s; */
}

@-webkit-keyframes fadein {
  from {opacity: .2} 
  to {opacity: 1}
}

@keyframes fadein {
  from {opacity: .2} 
  to {opacity: 1}
}
 
 /* ------------------------------------------------------ | END | MS-Zasada : slideshow.css ------------------------------------------------------  */ 
 
 /* ------------------------------------------------------ |START| MS-Zasada : socials.css ------------------------------------------------------  */ 
 
 /*-----------------------*/
/* Nikola Nejedlý - 2018 */
/*-----------------------*/

.socials 
{
	display: block;
	width: Calc( 100% - 10px );
	position: relative;
	background: linear-gradient(to right, #00000000, #00000017); 
	border-top: 1px dashed #0000002b;
	border-bottom: 1px dashed #0000002b;
	text-align: right;
	font-size: 12px;
	padding-right: 10px;
    -webkit-transition: 300ms ease-in-out;
    transition:	300ms ease-in-out;
}
.socials:hover
{
	background-color: #00000025; 
    -webkit-transition: 300ms ease-in-out;
    transition:	300ms ease-in-out;
}

.socials a svg,
.socials a i
{
	margin: 1px;
	margin-right: 2px;
	margin-left: 2px;
	display: inline-block;
	position: relative;
	color: black;
	background: white;
	border-radius: 3px;
    -webkit-transition: 300ms ease-in-out;
    transition:	300ms ease-in-out;
}

.socials a:hover > svg,
.socials a:hover > i
{
	color: white;
	background: black;
    -webkit-transition: 300ms ease-in-out;
    transition:	300ms ease-in-out;
}
 
 /* ------------------------------------------------------ | END | MS-Zasada : socials.css ------------------------------------------------------  */ 
 
 /* ------------------------------------------------------ |START| MS-Zasada : tables.css ------------------------------------------------------  */ 
 
 /*-----------------------*/
/* Nikola Nejedlý - 2018 */
/*-----------------------*/
/*
.text_area table
{
	display: block;
	width: 70%;
	position: relative;
	margin: 0;
	padding: 0;
	margin-right: 15%;
	margin-left: 15%;
	font-size: 17px;
}

.text_area td
{
	width: initial;
	min-width: initial;
	display: table-cell;
	position: relative;
	font-weight: normal;
	height: 48px;
	font-size: 17px;
}

.text_area td:first-child
{
	background: none;
	border: 1px solid #02a9f4;
	border-right: none;
	width: initial;
	min-width: 140px;
	padding-right: 10%;
	text-align: right;
	font-family: 'Righteous','Open Sans',cursive;
}
.text_area td:nth-child(2)
{
	width: 100%;
	min-width: 270px;
	padding-left: 10%;
	text-align: left;
}
.text_area tr:nth-of-type(even) > td:first-child
{
	border: 1px solid #1a8b1f;
	border-right: none;
}

.text_area tr > td:nth-child(2)
{
	border: 1px dashed #1a8b1f;
	border-left: none;
}
.text_area tr:nth-of-type(odd) > td:nth-child(2)
{
	border: 1px dashed #02a9f4;
	border-left: none;
}

.text_area tr:hover td
{
	padding-left: 10px;
	background: #d6000054;
	text-align: left;
}

.text_area tr:hover td:first-child
{
	padding-right: 10px;
	background: #7736e43d;
	text-align: right;
	font-size: 17px;
}

.text_area tr svg,
.text_area tr i
{
}

.text_area tr svg:hover
{
}

.text_area th
{
	background: none;
	border: 1px solid black;
	font-family: 'Righteous',cursive;
	font-weight: normal;
	text-align: left;
	padding-left: 30px;
	border-top: white 10px solid;
	border-left: none;
	border-right: none;
}


.text_area .p_kontakt
{
	width: 60%;
	left: 20%;
	display: block;
	position: relative;
	padding-top: 32px;
	padding-bottom: 32px;
}

*/

.text_area table.t_kontakt:before
{
	display: block;
	position: relative;
	width: 100px;
	height: 100px;
	content: "";
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	background-image: url("../img/Assets/assets_MSZasada/n_sluchatko.png");
	left: Calc( 50% - 50px);
}
.text_area table.t_kontakt_perso:before
{
	display: block;
	position: relative;
	width: 100px;
	height: 100px;
	content: "";
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	background-image: url("../img/Assets/assets_MSZasada/n_personal_zena.png");
	left: Calc( 100% + 10px );
	margin-bottom: 32px;
}
.text_area .t_kontakt_full
{
	left: 0;
	width: 100%;
	display: block;
	position: relative;
}

.text_area table
{
	display: block;
	position: relative;
	width: 1100px;
	text-align: center;
	left: Calc( 50% - 550px );
}
.text_area table tr
{
	display: inline-grid;
	position: relative;
	width: 33%;
	margin-top: 40px;
	margin-bottom: 40px;
}

.text_area table tr td:nth-of-type(1)
{
	border: none;
	background: none;
	font-family: "Amatic_SC_Bold", cursive;
	font-size: 32px;
	display: block;
	width: 100%;
	padding-bottom: 10px;
}
.text_area table td
{
	font-family: 'Podkova', Tahoma;
	border: none;
	background: none;
	width: 100%;
	display: block;
	vertical-align: top;
	text-align: center;
}
.text_area table td b
{
	font-weight: 900;
	padding-right: 10px;
	width: auto;
}
.text_area table tr:hover > td,
.text_area table tr:hover > td:nth-of-type(1)
{
	background: none;
	border: none;
}
div.t_kontakt_perso h6,
.text_area table.kontakt_jidla th
{
	font-family: 'Alegreya Sans SC', "HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 28px;
	font-weight: bold;
	display: block;
	background: none;
	border: none;
	color: #2195f4;	
	padding-bottom: 10px;
	text-align:center;
}
div.t_kontakt_perso:nth-of-type(3) h6
{
	color: #89ac42;	
}
div.t_kontakt_perso:nth-of-type(2) h6
{
	color: #e94e1b;	
}
div.t_kontakt_perso
{
	width: Calc( 1000px/2);
        max-width: 500px;
	height: 300px;
	display: inline-block;
	position: relative;
	vertical-align: top;
	left: Calc( 50% - 500px );
}
@media (max-width:1244px){
div.t_kontakt_perso
{
        width: 49%;
        height: 300px;
        display: inline-block;
        position: relative;
        vertical-align: top;
        left: 0;
}
}
div.t_kontakt_perso p
{
	width: Calc( 100% );
	display: block;
	position: relative;
	text-align:center;
	left: 0;
	margin: 0;
	padding: 0;
}
div.t_kontakt_perso b
{
	margin: 0;
	padding: 0;
	font-size: 20px;
	padding: 10px;
	width: Calc( 100% );
	display: block;
	position: relative;
	text-align:center;
	left: 0;
}

.text_area table.t_kontakt_perso
{
	width: Calc( 1000px / 2);
	display: inline-block;
	position: relative;
}
.text_area table.t_kontakt_perso,
.text_area table.t_kontakt_perso tr,
.text_area table.t_kontakt_perso td,
.text_area table.t_kontakt_perso th
{
	display: block;
	position: relative;
	text-align: center;
	margin: 0;
	font-family: 'Podkova', Tahoma;
	font-size: 17px;
}
.text_area table.t_kontakt_perso tr td
{
	font-family: 'Podkova', Tahoma;
	font-size: 17px;
}
.text_area table.t_kontakt_perso
{
	display: inline-block;
	width: Calc( 1000px / 2 );
	position: relative;
}
.text_area table.t_kontakt_perso tr
{
	width: Calc( 1000px / 2 );
	left: Calc( 0 );
}
.text_area table.t_kontakt_perso tr:nth-of-type(1) td
{
	display: inline-block;
	width: 49%;
	text-align: left;
	font-family: 'Podkova', Tahoma;
	font-size: 17px;
}
.text_area table.t_kontakt_perso tr:nth-of-type(1) td:nth-of-type(1)
{
	text-align: right;
}
.text_area table.t_kontakt_perso th
{
	margin-top: 16px;
	margin-bottom: 0px;
} 
.text_area table.kontakt_jidla tr,
.text_area table.kontakt_jidla tbody
{
	display: block;
	width: 100%;
	text-align:center;
	margin: 0;
}
.text_area table.kontakt_jidla td,
.text_area table.kontakt_jidla td:nth-of-type(2n-1)
{
	display: inline-block;
	width: 40%;
	text-align:right;
	font-family: "Podkova", Tahoma;
	font-size: 17px;
}
.text_area table.kontakt_jidla td
{
	text-align:left;
	font-family: "Podkova", Tahoma;
}
.text_area table.kontakt_jidla
{
	width: 550px;
	/*! left: Calc(1100px / 2); */
	display: block;
	position: relative;
	top: 0;
	margin-left: auto;
	margin-right: auto;
}
.text_area table.kontakt_jidla:after
{
/*	width: 200px;
	height: 20px;
	content: "";
	display: block;
	position: relative;
	left: Calc( 0 - 10px  );
	background-position: 0px  ;
	background-size: contain;
	background-repeat: no-repeat;
	background-image: url("../img/Assets/assets_MSZasada/vlnkadlouha.png"); 
	margin-top: 32px;
	margin-bottom: 64px; */
}

 
 /* ------------------------------------------------------ | END | MS-Zasada : tables.css ------------------------------------------------------  */ 
 
 /* ------------------------------------------------------ |START| MS-Zasada : ul_li_ol.css ------------------------------------------------------  */ 
 
 /*-----------------------*/
/* Nikola Nejedlý - 2018 */
/*-----------------------*/

ul li {}
ol li {}

.text_area ul {
}
.text_area ul ul {
}
.text_area ul ul ul {
}

.text_area ol 
{
	display: block;
	position: relative;
	width: 1000px;
	left: Calc( 50% - 500px );
	list-style-type: none;
	font-size: 17px;
}
.text_area ol ol {
}
.text_area ol ol ol {
}

.text_area ol li:before
{
	opacity: 0;
}
.text_area ol li ul li:before
{
	opacity: 0.3;
}

.text_area li
{
	list-style-type: none;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 17px;
}
.text_area li:before
{
	display: block;
	position: absolute;
	height: 16px;
	width: 32px;
	left: -16px;
	opacity: 0.25;
	background-image: url('../img/Assets/assets_MSZasada/odrazka.png');
	background-repeat: no-repeat;
	background-position: center;
	content: "";
}
.text_area ol li ul li{
	padding-left: 12px;
	list-style-type: none;
	/*border-left: green 1px solid;*/
	margin-bottom: 2px;
}

.text_area #txt ol b,
.text_area #txt ul b
{
	margin-left: -36px;
	padding: 5px;
	padding-left: 0px;
	display: block;
	position: relative;
	font-size: 27px;
	font-family: 'Amatic_SC_Bold', sans-serif, cursive;
}
.text_area ul
{
	max-width: 	Calc( 1000px - 32px );
	width: 		auto;
	left: 		Calc( 50% - 500px + 32px ); 
	display:	block;
	position:	relative;
}
/* 10 dobrých rad */


ol.desatero
{
	width: 1000px;
	left: Calc( 50% - 500px );
	position: relative;
	display: block;
    list-style-type: none;
    margin-top: 32px;
    margin-bottom: 32px;
    height: 320px;
}
ol.desatero li
{
	display: inline-block;
	position: relative;
    list-style-type: none;
    width: Calc( 50% - 64px - 2*5px - 2px - 10px );
    white-space: normal;   
    padding-right: 24px;
    left: 34px;
    padding: 5px;
	height: 52px;
	text-align: justify;
	margin: 2px;
	margin-top: -2px;
    margin-left: 0;
    vertical-align: middle;
    overflow: hidden;
}/*
ol.desatero li:hover
{
	background: whitesmoke;
	position: absolute;
	z-index: 50;
	width: Calc( 2*50% - 2*64px - 2*2*5px - 2*2px - 2*10px );
	height: 310px;
	top: 0;
	border: 1px solid #c7c7c759;
	border-radius: 5px;
}
ol.desatero li:hover > ul
{
	display: block;
	position: absolute;
	opacity: 1;
	width: 100%;
	height: 100%;
	left: 0;
	z-index: 50;
    transition: opacity 500ms ease-in-out;
}*/
ol.desatero li ul
{
	position: absolute;
	opacity: 0;
    list-style-type: none;
}
ol.desatero li:nth-of-type(1):before,
ol.desatero li:nth-of-type(2):before,
ol.desatero li:nth-of-type(3):before,
ol.desatero li:nth-of-type(4):before,
ol.desatero li:nth-of-type(5):before,
ol.desatero li:nth-of-type(6):before,
ol.desatero li:nth-of-type(7):before,
ol.desatero li:nth-of-type(8):before,
ol.desatero li:nth-of-type(9):before,
ol.desatero li:nth-of-type(10):before
{
	content: " ";
	display: block;
	float:left;
	position: relative;
	width: 32px;
	font-size: 32px;
	text-align: right;
	padding: 5px;
	padding-right: 8px;
	height: 42px;
	border-right: 2px #8080806b solid;
	margin-right: 10px;
	opacity: 1;
	background-image: none;
	font-weight: 900;
	font-family: "Amatic_SC_Bold", cursive;
}
ol.desatero li:nth-of-type(1):before
{content: "1"; color: #c11650;}
ol.desatero li:nth-of-type(2):before
{content: "2"; color: #e58f01;}
ol.desatero li:nth-of-type(3):before
{content: "3"; color: #1a8b1f;}
ol.desatero li:nth-of-type(4):before
{content: "4"; color: #7736e4;}
ol.desatero li:nth-of-type(5):before
{content: "5"; color: #2195f4;}
ol.desatero li:nth-of-type(6):before
{content: "6"; color: #013bb9;}
ol.desatero li:nth-of-type(7):before
{content: "7"; color: #d60000;}
ol.desatero li:nth-of-type(8):before
{content: "8"; color: #e2cb01;}
ol.desatero li:nth-of-type(9):before
{content: "9"; color: #795548;}
ol.desatero li:nth-of-type(10):before
{content: "10"; color: #e94e1b;}


ol.desatero li ul li:nth-of-type(n):before
{
	display: none;
	content: "";
	border: none;
}
ol.desatero li ul
{
	position: relative;
	display: block;
	width: Calc( 100% - 20px );
	border: none;
	top: 56px;
	padding: 6px;
	list-style-type: circle;
	line-height: 24px;
}
ol.desatero li ul li:nth-of-type(n)
{
	position: relative;
	display: block;
	width: Calc( 100% - 80px );
	height: auto;
	border: none;
	padding: 1px;
	list-style-type: square;
	line-height: 17px;
	background: #ffffffCC;
	margin-bottom: 3px;
	padding-left: 6px
}

ol.desatero li ul li:hover
{
	position: relative;
	border-left: 1px solid gray;
	border-radius: 0;
	padding-left: 10px;
	background: none;
	height: auto;
	width: Calc( 100% - 80px );
}
h3 ~ span
{
    width: 100%;
    display: block;
    position: inherit;
    text-align: center;
    top: -6px;
    font-size: 19px;
    letter-spacing: 1px;
    font-family: "Amatic_SC_Bold", cursive;
    color: #6f6f6f;
}
 
 
 /* ------------------------------------------------------ | END | MS-Zasada : ul_li_ol.css ------------------------------------------------------  */ 
 
 /* ------------------------------------------------------ |START| MS-Zasada : wampserver_warning_table_styling.css ------------------------------------------------------  */ 
 
 /*-----------------------*/
/* Nikola Nejedlý - 2018 */
/*-----------------------*/


.xdebug-error.xe-warning
{
	position: absolute;
	display: block;
	z-index: 9999999;
	left: 100px;
	top: 100px;
	width: Calc( 100vw - 200px );
	height: Calc( 100vh - 200px );
	border: 2px #333 solid;
	background-color: #808080ed;
}
.xdebug-error.xe-warning th
{
	padding: 2px;
	width: Calc( 100vw - 200px );
	background-color: #a50000;
	color: white;
}
.xdebug-error.xe-warning span
{
	display: none;	
}
.xdebug-error.xe-warning tbody::before
{
	display: block;
	content: "!";	
	position: absolute;
	left: -26px;
	top: -2px;
	width: 20px;
	height: 20px;
	font-family: "Fira Sans", sans-serif;
	background-color: black;
	border: 2px solid #ff0a0a;
	color: red;
	font-weight: bold;
	font-size: 15px;
}
.xdebug-error.xe-warning tr:nth-of-type(2) th
{
	background-color: #0e0e0e;
	padding-left: 20px;
	color: white;
	border: 1px solid black;
}
.xdebug-error.xe-warning tr:nth-of-type(3) th
{
	background-color: #964200;
	padding-left: 10px;
	text-align: left;
	color: white;
	border-left: 1px solid black;
}
.xdebug-error.xe-warning tr td
{
	background: whitesmoke;
	padding: 1px;
	padding-left: 14px;
	text-align: left;
	color: black;
	border-left: 1px solid black;
}
.xdebug-error.xe-warning tr th:nth-of-type(1),
.xdebug-error.xe-warning tr td:nth-of-type(1)
{
	width: 100px;
}
.xdebug-error.xe-warning tr th:nth-of-type(2),
.xdebug-error.xe-warning tr td:nth-of-type(2)
{
	width: 120px;
}
.xdebug-error.xe-warning tr th:nth-of-type(3),
.xdebug-error.xe-warning tr td:nth-of-type(3)
{
	width: 150px;
}
.xdebug-error.xe-warning tr th:nth-of-type(4),
.xdebug-error.xe-warning tr td:nth-of-type(4)
{
	width: 200px;
}
 
 /* ------------------------------------------------------ | END | MS-Zasada : wampserver_warning_table_styling.css ------------------------------------------------------  */ 
 
 /* ------------------------------------------------------ |START| MS-Zasada : z_code_h2.css ------------------------------------------------------  */ 
 
 /*-----------------------*/
/* Nikola Nejedlý - 2018 */
/*-----------------------*/

h2.code
{
	font-family: monospace, times-roman, georgia, serif;
	font-weight: 200;
	font-size: 17px;
	background: linear-gradient(to right, #9c8d76, #8c8c8c2b 10px, #bfbfbf2b 98%, #ff000000);
	margin: 5px;
	margin-left: 20px;
	margin-right: 20px;
	width: Calc( 100% - 10px );
	margin-top: -6px;
	padding-left: 14px;
	padding-top: 10px;
	padding-bottom: 10px;
	color: black;
	border: none;
	border-left: 1px black solid;
}

h2.code .fce 	,.code .fce 	{color: #840000;}
h2.code .int 	,.code .int		{color: #0045a5;}
h2.code .string ,.code .string 	{color: #00790b;}
h2.code .bool 	,.code .bool 	{color: #8c009a;}
h2.code .float 	,.code .float 	{color: #0084a5;}
h2.code .char 	,.code .char 	{color: #078e00;}
h2.code .var 	,.code .var 	{color: #7c9a90;}

h2.code{ opacity: 1; }

p .fce 		{color: #840000; background:#ffeac8; padding: 0 3px 0 3px;}
p .int 		{color: #0045a5; background:#ffeac8; padding: 0 3px 0 3px;}
p .string 	{color: #00790b; background:#ffeac8; padding: 0 3px 0 3px;}
p .bool 	{color: #8c009a; background:#ffeac8; padding: 0 3px 0 3px;}
p .float 	{color: #0084a5; background:#ffeac8; padding: 0 3px 0 3px;}
p .char 	{color: #078e00; background:#ffeac8; padding: 0 3px 0 3px;}
p .var 		{color: #7c9a90; background:#ffeac8; padding: 0 3px 0 3px;}
p .function	{color: #636363; background:#ffeac8a6; padding: 0 3px 0 3px;}
p.code		{color: black;	 background:#ffeac8;   padding: 0 3px 0 3px; font-weight: 800;}
p span + i	
{
	color: black; 	 
	background:#ffeac8;   
	padding: 0 5px 0 5px; 
	font-weight: 800;	 
	text-decoration: none; 	
	font-style: normal;
	margin-left: -3px;
}
p span + b
{
	color: black; 	 
	background:#ffeac8a6;  
	padding: 0 5px 0 5px; 
	font-weight: 800;	 
	text-decoration: none; 	
	font-style: normal;
	margin-left: -3px;
}
p span + b:after
{
	content: "(...)";
}

 
 /* ------------------------------------------------------ | END | MS-Zasada : z_code_h2.css ------------------------------------------------------  */ 
 
 /* ------------------------------------------------------ < MEDIA DEF > ------------------------------------------------------  */ 
 
 
 /* ------------------------------------------------------ < MEDIA > ------------------------------------------------------  */ 
 
 
 /* ------------------------------------------------------ |START| MS-Zasada - media : 00_intro.css ------------------------------------------------------  */ 
 
 /*-----------------------*/
/* Nikola Nejedlý - 2018 */
/*-----------------------*/

@media only screen and (max-width: 1024px) 
{
/*  ... next files ... */ 



.jidel_date
{
}
.edit_jidelnicek input
{
}
.edit_jidelnicek img,
.jidelnicek img
{
}

.edit_jidelnicek,
.jidelnicek
{
	width: Calc( 100% - 32px - 4px );
	display: block;
	position: relative;
	left: 0;
	border: 2px solid black;
	padding: 16px;
	padding-top: 32px;
	padding-bottom: 32px;
	margin-top: 40px;
	margin-bottom: 40px;
	border-radius: 8px;
	box-shadow: 0 0 1px;
}
.edit_jidelnicek .jidelna_den, 
.edit_jidelnicek .jidelna_jidlo,
.edit_jidelnicek .jidelna_alergeny,
.jidelnicek .jidelna_den, 
.jidelnicek .jidelna_jidlo,
.jidelnicek .jidelna_alergeny 
{
}

.edit_jidelnicek .jidelna_jidlo,
.jidelnicek .jidelna_jidlo
{
}
.edit_jidelnicek .jidelna_alergeny,
.jidelnicek .jidelna_alergeny 
{
}

.edit_jidelnicek .jidel_d,
.jidelnicek .jidel_d
{
}

.edit_jidelnicek .jidel_d b,
.jidelnicek .jidel_d b
{
}
.j_radek
{
}
.edit_jidelnicek .j input,
.jidelnicek .j
{
}
.edit_jidelnicek .a input,
.jidelnicek .a
{
}
a.edit
{
	display: block;
	width: 100px;
	position: absolute;
	right: 10px; 
	left: auto;
	padding: 0;
	margin: 0;
}
a.edit svg
{
	display: block;
	position: absolute;
	right: 10px; 
}
a.edit:hover > svg
{
}
a.jidel_print
{
	display: block;
	position: absolute;
	right: 10px; 
	left: auto;
	width: 100px;
	padding: 0;
	margin: 0;
}
a.jidel_print svg
{
	display: block;
	position: absolute;
	right: 10px; 
}
a.jidel_print:hover > svg
{
}
.edit_jidelnicek .jidelna #submit
{
}
.edit_jidelnicek .jidelna #submit:hover
{
}
.jidelnicek .jidel_d:after
{
}
.jidelnicek .jidel_d:nth-of-type(1n+5):after
{
}
.text_area .alergeny h2
{
}
.text_area .alergeny ol:nth-of-type(1),
.text_area .alergeny ol:nth-of-type(2)
{
}
.text_area .alergeny ol:nth-of-type(1) li,
.text_area .alergeny ol:nth-of-type(2) li
{
}
 
 /* ------------------------------------------------------ | END | MS-Zasada - media : 00_intro.css ------------------------------------------------------  */ 
 
 /* ------------------------------------------------------ |START| MS-Zasada - media : 01_page_header.css ------------------------------------------------------  */ 
 
 /*-----------------------*/
/* Nikola Nejedlý - 2017 */
/*-----------------------*/

.header
{
}

.header img
{
}

.header a img
{
}

.header a img:hover
{
}
 
 
 /* ------------------------------------------------------ | END | MS-Zasada - media : 01_page_header.css ------------------------------------------------------  */ 
 
 /* ------------------------------------------------------ |START| MS-Zasada - media : 02_menu.css ------------------------------------------------------  */ 
 
 /*-----------------------*/
/* Nikola Nejedlý - 2018 */
/*-----------------------*/

#nav_wrap
{
	width: Calc( 100vw );
	display: block;
	height: 120px;
	white-space: nowrap;
	top: 0;
	margin-bottom: 0px;
	transition: color 200ms cubic-bezier(0.78, 0.04, 0.14, 1.01);
	background-size: 800px 10px;
}

.mainmenu, .mainmenu a
{
	z-index: 3000;
	text-align: left;
	color:black;
	border:0;
	transition: color 100ms linear;
	border: none;
}
.mainmenu ul
{
	left: Calc( 50% - 256px/2 - 64px*8/2 - 4px*2*8/2 );
}
.mainmenu ul li
{
	margin: 4px;
	width: 64px;
	height: 64px;
}
.mainmenu ul li a
{
	width: 64px;
	height: 64px;
}
.mainmenu ul li svg
{
	left: 8px;
	padding: 8px;
	min-height: 45px;
}
.mainmenu ul li:nth-of-type(5)
{	margin-left: 256px; }

.mainmenu ul li:hover > a
{ }
.mainmenu ul li:hover > a svg
{  }



 
 /* ------------------------------------------------------ | END | MS-Zasada - media : 02_menu.css ------------------------------------------------------  */ 
 
 /* ------------------------------------------------------ |START| MS-Zasada - media : 03_page-body.css ------------------------------------------------------  */ 
 
 /*-----------------------*/
/* Nikola Nejedlý - 2018 */
/*-----------------------*/

hr, .text_area hr
{
}

.text_area 
{ 
	top: 0px;
	left: 0px; 
	width: 100vw;
	min-width: 100vw;
	margin: 0;
	padding: 0;
}

.text_area #txt
{
	padding-left: 0px;
	padding-right: 0px;
	width: Calc( 100vw );
}

.text_area#txt b
{
}
.text_area#txt img /* THIS ONLY APPLIES TO ADMIN EDITOR */
{
}
.text_area#txt i,
.text_area#txt b,
.text_area#txt strong,
.text_area#txt p,
.text_area#txt ul,
.text_area#txt ol,
.text_area#txt li/* THIS ONLY APPLIES TO ADMIN EDITOR */
{
}

.text_area p
{    
	text-align: justify;
    text-indent: 0px;
    margin: 0;
    font-size: 17px;
    width: 100vw;
    padding-left: 32px;
    padding-right: 32px;
    left: Calc( 0px );
    display: block;
    position: relative;
}

 
 /* ------------------------------------------------------ | END | MS-Zasada - media : 03_page-body.css ------------------------------------------------------  */ 
 
 /* ------------------------------------------------------ |START| MS-Zasada - media : 04_headers.css ------------------------------------------------------  */ 
 
 /*-----------------------*/
/* Nikola Nejedlý - 2018 */
/*-----------------------*/

/*RESETOR - START*/
.text_area h1,.text_area h2,.text_area h3,.text_area h4,.text_area h5,.text_area h6,
.text_area#txt h1,.text_area#txt h2,.text_area#txt h3,.text_area#txt h4,.text_area#txt h5,.text_area#txt h6
{
}
/*RESETOR - END*/

.text_area h1,
.text_area#txt h1
{
}

.text_area h2,
.text_area#txt h2
{
}

.text_area h3,
.text_area#txt h3
{
}

.text_area h4,
.text_area#txt h4
{
}
 
 /* ------------------------------------------------------ | END | MS-Zasada - media : 04_headers.css ------------------------------------------------------  */ 
 
 /* ------------------------------------------------------ |START| MS-Zasada - media : 05_a-urls.css ------------------------------------------------------  */ 
 
 /*-----------------------*/
/* Nikola Nejedlý - 2018 */
/*-----------------------*/

a:link {
} 

a:visited {
}

a:hover {
} 

 
 /* ------------------------------------------------------ | END | MS-Zasada - media : 05_a-urls.css ------------------------------------------------------  */ 
 
 /* ------------------------------------------------------ |START| MS-Zasada - media : 06_basics.css ------------------------------------------------------  */ 
 
 /*-----------------------*/
/* Nikola Nejedlý - 2018 */
/*-----------------------*/


span 		{}
div			{}
strong		{}
b 			{}
u 			{}
i			{}
p			{}
br 			{}
 
 /* ------------------------------------------------------ | END | MS-Zasada - media : 06_basics.css ------------------------------------------------------  */ 
 
 /* ------------------------------------------------------ |START| MS-Zasada - media : 07_sub_sup.css ------------------------------------------------------  */ 
 
 /*-----------------------*/
/* Nikola Nejedlý - 2018 */
/*-----------------------*/

sub, sup 
{
}
sup {}
sub {}
 
 /* ------------------------------------------------------ | END | MS-Zasada - media : 07_sub_sup.css ------------------------------------------------------  */ 
 
 /* ------------------------------------------------------ |START| MS-Zasada - media : 08_img.css ------------------------------------------------------  */ 
 
 /*-----------------------*/
/* Nikola Nejedlý - 2018 */
/*-----------------------*/

img
{
}

a:hover > img
{
}

.error_img
{
}
 
 /* ------------------------------------------------------ | END | MS-Zasada - media : 08_img.css ------------------------------------------------------  */ 
 
 /* ------------------------------------------------------ |START| MS-Zasada - media : 09_elements.css ------------------------------------------------------  */ 
 
 /*-----------------------*/
/* Nikola Nejedlý - 2018 */
/*-----------------------*/

.center
{
}

.r_column
{
}
.r_column_small
{
}
.r_column_big
{
}
.l_column
{
}
.l_column_small
{
}
.l_column_big
{
}

.left 		{}
.right		{}
.floatleft 	{}
.floatright	{}

.full_w 	{}
.full_h 	{}
.full_vw 	{}
.full_vh 	{}

.null_m		{}
.null_p		{}
.null_border{}
.null_bg	{}
.null_bg_col{}
.null_float {}



.hover-invert,
.hover-invert50
{
}
.hover-invert:hover
{
}
.hover-invert50:hover
{
}

.h_admin
{
}
.h_admin .button
{
}

pre code * 
{
}
pre code
{
	font-size: 12px;
	min-height: 48px;
}




 
 /* ------------------------------------------------------ | END | MS-Zasada - media : 09_elements.css ------------------------------------------------------  */ 
 
 /* ------------------------------------------------------ |START| MS-Zasada - media : 10_tables.css ------------------------------------------------------  */ 
 
 /*-----------------------*/
/* Nikola Nejedlý - 2018 */
/*-----------------------*/

.text_area table
{
}

.text_area td
{
}

.text_area td:first-child
{
}

.text_area tr:hover td
{
}

.text_area tr:hover td:first-child
{
}

.text_area th
{
}

 
 /* ------------------------------------------------------ | END | MS-Zasada - media : 10_tables.css ------------------------------------------------------  */ 
 
 /* ------------------------------------------------------ |START| MS-Zasada - media : 11_ul_li_ol.css ------------------------------------------------------  */ 
 
 /*-----------------------*/
/* Nikola Nejedlý - 2018 */
/*-----------------------*/

ul li 
{
}
ol li 
{
}

.text_area ul ul 
{
}
.text_area ul ul ul 
{
}

.text_area ol 
{
	width: 100%;
	left: 0;
}
.text_area ol ol 
{
}
.text_area ol ol ol 
{
}

.text_area li
{
}
.text_area ul
{
	max-width: 	Calc( 100% );
	width: 		auto;
	left: 		0;
}
.text_area #txt ol b,
.text_area #txt ul b
{
	margin-left: 0px;
	padding: 5px;
	padding-left: 16px;
}

/* 10 dobrých rad */


ol.desatero
{
	width: 100%;
	left: 0px;
	position: relative;
	display: block;
    list-style-type: none;
    margin-top: 32px;
    margin-bottom: 32px;
    height: auto;
}
ol.desatero li
{
	display: block;
	position: relative;
    list-style-type: none;
    width: Calc( 100% - 64px - 2*5px - 2px - 10px );
    white-space: normal;   
    padding-right: 24px;
    left: 34px;
    padding: 5px;
	height: 64px;
	text-align: justify;
    overflow: hidden;
}
 
 /* ------------------------------------------------------ | END | MS-Zasada - media : 11_ul_li_ol.css ------------------------------------------------------  */ 
 
 /* ------------------------------------------------------ |START| MS-Zasada - media : 12_quotes.css ------------------------------------------------------  */ 
 
 /*-----------------------*/
/* Nikola Nejedlý - 2018 */
/*-----------------------*/

.text_area blockquote 
{
    width: Calc( 100% - 10px - 2*90px - 4px );
    margin: 5px;
    padding: 20px;
    padding-left: 90px;
    padding-right: 90px;
    left: 0;
    margin-top: 120px;
    margin-bottom: 120px;
}
.text_area blockquote p:nth-child(1),
.text_area blockquote p:nth-child(2) {
    width: auto;
    left: auto;
}
blockquote:before 
{
}
blockquote cite:before 
{
}
blockquote cite 
{
}
 
 /* ------------------------------------------------------ | END | MS-Zasada - media : 12_quotes.css ------------------------------------------------------  */ 
 
 /* ------------------------------------------------------ |START| MS-Zasada - media : 20_func-bc_nav.css ------------------------------------------------------  */ 
 
 /*-----------------------*/
/* Nikola Nejedlý - 2018 */
/*-----------------------*/

.bcnav
{
}
.bcnav_p
{
}
.bcnav_p:first-letter
{
}
.bcnav_p a
{
}
.bcnav_p a:hover
{
}
 
 /* ------------------------------------------------------ | END | MS-Zasada - media : 20_func-bc_nav.css ------------------------------------------------------  */ 
 
 /* ------------------------------------------------------ |START| MS-Zasada - media : 21_func-button.css ------------------------------------------------------  */ 
 
 /*--------------------------*/
/* Nikola Nejedlý - 2017/18 */
/*--------------------------*/

.button 
{
height: 24px;
}
.button:hover 
{
}
.button i, .button svg
{
}
.button a
{
	color: white;
	font-style: normal;
	font-weight: normal;
}
.button #table /* redundant filler for styling */
{
}
.button #cell
{
}
 
 /* ------------------------------------------------------ | END | MS-Zasada - media : 21_func-button.css ------------------------------------------------------  */ 
 
 /* ------------------------------------------------------ |START| MS-Zasada - media : 22_func-gallery.css ------------------------------------------------------  */ 
 
 /*--------------------------------------*/
/*            Nikola Nejedlý            */
/*                 2018                 */
/*--------------------------------------*/

.img_gallery
{
}
.img_gallery #wrap
{
}

.img_gallery img
{
	
}
#canvas_bg
{
}
#canvas
{
}
#a_close, #a_left, #a_right
{
}
#a_right
{
}
#a_close
{
}
#a_close a 
{
}
#a_close a:hover
{
}
#a_left a, #a_right a
{
}
#a_left a:hover,
#a_right a:hover
{
}
.img_gallery #wrap:active #underwrap
{
}
#underwrap
{
}
.img_gallery #wrap:hover
{
}
.img_gallery img:hover
{
}
.img_gallery h3
{
}

.gallery_text .g_text
{
}
.gallery_text .g_text:hover
{
}

 
 
 /* ------------------------------------------------------ | END | MS-Zasada - media : 22_func-gallery.css ------------------------------------------------------  */ 
 
 /* ------------------------------------------------------ |START| MS-Zasada - media : 23_func-slideshow.css ------------------------------------------------------  */ 
 
 /*-----------------------*/
/* Nikola Nejedlý - 2018 */
/*-----------------------*/

.slideshow-container 
{
	margin: 0;
	height: 400px;
	width: 100%;
	left: 	0px;
	padding: 24px 0 0 24px;
    margin-bottom: 40px;
	padding-top: 80px;
}
.slideshow-container:hover > .prev,
.slideshow-container:hover > .next
{
}
.slideshow-container img {
}
.slideshow-container .text {
    width: 95%;
}
 
 /* ------------------------------------------------------ | END | MS-Zasada - media : 23_func-slideshow.css ------------------------------------------------------  */ 
 
 /* ------------------------------------------------------ |START| MS-Zasada - media : 24_func-gen_img.css ------------------------------------------------------  */ 
 
 /*--------------------------------------*/
/*            Nikola Nejedlý            */
/*                 2018                 */
/*--------------------------------------*/
//canvas setup for image generating / showing

.canvas_bg a
{
}

.canvas_bg
{
}
.canvas_bg a:hover,
.canvas_bg:hover
{
}

img.img
{
}
a .canvas_i
{
}
a .canvas_i:hover
{
}
 
 /* ------------------------------------------------------ | END | MS-Zasada - media : 24_func-gen_img.css ------------------------------------------------------  */ 
 
 /* ------------------------------------------------------ |START| MS-Zasada - media : 25_func-socials.css ------------------------------------------------------  */ 
 
 /*-----------------------*/
/* Nikola Nejedlý - 2018 */
/*-----------------------*/

.socials 
{
}
.socials:hover
{
}

.socials a svg,
.socials a i
{
}

.socials a:hover > svg,
.socials a:hover > i
{
}
 
 /* ------------------------------------------------------ | END | MS-Zasada - media : 25_func-socials.css ------------------------------------------------------  */ 
 
 /* ------------------------------------------------------ |START| MS-Zasada - media : 26_func-youtube.css ------------------------------------------------------  */ 
 
 /*-----------------------*/
/* Nikola Nejedlý - 2018 */
/*-----------------------*/

.text_area .YTvideo
{
}

.text_area iframe
{
}
 
 /* ------------------------------------------------------ | END | MS-Zasada - media : 26_func-youtube.css ------------------------------------------------------  */ 
 
 /* ------------------------------------------------------ |START| MS-Zasada - media : 30_func-infobox.css ------------------------------------------------------  */ 
 
 /*-----------------------*/
/* Nikola Nejedlý - 2018 */
/*-----------------------*/

.info {
}
.info p
{
}
.info a, 
.info a svg,
.info a i
{
}
.info a:hover > svg,
.info a:hover > i
{
}

.info i,
.info svg
{
}
.info:hover
{
}


/*admin login stuff*/

.info form
{
}

.info form input
{
}

.info form input:hover
{
}

.info form u
{
}



 
 /* ------------------------------------------------------ | END | MS-Zasada - media : 30_func-infobox.css ------------------------------------------------------  */ 
 
 /* ------------------------------------------------------ |START| MS-Zasada - media : 40_admin_parts.css ------------------------------------------------------  */ 
 
 /*-----------------------*/
/* Nikola Nejedlý - 2018 */
/*-----------------------*/

.admin_log
{
}
.admin_log:after
{
}
.admin_log:hover
{
}
.admin_log:hover:after
{
}


.admin_setup_button
{
}
.admin_setup_button:hover
{
}
.admin_setup_button:hover > a b,
.admin_setup_button:hover > a svg
{
}
.admin_setup_button a:hover
{
}
.admin_setup_button a
{
}
.admin_setup_button svg
{
}
.admin_setup_button b
{
}



 
 /* ------------------------------------------------------ | END | MS-Zasada - media : 40_admin_parts.css ------------------------------------------------------  */ 
 
 /* ------------------------------------------------------ |START| MS-Zasada - media : 41_editor.css ------------------------------------------------------  */ 
 
 /*-----------------------*/
/* Nikola Nejedlý - 2018 */
/*-----------------------*/

/* ADMIN EDITOR */

.editor
{
}

.editor a
{
}

.editor i, .editor svg
{
}
.editor i:hover, .editor svg:hover
{
}

.h_admin 
{
}
.editor_c
{
}

.editor_c i, .editor_c svg, .editor_c a
{
}
.editor_c a
{
}

.editor_c a:hover,
.editor_c a:hover > svg,
.editor_c a:hover > i
{
}
.editor_c a:hover
{
}

.editor_settings
{
}

.editor_settings i, .editor_settings svg, .editor_settings a
{
}
.editor_settings a
{
}

.editor_settings a:hover,
.editor_settings a:hover > svg,
.editor_settings a:hover > i
{
}
.editor_settings a:hover > svg,
.editor_settings a:hover > i
{
}
.editor_settings a:hover
{
}


.editor a:hover:after,
.editor_c a:hover:after,
.editor_settings a:hover:after
{
}

.editor a.e_gray svg
{
}
.editor a.e_gray
{
}
.editor a.e_gray:hover > svg
{
}
.editor a.e_gray:hover:after
{
}

textarea.to_edit
{
}

#edit_form .edit_filename
{
}
#edit_form .edit_filename input
{
}
#edit_form .edit_filename input:disabled
{
}

#cke_editor_field
{
}


 
 /* ------------------------------------------------------ | END | MS-Zasada - media : 41_editor.css ------------------------------------------------------  */ 
 
 /* ------------------------------------------------------ |START| MS-Zasada - media : 80_h2code.css ------------------------------------------------------  */ 
 
 /*-----------------------*/
/* Nikola Nejedlý - 2018 */
/*-----------------------*/

h2.code
{
	font-size: 11px;
	width: Calc( 100% - 64px );
}

h2.code .fce 	,.code .fce 	{}
h2.code .int 	,.code .int		{}
h2.code .string ,.code .string 	{}
h2.code .bool 	,.code .bool 	{}
h2.code .float 	,.code .float 	{}
h2.code .char 	,.code .char 	{}
h2.code .var 	,.code .var 	{}

h2.code{}

p .fce 		{}
p .int 		{}
p .string 	{}
p .bool 	{}
p .float 	{}
p .char 	{}
p .var 		{}
p .function	{}
p.code		{}
 
 /* ------------------------------------------------------ | END | MS-Zasada - media : 80_h2code.css ------------------------------------------------------  */ 
 
 /* ------------------------------------------------------ |START| MS-Zasada - media : 90_footer.css ------------------------------------------------------  */ 
 
 /*-----------------------*/
/* Nikola Nejedlý - 2018 */
/*-----------------------*/

footer
{
}

footer img
{
}

.KSSWF,
.footing
{
}
.KSSWF
{
}
.KSSWF a
{
}
.KSSWF a:hover
{
}
.black_filler
{
}
 
 
 /* ------------------------------------------------------ | END | MS-Zasada - media : 90_footer.css ------------------------------------------------------  */ 
 
 /* ------------------------------------------------------ |START| MS-Zasada - media : 99_loading.css ------------------------------------------------------  */ 
 
 /*--------------------------------------*/
/*            Nikola Nejedlý            */
/*                 2018                 */
/*--------------------------------------*/


.loadicon
{
}
 
 /* ------------------------------------------------------ | END | MS-Zasada - media : 99_loading.css ------------------------------------------------------  */ 
 
 /* ------------------------------------------------------ |START| MS-Zasada - media : 99a_outro.css ------------------------------------------------------  */ 
 
 /*-----------------------*/
/* Nikola Nejedlý - 2018 */
/*-----------------------*/

.box_button
{
	width: Calc( 50% - 5px - 28px - 8px );
    min-height: 200px;
    height: auto;
}
.box_button p
{
	width: 90%;
}


.text_area table.t_kontakt:before
{
}
.text_area table.t_kontakt_perso:before
{
}

.text_area table
{
	left: 0;
	width: 100%;
	padding: 0;
	margin: 0;
}
.text_area table tr
{
	width: Calc( 50% - 64px );
	padding: 32px;
}


.text_area table tr td:nth-of-type(1)
{
}
.text_area table td
{
}
.text_area table td b
{
}
.text_area table tr:hover > td,
.text_area table tr:hover > td:nth-of-type(1)
{
}
.text_area table.t_kontakt_perso th
{
}
.text_area table.t_kontakt_perso .grn
{
}
.text_area table.t_kontakt_perso,
.text_area table.t_kontakt_perso tr,
.text_area table.t_kontakt_perso td,
.text_area table.t_kontakt_perso th
{
}
.text_area table.t_kontakt_perso tr td
{
}
.text_area table.t_kontakt_perso tr
{
}
.text_area table.t_kontakt_perso tr:nth-of-type(1) td
{
}
.text_area table.t_kontakt_perso tr:nth-of-type(1) td:nth-of-type(1)
{
}
.text_area table.t_kontakt_perso th
{
} 
.text_area table.kontakt_jidla tr,
.text_area table.kontakt_jidla tbody
{
}
.text_area table.kontakt_jidla td,
.text_area table.kontakt_jidla td:nth-of-type(2n-1)
{
}
.text_area table.kontakt_jidla td
{
}
.text_area table.kontakt_jidla
{
}
.text_area table.kontakt_jidla:after
{
}

 


.box_numbers_wrap
{
}

.box_numbers
{
    width: 150px;
}
.box_numbers b
{
}
/*
.box_numbers:nth-of-type(7) svg
{background: #7736e4; }
.box_numbers:nth-of-type(6) svg
{background: #1a8b1f; }
.box_numbers:nth-of-type(5) svg
{background: #013bb9; }
.box_numbers:nth-of-type(4) svg
{background: #c11650; }
.box_numbers:nth-of-type(3) svg
{background: #e2cb01; }
.box_numbers:nth-of-type(2) svg
{background: #2195f4; }
.box_numbers:nth-of-type(1) svg
{background: #d60000; }*/

.box_numbers svg
{
	
}
.box_numbers:nth-of-type(1) svg
{
}
.box_numbers:nth-of-type(2) svg
{
}
.box_numbers:nth-of-type(3) svg
{
}
.box_numbers:nth-of-type(4) svg
{
}



/*   FORMS   */



.text_area #txt form.pswd
{
}
.text_area #txt form.pswd b
{
}
.text_area #txt form.pswd input:hover
{
}
.text_area #txt form.pswd input
{
}
.text_area #txt form.pswd input#pass:active,
.text_area #txt form.pswd input#pass:hover
{
}
.text_area #txt form.pswd input#pass
{
}


.map_google
{
	display: block;
	position: absolute;
	top: 40%;
	width: 100%;
	left: 0;
}


.text_area iframe.center.map
{
	display: block;
	position: relative;
	height: 140px;
	width: 100%;
	left: 0;
	border: 2px black solid;
	border-radius: 4px;
	box-shadow: 0 0 2px black;
}
 
.text_area iframe.center.map .gm-style
{
	height: 140px;
	width: 100%;
}
 


/* ... media end */
} 
 
 /* ------------------------------------------------------ | END | MS-Zasada - media : 99a_outro.css ------------------------------------------------------  */ 
 
 /* ------------------------------------------------------ |START| MS-Zasada - media : 00_intro.css ------------------------------------------------------  */ 
 
 /*-----------------------*/
/* Nikola Nejedlý - 2018 */
/*-----------------------*/

@media only screen and (max-width: 768px) 
{
/*  ... next files ... */ 

.blue_box 
{
    position: absolute;
    display: relative;
    width: Calc( 100% - 24px - 4px );
    height: auto;
    left: 0;
    z-index: 100;
    font-size: 26px;
    box-shadow: 0 0 10px black;
    border-radius: 5px;
    border: 2px black solid;
    font-family: 'Amatic_SC_Bold',sans-serif;
    background: #FF5722;
    margin: 0;
    padding: 12px;
    padding-left: 12px;
    padding-right: 12px;
    top: 330px;
    color: white;
}

.jidel_date
{
}
.edit_jidelnicek input
{
}
.edit_jidelnicek img,
.jidelnicek img
{
}

.edit_jidelnicek,
.jidelnicek
{
	width: Calc( 100% - 16px - 4px );
	display: block;
	position: relative;
	left: 0;
	border: 2px solid black;
	padding: 8px;
	padding-top: 32px;
	padding-bottom: 32px;
	margin-top: 40px;
	margin-bottom: 40px;
	border-radius: 8px;
	box-shadow: 0 0 1px;
}
.edit_jidelnicek .jidelna_den, 
.edit_jidelnicek .jidelna_jidlo,
.edit_jidelnicek .jidelna_alergeny,
.jidelnicek .jidelna_den, 
.jidelnicek .jidelna_jidlo,
.jidelnicek .jidelna_alergeny 
{
}

.edit_jidelnicek .jidelna_jidlo,
.jidelnicek .jidelna_jidlo
{
}
.edit_jidelnicek .jidelna_alergeny,
.jidelnicek .jidelna_alergeny 
{
}

.edit_jidelnicek .jidel_d,
.jidelnicek .jidel_d
{
}

.edit_jidelnicek .jidel_d b,
.jidelnicek .jidel_d b
{
}
.j_radek
{
}
.edit_jidelnicek .j input,
.jidelnicek .j
{
	width: auto;
	text-align:left;
	left: 64px;
	width: 60%;
	min-width: 100px;
}
.edit_jidelnicek .a input,
.jidelnicek .a
{
	width: auto;
	text-align: right;
	left: auto;
	right: 10px;
}
a.edit
{
	display: block;
	width: 32px;
	position: absolute;
	right: 16px; 
	left: auto;
	top: auto;
	margin-top: -32px;
}
a.edit svg
{
}
a.edit:hover > svg
{
}
a.jidel_print
{
	display: block;
	width: 32px;
	position: absolute;
	right: 64px; 
	left: auto;
	top: auto;
	margin-top: -32px;
}
a.jidel_print svg
{
	display: block;
	position: absolute;
	right: 10px; 
}
a.jidel_print:hover > svg
{
}
.edit_jidelnicek .jidelna #submit
{
}
.edit_jidelnicek .jidelna #submit:hover
{
}
.jidelnicek .jidel_d:after
{
}
.jidelnicek .jidel_d:nth-of-type(1n+5):after
{
}
.text_area .alergeny h2
{
	left: 16px;
}

.text_area .alergeny ol:nth-of-type(1),
.text_area .alergeny ol:nth-of-type(2)
{
	display: inline-block;
	margin: 0;
	width: Calc( 100% - 16px );
	padding: 0;
}
.text_area .alergeny ol:nth-of-type(1) li,
.text_area .alergeny ol:nth-of-type(2) li
{
	padding-top: 0;
	margin: 0;
	width: Calc( 100% - 16px );
	font-size: 12px;
}
 

.text_area #txt form.pswd
{
	width: Calc( 100vw - 4px - 20px);
	left: 0;
	display: block;
	position: relative;
	border-radius: 3px;
	margin-top: -40px;
	border: 2px solid black;
	padding: 10px;
	box-shadow: 0 0 10px black;
}
 
 
 /* ------------------------------------------------------ | END | MS-Zasada - media : 00_intro.css ------------------------------------------------------  */ 
 
 /* ------------------------------------------------------ |START| MS-Zasada - media : 01_page_header.css ------------------------------------------------------  */ 
 
 /*-----------------------*/
/* Nikola Nejedlý - 2017 */
/*-----------------------*/

.header
{
	box-shadow: 0px 10px black;
}

.header img
{
}
.header a
{
}
.header a img
{
	box-shadow: 0px 2px 16px black;
	position: fixed;
	top: 0;
	left: 0;
	margin: 0;
	height: 48px;
	background:White;
 	width: 100%;
	object-fit:contain;
}
#nav_wrap:after,
.header a img:after,
.header a:after,
.header:after
{
	background: none;
}
.header a img:hover
{
	position: fixed;
	top: 0;
}
 
 
 
 /* ------------------------------------------------------ | END | MS-Zasada - media : 01_page_header.css ------------------------------------------------------  */ 
 
 /* ------------------------------------------------------ |START| MS-Zasada - media : 02_menu.css ------------------------------------------------------  */ 
 
 /*-----------------------*/
/* Nikola Nejedlý - 2018 */
/*-----------------------*/

#nav_wrap
{
	width: Calc( 100vw );
	display: block;
    height: 64px;
	white-space: nowrap;
	top: 0;
	margin-bottom: 0px;
	transition: color 200ms cubic-bezier(0.78, 0.04, 0.14, 1.01);
	background-size: 800px 10px;
}

.mainmenu, .mainmenu a
{
	z-index: 3000;
	text-align: left;
	color:black;
	border:0;
	transition: color 100ms linear;
	border: none;
}
.mainmenu ul:before
{
	content: "MENU";
	width: 54px;
	height: 34px;
	text-align:center;
	vertical-align: middle;
	display: block;
	padding-top: 22px;
	border: 1px solid black;
	position:fixed;
	left: 0;
	color:black;
	top: 0;
	box-shadow: inset black 0px 0px 5px;
    transition: ease-in-out 200ms all;
}
.mainmenu ul:hover:before
{
	content: "MENU";
	width: 54px;
	color: white;
	height: 34px;
	text-align:center;
	vertical-align: middle;
	display: block;
	padding-top: 22px;
	border: 1px solid white;
	position:fixed;
	left: 0;
	top: 0;
	background: black;
	box-shadow: inset white 0px 0px 5px;
    transition: ease-in-out 200ms all;
}
.mainmenu ul
{
	top: 59px;
	left: -200px;
	width: 100px;
	position:fixed;
	background: white;
	height: 100vh;
	display: block;
	border-right: 1px black solid;
	box-shadow: inset black 0px 0px 5px;
    transition: ease-in-out 200ms all;
}
.mainmenu ul:hover
{
	left: 0;
    transition: ease-in-out 200ms all;
}
.mainmenu ul li
{
	padding: 0;
	margin: 0;
	margin-bottom: 16px;
	width: 100px;
	height: 28px;
}
.mainmenu ul li a
{
	margin: 0;
	padding-top: 16px;
	width: 100px;
	height: 28px;
}
.mainmenu ul li svg
{
	left: 100px;
	padding-top: 16px;
	height: 8px;
	max-height: 18px;
	min-height: 0;
	width: 10px;
	position: absolute;
}
.mainmenu ul li:nth-of-type(5)
{	
	margin-left: 0px; 
}

.mainmenu ul li:hover > a
{
	margin: 0;
	padding: 0;
	padding-top: 16px;
	height: 28px;
	magin-left: 0;
	background: black;
	left: 0px;
	display: block;
	position: relative;
	color: white;
}
.mainmenu ul li:hover > a svg
{
	left: 100px;
	padding: 5px;
	height: 16px;
	max-height: 18px;
	min-height: 0;
	width: 20px;
	position: absolute;
}


 


 
 /* ------------------------------------------------------ | END | MS-Zasada - media : 02_menu.css ------------------------------------------------------  */ 
 
 /* ------------------------------------------------------ |START| MS-Zasada - media : 03_page-body.css ------------------------------------------------------  */ 
 
 /*-----------------------*/
/* Nikola Nejedlý - 2018 */
/*-----------------------*/

hr, .text_area hr
{
}

.text_area 
{ 
	top: 0px;
	left: 0px; 
	width: 100vw;
	min-width: 100vw;
	margin: 0;
	padding: 0;
}

.text_area #txt
{
	padding-left: 0px;
	padding-right: 0px;
	width: Calc( 100vw );
}

.text_area#txt b
{
}
.text_area#txt img /* THIS ONLY APPLIES TO ADMIN EDITOR */
{
}
.text_area#txt i,
.text_area#txt b,
.text_area#txt strong,
.text_area#txt p,
.text_area#txt ul,
.text_area#txt ol,
.text_area#txt li/* THIS ONLY APPLIES TO ADMIN EDITOR */
{
}

.text_area p
{    
	text-align: justify;
    text-indent: 0px;
    margin: 0;
    font-size: 17px;
    width: Calc( 100% - 64px );
    padding-left: 32px;
    padding-right: 32px;
    left: Calc( 0px );
    display: block;
    position: relative;
}

 
 /* ------------------------------------------------------ | END | MS-Zasada - media : 03_page-body.css ------------------------------------------------------  */ 
 
 /* ------------------------------------------------------ |START| MS-Zasada - media : 04_headers.css ------------------------------------------------------  */ 
 
 /*-----------------------*/
/* Nikola Nejedlý - 2018 */
/*-----------------------*/

/*RESETOR - START*/
.text_area h1,.text_area h2,.text_area h3,.text_area h4,.text_area h5,.text_area h6,
.text_area#txt h1,.text_area#txt h2,.text_area#txt h3,.text_area#txt h4,.text_area#txt h5,.text_area#txt h6
{
}
/*RESETOR - END*/

.text_area h1,
.text_area#txt h1
{
}

.text_area h2,
.text_area#txt h2
{
}

.text_area h3,
.text_area#txt h3
{
}

.text_area h4,
.text_area#txt h4
{
}
 
 /* ------------------------------------------------------ | END | MS-Zasada - media : 04_headers.css ------------------------------------------------------  */ 
 
 /* ------------------------------------------------------ |START| MS-Zasada - media : 05_a-urls.css ------------------------------------------------------  */ 
 
 /*-----------------------*/
/* Nikola Nejedlý - 2018 */
/*-----------------------*/

a:link {
} 

a:visited {
}

a:hover {
} 

 
 /* ------------------------------------------------------ | END | MS-Zasada - media : 05_a-urls.css ------------------------------------------------------  */ 
 
 /* ------------------------------------------------------ |START| MS-Zasada - media : 06_basics.css ------------------------------------------------------  */ 
 
 /*-----------------------*/
/* Nikola Nejedlý - 2018 */
/*-----------------------*/


span 		{}
div			{}
strong		{}
b 			{}
u 			{}
i			{}
p			{}
br 			{}
 
 /* ------------------------------------------------------ | END | MS-Zasada - media : 06_basics.css ------------------------------------------------------  */ 
 
 /* ------------------------------------------------------ |START| MS-Zasada - media : 07_sub_sup.css ------------------------------------------------------  */ 
 
 /*-----------------------*/
/* Nikola Nejedlý - 2018 */
/*-----------------------*/

sub, sup 
{
}
sup {}
sub {}
 
 /* ------------------------------------------------------ | END | MS-Zasada - media : 07_sub_sup.css ------------------------------------------------------  */ 
 
 /* ------------------------------------------------------ |START| MS-Zasada - media : 08_img.css ------------------------------------------------------  */ 
 
 /*-----------------------*/
/* Nikola Nejedlý - 2018 */
/*-----------------------*/

img
{
}

a:hover > img
{
}

.error_img
{
}
 
 /* ------------------------------------------------------ | END | MS-Zasada - media : 08_img.css ------------------------------------------------------  */ 
 
 /* ------------------------------------------------------ |START| MS-Zasada - media : 09_elements.css ------------------------------------------------------  */ 
 
 /*-----------------------*/
/* Nikola Nejedlý - 2018 */
/*-----------------------*/

.center
{
}

.r_column
{
}
.r_column_small
{
}
.r_column_big
{
}
.l_column
{
}
.l_column_small
{
}
.l_column_big
{
}

.left 		{}
.right		{}
.floatleft 	{}
.floatright	{}

.full_w 	{}
.full_h 	{}
.full_vw 	{}
.full_vh 	{}

.null_m		{}
.null_p		{}
.null_border{}
.null_bg	{}
.null_bg_col{}
.null_float {}



.hover-invert,
.hover-invert50
{
}
.hover-invert:hover
{
}
.hover-invert50:hover
{
}

.h_admin
{
}
.h_admin .button
{
}

pre code * 
{
}
pre code
{
	font-size: 12px;
	min-height: 48px;
}




 
 /* ------------------------------------------------------ | END | MS-Zasada - media : 09_elements.css ------------------------------------------------------  */ 
 
 /* ------------------------------------------------------ |START| MS-Zasada - media : 10_tables.css ------------------------------------------------------  */ 
 
 /*-----------------------*/
/* Nikola Nejedlý - 2018 */
/*-----------------------*/

.text_area table
{
}

.text_area td
{
}

.text_area td:first-child
{
}

.text_area tr:hover td
{
}

.text_area tr:hover td:first-child
{
}

.text_area th
{
}

 
 /* ------------------------------------------------------ | END | MS-Zasada - media : 10_tables.css ------------------------------------------------------  */ 
 
 /* ------------------------------------------------------ |START| MS-Zasada - media : 11_ul_li_ol.css ------------------------------------------------------  */ 
 
 /*-----------------------*/
/* Nikola Nejedlý - 2018 */
/*-----------------------*/

ul li 
{
}
ol li 
{
}

.text_area ul ul 
{
}
.text_area ul ul ul 
{
}

.text_area ol 
{
	width: 100%;
	left: 0;
}
.text_area ol ol 
{
}
.text_area ol ol ol 
{
}

.text_area li
{
}
.text_area ul
{
	max-width: 	Calc( 100% );
	width: 		auto;
	left: 		0;
}
 
 /* ------------------------------------------------------ | END | MS-Zasada - media : 11_ul_li_ol.css ------------------------------------------------------  */ 
 
 /* ------------------------------------------------------ |START| MS-Zasada - media : 12_quotes.css ------------------------------------------------------  */ 
 
 /*-----------------------*/
/* Nikola Nejedlý - 2018 */
/*-----------------------*/

.text_area blockquote 
{
    width: Calc( 100% - 10px - 2*90px - 4px );
    margin: 5px;
    padding: 20px;
    padding-left: 90px;
    padding-right: 90px;
    left: 0;
    margin-top: 120px;
    margin-bottom: 120px;
}
.text_area blockquote p:nth-child(1),
.text_area blockquote p:nth-child(2) {
    width: auto;
    left: auto;
}
blockquote:before 
{
}
blockquote cite:before 
{
}
blockquote cite 
{
}
 
 /* ------------------------------------------------------ | END | MS-Zasada - media : 12_quotes.css ------------------------------------------------------  */ 
 
 /* ------------------------------------------------------ |START| MS-Zasada - media : 20_func-bc_nav.css ------------------------------------------------------  */ 
 
 /*-----------------------*/
/* Nikola Nejedlý - 2018 */
/*-----------------------*/

.bcnav
{
}
.bcnav_p
{
}
.bcnav_p:first-letter
{
}
.bcnav_p a
{
}
.bcnav_p a:hover
{
}
 
 /* ------------------------------------------------------ | END | MS-Zasada - media : 20_func-bc_nav.css ------------------------------------------------------  */ 
 
 /* ------------------------------------------------------ |START| MS-Zasada - media : 21_func-button.css ------------------------------------------------------  */ 
 
 /*--------------------------*/
/* Nikola Nejedlý - 2017/18 */
/*--------------------------*/

.button 
{
height: 24px;
}
.button:hover 
{
}
.button i, .button svg
{
}
.button a
{
	color: white;
	font-style: normal;
	font-weight: normal;
}
.button #table /* redundant filler for styling */
{
}
.button #cell
{
}
 
 /* ------------------------------------------------------ | END | MS-Zasada - media : 21_func-button.css ------------------------------------------------------  */ 
 
 /* ------------------------------------------------------ |START| MS-Zasada - media : 22_func-gallery.css ------------------------------------------------------  */ 
 
 /*--------------------------------------*/
/*            Nikola Nejedlý            */
/*                 2018                 */
/*--------------------------------------*/

.img_gallery
{
}
.img_gallery #wrap
{
}

.img_gallery img
{
	
}
#canvas_bg
{
}
#canvas
{
}
#a_close, #a_left, #a_right
{
}
#a_right
{
}
#a_close
{
}
#a_close a 
{
}
#a_close a:hover
{
}
#a_left a, #a_right a
{
}
#a_left a:hover,
#a_right a:hover
{
}
.img_gallery #wrap:active #underwrap
{
}
#underwrap
{
}
.img_gallery #wrap:hover
{
}
.img_gallery img:hover
{
}
.img_gallery h3
{
}

.gallery_text .g_text
{
}
.gallery_text .g_text:hover
{
}

 
 
 /* ------------------------------------------------------ | END | MS-Zasada - media : 22_func-gallery.css ------------------------------------------------------  */ 
 
 /* ------------------------------------------------------ |START| MS-Zasada - media : 23_func-slideshow.css ------------------------------------------------------  */ 
 
 /*-----------------------*/
/* Nikola Nejedlý - 2018 */
/*-----------------------*/

.slideshow-container 
{
	margin: 0;
	height: 400px;
	width: 100%;
	left: 	0px;
	padding: 24px 0 0 24px;
    margin-bottom: 40px;
	padding-top: 80px;
}
.slideshow-container:hover > .prev,
.slideshow-container:hover > .next
{
}
.slideshow-container .prev,
.slideshow-container .next
{
	height: 126px;
}
.slideshow-container img {
}
.slideshow-container .text {
    width: 90%;
}
 
 /* ------------------------------------------------------ | END | MS-Zasada - media : 23_func-slideshow.css ------------------------------------------------------  */ 
 
 /* ------------------------------------------------------ |START| MS-Zasada - media : 24_func-gen_img.css ------------------------------------------------------  */ 
 
 /*--------------------------------------*/
/*            Nikola Nejedlý            */
/*                 2018                 */
/*--------------------------------------*/
//canvas setup for image generating / showing

.canvas_bg a
{
}

.canvas_bg
{
}
.canvas_bg a:hover,
.canvas_bg:hover
{
}

img.img
{
}
a .canvas_i
{
}
a .canvas_i:hover
{
}
 
 /* ------------------------------------------------------ | END | MS-Zasada - media : 24_func-gen_img.css ------------------------------------------------------  */ 
 
 /* ------------------------------------------------------ |START| MS-Zasada - media : 25_func-socials.css ------------------------------------------------------  */ 
 
 /*-----------------------*/
/* Nikola Nejedlý - 2018 */
/*-----------------------*/

.socials 
{
}
.socials:hover
{
}

.socials a svg,
.socials a i
{
}

.socials a:hover > svg,
.socials a:hover > i
{
}
 
 /* ------------------------------------------------------ | END | MS-Zasada - media : 25_func-socials.css ------------------------------------------------------  */ 
 
 /* ------------------------------------------------------ |START| MS-Zasada - media : 26_func-youtube.css ------------------------------------------------------  */ 
 
 /*-----------------------*/
/* Nikola Nejedlý - 2018 */
/*-----------------------*/

.text_area .YTvideo
{
}

.text_area iframe
{
}
 
 /* ------------------------------------------------------ | END | MS-Zasada - media : 26_func-youtube.css ------------------------------------------------------  */ 
 
 /* ------------------------------------------------------ |START| MS-Zasada - media : 30_func-infobox.css ------------------------------------------------------  */ 
 
 /*-----------------------*/
/* Nikola Nejedlý - 2018 */
/*-----------------------*/

.info {
}
.info p
{
}
.info a, 
.info a svg,
.info a i
{
}
.info a:hover > svg,
.info a:hover > i
{
}

.info i,
.info svg
{
}
.info:hover
{
}


/*admin login stuff*/

.info form
{
}

.info form input
{
}

.info form input:hover
{
}

.info form u
{
}



 
 /* ------------------------------------------------------ | END | MS-Zasada - media : 30_func-infobox.css ------------------------------------------------------  */ 
 
 /* ------------------------------------------------------ |START| MS-Zasada - media : 40_admin_parts.css ------------------------------------------------------  */ 
 
 /*-----------------------*/
/* Nikola Nejedlý - 2018 */
/*-----------------------*/

.admin_log
{
}
.admin_log:after
{
}
.admin_log:hover
{
}
.admin_log:hover:after
{
}


.admin_setup_button
{
}
.admin_setup_button:hover
{
}
.admin_setup_button:hover > a b,
.admin_setup_button:hover > a svg
{
}
.admin_setup_button a:hover
{
}
.admin_setup_button a
{
}
.admin_setup_button svg
{
}
.admin_setup_button b
{
}



 
 /* ------------------------------------------------------ | END | MS-Zasada - media : 40_admin_parts.css ------------------------------------------------------  */ 
 
 /* ------------------------------------------------------ |START| MS-Zasada - media : 41_editor.css ------------------------------------------------------  */ 
 
 /*-----------------------*/
/* Nikola Nejedlý - 2018 */
/*-----------------------*/

/* ADMIN EDITOR */

.editor
{
}

.editor a
{
}

.editor i, .editor svg
{
}
.editor i:hover, .editor svg:hover
{
}

.h_admin 
{
}
.editor_c
{
}

.editor_c i, .editor_c svg, .editor_c a
{
}
.editor_c a
{
}

.editor_c a:hover,
.editor_c a:hover > svg,
.editor_c a:hover > i
{
}
.editor_c a:hover
{
}

.editor_settings
{
}

.editor_settings i, .editor_settings svg, .editor_settings a
{
}
.editor_settings a
{
}

.editor_settings a:hover,
.editor_settings a:hover > svg,
.editor_settings a:hover > i
{
}
.editor_settings a:hover > svg,
.editor_settings a:hover > i
{
}
.editor_settings a:hover
{
}


.editor a:hover:after,
.editor_c a:hover:after,
.editor_settings a:hover:after
{
}

.editor a.e_gray svg
{
}
.editor a.e_gray
{
}
.editor a.e_gray:hover > svg
{
}
.editor a.e_gray:hover:after
{
}

textarea.to_edit
{
}

#edit_form .edit_filename
{
}
#edit_form .edit_filename input
{
}
#edit_form .edit_filename input:disabled
{
}

#cke_editor_field
{
}


 
 /* ------------------------------------------------------ | END | MS-Zasada - media : 41_editor.css ------------------------------------------------------  */ 
 
 /* ------------------------------------------------------ |START| MS-Zasada - media : 80_h2code.css ------------------------------------------------------  */ 
 
 /*-----------------------*/
/* Nikola Nejedlý - 2018 */
/*-----------------------*/

h2.code
{
	font-size: 11px;
	width: Calc( 100% - 64px );
}

h2.code .fce 	,.code .fce 	{}
h2.code .int 	,.code .int		{}
h2.code .string ,.code .string 	{}
h2.code .bool 	,.code .bool 	{}
h2.code .float 	,.code .float 	{}
h2.code .char 	,.code .char 	{}
h2.code .var 	,.code .var 	{}

h2.code{}

p .fce 		{}
p .int 		{}
p .string 	{}
p .bool 	{}
p .float 	{}
p .char 	{}
p .var 		{}
p .function	{}
p.code		{}
 
 /* ------------------------------------------------------ | END | MS-Zasada - media : 80_h2code.css ------------------------------------------------------  */ 
 
 /* ------------------------------------------------------ |START| MS-Zasada - media : 90_footer.css ------------------------------------------------------  */ 
 
 /*-----------------------*/
/* Nikola Nejedlý - 2018 */
/*-----------------------*/

footer
{
}

footer img
{
}

.KSSWF,
.footing
{
}
.KSSWF
{
}
.KSSWF a
{
}
.KSSWF a:hover
{
}
.black_filler
{
}
 
 
 /* ------------------------------------------------------ | END | MS-Zasada - media : 90_footer.css ------------------------------------------------------  */ 
 
 /* ------------------------------------------------------ |START| MS-Zasada - media : 99_loading.css ------------------------------------------------------  */ 
 
 /*--------------------------------------*/
/*            Nikola Nejedlý            */
/*                 2018                 */
/*--------------------------------------*/


.loadicon
{
}
 
 /* ------------------------------------------------------ | END | MS-Zasada - media : 99_loading.css ------------------------------------------------------  */ 
 
 /* ------------------------------------------------------ |START| MS-Zasada - media : 99a_outro.css ------------------------------------------------------  */ 
 
 /*-----------------------*/
/* Nikola Nejedlý - 2018 */
/*-----------------------*/

.text_area table.t_kontakt:before
{
}
.text_area table.t_kontakt_perso:before
{
	display: block;
	position: absolute;
	right: 10%;
	padding-right: 32px;
	left: auto;
}

.text_area table
{
	left: 0;
	width: 100%;
	padding: 0;
	margin: 0;
}
.text_area table tr
{
	width: 100vw;
	padding: 0;
	margin: 0;
	margin-top: 10px;
	margin-bottom: 10px;
}

.text_area table tr td:nth-of-type(1)
{
}
.text_area table td
{
}
.text_area table td b
{
}
.text_area table tr:hover > td,
.text_area table tr:hover > td:nth-of-type(1)
{
}
.text_area table.t_kontakt_perso th
{
}
.text_area table.t_kontakt_perso .grn
{
}
.text_area table.t_kontakt_perso,
.text_area table.t_kontakt_perso tr,
.text_area table.t_kontakt_perso th,
.text_area table.t_kontakt_perso td
{
	padding: 0;
	margin: 0;
	width: 100%;
	left: 0;
	text-align: left;
	min-width: 10px;
	padding-left: 32px;
}
.text_area table.t_kontakt_perso tr td
{
	padding: 0;
	margin: 0;
	width: 100%;
	left: 0;
	text-align: left;
	min-width: 10px;
	padding-left: 32px;
}
.text_area table.t_kontakt_perso tr
{
	padding: 0;
	margin: 0;
	width: 100vw;
	left: 0;
}
.text_area table.t_kontakt_perso tr:nth-of-type(1) td
{
	width: 50%;
	padding: 0;
	margin: 0;
	text-align: left;
	left: 0;
}
.text_area table.t_kontakt_perso tr:nth-of-type(1) td:nth-of-type(1)
{
	width: 50%;
	padding: 0;
	margin: 0;
	left: 0;
	text-align: left;
}
.text_area table.t_kontakt_perso th
{
	width: 50%;
	padding: 0;
	margin: 0;
	left: 0;
	text-align: center;
} 
.text_area table.kontakt_jidla tr,
.text_area table.kontakt_jidla tbody
{
}
.text_area table.kontakt_jidla td,
.text_area table.kontakt_jidla td:nth-of-type(2n-1)
{
	padding: 0;
	margin: 0;
}
.text_area table.kontakt_jidla td
{
}
.text_area table.kontakt_jidla
{
}
.text_area table.kontakt_jidla:after
{
}

 
/* ... media end */
} 
 
 /* ------------------------------------------------------ | END | MS-Zasada - media : 99a_outro.css ------------------------------------------------------  */ 
 
 /* ------------------------------------------------------ |START| MS-Zasada - media : 00_intro.css ------------------------------------------------------  */ 
 
 /*-----------------------*/
/* Nikola Nejedlý - 2018 */
/*-----------------------*/

@media only screen and (max-width: 480px) 
{
	

.jidel_date
{
}
.edit_jidelnicek input
{
}
.edit_jidelnicek img,
.jidelnicek img
{
}

.edit_jidelnicek,
.jidelnicek
{
	width: Calc( 100% - 16px - 4px );
	display: block;
	position: relative;
	left: 0;
	border: 2px solid black;
	padding: 8px;
	padding-top: 32px;
	padding-bottom: 32px;
	margin-top: 40px;
	margin-bottom: 40px;
	border-radius: 8px;
	box-shadow: 0 0 1px;
}
.edit_jidelnicek .jidelna_den, 
.edit_jidelnicek .jidelna_jidlo,
.edit_jidelnicek .jidelna_alergeny,
.jidelnicek .jidelna_den, 
.jidelnicek .jidelna_jidlo,
.jidelnicek .jidelna_alergeny 
{
}

.edit_jidelnicek .jidelna_jidlo,
.jidelnicek .jidelna_jidlo
{
}
.edit_jidelnicek .jidelna_alergeny,
.jidelnicek .jidelna_alergeny 
{

}

.edit_jidelnicek .jidel_d,
.jidelnicek .jidel_d
{
}

.edit_jidelnicek .jidel_d b,
.jidelnicek .jidel_d b
{
}
.j_radek
{
}
.edit_jidelnicek .j input,
.jidelnicek .j
{
	width: auto;
	text-align:left;
	left: 64px;
	width: 60%;
	min-width: 100px;
}
.edit_jidelnicek .a input,
.jidelnicek .a
{
	width: auto;
	text-align: right;
	left: auto;
	right: 10px;
}
a.edit
{
	display: block;
	width: 32px;
	position: absolute;
	right: 16px; 
	left: auto;
	top: auto;
	margin-top: -32px;
}
a.edit svg
{
}
a.edit:hover > svg
{
}
a.jidel_print
{
	display: block;
	width: 32px;
	position: absolute;
	right: 64px; 
	left: auto;
	top: auto;
	margin-top: -32px;
}
a.jidel_print svg
{
	display: block;
	position: absolute;
	right: 10px; 
}
a.jidel_print:hover > svg
{
}
.edit_jidelnicek .jidelna #submit
{
}
.edit_jidelnicek .jidelna #submit:hover
{
}
.jidelnicek .jidel_d:after
{
}
.jidelnicek .jidel_d:nth-of-type(1n+5):after
{
}
.text_area .alergeny h2
{
	left: 16px;
}
.text_area .alergeny ol:nth-of-type(1),
.text_area .alergeny ol:nth-of-type(2)
{
	display: inline-block;
	margin: 0;
	width: Calc( 100% - 16px );
	padding: 0;
}
.text_area .alergeny ol:nth-of-type(1) li,
.text_area .alergeny ol:nth-of-type(2) li
{
	padding-top: 0;
	margin: 0;
	width: Calc( 100% - 32px );
	font-size: 12px;
}
	
	
	/*--------------*/
	
.box_button_wrap
{
	display: block;
	position:relative;
	width: Calc( 100% - 16px );
	left: 0;
	padding: 8px;
	text-align: justify;
}

.box_button
{    
	display: inline-block;
    position: relative;
    border-radius: 5px;
    width: 100%;
    height: auto;
    padding: 0;
    padding-right: 14px;
    margin: 2px;
    background: transparent;
    overflow: hidden;
}
.box_button b
{
}
.box_button p
{
	font-size: 17px;
}

/*-----------------*/
	
.box_numbers_wrap
{
	display: block;
	position:relative;
	width: 100vw;
	min-width: 100%;
	left: 0;
	text-align: right;
    margin-top: 0px;
	margin-bottom: 0px;
}

.box_numbers
{
	display: block;
	position: relative;
	width: Calc( 100vw - 70px);
	height: 100px;
	margin: 0px;
	overflow: auto;
	padding: 5px;
	padding-left: 30px;
	padding-right: 40px;
	font-size: 24px;
	left: 0;
	text-align: right;
	font-family: 'Amatic_SC_Bold',sans-serif;
}
.box_numbers b
{
	position: relative;
	display: block;
	text-align: right;
	font-size: 32px;
	padding-top: 10px;
	color: #404040;
}
.box_numbers svg
{
	width: 80px;
	height: 80px;
	min-width: 80px;
	min-height: 80px;
	position: absolute;
	display: block;
	left: 32px;
	top: 0px;
	text-align: center;
	color: transparent;
	background: auto;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	
}
/*  ... next files ... */ 
 
 /* ------------------------------------------------------ | END | MS-Zasada - media : 00_intro.css ------------------------------------------------------  */ 
 
 /* ------------------------------------------------------ |START| MS-Zasada - media : 01_page_header.css ------------------------------------------------------  */ 
 
 /*-----------------------*/
/* Nikola Nejedlý - 2017 */
/*-----------------------*/

.header
{
	box-shadow: 0px 10px black;
}

.header img
{
}
.header a
{
}
.header a img
{
	box-shadow: 0px 2px 16px black;
	position: fixed;
	top: 0;
	left: 0;
	margin: 0;
	height: 48px;
	background:White;
 	width: 100%;
	object-fit:contain;
}
#nav_wrap:after,
.header a img:after,
.header a:after,
.header:after
{
	background: none;
}
.header a img:hover
{
	position: fixed;
	top: 0;
}
 
 
 
 /* ------------------------------------------------------ | END | MS-Zasada - media : 01_page_header.css ------------------------------------------------------  */ 
 
 /* ------------------------------------------------------ |START| MS-Zasada - media : 02_menu.css ------------------------------------------------------  */ 
 
 /*-----------------------*/
/* Nikola Nejedlý - 2018 */
/*-----------------------*/

#nav_wrap
{
	width: Calc( 100vw );
	display: block;
    height: 64px;
	white-space: nowrap;
	top: 0;
	margin-bottom: 0px;
	transition: color 200ms cubic-bezier(0.78, 0.04, 0.14, 1.01);
	background-size: 800px 10px;
}

.mainmenu, .mainmenu a
{
	z-index: 3000;
	text-align: left;
	color:black;
	border:0;
	transition: color 100ms linear;
	border: none;
}
.mainmenu ul:before
{
	content: "MENU";
	width: 54px;
	height: 34px;
	text-align:center;
	vertical-align: middle;
	display: block;
	padding-top: 22px;
	border: 1px solid black;
	position:fixed;
	left: 0;
	color:black;
	top: 0;
	box-shadow: inset black 0px 0px 5px;
    transition: ease-in-out 200ms all;
}
.mainmenu ul:hover:before
{
	content: "MENU";
	width: 54px;
	color: white;
	height: 34px;
	text-align:center;
	vertical-align: middle;
	display: block;
	padding-top: 22px;
	border: 1px solid white;
	position:fixed;
	left: 0;
	top: 0;
	background: black;
	box-shadow: inset white 0px 0px 5px;
    transition: ease-in-out 200ms all;
}
.mainmenu ul
{
	top: 59px;
	left: -200px;
	width: 100px;
	position:fixed;
	background: white;
	height: 100vh;
	display: block;
	border-right: 1px black solid;
	box-shadow: inset black 0px 0px 5px;
    transition: ease-in-out 200ms all;
}
.mainmenu ul:hover
{
	left: 0;
    transition: ease-in-out 200ms all;
}
.mainmenu ul li
{
	padding: 0;
	margin: 0;
	margin-bottom: 16px;
	width: 100px;
	height: 28px;
}
.mainmenu ul li a
{
	margin: 0;
	padding-top: 16px;
	width: 100px;
	height: 28px;
}
.mainmenu ul li svg
{
	left: 100px;
	padding-top: 16px;
	height: 8px;
	max-height: 18px;
	min-height: 0;
	width: 10px;
	position: absolute;
}
.mainmenu ul li:nth-of-type(5)
{	
	margin-left: 0px; 
}

.mainmenu ul li:hover > a
{
	margin: 0;
	padding: 0;
	padding-top: 16px;
	height: 28px;
	magin-left: 0;
	background: black;
	left: 0px;
	display: block;
	position: relative;
	color: white;
}
.mainmenu ul li:hover > a svg
{
	left: 100px;
	padding: 5px;
	height: 16px;
	max-height: 18px;
	min-height: 0;
	width: 20px;
	position: absolute;
}


 


 
 /* ------------------------------------------------------ | END | MS-Zasada - media : 02_menu.css ------------------------------------------------------  */ 
 
 /* ------------------------------------------------------ |START| MS-Zasada - media : 03_page-body.css ------------------------------------------------------  */ 
 
 /*-----------------------*/
/* Nikola Nejedlý - 2018 */
/*-----------------------*/

hr, .text_area hr
{
}

.text_area 
{ 
	top: 0px;
	left: 0px; 
	width: 100vw;
	min-width: 100vw;
	margin: 0;
	padding: 0;
}

.text_area #txt
{
	padding-left: 0px;
	padding-right: 0px;
	width: Calc( 100vw );
}

.text_area#txt b
{
}
.text_area#txt img /* THIS ONLY APPLIES TO ADMIN EDITOR */
{
}
.text_area#txt i,
.text_area#txt b,
.text_area#txt strong,
.text_area#txt p,
.text_area#txt ul,
.text_area#txt ol,
.text_area#txt li/* THIS ONLY APPLIES TO ADMIN EDITOR */
{
}

.text_area p
{    
	text-align: justify;
    text-indent: 0px;
    margin: 0;
    font-size: 17px;
    width: Calc( 100% - 64px );
    padding-left: 32px;
    padding-right: 32px;
    left: Calc( 0px );
    display: block;
    position: relative;
}

 
 /* ------------------------------------------------------ | END | MS-Zasada - media : 03_page-body.css ------------------------------------------------------  */ 
 
 /* ------------------------------------------------------ |START| MS-Zasada - media : 04_headers.css ------------------------------------------------------  */ 
 
 /*-----------------------*/
/* Nikola Nejedlý - 2018 */
/*-----------------------*/

/*RESETOR - START*/
.text_area h1,.text_area h2,.text_area h3,.text_area h4,.text_area h5,.text_area h6,
.text_area#txt h1,.text_area#txt h2,.text_area#txt h3,.text_area#txt h4,.text_area#txt h5,.text_area#txt h6
{
}
/*RESETOR - END*/

.text_area h1,
.text_area#txt h1
{
}

.text_area h2,
.text_area#txt h2
{
}

.text_area h3,
.text_area#txt h3
{
}

.text_area h4,
.text_area#txt h4
{
}
 
 /* ------------------------------------------------------ | END | MS-Zasada - media : 04_headers.css ------------------------------------------------------  */ 
 
 /* ------------------------------------------------------ |START| MS-Zasada - media : 05_a-urls.css ------------------------------------------------------  */ 
 
 /*-----------------------*/
/* Nikola Nejedlý - 2018 */
/*-----------------------*/

a:link {
} 

a:visited {
}

a:hover {
} 

 
 /* ------------------------------------------------------ | END | MS-Zasada - media : 05_a-urls.css ------------------------------------------------------  */ 
 
 /* ------------------------------------------------------ |START| MS-Zasada - media : 06_basics.css ------------------------------------------------------  */ 
 
 /*-----------------------*/
/* Nikola Nejedlý - 2018 */
/*-----------------------*/


span 		{}
div			{}
strong		{}
b 			{}
u 			{}
i			{}
p			{}
br 			{}
 
 /* ------------------------------------------------------ | END | MS-Zasada - media : 06_basics.css ------------------------------------------------------  */ 
 
 /* ------------------------------------------------------ |START| MS-Zasada - media : 07_sub_sup.css ------------------------------------------------------  */ 
 
 /*-----------------------*/
/* Nikola Nejedlý - 2018 */
/*-----------------------*/

sub, sup 
{
}
sup {}
sub {}
 
 /* ------------------------------------------------------ | END | MS-Zasada - media : 07_sub_sup.css ------------------------------------------------------  */ 
 
 /* ------------------------------------------------------ |START| MS-Zasada - media : 08_img.css ------------------------------------------------------  */ 
 
 /*-----------------------*/
/* Nikola Nejedlý - 2018 */
/*-----------------------*/

img
{
}

a:hover > img
{
}

.error_img
{
}
 
 /* ------------------------------------------------------ | END | MS-Zasada - media : 08_img.css ------------------------------------------------------  */ 
 
 /* ------------------------------------------------------ |START| MS-Zasada - media : 09_elements.css ------------------------------------------------------  */ 
 
 /*-----------------------*/
/* Nikola Nejedlý - 2018 */
/*-----------------------*/

.center
{
}

.r_column
{
}
.r_column_small
{
}
.r_column_big
{
}
.l_column
{
}
.l_column_small
{
}
.l_column_big
{
}

.left 		{}
.right		{}
.floatleft 	{}
.floatright	{}

.full_w 	{}
.full_h 	{}
.full_vw 	{}
.full_vh 	{}

.null_m		{}
.null_p		{}
.null_border{}
.null_bg	{}
.null_bg_col{}
.null_float {}



.hover-invert,
.hover-invert50
{
}
.hover-invert:hover
{
}
.hover-invert50:hover
{
}

.h_admin
{
}
.h_admin .button
{
}

pre code * 
{
}
pre code
{
	font-size: 12px;
	min-height: 48px;
}




 
 /* ------------------------------------------------------ | END | MS-Zasada - media : 09_elements.css ------------------------------------------------------  */ 
 
 /* ------------------------------------------------------ |START| MS-Zasada - media : 10_tables.css ------------------------------------------------------  */ 
 
 /*-----------------------*/
/* Nikola Nejedlý - 2018 */
/*-----------------------*/

.text_area table
{
}

.text_area td
{
}

.text_area td:first-child
{
}

.text_area tr:hover td
{
}

.text_area tr:hover td:first-child
{
}

.text_area th
{
}

 
 /* ------------------------------------------------------ | END | MS-Zasada - media : 10_tables.css ------------------------------------------------------  */ 
 
 /* ------------------------------------------------------ |START| MS-Zasada - media : 11_ul_li_ol.css ------------------------------------------------------  */ 
 
 /*-----------------------*/
/* Nikola Nejedlý - 2018 */
/*-----------------------*/

ul li 
{
}
ol li 
{
}

.text_area ul ul 
{
}
.text_area ul ul ul 
{
}

.text_area ol 
{
	width: Calc( 100% - 32px );
	left: 0;
}
.text_area ol li
{
	text-align: justify;
}
.text_area ol ol 
{
}
.text_area ol ol ol 
{
}

.text_area li
{
}
.text_area ul
{
	width: Calc( 100% - 32px );
	width: 		auto;
	left: 		0;
}


/* 10 dobrých rad */


ol.desatero
{
	width: 100%;
	left: 0px;
	position: relative;
	display: block;
    list-style-type: none;
    margin-top: 32px;
    margin-bottom: 32px;
    height: auto;
}
ol.desatero li
{
	display: block;
	position: relative;
    list-style-type: none;
    width: Calc( 100% - 20px - 2*5px - 2px - 10px );
    white-space: normal;   
    padding-right: 24px;
    left: 10px;
    padding: 5px;
    font-size: 14px;
	height: 64px;
	text-align: justify;
    overflow: hidden;
}

 
 /* ------------------------------------------------------ | END | MS-Zasada - media : 11_ul_li_ol.css ------------------------------------------------------  */ 
 
 /* ------------------------------------------------------ |START| MS-Zasada - media : 12_quotes.css ------------------------------------------------------  */ 
 
 /*-----------------------*/
/* Nikola Nejedlý - 2018 */
/*-----------------------*/

.text_area blockquote 
{
    width: Calc( 100% - 10px - 10px - 4px );
    margin: 5px;
    padding: 20px;
    padding-left: 5px;
    padding-right: 5px;
    left: 0;
    font-size: 8px;
    margin-top: 120px;
    margin-bottom: 120px;
}
.text_area blockquote p
{
    font-size: 20px;
}
.text_area blockquote p:nth-child(1),
.text_area blockquote p:nth-child(2) {
    width: auto;
    left: auto;
}
blockquote:before 
{
}
blockquote cite:before 
{
}
blockquote cite 
{
}
 
 /* ------------------------------------------------------ | END | MS-Zasada - media : 12_quotes.css ------------------------------------------------------  */ 
 
 /* ------------------------------------------------------ |START| MS-Zasada - media : 20_func-bc_nav.css ------------------------------------------------------  */ 
 
 /*-----------------------*/
/* Nikola Nejedlý - 2018 */
/*-----------------------*/

.bcnav
{
}
.bcnav_p
{
}
.bcnav_p:first-letter
{
}
.bcnav_p a
{
}
.bcnav_p a:hover
{
}
 
 /* ------------------------------------------------------ | END | MS-Zasada - media : 20_func-bc_nav.css ------------------------------------------------------  */ 
 
 /* ------------------------------------------------------ |START| MS-Zasada - media : 21_func-button.css ------------------------------------------------------  */ 
 
 /*--------------------------*/
/* Nikola Nejedlý - 2017/18 */
/*--------------------------*/

.button 
{
height: 24px;
}
.button:hover 
{
}
.button i, .button svg
{
}
.button a
{
	color: white;
	font-style: normal;
	font-weight: normal;
}
.button #table /* redundant filler for styling */
{
}
.button #cell
{
}
 
 /* ------------------------------------------------------ | END | MS-Zasada - media : 21_func-button.css ------------------------------------------------------  */ 
 
 /* ------------------------------------------------------ |START| MS-Zasada - media : 22_func-gallery.css ------------------------------------------------------  */ 
 
 /*--------------------------------------*/
/*            Nikola Nejedlý            */
/*                 2018                 */
/*--------------------------------------*/

.img_gallery
{
}
.img_gallery #wrap
{
}

.img_gallery img
{
	
}
#canvas_bg
{
}
#canvas
{
}
#a_close, #a_left, #a_right
{
}
#a_right
{
}
#a_close
{
}
#a_close a 
{
}
#a_close a:hover
{
}
#a_left a, #a_right a
{
}
#a_left a:hover,
#a_right a:hover
{
}
.img_gallery #wrap:active #underwrap
{
}
#underwrap
{
}
.img_gallery #wrap:hover
{
}
.img_gallery img:hover
{
}
.img_gallery h3
{
}

.gallery_text .g_text
{
}
.gallery_text .g_text:hover
{
}

 
 
 /* ------------------------------------------------------ | END | MS-Zasada - media : 22_func-gallery.css ------------------------------------------------------  */ 
 
 /* ------------------------------------------------------ |START| MS-Zasada - media : 23_func-slideshow.css ------------------------------------------------------  */ 
 
 /*-----------------------*/
/* Nikola Nejedlý - 2018 */
/*-----------------------*/

.slideshow-container 
{
	margin: 0;
	height: 400px;
	width: 100%;
	left: 	0px;
	padding: 0px 0 0 0px;
    margin-bottom: 40px;
	padding-top: 10px;
}
.slideshow-container:hover > .prev,
.slideshow-container:hover > .next
{
}
.slideshow-container .prev,
.slideshow-container .next
{
	left: 0px;
}
.slideshow-container img 
{
}
.slideshow-container .text {
    width: 95%;
    font-size: 20px;
}
.slideshow-container .text b {
    width: 90%;
    font-size: 24px;
}
 
 /* ------------------------------------------------------ | END | MS-Zasada - media : 23_func-slideshow.css ------------------------------------------------------  */ 
 
 /* ------------------------------------------------------ |START| MS-Zasada - media : 24_func-gen_img.css ------------------------------------------------------  */ 
 
 /*--------------------------------------*/
/*            Nikola Nejedlý            */
/*                 2018                 */
/*--------------------------------------*/
//canvas setup for image generating / showing

.canvas_bg a
{
}

.canvas_bg
{
}
.canvas_bg a:hover,
.canvas_bg:hover
{
}

img.img
{
}
a .canvas_i
{
}
a .canvas_i:hover
{
}
 
 /* ------------------------------------------------------ | END | MS-Zasada - media : 24_func-gen_img.css ------------------------------------------------------  */ 
 
 /* ------------------------------------------------------ |START| MS-Zasada - media : 25_func-socials.css ------------------------------------------------------  */ 
 
 /*-----------------------*/
/* Nikola Nejedlý - 2018 */
/*-----------------------*/

.socials 
{
}
.socials:hover
{
}

.socials a svg,
.socials a i
{
}

.socials a:hover > svg,
.socials a:hover > i
{
}
 
 /* ------------------------------------------------------ | END | MS-Zasada - media : 25_func-socials.css ------------------------------------------------------  */ 
 
 /* ------------------------------------------------------ |START| MS-Zasada - media : 26_func-youtube.css ------------------------------------------------------  */ 
 
 /*-----------------------*/
/* Nikola Nejedlý - 2018 */
/*-----------------------*/

.text_area .YTvideo
{
}

.text_area iframe
{
}
 
 /* ------------------------------------------------------ | END | MS-Zasada - media : 26_func-youtube.css ------------------------------------------------------  */ 
 
 /* ------------------------------------------------------ |START| MS-Zasada - media : 30_func-infobox.css ------------------------------------------------------  */ 
 
 /*-----------------------*/
/* Nikola Nejedlý - 2018 */
/*-----------------------*/

.info {
}
.info p
{
}
.info a, 
.info a svg,
.info a i
{
}
.info a:hover > svg,
.info a:hover > i
{
}

.info i,
.info svg
{
}
.info:hover
{
}


/*admin login stuff*/

.info form
{
}

.info form input
{
}

.info form input:hover
{
}

.info form u
{
}



 
 /* ------------------------------------------------------ | END | MS-Zasada - media : 30_func-infobox.css ------------------------------------------------------  */ 
 
 /* ------------------------------------------------------ |START| MS-Zasada - media : 40_admin_parts.css ------------------------------------------------------  */ 
 
 /*-----------------------*/
/* Nikola Nejedlý - 2018 */
/*-----------------------*/

.admin_log
{
}
.admin_log:after
{
}
.admin_log:hover
{
}
.admin_log:hover:after
{
}


.admin_setup_button
{
}
.admin_setup_button:hover
{
}
.admin_setup_button:hover > a b,
.admin_setup_button:hover > a svg
{
}
.admin_setup_button a:hover
{
}
.admin_setup_button a
{
}
.admin_setup_button svg
{
}
.admin_setup_button b
{
}



 
 /* ------------------------------------------------------ | END | MS-Zasada - media : 40_admin_parts.css ------------------------------------------------------  */ 
 
 /* ------------------------------------------------------ |START| MS-Zasada - media : 41_editor.css ------------------------------------------------------  */ 
 
 /*-----------------------*/
/* Nikola Nejedlý - 2018 */
/*-----------------------*/

/* ADMIN EDITOR */

.editor
{
}

.editor a
{
}

.editor i, .editor svg
{
}
.editor i:hover, .editor svg:hover
{
}

.h_admin 
{
}
.editor_c
{
}

.editor_c i, .editor_c svg, .editor_c a
{
}
.editor_c a
{
}

.editor_c a:hover,
.editor_c a:hover > svg,
.editor_c a:hover > i
{
}
.editor_c a:hover
{
}

.editor_settings
{
}

.editor_settings i, .editor_settings svg, .editor_settings a
{
}
.editor_settings a
{
}

.editor_settings a:hover,
.editor_settings a:hover > svg,
.editor_settings a:hover > i
{
}
.editor_settings a:hover > svg,
.editor_settings a:hover > i
{
}
.editor_settings a:hover
{
}


.editor a:hover:after,
.editor_c a:hover:after,
.editor_settings a:hover:after
{
}

.editor a.e_gray svg
{
}
.editor a.e_gray
{
}
.editor a.e_gray:hover > svg
{
}
.editor a.e_gray:hover:after
{
}

textarea.to_edit
{
}

#edit_form .edit_filename
{
}
#edit_form .edit_filename input
{
}
#edit_form .edit_filename input:disabled
{
}

#cke_editor_field
{
}


 
 /* ------------------------------------------------------ | END | MS-Zasada - media : 41_editor.css ------------------------------------------------------  */ 
 
 /* ------------------------------------------------------ |START| MS-Zasada - media : 80_h2code.css ------------------------------------------------------  */ 
 
 /*-----------------------*/
/* Nikola Nejedlý - 2018 */
/*-----------------------*/

h2.code
{
	font-size: 11px;
	width: Calc( 100% - 64px );
}

h2.code .fce 	,.code .fce 	{}
h2.code .int 	,.code .int		{}
h2.code .string ,.code .string 	{}
h2.code .bool 	,.code .bool 	{}
h2.code .float 	,.code .float 	{}
h2.code .char 	,.code .char 	{}
h2.code .var 	,.code .var 	{}

h2.code{}

p .fce 		{}
p .int 		{}
p .string 	{}
p .bool 	{}
p .float 	{}
p .char 	{}
p .var 		{}
p .function	{}
p.code		{}
 
 /* ------------------------------------------------------ | END | MS-Zasada - media : 80_h2code.css ------------------------------------------------------  */ 
 
 /* ------------------------------------------------------ |START| MS-Zasada - media : 90_footer.css ------------------------------------------------------  */ 
 
 /*-----------------------*/
/* Nikola Nejedlý - 2018 */
/*-----------------------*/

footer
{
}

footer img
{
}

.KSSWF,
.footing
{
}
.KSSWF
{
}
.KSSWF a
{
}
.KSSWF a:hover
{
}
.black_filler
{
}
 
 
 /* ------------------------------------------------------ | END | MS-Zasada - media : 90_footer.css ------------------------------------------------------  */ 
 
 /* ------------------------------------------------------ |START| MS-Zasada - media : 99_loading.css ------------------------------------------------------  */ 
 
 /*--------------------------------------*/
/*            Nikola Nejedlý            */
/*                 2018                 */
/*--------------------------------------*/


.loadicon
{
}
 
 /* ------------------------------------------------------ | END | MS-Zasada - media : 99_loading.css ------------------------------------------------------  */ 
 
 /* ------------------------------------------------------ |START| MS-Zasada - media : 99a_outro.css ------------------------------------------------------  */ 
 
 /*-----------------------*/
/* Nikola Nejedlý - 2018 */
/*-----------------------*/


.text_area table
{
	left: 0;
	width: 100%;
	padding: 0;
	margin: 0;
}
.text_area table tr
{
	width: Calc( 100% );
	padding: 0;
	margin-top: 10px;
	margin-bottom: 10px;
}

/* ... media end */
} 
 
 /* ------------------------------------------------------ | END | MS-Zasada - media : 99a_outro.css ------------------------------------------------------  */