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: "PT Sans", arial, "Arial CE"; font-size: 100%; color: #666;}
.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: "Open Sans";}
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: "Open Sans";}
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 {}
#page3 {/*min-width: 1034px;*/}

.main {line-height: 24px; letter-spacing: 2px;} 

a {color: #343434; outline: none;}
a:hover {color: #991d10;}

.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; width: 100%; margin: 0; z-index: 2;}
#logo {position: fixed;}
#logo p {padding: 0; margin: -30px 0 0 45px; position: relative; overflow: hidden; z-index: 300;}
#logo p a {padding: 0 130px 220px 0; display: block; text-indent: -9999em; background: url(../UserFiles/Image/images/logo.png) no-repeat 0 0;}
  
#vlajky {position: absolute; float: right; right: 10px; margin: -40px 0 0 0; padding: 0; z-index: 10000;}
#vlajky a {text-decoration: none; color: #666; font-size: 15px;}
#vlajky a img {width: 25px;}
#vlajky a:hover {text-decoration: underline; color: #b08751;}
#vlajky 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;}
#vlajky span {padding: 0 10px; font-size: 12px;} 
  
.menu-row {padding: 0; margin: 50px 0 0 0; text-align: center; z-index: 200;}
#page1 .menu-row {margin-bottom: 0;}
.menu {margin: 0; padding: 0 0 0 50px; overflow: hidden; background-color: rgba(255,255,255,0.9); border-bottom: 5px solid #f0f0f0;}
.menu li {display: inline-block; margin: 0; padding: 0; list-style: none;}
.menu li a {display: inline-block; padding: 14px 20px 6px 20px; margin: 0 1px 0 0; font-size: 15px; color: #666; border-bottom: 2px solid #fff; text-align: center; text-decoration: none; cursor: pointer;}
.menu ul {list-style: none; margin: 0; width: 290px; position: absolute; top: -999em; }
.menu li:hover ul, .menu li.sfHover ul {top: 46px;}
.menu ul a {width: 290px; text-align: left; white-space: nowrap; border-radius: 0; margin: 0 0 0 6px; padding: 4px 5px 4px 18px; border-bottom: 0; background-color: rgba(240,240,240,0.9);}
.menu > li > a:hover {color: #343434; border-bottom: 2px solid #b08751; -webkit-transition: all 300ms ease 50ms; -moz-transition: all 300ms ease 50ms; -o-transition: all 300ms ease 50ms; transition: all 300ms ease 50ms;}
.menu li a.aktivni {border-bottom: 2px solid #b08751;}
#menu li:hover ul a:hover, #menu li.sfHover ul a:hover {width: 290px; color: #fff; background-color: #b08751; -webkit-transition: all 300ms ease 50ms; -moz-transition: all 300ms ease 50ms; -o-transition: all 300ms ease 50ms; transition: all 300ms ease 50ms;}

.is-sticky #sticker .menu-row {margin: 0;}
.is-sticky #sticker .menu {background-color: #fff;}
.is-sticky #sticker li:hover ul, .is-sticky #sticker li.sfHover ul {top: 46px;}

/*********************************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: center;}
#content1 {position: relative; width: 100%; top: 0px; padding: 0; z-index: 1; background-color: #f0f0f0; border-bottom: 5px solid #f0f0f0;}
#content2 {position: relative; width: 100%; padding: 60px 0 60px 0; z-index: 1; text-align: center; background-color: #f0f0f0;}

h1 {font-size: 260%; line-height: 130%; color: #991d10; padding: 50px 10px 20px 0; margin: 0 0 10px 0; letter-spacing: 2px; text-transform: uppercase; font-family: "Open Sans";}
h2 {font-size: 140%; line-height: 140%; color: #b08751; padding: 0; margin: 30px 0 20px 0; letter-spacing: 2px; font-family: "Open Sans";}
h3 {font-size: 120%; color: #000; padding: 0; margin: 30px 0 10px 0; letter-spacing: 2px;}
h4 {font-size: 120%; color: #333; padding: 0; margin: 30px 0 10px 0; letter-spacing: 2px;}

/****************************footer************************/
footer {width: 100%; padding: 25px 0 10px 0; font-size: 15px; text-align: right; color: #000; letter-spacing: 2px; }
footer a {color: #000; letter-spacing: 2px; text-decoration: none;}
footer a:hover {color: #cc7610;}
footer span {font-weight: bold; font-size: 22px;}
footer img {padding: 0 15px 10px 0;}
.copyright {width: 100%; font-size: 8px; padding: 5px 0 0 0; text-align: center; font-family: "Open Sans";}
.copyright a {color: #d2d2d2; text-decoration: none;}
.copyright a:hover {color: #000; 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: 0 0 10px 20px;}
.obrazek-vlevo {float: left; margin: 0 20px 10px 0;}
.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: 7px 5px 0px 0;}
.ikona-soubor {margin: 0 5px -4px 10px;}
.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;}

.uvodmobil {width: 0; height: 0;}

.uvod1 {padding: 0;}

.uvod2 {padding: 0; font-size: 16px; line-height: 170%;}
.uvod2 h1 {font-size: 260%; line-height: 130%; color: #991d10; padding: 0; margin: 50px 0 40px 0; text-align: center; font-weight: 800;}
.uvod2 h1 span {font-size: 260%; color: #343434;}

#content3 .aktuality {height: 230px; padding: 5px 0 0 0; margin: 0 15px 0 0; color: #fff; background-color: #d1b892; overflow: visible;}
#content3 .aktuality h2 {padding: 0; margin: 0;}
#content3 .aktualita {padding: 10px 20px 10px 20px; margin: 5px 0 0 0; color: #fff; overflow: visible;}
#content3 .aktualita h2 {padding: 0 0 0 0px; margin: 5px 0 5px 0; background-image: none;}
#content3 .aktualita-foto {width: 100%; padding: 0; margin: 0;}
#content3 .aktualita-foto img {width: 100%;}

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