BODY{
 margin: 0px;
 padding: 0px 0px 0px 0px;
 font-family: "Montserrat", sans-serif;
 font-weight: 300;
 font-style: normal;
 font-size: 16px;
 color: #FFFFFF;
 background-color: #00739D;
}
BODY.BODY2{
 padding: 150px 0px 0px 0px;
}
/*--- TAGY ---*/
H1, H2, H3{
 font-size: 50px;
 color: #FFFFFF;
 text-align: center;
 font-weight: 700;
}
.sluzba H1{
 position: relative;
 font-size: 30px;
 text-align: left;
 padding: 0px 0px 30px 0px;
 z-index: 2;
}
.pruh1 H1, .pruh2 H1, .pruh3 H1{ color: #00739D; }
.pruh1 H1{ text-align: left; }
.pruh2 H1 EM{
 display: block;
 font-size: 30px;
 font-style: normal;
 font-weight: 200;
}
.pruh1 H2, .pruh2 H2, .pruh3 H2{
 background-color: #00739D;
 font-size: 30px;
 text-align: left;
 padding: 5px 15px;
}
.pruh1 H2{ font-size: 25px; }
.pruh2 H2.H2{ background-color: #838E92; }
.sluzba P{
 position: relative;
 z-index: 2;
 text-align: justify;
}
.prostory H2{
 padding: 20px;
 font-size: 30px;
 background-color: #FFFFFF;
 color: #00739D;
 rotate: -2deg;
}
.sluzba_prostory2 .prostory H2{
 rotate: 2deg;
}
.prostory H2 STRONG{
 display: block;
}
.prostory H2 SPAN{
 display: block;
}
.prostor DIV{
 display: inline-grid;
 padding: 20px;
 text-align: center;
 font-size: 20px;
 font-weight: 700;
 color: #777777;
 background-color: #FFFFFF;
 rotate: -2deg;
 box-shadow: 0px 0px 20px -10px #104A5F;
}
.sluzba_prostory2 .prostor DIV{
 rotate: 2deg;  
}
.blok H3{
 color: #212121;
 font-size: 20px;
}
.prostor H3{
 color: #00739D;
 font-size: 40px;
 padding-bottom: 10px;
}
.prostor H3.H3{
 font-size: 30px;
}
.prostor IMG{
 display: block;
 max-width: 100%;
 margin: 10px auto 20px auto;
}
.prostor SPAN{
 display: block;
 padding: 0px 0px 10px 0px;
}
.prostor EM{
 padding: 10px 0px 10px 0px;
 font-style: normal;
 font-size: 18px;
 background-color: #C4CCD2;
 color: #00739D;
}
INPUT, TEXTAREA, SELECT{  font-family: "Montserrat", sans-serif; }
INPUT.b,
A.tlacitko,
A.tlacitko:link, A.tlacitko:visited{
 display: block;
 color: #FFFFFF;
 background-color: #00739D;
 border: none;
 font-size: 18px;
 padding: 10px;
 text-align: center;
}
INPUT.b_over,
A.tlacitko:hover, A.tlacitko:active{
 text-decoration: none;
 opacity: 0.50;
 filter: alpha(opacity=50);
}
INPUT.ano, A.tlacitko.ano, A.tlacitko.ano:link, A.tlacitko.ano:visited{
 background-color: #008800;
 color: #FFFFFF;
}
INPUT.ano_over, A.tlacitko.ano:hover, A.tlacitko.ano:active{ background-color: #00BB00; }
INPUT.ne, A.tlacitko.ne, A.tlacitko.ne:link, A.tlacitko.ne:visited{
 background-color: #AA0000;
 color: #FFFFFF;
}
INPUT.ne_over, A.tlacitko.ne:hover, A.tlacitko.ne:active{ background-color: #DD0000; }
A.tlacitko2,
A.tlacitko2:link, A.tlacitko2:visited{
 display: inline-block;
 color: #FFFFFF;
 background-color: #008800;
 border: none;
 font-size: 20px;
 padding: 20px;
 text-align: center;
}
A.tlacitko2 STRONG,
A.tlacitko2:link STRONG, A.tlacitko2:visited STRONG{
 display: block;
 font-size: 30px;
}
A.tlacitko2:hover, A.tlacitko2:active{
 text-decoration: none;
 opacity: 0.50;
 filter: alpha(opacity=50);
}
INPUT.i, DIV.input, TEXTAREA{
 max-width: calc(100% - 40px);
 padding: 10px;
 background-color: #FFFFFF;
 border: none;
 color: #00739D;
 font-size: 25px;
 line-height: 30px;
 -webkit-border-radius: 10px 10px 10px 10px;
 -moz-border-radius: 10px 10px 10px 10px;
 -khtml-border-radius: 10px 10px 10px 10px;
 border-radius: 10px 10px 10px 10px;
 box-shadow: 0px 0px 10px 0px #DDDDDD;
 -webkit-box-shadow: 0px 0px 10px 0px #DDDDDD;
 -moz-box-shadow: 0px 0px 10px 0px #DDDDDD;
}
INPUT.i.i2{ font-size: 20px; }
INPUT.i_over,
INPUT.if_over,
TEXTAREA.over,
TEXTAREA.f_over{
 color: #6A4F77;
 box-shadow: 0px 0px 10px 0px #AAAAAA;
 -webkit-box-shadow: 0px 0px 10px 0px #AAAAAA;
 -moz-box-shadow: 0px 0px 10px 0px #AAAAAA;
}
INPUT.tdef, TEXTAREA.tdef{
 color: #CCCCCC;
}
INPUT.iL, DIV.iL{
 -webkit-border-radius: 10px 0px 0px 10px;
 -moz-border-radius: 10px 0px 0px 10px;
 -khtml-border-radius: 10px 0px 0px 10px;
 border-radius: 10px 0px 0px 10px;
}
INPUT.iP, DIV.iP{
 -webkit-border-radius: 0px 10px 10px 0px;
 -moz-border-radius: 0px 10px 10px 0px;
 -khtml-border-radius: 0px 10px 10px 0px;
 border-radius: 0px 10px 10px 0px;
}
INPUT.iL.iP, DIV.iL.iP{
 -webkit-border-radius: 0px 0px 0px 0px;
 -moz-border-radius: 0px 0px 0px 0px;
 -khtml-border-radius: 0px 0px 0px 0px;
 border-radius: 0px 0px 0px 0px;
}
SELECT{
 padding: 5px;
 max-width: calc(90% - 10px);
 background-color: #FFFFFF;
 border: none;
 color: #666666;
 font-size: 18px;
 -webkit-border-radius: 3px 3px 3px 3px;
 -moz-border-radius: 3px 3px 3px 3px;
 -khtml-border-radius: 3px 3px 3px 3px;
 border-radius: 3px 3px 3px 3px;
 box-shadow: 0px 0px 5px 0px #DDDDDD;
 -webkit-box-shadow: 0px 0px 5px 0px #DDDDDD;
 -moz-box-shadow: 0px 0px 5px 0px #DDDDDD;
}
SELECT.over{
 box-shadow: 0px 0px 5px 0px #AAAAAA;
 -webkit-box-shadow: 0px 0px 5px 0px #AAAAAA;
 -moz-box-shadow: 0px 0px 5px 0px #AAAAAA;
}
.main STRONG,
.smlouva STRONG{ font-weight: 700; }
SPAN.cislo{
 display: inline-block;
 padding: 5px;
 background-color: #00739D;
 color: #FFFFFF;
 margin: 0px 10px 0px 0px;
}
/*--- ODKAZY --*/
A, A:link, A:visited{
 text-decoration: none;
 color: #00739D;
 cursor: pointer;
}
A:hover, A:active,
A.a, A.a:link, A.a:visited{
 color: #72AFC8;
}
A.nahoru, A.nahoru:link, A.nahoru:visited{
 position: fixed;
 bottom: 20px;
 right: 20px;
 display: block;
 width: 50px;
 height: 50px;
 background-color: #00739D;
 background-image: url(obr/nahoru.png);
 background-repeat: no-repeat;
 background-position: center center;
 -webkit-border-radius: 25px 25px 25px 25px;
 -moz-border-radius: 25px 25px 25px 25px;
 -khtml-border-radius: 25px 25px 25px 25px;
 border-radius: 25px 25px 25px 25px;
 cursor: pointer;
 z-index: 100;
}
A.nahoru:hover, A.nahoru:active{
 opacity: 0.50;
 filter: alpha(opacity=50);
}
A.logo,
A.logo:link,
A.logo:visited{
 position: fixed;
 top: 140px;
 left: 5%;
 display: block;
 width: 40%;
 aspect-ratio: 1810 / 267;
 background-image: url(obr/logo.svg);
 background-repeat: no-repeat;
 background-position: center center;
 background-size: cover;
 z-index: 104;
}
A.logo:hover,
A.logo:active{
 opacity: 0.50;
 filter: alpha(opacity=50);
}
.BODY2 A.logo,
.BODY2 A.logo:link,
.BODY2 A.logo:visited{
 top: 10px;
 left: 25px;
 width: 400px;
}
DIV.pozpruh{
 aspect-ratio: 1920 / 1300;
 width: 100%;
 background-image: url(obr/kontejnery.jpg);
 background-repeat: no-repeat;
 background-size: 100%;
 background-position: center bottom;
 background-color: #FFFFFF;
}
DIV.pozpruhpad{
 padding: 350px 5% 50px 5%;
}
A.uzivatel,
A.uzivatel:link,
A.uzivatel:visited{
 position: fixed;
 top: 50px;
 right: 50px;
 display: block;
 width: 50px;
 height: 50px;
 background-image: url(obr/uzivatel.png);
 background-repeat: no-repeat;
 background-position: center center;
 background-size: 100%;
 z-index: 101;
}
.BODY2 A.uzivatel,
.BODY2 A.uzivatel:link,
.BODY2 A.uzivatel:visited{
 top: 15px;
 right: 25px;
}
A.uzivatel.u SPAN,
A.uzivatel.u:link SPAN,
A.uzivatel.u:visited SPAN{
 display: block;
 width: 46px;
 height: 46px;
 margin: 2px;
 background-color: #FFFFFF;
 -webkit-border-radius: 50px 50px 50px 50px;
 -moz-border-radius: 50px 50px 50px 50px;
 -khtml-border-radius: 50px 50px 50px 50px;
 border-radius: 50px 50px 50px 50px;
 overflow: hidden;
 font-size: 13px;
 line-height: 20px;
 text-align: center;
}
A.uzivatel:hover,
A.uzivatel:active{
 opacity: 0.50;
 filter: alpha(opacity=50);
}
.umenu A,
.umenu A:link, .umenu A:visited{
 display: block;
 min-width: 150px;
 padding: 5px 10px;
 margin: 0px 0px 1px 0px;
 white-space: nowrap;
 font-size: 16px;
 color: #00739D;
}
.umenu A:hover, .umenu A:active,
.umenu A.a,
.umenu A.a:link, .umenu A.a:visited{
 color: #FFFFFF;
 background-color: #00739D;
}
.menu A,
.menu A:link, .menu A:visited{
 position: relative;
 display: block;
 float: left;
 color: #212121;
 font-size: 20px;
 padding: 10px;
 margin: 0px 30px 0px 0px;
}
.menu A:hover, .menu A:active,
.menu A.a, .menu A.a:link, .menu A.a:visited{
 color: #00739D;
 text-decoration: none;
}
.rkontakty A,
.rkontakty A:link,
.rkontakty A:visited{
 font-size: 30px;
 padding-left: 50px;
 background-image: url(obr/telefon.png);
 background-repeat: no-repeat;
 background-position: center left;
 text-shadow: 1px 1px #FFFFFF;
}
.sluzba A.vice,
.sluzba A.vice:link,
.sluzba A.vice:visited{
 position: relative;
 z-index: 2;
 color: #FFFFFF;
}
.sluzba A.vice SPAN.sipkaD,
.sluzba A.vice:link SPAN.sipkaD,
.sluzba A.vice:visited SPAN.sipkaD{
 display: block;
 height: 20px;
 background-image: url(obr/sipkaD.png);
 background-position: right center;
 background-repeat: no-repeat;
}
.sluzba A.vice SPAN.sipkaD.sipkaH,
.sluzba A.vice:link SPAN.sipkaD.sipkaH,
.sluzba A.vice:visited SPAN.sipkaD.sipkaH{
 background-image: url(obr/sipkaH.png);
}
.sluzba A.vice:hover,
.sluzba A.vice:active{
 opacity: 0.70;
 filter: alpha(opacity=70);
}
.zalozky A,
.zalozky A:link,
.zalozky A:visited{
 display: block;
 float: left;
 padding: 10px 0px;
 width: 50%;
 font-size: 25px;
 background-color: #005675;
 color: #FFFFFF;
 text-align: center;
}
.zalozky A.a,
.zalozky A.a:link,
.zalozky A.a:visited{
 color: #00739D;
 background-color: #D1D6D8;  
}
.zalozky A:hover,
.zalozky A:active{
 color: #00739D;
 background-color: #B1B6B8;
}
.faq DIV{
 display: inline-grid;
}
.faq DIV H2{
 padding: 10px;
 font-size: 20px;
 background-color: #838E92;
 color: #FFFFFF;
 text-align: left;
}
.faq DIV EM{
 display: block;
 padding: 20px;
 font-style: normal;
 background-color: #FFFFFF;
}
.pozadi_zelena A,
.pozadi_zelena A:link,
.pozadi_zelena A:visited{
 color: #E0E0E0;
}
.pozadi_zelena A:hover,
.pozadi_zelena A:active{
 color: #000000;
}
.radky A,
.radky A:link,
.radky A:visited{
 position: relative;
 display: block;
 padding: 10px 20px;
 font-size: 20px;
 background-color: #FFFFFF;
}
.radky A:hover,
.radky A:active{
 color: #000000;
 background-color: #F7F8FA;
}
.radky A SPAN.stav,
.radky A:link SPAN.stav,
.radky A:visited SPAN.stav{
 position: absolute;
 top: 0px;
 left: 0px;
 display: block;
 width: 10px;
 height: 100%;
 float: left;
}
.radky A STRONG,
.radky A:link STRONG,
.radky A:visited STRONG{
 display: inline-block;
 vertical-align: middle;
 padding: 10px 0px 10px 30px;
 font-size: 25px;
}
.radky A STRONG EM,
.radky A:link STRONG EM,
.radky A:visited STRONG EM{
 display: block;
 font-style: normal;
 font-size: 15px;
 color: #777777;
}
.bottom A:link, .bottom A:visited{ color: #FFFFFF; }
.bottom A:hover, .bottom A:active{ color: #72AFC8; }
.copy{
 float: left;
 color: #FFFFFF;
}
.copy A:link, .copy A:visited{ color: #FFFFFF; }
.copy A:hover, .copy A:active{ color: #72AFC8; }
A.kao:link, A.kao:visited{
 display: block;
 float: right;
 color: #FFFFFF;
}
A.kao:hover, A.kao:active{ color: #72AFC8; }
/*--- DESIGN ---*/
.menupruh{
 position: fixed;
 top: 0px;
 left: 0px;
 width: 100%;
 height: 79px;
 z-index: 100;
}
.BODY2 .menupruh{
 background-color: #FFFFFF;
}
.menu{
 position: fixed;
 right: 100px;
 top: 50px;
 z-index: 101;
}
.BODY2 .menu{
 top: 20px;
}
.pruh{
 position: relative;
}
.pruh1{
 padding: 50px 0px;
 background-color: #FFFFFF;
 color: #000000;
}
.pruh2{
 padding: 100px 0px;
 background-color: #D1D6D8;
 color: #000000;
}
.pruh3{
 padding: 50px 0px;
 background-color: #F0F0F0;
 color: #000000;
}
.pruh4{
 padding: 50px 0px;
 background-color: #B1B6B8;
 color: #000000;
 border-top: solid 3px #FFFFFF;
}
.main{
 width: 90%;
 margin: 0px auto;
 text-align: left;
}
.bottom .main{
 margin: 0px auto 0px auto;
 width: 95%;
 min-width: 980px;
 max-width: 1400px;
}
.mainL{
 width: 40%;
 float: left;
}
.mainP{
 width: 50%;
 float: right;
}
.bottom{
 padding: 50px 0px 50px 0px;
}
/*--- OSTATNÍ ---*/
.rkontakty{
 position: fixed;
 top: 130px;
 right: 250px;
 z-index: 20; 
}
.BODY2 .rkontakty{
 top: 90px;
 right: 210px;  
}
.umenu{
 position: fixed;
 top: 120px;
 right: 0px;
 background-color: #FFFFFF;
 padding: 10px;
 box-shadow: 0px 0px 10px 0px #777777;
 -webkit-box-shadow: 0px 0px 10px 0px #777777;
 -moz-box-shadow: 0px 0px 10px 0px #777777;
 z-index: 20;
}
.BODY2 .umenu{
 top: 80px;
}
.sluzba_prostory.sluzba_prostory2{ padding-top: 100px; }
.sluzba{
 position: relative;
 width: calc(35% - 100px);
 float: left;
 padding: 50px;
 margin: 50px 0px 0px 0px;
 color: #FFFFFF;
 font-weight: 500;
 z-index: 2;
}
.sluzba_prostory2 .sluzba{ float: right; }
.sluzba .spozadi{
 position: absolute;
 top: 0px;
 left: 0px;
 width: 100%;
 height: 100%;
 background-color: #00739D;
 opacity: 0.80;
 filter: alpha(opacity=80);
 rotate: -2deg;
 z-index: 1;
}
.sluzba_prostory2 .sluzba .spozadi{
 background-color: #828D91;
 rotate: 2deg;
}
.prostory{
 width: calc(60% - 100px);
 padding: 0px 50px;
 float: right;
}
.prostory.doplnkove{ width: calc(48% - 100px); }
.prostory.doplnkove1{ float: left; }
.sluzba_prostory2 .prostory{ float: left; }
.prostor{
 padding: 30px 0px 0px 0px;
 display: grid;
 grid-gap: 30px;
 grid-template-columns: auto auto auto;
}
.prostor.prostor1{ grid-template-columns: auto; }
.prostor.prostor2{ grid-template-columns: auto auto; }
.zalozky{
 display: block;
 padding: 0% 15%;
 margin: 0px 0px 20px 0px;
 background-color: #00739D;
 border-top: solid 2px #00739D;
}
.doplnkovesluzby{ padding: 50px 0px 0px 0px; }
.blok{
  background-color: #FFFFFF;
}
.faq{
 padding: 50px 50px 0px 50px;
 display: grid;
 grid-gap: 50px;
 grid-template-columns: auto auto;
}
.smlouva{
 padding: 50px;
 background-color: #FFFFFF;
}
.kontakty{
 padding: 50px 50px 0px 50px;
}
.kontaktU{
 float: left;
 font-size: 40px;
 padding: 0px 0px 0px 50px;
}
.kontaktF{
 float: right;
 color: #000000;
}