@font-face {
    font-family: 'UbuntuRegular';
    src: url('font/Ubuntu-Regular-webfont.eot');
    src: url('font/Ubuntu-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/Ubuntu-Regular-webfont.woff') format('woff'),
         url('font/Ubuntu-Regular-webfont.ttf') format('truetype'),
         url('font/Ubuntu-Regular-webfont.svg#UbuntuRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

html {min-height:100%;height:auto;background-color: #fafafa;font-size:12pt; color:#234}
body, div, form {margin:0;padding:0;}
h1,h2,h3,p,a,td,th,div,label,input,textarea{font-family: UbuntuRegular, arial, sans-serif;font-size:11pt; margin:0;padding:0;}
ul {list-style-type:square}
b {font-weight: normal; color:#329600;}
a, a:link, a:visited, .fakeA, .fakeA2 {text-decoration:none; color: #2E8C00; cursor:pointer; outline:none}
a:hover, .fakeA:hover {text-decoration:underline; color: #38AA00; cursor:pointer}
.fakeA2:hover {text-decoration:none;background-color:#e7f2ff;}

#head {/*height:120px; */margin:0;background: #222 url(nohap.png) no-repeat left top;border-bottom:solid 1px #fff}
#head_con {height:150px;/*background: #444 no-repeat -300% 300%*/}
#head_con h1 {font-size:40pt;line-height:42pt;padding:44px 0 0;font-weight: normal;color:#eee;text-shadow: 2px 2px 6px #000/*, 0 0 30px #fff*/;}
#head_con h1 .fo {color:#f2f2f2}
#head_con h1 .fi {color:#b2f291}
#head_con h1 img {display:none}
#head_con h2 {margin: 24px 0 5px; color:#3CB400; font-size:13pt; font-weight: normal;text-shadow: 1px 1px 2px #000/*,0 0 10px #C4E1B5*/;text-align:right}
#menu {border-top: solid 1px #1A5000; border-bottom: solid 1px #1A5000; width: 100%;margin-bottom: 10px; background-image: url(prgr.png); box-shadow: 0 0px 7px 0 #000}
#menu_con {}
#menu_con ul { margin: 6px -1em; padding:0; list-style-type: none; text-align:center; padding:0}
#menu_con div {display:block; text-align:center}
#menu_con li{/*height:40px; width:20%;*/ min-width:6em; margin:2px; display:inline-block;}
#menu_con a { display:block; border-radius:4px; line-height:40px; padding:0 0.75rem; text-decoration:none; font-size:11pt; color:#eaeaea; text-shadow: 1px 1px 1px #1A5000,0 0 4px #1A5000; background-color: transparent;border: solid 1px rgba(255,255,255,0.1); -moz-transition-property:background-color,border-color; -moz-transition-duration:0.5s; -moz-transition-timing-function: ease; -webkit-transition-property:background-color,border-color;	-webkit-transition-duration:0.5s; -webkit-transition-timing-function: ease; -o-transition-property:background-color,border-color; -o-transition-duration:0.5s; -o-transition-timing-function: ease;}
#menu_con a:hover{color:#fff;text-shadow: 1px 1px 1px #1A5000,0 0 4px #216400; background-color:#329600;border: solid 1px rgba(255,255,255,0.5);-moz-transition-property:background-color,border-color; -moz-transition-duration:0.5s; -moz-transition-timing-function: ease; -webkit-transition-property:background-color,border-color;	-webkit-transition-duration:0.5s; -webkit-transition-timing-function: ease; -o-transition-property:background-color,border-color; -o-transition-duration:0.5s; -o-transition-timing-function: ease;}

#menu_con #lang {position: absolute; top: 0; right: 0; padding: 6px;}
#menu_con a.lang {width: 2em; padding: 2px 6px 0;margin: 4px 2px; display:inline-block; text-align: center; border-color: transparent;}
#menu_con a.select {color:#fff; text-shadow: 1px 1px 1px #1A5000,0 0 4px #216400; border: solid 1px rgba(255,255,255,0.25); }

#content {/*padding: 1em 0;*/ color:#231;clear:both}
#content h2 {font-size:22pt;line-height:30pt;margin:0.3em 0 0.5em;font-weight: normal}
#content h3 {font-size:16pt;line-height:22pt;margin:1em 0 0.5em;font-weight: normal}
#content h4 {font-size:14pt;line-height:20pt;text-align:justify;margin:0.4em 0 0.3em;font-weight: normal; }
#content p {font-size:11pt;line-height:19pt;text-align:justify; margin:0.3em 0 0.7em;}
#content ul {margin: 0 0 0 1em; padding-left:1em}
#content li {font-size:11pt;line-height:14pt;margin:0 0 0.45em; padding-left:0.5em; text-align:justify;}
#content p.left {text-align:left;}
#content p.ods {text-indent: 2em;}

#foot {padding: 0.5em; border-top: solid 1px #C4E1B5; text-align:center}
#foot p, #foot a {font-size:10pt;line-height:18pt; color:#6Fb04f}

.in {width:90%; margin:0 auto; padding:0 3%}
.stlpec1, .stlpec2 {display:block;}
.zv {color:#38AA00;}


#uvod .stlpec1 {margin-bottom: 1em; padding: 0.7em 0;}
#uvod .stlpec2 {margin-bottom: 1em; padding: 0.7em 0;}

#sportmenu {margin-bottom:1.5em}
#sportmenu p {margin:0.5em; padding:0.3em;width:12em;float:left;}
#sportmenu p a {border:solid 1px #fafafa; display:block;border-radius:6px;padding-left:4px;}
#sporty img {padding: 6px 6px 10px; border: solid 1px #888;border-left-color:#bbb;border-top-color:#bbb; background-color: #fff; box-shadow: 2px 2px 6px 0 #999}
#sporty #sportmenu img {padding:0; border: none; box-shadow: none; vertical-align:middle}
#sporty p.spimg {text-align: center}
#sportvyber {margin-top: 1em; padding: 0.6em 0 0.8em; border-top: solid 1px #C4E1B5;}
#sportvyber p{line-height: 30px; }

#postup ol {vertical-align:middle;padding:0; margin:1em 0 0; list-style-position:inside;border-top: solid 1px #C4E1B5}
#postup ol>li {border-bottom: solid 1px #C4E1B5;margin:0; padding: 0; padding-top:1em; vertical-align:top;color:#C4E1B5;font-size:20pt;}
#postup ol>li .stlpec1 {font-size:11pt;color:#234}
#postup ol>li .stlpec2 {text-align:center;line-height:0;vertical-align:middle;}
#postup img {height:300px;border:solid 1px #C4E1B5; outline:none; border-bottom:none;}

.produkt {border-top: solid 1px #C4E1B5;}
.produkt .stlpec1 {width: 90px; line-height:0}
.produkt .stlpec2 {}
.produkt img {width: 76px; height:200px;display:none}

#otazky {padding-top:1em}
#odpovede>div {padding:0 0 1.5em}
#odpovede #sportmenu img {padding:0; border: none; box-shadow: none; vertical-align:middle}
#odpovede h3 {padding-top:0; margin-top:2rem;}
#odpovede .osoba {border-top: solid 1px #C4E1B5;padding-bottom:1em;}
#odpovede .osoba .stlpec1 {}
#odpovede .osoba .stlpec2 {}
#odpovede .osoba img {height:160px; width:120px; border: solid 1px #C4E1B5; border-top:none}
#odpovede h4 {margin: 0.3em 0 0}
#odpovede .popis {margin: 0.1em 0 0.8em;}
#odpovede .odpoved {margin: 0.5em 0 0.3em}
#odpovede dl { font-size: 11pt; line-height: 17pt; text-align: justify}
#odpovede dt { color:#329600; margin: 1rem 0 0.5rem}
#odpovede dd { margin: 0;}

.partner {border-top: solid 1px #C4E1B5;}
.partner img {float: left; margin: 0.3em 1em 0.5em 0;width:100px;height:100px}

#kontakt .stlpec1 {padding: 0;}
#kontakt .stlpec2 {}
#mapa {height:600px;border:solid 1px #C4E1B5; background-image: url(mapa3.png); background-position: center center;}
#mapa a {font-size:11px}
#navi {font-size:11pt;border:solid 1px #C4E1B5;border-bottom: none; padding:0 0.1em 0 0.5em; vertical-align: 0}
#navi span {vertical-align: 1px}
#navi input {height:1.8em;line-height:1.8em; font-size:11pt;border:none;outline:none;border-left:solid 1px #C4E1B5; color:#234}
#navi input[type=text] {margin: 0 0 0 0.2em; padding: 0 0.2em; width:8em; vertical-align: 1px}
#navi input[type=submit] {margin: 0 0.7em 0 0; padding: 0 0.3em; vertical-align: top;border-right:solid 1px #C4E1B5; background-color: #E9F5E2; cursor:pointer}
#navi input[type=submit]:hover {background-color:#D9EBD0;}
#navi #stav {color:#223}
#navi #popis {display:none;}
#directionsPanel{margin:0; padding: 0 0 1em 0; font-size:10pt;display:none;background-color:#fafafa;border-top: solid 1px #C4E1B5;}

#content #sitemap {margin-left: 2em}
#content #sitemap li {padding: 0.3em 0;}
#content #sitemap ul {margin-top: 0.5em}
#content #sitemap ul li {padding: 0;font-size:10pt;}