* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body {
	background-color: var(--bg-color);
    color: var(--font-color);
	/*background: #fff;*/
	margin: auto;
	padding: 0px;
	text-align: center;
	font-family: 'Montserrat', calibri, tahoma;
}
#header {
	background: rgb(241, 241, 241);
	width: 100%;
	height: 60px;
}
#logo a, #logo a:hover, #logo a:active, #logo a:focus {
	background: url(images/logox.png) no-repeat center center;
	width: 300px;
	height: 60px;
	float: left;
	display: block;
}
#telo {
	width: 100%;
	min-width: 240px;
	min-height: 400px;
	color: rgb(32, 32, 32);
	padding-bottom: 20px;
	margin: 0;
}
#lavemenu {
	width: 14%;
	min-height: 35px;
	float: left;
	list-style: none;
	padding: 0px;
	margin: 0px;
}
.hpo a {
	width: 100%;
	height: 35px;
	float: left;
	display: block;
	line-height: 35px;
	text-align: left;
	text-decoration: none;
	font-size: 0.9em;
	color: #160d01;
	padding-left: 35px;
	font-weight: 600;
	transition: all 0.3s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
}
.hpo a:hover {
	background: #ffa217;
}
.home a {
	background: url(images/homex.png) no-repeat;
	background-position: 7px 8px;
	background-size: 19px 16px;
}
.spolupraca a {
	background: url(images/dozorca.png) no-repeat;
	background-position: 9px center;
	background-size: 17px 20px;
}
.pamatna a {
	background: url(images/vino.png) no-repeat;
	background-position: 11px center;
	background-size: 10px 20px;
}
.navod a {
	background: url(images/navodx.png) no-repeat;
	background-position: 6px center;
	background-size: 23px 18px;
}
.kalendarm a {
	background: url(images/kalendarx.png) no-repeat;
	background-position: 8px center;
	background-size: 17px 17px;
}
.recnik a {
	background: url(images/recnikx.png) no-repeat;
	background-position: 8px center;
	background-size: 18px 18px;
}
.meeting a {
	background: url(images/meetingx.png) no-repeat;
	background-position: 8px center;
	background-size: 20px 19px;
}
.map a {
	background: url(images/mapx.png) no-repeat;
	background-position: 8px center;
	background-size: 23px 19px;
}
.stojany a {
	background: url(images/stojanyx.png) no-repeat;
	background-position: 11px center;
	background-size: 12px 19px;
}
.help a {
	background: url(images/helpx.png) no-repeat;
	background-position: 8px center;
	background-size: 19px 19px;
}
.home a:hover {
	background: url(images/homex.png) #ffa217 no-repeat;
	background-position: 7px 8px;
	background-size: 19px 16px;
}
.spolupraca a:hover {
	background: url(images/dozorca.png) #ffa217 no-repeat;
	background-position: 9px center;
	background-size: 17px 20px;
}
.pamatna a:hover {
	background: url(images/vino.png) #ffa217 no-repeat;
	background-position: 11px center;
	background-size: 10px 20px;
}
.navod a:hover {
	background: url(images/navodx.png) #ffa217 no-repeat;
	background-position: 6px center;
	background-size: 23px 18px;
}
.kalendarm a:hover {
	background: url(images/kalendarx.png) #ffa217 no-repeat;
	background-position: 8px center;
	background-size: 17px 17px;
}
.recnik a:hover {
	background: url(images/recnikx.png) #ffa217 no-repeat;
	background-position: 8px center;
	background-size: 18px 18px;
}
.meeting a:hover {
	background: url(images/meetingx.png) #ffa217 no-repeat;
	background-position: 8px center;
	background-size: 20px 19px;
}
.map a:hover {
	background: url(images/mapx.png) #ffa217 no-repeat;
	background-position: 8px center;
	background-size: 23px 19px;
}
.stojany a:hover {
	background: url(images/stojanyx.png) #ffa217 no-repeat;
	background-position: 11px center;
	background-size: 12px 19px;
}
.help a:hover {
	background: url(images/helpx.png) #ffa217 no-repeat;
	background-position: 8px center;
	background-size: 19px 19px;
}
#obsah {
	width: 86%;
	min-height: 400px;
	text-align: left;
	float: right;
	padding: 10px;
	font-size: 0.9em;
}
.najblizsieicon {
	width: 20px;
	position: relative;
	top: 4px;
	margin-right: 5px;
	margin-left: 10px;
}
.oznamyblok {
	width: 100%;
	min-height: 60px;
	margin: 5px 0px;
}
.oznamybloknadpis {
	background: rgb(5,97,139);
	background: -moz-linear-gradient(90deg, rgba(5,97,139,1) 0%, rgba(5,139,113,1) 100%);
	background: -webkit-linear-gradient(0deg, rgba(5,97,139,1) 0%, rgba(5,139,113,1) 100%);
	background: linear-gradient(90deg, rgba(5,97,139,1) 0%, rgba(5,139,113,1) 100%);
	border-radius: 10px 10px 0 0;
	width: 100%;
	min-height: 30px;
	line-height: 30px;
	padding: 0 15px;
	font-weight: 600;
	text-transform: uppercase;
	color: #fff;
	letter-spacing: 1px;
	font-size: 0.9em;
}
.oznamybloknadpisr {
	background: rgb(179,15,15);
	background: -moz-linear-gradient(90deg, rgba(179,15,15,1) 0%, rgba(208,94,18,1) 100%);
	background: -webkit-linear-gradient(0deg, rgba(179,15,15,1) 0%, rgba(208,94,18,1) 100%);
	background: linear-gradient(90deg, rgba(179,15,15,1) 0%, rgba(208,94,18,1) 100%);
}
.oznamybloktext {
	background: #e2f0f7;;
	width: 100%;
	min-height: 35px;
	padding: 15px;
	color: #05618b;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	border-radius: 0px 0px 10px 10px;
}
.oznamybloktext:hover {
	background: #f0f8fc;
}
.oznamybloktext a {
	color: #05618b;
	text-decoration: underline;
}
.oznamybloktext a:hover {
	color: #05618b;
	text-decoration: none;
}
.red {
	background: #ffcece;
	color: #850909;
}
.red:hover {
	background: #ffdbdb;
}
.red a {
	color: #850909;
	text-decoration: underline;
}
.red a:hover {
	color: #850909;
	text-decoration: none;
}
.button a {
	background: rgb(104,199,47);
	min-width: 200px;
	min-height: 60px;
	float: left;
	text-align: center;
	line-height: 30px;
	text-decoration: none;
	display: block;
	margin: 10px;
	color: #fff;
	font-weight: 600;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	padding: 20px 30px;
	border-radius: 20px;
}
.button a:hover {
	background: rgb(52,167,60);
	color: #fff;
}
.download a {
	background: #0299df;
	width: 300px;
	min-height: 60px;
	float: left;
	text-align: center;
	line-height: 30px;
	text-decoration: none;
	display: block;
	margin: 10px;
	font-size: 1.1em;
	color: #fff;
	font-weight: 600;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	padding: 15px 20px;
	border-radius: 10px;
}
.download a:hover {
	background: #2eb2f0;
}
.download {
	width: 25px;
	margin-right: 15px;
	position: relative;
	top: 5px;
}
.google {
	margin-left: 15px;
	width: 111px;
	position: relative;
	top: 5px;
}
.najblizsie {
	width: 100%;
	min-height: 90px;
	color: rgb(27, 27, 27);
	margin-bottom: 6px;
}
.najblizsien {
	width: 100%;
	min-height: 40px;
	line-height: 40px;
	background: #FFA51D;
	padding: 0 15px;
	font-size: 1em;
	font-weight: 600;
}
.najblizsiet {
	width: 100%;
	min-height: 40px;
	line-height: 40px;
	background: rgb(255, 207, 135);
	padding: 0 15px;
	font-size: 1em;
	font-weight: 600;
}
.navodik img {
	height: 150px;
}

