/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html {font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;}
body {margin: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {display: block;}
audio, canvas, progress, video {display: inline-block; vertical-align: baseline;}
audio:not([controls]) {display: none; height: 0;}
[hidden],
template {display: none;}
a {background-color: transparent;}
a:active, a:hover {outline: 0;}
abbr[title] {border-bottom: 1px dotted;}
b, strong {font-weight: 700;}
dfn {font-style: italic;}
mark {background: #ff0; color: #000000;}
small {font-size: 80%;}
sub, sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
img {border: 0;}
svg:not(:root) {overflow: hidden;}
figure {margin: 1em 40px;}
hr {-moz-box-sizing: content-box; box-sizing: content-box; height: 0;}
pre {overflow: auto;}
code, kbd, pre, samp {font-family: monospace,monospace; font-size: 1em;}
button, input, optgroup, select, textarea {color: inherit; font: inherit; margin: 0;}
button {overflow: visible;}
button, select {text-transform: none;}
button, html input[type=button], input[type=reset], input[type=submit] {-webkit-appearance: button; cursor: pointer;}
button[disabled], html input[disabled] {cursor: default;}
button::-moz-focus-inner, input::-moz-focus-inner {border: 0; padding: 0;}
input {line-height: normal;}
input[type=checkbox], input[type=radio] {box-sizing: border-box; padding: 0;}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {height: auto;}
input[type=search] {-webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box;}
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {-webkit-appearance: none;}
fieldset {border: 1px solid silver; margin: 0 2px; padding: 0.35em 0.625em 0.75em;}
legend {border: 0; padding: 0;}
textarea {overflow: auto;}
optgroup {font-weight: 700;}
table {border-collapse: collapse; border-spacing: 0;}
td, th {padding: 0;}

a img {border: none;}
table {margin: 0; padding: 0;}
form, p, h1, h2, h3, h4, ul, li, ol {margin: 0; padding: 0;}

*, *:before, *:after { -webkit-box-sizing: border-box;   -moz-box-sizing: border-box;   box-sizing: border-box;}
#jquery-lightbox, #jquery-lightbox * {box-sizing: content-box;}

/* --------------------- OBECNÉ -------------------------- */
body {background: #fff; text-align: center; font-family: 'PT Sans', sans-serif; font-size: 100%; color: #383d49;}
html {font-size: 100%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;}

img {max-width: 100%;}
a {text-decoration: underline; color: #004F89;}
a:hover {text-decoration: none; color: #12c6db;}

.cleaner {clear: both; font-size: 0!important;}
.right {text-align: right;}
.center	{text-align: center;}
.bold {font-weight: bold;}
.fl {float: left;}
.fr {float: right;}
span.search-result {background: #5efec0;}
.nic, .skryty, .noDisplay {display: none;}

img.flexi {margin: 15px 60px 20px 0; display: block; float: left;}

a.tlacitko, input.submit {font-family: 'PT Sans Narrow', sans-serif; background-color: #004F89; display: inline-block; width: 160px; height: 42px; line-height: 42px; text-decoration: none; color: #fff; text-align: center; text-transform: uppercase; font-size: 1.222222222222222em; /*22/18*/ border: 0;}
a.tlacitko:hover, input.submit:hover {background-color: #095591; color: #fff; transition: .5s;}
                                                               
/* -------------------- ZÁKLADNÍ ROZVRŽENÍ -------------------- */
header {/*max-width: 1100px; */margin: 0 auto; text-align: left; position: relative;}
header {background: #004F89 url(../images/body.png) no-repeat center; background-position: center top;}

#logo {background: url(../images/logo-bg.png) no-repeat left bottom; text-align: center; width: 300px; height: 275px; margin-top: 13px; text-align: center; color: #fff; position: absolute; top: 0; left: 50%; transform: translateX(-50%);}
#logo p {font-size: 1.125em; /* 18/16 */ padding: 2px 0 0 0;}

.jazyky {margin: 25px 0 19px;}
.jazyky * {vertical-align: middle;}
.jazyky a {padding: 0 7px;}
.jazyky a.aktivni {cursor: default;}
.jazyky img {opacity: 0.6;}
.jazyky a:hover img, .jazyky a.aktivni img {opacity: 1;}

.uvodniFoto {max-width: 1200px; margin: 0 auto; border: 13px solid #fff; box-shadow: 0px 0px 3px rgba(0, 0, 0, .4); border-left: none; border-right: none; height: 397px; background: url(../images/penzion-falkenstejn.jpg) no-repeat center top;}
.uvodniFoto img {display: none;}

.obsah {max-width: 1100px; margin: 0 auto; text-align: left; font-size: 1.125em; /*18/16*/ line-height: 1.33em; padding: 25px 27px 10px;}

footer {background-color: #161616 /*#1b1b1b #15171d*/;}
.footerObsah {max-width: 1100px; margin: 0 auto; padding: 26px 27px 10px; color: #fff; font-size: .875em; /*14/16*/ line-height: 1.2em;}
.footerObsah p {padding-bottom: 1em;}
.footerObsah a {color: #fff;}

/* ----------------- MENU ------------------- */
div#web {padding-top: 125px;}
nav {position: fixed; top: 0; width: 100%; background-color: #161616; height: 56px; z-index:9999;}

.navIn {max-width: 1100px; margin: 0 auto;}
.navIn a.scroll {display: none;}
ul.menu {list-style-type: none;}
ul.menu li {display: block; border-bottom: 2px solid #fff;}
ul.menu li a, ul.menu li span {background-color: #b8e1e6/*#A1ECFF*/; font-family: 'PT Sans Narrow', sans-serif; display: block; text-align: center; text-decoration: none; color: #383d49; font-size: 1.25em; /*20/16*/ line-height: 24px; padding: .8em 10px; width: 100%; text-transform: uppercase; transition: color .1s ease-out, background 0.2s ease-in;}
ul.menu li a:hover, ul.menu li span, ul.menu li a.klikaci, ul.menu li.aktivni a {background-color: #004F89; color: #fff;}

ul.responsiveMenuActive {display: none;}

a.toggle-nav {background: #b8e1e6 url(../images/menu-mobil-symbol.png) no-repeat center center; display: block; padding: .8em 10px; font-size: 1.25em; /*20/16*/ line-height: 24px; text-decoration: none; color: #383d49; text-align: left; text-transform: uppercase; border-bottom: 2px solid #fff;}
a.toggle-nav span {display: inline-block;}

p.nahoru a {background-color: #004B87; display: block; font-size: 1.5em; /*246/16*/ line-height: 1.33em; padding: .5em 0em; color: #fff; text-decoration: none;}

/* ------------------- VNITREK --------------------------- */
h1, h2, h3 {line-height: 1.2em; overflow: hidden;}
h1 {font-family: 'PT Sans Narrow', sans-serif;  color: #fff; font-size: 1.5em; margin: 8px 0 22px; font-weight: normal;}
#o-penzionu h1 {padding: 2px 0 2px 18px; margin-left: -27px; margin-right: -27px; border-left: 9px solid #004F89; font-weight: 700;}
h2 {font-family: 'PT Sans Narrow', sans-serif;  color: #004f89; font-size: 1.94444em; /*1.333333333333333em; *//* 28/18 */ padding: 6px 0 12px 0px; font-weight: 700;}
h2.h2Nenalezeno {font-family: 'PT Sans Narrow', sans-serif; color: #58595B; font-style: italic; /* 32/17 */ font-weight: 400; text-align: center; padding: 0; margin: 30px 0 0 0;}
h3 {color: #004F89; font-size: 1em; /* 18/18 */ padding: 6px 0 12px 0px; font-weight: 700;}


/* ------------------- VNITRNI STRANKY --------------------------- */
.obsah p {padding-bottom: 0.8em /*1.2em; *//*20/18*/}
.obsah ul, .obsah ol {padding-bottom: 1.2em;}
.obsah ul, .obsah ul ul {list-style-type: none;}
.obsah ol ul, .obsah ul ul {padding-bottom: 0;}
.obsah ul li, .obsah ul ul li {background: url(../images/odrazka.png) no-repeat 4px 8px; padding-left: 28px; margin: 5px 0; overflow: hidden;}
.obsah ul ul {font-size: 1em;}
.obsah ol {margin-left: 33px;}
.obsah ol li {margin: 6px 0;}

#kontakt {background-color: #fff!important; color: #000;}
#kontakt div.nadpis {/*background-color: #004F89!important; color: #fff;*/ color: #004f89;}
#kontakt div.nadpis h2 {/*background-color: #004F89!important; color: #fff;*/ color: #004f89;}
/*#161616 #23272f*/
/*
#cenik {border-top: 4px dotted #a6a490;}
#objednavka {border-bottom: 4px dotted #a6a490;}*/

/*article {border-bottom: 4px solid #004f89;}*/

#cenik .obsah {padding-bottom: 0;}

.zvyrazni {background: #f5fafd;/*#dce6ee;*//* #a1ecff url(../images/ruzek.png) no-repeat right top; */padding: 25px 25px 17px 25px; margin: 20px -27px 10px -27px;}

.pokoje {margin: 20px -20px; display: flex; flex-flow: row wrap; justify-content: center;}
.pokoje em {font-style: normal; position: relative; left: 4px;}
.pokoje p strong {display: block; font-size: 2.222222222222222em; /* 40/18 */ line-height: normal; font-weight: normal; padding: 0 0 8px;}
.pokoje p strong::first-letter {font-size: 1.5em; /* 60/40 */}
.pokoj {background: #5d6476 url(../images/pokoje-sipka.png) no-repeat 28px 0; width: 198px; height: 177px; padding: 15px 20px 10px 20px; margin: 10px 14px; color: #fff;}
.luzka2 {background-color: #004F89;}
.luzka2 p {background: url(../images/luzka2.png) no-repeat right 16px;}
.luzka2B {background-color: #242830;}
.luzka2B p {background: url(../images/luzka2B.png) no-repeat right 16px;}
.luzka3 {background-color: #4a5b27;}
.luzka3 p {background: url(../images/luzka3.png) no-repeat right 16px;}
.luzka4 {background-color: #9b886c;}
.luzka4 p {background: url(../images/luzka4.png) no-repeat right 16px;}

table.barevna {width: 100%; margin: 5px 0 1em 0; font-size: 1.222222222222222em; /* 22/18 */}
table.barevna td, table.barevna th {background-color: #e9e2d9; padding: .7em 24px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; display: block;}
table.barevna td.tdBarevny {background-color: #e9e2d9;} 
table.barevna th {background: none; border: none; font-weight: 600;}

.galerie-slozky {margin: 0 0 20px 0;}
.slozka {margin: 15px 0; max-width: 526px;}
.slozka .fotoObal {border: 5px solid #e9e2d9; position: relative; height: auto; overflow-y: hidden;}
.slozka .fotoObal img {vertical-align: text-bottom;}
.slozka .fotoObal a:hover img {border-color: #9b886c;}
.slozka .fotoObal .nazev {background: #e9e2d9; width: 100%; padding: 5px 10px 10px 10px; text-align: center;}
.slozka .fotoObal .nazev strong {display: block; font-weight: normal; font-size: 1.166666666666667em; /*21/18*/ line-height: 1.2em; padding: 4px 0 10px 0;}
.slozka .fotoObal .nazev a.tlacitko {width: 128px;}

.galerie-nahledy {overflow: hidden; padding-bottom: 0px /*1.5em*/;}
.box {/*background-color: #e9e2d9; */float: left; position: relative; width: 100%; padding-bottom: 96%; margin: 2% 0; box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.1);}
/*.box:hover {background-color: #9b886c;}*/
.boxInner {position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; overflow: hidden; background-color: #004b87;}
.boxInner img {width: 100%;}
.boxInner .titleBox {font-family: 'PT Sans Narrow', sans-serif; position: absolute; bottom: 0; left: 0; right: 0; background: rgba(36, 40, 48, .7); color: #FFF; padding: .4em 10px; text-align: center;}
.boxInner a.boxImg {display: block;
    height: 169px !important;}
.boxInner .titleBox span {float: left;
    font-size: 0.9em;
    text-align: center;
    width: 100%;}


.boxInnerRoll {/*display: none; */position: absolute; left: 0px; right: 0px; top: 100%; bottom: 0px; overflow: hidden;}
.boxInnerRoll img {width: 100%;}
.boxInnerRoll .titleBox {font-family: 'PT Sans Narrow', sans-serif; position: absolute; bottom: 0; left: 0; right: 0; background: #161616; color: #FFF; padding: 18px /*.3em 10px*/; text-align: left; height:100%;}
.boxInnerRoll .titleBox span {color: #9ae2f4/*#004f89*/; display: inline-block; margin-top: 0px; /*9px; */ margin-bottom: 5px; font-size: 0.9em;}

.boxInnerRoll a.zobrazitWeb {/*float: left; */color: #fff!important;width: 80px!important;height: 35px!important;line-height: 35px!important; font-size: 1.0em!important; text-transform: none!important;margin-top: 12px; position: relative; top: 188px; left:18px;}

p.sbalit {text-align: center;}
p.sbalit a {background: url(../images/sbalit-sipka.png) no-repeat left center; display: inline-block; font-size: 1.111111111111111em; /*20/18*/ padding: 3px 20px 3px 55px; text-decoration: none;}
p.sbalit a:hover {background-image: url(../images/sbalit-sipkaH.png);}

.strankovani {padding: 0 0 10px 0; margin-bottom: 10px; text-align: center; border-bottom: 4px dotted #a6a490;}
table.tStrankovani {display: inline-block;}
table.tStrankovani td {text-align: center;}
table.tStrankovani a, table.tStrankovani span, table.tStrankovani th strong {margin: 0 1px; width: 31px; height: 31px; line-height: 31px; text-decoration: none; display: inline-block; font-size: 1.111111111111111em; /*20/18*/}
table.tStrankovani td a:hover {background-color: #12c6db; color: #fff;}
table.tStrankovani td span {background-color: #004F89; color: #a1ecff;}
table.tStrankovani th a, table.tStrankovani th strong {background: none; text-align: center; font-weight: normal; position: relative; top: -1px;}
table.tStrankovani th strong {color: #aaa;}


/* formular */
form.fUni {padding: 0 0 25px;}
form.fUni input.text, form.fUni textarea, form.fUni select {border: 1px solid #dce6ee/*#9bcfd7*/; width: 100%; background-color: #f5fafd; color: #000; padding: 5px 4px 5px 8px; height: 40px;}
form.fUni textarea {height: 96px; overflow: auto;}
form.fUni select {padding: 4px 4px 4px 8px;}
input.text:focus, textarea:focus, select:focus {box-shadow: 0 0 5px #ccc!important; border: 1px solid #dce6ee!important; transition: all 0.25s ease-in-out!important; -webkit-transition: all 0.25s ease-in-out!important; -moz-transition: all 0.25s ease-in-out!important;}
form.fUni table {width: 100%;}
form.fUni table tr td {padding: 8px 0 0 0;}
form.fUni table tr td span {display: inline-block; padding: 0 10px 0 0; white-space: nowrap;}
form.fUni table tr td.right {padding-bottom: 0;}
form.fUni td.center {text-align: center;}
form.fUni table tr input.submit {margin-top: 10px;}
.povinneUdaje {background: url(../images/req.gif) no-repeat left 6px; padding: 0 0 10px 18px!important; font-size: .9em; color: #888;}
input.req, textarea.req	{background: url('../images/req.gif') no-repeat right top;}

::-webkit-input-placeholder { color: #5D6476; opacity: 1 !important; }
:-moz-placeholder { color: #5D6476; opacity: 1 !important;}
::-moz-placeholder {color: #5D6476; opacity: 1 !important;}
:-ms-input-placeholder {color: #5D6476; opacity: 1 !important;}

.ui-datepicker td span, .ui-datepicker td a {padding-top: .3em; padding-bottom: .3em;}

#objednavka form.fUni table tr td {display: block;}

#kontakt input.text:focus, #kontakt textarea:focus, #kontakt select:focus {box-shadow: 0 0 10px #aaa!important; border: 1px solid #0999aa!important;}
#kontakt form.fUni {padding: 0 0 20px; margin: 0; max-width: 590px;}
#kontakt form.fUni textarea {height: 120px;}

/*#kontakt h1, #kontakt h2, #kontakt a {color: #fff;}*/
.kontaktyVlevo img.fr {float: none; display: block; margin: 0 0 20px;}

.ok, .chyba {display: inline-block; border: 1px solid; margin: 10px 0 10px 0px; padding: 8px 20px 8px 43px!important; width: 100%; background-repeat: no-repeat; background-position: 15px center;}
.ok {color: #4F8A10; background-color: #DFF2BF; background-image:url('../images/ok.png');
/*-webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; -webkit-box-shadow: #9ea4a7 1px 1px 3px; -moz-box-shadow: #9ea4a7 1px 1px 3px; box-shadow: #9ea4a7 1px 1px 3px; behavior: url(/PIE.php); */position: relative; z-index:1;}
.chyba {color: #9F6000; background-color: #FEEFB3; background-image: url('../images/chyba.png');
/*-webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; -webkit-box-shadow: #9ea4a7 1px 1px 3px; -moz-box-shadow: #9ea4a7 1px 1px 3px; box-shadow: #9ea4a7 1px 1px 3px; behavior: url(/PIE.php); */position: relative; z-index:1;}


/* responzivni */
@media all and (min-width: 480px) {

.slozka .fotoObal {height: 258px;}
.slozka .fotoObal img {min-height: 248px;}
.slozka .fotoObal .nazev {background: rgba(36, 40, 48, .8); padding: 15px 12px 10px 20px; color: #fff; text-align: left; position: absolute; bottom: 0; left: 0;}
.slozka .fotoObal .nazev strong {float: left; display: inline-block; padding: 6px 0 0 0;}
.slozka .fotoObal .nazev a.tlacitko {float: right; width: 128px;}

.box {width: 48%; padding-bottom: 46%; margin: 2% 1%;}

form.fUni input.kratky {width: 50%;}

}

@media all and (min-width: 640px) {
    
#logo {background: url(../images/logo-bg.png) no-repeat left bottom; color: #fff; left: 17px; transform: none;}

.zvyrazni {margin: 0 0 0px 20px;}

.slozka {margin: 15px auto;}

table.barevna td, table.barevna th {padding: .7em 24px; display: block; float: left; width: 50%;}

#objednavka form.fUni table tr td {display: table-cell;}
form.fUni table tr td {padding: 8px 0 8px 0;}
#objednavka form.fUni td.center {text-align: left;}
form.fUni table tr td span.odsazeni {padding-left: 10px; width: 140px;}
form.fUni input.kratky {width: 100%;}
form.fUni table td:first-child {width: 180px;}

.kontaktyVlevo img.fr {float: right; display: inline-block;}
    
}

@media all and (min-width: 768px) {
    
.navIn {text-align: right;}
body .navIn a.logoSmall {display: block; float: left; margin-left: 27px;}
ul.menu {margin: 0 13px 0 0;}
ul.menu li a, ul.menu li span {background: none; display: inline-block; color: #ffffff; text-align: left; font-size: 1.25em; /*20/16*/ padding: 1.9em 1.2em; height: 102px;}

div#web {padding-top: 71px;}
nav {height: 102px; /*box-shadow: 0px 0px 3px rgba(0, 0, 0, .4);*/}
.uvodniFoto {box-shadow: 0px 3px 3px -3px rgba(0, 0, 0, .4);}

ul.responsiveMenuActive {display: block;}
a.toggle-nav, a.toogleClose {display: none;}

ul.menu li {display: inline-block; border: none;}
ul.menu li a, ul.menu li span {background: none; display: inline-block; color: #fff/*#383d49*/; text-align: left; font-size: 1.25em; /*20/16*/ padding: 1.2em 1.2em; height: 71px;}

p.sbalit {text-align: left; float: left; display: inline-block; padding-left: 24px; padding-top: 1px;}

.strankovani {float: right; text-align: right; border: none;}

.box {width: 31%; padding-bottom: 31%; margin: 1%;}

#kontakt form.fUni {max-width: 430px;}
#kontakt form.fUni td.center {text-align: left;}
#kontakt form.fUni .ok, #kontakt form.fUni .chyba {width: 100%; max-width: 430px;}

.ok, .chyba {width: auto;}
    
}

@media all and (min-width: 1024px) {
    
header {/*z-index: 11000!important;*/ padding-bottom: 40px;}    
#logo {margin-top: 0; height: 375px; top: -74px; left: 62px;}
#logo p {font-size: 1.3125em; /* 21/16 */ padding: 46px 0 0 0;}
.jazyky {margin: 25px 0 63px;}

footer {text-align: right;}

.uvodniFoto {background: none; border: 13px solid #fff; height: auto; margin-bottom: 10px;}
.uvodniFoto img {display: block;}

.navIn {text-align: right;}
body .navIn a.logoSmall {display: block; float: left; margin-left: 27px;}
ul.menu {margin: 0 13px 0 0;}
ul.menu li a, ul.menu li span {background: none; display: inline-block; color: #ffffff; text-align: left; font-size: 1.25em; /*20/16*/ padding: 1.9em 1.2em; height: 102px;}

h1 {font-size: 1.944444444444444em; /* 35/18 */}
h2 {font-size: 1.555555555555556em; /* 28/18 */}
.mobile, p.nahoru {display: none;}

.zvyrazni {float: right; width: 41.36363636363636%; /*455/1100*/}
.popis {float: left; width: 54.54545454545455%; /*600/1100*/}
.popis p.center {text-align: left;}

header div.popis {float: left; width: 100%; position: relative;}

header div.obsah {padding-top: 40px;}
header div.obsah h1 {color:#ffffff;}
header div.obsah p {color:#ffffff; max-width: 70%; float: left;}
header div.obsah img {
	/*bottom: 50px;*/
    float: right;
    position: absolute;
	right: 10px;
	bottom: 0px;
}

/*div.nadpis {background: #004F89 url(../images/h2.png) repeat-x center; height: 96px;}*/
div.nadpis {background: #dce6ee; height: 96px;}

div.nadpis.obsah h2 {font-size: 1.94444em; padding:0;}
/*div.nadpis.obsah {padding: 27px 0 27px 0;}*/
div.nadpis.obsah {padding-top: 27px; padding-bottom: 27px;}

article#reference div.nadpis {background: #fff!important;}
article#partneri div.nadpis {background: #fff!important;}
article#co-delam {background: #dce6ee!important;}
article#kontakt {background: #1b1b1b!important; color: #fff!important;}
article#kontakt div.nadpis {background: #1b1b1b!important; color: #fff!important;}
article#kontakt h2, article#kontakt h3, article#kontakt a {color: #fff!important;}

article {padding-bottom:30px;}


.pokoje {flex-flow: row nowrap;}

table.barevna td, table.barevna th {padding: 1em 24px; width: auto; float: none; display: table-cell;}

.slozka {float: left; width: 47.81818181818182%; /*526/1100*/ margin: 15px 0;}
.slozka:nth-of-type(2) {float: right;}
.slozka .fotoObal .nazev {padding-left: 24px;}
.slozka .fotoObal .nazev strong {font-size: 1.222222222222222em; /*22/18*/}

.box {width: 23%; padding-bottom: 23%; margin: 1%;} /*18*/

#objednavka form.fUni table {width: 42%; float: left;}
#objednavka form.fUni table:nth-of-type(2) {width: 55%; float: right;}
form.fUni table td:first-child {width: auto;}
form.fUni table tr td span.odsazeni {width: auto;}

#kontakt form.fUni {float: right; width: 30%; margin-top: 0px;}


.kontaktyVlevo {float: left; width: 64%;}
    
}

@media all and (min-width: 1210px) {
    
/*body {background: #fff url(../images/body.png) no-repeat center 102px;}*/
body {background: #fff no-repeat center 102px;}
body .navIn a.logoSmall {
	height: 72px;
    margin-bottom: 15px;
    margin-left: 0;
    margin-top: 15px;
}

div#web {padding-top: 102px;}
.uvodniFoto {box-shadow: 0px 0px 3px rgba(0, 0, 0, .4); position: relative; top: 25px; margin-bottom: 70px;}

#logo {left: 0;}

.obsah {padding: 15px 0 25px 0;}

.slozka .fotoObal .nazev strong {font-size: 1.388888888888889em; /* 25/18 */ padding-top: 4px;}

#objednavka form.fUni table {width: 46%;}
#objednavka form.fUni table:nth-of-type(2) {width: 48%;}

.kontaktyVlevo img.fr {margin-right: 20px;}
    
}
.partneri {
	text-align: center;
}
.partneri p {
    display: inline-block;
    padding: 20px 35px;
    text-align: center;
}
.partneri p img {
    vertical-align: middle;
}

div.box:hover {cursor:pointer;}
div.boxInner div.titleBox a, div.boxInnerRoll div.titleBox a {color:#9ae2f4; text-decoration: none;}
div.boxInner div.titleBox a:hover {text-decoration: none;}

/*div.boxInner div.titleBox {background: #004F89 url(../images/body.png) no-repeat center;}*/
div.boxInner div.titleBox {background: #004b87;}

div.partneri h2 { text-align: center!important; padding: 20px 0 0;}

header div.obsah p {color: #ffffff;}

@media all and (max-width: 1023px) {
	nav {height: 71px}
	a.logoSmall img {width: 200px;}
}


.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
	/*position: none;*/
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 99999;
	background: url(../images/preloader.gif) center no-repeat #fff;
}
@media all and (min-width: 1024px) and (max-width: 1209px) {
	a.logoSmall {margin-top:15px;}
	a.logoSmall img {width:200px;}	
}

@media all and (min-width: 0px) and (max-width: 1024px) {
	a.logoSmall {margin-top:8px;}
	a.logoSmall img {width:170px;}	
	header img {padding-top: 15px; padding-bottom: 15px;}
}

@media all and (max-width: 767px) {
	/*a.logoSmall {margin-top:8px;}*/
	a.logoSmall img {margin-bottom: 5px;
    margin-top: 8px;
    width: 160px;}	
}

article#reference div.nadpis {background: #fff!important;}
article#partneri div.nadpis {background: #fff!important;}
article#co-delam {background: #dce6ee!important;}
article#kontakt {background: #1b1b1b!important; color: #fff!important;}
article#kontakt div.nadpis {background: #1b1b1b!important; color: #fff!important;}
article#kontakt h2, article#kontakt h3, article#kontakt a {color: #fff!important;}