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%;}
body {font-family: "Armata", arial, "Arial CE"; font-size: 90%; color: #343434;}
.ic {border: 0; float: right; color: #f00; width: 50%; line-height: 10px; font-size: 10px; margin: -220% 0 0 0; overflow: hidden; padding:0;}

dl {line-height: 140%; padding: 10px 0 10px 0;}
dt {left: 0; float: left; padding: 0; padding: 0 0 0 20px; border: 0; font-style: italic;}
dd {padding: 0; margin: 0 0 0.5em 150px; 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;} 
input {font-size: 100%; margin: 2px 0 2px 0px; border: 0; background-color: #fff; font-family: "Armata";}
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: "Armata";}
select {margin: 0 0 2px 0; font-size: 100%;}
legend {position: absolute; margin: -15px 0; top: -.5em; right: 20px; font-size: 90%; color: #000; font-weight: bold;}
fieldset {position: relative; text-align: left; border: 0; color: #000; padding: 20px 25px 20px 10px; margin: 10px 0 20px 0; font-size: 95%; background-color: rgba(240,240,240,0.8);}

#page1 {}
#page1 #content ul, #page1 #content ol {padding: 10px 0 20px 90px; margin: 0;}
#page3 {/*min-width: 1034px;*/}

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

a {color: #343434; outline: none;}
a:hover {color: #e31e24;}

.col-1, .col-2 {float:left;}

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

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

header {position: relative; width: 100%; margin: 0; background: #e4e4e4 url(../UserFiles/Image/images/omitka.jpg) repeat; z-index: 2;}
#logo {}
#logo p {padding: 0; margin: 0 auto; position: relative; overflow: hidden; z-index: 300;}
#logo p a {height: 100px; padding: 20px 0 0 0; display: block; text-indent: -9999em; background: url(../UserFiles/Image/images/logo.png) no-repeat 0 0; background-position: center center;}

#hlavickatext1 {position: relative; text-align: left; margin: -50px 0 30px 50px; padding: 0; font-size: 22px; font-weight: bold; z-index: 1000;}
#hlavickatext2 {position: relative; text-align: right; margin: -50px 50px 30px 0; padding: 0; font-weight: bold; z-index: 1000;}
#hlavickatext2 p a {padding: 0; text-decoration: none;}
#hlavickatext2 p a:hover {color: #e31e24;}

.menu-row {top: 0; padding: 0; margin: 0; text-align: center; z-index: 200;}
#page1 .menu-row {margin: 0;}
.menu {overflow: hidden; background-color: #fff;}
.menu li {display: inline-block; margin: 0; padding: 0; list-style-type: none; line-height: 26px;}
.menu li a {display: inline-block; padding: 13px 19px 9px 19px; margin: 0 0 0 -4px; font-size: 14px; color: #666; background-color: #fff; border-right: 1px solid #e4e4e4; border-bottom: 2px solid #fff; text-align: center; font-weight: normal; text-decoration: none; cursor: pointer;}
.menu ul {list-style-type: none; margin: 0; width: 230px; position: absolute; top: -999em; }
.menu li:hover ul, .menu li.sfHover ul {top: 176px;}
.menu ul a {width: 230px; text-align: left; white-space: nowrap; border-radius: 0; margin: 0 0 0 -4px; padding: 6px 5px 6px 18px; font-size: 12px; background-color: rgba(240,240,240,0.9);}
.menu > li > a:hover {color: #343434; background-color: rgba(240,240,240,0.9); border-bottom: 2px solid #e31e24; -webkit-transition: all 400ms ease 0s; -moz-transition: all 400ms ease 0s; -o-transition: all 400ms ease 0s; transition: all 400ms ease 0s;}
.menu li a.aktivni {color: #343434; border-bottom: 2px solid #e31e24;}
#menu li:hover ul a:hover, #menu li.sfHover ul a:hover {width: 230px; color: #343434; border-bottom: 2px solid #e31e24; background-color: rgba(220,220,220,0.9); -webkit-transition: all 400ms ease 0s; -moz-transition: all 400ms ease 0s; -o-transition: all 400ms ease 0s; transition: all 400ms ease 0s;}

.is-sticky #sticker .menu {border-bottom: 10px solid #727271;}
.is-sticky #sticker li:hover ul, .is-sticky #sticker li.sfHover ul {top: 50px;}

/*********************************content*************************************/
#content0 {position: relative; padding: -30px 0 0 0; z-index: 1;}
#content {position: relative; width: 100%; padding: 0px 0 0 0; z-index: 1; text-align: left; border-top: 10px solid #727271; font-size: 12px;}
#content1 {position: relative; width: 100%; padding: 0; z-index: 1;}
#content2 {position: relative; width: 100%; padding: 40px 0 0 0; z-index: 1; text-align: center;}
#content3 {position: relative; width: 100%; padding: 30px 0 30px 0; z-index: 1; text-align: center;}
#content4 {position: relative; width: 100%; padding: 30px 0 30px 0; z-index: 1; text-align: center; background: #727271 url(../UserFiles/Image/images/info.png) no-repeat 0 center; background-size: auto 120%;}
#content5 {position: relative; width: 100%; padding: 40px 0 40px 0; z-index: 1; text-align: center;}
#content6 {position: relative; width: 100%; padding: 30px 0 30px 0; z-index: 1; text-align: center;}

h1 {font-size: 260%; line-height: 130%; color: #e31e24; padding: 50px 10px 20px 0; margin: 0 0 10px 0; letter-spacing: 2px; text-transform: uppercase;}
h2 {font-size: 140%; line-height: 140%; color: #444; padding: 0; margin: 30px 0 20px 0; letter-spacing: 2px;}
h3 {font-size: 130%; color: #393185; padding: 0; margin: 30px 0 10px 0; letter-spacing: 2px;}
h4 {font-size: 110%; color: #e31e24; padding: 0; margin: 30px 0 10px 0; letter-spacing: 2px;}

/****************************footer************************/
#paticka {width: 100%; margin: 60px 0 0 0; padding: 10px 0 10px 0; font-size: 12px; text-align: center; color: #444; background-color: #e4e4e4;}
#paticka a {color: #444; letter-spacing: 2px; text-decoration: none;}
#paticka a:hover {color: #e31e24;}
#paticka span {font-weight: bold; font-size: 22px;}
#paticka .facebook {padding: 40px 10px 20px 10px;}
#paticka .ikonka {margin: 7px 10px 0px 0;}
#paticka a:hover img {filter: alpha (opacity=70); -moz-opacity:.70; opacity:.70; -webkit-transition: all 300ms ease 0s; -moz-transition: all 300ms ease 0s; -o-transition: all 300ms ease 0s; transition: all 300ms ease 0s;}

footer {width: 100%; margin: 0; padding: 10px 0 10px 0; font-size: 12px; text-align: center; color: #444; background-color: #e4e4e4; letter-spacing: 2px; }
footer a {color: #444; letter-spacing: 2px; text-decoration: none;}
footer a:hover {color: #e31e24;}
footer span {font-weight: bold; font-size: 22px;}
.copyright {width: 100%; font-size: 8px; padding: 5px 0 0 0; text-align: center; overflow: visible;}
.copyright a {color: #888; text-decoration: none;}
.copyright a:hover {color: #222; text-decoration: none;}

/****************************moje************************/	
.noscreen {display: none;}
.cleaner {clear: both;}
.nastred {text-align: center;}
.doleva {text-align: left;}
.doprava {text-align: right;}
.obrazek-vpravo {float: right; margin: 10px 5px 10px 20px; box-shadow: 0.5px 0.5px 5px rgba(0,0,0,0.3);}
.obrazek-vlevo {float: left; margin: 0 20px 10px 0;}
.foto {margin: 5px 0 10px 20px; box-shadow: 0.5px 0.5px 5px rgba(0,0,0,0.3);}
.velke {font-size: 125%; color: #888888;}
.mapa {border: 0; text-align: center; }
.mapagoogle {width: 100%; height: 350px; padding: 20px 0 0 0;}
.navigace {float: right; text-align: right; font-style: italic; font-size: 13px; padding: 20px 10px 10px 0; margin: 0;}
.qr {float: right; margin: 5px 40px 5px 10px;}
.ikonka {margin: 0px 10px 0px 40px;}
.ikona-soubor {margin: 0 5px -4px 10px;}
.cervena {color: #e31e24;}
.ramecek {font-size: 13px; padding: 30px 20px 30px 20px; background-color: #ebebeb;}
.labkontakt {width: 160px; float: left; text-align: left; padding: 0 10px 0 20px;}
.formular {padding: 5px 0 0 150px; font-size: 11px;}
.tlacitka {text-align: center; padding: 10px 0 0 0;}
.labzajem {padding-left: 10px;}
.odrazka {margin: 5px 0 20px 40px; list-style-image: url("../UserFiles/Image/images/odrazka.png");}

.tabulka1 {width: 100%; text-align: center; font-size: 14px;}
.tabulka2 {width: 70%; text-align: center; font-size: 14px;}
.tabulka1 td, .tabulka2 td {padding: 2px 5px; border: 2px solid #fff;}
.tabhlav {color: #fff; font-weight: bold; background-color: #393185; vertical-align: middle;}
.tabtyp {text-align: left; font-weight: bold; padding-left: 5px; background-color: #e4e4e4;}
.tabtyp1 {text-align: left; font-weight: bold; padding-left: 5px;}
.tabtyp2 {text-align: left; padding-left: 5px;}
.tabobs1 {background-color: #E9EDF5;}
.tabobs2 {background-color: #f0f0f0;}
.tabtep1 {background-color: #CBD3E7;}
.tabtep2 {background-color: #F2A29D;}

.uvod1 {padding: 0;}

.uvod2 {padding: 0 12%; font-size: 14px; line-height: 170%; letter-spacing: 1px;}
.uvod2 h1 {font-size: 260%; line-height: 130%; color: #e31e24; padding: 0; margin: 30px 0 30px 0; text-align: center; font-weight: 800; letter-spacing: 1px;}
.uvod2 h1 span {font-size: 260%; color: #343434;}

.uvod3 {width: 100%; height: auto; margin: 0; padding: 0; text-align: center; overflow: auto;}
.piktogram {position: relative; display: inline-block; width: 230px; height: 190px; text-align: center; margin: 0 auto; font-size: 80%; line-height: 150%; letter-spacing: 2px;}
.piktogram a {text-decoration: none; opacity: 1; -webkit-transition: all 200ms ease 0s; -moz-transition: all 200ms ease 0s; -o-transition: all 200ms ease 0s; transition: all 200ms ease 0s;}
.piktogram a:hover {color: #343434; opacity: 0.7;}
.ico-piktogram {float: left; margin: 0 20px 50px 0;}

.aktualita {padding: 20px 30px 20px 30px; margin: 20px 0; font-size: 12px; background-color: #f0f0f0;}
.aktualita h2 {padding: 0 0 0 0px; margin: 5px 0 10px 0;}
.aktualita-datum {padding: 0 0 0 0px; margin: 5px 0 20px 0;font-style: italic;}
.aktualita-text {padding: 0; margin: 0;}

.uvod4 {padding: 10px 40px 10px 100px; margin: 5px 0 0 0; color: #fff; text-align: center;}
.uvod4 .aktualita {padding: 10px 20px 10px 20px; margin: 5px 0 0 0; color: #fff; background: none; overflow: visible;}
.uvod4 .aktualita h2 {padding: 0 0 0 0px; margin: 5px 0 10px 0; color: #fff;}
.uvod4 .aktualita-datum {padding: 0 0 0 0px; margin: 5px 0 20px 0; color: #fff; font-style: italic;}

.uvod5foto {float: left; width: 30%; padding: 0; margin: 10px; text-align: center; box-shadow: 2px 2px 15px #ddd;}
.uvod5foto a {}
.uvod5foto a:hover {box-shadow: none; filter: alpha (opacity=70); -moz-opacity:.70; opacity:.70; -webkit-transition: all 300ms ease 0s; -moz-transition: all 300ms ease 0s; -o-transition: all 300ms ease 0s; transition: all 300ms ease 0s;}

.uvod6 p {padding: 30px 0 50px 0;}
.uvod6 h2 {font-size: 220%; line-height: 130%; padding: 0; margin: 0; color: #727271; text-align: center; font-weight: 800; letter-spacing: 3px; text-align: center;}
.uvod6 h2 span {padding: 0 20px; color: #e4e4e4;}

.lista0 {position: absolute; right: 20px; top: 0; padding: 0; z-index: 600;}
.lista {float: left; padding: 0 5px;}
.lista0 select {cursor: pointer; font-family: "Open Sans"; font-size: 90%;}

.produkt-box {float: left; width: 23%; height: 220px; text-align: center; margin: 4px 7px 10px 7px; background-color: #727271;}
  #content .produkt-box h2 {height: 40px; margin: 0; padding: 6px 4px 4px 4px; font-size: 110%; line-height: 130%; text-align: center; cursor: pointer; font-weight: normal; border: 0; overflow: hidden;}
  .produkt-box img.fotonahled {border: 0; text-align: center; color: #fff;}
    .box-foto {height: 165px;}
  .produkt-box a {color: #fff; text-decoration: none;}
  .produkt-box:hover, .produkt-box.hover  {color: #fff; text-decoration: none; background-color: #b2b2b2;}
	.produkt-box {
		background-color: expression(
			this.onmouseover = new Function("this.className += ' hover';"),
			this.onmouseout = new Function("this.className = this.className.replace(' hover', '')")
		);
	}
    .produkt-box:hover a, .produkt-box.hover a {color: #fff;}

.produkty {clear: both; width: 100%; padding: 10px 0 20px 0;}
.produkt {float: left; width: 22%; padding: 0; margin: 20px 1%; text-align: center;}
.produkt img {border: 0;}
.produkt h2 {padding: 0; margin: 5px 0 10px 0;}
.produkt a {opacity: 1; -webkit-transition: all 200ms ease 0s; -moz-transition: all 200ms ease 0s; -o-transition: all 200ms ease 0s; transition: all 200ms ease 0s;}
.produkt a:hover {opacity: 0.8;}
.produktfoto {}

.reference {float: left; width: 165px; height: 120px; padding: 0; margin: 10px; text-align: center;}
.reference .foto {padding: 0; margin: 0;}
.reference a {opacity: 1; -webkit-transition: all 200ms ease 0s; -moz-transition: all 200ms ease 0s; -o-transition: all 200ms ease 0s; transition: all 200ms ease 0s;}
.reference a:hover {opacity: 0.8;}

#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;}
#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;}

.slider-nav {margin-top: 5px;}
.slider-nav img {position: relative; border: 5px solid #fff; z-index: 5;}
.slider-nav .slick-center img {position: relative; border: 5px solid #bf9a5b; z-index: 5000;}

#accordion {margin: 30px 20% 0 20%; font-size: 90%; background-color: rgba(240,240,240,0.3);}
#accordion h3 {margin: 5px 0 0 0; padding: 5px 10px 5px 10px; font-size: 130%; color: #333; letter-spacing: 2px;}
#accordion p {margin: 0; padding: 0; }