.rozpis {
	width: 100%;
	margin: auto;
	border: 0px;
}

.obvodn {
	background: #fff;
	min-width: 180px;
	min-height: 50px;
	float: left;
	border: 1px solid #fff;
	display: block;
	text-align: center;
	font-size: 1em;
	line-height: 20px;
	padding: 5px;
	color: #babebc;
	text-decoration: none;
}
.obvod a {
	background: rgb(35, 149, 214);
	width: 50px;
	height: 50px;
	float: left;
	margin: 3px;
	display: block;
	font-size: 1.2em;
	text-align: center;
	line-height: 50px;
	color: #fff;
	text-decoration: none;
	font-weight: 600;
	border-radius: 50%;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
}
.obvod a:hover {
	background: rgb(18, 130, 196);
	width: 50px;
	height: 50px;
	float: left;
	color: #fff;
	font-size: 1.5em;
}
.obvodb a {
	background: rgb(92, 214, 35);
	width: 50px;
	height: 50px;
	float: left;
	margin: 3px;
	display: block;
	font-size: 1.2em;
	text-align: center;
	line-height: 50px;
	color: #fff;
	text-decoration: none;
	font-weight: 600;
	border-radius: 50%;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
}
.obvodb a:hover {
	background: rgb(74, 194, 19);
	width: 50px;
	height: 50px;
	float: left;
	color: #fff;
	font-size: 1.5em;
}
.obvodd a {
	background: #e21e04;
	min-width: 180px;
	min-height: 50px;
	float: left;
	border: 1px solid #fff;
	display: block;
	font-size: 1em;
	text-align: center;
	line-height: 20px;
	padding: 5px;
	border-radius: 10px;
	color: #fff;
	text-decoration: none;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
}
.obvodd a:hover {
	background: #c71a03;
	float: left;
	border: 1px solid #fff;
	color: #fff;
}
.obvodo a {
	background: #FCA70A;
	min-width: 180px;
	min-height: 50px;
	float: left;
	border: 1px solid #fff;
	display: block;
	font-size: 1em;
	text-align: center;
	line-height: 20px;
	padding: 5px;
	border-radius: 10px;
	color: rgb(126, 83, 2);
	text-decoration: none;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
}
.obvodo a:hover {
	background: rgb(235, 153, 2);
	float: left;
	border: 1px solid #fff;
	color: rgb(126, 83, 2);
}

