/*
Barvy:
Tmavě modrá: #003366
Světle modrá: #0791D0
*/

.mensi { font-size: .8rem; }

/************** Záhlaví ******************/
header { height: 532px; overflow: hidden; }
header.hVyssi { height: auto; }
header.hNizsi { height: 235px; }

header .pevnaSirka { position: relative; padding: 0; }
header .dZahlavi { position: relative; padding: 10px 1%; padding-bottom: 3px; margin-top: 50px; z-index: 15; background: #fff; width: 98%; }
.jeIndex header .dZahlavi {position: absolute; }

header .logo { float: left; display: block; width: 15%; }
header .logo img { max-width: 100%; }

.dHlavniMenu { width: 60%; float: right; padding: 0; }
.menuHlavni { list-style: none; margin: 0; padding: 0; display: flex; justify-content: flex-end; }
.menuHlavni > li { float: left; padding: 19px 3%; font-weight: 300; text-transform: uppercase; }
.menuHlavni > li > a { color: #fff; text-decoration: none; }
.menuHlavni > li:hover > a, .menuHlavni > li:focus > a, .menuHlavni > li:active > a, .menuHlavni > li.aktivni > a { font-weight: bold; }

header .dZahlavi .dHlavniMenu > ul > li > a { color: #083672; }
header .dZahlavi .dHlavniMenu > ul > li:hover > a, header .dZahlavi .dHlavniMenu > ul > li:focus > a, header .dZahlavi .dHlavniMenu > ul > li:active > a, header .dZahlavi .dHlavniMenu > ul > li.aktivni > a { font-weight: bold; }


.dPodmenuZahlavi { position: relative; z-index: 7; }
.dPodmenuZahlavi ul { padding: 0 10px; margin: 0; list-style: none; background: #0791D0; font-size: .85rem; display: flex; justify-content: flex-end; }
.dPodmenuZahlavi ul li { float: left; padding: 10px 3% 10px 0; padding: 10px 15px; font-weight: 300; }
.dPodmenuZahlavi ul li a { color: #fff; text-decoration: none; }
.dPodmenuZahlavi ul li:hover a, .dPodmenuZahlavi ul li:focus a, .dPodmenuZahlavi ul li:active a, .dPodmenuZahlavi ul li.aktivni a { font-weight: bold; }

header .dVyhledat { float: right; width: 7%; }
.label-opener.vyhledat { display: block; font-size: 1.5rem; margin-top: 17px; }
.label-span.vyhledat { padding: 0; height: auto; width: auto; float: none; color: #fff; }
#responsive-vyhledat:checked ~  #fVyhledat { display: block; }
#fVyhledat { display: none; background: none; width: 250px; padding: 4px; margin: 0; position: absolute; right: 0; }
#fVyhledat input { width: 70%; padding: 5px 3%; border-radius: 4px; border: none; background: #fff; color: #083672; float: left; margin: 0; }
#fVyhledat input[type=submit] { width: 20%; padding: 3px 3%; font-size: 1.2rem; float: right; border: none; background: #fff; color: #0791D0; border-radius: 4px; font-weight: bold; margin: 0; cursor: pointer; }
.dZahlavi #fVyhledat { background: #003366; border-radius: 6px; }

.dZahlavi .label-span.vyhledat { color: #003366; }

/* .dJazyky { float: right; width: 7%; padding: 0; text-align: right; }
.dJazyky ul { list-style: none; margin: 0; padding: 19px 1%; }
.dJazyky ul li a { color: #083672; text-transform: uppercase; font-weight: bold; } */
/*.dJazyky ul li a:hover, .dJazyky ul li:focus a, .dJazyky ul li:active a { text-decoration: none; }*/
/* .dJazyky ul li.aktivni { display: none; } */

.dJazyky { 
    width: 14%; 
    padding: 0; 
    text-align: right; 
    float: right; 
}

.dJazyky select {
    padding: 5px; /* Přidání paddingu, aby se správně zobrazoval text */
    border: 1px solid #083672; /* Ohraničení v souladu s designem */
    background: none; /* Odstranění výchozího pozadí */
    font-weight: bold; /* Zvýraznění textu */
    color: #083672; /* Barva textu */
    text-transform: uppercase; /* Zajištění velkých písmen */
    cursor: pointer; /* Nastavení ukazatele pro kliknutí */
    outline: none; /* Odstranění outline */
    width: auto; /* Automatická šířka, aby odpovídala obsahu */
    margin: 15px; /* Resetování marginu pro lepší zarovnání */
    float: right;
}

.dJazyky select option { 
    background-color: white; 
    color: #083672; 
}



.aBannerTlacitko { border: 2px solid #0791D0; border-radius: 5px; background: #fff; font-weight: 900; font-size: 1.5rem; text-align: center; width: 20%; padding: 10px 20px; top: 210px; margin-left: 50%; left: -10%; position: absolute; z-index: 7; color: #0791D0;}
.aBannerTlacitko:hover { text-decoration: none; color: #fff; background: #0791D0; }

/************** Obsah ******************/
/*-------------------------------------*/
/********* Úvod **********/

.karieraIndex { width: 48%; margin: 0; height: 0px; padding-bottom: 31.5%; background-position: center center; background-repeat: no-repeat; background-size: contain; overflow: hidden; }
.karieraIndex.kariera1 { background-image: url(../obrazky/foto5.jpg); margin-right: 2%; float: left; }
.karieraIndex.kariera2 { background-image: url(../obrazky/foto6.jpg); margin-left: 2%; float: right; }
.karieraIndex .pruhlednaCerna { background: rgba(7, 145, 208, 0.9); width: 100%; height: 0; padding-bottom: 65%; display: inline-block; position: relative; }
.karieraIndex .karieraObal { width: 86%; padding: 7%; color: #fff; }
.karieraIndex .velkyText { font-size: 2rem; font-weight: 600; display: block; }
.karieraIndex .malyText { font-size: 1.2rem; font-weight: 300; display: block; }
.karieraIndex .odkaz { font-size: 1.5rem; text-align: right; color: #fff; font-weight: 300; position: absolute; bottom: 7%; right: 7%; text-transform: uppercase; }
.karieraIndex .odkaz:hover, .karieraIndex .odkaz:focus, .karieraIndex .odkaz:active { font-weight: 700; text-decoration: none; }


/********* Obecný obsah **********/
section { padding: 50px 0; }
.modrePozadi section { background-color: rgba(0, 51, 102, 0.9); }

.bileNaTmavem { background: #F4F4F4; width: 94%; margin: 30px 0; padding: 20px 3%; }

.idecko { visibility: hidden; }
.svetleModra { color: #0791D0; }
.tmaveModra { color: #083672; }
h2.tmaveModra { background: #083672; color: #fff; margin-bottom: 10px; }
#konec { display: none; }


.dPodmenuPrehled { position: relative;  }
.dPodmenuPrehled .dSloupecFix { float: left; width: 27%; padding-right: 3%; position: sticky; top: 20px; padding-top: 30px; }
.dPodmenuPrehled .dSloupecObsah { float: right; width: calc(67% - 1px); padding-left: 3%; border-left: 1px solid #bbb; margin-top: 30px; }

.dRozcestnikClanku.reference { display: flex; justify-content: flex-start; flex-wrap: wrap; position: relative; clear: both; }
.dSablonaPrehled { width: 305px; margin-right: 15px; margin-bottom: 15px; background: #fff; float: left; position: relative; }
.dSablonaPrehled .dSablonaObrazek { padding: 10px 0; }
.dSablonaPrehled .dSablonaObrazek a { background-size: cover; }
.dSablonaPrehled h2 { padding: 0 2%; margin: 0; background: 0; color: #0791D0; width: 96%; }
.dSablonaPrehled h2 a { color: #083672; }
.dSablonaPrehled h2:hover a, .dSablonaPrehled h2:focus a, .dSablonaPrehled h2:active a { color: #0791D0; text-decoration: none; }
.dSablonaPrehled .dSablonaPerex { /*height: 80px;*/ padding: 0 10px; padding-top: .4rem; text-align: justify; color: #929191; font-weight: 600; }
.aZpet { position: absolute; right: 20px; top: -35px; color: #003366; font-weight: 400; padding-left: 20px; display: block; }

.podhierarchieRozcestnik { margin: 0; padding: 0; list-style: none; width: 100%; display: flex; justify-content: space-around; flex-wrap: wrap; }
.podhierarchieRozcestnik li { width: 30%; height: 400px; margin-bottom: 15px; background-position: center; background-repeat: no-repeat; }
.podhierarchieRozcestnik li a { background: rgba(0, 0, 0, 0.3); display: flex; align-items: center; justify-content: center; width: 100%; height: 400px; color: #fff; font-size: 2.5rem; width: 100%; text-align: center; }
.podhierarchieRozcestnik li a:hover { text-decoration: none; background: none; }

.podhierarchieRozcestnik li { background-image: url(../obrazky/obrazkyReferenceRozcestnik/reference.jpg);}

.podhierarchieRozcestnik li.podhierarchieRozcestnikLiHi31 { background-image: url(../obrazky/obrazkyReferenceRozcestnik/aktualni.jpg);}
.podhierarchieRozcestnik li.podhierarchieRozcestnikLiHi19 { background-image: url(../obrazky/obrazkyReferenceRozcestnik/automotive.jpg);}
.podhierarchieRozcestnik li.podhierarchieRozcestnikLiHi9 { background-image: url(../obrazky/obrazkyReferenceRozcestnik/elektrotechnika.jpg);}
.podhierarchieRozcestnik li.podhierarchieRozcestnikLiHi10 { background-image: url(../obrazky/obrazkyReferenceRozcestnik/farmacie.jpg);}
.podhierarchieRozcestnik li.podhierarchieRozcestnikLiHi26 { background-image: url(../obrazky/obrazkyReferenceRozcestnik/optika.jpg);}
.podhierarchieRozcestnik li.podhierarchieRozcestnikLiHi12 { background-image: url(../obrazky/obrazkyReferenceRozcestnik/ostatni.jpg);}
.podhierarchieRozcestnik li.podhierarchieRozcestnikLiHi28 { background-image: url(../obrazky/obrazkyReferenceRozcestnik/zdravotnicke-prostredky.jpg);}
.podhierarchieRozcestnik li.podhierarchieRozcestnikLiHi11 { background-image: url(../obrazky/obrazkyReferenceRozcestnik/zdravotnictvi.jpg);}

.dHiReference { display: flex; justify-content: space-between; width: 100%; }
.aHiReference {  margin: .5%; padding: 5px 1%; color: #0791D0; }
.aHiReference:hover, .aHiReference:focus, .aHiReference:active { font-weight: bold; }

 .pt0 { padding-top: 0; }
 .pb0 { padding-bottom: 0; }
 .dvaSloupce { -webkit-columns: 2; -moz-columns: 2; columns: 2; -webkit-column-gap: 2rem; -moz-column-gap: 2rem; column-gap: 2rem; }


/********* Společnost **********/

.mt1 { margin-top: 1rem; }

/*** Společnost - Historie ***/
.rok { position: relative; padding: 5px 1%; width: 8%; text-align: center; color: #fff; float: left; margin-top: 175px; margin-bottom: 175px; }
.rok.prvni { margin-left: 5%; }
.rok.devaty { margin-right: 5%; }
.rok .spojovnik { position: absolute; width: 5%; height: 30px; left: 47%; }
.rok .text { position: absolute; width: 184%; height: 130px; left: -46%; padding: 10px 5%; text-align: center; display: flex; flex-direction: column; justify-content: center; }
.rok .text.horni { bottom: 55px; }
.rok .text.spodni { top: 55px; }
.rok .spojovnik.horni { bottom: 30px; }
.rok .spojovnik.spodni { top: 30px; }

.rok.prvni, .rok.prvni div { background-color: #192068; }
.rok.druhy, .rok.druhy div { background-color: #193074; }
.rok.treti, .rok.treti div { background-color: #193E82; }
.rok.ctvrty, .rok.ctvrty div { background-color: #194C8D; }
.rok.paty, .rok.paty div { background-color: #185999; }
.rok.sesty, .rok.sesty div { background-color: #1969A6; }
.rok.sedmy, .rok.sedmy div { background-color: #1878B4; }
.rok.osmy, .rok.osmy div { background-color: #048FC6; }
.rok.devaty, .rok.devaty div { background-color: #00A7DE; }

/*********** Pronájem nebytových prostor **************/

.tPronajem { border-collapse: collapse; }
.tPronajem td { text-align: center; padding: 5px 10%; }


/*********** EP medical **************/

.video { width: 100%; height: 0; position: relative; padding-bottom: 56%; }
.video video { position: absolute; width: 100%; height: 100%; }


.tlacitko.konfigurator { font-size: 2rem; width: 50%; margin: 20px auto 0 auto; padding: 1rem !important; text-align: center; }





/*********** Společnosti ve skupině ************/

.spolecnostiText { width: calc(96% - 160px); padding: 0 2%; float: right; }
.spolecnostiText h3:hover a, .spolecnostiText h3:focus a, .spolecnostiText h3:active a { color: #0791D0; text-decoration: none; }
.spolecnostiFoto { width: 160px; float: left; }
.spolecnostiKontakt { color: #0791D0; border-top: 1px solid #0791D0; width: 100%; padding-top: .5rem; margin-top: .5rem; }

/********* Dotazník uchazeče **********/
#frmDetailUchazece {  }
#frmDetailUchazece fieldset { background: none; }
#frmDetailUchazece legend { background: none; color: #003366; font-weight: bold; border: none; margin-top: 40px; padding: .5rem 2%; }
#frmDetailUchazece label { color: #003366; padding: .5rem 0 0 0; width: 100%; text-align: left; }
#frmDetailUchazece input, #frmDetailUchazece textarea { width: 96%; padding: 0.5rem 2%; margin: .5rem 0; border-radius: 4px; border: 1px solid #003366; background: #fff; color: #083672; }
#frmDetailUchazece .dPolozkaPolovicni.prvni { width: 48%; margin-right: 2%; float: left; }
#frmDetailUchazece .dPolozkaPolovicni.druhe { width: 48%; margin-left: 2%; float: right; }
#frmDetailUchazece .tlacitkaUprostred { display: flex; justify-content: space-around; }
#frmDetailUchazece .do-prava {float: right; width: 50%; }
#frmDetailUchazece .do-prava:after { clear: both; content: " "; display: table; }
#frmDetailUchazece input[type=submit], #frmDetailUchazece input[type=reset] { width: 30%; margin: 0 1%; float: left; color: #0791D0; font-weight: bold; cursor: pointer; }
#frmDetailUchazece input[type=submit]:hover, #frmDetailUchazece input[type=reset]:hover { background: #0791D0; color: #fff; }

/********* Copycentrum **********/
.polovina { width: 50%; float: left; }
.polovina:first-of-type, .polovina.prvni { width: 45%; padding-right: 5%; }
.polovina p:first-of-type { padding-top: 0; }
.polovina h2 { width: 96%; }
.tucne { font-weight: bold; }
.bezmezer { padding: 0; margin: 0; }
.vetsi { font-size: 1.3rem; }
.dvetretiny { width: 66%; float: left; }
.nowrap { white-space: nowrap; }
.uppercase { text-transform: uppercase; }

.tCopycentrum { width: 100%; border-collapse: collapse; color: #0791D0; }
.tCopycentrum thead th:first-child { background-color: #0791D0; color: #fff; font-weight: bold; }
.tCopycentrum thead th { color: #003366; font-weight: bold; padding: 5px 2%; }
.tCopycentrum td { text-align: center; padding: 5px 2%; }
.tCopycentrum td:first-child, .tCopycentrum.left td { text-align: left; }
.tCopycentrum tr, .tCopycentrum thead tr { border-bottom: 1px solid #0791D0; }
.tCopycentrum tbody tr:last-child { border-bottom: 0; }

.tCopycentrum.ctyri td { width: 24%; }
.tCopycentrum.tri td { width: 29%; }
.tCopycentrum.dva td { width: 46%; }

p.tlacitko { background: #0791D0; color: #fff; padding: .5rem 1rem; }
p.tlacitko a { color: #fff; }


/************* Kariéra ***************/
.kariera.spolecnost > .polovina { width: 48.5%; padding: 0; }
.kariera.spolecnost > .polovina.prvni { margin-right: 3%; }
.kariera.spolecnost > .tretina { width: 31.6%; margin-right: 2.5%; float: left; }
.kariera.spolecnost > .tretina.posledni { margin-right: 0; }

.kariera .polovina { width: 49.5%; padding: 0; }
.kariera .polovina.prvni { margin-right: 1%; } 
.kariera .tretina { width: 33%; margin-right: .5%; float: left; }
.kariera .tretina.posledni { margin-right: 0; }
.kariera .tlacitko { background: #083672; position: relative; text-align: center; color: #fff; text-transform: uppercase; padding: 10px 2%; box-sizing: border-box; font-size: .8rem; height: 122px; margin-bottom: 20px; }
.kariera .tlacitko i { width: 100%; font-size: 3.5rem; padding-bottom: 10px; }
.kariera .tlacitko .text { display: none; opacity: 0; -webkit-transition: opacity 500ms; transition: opacity 500ms; position: absolute; left: -5%; top: -10px; width: 100%; padding: 20px 5% 10px 5%; background: #0791D0; z-index: 2; text-transform: none; box-shadow: 0 0 10px #0000009e; }
.kariera .tlacitko:hover .text { display: block; opacity: 1; -webkit-transition: opacity 300ms; transition: opacity 300ms; }
.kariera .tlacitko .text .uppercase { text-transform: uppercase; }
.kariera .tlacitko .text a { color: #fff; }
.kariera .pevnaVyska1 { height: 70px; text-align: justify; padding-top: 0; }
.kariera .pevnaVyska2 { height: 155px; text-align: justify; padding-top: 0; }

.kariera .vsechnyZkusenosti { display: flex; }
.kariera .zkusenostiZamestnancu { width: 22%; padding: 1%; margin: 1% 1% 1% 0; background: #fff; color: #083672; border-radius: .4rem; float: left; }
.kariera .zkusenostiZamestnancu h3 { color: #083672; }

.kariera .podObrazkem { max-width: 600px; margin: 0 auto; }

.kariera .petina { width: 20%; float: left; text-align: center; position: relative; color: #fff; padding-bottom: 10px; display: flex; flex-direction: column; justify-content: center; }
.kariera .petina.jedna { background: #131F69; border-top-left-radius: .4rem; border-bottom-left-radius: .4rem; }
.kariera .petina.dva { background: #193074; }
.kariera .petina.tri { background: #0F4C8D; }
.kariera .petina.ctyri { background: #117AB4; }
.kariera .petina.pet { background: #0AA7DC; border-top-right-radius: .4rem; border-bottom-right-radius: .4rem; }

.kariera .petina i { width: 92%; padding: 10px 4%; margin-bottom: 5px; font-size: 3rem; }
.kariera .petina i.sipka { position: absolute; right: -20px; text-align: right; height: 46px; margin: auto; z-index: 5; }

.aKarieraPodhierarchie { display: block; border-bottom: 1px solid #e4e4e4; }
.aKarieraPodhierarchie i { width: 3%; padding-left: 2%; font-size: 2.5rem; float: left; }
.aKarieraPodhierarchie h3 { width: 85%; float: left; padding: .6rem 0; }
.aKarieraPodhierarchie span { width: 10%; float: right; text-align: left; padding: .6rem 0; color: #083672; }
.aKarieraPodhierarchie:hover, .aKarieraPodhierarchie:focus, .aKarieraPodhierarchie:active { background: #0791D0; display: block;  }
.aKarieraPodhierarchie:hover i, .aKarieraPodhierarchie:focus i, .aKarieraPodhierarchie:active i { color: #fff; }
.aKarieraPodhierarchie:hover h3, .aKarieraPodhierarchie:focus h3, .aKarieraPodhierarchie:active h3 { color: #fff; }
.aKarieraPodhierarchie:hover span, .aKarieraPodhierarchie:focus span, .aKarieraPodhierarchie:active span { color: #fff; }

em {
	color: #0791D0;
	font-style: normal;
}


/************* Vyskakovací okno - reference - archiv (ocenění) **********/

.referenceBody .dVyskakovaciOkno.reference { width: 100%; height: 100vh; position: relative; margin: 0; background-color: #fff; color: #000;}
/*.archiv .dTextClanku { float: right; width: 30%; height: 76vh; padding: 2vh 5%; box-shadow: -5px 0 20px -3px #000; overflow-y: auto; }*/
.reference .dTextClankuObal { position: absolute; width: 23%; min-width: 400px; height: 100vh; top: 0; right: 60px; color: #000; z-index: 2;}
.reference .dTextClankuObalWrap { height: 100%; background-color: #fff; transition: height 0s ease-in;}
.reference .dTextClankuObalWrap.hide { height: 0; transition: height .25s ease-out;}
.reference .dTextClankuObalWrap.hide .dTextClanku{ padding: 0;}
.reference .dTextClanku { overflow-y: auto; height: 75%; padding: 10%; box-shadow: none; width: 80%; float: none; color: #929191;}
.reference .dSkryjText { text-align: center; /*background-color: #fff;*/ padding-bottom: .1rem; }
.reference .dSkryjText a{ text-decoration: none;}
.reference .dTextClanku .tReference td { padding: 3px 1%; width: 52%; }
.reference .dTextClanku .tReference td:first-of-type{ color: #0791D0; width: 44%; vertical-align: top; }
.reference .dTextClanku h1{ font-size: 1.6rem; font-weight: bold; text-transform: none; }
.reference .dTextClanku h1 a { color: #083672; }
.reference .owl-carousel .owl-stage-outer {width: 100%;}
.reference .owl-carousel .owl-stage-outer .item img{max-height: 100vh; display: block; width: 100%;}
.dBannerLevaSipka.icon-sipka-banner-vlevo.reference:before {top: 60%;content: "\f104"; font-family: 'Font Awesome 5 Free';font-weight: 600;}
.dBannerPravaSipka.icon-sipka-banner-vpravo.reference:before {top: 60%; content: "\f105"; font-family: 'Font Awesome 5 Free';font-weight: 600;}
/*.reference .owl-prev, .reference .owl-next{top: 45%}*/
.reference .dAdministraceOdkazy{position: absolute; z-index: 10;bottom: 10px;}
.reference .owl-carousel .owl-stage-outer{height: 100vh; overflow: hidden;}
/*.reference .owl-carousel .owl-item { display: flex; flex-direction: column; justify-content: center; }*/
.reference .owl-carousel .owl-item  .img { width: 100%; height: 100vh; background-position: center center; background-repeat: no-repeat; /*background-size: contain;*/ background-size: cover; }
/*.reference .owl-carousel .owl-stage-outer{ height: 700px; }*/

.reference .owl-carousel .owl-nav .owl-next { position: fixed; right: 0; top: 46vh; /*background: #fff;*/ padding: 7px 1%; margin: 0; border-radius: 0; }
.reference .owl-carousel .owl-nav .owl-prev{ position: fixed; left: 0; top: 46vh; /*background: #fff;*/ padding: 7px 1%; margin: 0; border-radius: 0; }
.dBannerPravaSipka.icon-sipka-banner-vpravo.reference:before, .dBannerLevaSipka.icon-sipka-banner-vlevo.reference:before {
    font-size: 50px;
    color: #0791D0;
}
.aZavrit { position: absolute; top: 0; right: 20px; font-size: 2rem; }


/************* Vyskakovací okno - historie **********/
.pr1 { background: #7F7F7F; }
.pr1 .dVyskakovaciOkno { width: 76%; margin: 50px 10%; padding: 10px 2%; ; background: #fff; position: relative; }
.pr1 .aZavrit { position: absolute; top: 10px; right: 10px; font-size: 2rem; color: #083672; width: 40px; height: 40px; text-align: center; }

/************* Vyskakovací okno - kariéra - volná místa **********/
.volnaMista { background: #7F7F7F; }
.volnaMista .dVyskakovaciOkno { width: 76%; margin: 50px 10%; padding: 10px 2%; ; background: #fff; position: relative; }
.volnaMista .aZavrit { position: absolute; top: 10px; right: 10px; font-size: 2rem; color: #083672; width: 40px; height: 40px; text-align: center; }
.volnaMista .aStahnout { position: absolute; top: 10px; right: 60px; font-size: 2rem; color: #083672; width: 40px; height: 40px; text-align: center; }
.volnaMista ul { padding-left: 2rem; }

.volnaMista .dOdpovedet { text-align: center; }
.volnaMista .dSocSite { width: 260px; text-align: center; margin: 0 auto; color: #083672; }
.volnaMista .dSocSite a { width: 32px; padding: 5px 15px; font-size: 2rem; color: #083672; }
.volnaMista .dSocSite a:hover, .volnaMista .dSocSite a:focus, .volnaMista .dSocSite a:active { color: #0791D0; }
/*.volnaMista .dSocSite .fb { width: 32px; padding: 5px 15px; font-size: 2rem; color: #083672; }
.volnaMista .dSocSite .in { width: 32px; padding: 5px 15px; font-size: 2rem; color: #083672; }
.volnaMista .dSocSite .tw { width: 32px; padding: 5px 15px; font-size: 2rem; color: #083672; }
.volnaMista .dSocSite .mail { width: 32px; padding: 5px 15px; font-size: 2rem; color: #083672; }*/


/************* Kontakty **************/

.kontakt section .pevnaSirka { position: relative; min-height: 611px; }
.dKontaktyLeve { position: absolute; left: 15px; top: -30px; width: 24%; padding: 2%; background: #0791D0; color: #fff; font-weight: 100; }
.dKontaktyPrave { position: absolute; right: 15px; bottom: 0px; width: 64%; padding: 2%; background: #0791D0; color: #fff; font-weight: 100; }
.aKontaktyOdkaz { display: block; position: absolute; top: -35px; right: 25%; width: 8%; height: 245px; background: url(../obrazky/pin.png) bottom 95px center no-repeat; background-size: contain; }
.aKontaktyOdkaz:hover {width: 9%; right: 24.5%; }

.kontakt .ctvrtina { width: 23.5%; background: url(../obrazky/svisla-cara.png) right 25px no-repeat; padding: 0 1%; float: left; }
.kontakt .ctvrtina.prvni { padding-left: 0; }
.kontakt .ctvrtina.posledni { background: none; padding-right: 0; }
.kontakt .polovina { width: 41%; padding: 0 6%; float: left; }
.kontakt .polovina.prvni { background: url(../obrazky/svisla-cara.png) right top no-repeat; padding-left: 0; }

.kontakt h1 { padding: 0; margin: 0; color: #fff; }
.kontakt h2 { padding: 0; margin: 0; width: 100%; }
.kontakt a { color: #fff; }


/************** Zápatí ******************/
footer { background: #0791D0; color: #fff; }
footer h3 { color: #fff; padding-top: 0; }

.dHorniZapati { width: 100%; padding-top: 25px; }
.dHorniZapati .aZapatiLogo { float: left; display: block; }
/*.dHorniZapati #aTopZapati { display: none; position: fixed; right: 50px; bottom: 50px; padding: 5px 10px; background: #003366; color: #fff; border: 1px solid #fff; border-radius: .4rem; z-index: 15; }
.dHorniZapati #aTopZapati:hover { text-decoration: none; background: #0791D0; }*/
.dHorniZapati #aTopZapati { display: none; position: fixed; right: 50px; bottom: 50px; padding: 5px 10px; background: none; color: #003366; border: none; border-radius: .4rem; z-index: 15; }
.dHorniZapati #aTopZapati:hover { text-decoration: none; color: black; }

/*.dObsahZapati { padding: 25px 0; }*/
.dObsahZapati a { color: #fff; }
.dObsahZapati .dMenuZapati { /*width: 65%;*/ width: 100%; float: left; }
.dObsahZapati .dMenuZapati ul { list-style: none; margin: 0; padding: 0; }
.dObsahZapati .dMenuZapati > ul > li { font-size: 1.1rem; font-weight: bold; width: 23%; padding-right: 2%; float: left; }
.dObsahZapati .dMenuZapati > ul > li > ul { padding: 15px 0; width: 100%; font-size: 0.9rem; font-weight: normal; }
/*.dObsahZapati .dMenuZapati > ul > li > ul li a { color: #bbb; }*/
li.menuZapati.clearfixLiHi30.maPodmenu ul { display: none; }/*skrytí podmenu u Kontaktů */

.dObsahZapati .dPravyObsah { width: 35%; float: right; }
.dObsahZapati .dNewsletter { position: relative; padding-bottom: 50px; }
form#frmNewsletter { margin-top: 20px; }
#frmNewsletter input.text { width: 70%; padding: 5px 3%; border-radius: 4px; border: none; background: #fff; color: #083672; float: left; margin: 0; }
#frmNewsletter input[type=submit] { width: 20%; padding: 5px 3%; float: right; border: none; background: #fff; color: #0791D0; border-radius: 4px; font-weight: bold; margin: 0; cursor: pointer; }
#frmNewsletter .podminky { position: absolute; top: 68px; left: 0; }
#frmNewsletter label.labelSouhlas { width: 100%; margin: 0; text-align: left; float: right; font-size: .9rem; }
#frmNewsletter input[type=checkbox] { width: 3%; margin: 5px 2% 5px 0; float: left; }

.dObsahZapati .dJazykyZapati { padding-top: 20px; }
.dObsahZapati .dJazykyZapati ul { list-style: none; margin: 0; padding: 0; }
/*.dObsahZapati .dJazykyZapati ul a { color: #bbb; }*/

.dZapati { border-top: 1px solid #3aa2d2; padding: 10px 0; }
.dZapati address { float: left; padding-right: 2%; /*color: #bbb;*/ font-style: normal; }
/*.dZapati address a { color: #bbb; }*/
.dZapati a { float: left; padding: 0 2%; color: #fff; }

.dZapati .dSocSite a { float: right; padding: 0; font-size: 1.3rem; margin-left: 1.3rem; color: #fff; }
.dZapati .dSocSite a:hover { text-decoration: none; color: #003366; }


/* popup */
.dVyskakovaciObsah--obal {
    width: 100%;
    height: 100%;
    background: #fff url(../obrazky/pozadi.png) center bottom repeat;
    display: none;
    position: fixed;
    z-index: 10000;
    top: 0;
}
.dVyskakovaciObsahObsah {
    position: fixed;
    bottom: 0;
    width: 93%;
    background: #fff url(../obrazky/pozadi.png) center bottom repeat;
    z-index: 5;
    min-height: 125px;
}

.VyskakovaciObsah{
    display: block !important;
}

.dVyskakovaciObsah{
    display: none;
    width: 93%;
    z-index: 999999999;
    border: solid 10px #fff;
    box-shadow: 5px 5px 30px #003366;
    background: #fff url(../obrazky/pozadi.png) center center repeat;
    color: #fff;
    position: fixed;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px 3%;
    overflow-y: scroll;
}

.reference{
    cursor: pointer;
}

.dVyskakovaciObsah--zavri{
    width: 30%;
    height: 30px;
    position: absolute;
    right: 0px;
    top: 15px;
    line-height: 40px;
    font-size: 25px;
    font-weight: 600;
    cursor: pointer;
    color: #0791D0;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.dVyskakovaciObsah--zavri span {
    color: #003366;
    font-size: 65px;
}

.background{
    width: 100%;
    height: 600px;
    background-position: center;
    background-size: cover;
}

.dVyskakovaciObsahNadpis h2 { font-size: 1.5rem; font-weight: bold; max-width: 70%; color: #003366; }
.dVyskakovaciObsahNahled { color: #0791D0; }
.dVyskakovaciObsahText { color: #003366; }


input[type=checkbox].nezobrazovat {
	display: none;
}

.label-zobrazit,
.label-skryt {
	cursor: pointer;
}
.label-text {
    width: 30%;
    height: 30px;
    position: absolute;
    right: 0px;
    top: 70px;
    line-height: 40px;
    font-size: 25px;
    font-weight: 600;
    cursor: pointer;
    color: #0791D0;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.label-text span {
    color: #003366;
    font-size: 30px;
    padding: 10px;
}


#skryvaciText:checked ~ .skryvaciText { display: block; }
#skryvaciText:checked ~ .label-zobrazit { display: none; }
#skryvaciText:checked ~ .label-skryt { display: flex; }
.label-skryt { display: none; }
.skryvaciText {
	display: none;
	padding-top: 25px;
}

a.aSablonaNadpis{
	font-size: 1.4rem;
    margin-top: 10px;
	font-weight: bold;
	width: 100%;
	float: none;
	display: inline-block;
}

a.aSablonaNadpis.active {
    color: #000;
}

/*PopUp*/
.popup{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 99999;
}

.popup-pop{
    display: block;
    width: 100%;
    height: 100%;
}

body.popupOn{
    overflow: hidden;
}

/*.owl-carousel.reference-slide.owl-drag .owl-item{
    display: none;
}*/

/*Load animace*/

.loader{
    display: none;
    width: 100%;
    height: 100%;
    background-color: #000;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.spinner {
  width: 40px;
  height: 40px;

  position: relative;
  margin: 100px auto;
}

.double-bounce1, .double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #333;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  
  -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
  animation: sk-bounce 2.0s infinite ease-in-out;
}

.double-bounce2 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

@-webkit-keyframes sk-bounce {
  0%, 100% { -webkit-transform: scale(0.0) }
  50% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bounce {
  0%, 100% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 50% { 
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}
.center {
	text-align: center;
}
.blue {
	color: #083672;
}
.size24 {
	font-size: 24px;
	font-weight: 300;
}
.homeRozcestnik {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.homeRozcestnik a {
	display: block;
	width: calc((100% / 3) - 10px);
	height: 222px;
	position: relative;
	color: #fff;
	margin-bottom: 20px;
}
.homeRozcestnik a img {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.homeRozcestnik a span {
	display: flex;
	position: absolute;
	bottom: 0;
	left: 0;
	width: calc(100% - 80px);
	height: 82px;
	text-align: center;
	justify-content: center;
	align-items: center;
	padding: 0 40px;
	background-color: rgba(8, 54, 114, .8);
	font-size: 22px;
    font-weight: 300;
}
hr.blue {
	border: none;
    height: 1px;
    /* Set the hr color */
    color: #083672; /* old IE */
    background-color: #083672; /* Modern Browsers */
	visibility: visible;
	margin: 20px 0;
}