/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 28. 2. 2022, 16:50:26
    Author     : 100dulka
*/
html, body {
    font-family: 'Varela Round', sans-serif;
}
.boxnav {
    position:absolute;
    top:66px;
    width:360px;
    text-align:left;  
        z-index: 91;

}
.collapse {
    position:absolute;
    top:66px;
    width:360px;
    text-align:left;
}
.line-bg {
background:#e4d34b;    
}
.anot {
	text-align:right;
	font-weight:bold;
	padding: 0 32px 16px 32px;
}
.navbg {
    background:#e8d864;
    /*background-image:url("../im/navbg.jpg");
    background-size:cover;
    background-position: center center;*/
    
}
.logo {
    display:block;
    text-align:center;

}
.logo img {
    height:50px;
}
header {
    display:block;
    width:100%;
    height:40em;
    background:url("../im/immain.JPG") no-repeat;
    background-position: center center;
    background-size:cover;
}
ul {
    margin:16px 0 0 16px;
    padding:0;
}

li {
    list-style: none;
}
li::before {
  content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #eadd76; /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 1em; /* Also needed for space (tweak if needed) */
  margin-left: -1em; /* Also needed for space (tweak if needed) */
}
main {

}
.page-marg {
    margin:38px 10%;
}
.page-padd {
    padding:38px 10%;
}
.gray-box {
    background:#ddd;
    
}
.gray-box .bf {
    text-align: center;
    padding:0 0 24px 0;
    text-transform: uppercase;
    font-size:16pt;
}
.w50 {
    width:49%;   
}
.w49 {
    width:47%;   
}
.w40 {
    width:40%;   
}
.w33 {
    width:33%;
    text-align:center;
}
.w30 {
    width:31%;
    margin:0 1%;
    height:170px;
    text-align:center;
}

.fleft {
    float:left;
}
.fright {
    float:right;
}
a {
    color:black;
    text-decoration:underline;
}
a:hover {
    text-decoration:none;
}
.cleaner {
    clear:both;
}
.justi {
    text-align:justify;
    border:1px solid #eee;
    padding:16px;
box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.marginY {
    display:block;
    height:70px;
}
h1 {
    color:#e4d34b;
    text-transform: uppercase;
    font-size:16pt;
    text-align:center;
    margin:0 0 16px 0;
    padding:0 0 8px 0;
    letter-spacing: 5px;
}
h2 {
    letter-spacing: 2px;
    color:#e4d34b;
    text-transform: uppercase;
    font-size:14pt;
}
h3 {
    color:white;
    font-size:12pt;
    background:#e3d03d;
    display:inline;
    padding:6px 8px 4px 8px;
    border-radius:20px;
    text-transform: uppercase;
}
h4 {
    font-size:12pt;
    background: #f7f0c2;
    color:black;
    padding:4px;
    margin:8px 0;
}
ul.toppad {
    margin-top: 16px;
}

.navbg ul li {
    list-style-type: none;
    display: block;
    font-size:12pt;
    border-left:6px solid  #404040;
    padding:4px 16px;
    margin:6px 0;
}
.navbg ul li a {
    color: #404040;
    text-decoration:none;
}
.navbg ul li a:hover {
    text-decoration: underline;
}
footer {
    background:#e4d34b;
    display:block;
    padding:48px;
        padding:38px 10%;
        font-size:11pt;
}
ul.footnav li {
    list-style: none;
}
ul.footnav li::before {
    width: 0;
    display:none;
}
ul.footnav li a {
    color:black;
    text-decoration: none;
}
ul.footnav li a:hover {
    color:black;
}

.lektor_im {
    width:200px;
    height:200px;
    border-radius: 50%;
    background-position: center center;
    background-size: cover;
    margin:0 18px 0 18px;
}

.form_line {
    display:block;
    height:60px;
}
.form_text {
    float:left;
    line-height:59px;
    width:260px;
}
.form_line input {
    width:380px;
    height:40px;
    line-height: 50px;
    border:0;
    border-bottom: 2px solid #ebde7a;
    background: #f5eebc;
}
.form_line select {
    padding:4px 8px;
    width:auto;
    height:40px;
    line-height: 60px;
    border:0;
    border-bottom: 2px solid #ebde7a;
    background: #f5eebc;
}
textarea.txtpole {
    width:560px;
    height:100px;
    border:0;
    border-bottom: 2px solid #ebde7a;
    background: #f5eebc;
}

#opening {
    background-image:url("../im/opening.jpg");
    background-size:cover;
    background-position: center center;
    z-index: 90;
    width:100%;
    height:100%;
    cursor: pointer;
    top: 0;
    bottom:0;
    position:fixed;
    overflow-y:hidden;
    overflow-x:hidden;
}
#startnav {
    background-color:#dbcb46;
    background-image:url("../im/navbg.jpg");
    background-size:cover;
    background-position: center center;
    z-index: 1;
    width:100%;
    height:100%;
    cursor: pointer;
    top: 0;
    bottom:0;
    position:fixed;
    overflow-y:hidden;
    overflow-x:hidden;
}
#startnav ul {
    text-align:center;
    margin-top:5em;
}
#startnav ul li {
    list-style-type: none;
    line-height:56px;
}
#startnav ul li::before {
    display:none;
}
#startnav ul li a {
    color:#282828;
    text-decoration:none;
    font-size:18pt;
}
#startnav ul li a:hover {
    text-decoration:underline;
}
.justify {
    text-align: justify;
}