#footer {
	width: 100%;
	min-height: 50px;
	margin: auto;
	text-align: center;
	clear: both;
	padding: 10px;
}
#subfooter {
	width: 95%;
	min-height: 50px;
	margin: auto;
	text-align: center;
	clear: both;
	font-size: 0.7em;
	line-height: 21px;
	padding: 10px;
}
#footerlogo {
	background: url(images/footera.png) 0px 0px;
	width: 40px;
	height: 21px;
	margin: 0px 8px;
	display: inline-block;
	position: relative;
	top: 5px;
}
#footerlogo:hover {
	background: url(images/footera.png) 0px 21px;
	height: 21px;
	margin: 0px 8px;
	display: inline-block;
	position: relative;
	top: 5px;
}
a {
	text-decoration: underline;
	color: #d52300;
}
a:hover {
	text-decoration: none;
}
.hid {
	display: none;
}
.sub {
	width: 100%;
	clear: both;
}
h1 {
	font-size: 1.1em;
	font-weight: 600;
	color: rgb(216, 36, 36);
	padding: 5px;
}	
h2 {
	background: rgba(7, 185, 140,1);
	background: -moz-linear-gradient(90deg, rgba(7, 185, 140,1) 0%, rgb(5, 168, 180,1) 100%);
	background: -webkit-linear-gradient(0deg, rgba(7, 185, 140,1) 0%, rgba(5, 168, 180,1) 100%);
	background: linear-gradient(90deg, rgb(7, 185, 140,1) 0%, rgb(5, 168, 180,1) 100%);
	font-size: 1.1em;
	color: #fff;
	font-weight: 600;
	padding: 5px 10px;
	display: inline-block;
}	
h3 {
	font-size: 1em;
	color: #000;
	font-weight: 600;
	padding-left: 10px;
}

p {
	padding-left: 10px;
}

.hra {
	width: 100%;
	height: 1px;
	background: #d9d9d9;
	border: 0px;
}

/* RESPONSIVE ----------------------------------------------------------------------------------------------------------- */ 
 
@media only screen and (max-width: 1170px) { 

#header {
	background: #fff;
	height: 40px;
	margin-bottom: 1px;
	border-bottom: 0px;
}
#logo a, #logo a:hover, #logo a:active, #logo a:focus {
	background: url(images/logox2.png) center center no-repeat;
	width: 200px;
	height: 40px;
	float: none;
	display: block;
	margin: auto;
	background-size: cover;
}
#telo {
	padding: 0px;
	margin: 0px;
}
#lavemenu {
	width: 100%;
	float: none;
	min-height: 45px;
}
.hpo a {
	width: 16.66%;
	height: 45px;
	line-height: 45px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	color: #160d01;
	display: inline-block;
	padding-right: 0px;
	padding-left: 38px;
}

