:root {


--fs-xl: clamp(1.7rem, 2vw + 1rem, 2rem);
--fs-h2: clamp(1.2rem, 1.7vw + 1rem, 1.7rem);
--fs-h3: clamp(1.1rem, 1.4vw + 0.7rem, 1.2rem);
--fs-h4: clamp(1.0rem, 1.2vw + 0.5rem, 1.2rem);
--fs-h5: clamp(1.0rem, 1.1vw + 0.3rem, 1.1rem);
--fs-big: 2rem;
/* --fs-normal: 1rem; */
/* --fs-normal: clamp(0.8rem, 1.1vw + 0.2rem, 1.1rem); */
--fs-normal: clamp(0.9rem, 1.1vw + 0.1rem, 1.1rem);
--fs-small: 0.8rem;

--lh-xl: 1;
--lh-h1: 1;
--lh-h2: clamp(1.5rem, 1.7vw + 1rem, 1.7rem);
--lh-h3: clamp(1.1rem, 1.4vw + 0.7rem, 1.7rem);
--lh-h4: clamp(1.0rem, 1.2vw + 0.5rem, 1.2rem);
--lh-h4: clamp(1.0rem, 1.2vw + 0.5rem, 1.2rem);

--lh-big: 1;
--lh-normal: 1.3;
--lh-small: 1.2;

--menumobilecolor:#FF9900;

--zluta:#FF9900;
--zluta2:#eF8900;
--svetlezluta:#fff4da;
--modra:#0066CC;
--modra2:#3086FC;
--modratmava:#00467C;
--zlata:#FF9900;
--zlata2:#FF9900;

--cerna:#232323;

font-size:17px;
}


.projektpremenyinfo {
background-color: #a0a0a0;
padding:10px;
color:white;
}
.projektpremenyinfo a {
font-weight:bold;
text-decoration: none;
color:white;
font-size:var(--fs-normal);
}

.projektpremenyinfo a:hover {
text-decoration: underline;
}


.bx-pager-item a.active, .bx-pager-item a:hover {
background-color: var(--zlata2) !important;
}
.bx-wrapper .bx-pager.bx-default-pager a {
width:30px !important;
}

/* koliduje s floatboxem
* , *:before, *::after {
box-sizing: border-box;
}*/

input, table, td, p {
box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
  }

* {
margin: 0;
padding: 0;
}

/* ---- */

.tabulkacenygraf td, th {
font-size:10px;
line-height:14px;
}

.tabulkacenygraf th {
background-color: #898989;
color:white;
padding:2px;
}

.tabulkacenygraf td {
border-bottom:1px dotted #a0a0a0;
}
.tabulkacenygraf td.cenazero {
color:#a0a0a0;
}



.tabulkacenygraf tr:hover td{
background-color: #f0f0f0;
cursor: default;
}

.realnadatainfobox {
background: linear-gradient(to bottom right, #E8F0F3, #f8fcff, #E8F0F3);
padding:10px 20px;
box-sizing: border-box;
border-radius:10px;
box-shadow: inset 0px 0px 35px rgba(200,200,200,0.31);
}


#kalendarform {
width: 100%;
background-color: #f0f0f0;
background: linear-gradient(to bottom right, #E8F0F3, #f8fcff, #E8F0F3);
padding:10px 20px;
box-sizing: border-box;
border-radius:10px;
box-shadow: inset 0px 0px 35px rgba(200,200,200,0.31);
}

#kalendarform select  {
border-radius:5px;
margin:1px 3px 1px 0 ;

padding:2px 5px;
border:0;
}

#kalendarform .grafformsubmit {
background-color: var(--modra2);
color:white;
border-radius:5px;
border:0;
padding:2px 10px;
cursor: pointer;
transition:200ms all ease-in;
}

#kalendarform .grafformsubmit:hover {
background-color: var(--modra);
}



.pocasidaytable {
border-right:1px solid white;
}


.pocasiarrow {
width:12px;
height:12px;
background-color:#f0f0f0;
display: inline-block;
border-radius:6px;
line-height:9px;
position: relative;
top:-4px;
cursor: default;
}
.pocasidaytable td {
border-left:1px solid white;
font-size:9px;
line-height:12px;
text-align: center;
padding:0 0 5px 0;
overflow: hidden;
}

.pocasidaytable td strong {
color:black;
font-weight: normal;
}
.pocasidaytable td em {
color:#808080;
font-style: normal;
font-weight: normal;
}

.pocasidaytable td img {
filter: drop-shadow(1px 1px 2px rgba(0,0,0,0.5));
width:100%;
}

.pocasibunkaprvni {
font-size:9px;
min-width:45px;
width:4%;
}

.pocasibunka {
text-align:center;
font-size:9px;
width:4%; //100/25 (protoze 24 hodin denne a jeden navic pro vpravo odskok)
line-height:10px;
}

.pocasiikona {
filter: drop-shadow(1px 1px 2px rgba(0,0,0,0.5));
top:10px;
position: relative;
transition:.20s ease;
}

.pocasiikona:hover {
transform:scale(1.4,1.4);
}


#myChart {
height:500px;
}

.chartdaytable {
border-right:1px solid #909090;
border-top:1px solid #909090;
border-bottom:1px solid #909090;
margin:0 0 10px 0;
}
.chartdaytable td {
border-left:1px solid #909090;
text-align: center;
}

.chartdaytable td a {
background-color:#e9e9e9;
color:#232323;
font-size:10px;
width:100%;
overflow: hidden;
 display: block;
text-decoration: none;
}

.chartdaytable td a:hover {
background-color:#f0f0f0;
}

.chartdaytable td a.actual {
background-color: #4Ea542;
color:white;
}

.chartdaynadpis {
color:white;
background-color:#909090;
padding:4px 5px;
margin:0px 0 0 0;
font-size:10px;
line-height:11px;
font-weight: normal;
}


.chart_table a {
text-decoration: none;
font-size:12px;
color:white;
font-weight: normal;
padding:2px 6px;
background-color:#e68c00;
border-radius:3px;
transition:.20s ease;
}

.chart_table a:hover {
background-color: black;
}

.chart_table a.graflink_dnes {
background-color: #c0c0c0;
}
.chart_table a.graflink_dnes:hover {
background-color: #787878;
}


.chart_button {
color:white;
text-decoration: none;
padding:3px 8px;
background-color:#909090;
border-radius:4px;
font-size:14px;
transition:.20s ease;
}

.chart_button:hover {
background-color:black;
}


.gravdivfullscreen {
position: fixed;
top:0;
left:0;
width:100%;
height:100%;
z-index:9999;
background-color: white;
}



.gravdivinfullscreen {
padding:10px;
margin:1px;
}

/* ---- */

.hlavniobsah ul.firmylist {
padding: 0 ;
margin:0;
}




.hlavniobsah ul.firmylist li {
background-color:rgba(0,0,0,0.25);
padding: 10px 20px;
margin:5 0 5px 0;
border-radius:5px;
}

.hlavniobsah ul.firmylist li strong {
text-decoration: underline;
line-height:var(--lh-h2);
font-size:var(--fs-h3);
display: block;
}

.hlavniobsah ul.firmylist li::before {
  background:red url();
  height:14px;
  width:14px;
  left:-7px;
  top:18px;
  transform:rotate(45deg);
  background-color:var(--modratmava);
}

.hlavniobsah ul.firmylist li::after {
  height:8px;
  width:8px;
  left:-4px;
  top:19px;
  transform:rotate(45deg);
  background-color:rgba(0,0,0,0.25);;
  position: absolute;
  content:'';
}



.razitkohomepage {
position: absolute;
right:30px;
top:0;
width:250px;
top:20px;
opacity:0.9;
transition:500ms all ease-in;
}



.QAotazka {
border:1px solid black;
padding:5px 15px;
border-radius:20px;
margin:10px 0;
font-weight:bold;
font-size:var(--fs-h3);
}
.QAotazka p {
margin:0;
padding:0;
}

.QAotazka .QAnadpis {
display: block;
padding-right:30px;
position: relative;
cursor: pointer;
}
.QAotazka .QAsipka {
width:10px;
height:10px;
position: absolute;
top:15px;
right:5px;
transform:rotate(135deg);
border-top:3px solid black;
border-right:3px solid black;
transition:200ms all ease-in;
}

.QAotazka .QAsipkaOtoceno {
transform:rotate(-45deg);
}

.QAodpoved {
font-weight:normal;
font-size:var(--fs-normal);
margin:0 0 10px 0;
display:none;
border-radius:20px;
padding:5px 0px;
}

.QAotazka p {
margin:0;
padding:10px 0 10px 0;
}




.clankystrankovani {
text-align: center;
padding:20px 0 0 0;
}


.clankystrankovani a {
text-decoration: none;
color:#909090;
font-size:var(--fs-small);
line-height:var(--lh-small);
display: inline-block;
padding:2px 4px;;
box-sizing: border-box;

}

.clankystrankovani a.actual, .clankystrankovani a:hover  {
color:var(--modra);
border-bottom:1px solid var(--modra);
}


.asociatelogo {
  border-radius: 50%;
  width: 100px;
  height: 100px;
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2);
  margin: 0 20px;
}


.logohomepage {
box-shadow: 0px 10px 20px rgba(0,0,0,0.35);
height:16vh;
border-radius:3px;
aspect-ratio: 3/2;
background-color: white;
background:white url(logokulate.svg?) no-repeat center center;
background-size: 70%;
opacity:0.9;
}



.adresaobjekt {
margin:0 auto;
}
.adresaobjekt  td {
text-align: left;
}

.poptavkaformboxflex {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 620px;
  margin: auto;
  gap: 10px;
}

.poptavkaformbox {
  flex: 1 1 45%;
  max-width: 300px;
  min-width: 200px;
  text-align: center;
  box-sizing: border-box;
}


