article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display: block;}
mark, rp, rt, ruby, summary, time {display: inline;}

html {width: 100%; height: 100%; margin: 0;}
body {height: inherit; font-family: "Ysabeau", sans-serif; font-optical-sizing: auto; font-weight: 500; font-style: normal; font-size: 14px; color: #111; background-color: #fff;}

dl {padding: 0 0 20px 0;}
dt {float: left; padding: 0; text-align: right; border: 0;}
dd {padding: 0; margin: 0 0 0.1em 110px; border: 0;}
ul, ol {margin: 0 0 20px; padding: 0; list-style: none; overflow: hidden;}
li {margin: 0 0 0 50px; padding: 0; list-style-type: disc;}
input {font-size: 100%; margin: 2px 5px 2px 0; padding: 5px 8px; border: 2px rgba(120,159,182,0.4) solid; border-radius: 7px; background-color: #fff; font-family: "Montserrat";}
input.error {border: 1px dotted #d8291e;}
label.error {color: #238e4a; font-style: italic;}
textarea {width: 70%; font-size: 100%; margin: 2px 0 0 0; padding: 5px; border: 2px rgba(120,159,182,0.4) solid; border-radius: 7px; background-color: #fff; font-family: "Montserrat";}
select {margin: 0 0 2px 0; font-size: 100%;}
legend {position: relative; margin: -15px 0; top: -.5em; right: 20px; font-size: 100%;}
fieldset {padding: 10px 0 30px 0; margin: 10px 0 20px; color: #111; }
sup {font-size: 12px;}
::selection {background: #759e36; color: #fff;}

* {box-sizing: border-box;}

#page1 {}

.main {line-height: 22px; letter-spacing: 1px;} 

a {color: #759e36; outline: none;}
a:hover {color: #e65cbd;}
strong {font-weight: 700;}
.col-1, .col-2 {float:left;}

.wrapper {width: 100%; overflow: hidden;}
.extra-wrap {overflow: hidden;}
 
p {margin-bottom: 18px;}

.menu li a,
.list-1 li a,
.list-2 li a,
.link,
.button,
h1 a {text-decoration: none;}	

header {position: relative; height: 45px; margin: 0 auto 30px; padding: 10px 0 0 0; z-index: 2;}
#logo {width: 1300px; position: relative; margin: 0 auto;}
#logo p {width: 100px; padding: 0; margin: 0 auto 0 0; overflow: hidden;}
#logo p a {position: relative; height: 50px; display: block; text-indent: -9999em; background: url(../UserFiles/Image/images/logo.png) no-repeat center left; background-size: 100%; z-index: 3000;}
 
.menu-row {position: -webkit-sticky; position: sticky; top: 0; padding: 0; margin: -35px 0 0 0; text-align: right; z-index: 1000;}
.menu {width: 1300px; margin: 0 auto; padding: 0; overflow: hidden;}
.menu li {display: inline-block; margin: 0; padding: 0; list-style: none;}
.menu li a {display: inline-block; padding: 5px 30px; margin: 0 1px; white-space: nowrap; font-size: 14px; font-weight: 500; text-transform: uppercase; color: #111; text-align: center; text-decoration: none; cursor: pointer;}
.menu ul {width: 240px; top: -999em; position: absolute; list-style: none; margin: -1px 0 0 -57px; padding: 0 0 7px 0; background: rgba(255,255,255,1);}
.menu ul .sipka {display: inline-block; float: right; width: 4px; height: 20px; background: url(../UserFiles/Image/images/menusipka.png) center center no-repeat;}
.menu li:hover ul, .menu li.sfHover ul {top: 33px; padding: 22px 0 10px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;}
.menu ul a {width: 240px; white-space: nowrap; font-size: 15px; text-align: center; letter-spacing: 0; margin: 0; padding: 5px; text-transform: none; color: #111;}
.menu > li > a:hover {color: #fff; background-color: #759e36; border-radius: 20px; -webkit-transition: all 300ms ease 50ms; -moz-transition: all 200ms ease 50ms; -o-transition: all 200ms ease 50ms; transition: all 200ms ease 50ms;}
.menu li a.aktivni {font-weight: 700;}
#menu li:hover ul a:hover, #menu li.sfHover ul a:hover {position: relative; width: 240px; left: 0; padding: 5px; color: #fff; background-color: #759e36;}

.slicknav_menu {display:none;}
@media screen and (max-width: 40em) {
	.js #menu {display:none;}
	.js .slicknav_menu {display:block;}
}

.is-sticky #sticker #logo p {padding: 5px 0 0 0; margin: 0 auto 0 0;}
.is-sticky #sticker #logo p a {position: relative; width: 100px; height: 50px; -webkit-transition: all 300ms ease 50ms; -moz-transition: all 300ms ease 50ms; -o-transition: all 300ms ease 50ms; transition: all 300ms ease 50ms; z-index: 1500;}
.is-sticky #sticker .menu-row {height: 70px; margin: -55px 0 0 auto; padding: 0; background-color: #fff; z-index: 1000;}
.is-sticky .menu li a {display: inline-block; padding: 5px 30px; margin: 20px 1px;}
.is-sticky #sticker .menu ul {margin: 0 0 0 -57px; width: 240px;}
.is-sticky #sticker .menu li:hover ul, .is-sticky #sticker .menu li.sfHover ul {top: 60px;}
.is-sticky #sticker .menu ul a {width: 240px; font-size: 15px; margin: 0; padding: 5px;}
.is-sticky #sticker #menu li:hover ul a:hover {width: 240px; left: 0;}

/*********************************content*************************************/
#content {position: relative; margin: 0; padding: 0 0 15px; overflow: hidden; z-index: 1;}
#content1 {position: relative; margin: 0; padding: 0; overflow: hidden; z-index: 1;}
#content2 {position: relative; margin: 0; padding: 0; overflow: hidden; z-index: 1;}

h1 {margin: 30px 0 50px 0; padding: 0; font-size: 60px; line-height: 65px; color: #111; text-align: center; font-weight: 300; letter-spacing: 1px; text-transform: uppercase;}
h2 {margin: 30px 0 95px 0; padding: 0; font-size: 35px; line-height: 50px; color: #111; text-align: center; font-weight: 500; letter-spacing: 1px;}
h3 {margin: 20px 0 10px 0; padding: 0; font-size: 22px; line-height: 25px; color: #111; font-weight: 500;}
h3 a {color: #759e36 !important;}
h3 a:hover {color: #e65cbd !important;}
h4 {margin: 30px 0 10px 0; padding: 0; font-size: 18px; color: #111; font-weight: 600;}
h5 {margin: 10px 0 5px 0; padding: 0; font-size: 16px; color: #111; font-weight: 500;}
#content-hlavickastranka h1 {color: #fff;}

/****************************footer************************/
#paticka {position: relative; width: 100%; margin: 0; padding: 0 0 10px 0; font-size: 20px; font-weight: 300; text-align: left; color: #fff; background: url(../UserFiles/Image/images/paticka.jpg) center top no-repeat; background-size: 100% auto; border-top-left-radius: 200px; overflow: hidden; z-index: 100;}
#paticka a {color: #fff; text-decoration: none; font-size: 25px; line-height: 35px;}
#paticka a:hover {color: #fff; text-decoration: underline;}
#paticka a:hover img {filter: alpha (opacity=60); -moz-opacity:.60; opacity:.60; -webkit-transition: all 300ms ease 0s; -moz-transition: all 300ms ease 0s; -o-transition: all 300ms ease 0s; transition: all 300ms ease 0s;}
#paticka h2 {margin: 0 0 30px; padding: 0; font-size: 30px; line-height: 40px; text-transform: uppercase; color: #fff;}
#paticka h3 {margin: 0 0 10px 0; padding: 0; font-size: 20px; line-height: 30px; text-transform: uppercase; color: #fff;}
#paticka .col-1-3 {float: left; margin: 0; padding: 40px 0; line-height: 30px; color: #fff; font-size: 15px; text-align: left;}
#paticka .col-2-3 {float: left; margin: 0; padding: 40px 0; text-align: right;}
#paticka img {margin: 0 10px 0 0;}
#paticka strong {}
#paticka span {font-size: 30px; line-height: 40px;}
#paticka .tlacitko {position: relative; margin: 30px auto 10px; text-align: left;}
#paticka .tlacitko a {display: inline-block; padding: 10px 20px; margin: 0 auto; text-align: center; font-size: 15px; line-height: 25px; font-weight: 700; border-radius: 20px; color: #759e36; background-color: #fff;}
#paticka .tlacitko a:hover {color: #fff; background-color: #759e36; text-decoration: none;}

footer {position: relative; width: 100%; padding: 10px 0 12px; margin: 0; color: #fff; overflow: hidden; z-index: 300;}
footer a {color: #888; text-decoration: none;}
footer a:hover {text-decoration: underline;}
footer span {font-weight: bold;}
.copyright {font-size: 11px; padding: 4px 0 0; text-align: right; color: #888;}
.copyright a {color: #888; text-decoration: none; font-size: 10px;}
.copyright a:hover {text-decoration: underline;}
.copyright .copyrightfirm {float: left; padding: 0; text-align: left;}
.copyright .copyrightcorp {float: right; padding: 0; text-align: right;}

/****************************moje************************/	
.noscreen {display: none;}
.cleaner {clear: both;}
.nastred {text-align: center;}
.doleva {text-align: left;}
.doprava {text-align: right;}
.foto {margin: 10px 10px 20px; border: 1px solid rgba(238,240,242,1);}
.obrazek-vpravo {float: right; margin: 10px 0 10px 20px;}
.obrazek-vlevo {float: left; margin: 0 40px 20px 0px;}
.ikonka {margin: 7px 5px 0px 0;}
.ikona-soubor {margin: 0 5px -4px 10px;}
.lila {color: #e65cbd;}
.lilapoz {background-color: #e65cbd;}
.modre {color: #789fb6;}
.vetsi {font-size: 18px;}
.velke {font-size: 20px;}
.puntik {margin: 0 5px; color: #c5d199;}
.mapa {margin: 30px 0 0 0; border: 0; text-align: center; margin: 0;}
.mapagoogle {width: 100%; margin: 0; height: 500px; overflow: hidden;}
a:hover img {filter: alpha (opacity=80); -moz-opacity:.80; opacity:.80; -webkit-transition: all 300ms ease 0s; -moz-transition: all 300ms ease 0s; -o-transition: all 300ms ease 0s; transition: all 300ms ease 0s;}
.piktogram {margin: 0 15px 0 0; font-family: 'Material Symbols Sharp'; color: #fff; font-variation-settings: 'FILL' 1, 'wght' 300, 'GRAD' 0, 'opsz' 24;}
.tlacitko .piktogram:hover {color: #759e36;}