.home a {
	background: url(images/homex.png) #ffa217 no-repeat;
	background-position: 5px center;
	background-size: 29px 26px;
}
.spolupraca a {
	background: url(images/dozorca.png) #ffa217 no-repeat;
	background-position: 5px center;
	background-size: 28px 29px;
}
.pamatna a {
	background: url(images/vino.png) #ffa217 no-repeat;
	background-position: 9px center;
	background-size: 19px 29px;
}
.navod a {
	background: url(images/navodx.png) #ffa217 no-repeat;
	background-position: 5px center;
	background-size: 29px 24px;
}
.kalendarm a {
	background: url(images/kalendarx.png) #ffa217 no-repeat;
	background-position: 5px center;
	background-size: 27px 27px;
}
.recnik a {
	background: url(images/recnikx.png) #ffa217 no-repeat;
	background-position: 5px center;
	background-size: 28px 28px;
}
.meeting a {
	background: url(images/meetingx.png) #ffa217 no-repeat;
	background-position: 5px center;
	background-size: 30px 29px;
}
.map a {
	background: url(images/mapx.png) #ffa217 no-repeat;
	background-position: 5px center;
	background-size: 30px 26px;
}
.stojany a {
	background: url(images/stojanyx.png) #ffa217 no-repeat;
	background-position: 8px center;
	background-size: 22px 29px;
}
.help a {
	background: url(images/helpx.png) #ffa217 no-repeat;
	background-position: 5px center;
	background-size: 29px 29px;
}

.home a:hover {
	background: url(images/homex.png) #ffb62e no-repeat;
	background-position: 5px center;
	background-size: 29px 26px;
}
.spolupraca a:hover {
	background: url(images/dozorca.png) #ffb62e no-repeat;
	background-position: 5px center;
	background-size: 28px 29px;
}
.pamatna a:hover {
	background: url(images/vino.png) #ffb62e no-repeat;
	background-position: 9px center;
	background-size: 19px 29px;
}
.navod a:hover {
	background: url(images/navodx.png) #ffb62e no-repeat;
	background-position: 5px center;
	background-size: 29px 24px;
}
.kalendarm a:hover {
	background: url(images/kalendarx.png) #ffb62e no-repeat;
	background-position: 5px center;
	background-size: 27px 27px;
}
.recnik a:hover {
	background: url(images/recnikx.png) #ffb62e no-repeat;
	background-position: 5px center;
	background-size: 28px 28px;
}
.meeting a:hover {
	background: url(images/meetingx.png) #ffb62e no-repeat;
	background-position: 5px center;
	background-size: 30px 29px;
}
.map a:hover {
	background: url(images/mapx.png) #ffb62e no-repeat;
	background-position: 5px center;
	background-size: 30px 26px;
}
.stojany a:hover {
	background: url(images/stojanyx.png) #ffb62e no-repeat;
	background-position: 8px center;
	background-size: 22px 29px;
}
.help a:hover {
	background: url(images/helpx.png) #ffb62e no-repeat;
	background-position: 5px center;
	background-size: 29px 29px;
}
#obsah {
	width: 100%;
	float: none;
	margin-top: 2px;
	padding: 10px;
}
#footerlogo {
	background: url(images/footer2.png) no-repeat;
	background-size: 40px 21px;
	width: 40px;
	height: 21px;
	margin: 0px 8px;
	display: inline-block;
	position: relative;
	top: 5px;
}
#footerlogo:hover {
	background: url(images/footer2.png) no-repeat;
	background-size: 40px 21px;
	width: 40px;
	height: 21px;
	margin: 0px 8px;
	display: inline-block;
	position: relative;
	top: 5px;
}
.obvodd a,.obvodo a,.obvodn {
	width: 20%;
}
}

@media only screen and (max-width: 1030px) {
.hpo a {
	width: 20%;
}
}	

@media only screen and (max-width: 980px) { 
.obvodd a,.obvodo a,.obvodn {
	width: 25%;
}
h2 {
	width: 100%;
	text-align: center;
}
}

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

.stopky {
	width: 100%;
}
}

@media only screen and (max-width: 850px) {
.hpo a {
	width: 25%;
}
}

@media only screen and (max-width: 800px) { 
.obvodd a,.obvodo a,.obvodn {
	width: 33%;
}
}

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

.hpo a {
	width: 33%;
}
.button a {
	width: 100%;
	float: none;
	margin: 20px 0px;
}
}

@media only screen and (max-width: 590px) { 
.obvodd a,.obvodo a,.obvodn {
	width: 50%;
}
}

@media only screen and (max-width: 530px) { 
.hpo a {
	width: 50%;
}
}