.poptavkaformbox span {
text-align: left;
display: inline-block;
}
.poptavkaform input, .poptavkaform select {
font-family: 'Jost', sans-serif;
padding:4px 12px;
box-sizing:border-box;

box-sizing: border-box;
font-size: var(--fs-normal);
line-height:var(--lh-normal);
border-radius:4px;
border:0;
outline:1px solid var(--modra);
}
.poptavkaform input {
width:100%;
}

.poptavkaformbox INPUT::placeholder {
color:#e0e0e0;
}

.poptavkacheckbox {
width:20px !important;
outline: 0 none black !important;

} 









/* Na menších obrazovkách zobrazit boxy pod sebou */
@media (max-width: 600px) {
  .poptavkaformbox {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

.firmaboxclass td {
text-align: left;
}




img.referenceimage {
width:18% !important;
height:auto;
margin:0 3% 0 3%;
}


.homebody1 {
background-color: var(--svetlezluta);
padding:20px 20px 20px 60px;
margin:0 0 20px 0;
clip-path: polygon( 0 0, calc(100% - 30px) 0, 100% 30px, 100% 100%, 0 100%);
overflow: hidden;
display: block;
box-sizing: border-box;
position: relative;
color:#505050;
}

.homebody1 img {
width:75px;
position: absolute;
left:-20px;
top:20px;
transform:rotate(-10deg);
opacity:0.2;
}


.homebody1:before {
content:'';
width:30px;
height:30px;
position: absolute;
right:0;
top:0;
background-color:var(--zluta);
box-shadow: 0px 3px 5px rgba(200,200,200,1);
}


.homebody2holder {
display: flex;
  flex-wrap: wrap;
gap: 20px;
  }

.homebody2 {
flex: 1 1 30%;
  min-width: 200px;
  width: 35%;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;

background-color:  var(--svetlezluta);
padding:20px;

border-radius:4px;
display: block;
box-sizing: border-box;
position: relative;
color:#505050;
}

.homebody2 .homebody2img {
width:25px;
height:25px;
border-radius:50%;
display: inline-block;

}
.homebody2 .homebody2img img {
width:100%;
}

.homebody2 .homebody2img img.styl2 {
width:80%;
}
.homebody2 .homebody2img img.styl3 {
width:80%;
}
.homebody2 .homebody2img img.styl6 {
width:90%;
}





.topobjekt {
width:100%;
max-width: 600px;
font-size: var(--fs-normal);
line-height:var(--lh-normal);
}

.topobjekt h1 {
color:var(--cerna);
margin:0px 0 0 0;
padding:0;
font-size: var(--fs-xl);
line-height:var(--lh-xl);
font-weight:400;
text-align: left;
}

.h1boxinner .holderin {
height:100%;
box-sizing:border-box;
display: grid; place-items: center;justify-items: start;
}

.topobjektmemo p {
font-size: var(--fs-small);
line-height:var(--lh-small);
margin:0;
padding:10px 0;
}

.topobjekt .animovanybutton {
transform:scale(1.2);
  transform-origin: left center;
}


.komentarvnahledu {
font-size:var(--fs-small);
line-height:var(--lh-small);
padding:7px 0 0 0;
opacity:0.65;
}

.sliderholderNew {
position: relative;
padding:0;
margin:30px 0 0 0;
height:35vh;
box-sizing: border-box;
width:100%;
}

.sliderholderNewin {
width:100%;
height:1px;
text-align: center;
position: absolute;
bottom:0;

}

.sliderbox {
background-color: rgba(0,0,0,0.4);;
display: inline-block;
padding:10px 30px;
border-radius:2px;
}

.sliderstindole {
position: absolute;
bottom:-12px;
background:linear-gradient(to bottom, rgba(0,0,0,0),#121212);
height:10vh;
width:100%;
}

img, picture, svg, video {
/* display:block; */
/* max-width:100%; */
}


input, textarea, button, select {
font:inherit;
}

body {
min-height:100vh;
background: linear-gradient(to bottom, #ffffff, #F8F8FF 60%, #FFFAF0);
background: linear-gradient(to bottom, #F8F8FF, #ffffff, #F8F8FF);

background-repeat: no-repeat;
background-size: 100% 100vh;
background-attachment: fixed;
color:var(--cerna);
  margin: 0;
  padding: 0;
  text-align: center;
  font-family: 'Jost', sans-serif;

}

body, p, td, li{
font-size: var(--fs-normal);
line-height: var(--lh-normal);
}

body a {
color:var(--modra);
}

img.revealme {
transform: scale(0.5);
transition: .65s ease-in;
display: inline-block;
position: relative;
}


hr {
margin:30px 0;
border:0;
border-bottom:2px solid var(--modra);
}

.footer hr {
border-bottom:1px solid white;
}

.footerdiv {
padding:0 30px;
box-sizing:border-box;
}

.footerdivodkazy p {
padding:0 0 10px 0;
margin:0;
}
.footerdivodkazy p a {
background-color:rgba(0,0,0,0);
padding:0 8px 3px 5px;;
transition:all 400ms ease;
border-radius:4px;
font-size:var(--fs-h4);
line-height:1;
display: inline;
text-decoration: none;
}
.footerdivodkazy p a:hover{
background-color:rgba(0,0,0,0.1);
}
.footerdivodkazy p a img {
margin:0 7px 0 0;
top:3px;position: relative;
}









.footerboxes {
  display:flex;
  flex-wrap: wrap;
  padding:0px 0;
}
.footerbox h3 {
font-weight: bold !important;
}

.footerbox {
}

.footerbox hr {
border:0;
border-top:2px dotted white;
margin:10px 0;
padding:0;
}


.footerbox1 {
width:30%;
box-sizing: border-box;
padding:50px 20px 30px 20px;
background-color:#f4f4f4;
text-align: center;
}

.footerbox1 img {
width:100%;
max-width:250px;
}

.footerbox2, .footerbox3 {
width:35%;
box-sizing: border-box;
padding:50px 20px 30px 20px;
}


.footerbox2 p,.footerbox3 p {
font-size:14px;
line-height: 20px;
}

.footerbox3 em {
font-style: normal;
font-size:35px;
font-size:var(--fs-xl);
font-weight: 800;
position: relative;
z-index:99;
color:#FF9900;

  text-shadow:
    2px 0   white,
   -2px 0   white,
    0   2px white,
    0  -2px white,
    1px 1px white,
   -1px 1px white,
    1px -1px white,
   -1px -1px white;
   
}

.footerbox3 em a {
color:#FF9900 !important;
text-decoration: none;
}



.footerbox3 em::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: -10px;
  right: -10px;
  background-color: white;
  transform-origin: bottom;
  z-index: -1;
  clip-path: polygon(0 0,100% 0,100% 100%,0% 100%);
  transform: rotate(-2deg);
}




.articles {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}

.article {
  padding: 0px;
  box-sizing: border-box;
  text-decoration: none;
  color:black;
}
.articleimage {
overflow: hidden;
width:100%;
height:200px;
margin:0 0 20px 0;
box-shadow: inset 0px 0px 35px rgba(200,200,200,0.31);
}


.articleimagein {
width:100%;
height:100%;
transition:all 200ms ease-in;

}



.article .stext, .article .stext p {
font-size:var(--fs-small);
line-height:var(--lh-small);
}

.articledatum
{
font-size:var(--fs-small);
line-height:var(--lh-small);
color:#909090;
}


.article:hover .articleimagein {
transform:scale(1.1);

}



/* Responzivní změna na 3 sloupce při šířce pod 800px */
@media (max-width: 800px) {
  .articles {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 600px) {
  .articles {
    grid-template-columns: repeat(1, 1fr);
  }
}







h1 {
margin:0;
text-align: center;
padding:2rem 0 1rem 0;
font-size: var(--fs-xl);
line-height:var(--lh-h1);

/* text-shadow: black 1px 0 7px; */
}


h2 {
font-size: var(--fs-h2);
line-height:var(--lh-h2);
padding:0;
margin:1rem 0 1.5rem 0;
color:var(--cerna);
display: block;
}

/*
h2 span {
position: relative;
display:inline-block;
}


h2 span::after {
position: absolute;
content:'';
background-color:var(--zluta);
bottom:-8px;
left:0;
width:40px;
height:3px;
transition:all 200ms ease-in;
}

h2 span:hover::after {
width:100%;

}

*/


h3 {
font-size: var(--fs-h3);
line-height:var(--lh-h3`);
padding:0;
margin:1rem 0;
font-weight: 600;
display: block;
padding:4px 10px;
text-align: left;
}


h4 {
font-size: var(--fs-h4);
line-height:var(--lh-h4);
padding:0;
margin:1rem 0;
}



.hlavniobsah  ul {
  /*list-style: none; /* Remove default bullets */
margin:10px 0 24px 0;
padding: 0 0 0 35px;
}

.hlavniobsah  ul li {
margin:10px 0;
padding:0;
position: relative;
}

.hlavniobsah  ul li  p {
margin:0 !important;
padding:0 !important;
}



.hlavniobsah ul li::before {
  background: url('checkblue.png') no-repeat center center;
    background-size: auto;
  background-size: contain;
  content: '';
  width: 20px;
  height: 15px;
  position: absolute;
  left: -25px;
  top: 5px;
  display: inline-block;
}


.hlavniobsah ul ul li::before {
  content: 'x';
  color:#565656;
  display: inline-block;
  font-weight:normal;
  /*width: 1em;*/
  /* margin-left: -1em; */
  position:absolute;
  top:0px;
  transform:skew(40deg) rotate(30deg);
  }


.hlavniobsah li {
 list-style: none url();
padding-left:20px;
}





.homebutton {
background-color: var(--zlata2);
color:white !important;
padding:3px 16px;
text-decoration: none !important;
display: inline-block;
border-radius:5px;
transition:all 200ms ease;
}
.homebutton:hover {
transform:scale(1.05);
}

.homebuttongrey {
background-color:#a0a0a0;
color:white !important;
padding:3px 16px;
text-decoration: none !important;
display: inline-block;
border-radius:5px;
transition:all 200ms ease-in;
}
.homebuttongrey:hover {
transform:scale(1.05);
}


.textbutton {
margin:20px 0;
background-color: var(--zlata2);
color:white !important;
padding:5px 36px;
font-size:var(--fs-h2);
text-decoration: none !important;
display: inline-block;
border-radius:2px;
transition:all 200ms ease;
}
.textbutton:hover {
transform:scale(1.05);
}

.textbutton:after {
content:' >';
font-size:0;
opacity:0;
transition:all 200ms ease;}


.textbutton:hover:after {
opacity:1;
font-size:var(--fs-h2);
}

.mybuttWhite {
text-decoration: none;
color:var(--modratmava) !important;
background-color: white;
padding:4px 15px;
border-radius:2px;
}
.mybuttWhite:hover {
background-color:#e0e0e0;
}



.postup_container {
  display:flex;
  flex-wrap: wrap;
}

.postup_main {
cursor:default;
flex-basis: calc(100% / 6);
margin-bottom:30px;
text-align: center;
}

.postup_mainin {
box-sizing: border-box;
width:100%;
padding:0 20px;
display: block;
}


.postup_main:hover .postup_obrazek {
transform:scale(1.2);
}


.postup_obrazek {
transition:300ms ease;
height:80px;
width:100%;
display:block;
margin-bottom:10px;
}
.postup_nadpis {
display: block;
height:3em;
font-weight:bold;
font-size:19px;
line-height:1.3;
}

.postup_popis {
display: block;
font-size:14px;
line-height:19px;
}





.pagecounter a {
background-color: var(--zlata2);
color:white !important;
padding:3px 16px;
text-decoration: none !important;
display: inline-block;
border-radius:5px;
transition:all 200ms ease-in;
}
.pagecounter a:hover {
transform:scale(1.05);
}


.pagecounter a.actual {
background-color: var(--zluta);
color:black;
}



.kontaktikona {
width:36px;
height:36px;
padding:20px 10px 20px 0;
top:-10px;
position: relative;
transform: rotate(5deg);
filter: drop-shadow(2px 2px 5px rgba(0,0,0,0.251));
}

.pozadiextraholder {
  padding:75px 0;
  background-attachment: fixed !important;
  //margin: 75px 0;
}

.colorinvert, .colorinvert p, .colorinvert h2, .colorinvert h3, .colorinvert a {
  color: white;
}

/*obrazkove podzadi*/
.hlavniobsahobrazek ,
/* barevne pozadi*/
.hlavniobsahsablona0, .hlavniobsahsablona1, .hlavniobsahsablona2, .hlavniobsahsablona3
{
padding:50px 0;
//max-width:1200px;
box-sizing:border-box;
margin:0 auto;
}

.hlavniobsahsablona0 { color:#565656; }
.hlavniobsahsablona0 p {}
.hlavniobsahsablona0 a {color:var(--modra)}
.hlavniobsahsablona0 h2 {color:var(--cerna);}

.hlavniobsahsablona0 h3 {color:var(--cerna);
background-color: rgba(240,240,240,1);
}

.hlavniobsahsablona1 {
position: relative;
overflow:hidden;
background-color:#f0f0f0;
background: linear-gradient(to bottom right, #E8F0F3, #f8fcff, #E8F0F3);

}
.hlavniobsahsablona1 p {color:var(--cerna);}
.hlavniobsahsablona1 h2 {color:var(--cerna);}
.hlavniobsahsablona1 a {color:var(--modra);}
.hlavniobsahsablona1 ul li::before { color: var(--modratmava); }

.hlavniobsahsablona1 ul li {
  color: black;
  }


.hlavniobsahsablona1 h3 {
background-color: rgba(220,220,230,0.5);
color:black;
}


.hlavniobsahsablona2 h3 {
background-color: rgba(220,220,230,0.25);
color:white;
}

/*
.hlavniobsahsablona1:before {
content:'';
position:absolute;
left:0;
top:0;
width:100%;
max-width:800px;
aspect-ratio:1 / 1;
background:url('bg-wboxes.png') no-repeat center center;
background-size: contain;
opacity:1;
}
/**/


.hlavniobsahsablona2:before {
content:'';
position:absolute;
right:0;
top:0;
width:100%;
max-width:800px;
aspect-ratio:1 / 1;
background:url('bg-wboxessqv.png') no-repeat center center;
background-size: contain;
opacity:0.05;
transform:rotate(180deg);
}

.hlavniobsahsablona2 {
position: relative;
overflow:hidden;
}


.hlavniobsahsablona2 {background-color:var(--modratmava);}
.hlavniobsahsablona2 p {color:white;}
.hlavniobsahsablona2 a {color:white;}
.hlavniobsahsablona2 li {color:white;}
.hlavniobsahsablona2 h2 {color:white;}
.hlavniobsahsablona2 hr {border-color:white;}

.hlavniobsahsablona2 ul li::before {
  background: url('check.png') no-repeat center center;
    background-size: auto;
  background-size: contain;
  }




.hlavniobsahsablona3 {background-color:#e0e0e0;}
.hlavniobsahsablona3 p {color:black;}
.hlavniobsahsablona3 a {color:black;}



.hlavniobsahobrazek {position:relative;

}
.hlavniobsahobrazek p {}
.hlavniobsahobrazek a {}

.hlavniobsahobrazekoverlay {
position: absolute;
left:0;
top:0;
height:100%;
width:100%;
filter: blur(4px) grayscale(0%) opacity(30%);
}



.homeboxcolorbg {
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
opacity: 0.1;
filter: grayscale(100) blur(1px);
overflow:hidden;
}




.homeboxcolor1 {
position: relative;
background-color:white;
//linear-gradient(to right, rgba(0,0,00,1),rgba(200,200,200,0.8),rgba(0,0,0,1));
color:black;
padding:0px 0;
margin:40px 0 0 0;
border-left:10px solid var(--zlata2);
box-sizing:border-box;
}


.homeboxcolor2  {
margin:40px 0 0 0;
position: relative;
padding:0px 0;
background-color:white;
color:black;
border-right:10px solid var(--zluta);
box-sizing:border-box;
}



/* flex START */
.flex-container h2 {
padding:0 0 10px 0;
margin:0;
}


.firmadoleboxholder {
  display: flex;
  flex-wrap: wrap;
  
  max-width:1200px;
  width:100%;
  margin:0 auto 20px auto;
  }

.firmadolebox {
  width: 25%;
  margin: 40px 0;
padding:0 30px;
text-align: left;  
display:block;
 box-sizing: border-box;
}

.firmadoleboxin {

}

.firmadoleboximage h3 {
display: none;
}
.firmadolebox p {
font-size: var(--fs-small);
}


.firmadolebox a {
font-size: var(--fs-small);
color:var(--modra2);
}

.firmadoleboximage {
width:100%;
margin: 0 auto;
height:60px;

display: block;
border:1px solid #ffe0c0 ;
border-radius:3px;
background-color: #fff8e0;
}

.firmadoleboximage1 {
background:#fff8e0 url('logosolax.png') no-repeat center center;
background-size: contain;
}

.firmadoleboximage2 {
background:#fff8e0 url('logovictron.png') no-repeat center center;
background-size: contain;
}

.firmadoleboximage3 {
display: block;
width:100%;
height:100%;
background: url('logoinfigy.png') no-repeat center center;
background-size: contain;
transform:scale(0.8);
}

.firmadoleboximage4 {
display: block;
width:100%;
height:100%;
background:url('logoloxone.png') no-repeat center center;
background-size: contain;
transform:scale(0.8);
}




.flex-container {
  display: flex;
  flex-wrap: wrap;
  }

.flex-item2 {
  width: 50%;
  margin: 0px;
  position: relative;
  overflow: hidden;
}

.flex-item3 {
  width: 33%;
  margin: 0px;
  text-align: center;
}
.flex-item4 {
  width: 25%;
  margin: 0px;
  text-align: center;
}

.flexpaddingleft {
padding:10px 30px 30px 30px;
text-align: left;
}

.flexpaddingright {
padding:10px 30px 30px 30px;
text-align: right;
}


.flex-image  {
min-height: 300px;

margin: 0;
box-sizing:border-box;
min-width:400px;
background-color: red;
transition:200ms all ease-in;
}

.homepageboxypadding {
padding:0px 0px;
overflow: hidden;
}
.flexitem4smallholder {
max-width:200px;
font-size:12px;
margin:0 auto;
}
.flexitem4smallholder strong {
font-size:35px;
background: -webkit-linear-gradient( #00c8aa,#00a88a);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
font-weight:bolder;

}

.flexitem4smallholder p {
padding:0;
margin:0;
}
/* flex END */




iframe {
/* youtube iframe */
width:100%;
height:auto;
aspect-ratio:3/2;
}


iframe.youtubenavysku {
/* youtube iframe */
width:100%;
display:block;
max-width:500px;
margin:0 auto;
height:auto;
aspect-ratio:1.6/3;

}







p {
margin:0;
padding:10px 0 10px 0;
}


 img {
  border: none;
 }




 body {

 }



.div50container {
display:flex;
}

.div50vlevo1 .snamibox {
height:calc(100% - 8px);
}

.div50vlevo {
//float:left;
width:50%;
box-sizing: border-box;
padding:0 30px 0 0;
}
.div50vpravo {
//float:left;
width:50%;
box-sizing: border-box;
padding:0 0 0 30px;

}



.div50vlevo1 {
width:40%;
box-sizing: border-box;
padding:0 30px 0 0;
}

.div50vpravo1 {
width:60%;
box-sizing: border-box;
padding:0 0 0 30px;
}



.div50vlevo2 {
//float:left;
width:60%;
box-sizing: border-box;
padding:0 30px 0 0;
}

.div50vpravo2 {
//float:left;
width:40%;
box-sizing: border-box;
padding:0 0 0 30px;

}




.recenzebox {
display: flex;
width: 100%;justify-content: center;
    align-items: center;
}

.onlinerecenze {
height:60px;
display: block;
max-width:140px;
width:100%;
box-sizing: border-box;
margin:0 4%;
transition:all 200ms ease-in;
}

.onlinerecenze1 {
background:url(/_cms/_tpl/nemakej/onlinereference1.png) no-repeat center center;
background-size: contain;
max-width:140px !important;
}
.onlinerecenze2 {
background:url(/_cms/_tpl/nemakej/onlinereference2.png) no-repeat center center;
background-size: contain;
}
.onlinerecenze3 {
background:url(/_cms/_tpl/nemakej/onlinereference3.png) no-repeat center center;
background-size: contain;
}


.recenzebox2 {
box-sizing:border-box;
display: flex;
width: 100%;
justify-content: center;
align-items: center;
}

.onlinerecenzex {
text-decoration: none;
height:60px;
display: block;
max-width:160px;
width:100%;
box-sizing: border-box;
margin:0 4% 0 0;
transition:all 200ms ease-in;
}

.onlinerecenzex:hover {
transform:scale(1.04);
}

.onlinerecenze:hover {
/*
transform:scale(1.04);
*/
}








.garanceboxin {
transition:200ms all ease-in;
cursor: default;
}

.garanceboxin:hover {
/*
transform:scale(1.05);
*/
}

.garanceboxcontainer {
    display: flex;
    flex-wrap: wrap; /* Umožňuje zalomení boxů pod sebe */
}

.garancebox1 {
    flex: 1 1 50%; /* Flex-grow, flex-shrink, flex-basis (minimální šířka 50%) */
    min-width: 400px; /* Minimální šířka boxů */
width:50%;
    display: flex;
    justify-content: left;
    align-items: left;
        box-sizing: border-box;
        padding:10px;
}

.garancebox2 {
    flex: 1 1 33%; /* Flex-grow, flex-shrink, flex-basis (minimální šířka 50%) */
    min-width: 250px; /* Minimální šířka boxů */
width:35%;
    display: flex;
    justify-content: center;
    align-items: center;
        box-sizing: border-box;
        padding:10px;
}

.garancebox2poptavka {
    flex: 1 1 33%; /* Flex-grow, flex-shrink, flex-basis (minimální šířka 50%) */
    min-width: 250px; /* Minimální šířka boxů */
width:35%;
    display: flex;
    justify-content: center;
    align-items: center;
        box-sizing: border-box;
        padding:10px;

}

.garanceboxin {
border-radius:10px;
width:100%;
height:100%;
padding:10px 20px 10px 80px;
box-sizing:border-box;
display: inline-block;
position: relative;

display: flex;
justify-content: flex-start; /* Horizontální zarovnání obsahu doleva */
    align-items: center; /* Vertikální centrování obsahu */
}



.garancebox1 .garanceboxin {
/*
background: linear-gradient(to right bottom, rgba(200,200,200,0.5),rgba(240,240,240,0.3), rgba(200,200,200,0.7));
/**/
background-color: rgba(255,255,255,0.71);;
background: linear-gradient(to right bottom , rgba(20,200,100,0.5) 0%, rgba(20,200,100,0.2) 30%,rgba(20,200,200,0.2) 70%);
box-shadow: inset 0px 0px 35px rgba(200,200,200,0.31), 1px 3px 5px rgba(180,180,180,1);

}

.garancebox2 .garanceboxin {
background-color: rgba(255,255,255,0.71);
background: linear-gradient(to right bottom , rgba(20,200,200,0.35) 0%, rgba(255,255,255,0.71) 30%,rgba(255,255,255,0.71) 70%);
box-shadow: inset 0px 0px 35px rgba(200,200,200,0.31), 1px 3px 5px rgba(180,180,180,1);
}

.garancebox2 .garanceboxin p {
font-size: 14px;
line-height: 1.3;
}


.garancebox1 .garanceboxin p {
font-size: 16px;
line-height: 1.4;
}



.garancebox1 .garanceboxin p strong {
font-size: 19px;
font-size:var(--fs-h2);

line-height: 1.4;
}

.garancebox2 .garanceboxin p strong {
font-size: 15px;
font-size:var(--fs-h3);

line-height: 1.4;
}




.garancebox2poptavka .garanceboxin {
background-color: rgba(0,0,0,0.1);
//background: linear-gradient(to right bottom , rgba(20,200,200,0.35) 0%, rgba(255,255,255,0.71) 30%,rgba(255,255,255,0.71) 70%);
//box-shadow: inset 0px 0px 35px rgba(200,200,200,0.31), 1px 3px 5px rgba(180,180,180,1);


}

.garancebox2poptavka .garanceboxin p {
font-size: 14px;
line-height: 1.3;
}

.garancebox2poptavka .garanceboxin p strong {
font-size: 15px;
font-size:var(--fs-h3);

line-height: 1.4;
}

@media (max-width: 700px) {

.garancebox1 {
    min-width: 100%; /* Minimální šířka boxů */

}
}

@media (max-width: 800px) {


.garancebox1 {
padding:5px;
    }

    .garancebox2, .garancebox2poptavka {
padding:5px;
    }


.garanceboxin:hover {
transform:scale(1.02);
}



.garancebox1 .garanceboxin p strong {
font-size:var(--fs-h3);
}



}


@media (max-width: 400px) {

.garancebox1 {
padding:5px 1px;
    }

    .garancebox2, .garancebox2poptavka {
padding:5px 1px;
    }
}



.garancebox1 .garanceboxin img.garanceico {
width:40px;
height:40px;
position: absolute;
left:20px;
}

.garancebox2 .garanceboxin img.garanceico {
width:30px;
height:30px;

position: absolute;
left:26px;
}

.garancebox2poptavka .garanceboxin img.garanceico {
width:30px;
height:30px;

position: absolute;
left:26px;
}





@media (max-width: 700px) {

.garancebox1 .garanceboxin img.garanceico {
width:30px;
height:30px;
position: absolute;
left:13px;
}

.garancebox2 .garanceboxin img.garanceico {
width:30px;
height:30px;
position: absolute;
left:13px;
}

.garancebox2poptavka .garanceboxin img.garanceico {
width:30px;
height:30px;
position: absolute;
left:13px;
}



.garanceboxin {
padding:10px 15px 10px 55px;
}

}

.garancevykricnik {
color:#dd0000;
font-weight: bold;
  transform: rotate(7deg) scale(1.1);
  opacity:0.7;
  display: inline-block;
}



.garancevpoptavce {
padding:0 0px 30px 0px;
border-left:2px dotted #909090;
}

.garancevpoptavce .garancebox2poptavka {
padding:10px 0;

}

@media (max-width: 900px) {
.garancevpoptavce {
padding:0 0px 30px 0px;
border-left:0px;
}

.garancevpoptavce .garancebox2poptavka {
padding:10px;

}

}

#animacefotovolt {
padding:30px 0 10px 0;
margin:0 auto;
border-radius:30px;
box-sizing: border-box;
width:90%;
background: linear-gradient(to bottom, #ffffff, #c8d8FF);
max-width:400px;
}

#animacefotovolt img {
max-width:100%;
max-height:500px;
width:auto;
}





.asociace_kontakt {
display:flex;
max-width:400px;
margin:0 auto;
flex-wrap: wrap;
}

.asociace_kontakt span {
min-width:100px;
width:50%;
margin:0 auto;
}


.asociace_kontakt img {
border-radius:50%;

box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2);
}


.galeryimgs {
display:flex;
flex-wrap: wrap;
}
.galeryimgs a {
width:25%;
box-sizing: border-box;
padding:10px;
}

.galeryimg {
width:100%;
aspect-ratio:3 / 2;
display: block;
transition:300ms all ease;
border-radius:6px;
box-shadow: inset 0 0 1em rgba(0, 0, 0, 0.1);
}

.galeryimgs a:hover .galeryimg {
transform:scale(1.04);

}



.referencevypisholder {
display:flex;
flex-wrap: wrap;
}


.referencevypis {
width:25%;
box-sizing: border-box;
padding:20px;
text-decoration: none;
text-align: center;
}

.referencevypishomeALLButton {
background-color: var(--modra2);
color:white;
width:100%;
display: flex; /* změna z block na flex */
align-items: center; /* vertikální zarovnání */
justify-content: center; /* horizontální zarovnání */
aspect-ratio:3 / 2;
text-decoration: none;
transition:all 200ms ease-in ;
font-size:var(--fs-small);
line-height:var(--lh-small);
}
.referencevypishomeALLButton:hover {
background-color: var(--modra);
}

.referencevypishome {
width:calc(100%/6);
box-sizing: border-box;
text-decoration: none;
text-align: center;
}


.referencevypisimg {
transition:300ms all ease;
display: block;
width:100%;
aspect-ratio:3 / 2;
border-radius:5px;
box-shadow: inset 0 0 1em rgba(0, 0, 0, 0.1);
position: relative;
//box-shadow: inset 0 -3em 3em rgba(0, 0, 0, 0.1), 0 0 0 2px rgb(255, 255, 255), 0.3em 0.3em 1em rgba(0, 0, 0, 0.3);
}

.referencevypisimgactual {
border:3px solid #dd0000;
}

.referencevypis:hover .referencevypisimg {
transform:scale(1.04);
}
.referencevypis img {
display:none;
}

.referencevypisikona1 {
width:20px;
height:20px;
position: absolute;
bottom:10px;
left:10px;
background:url('reference1.png') no-repeat center center;
background-size: contain;
opacity: 0.7;
filter: drop-shadow(1px 1px 2px rgba(0,0,0,0.3));
}

.referencevypisikona2 {
width:20px;
height:20px;
position: absolute;
bottom:10px;
left:10px;
background:url('reference2.png') no-repeat center center;
background-size: contain;
opacity: 0.7;
filter: drop-shadow(1px 1px 2px rgba(0,0,0,0.3));
}

.kontaktikona {
width:36px;
height:36px;
padding:20px 10px 0 0;
transform: rotate(5deg);
filter: drop-shadow(2px 2px 5px rgba(0,0,0,0.251));
}

.referencevypistext {
font-size:0.8rem;
line-height:1.2rem;
color:#909090;
display: block;
}

.referencevypistext b {
line-height:1.6;
padding:8px 0 0 0;
display: block;
font-size:1rem;
color:black;
}


.referencevypistexthome {
font-size:0.8rem;
line-height:1.2rem;
color:#909090;
display: block;
text-align: left;
}





.referencebg {
background:url('bg/white5.jpg') no-repeat center center;
background-size: cover;
background-attachment: fixed;
padding:60px 0 70px 0;
}

.uvozovky {
font-size:2rem;
line-height:10px;
position: relative;
top:10px;
padding:0 5px;
color:#a0a0a0;
font-family: arial, sans-serif;
}

.referenceobjekt {
padding:0 60px;
box-sizing:border-box;
width:100%;
display:flex;
flex-wrap: wrap;
}

.referenceimagein {
margin:0 20px 0 0;
}

.referenceimagein {
width:60px;
height:60px;
display: inline-block;
background-color: #f0f0f0;
border-radius:50%;
}

.referencetext {

}




img.revealme {
transform: scale(0.5);
transition: .65s ease;
}


.textimage_ikona {
border-radius:50%;
width:100%;
max-width:250px;
min-width:100px;
float:right;
margin:0 0px 10px 20px;
filter: drop-shadow(1px 1px 4px rgba(0,0,0,0.1));
border:0px solid white;
box-sizing: border-box;
background-color: white;
background-size: 120%;
}

.textimagel_ikona {
border-radius:10%;
width:100%;
max-width:150px;
min-width:100px;
float:left;
margin:0 20px 10px 0px;
filter: drop-shadow(1px 1px 4px rgba(0,0,0,0.1));
border:30px solid white;
box-sizing: border-box;
background-color: white;
}


.textimage_right {
border-radius:5px;
width:40%;
max-width:400px;
min-width:300px;
float:right;
margin:0 0px 10px 20px;
}


.textimage_left {
border-radius:5px;width:40%;
min-width:300px;
max-width:400px;
float:left;
margin:0 20px 10px 0;
}


.textimage {
border-radius:5px;
width:100%;
margin:0 auto 10px auto;
display: block;
}


.textimage169 {
width:100%;
height:300px;
background-color: red;
margin:0 auto;
border-radius:5px;
filter: drop-shadow(1px 1px 4px rgba(0,0,0,0.1));

}


.textimage_full {
width:100%;
height:100%;
margin-bottom:30px;
min-height:300px;
border-radius:5px;
position: relative;
display: inline-block;
filter: drop-shadow(1px 1px 4px rgba(0,0,0,0.1));
}



.revealmeleft
{
 opacity:0;
 position: relative;
 left:-300px;
 transition: 1s ease !important;
}

.revealmebottom
{
 opacity:0;
 position: relative;
 top:200px;
 transition: 0.5s ease;

}

.revealmeright
{
 opacity:0;
 position: relative;
 left:300px;
 transition: 1s ease;
}





.fadeinauto {
        -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 2s; /* Firefox < 16 */
        -ms-animation: fadein 2s; /* Internet Explorer */
         -o-animation: fadein 2s; /* Opera < 12.1 */
            animation: fadein 2s;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

 
.hidemobile {
display: block;
}

.showmobile {
display: none;
}



#logo {
left:15px;
top:9px;
display: inline-block;
position: absolute;
z-index:99;
text-decoration: none;
position: relative;
max-width:210px;
width:100%;
height:50px;
background:url(logo2.svg?) no-repeat left center;
background-size: contain;
transition:color 200ms ease;
}
#logo span {
display: none;
}



.mobilemenu {

width:32px;
height:24px;
position: absolute;
top:38px;
right:20px;
}



.mobilemenu span,.mobilemenu:before,.mobilemenu:after {
background-color:var(--menumobilecolor);
}



.mobilemenu span {
transition:all 100ms ease;
content:'';
position: absolute;
top:10px;
left:0;
width:32px;
height:4px;
border-radius:4px;
}

.mobilemenu:before {
transition:all 200ms ease;
content:'';
position: absolute;
top:0;
left:0;
width:32px;
height:4px;
border-radius:4px;
}

.mobilemenu:after {
border-radius:4px;
transition:all 200ms ease;
content:'';
position: absolute;
bottom:0;
left:0;
width:32px;
height:4px;
transform:rotate(0deg);
}



.mobilemenu.fadeOut:after {
transform:rotate(-40deg);
bottom:12px;
height:5px;
}

.mobilemenu.fadeOut:before {
transform:rotate(40deg);
top:8px;
height:5px;
}

.mobilemenu.fadeOut span {
opacity:0;
}


#menum hr {
margin:0 0 5px 0;
}

#menum {
z-index:99999;
width:100%;
box-sizing:border-box;
padding:20px 20px 10px 20px;
position: relative;
top:70px;
left:0;
background-color: white;
overflow: hidden;
border-bottom:3px solid var(--zlata2);
max-height:calc(100vh - 125px);
overflow: auto;
box-shadow: 0px 0px 200px rgba(0,0,0,0.5);
display:none;
}


#menum ul li,#menum ul ul li {
list-style: none;
text-align: left;
}

#menum ul li a {
color:black;
display: block;
padding:7px;
text-decoration: none;
font-size:16px;
overflow: hidden;
}

#menum ul li a:hover,#menum ul ul li a:hover {
background-color:var(--zluta);
color:black;
border-radius:4px;
}

#menum ul li a.actual {
background-color:var(--zlata2);
color:white;
border-radius:4px;
}

#menum ul li li a.actual {
background-color:black;
color:white;
}

#menum ul ul li a {
font-size:14px;
color:black;
overflow: hidden;
display: block;
background-color:#f0f0f0;
padding:8px 8px 8px 20px;
text-decoration: none;
}

#menum ul , #menum ul ul, #menum ul li, #menum ul ul li {
padding:0;
margin:0;
}

#menu #menum ul li {
display: block;
}




 .holder {
  max-width: 1100px;
  width:100%;
  margin: 0 auto;
  text-align: left;
  position: relative;
 }


.holderin {
padding:0 30px;
}


.mybuttotext {
padding:2px 8px 2px 8px;
color: var(--modra);
background-color:#e0effe ;
font-size: 17px;
  line-height: var(--lh-normal);
  font-weight: 400;
  border-radius:3px;
  text-decoration: none;
  transition:all 200ms ease-in;
}

.mybuttotext:hover {
color:white;
background-color: var(--modra);
}


.mybuttotextgray {
transition:all 200ms ease-in;
padding:2px 8px 2px 8px;
color: var(--cerna);
background-color:#e0e0e0;
font-size: 17px;
  line-height: var(--lh-normal);
  font-weight: 400;
  border-radius:3px;
  text-decoration: none;
}

.mybuttotextgray:hover {
color:white;
background-color:#898989;
}


.mybuttonorange {
transition:all 200ms ease-in;
padding:7px 20px 7px 20px;
color: white;
background-color: var(--modra2);
font-size: 17px;
  line-height: var(--lh-normal);
  font-weight: 400;
  border-radius:3px;
  text-decoration: none;
}

.mybuttonorange:hover {
background-color: var(--modra);
}


.nabidkamobiledole {
position: fixed;
bottom:0;
width:100%;
text-align: center;
padding:0 0 20px 0;
box-sizing:border-box;
background: linear-gradient(to bottom, #c8d8eF,#a8b8cF);
z-index:99999;
height:40px;
}

.nabidkamobiledole a {
padding:7px 20px 7px 20px;
box-sizing:border-box;
color: white;
background-color: var(--modra2);
font-size: 17px;
line-height: var(--lh-normal);
font-weight: 400;
border-radius:3px;
text-decoration: none;
}

.nabidkamobiledole a:hover {
background-color:var(--modra);
}

.submenu,.submenumobile {
  backdrop-filter: blur(3px);
  background-color: rgba(255, 255, 255, 0.93); /* průsvitná bílá */
  position: sticky;
  top: 140px; /* zde se "zasekne" při scrollu */
  z-index: 998;
  transition:300ms all ease;
  /* box-shadow: 0px 0px 10px rgba(0,0,0,0.4); */
padding:10px 0;
border-bottom:1px solid rgba(0,0,0,0.2);
}


.submenumobile {
  top: 70px; /* zde se "zasekne" při scrollu */
  display:none;
}
.submenumobile a{
  white-space: nowrap;
  }

.submenumobile span {
  padding:0 5px 4px 0;
  display: inline-block;
  }



.submenu a, .submenumobile a  {
padding:4px 15px;
text-decoration: none;
color:#707070;
background-color: #f0f0f0;
margin:0 15px 0 0;
font-size:var(--normal);
line-height: var(--lh-normal);
border-radius:3px;
transition:100ms all ease-in ;
}

.submenumobile span {
font-weight: 600;
color:var(--modra);
}
.submenumobile a  {
font-size:var(--fs-small);
line-height: var(--lh-small);

}
.submenu a:hover {
background-color: #d0d0d0;
}
.submenu a.actual, .submenumobile a.actual {
background-color: var(--zluta);
color:white;

}


.logomenu2 {
width:0px;
height:40px;
background:white url(logomale.svg?) no-repeat center center;
background-size: auto 80%;
display: inline-block;
margin:0 0 0 0px;
padding:0 !important;
border-radius:4px !important;
transition:200ms all ease !important;

}



.bigbuttonmenu {
display: block;
text-decoration: none;
margin:0 0 3px 0;
background-color: #e8e8e8;
border-radius:3px;
color:black;
padding:10px;
font-size: 16px;
}

.bigbuttonmenuactual {
background-color: var(--zluta);
color:white !important;
}

.bigbuttonmenu:nth-child(1), .bigbuttonmenu:nth-child(2), .bigbuttonmenu:nth-child(3)
{
padding-left: 30px !important;
position: relative;
}

.bigbuttonmenuikona1,.bigbuttonmenuikona2,.bigbuttonmenuikona3 {
width:22px;
height:22px;
top:7px;
position: absolute;
left:5px;
display: inline-block;
}

.bigbuttonmenuikona1 {
background: url('ikona_rd2.svg') no-repeat center center;
background-size:95%;
}

.bigbuttonmenuikona2 {
background: url('ikona_svj2.svg') no-repeat center center;
background-size:95%;
top:8px;
}

.bigbuttonmenuikona3 {
top:9px;
background: url('ikona_firma3.svg') no-repeat center center;
background-size:95%;
}

.bigbuttonmenuactual .bigbuttonmenuikona1 {
background: url('ikona_rd2b.svg') no-repeat center center;
}
.bigbuttonmenuactual .bigbuttonmenuikona2 {
background: url('ikona_svj2b.svg') no-repeat center center;
}
.bigbuttonmenuactual .bigbuttonmenuikona3 {
background: url('ikona_firma3b.svg') no-repeat center center;
}


/* 
.menu2 a:nth-child(2) span.menu2_2:before {
background:url('ikona_rd2.svg') no-repeat center center;
background-size:75%;
top:-1px;
}

.menu2 a:nth-child(3) span.menu2_1:before {
background:url('ikona_svj2b.svg') no-repeat center center;
background-size:80%;
}
.menu2 a:nth-child(3) span.menu2_2:before {
background:url('ikona_svj2.svg') no-repeat center center;
background-size:80%;
}

.menu2 a:nth-child(4) span.menu2_1:before {
background:url('ikona_firma3b.svg') no-repeat center center;
background-size:75%;
}
.menu2 a:nth-child(4) span.menu2_2:before {
background:url('ikona_firma3.svg') no-repeat center center;
background-size:75%;
}


*/

#mobilemenuid4 {
background-color: var(--modra);
color:white !important;
margin-bottom:10px;
}


.menu2logo .logomenu2 {
width:40px;
margin:0 10px 0 20px;
}

.logomenu2:hover {
background-color:white !important;
transform:scale(1.1);
}



.mybuttonback {
color:white !important;
text-decoration: none;
border-radius:4px;
background-color: var(--modra2);
margin:20px 0 ;
padding:8px 20px 6px 20px;
display: inline-block;
transition: 200ms all ease-in;
font-weight:bold;

}

.mybuttonback:hover {
background-color: var(--modra);
transform:scale(1.1);
}




.animovanybutton, .mybutton {
color:white !important;
border:0;
cursor:pointer;
text-decoration: none;
color:white;
background-color: var(--modra2);
position:relative;
overflow: hidden;
display: inline-block;
font-size:var(--fs-normal);
font-size:15px;
line-height:var(--lh-normal);
font-weight:400;
transition: 600ms all ease-in;
border-radius:4px;
box-sizing:border-box;
}

@keyframes pulzuj {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.03);

  }
  100% {
    transform: scale(1);
  }
}
.pulzujici {
  animation: pulzuj 2s infinite ease-in-out;
  filter: drop-shadow(1px 1px 3px rgba(0,0,0,0.3));
}
.pulzujici:hover {
  animation-play-state: paused;

  background-color: var(--modra2);
}


.mybutton {
margin:20px 0 ;
padding:8px 20px 6px 20px !important;
display: inline-block;
transition: 200ms all ease-in;
font-weight:normal;
box-sizing: border-box;
font-size:var(--fs-h2);
border-radius:5px !important;
}

.mybutton:hover {
background-color: var(--modra);
transform:scale(1.1);
}

.mypoptavkabutton {
font-size: var(--fs-h3) !important;
max-width: 150px;
}


.animovanybutton:hover {
background-color: var(--modra);
}


.animovanybutton span {
text-align: left !important;
padding:8px 20px 6px 20px;
display: inline-block;
transition: 600ms all cubic-bezier(.5,2.44,.52,.44);

}


.animovanybutton .animovanybutton0 {
opacity:0;
}






.animovanybutton span:after {
content:'>';
width:0;
left:-20px;
transition: 400ms all ease;
opacity:0;
display:inline-block;
position: relative;
}

.animovanybutton:hover span:after {
content:'>';
background-color: red;
left:0;
opacity:1;
}


.animovanybutton .animovanybutton1 {
position: absolute;
top:0;
left:0;
}
.animovanybutton .animovanybutton2 {
top:-40px;
left:0;
position: absolute;
}

.animovanybutton:hover .animovanybutton0 {
padding-right:30px;
}



.animovanybutton:hover .animovanybutton1 {
top:40px;
}
.animovanybutton:hover .animovanybutton2 {
top:0px;
}



.menu2 {
backdrop-filter: blur(3px);
background-color: rgba(255, 255, 255, 0.93); /* průsvitná bílá */


height:70px;
bottom:0;
position:absolute;
width:100%;
box-sizing: border-box;
padding-top:17px;
}

.menu2 .holder  {
/* text-align: right; */

}

.menu2 a {
margin:0 15px 0 0;
background-color: #f0f0f0;
font-size:var(--fs-normal);
font-size:17px;
line-height:var(--lh-normal);
padding:8px 20px 6px 45px;
border-radius:4px;
text-decoration: none;
color:black;
font-weight:400;
transition:300ms all ease-in;
position: relative;
overflow: hidden;
display: inline-block;
box-shadow:inset 2px 2px 4px rgba(0,0,0,0.01);
}



.menu2 a span:before  {
content:'';
width:30px;
height:100%;
position: absolute;
left:10px;
top:0;
}



.menu2 a span  {
position: relative;
display: inline-block;
transition: 600ms all cubic-bezier(.5,2.44,.52,.44);
/*  transition:200ms all ease-in; */
/* https://cubic-bezier.com/#.31,1.88,.49,.51 */

}

.menu2 a span:nth-child(1)  {
opacity:0;
}

.menu2 a span:nth-child(2)  {
padding:7px 20px 7px 40px;
display: block;
position: absolute;
top:-40px;
color:white;
left:0;
}

.menu2 a span:nth-child(3)  {
padding:7px 20px 7px 40px;
display: block;
position: absolute;
top:0px;
left:0;
}



.menu2 a:nth-child(2) span.menu2_1:before {
background:url('ikona_rd2b.svg') no-repeat center center;
background-size:75%;
top:-1px;
}
.menu2 a:nth-child(2) span.menu2_2:before {
background:url('ikona_rd2.svg') no-repeat center center;
background-size:75%;
top:-1px;
}

.menu2 a:nth-child(3) span.menu2_1:before {
background:url('ikona_svj2b.svg') no-repeat center center;
background-size:80%;
}
.menu2 a:nth-child(3) span.menu2_2:before {
background:url('ikona_svj2.svg') no-repeat center center;
background-size:80%;
}

.menu2 a:nth-child(4) span.menu2_1:before {
background:url('ikona_firma3b.svg') no-repeat center center;
background-size:75%;
}
.menu2 a:nth-child(4) span.menu2_2:before {
background:url('ikona_firma3.svg') no-repeat center center;
background-size:75%;
}






.menu2 a:hover {
 background-color: #707070;
/* background:linear-gradient(to bottom, #909090, #606060);*/
/* color:white; */
}

/* pri kliknuti */
.menu2 a:active {
transition:none;
 background-color: black;
/* background:linear-gradient(to bottom, #909090, #606060);*/
/* color:white; */
}

.menu2 a.actual {
background:var(--zluta);
}
.menu2 a.actual:hover {
background:var(--zluta2);
}

.menu2 a:hover span:nth-child(2),
.menu2 a.actual span:nth-child(2)
{
top:0;
}
.menu2 a:hover span:nth-child(3),
.menu2 a.actual span:nth-child(3)
 {
top:40px;
}
.menu2 a.actual:hover span:nth-child(2)
{
top:-4px;
}


.menu2 a:last-child  {
padding: 0 0 0 0;
background:var(--modra2);
position: absolute;
right:5px;
top:4px;
}





.menu2 a:last-child span  {
padding:7px 20px 7px 20px;
color:white;
}

.menu2 a:last-child span:before  {
display: none;
}

.menu2 a:last-child:hover,.menu2 a.actual:last-child {
background:var(--modra);
}







 #menudiv {
 transition: transform 0.3s ease;
 position: fixed;
 text-align: left;
 top:0;
 z-index: 999;
 width:100%;
 height:140px;
box-shadow: 0px 0px 10px rgba(0,0,0,0.4);
background-color: white;
 }


.pasekOTEaTelefon {

position: absolute;
top:7px;
right:20px;
z-index:999;

font-size:var(--fs-small);
line-height:var(--lh-small);
}


.pasekOTEaTelefon a.telefonnahore {
background-color:var(--zluta);
color:white;
text-decoration: none;
padding:2px 12px 2px 30px;
margin:0 0 0 20px;
border-radius:20px;
position: relative;
display: inline-block;
transition:all 200ms ease-in;
}

.pasekOTEaTelefon a.telefonnahore:before {
transition:all 200ms ease-in;
width:15px;
height:15px;
background:white url('ikona_telefon.svg?x') no-repeat center center;
background-size: 75%;
transform:rotate(10deg);
content:'';
border-radius:50%;
position: absolute;
top:3px;
left:3px;
}

.pasekOTEaTelefon a.telefonnahore:hover {
background-color:var(--zluta2);
background-color:#707070;

}

.pasekOTEaTelefon a.telefonnahore:hover:before {
filter:grayscale(1);
}


a.otenahore {
top:10px;
right:160px;
position: absolute;
text-decoration: none;
color:#909090;
font-size:12px;
transition:all 200ms ease-in;
}
a.otenahore:hover {
color:black;
text-decoration: underline;
}

a.dataonlinenahore {
top:10px;
right:280px;
position: absolute;
text-decoration: none;
color:#909090;
transition:all 200ms ease-in;
margin:0 10px;
font-size:12px;
}

a.dataonlinenahore:hover {
color:black;
text-decoration: underline;
}





.menu1 {
height:70px;
backdrop-filter: blur(3px);
background-color: rgba(255, 255, 255, 0.93); /* průsvitná bílá */
}

 #menu {
 position: absolute;
 right:10px;
top:30px;
letter-spacing: 1px;
 }

.h1box {
padding:0px 0px 0px 0px;
margin:0 0 0px 0;
background-color: white;
text-align: left;
position: relative;
box-sizing: border-box;
height:300px;
overflow: hidden;
}


.h1boxinner {

width:100%;
height:300px;
top:0px;
left:0;
position: absolute;

display:block;
box-sizing: border-box;

}

.h1boxinnerleft {
width:2000px;
height:100%;
left:-2000px;
top:0;
position: absolute;
}

/*
.h1boxinner::before {
content:'';
width:2000px;
left:-2000px;
top:0;
height:100%;
background-color: white;
position: absolute;

}*/


 #page {
  padding:140px 0 0 0;
  margin:0;
 }
 #pagehomepage {
  padding:40px 0 0 0;
 }


#page img {
max-width: 100%;
height:auto;
}




 .footer {
  background-color:var(--zlata);
  padding:20px;
  color:black;
 }

 .footer a, .footer p, .footer h3 {
font-size:var(--fs-small);
line-height:var(--lh-small);
 color:white;
}

.footer h3 {
font-weight:normal;
font-size:var(--fs-h2);
line-height:var(--lh-h3);
font-style: italic;
margin:0 0 30px 0;
padding:0;
background: url();
}





.slickholder {
width:calc(100% - 80px);
margin:0 auto;
}

.slickholderouter {
width:100%;
height:310px;

background-color: #f0f0f0;
padding:30px 0;
}

.slick-prev.slick-arrow{
z-index:999;
background:#c4c4c4 url('sipkal.png') no-repeat center center !important;
left:-40px;
}
 .slick-next.slick-arrow {
background:#c4c4c4 url('sipkar.png') no-repeat center center !important;
z-index:999;
right:-40px;
}
.slick-slideimage {
width:100%;
height:200px;
display: inline-block;
}

.slickblogy {

}

.referenceblokin:hover {
}


.slickblogy span {
}

.referenceTop-slick-box {
width:100%;
cursor: e-resize;
height:300px;
display: inline-block;
box-sizing: border-box;
padding:10px 20px 0 20px;
text-align: left;
}




.reference-slick-box {
width:100%;
cursor: e-resize;
height:300px;
display: inline-block;
box-sizing: border-box;
padding:10px 20px 0 20px;
text-align: left;
}


.referenceblokin {
overflow: hidden;
background-color: white;
border-radius:10px;
margin:0 5px;
}

.reference-slick-box-text {
height:240px;
overflow:auto;
box-sizing: border-box;
padding:0 10px 0 0;
}
.reference-slick-box-text p {
font-size:12px;
padding-top:0;
line-height:15px;
text-align: justify;
}

.reference-slick-box h4 {
overflow:hidden;
display: block;
height:24px;
font-size:16px !important;
line-height:var(--lh-normal) !important;
margin:0;
}
.reference-slick-box h4 span {
font-weight: normal;
padding:0 0 0 10px;
font-size:12px;
color:#909090;
}

.hvezdicky {
}

.reference-slick-box img {
width:10px;
height:10px;
margin:0 2px 0 0;
display: inline-block !important;
}

.slick-plusko {
background-color: #a0fda0;
border-radius:50%;
width:13px;
height:13px;
color:#003d00;
padding:4px 0 0 4px;
font-size:15px !important;
line-height:10px !important;
display: inline-block;
font-style: normal;
}
.reference-slick-box-text p em {
font-style: normal;
color:#404040;
background-color: #f0fff0;
border-radius:10px;
display: block;
padding:10px;

}


.cislovanylist {
list-style: none url();
margin:0 0 0 55px;
}

.cislovanylist li {
position: relative;
transition:300ms ease;
margin-bottom:20px;
padding:0 10px 10px 20px !important;
}

.cislovanylist li p {
line-height:1.5;
padding:0px;
font-size: 14px;
  line-height: 19px;
}





.cislovanylist p strong {
font-size:var(--fs-h3);
line-height:var(--lh-h2);
padding:5px 0 5px 0;
display: block;
}





.cislovanylist li em {
position: absolute;
left:-35px;
border-radius:3px;
top:5px;
line-height:45px;
font-size:35px;
font-family: 'Open Sans', sans-serif;
font-weight: 800;
color:white;
font-style: normal;
background-color: #909090;
display: inline-block;
width:40px;
text-align: center;
transform:rotate(5deg);
filter: drop-shadow(1px 1px 2px rgba(0,0,0,0.1));
}




#grid-container a {
background:url('/_cms/_tpl/default/preload.gif') no-repeat center center;
padding:10px;
}

.grid-item {
display: inline-block;
}
 .grid-item:hover {
background-color: #d0d0d0;
 }


.grid-item img {
z-index: 1;
border-radius:10px;
transition:transform 200ms ease-in;
box-shadow:0px 0px 4px rgba(255,255,255,0.4);
box-sizing:border-box;
}

.grid-item img:hover {

transform:scale(1.03);
}



.referencefirma {
width:100%;
min-width:150px;
max-width:calc(100% /3 );
box-sizing:border-box;
height:350px;
padding:10px;
display: inline-block;
float:left;
overflow: hidden;
text-decoration: none;
}

.referencefirmain {
height:100%;
width:100%;
display: block;
position: relative;
overflow: hidden;
box-sizing:border-box;
}

.galeriereference {

}

.galeriereference a img {
width:60px;
aspect-ratio: 3 / 2;
}


.referencefirmaobrazek {
height:250px;
width:100%;
display: block;
position: absolute;
top:0;
left:0;
border-radius:5px;
transition:300ms all ease;
}

.galeriereference {
width: 100%;
bottom:0;
left:0;
position: absolute;
padding:8px 10px 3px 10px;
box-sizing: border-box;
background-color: rgba(255,255,255,0.75);
box-sizing: border-box;
}

.galeriereference a {
text-decoration: none;
display: inline-block;
margin:0 5px 0 0;
padding:0;
line-height:0;
border:2px solid var(--zluta);
border-radius:2px;
box-sizing: border-box;
background-color: black;
transition:200ms all ease-in;
}

.galeriereference a img {
transition:200ms all ease-in;
box-sizing: border-box;
margin:0;
padding:0;
display: inline-block;
}

.galeriereference a:hover img {
opacity: 0.7;
}


.galeriereference a:hover {
transform:scale(1.1);
}


.referencefirmanadpis {
text-align: center;
font-weight: bold;
color:var(--zlata2);
padding:10px;
display: block;
position: absolute;
bottom:0;
box-sizing:border-box;
width:100%;
font-size:var(--fs-normal);
line-height:1;
transition:300ms all ease;
}


.referencefirmanadpis small {
color:black;
display: block;
font-weight: normal;
padding-top:3px;
font-size:var(--fs-small);
line-height:var(--lh-small);
color:#808080;
}



/* zprava */

 .zprava {
width:100%;

margin:0 0 40px 0;
text-align: left;
background:rgba(255,255,255,0.1) url('rozek.svg?') no-repeat right bottom;
text-decoration: none;
background-size: 80px 100px;
  }
  
.zpravadatum {
font-size:var(--fs-small);
line-height:var(--lh-small);
}

.zprava td:first-child
{
width:200px;
min-height:100px;
}


.zpravain {
padding:20px;
display: block;
}

.zpravaobrazek {
background-color:#121212;


}


.zpravaobrazeklogo {
background:url('logoctverecpruhledne.svg') no-repeat center center;
background-size: cover;
height:100%;
min-height:150px;
display: block;
box-sizing:border-box;
}

.zpravavnitrek {
}

.zpravanadpis {
font-weight: bold;
text-decoration: none;
color:var(--zlata2);
}

.zpravatext {
}




 .clearer {
  clear: both;
 }





/*  diskuze  */

.diskuze-zprava {
background-color:#454545;
margin:8px 0 8px 0;
border-radius:0 0 0 20px;
box-sizing: border-box;
padding:10px;
}
.diskuze-zprava-odpoved {
background-color:rgba(255,255,255,0.4);
margin:8px 0 8px 0;
padding:10px;
}

.diskuze-sml {

height:40px;
text-align:right;
padding-right:10px;
border-right:3px solid #8b8b8b;
margin:5px 0 5px 0;
cursor:pointer;
}

.diskuze-sml2 {
background-color:var(--zlata);
text-align:right;
color:black;
padding:10px 0px 0 0;
border-radius:0 0 0 20px;
margin:5px 0 5px 0;
}
.diskuze-sml2 a {
color:black;
}

.diskuze-sml span {
padding:13px 5px 0 0;
display:block;
}

.diskuze-sub1{
padding-left:10px;
}
.diskuze-sub2{
padding:0 0 10px 10px;
border-left:3px dotted #8b8b8b;
}

.diskuze-form {
padding-right:10px;
padding-bottom:10px;
text-align:right;

}

.diskuze-formular {
border-radius:0 0 0 20px;
text-align:left;
width:100%;
height:100%;
box-sizing: border-box;
background-color:rgba(255,255,255,0.4);
padding:10px;
}

.diskuze-formular form {
padding:0 0px 10px 0;
display:block;
margin:0;
float:right;
}


.diskuze-formular form input,.diskuze-formular form textarea {
width:100%;
padding:5px 8px;
font-size:var(--fs-normal);
line-height:var(--lh-normal);
box-sizing:border-box;
}

.diskuze-formular input.submitter {
cursor: pointer;
background-color: var(--zlata2);
color:black;
border:0 ;
padding:8px 0;
font-size: 16px;
width:100%;
box-sizing:border-box;
transition:200ms all ease;
}

.diskuze-formular input.submitter:hover {
background-color: var(--zlata);

}

.article_keywords {
background-color: #e0e0e0;
padding:5px;
margin:10px 0 10px 0;
}

.emailkontakty a {
text-decoration: none;
font-weight: bold;
}

.formularobjednavka {
/* background-color:var(--zlata2);
border-radius:5px;
margin:20px 0;

*/
padding:10px;
background-color: rgba(0,0,0,0.2);
color:white;
border-radius:4px;
box-sizing:border-box;
}

.formularobjednavka .smalltext {
font-size: var(--fs-small);
line-height:var(--lh-small);
}

.formularobjednavka input, .formularobjednavka textarea {

font-family: 'Jost', sans-serif;
padding:4px 12px;
box-sizing:border-box;
width:100%;
box-sizing: border-box;
font-size: var(--fs-normal);
line-height:var(--lh-normal);
border-radius:4px;
border:0;
}

.formularobjednavka h2 {
color:white;
padding:0;
margin:10px 0 10px 0;
font-size: var(--fs-h3);
line-height:var(--lh-h3);
}

.formularobjednavka .formsubmit {
background-color: black;
color:var(--zlata);
padding:4px 25px;
cursor: pointer;
max-width:calc(100% / 3 - 10px);
transition:200ms all ease-in;
}
.formularobjednavka .formsubmit:hover {
background-color: #232323;
color:white;
}

.formularobjednavka div span {
padding:4px 10px 4px 10px;
display: inline-block;
width:calc(100% / 3);
box-sizing: border-box;
}

.formularobjednavka div span:first-child {
padding-left:0;
}
.formularobjednavka div span:last-child {
padding-right:0;
}

.r3d {
margin:0;
padding:0;
line-height: 1;
text-align: right;
display: block;
line-height:var(--lh-small);
font-size: 12px;
}

.r3d a {
text-decoration: none;
font-size: 12px;
line-height:var(--lh-small);
}

.r3d a:hover {
color:white;
}


.cookiemessage {
line-height:var(--lh-small);
color:white;
font-size: 12px;
margin:0;
padding:0;
display: block;
}

.procleny {
line-height:var(--lh-small);
color:black;
font-size: 14px;
margin:0;
padding:0 0 20px 0;
display: block;
}
.procleny a {
color:black;
}




.bxslider,.bxsliderholder,.centered-div  {
padding:0;
margin:30px 0 0 0;
height:60vh;
box-sizing: border-box;
display: block;
}

.bxslider li {
-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}


.kalkulacedotacebox {
display: block;
background-color: white;
padding:4px 10px;
border-radius:5px;
}

.zvyraznenyblok {
background-color: #ffefc6;
border-radius:8px;
padding:10px;
}

.zvyraznenyblok h2 {
background:url();
border:0;
padding:0;
margin:5px 0 0 0;
}

.zvyraznenyblok  ul {
  list-style: none; /* Remove default bullets */
margin:10px 0 24px 0;
padding: 0 0 0 35px;
}

.zvyraznenyblok  ul li {
margin:7px 0;
padding:0;
}





.bxsliderholder,.bxslider {
background-color: black;
}

.centered-div {
background-color: rgba(0,0,0,0);;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top:-30px;
    left:0;
    width:100%;

}

.centered-div h1 {
color:white;
text-shadow: rgba(0,0,0,0.85) 0px 2px 10px, rgba(0,0,0,0.85) 0px 2px 5px, rgba(0,0,0,0.85) 0px 2px 20px;
}






@media (max-width: 2200px) {

.placeholder {
}


 .zprava {
}



}



@media (max-width: 1400px) {

.placeholder {
}


 .zprava {
 }




.referenceslider  {
margin:0;
padding:0;
display: block;
display:flex;
}

.referenceslider li {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}




.asociace {
width:100%;
margin:30px 0 10px 0;border-radius:10px;
}





}




@media (max-width: 1190px) {

.placeholder {
}


.postup_main {
flex-basis: calc(100% / 3);
}



}


@media (max-width: 990px) {

.placeholder {
}





.holder {
width:100%;
}
.holderin {
padding:0 20px;
}

 .zprava {

}






}

@media (max-width: 880px) {

.placeholder {
}


img.referenceimage {
width:26% !important;
margin:0 3% 0 3%;
}



.firmadoleboxholder {
padding:0 20px;
box-sizing: border-box;
}


.firmadolebox {
  width: 25%;
  margin: 40px 0;
padding:0 10px;
}




.referencevypis {
width:33.3%;
padding:10px;
}

.div50container {
display:block;
}

.div50vlevo,.div50vlevo1,.div50vlevo2 {
float:auto;
width:100%;
box-sizing: border-box;
padding:0px 0 0 0;
}
.div50vpravo,.div50vpravo1,.div50vpravo2 {
float:auto;
width:100%;
box-sizing: border-box;
padding:20px 0 0 0;
}


.sliderholderNew {
height:20vh;
}
#page {
  padding:70px 0 0 0;
}

.bxslider,.bxsliderholder,.centered-div  {
height:40vh;
}

.menu2 {
display: none;
}
#menudiv {
height:70px;
}

.div30vlevo {
float: none;
width:100%;
}


.footerdiv {
padding:0 0px;
}


.flex-container {
  display: block;
  }

.flex-item2 {
  width: 100%;
}
.flex-item3 {
  width: 100%;
  order:1;
}
.flex-item4 {
  width: 100%;
  order:1;
}

.flexpaddingright, .flexpaddingleft {
padding:20px 0;
text-align: left;
}



.flex-image  {
min-height: 200px;
min-width:0;
max-width:100%;
aspect-ratio:2/1;
}



.div50vlevo, .div50vpravo {
width:100%;
box-sizing: border-box;
padding:0;
float: none;
}


.submenumobile {
  display:block;
}

.submenu {
  display:none;
}

 .zprava {
}

.hidemobile {
display: none;
}

.showmobile {
display: block;
}

.vypiszprav {
padding:0;
}


#menudiv {
/* position: absolute; /**/
}

 #menu {
position: absolute;
left:0px;
top:0px;
width:100%;
 }



.referencefirma {
max-width:calc(100% /2 );
height:320px;
}




.referencefirmaobrazek {
height:230px;
width:100%;
}


.logohomepage {
height:12vh;
}


.footerbox1  {
display:none;
}

.footerbox2  {
width:50%;

}

.footerbox3 {
width:50%;

}
.r3d {
padding:10px 0 0 0;
text-align: left;
}
}



@media (max-width: 740px) {

.placeholder {
}



.textimage_ikona,.textimagel_ikona {
width:100%;
min-width:50px;
max-width:150px;
border:15px solid white;

}

.footer .holderin {
 padding: 0;
}

.razitkohomepage {
opacity:.2
}



.postup_main {
flex-basis: calc(100% / 2);
}


.referencevypis {
width:50%;
padding:10px;
}


.footerbox1  {
display: block;
width:100%;
margin:20px 0 0 0;
padding:0px 20px 30px 20px;
}

.footerbox1 img {
max-width:200px;
}



.footerbox2  {
width:100%;
padding:30px 0px 0 0px;
}

.footerbox3 {
width:100%;
padding:20px 0px 30px 0px;
}





.pocasibunkasuda {
display:none;
}

.pocasibunka {
width:8%;
}


.pocasibunkaprvni {
font-size:9px;
min-width:45px;
width:1%;
}
.pocasidaytablesudy {
display: none;
}


}




@media (max-width: 600px) {

.placeholder {
}


.firmadolebox {
  width: 50%;
  margin: 20px 0;
padding:0 10px;
}



.referencefirma {
max-width:100%;
height:320px;
}

.referencefirmaobrazek {
height:230px;
width:100%;
}


.pasekOTEaTelefon a.dataonlinenahore {
position: absolute;
left:0;
top:40px;
}



#logo {
left:15px;
top:10px;
max-width:180px;
width:100%;
height:45px;
}


a.otenahore {
display: none;
}

a.dataonlinenahore {
top:40px;
right:60px;
}

a.dataonlinenahore span {
display: none;
}


}

@media (max-width: 500px) {

.placeholder {
}






.footerbox3 em {
font-size:var(--fs-h2);
}



.tabulkacenygraf td, th {
font-size:8px;
line-height:12px;
}

img.referenceimage {
width:35% !important;

height:auto;
margin:10px;
}





.postup_main {
flex-basis: calc(100%);
}



.referencebg .holderin {
padding:0;
}

.referenceimage {
width:100%;
}
.referenceobjekt {
padding:0 15px;
display:block;
}
.bx-controls {
display:none;
}


.pasekOTEaTelefon a.otenahore {
display: none;
}




.formularobjednavka div span {
padding:4px 0px 4px 0px;
width:100%;
}

.formularobjednavka .formsubmit {
max-width:100%;
}




 .zprava {
}


.textimage_right, .textimage_left {
width:100%;
min-width:70%;
max-width:100%;
float:none;
display: inline-block;
margin:0 0 10px 0;
box-sizing: border-box;
}



.textimage_ikona, .textimagel_ikona {
width:100%;
min-width:20px;
max-width:70px;
border:5px solid white;

}




.zpravaobrazeklogo {
background:url('logoctverecpruhledne.svg') no-repeat center center;
background-size: contain;
height:100px;
display: block;
box-sizing:border-box;
}


.zprava td{
display: block;
max-width:100%;
width:100%;
}

.zprava td:first-child
{
max-width:100%;
width:100%;
min-height:200px;
}




 body {

}



.sliderbox p {
margin:0;
padding:0;
font-size:var(--fs-small);
line-height:var(--lh-small);
/* display:none; */
}
.sliderbox {
padding:4px 20px;
}


}


@media (max-width: 400px) {


#logo {
left:10px;
top:10px;
max-width:140px;
width:100%;
height:45px;
}

.firmadoleboximage  {
width:50%;
height:40px;
margin:0;
}
.firmadolebox {
  width: 100%;
  margin: 10px 0;
padding:0 10px;
}


}

@media (max-width: 360px) {

.placeholder {
}

.referencefirma {
max-width:100%;
aspect-ratio:1 / 1;
}


 .zprava {
}
.referencevypis {
width:100%;
}


}