.lektor-tx {
    padding:8px 22px;
    display:block;
    margin-left:220px;
}
.bot20 {
    margin-bottom:22px;
}
.w33_ods {
    padding:0 5%;
}
.error {
    color:red;
    padding:16px;
}
table {
    width:100%;
}
.tn {
    font-weight:bold;
    background:#eadd76;
}
td {
    padding:4px;
}
tr:hover {
    background:#f7f0c2;
}
img.fim {
	width:100%;
}
.iblok {
    text-align:justify;
    border:1px solid #eee;
    padding:16px 0;
	margin:16px 0;
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.iblok-name {
	display:block;
	background:#e3cf1f;
	color:white;
	padding:12px 32px;
	font-size:14pt;
}
.iblok-uname {
	margin:0 32px;
	display:block;
	background:url("../im/bgline.png") repeat-y;
	background-size:contain;
	color:white;
	padding:4px 12px;
	font-size:12pt;
	border:1px solid white;
    border-radius:20px;
    text-transform: uppercase;
}
.iblok-tx {
	padding:32px 48px;
}

.sezn-li {
	width:100%;
	line-height:42px;
	clear:both;
}
.sezn-le {
	float:left;
	margin-left:32px;
	width:35%;
	padding-left:12px;
}
.vo45 {
	width:75%;
}
.sezn-ri {
    color:white;
    font-size:12pt;
    background:#e3d03d;
    display:inline;
    padding:6px 16px 4px 16px;
    border-radius:20px;
    text-transform: uppercase;

	}
	p {
		padding:0 32px 16px 32px;
	}
.ods1 {
	width:95%;padding:60px 5% 0 0;
}
.ods2 {
		width:95%;padding:0 0 5% 0;
}
.pr60 {
	padding-right:60px;
}
@media (max-width:960px)  { 
	.page-marg {
		margin: 38px 4%;
	}
	.logo {
		float:right;
		width:38%;
		margin-right:20%;
	}
	.logo img {
		height:20px;
	}
	.fleft, .fright {
		float:none;
		display:block;
		width:100%;
		height:auto;
		padding:24px 0;
	}
	.ods1, .ods2 {
		padding:0;
		width:100%;
	}

	.pr60 {
		padding:0;
	}
	
	.iblok-name {
		padding:8px 16px;
	}
	.iblok-tx {
		padding:12px 18px;
	}
	.lektor_im {
		width:72vw;
		height:72vw;
		margin-bottom:16px;
	}
	.lektor-tx {
		margin-left:0;
	}
	.w30 {
		padding:12px;
		margin:16px 0;
	}
	#opening {
		/*background-color:#c1b92c;
		background-size:contain;*/
		background-repeat: no-repeat;
		background-position: center center;
		display:none;
		
	}
	#startnav ul {
		margin-top:2em;
	}
	#startnav ul li {
		list-style-type: none;
		line-height:36px;
	}
	#startnav ul li a {
		font-size:15pt;
	}
	header {
		display:none;
	}
	.seznam {
		display:block;
		text-align:center;
	}
	.iblok-uname {
		padding:8px 16px;		
		margin:2px;
		color:black;
	}
	.sezn-le {
		width:100%;
		text-align:center;
		float:none;
		margin:0;
		padding:0;
	}
	.sezn-ri {
		text-align:center;		
	}
	.sezn-li {
		margin-bottom:16px;
	}
	.immm {
		display:none;
	}

}