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: 'Manjari', sans-serif; font-size: 15px; font-weight: 400; color: #3f3d35; background: #403d35 url("/UserFiles/Image/images/pozadi.png") top center repeat-x; background-size: auto 542px;}

dl {padding: 10px 0 20px 0;}
dt {float: left; padding: 0; text-align: right; border: 0; font-style: italic;}
dd {padding: 0; margin: 0 0 0.1em 110px; border: 0;}
ul, ol {margin: 0 0 20px 50px;}
li {margin: 0 0 0 20px; padding: 0; list-style-type: square;}
input {font-size: 100%; margin: 3px 0; padding: 5px; border: 0; background-color: #fff; font-family: "Manjari";}
input.error {border: 1px dotted #93b03e;}
label.error {color: #93b03e; font-style: italic; font-size: 10px;}
textarea {width: 60%; font-size: 100%; margin: 2px 0 0 0; padding: 5px; border: 0; background-color: #fff; font-family: "Manjari";}
select {margin: 0 0 2px 0; font-size: 100%;}
legend {position: absolute; margin: -15px 0; top: -.5em; right: 20px; font-size: 100%;}
fieldset {position: relative; text-align: left; border: 0; padding: 40px 10px 30px 160px; margin: 0 0 20px 0; background-color: rgba(189,189,179,0.3);}
fieldset a {padding: 0 0 0 10px; font-weight: bold; text-transform: uppercase; text-decoration: none; font-size: 15px; }
fieldset input {width: 130px;}
::selection {background: rgba(189,189,179,0.5); color: #fff;}

* {box-sizing: border-box;}

#page1 {}

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

a {color: #403d35; outline: none;}
a:hover {color: #d31216;}

.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: 105px; margin: 0; background-color: #000; box-shadow: 0 15px 7px rgba(55,55,55,0.1); z-index: 2;}
#logo {position: relative; width: 90%; margin: 0 auto;}
#logo p {width: 250px; padding: 0; margin: 0 auto 0; overflow: hidden;}
#logo p a {position: relative; height: 70px; display: block; text-indent: -9999em; background: url(../UserFiles/Image/images/logo.png) no-repeat 0 0; background-position: center left; background-size: 100%; z-index: 3000;}
 
.menu-row {position: relative; text-align: center; height: 50px; padding: 0; margin: -10px auto 0; z-index: 1000;}
.menu {width: 100%; 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: 20px 22px 6px; margin: 0 1px; font-size: 14px; color: #fff; text-align: center; font-weight: bold; letter-spacing: 1px; text-decoration: none; cursor: pointer; -webkit-transition: all 200ms ease 0s; -moz-transition: all 200ms ease 0s; -o-transition: all 200ms ease 0s; transition: all 200ms ease 0s;}
.menu ul {width: 220px; top: -999em; position: absolute; margin: 0 0 0 -29px; list-style: none; color: #fff;}
.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: 48px;}
.menu ul a {width: 160px; margin: 0; padding: 8px 5px 5px 15px; white-space: nowrap; font-size: 14px; text-align: left; letter-spacing: 0; border-bottom: 0; color: #fff; background-color: #555;}
.menu > li > a:hover {padding: 20px 22px 6px; margin: 0 1px; color: #fff; background-color: rgba(189,189,179,0.8); -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 {color: #fff; background-color: rgba(189,189,179,0.5);}
#menu li:hover ul a:hover, #menu li.sfHover ul a:hover {position: relative; width: 160px; left: 0; padding: 8px 5px 5px 15px; color: #fff; background-color: rgba(189,189,179,0.8);}
#menu .podmenu li ul a {position: relative; left: 0; width: 160px;}
#menu .podmenu li ul a:hover {left: 0; width: 160px; border-left: 0; color: #fff; background-color: rgba(189,189,179,0.8);}

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

.is-sticky #sticker #logo p {display: none;}
.is-sticky #sticker #logo p a {}
.is-sticky #sticker #vlajky {display: none;}
.is-sticky #sticker .menu-row {height: 45px; margin: 0 auto; background-color: #000; z-index: 1000;}
.is-sticky .menu li a {display: inline-block; padding: 20px 22px 6px;}
.is-sticky #sticker .menu ul {margin: 0 0 0 -29px; width: 220px;}
.is-sticky #sticker .menu li:hover ul, .is-sticky #sticker .menu li.sfHover ul {top: 48px;}
.is-sticky #sticker .menu ul a {margin: 0; padding: 8px 5px 5px 15px;}
.is-sticky #sticker #menu li:hover ul a:hover {width: 160px;}
.is-sticky #sticker #menu .podmenu li ul a {position: relative; width: 160px;}
.is-sticky #sticker #menu .podmenu li ul a:hover {width: 160px; border-left: 0;}

/*********************************content*************************************/

#content {position: relative; margin: 0; padding: 80px 0 80px; font-weight: 400; background: #fff; overflow: hidden; z-index: 1;}
#content .nastred img {margin: 20px;}

#content1 {position: relative; width: 90%; margin: 0 5%; padding: 0; border-bottom: 15px solid #403D35; box-shadow: #101010 0 0.2em 7em; -moz-box-shadow: #101010 0 0.2em 7em; -webkit-box-shadow: #101010 0 0.2em 7em; overflow: hidden; z-index: 1;}
#content2 {position: relative; margin: 0; padding: 80px 0 50px; overflow: hidden; z-index: 1;}
#content3 {position: relative; margin: 0; padding: 0 0 50px 0; overflow: hidden; z-index: 1;}
#content4 {position: relative; margin: 0; padding: 0 0 80px; overflow: hidden; z-index: 1;}
#content5 {position: relative; margin: 0; padding: 80px 0 50px; background-color: #fff; overflow: hidden; z-index: 1;}

h1 {margin: 0 0 25px 0; padding: 0; font-size: 50px; line-height: 110%; color: #403d35; letter-spacing: 1px; font-weight: 900;}
h2 {margin: 30px 0 25px 0; padding: 0; font-size: 30px; line-height: 140%; color: #3f3d35;}
h3 {margin: 30px 0 15px 0; padding: 0; font-size: 25px; line-height: 140%; color: #868375;}
h4 {margin: 30px 0 10px 0; padding: 0; font-size: 20px; color: #666;}

/****************************footer************************/
#paticka {position: relative; width: 100%; margin: 0; padding: 80px 0 10px 0; font-size: 14px; text-align: left; color: #fff; background: #3f3d35; box-shadow: 0 -10px 7px rgb(55 55 55 / 10%); z-index: 100;}
#paticka a {color: #fff; letter-spacing: 1px; text-decoration: none;}
#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 25px 0; padding: 0; font-size: 30px; line-height: 140%; color: #bdbbb3; }
#paticka .col-1-4, #paticka .col-2-4, #paticka .col-3-4 {margin: 0;}
#paticka .col-2-4 .kachle {position: relative; width: 135px; height: 135px; top: -100px; margin: 0 auto; text-align: center; border-radius: 4px; background-color: rgba(189,189,179,0.5); transform: rotate(8deg);}
#paticka .col-3-4 {text-align: right;}
#paticka .col-3-4 span {position: relative; top: -5px; padding: 0 5px 0 0; font-family: 'Material Symbols Rounded'; font-style: normal; font-weight: 300; font-size: 25px; color: rgba(189,189,179,0.5);;}

#paticka .tlacitko:after {content:"."; display: block; clear: both; height: 0; font-size: 0; line-height: 0; visibility: hidden;}
#paticka .tlacitko {position: relative; width: 210px; margin: 10px auto;}
#paticka .tlacitko ul {margin: 0 8px 10px 0;}
#paticka .tlacitko li {float: left; line-height: 26px; list-style: none outside none;}
#paticka .tlacitko li a {display: inline-block; width: 170px; padding: 6px 10px 4px; text-align: center; font-size: 13px; text-transform: uppercase; color: #555; background-color: #fff; -webkit-transition: all 0.218s; -moz-transition: all 0.218s; -ms-transition: all 0.218s; -o-transition: all 0.218s; transition: all 0.218s; -webkit-user-select: none; -moz-user-select: none; user-select: none; cursor: pointer; text-decoration: none;}
#paticka .tlacitko a:active {color: #fff; background-color: #93b03e; cursor: default;}
#paticka .tlacitko li a:hover {color: #fff; background-color: #93b03e;}
#paticka .tlacitko span {font-size: 13px; font-weight: normal;}

footer {position: relative; width: 100%; padding: 10px 0 12px; margin: 0; color: #f0f0f0; letter-spacing: 1px; background-color: #000; overflow: hidden; z-index: 300;}
footer a {color: #f0f0f0; letter-spacing: 1px; text-decoration: none;}
footer a:hover {color: #fff;}
footer span {font-weight: bold;}
.copyright {font-size: 11px; padding: 4px 0 0; text-align: right; color: #f0f0f0;}
.copyright a {color: #f0f0f0; text-decoration: none; font-size: 10px;}
.copyright a:hover {color: #fff; text-decoration: none;}
.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;}
.blok {text-align: justify;}
.obrazek {text-align: center; margin: 20px 20px 40px 40px; padding: 10px; border-radius: 4px; transform: rotate(8deg); box-shadow: 0 10px 20px rgba(55,55,55,0.1);}
.obrazek img {width: auto;}
.obrazek-vpravo {float: right; margin: 0 20px 40px 40px; padding: 10px; border-radius: 4px; transform: rotate(8deg); box-shadow: 0 10px 20px rgba(55,55,55,0.1);}
.obrazek-vlevo {float: left; margin: 0 40px 20px 0px; padding: 10px; border-radius: 4px; transform: rotate(8deg); box-shadow: 0 10px 20px rgba(55,55,55,0.1);}
.cervena {color: #d8291e;}
.zvyraz {color: #fff; font-size: 20px;}
.ikonka {margin: 7px 5px 0px 0;}
.ikona-soubor {margin: 0 5px -4px 10px;}
.mapa {padding: 0 0 40px; border: 0; text-align: center;}
.mapagoogle {width: 100%; margin: 0; height: 300px; overflow: hidden;}
.odstavec p {padding-left: 77px;}
.ramecek {clear: both; margin: 50px 0; padding: 30px 20px 20px; font-size: 20px; line-height: 30px; background-color: rgba(189,189,179,0.5); overflow: hidden;}
.ramecek .videoyoutube {width: 100%; height: 600px;}
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, .piktogram2 {padding: 0 10px 0 0; font-family: 'Material Symbols Rounded'; font-style: normal; font-size: 25px; color: #fff;}
.piktogram2 {padding: 0 0 15px; font-size: 50px; color: #fff;}
#page3 #content .piktogram2 {padding: 0; font-size: 20px; line-height: 20px; color: #555;}
.tabulka {overflow-x: auto;}

.uvod1 {width: 100%; height: 100%;}

.uvod2 .box {padding: 0; color: #fff; overflow: hidden;}
.uvod2 .box1 {float: left; width: 54%; padding: 0; margin: 0 5% 0 0; color: #bdbbb3; font-size: 20px; line-height: 36px; overflow: hidden;}
.uvod2 .box1 h2 {margin: 0 0 20px 0; padding: 0; color: #bdbbb3;  text-transform: none; text-shadow: 0.05em 0.05em 10px #1a1a1a;}
.uvod2 .box2 {float: left; width: 18%; padding: 0; margin: 0 5% 0 0; color: #fff; overflow: hidden;}
.uvod2 .box2 p {overflow: hidden;}
.uvod2 .box3 {float: left; width: 18%; padding: 0; margin: 0; color: #fff; overflow: hidden;}
.kolecko0 {clear: both; margin: 0 0 0 9%; padding: 0; text-align: center; overflow: hidden;}
.uvod2 .box .kolecko p {margin: 0; padding: 10px 0 0; font-size: 25px; line-height: 35px; font-weight: 400; color: #fff; text-shadow: 0.05em 0.05em 10px #1a1a1a;}
.uvod2 .box .kolecko p span {margin: 0 0 0 30px; font-size: 60px; line-height: 60px; font-weight: 800;}
.koleckotext {float: left; position: relative; margin: -40px 0 0 100px; font-size: 35px; font-weight: 600;}
.dnucz, .dnusk {font-size: 20px; line-height: 30px; font-weight: 400;}

.uvod3 .autoplay {padding: 0 5%;}
.uvod3 .box0 {padding: 0; overflow: hidden;}
.uvod3 .box0 h2 {padding: 0; margin: 0 0 10px; text-align: center; color: #f0f0f0; text-transform: uppercase;}
.uvod3 .box {margin: 0 10px; padding: 0;}
.uvod3 .box img {width: 100%;}

.uvod5 {clear: both; padding: 0; overflow: hidden;}
.uvod5 .box {float: left; width: 47.5%; margin: 30px 0 0 5%; padding: 0; overflow: hidden;}
.uvod5 .box:nth-child(2n+1) {clear: both; margin: 30px 0 0 0;}
.uvod5 .box .box-logo {float: left; width: 20%; margin: 0 5% 0 0;}
.uvod5 .box .box-text  {float: left; width: 65%; margin: 0;}

.aktualita-zpet, .novinka-zpet {margin: 30px 0 0 0;}
.aktualita-zpet ul, .novinka-zpet ul, .databazetl ul {clear: both; border: 0; padding: 5px 0 5px 0; margin: 0 20px 0 0;}
.databazetl ul {clear: both; border: 0; padding: 5px 0 5px 0; margin: 0;}
.aktualita-zpet ul li, .novinka-zpet ul li {float: right; margin: 0; padding: 0; list-style-type: none;}
.databazetl ul li {float: left; margin: 0; padding: 0; list-style-type: none;}
.aktualita-zpet ul li a, .novinka-zpet ul li a, .databazetl ul li a {display: inline-block; min-width: 20px; text-align: center; padding: 7px 10px 6px 10px; margin: 0 4px; letter-spacing: 1px; font-size: 100%; -webkit-border-radius: 2px; -moz-border-radius:2px; border-radius:2px; -webkit-transition:all 0.218s; -moz-transition:all 0.218s; -ms-transition:all 0.218s; -o-transition:all 0.218s; transition:all 0.218s; color: #444; background-color: #fff; -webkit-user-select:none; -moz-user-select:none; user-select:none; cursor:pointer; text-decoration:none;}
.databazetl ul li a {margin: 4px 4px;}
.aktualita-zpet ul li a:hover, .novinka-zpet ul li a:hover, .databazetl ul li a:hover {color: #fff; background-color: #4ab1be; text-decoration: none;}
.aktualita-zpet span, .novinka-zpet span, .databazetl span {padding: 0 20px 0 20px;}
                                                             
.novinky0 {}
.uvod4 .novinky0 h2 {color: #fff; text-transform: uppercase;}
.novinky {width: 100%; color: #fff; overflow: hidden;}
.novinky a {color: #fff;}
.novinky a:hover {color: #d31216;}
.novinky h2 {text-align: center;}
.novinka {float: left; width: 49%; margin: 0 2% 2% 0; padding: 5%; border: 1px solid rgba(189,189,179,0.3); overflow: hidden;}
.novinka:nth-child(2n+1) {margin: 0 0 2% 0;}
.novinka h2 {text-align: left; color: #fff; margin: 0 0 25px 0; font-size: 20px; overflow: hidden;}
.novinka-datum {margin: 0 0 10px; color: #fff; font-size: 12px;}
.novinka-foto {float: left; width: 45%; margin: 0 5% 0 0; overflow: hidden;}
.novinka-obrazek {background-repeat: no-repeat;}
.novinka-text {overflow: hidden; }

.aktuality {padding: 0; color: #282828; overflow: hidden;}
.aktualita {width: auto; padding: 0 0 20px 5%; margin: 0; text-align: left; overflow: hidden;}
.aktualita h2 {padding: 0; margin: 20px 0 10px 0; color: #555; font-size: 20px; line-height: 120%; background-image: none;}
.aktualita h3 {padding: 0; margin: 30px 0 10px 0; color: #555; font-size: 20px; font-weight: 800; line-height: 120%; background-image: none;}
.aktualita h3 a {color: #555;}
.aktualita h3 a:hover {color: #f2bc00;}
.aktualita-datum {font-size: 12px;}
.aktualita-text {padding: 0; margin: 0; overflow: hidden;}
.aktualita-foto {display: none;}
.aktualita-foto img {width: 100%;}
.aktuality-prehled-prilohy {padding: 0;}
.aktuality-prehled-prilohy .stranka-prilohy {color: #555; padding: 5px 0 0 0; margin: 0;}
.aktuality-prehled-prilohy .stranka-prilohy a {color: #555; }
.aktuality-prehled-prilohy .stranka-prilohy a:hover {color: #f2bc00;}
.aktuality-prehled-prilohy .stranka-prilohy .ikona-soubor {margin: 0 5px -4px 0;}
.aktuality-zadne {padding: 0 0 20px 5%; margin: 0;}

#content .aktualita {width: 100%; margin: 0 0 40px 0; padding: 0 0 0 1.5%; border-left: 40px solid #93b03e;}
#content .aktualita h2 {text-align: left; font-size: 30px; margin: 30px 0 10px 0; text-transform: none;}
#content .aktualita-datum {clear: both; display: block; font-size: 12px; text-align: right;}
#content .aktualita-datum span {}
#content .aktualita-foto {float: left; display: block; width: 400px; margin: 0 40px 20px 0; -webkit-box-shadow: 0 1px 15px rgba(0,0,0,0.2); -moz-box-shadow: 0 1px 15px rgba(0,0,0,0.2); box-shadow: 0 1px 15px rgba(0,0,0,0.2);}
#content .aktualita-text {text-align: left; padding: 0 0 20px; margin: 0;}

#aktuality-strankovani {width: 1300px; text-align: center; }
#aktuality-strankovani ul {margin: 20px auto; font-size: 15px; display: inline-block; overflow: hidden;}
#aktuality-strankovani li {float: left; list-style: none; margin: 0;}

.tlacitko-aktuality {margin: 30px 0 0 5%;}
.aktualita-zpet ul, .novinka-zpet ul, .tlacitko-aktuality ul {list-style-type: none;}
.aktualita-zpet li, .novinka-zpet li, .tlacitko-aktuality li {margin: 0;}
.aktualita-zpet ul li a, .novinka-zpet ul li a, .tlacitko-aktuality ul li a {display: inline-block; padding: 6px 10px 4px 10px; text-align: center; font-size: 13px; list-style: none; text-transform: uppercase; color: #fff; background-color: #555; -webkit-transition: all 0.218s; -moz-transition: all 0.218s; -ms-transition: all 0.218s; -o-transition: all 0.218s; transition: all 0.218s; -webkit-user-select: none; -moz-user-select: none; user-select: none; cursor: pointer; text-decoration: none;}
.tlacitko-aktuality a {width: 120px; height: auto;}
.aktualita-zpet a:hover, .novinka-zpet a:hover, .tlacitko-aktuality a:hover {color: #fff; background-color: #93b03e;}

.tlacitkomanual {margin: 30px 0 50px; overflow: hidden;}
.tlacitkomanual ul {margin: 0;}
.tlacitkomanual li {list-style-type: none !important; margin: 0;}
.tlacitkomanual a, .tlacitkomanual li a {display: inline-block; float: left; width: auto; padding: 20px 22px 14px; margin: 0 10px 10px; text-align: center; font-size: 13px; font-weight: 900; text-transform: uppercase; color: #3f3d35; background-color: rgba(189,189,179,0.8); -webkit-transition: all 0.218s; -moz-transition: all 0.218s; -ms-transition: all 0.218s; -o-transition: all 0.218s; transition: all 0.218s; -webkit-user-select: none; -moz-user-select: none; user-select: none; cursor: pointer; text-decoration: none;}
.tlacitkomanual a:hover, .tlacitkomanual li a:hover {color: #fff; background-color: #3f3d35;}

#aktuality-strankovani {width: 1300px; text-align: center; }
#aktuality-strankovani ul {margin: 20px auto; font-size: 15px; display: inline-block; overflow: hidden;}
#aktuality-strankovani li {float: left; list-style: none;}
                                                                                                                                                               
.boxfoto0 {clear: both;}
.boxfoto {float: left; width: 49%; margin: 20px 1% 20px 0;}
.boxfoto:nth-child(2) {margin: 20px 0 20px 1%;}

#content .box0 {clear: both; margin: 40px 0; overflow: hidden;}
#content .box {float: left; width: 45%; margin: 0  0 0 2.5%; padding: 0; text-align: justify;}
#content .box:nth-child(2n+1) {margin: 0 2.5% 0 0;}
#content .box0 h2 {text-transform: uppercase;}

.promo {margin: 50px 0;}
.promo img {box-shadow: 0 10px 20px rgba(55,55,55,0.1);}

.galerie0 {overflow: hidden;}
.galerie-obsah {float: left; width: 18%; min-height: 220px; margin: 20px 1% 20px;}
.galerie-obsah:nth-child(5n+1) {clear: both;}
.galerie-foto {}
.galerie-foto .fotogalerie {width: 100% !important; height: auto !important;}
.galerie-obsah a a {position: absolute; display: block; left: 0; top: 0; width: 100%; height: 100%; text-decoration: none; color: #fff; background-color: rgba(255,255,255,0); z-index: 3;}
.galerie-obsah a:hover {-webkit-transition: all 600ms ease 0s; -moz-transition: all 900ms ease 0s; -o-transition: all 900ms ease 0s; transition: all 900ms ease 0s;}
.galerie-obsah img {max-width: 100%; transition: all 2.0s; display: block; width: 100%; height: auto; transform: scale(1); filter: alpha (opacity=90); -moz-opacity:.90; opacity:.90;}
.galerie-obsah:hover img {filter: alpha (opacity=70); -moz-opacity:.70; opacity:.70;}
 #content .galerie-obsah p {text-align: center;}
.galerie-popis {position: absolute; bottom: 0; left: 0; width: 96%; padding: 10px 2%; margin: 0; color: #fff; background-color: rgba(20,20,20,0.8); text-align: center; font-size: 14px; line-height: 120%; letter-spacing: 1px;}
.galerie-popis a {color: #fff;}
.galerie-obsah-nahled {float: left; width: 18%; min-height: 220px; margin: 20px 1% 20px; background-color: rgba(189,189,179,0.2);}
.galerie-obsah-nahled:nth-child(5n+1) {clear: both;}
.galerie-obsah-nahled a:hover {opacity: 0.8;}
.galerie-obsah-nahled .galerie-foto {text-align: center; font-size: 12px; line-height: 20px;}
.galerie-obsah-nahled .galerie-foto a {text-decoration: none;}
.galerie-obsah-nahled .galerie-foto .fotogalerie {}
.galerie-obsah-text {padding: 5px;}

.strankovani {width: 1300px; text-align: center;}
.stran-pred {float: left; width: 10%;}
.stran-zazn {float: left; width: 80%; text-align: center; }
.stran-nas {float: left; width: 10%; text-align: right; }
.strankovani:after {content:"."; display:block; clear: both; height:0; font-size:0; line-height: 0; visibility: hidden;}
.strankovani ul {margin: 20px auto; display: inline-block; overflow: hidden;}
#content .strankovani li {float: left; line-height: 26px; list-style: none outside none; margin: 5px 2px;}
.strankovani a, .strankovani span {display: inline-block; min-width: 10px; padding: 8px 16px 1px; text-align: center; background-color: #f0f0f0; font-size: 12px; font-weight: 400; -webkit-transition:all 0.218s; -moz-transition:all 0.218s; -ms-transition:all 0.218s; -o-transition:all 0.218s; transition:all 0.218s; -webkit-user-select:none; -moz-user-select:none; user-select:none; cursor:pointer; text-decoration:none;}
.strankovani span, .strankovani a:active {color: #403d35; background-color: rgba(189,189,179,0.5); cursor: default;}
.strankovani a:hover {color: #fff; -webkit-transition:all 0.0s; -moz-transition:all 0.0s; -ms-transition:all 0.0s; -o-transition:all 0.0s; transition:all 0.0s; background-color: rgba(189,189,179,0.9); text-decoration:none;}

.pagination a {float: left; padding: 8px; text-decoration: none; color: #fff; background-color: #444; border: 0;} 
.pagination .active a, .pagination .active a:hover {background-color: #93b03e; color: #fff; cursor: default;}
.pagination a:hover {background-color: #93b03e;} 
.pagination .first a {border-top-left-radius: 2px; border-bottom-left-radius: 2px;}
.pagination .last a {border-top-right-radius: 2px; border-bottom-right-radius: 2px;}
.pagination .disabled a, .pagination .disabled a:hover {background-color: #f6f6f6; cursor: default;}
.pagination .page-link {margin: 5px 2px 5px 2px;}

#paginator .prev, #paginator .next, #paginator .last, #paginator .first {right: 10px; color: rgba(255,255,255,0.5); font-family: 'Material Symbols Rounded'; font-size: 20px; text-decoration: none;}
#paginator .first {transform: rotate(180deg);}

.gdpr {font-size: 12px; line-height: 18px;}
.btn {display: inline-block; width: auto; min-width: 10px; padding: 20px 22px 14px; margin: 0 5px; text-align: center; color: #fff; background-color: rgba(189,189,179,0.8); text-transform: uppercase; -webkit-transition:all 0.218s; -moz-transition:all 0.218s; -ms-transition:all 0.218s; -o-transition:all 0.218s; transition:all 0.218s; -webkit-user-select:none; -moz-user-select:none; user-select:none; cursor:pointer; text-decoration:none;}
.btn:hover {color: #fff; -webkit-transition:all 0.0s; -moz-transition:all 0.0s; -ms-transition:all 0.0s; -o-transition:all 0.0s; transition:all 0.0s; background-color: #3f3d35; text-decoration:none;}
.btn:disabled {background: silver; text-decoration: none;}
.labkontakt {width: 160px; float: left; text-align: left; padding: 0;}
.formular {padding: 5px 0 0 0; font-size: 12px; text-align: center;}
.labzajem {padding-left: 10px;}
#tlacitka {padding-left: 160px;}
#tlacitka input {margin: 5px;}
fieldset #jmeno, fieldset #email {width: 60%;}
fieldset #tel {width: 41%;}
#formular {padding: 12px 20px 0 125px; margin: 0; letter-spacing: 1px;}
#formular .form-text {float: left; display: block; width: 140px; text-align: right; padding: 4px 10px 0 0;}
#formular label {overflow: hidden;}
#formular input {width: 50%; line-height: 1.25em; padding: 5px 6px 5px; margin: 0 0 5px 0; font-family: "Open Sans"; letter-spacing: 1px; border: 1px solid #fff; background: #fff; outline: none; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
#formular input.error {border: 2px dotted #f3b802;}
#formular label.error {height: 20px; color: #f3b802; font-style: italic; padding: 0; margin: 0;}
#formular select {padding: 5px 6px 5px 4px; font-family: "Open Sans"; letter-spacing: 1px;}
#formular textarea {height: 140px; width: 60%; max-height: 140px; max-width: 60%; line-height: 1.25em; padding: 7px 9px; margin: 0; border: 1px solid #fff; background:#fff; overflow: auto; outline: none;}
.form-pozn {text-align: left; padding: 0 0 0 150px;}
.formular-tlacitka {margin: 0 12% 0 auto; text-align: center;}
#form-tlac {clear: both; padding: 0; text-align: center; margin: 20px auto 20px 30%;}
#form-tlac input {float: left; width: 25%; min-width: 80px; padding: 10px; margin: 2px 10px 2px 10px; color: #21201f; text-align: center; text-decoration: none; cursor: pointer;}
#form-tlac input:hover {color: #fff; background-color: #888; border: 0; text-decoration: none;}
#form-tlac input:disabled {background: silver; text-decoration: none;}