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; scroll-behavior: smooth;}
body {height: inherit; font-family: 'Quicksand', sans-serif; font-size: 20px; color: #777; letter-spacing: 0.4px;}

dl {padding: 10px 0 5px 0;}
dt {left: 0; float: left; padding: 0; border: 0;}
dd {padding: 0; margin: 0 0 0.5em 80px; border: 0;}
table {font-size: 100%; border-collapse: collapse;}
th {padding: 1px 4px 1px 4px; text-align: left;}
tr {vertical-align: top; padding: 2px 4px 2px 4px;}
ul {margin: 0 0 30px 50px;} 
input {font-size: 100%; margin: 2px 0 2px 0px; border: 0; background-color: #fff; font-family: "Saira";}
input.error {border: 1px dotted #d53500;}
label.error {color: #d53500; font-style: italic;}
textarea {width: 60%; font-size: 100%; margin: 2px 0 0 0; padding: 5px; border: 0; background-color: #fff; font-family: "Saira";}
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; color:#777; padding: 20px 25px 20px 10px; margin: 10px 0 20px 0; font-size: 95%; background-color: rgba(240,240,240,0.8);}
strong {font-weight: 600;}
::selection {background: #d8be5e; color:#777;}

#page1 {}
#page2 {}

.main {line-height: 25px;} 

a {color:#777;}
a:hover {color: #d3c065;}

.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: 100px; margin: 0; z-index: 2;}
#logo p {width: 0; padding: 0; margin: 0; overflow: hidden;}
#logo p a {position: relative; height: 0; display: block; text-indent: -9999em; -webkit-transition: all 300ms ease 50ms; -moz-transition: all 200ms ease 50ms; -o-transition: all 200ms ease 50ms; transition: all 200ms ease 50ms; z-index: 3000;}

#vlajky {position: relative; float: right; top: 0; margin: 0; text-align: left; color: #777; font-size: 15px; z-index: 3001;}
#vlajka {margin: 0; padding: 25px 25px 0 0;}
#vlajka span {padding: 0 5px;}
#vlajka a {text-decoration: none; color:#777;}
#vlajka a:hover {color: #d3c065;}
#vlajka select {padding: 2px; margin: 5px 0 0; color: #fff; background-color: #0f5d80; border: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; cursor: pointer;}
#vlajka select option {border: 0;}
#vlajky img {height: 24px; margin: 0 0 0 7px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 1px 0 10px rgba(100,100,100,0.1); -moz-box-shadow: 1px 0 10px rgba(100,100,100,0.1); box-shadow: 1px 0 10px rgba(100,100,100,0.1);} 
#vlajky 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;}
  
.menu-row {position: relative; padding: 0; margin: 20px 0 0 0; text-align: right; z-index: 1000;}
.menu {margin: 0 0 0 auto; padding: 0; overflow: hidden; text-align: left;}
.menu li {display: inline-block; margin: 0; padding: 0; list-style: none;}
.menu li img {position: relative; top: 2px; width: 15px; height: 15px;}
.menu li a {display: inline-block; width: auto; padding: 10px 25px; margin: 0 5px; white-space: nowrap; font-size: 15px; font-weight: 400; text-transform: lowercase; color:#777; text-align: center; text-decoration: none; -webkit-transition: all 300ms ease 50ms; -moz-transition: all 200ms ease 50ms; -o-transition: all 200ms ease 50ms; transition: all 200ms ease 50ms; cursor: pointer;}
.menu ul {list-style: none; margin: 0 0 0 1px; width: 142px; position: absolute; top: -999em; color: #23292c; background-color: rgba(55,55,55,0.9);}
.menu li:hover ul, .menu li.sfHover ul {top: 47px;}
#menu li ul a {width: 142px; text-align: center; white-space: nowrap; font-size: 14px; border-radius: 0; margin: 0; padding: 2px 10px; border-bottom: 0; text-transform: lowercase; background-color: rgba(20,20,20,0.9); background-image: none;}
.menu > li > a:hover {color: #d3c065; -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: 600;}
.menu li .aktivni:hover {color: #d3c065;}
#menu li:hover ul a:hover, #menu li.sfHover ul a:hover {width: 142px; color: #d3c065; background-color: rgba(255,255,255,1);}
.menu ul ul {padding: 0; background-image: none;}
.menu .iconka {font-family: 'Material Icons'; content: ""; font-size: 20px; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; box-sizing: border-box;}

.menuresponziv, .overlay {display: none;}
.overlay-content ul {list-style-type: none; margin: 0;}
.overlay-content li {margin: 0;}

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

.is-sticky #sticker #logo p {padding: 5px 0 0 40px;}
.is-sticky #sticker #logo p a {height: 70px; background-size: 59px 60px; -webkit-transition: all 300ms ease 50ms; -moz-transition: all 200ms ease 50ms; -o-transition: all 200ms ease 50ms; transition: all 200ms ease 50ms;}
.is-sticky #sticker .menu {padding: 0;}
.is-sticky #sticker .menu-row {margin: -75px 0 0 0; text-align: right; background-color: #fff; z-index: 1000;}
.is-sticky #sticker .menu li a {display: inline-block; padding: 10px 20px; margin: 15px 5px;}
.is-sticky #sticker .menu ul a {}
.is-sticky #sticker .menu > li > a:hover {color: #d3c065;}

/*********************************content*************************************/
#content {position: relative; margin: 0; overflow: hidden; z-index: 1;}
#content0 {position: relative; width: 100%; padding: 10px 0 40px 0; overflow: hidden; z-index: -1;}
#content1 {position: relative; width: 100%; padding: 10px 0 40px 0; overflow: hidden; z-index: 1;}
#content2 {position: relative; width: 100%; padding: 10px 0 40px 0; overflow: hidden; z-index: 1;}
#content3 {position: relative; width: 100%; padding: 10px 0 40px 0; overflow: hidden; z-index: 1;}
#content4 {position: relative; width: 100%; padding: 10px 0 40px 0; overflow: hidden; z-index: 1;}
#content5 {position: relative; width: 100%; padding: 10px 0 40px 0; overflow: hidden; z-index: 1;}
#content6 {position: relative; width: 100%; padding: 10px 0 40px 0; overflow: hidden; z-index: 1;}
#content7 {position: relative; width: 100%; padding: 10px 0 40px 0; overflow: hidden; z-index: 1;}
#content8 {position: relative; width: 100%; padding: 10px 0 40px 0; overflow: hidden; z-index: 1;}
#content9 {position: relative; width: 100%; padding: 10px 0 40px 0; overflow: hidden; z-index: 1;}
#content10 {position: relative; width: 100%; padding: 10px 0 40px 0; overflow: hidden; z-index: 1;}
#content11 {position: relative; width: 100%; padding: 10px 0 40px 0; overflow: hidden; z-index: 1;}
#content12 {position: relative; width: 100%; padding: 10px 0 40px 0; overflow: hidden; z-index: 1;}

#content14 {position: relative; width: 100%; padding: 10px 0 40px 0; overflow: hidden; z-index: 1;}
#content15 {position: relative; width: 100%; padding: 10px 0 40px 0; overflow: hidden; z-index: 1;}

h1 {font-size: 28px; line-height: 130%; color:#777; padding: 10px 0 20px 0; margin: 0; font-weight: 400; text-transform: uppercase;}
h2 {font-size: 41px; line-height: 130%; color:#777; padding: 0; margin: 30px 0 30px 0; font-weight: 400;}
h3 {font-size: 20px; line-height: 130%; color:#777; padding: 0; margin: 20px 0 10px 0; font-weight: 400;}
h4 {font-size: 15px; color: #333; padding: 0; margin: 30px 0 10px 0;}

/****************************footer************************/
#paticka {width: 100%; margin: 100px 0 0 0; padding: 0; font-size: 13px; text-align: center;}
#paticka a {color: #fff; text-decoration: none;}
#paticka a:hover {color: #fff; text-decoration: underline;}
#paticka h2, #paticka h3 {margin: 10px 0 10px 0; padding: 0; color: #fff; font-size: 15px; font-weight: 500;}
#paticka h3 {margin: 10px 0 10px 0;}
.patickatext {padding: 0 40px 0 0;}

#paticka .site {margin: 70px 0 0;}

#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: 40px 8px 10px 0;}
#paticka .tlacitko li {float: left; line-height: 26px; list-style: none outside none; margin-left: 5px;}
#paticka .tlacitko a {display: inline-block; width: 170px; padding: 10px 20px; text-align: center; font-size: 15px; font-weight: 500; text-transform: uppercase; color: #d8291e; 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; border-radius: 3px;}
#paticka .tlacitko a:active {color: #fff; background-color: #d8291e; cursor: default;}
#paticka .tlacitko a:hover {color: #fff; background-color: #d8291e; -webkit-transition:all 0.0s; -moz-transition:all 0.0s; -ms-transition:all 0.0s; -o-transition:all 0.0s; transition:all 0.0s; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1); -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.1); box-shadow: 0 1px 1px rgba(0,0,0,0.1); text-decoration:none;}
#paticka .tlacitko span {font-size: 17px; font-weight: normal;}
#paticka img {margin: 5px 10px;}
#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;}

footer {position: relative; width: 100%; padding: 0 0 10px; margin: 10px 0 0 0; color: #777; font-size: 9px; letter-spacing: 1px; overflow: hidden; z-index: 300;}
footer a {color: #770b10; letter-spacing: 1px; text-decoration: none;}
footer a:hover {color: #fff;}
footer span {font-weight: bold;}
.copyright {font-size: 9px; padding: 0; text-align: center; color: #777; line-height: 15px;}
.copyright a {color: #999; text-decoration: none; font-size: 9px;}
.copyright a:hover {color: #d3c065; text-decoration: none;}
.copyright .copyrightfirm {float: left; padding: 0 0 4px 30px; text-align: left;}
.copyright .copyrightcorp {float: right; padding: 0 30px 4px 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-vpravo {float: right; margin: 0 0 10px 20px;}
.obrazek-vlevo {float: left; margin: 0 20px 10px 0;}
.velkepismo {font-size: 30px; line-height: 40px;}
.modra {color: #21509b;}
.cervena {color: #d8291e;}
.ikonka {margin: 7px 5px 0px 0;}
.ikona-soubor {margin: 0 5px -4px 10px;}
.mapa {padding: 0 0 30px 0; border: 0; text-align: center; overflow: hidden;}
.mapagoogle {float: left; width: 100%; margin: 0; height: 300px; overflow: hidden;}
.ramecek {margin: 30px 0; padding: 20px; text-align: center; border: 1px solid #fff; border-radius: 3px;}
.mobil {display: none;}

.tlacitko {}
.tlacitko ul {margin: 0;}
.tlacitko li {float: left; line-height: 26px; list-style: none outside none;}
.tlacitko a {display: inline-block; width: auto; padding: 10px 20px; text-align: center; font-size: 15px; font-weight: 500; text-transform: uppercase; color: #fff; border: 1px solid #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; border-radius: 3px;}
.tlacitko a:hover {color:#777; background-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; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1); -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.1); box-shadow: 0 1px 1px rgba(0,0,0,0.1); text-decoration:none;}

#blok1, #blok2, #blok3, #blok4 {display: none;}

.stranka {padding: 0px 0 80px 0;}

#content0 h1 {font-size: 40px; padding: 30px 20px 20px;}
#content0 img {width: 100%;}

#content1 .col-1-2 {width: 36%;}
#content1 .uvod1 {float: left;}
#content1 .uvod1mobil {display: none;}
#content1 .col-1-2 .uvod1 h1 {font-size: 50px; margin: 36% 20px 0; text-align: center;}
#content1 .col-1-2 .uvod1 img {margin: 33% 0 0;}
#content1 .uvod1foto {float: right; width: 64%;}

.uvod15 {text-align: center;}

.uvod2 {position: absolute; top: 50%; margin: 0 20% 0 36%; text-align: left; transform: translate(0, -50%);}
#content2 .uvod2foto {float: left; width: 400px;} 

.uvod3 {position: absolute; top: 50%; margin: 0 36% 0 20%; text-align: right; transform: translate(0, -50%);}
#content3 .uvod3foto {float: right; width: 400px;}

.uvod4 {position: absolute; top: 50%; margin: 0 20% 0 36%; text-align: left; transform: translate(0, -50%);}
#content4 .uvod4foto {float: left; width: 400px;}

.uvod6 {position: absolute; top: 50%; margin: 0 36% 0 20%; text-align: right; transform: translate(0, -50%);}
#content6 .uvod6foto {float: right; width: 400px;}

.uvod8 {position: absolute; top: 50%; margin: 0 20% 0 36%; text-align: left; transform: translate(0, -50%);}
#content8 .uvod8foto {float: left; width: 400px;}

.uvod9 {position: absolute; top: 50%; margin: 0 36% 0 20%; text-align: right; transform: translate(0, -50%);}
#content9 .uvod9foto {float: right; width: 400px;}
.barva0 {width: 400px; margin: 0 auto; padding: 0; text-align: center; overflow: hidden;}
.barva1, .barva2, .barva3 {float: left; width: 170px; height: 170px; margin: 0px 3%; text-align: center; color: #ccc; text-align: center; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%;}
.barva1 {background-color: #f6f2e1; background: url("../UserFiles/Image/images/barva3.png") top left no-repeat; background-size: cover;}
.barva2 {background-color: #991d10; background: url("../UserFiles/Image/images/barva1.png") top left no-repeat; background-size: cover;}
.barva3 {clear: both; float: none; margin: 0 28%; background-color: #1f1f1f; background: url("../UserFiles/Image/images/barva2.png") top left no-repeat; background-size: cover;}
.barva1 p, .barva2 p, .barva3 p {font-size: 20px; font-weight: 800; padding: 45% 0 0 0; color: #fff; letter-spacing: 0;}
.barva2 p {color: #666;}

.uvod10 {position: absolute; top: 50%; margin: 0 20% 0 36%; text-align: left; transform: translate(0, -50%);}
.uvod10 img {width: 120px;}
#content10 .uvod10foto {float: left; width: 400px;}

.uvod11 {position: absolute; top: 50%; margin: 0 36% 0 20%; text-align: right; transform: translate(0, -50%);}
#content11 .uvod11foto {float: right; width: 400px;}

.uvod5 {position: absolute; top: 50%; margin: 0 0 0 36%; text-align: left; transform: translate(0, -50%);}
#content5 .uvod5foto {float: left; width: 400px;}
.uvod5 dl {padding: 0;}
.uvod5 dd {margin: 0 0 0.5px 180px;}

.uvod14 {position: absolute; top: 50%; margin: 0 36% 0 0; text-align: right; transform: translate(0, -50%);}
#content14 .uvod14foto {float: right; width: 400px;}
.uvod14 dl {padding: 0;}
.uvod14 dd {margin: 0 0 0.5px 180px; text-align: left;}

.uvod12 {position: absolute; top: 50%; margin: 0 20% 0 36%; text-align: left; transform: translate(0, -50%);}
#content12 .uvod12foto {float: left; width: 400px;}
#content12 .iconka {font-family: 'Material Icons'; content: ""; font-size: 30px; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; box-sizing: border-box;}
#content12 a {text-decoration: none;}

.fadeonload {opacity: 0;}
.fadein {position: relative; opacity: 0; bottom: -20px;}
.fadein2 {position: relative; bottom: -40px;}
.fadeinbottom {position: relative; opacity: 0; bottom: -60px; max-width: 100%;}

#dialog {min-height: 220px !important; font-size: 12px; text-align: left; background: rgba(255,255,255,0.9);}
#dialog .ui-tooltip {padding: 8px; position: absolute; z-index: 9999; max-width: 300px; -webkit-box-shadow: 0 0 5px #aaa; box-shadow: 0 0 5px #aaa;}
.dialog-obsah {width: auto; padding: 50px 10% 20px; text-align: center;}
.dialog-obsah p {font-size: 40px; line-height: 50px;}
.ui-dialog {width: 65% !important; top: 35% !important;	left: 22.5% !important;	margin: auto !important;}