* {box-sizing: border-box;}

body { 
  margin: 0;
  font-family: 'Open Sans', 'Red Hat Display', 'Montserrat Alternates', cursive, Arial, Helvetica, sans-serif;
  font-size: 15px; line-height: 1.5; color:#383838
}




/* hlavicka */
#menu-logo { 

  overflow: hidden; 
  padding: 0% 1%;  margin:0px 0 0 0;
  transition: 0.4s;
  position: fixed;
  width: 100%;
  top: 0px;
  z-index: 800;

	display: grid;
  grid-template-columns: 2.5fr auto auto auto auto auto auto 1fr;
  grid-column-gap: 0em;
  grid-row-gap: 0em;
  grid-auto-rows: minmax(20px,auto);    border:0px solid white;
  justify-items:center;
  align-items:center;  

  background-color: rgb(1, 49, 70, 0.9);
  background-color: rgba(1, 49, 70, 0.9);

     
 }

#menu-logo > div{  padding: 0.3em;width: 97%;  }

#menu-logo > div > a.linky{

  line-height: 0.9;  text-transform: uppercase;
	 display: block; width: 100%; text-align:center;
   padding: 6px 18px; 
	border-left-width: 0; font-weight:normal; font-size: 17px; font-weight:500; border:0px dotted #387289; 
  -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;
	text-decoration: none; text-align:center; color: white; 

  
}

#menu-logo > div > a.linky span{ font-size: 16px; font-style:italic; }

#menu-logo > div > a.linky:hover{ text-decoration:none; /*background:#ffd700;*/ color:#7ac143}

#menu-logo > .prvni-logo {      
background-color:transparent;
}


#menu-logo > .prvni-logo img{      
    width: 100%; max-height:75px;  max-width:230px;  float:left; margin: 1% 0 1% 0; border:0; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; padding:8px;
}

#menu-logo > .prvni-logo a:hover { opacity: 0.9 }




#menu-logo img.flag{      
    width: 100%; max-height:24px;  max-width:40px;  float:left;  margin: 0 8px 0px 0; border:0;
-webkit-box-shadow: 2px 2px 4px 0px rgba(255, 255, 255, 0.5);
-moz-box-shadow:    2px 2px 4px 0px rgba(255, 255, 255, 0.5);
box-shadow:         2px 2px 4px 0px rgba(255, 255, 255, 0.5);
    -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
}
#menu-logo img.flag:hover{ opacity: 0.8; }


#dl-menu { display:none  } 
#dl-menu img.flag {     width: 100%; max-height:24px;  max-width:40px;  /*float:left; */ margin: 0 0px 0px 0; border:0; 
    -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;  } 
#dl-menu img.flag:hover { opacity: 0.8;  } 
    
    
    
#logo-mobil { display:none  } 





  @media (max-width: 1060px) {
    #menu-logo > .prvni-logo img{  max-width:250px;  } 
    #menu-logo > div > a.linky{ font-size: 20px; font-weight:500; }  
  }



  @media (max-width: 1060px) {

    #uvod{ left:0; max-width:45%}
    #menu-logo { display:grid; grid-template-columns: 3fr 1fr 0.1fr 0.1fr 0.1fr 0.1fr 0.1fr 0.1fr;   grid-auto-rows: minmax(50px,auto); }
    #menu-logo > div { border:0px solid red; width:99%; }
    #menu-logo > div > a.linky-k{ display:none  }
    #menu-logo > div > a.linky{ display:none  } 
    #menu-logo img.flag{ display:none }
    #dl-menu{ display:inline-block; width:100%; position:fixed; z-index: 9999900; margin: -70px 0 0 25px }      
    #menu-logo > .prvni-logo img{  max-width:200px; float: right }  
  }

  @media (max-width: 1050px) {
 
      #dl-menu{ margin: 14px 0 0 25px }
      
  }



  
  @media (max-width: 480px) {
 
      #uvod{ max-width:50%; } 
      #menu-logo > .prvni-logo img{  max-width:170px;float: right   } 
      #dl-menu{ margin: 14px 0 0 25px }
      
  }
  
  @media (max-width: 360px) {
 
      #uvod{ max-width:50%; } 
      #menu-logo > .prvni-logo img{  max-width:170px; float: right  } 
      #dl-menu{ margin: 14px 0 0 25px }

      #menu-logo {   
      -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
      clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
      	display: grid;
        grid-template-columns: 1fr;
       }
      #menu-logo .m-b{   display:none }
       
     
  }








/* -------------------------------------------- */



a.tlacitko{
display:inline-block;  font-size: 19px; float:right;
padding:0.35em 1.2em;
border:0.1em dotted black;
margin:0 5% 0 0;
border-radius:0.12em;
box-sizing: border-box;
text-decoration:none;

color: black;
text-align:center;
transition: all 0.2s;
}
a.tlacitko:hover{
color:#000000;
background-color:#FFFFFF;
}
@media all and (max-width:30em){
a.tlacitko{
display:block;
margin:0.4em auto;
}
} 


  @media (max-width: 800px) {
    
    a.tlacitko{
    display:inline-block;  font-size: 15px;
    padding:10px 12px;
    border:0.1em dotted black;
    margin:0 3% 0 0;
    border-radius:0.12em;
    }

  }

h1 { font-size: 19px; line-height: 1.5; color:#383838 }
p { font-size: 15px; line-height: 1.5; color:#383838 }




/* uvodni text */

#uvodni-text { 
	display: grid; border:0px solid silver;
  grid-template-columns: 1fr 1fr;
  grid-column-gap:25px;
  grid-row-gap: 10px;
  justify-items:center;
  align-items:center;
  padding: 4% 15%; width: 100%; margin: 1% 0;
  position:relative; z-index:1;  
}

#uvodni-text > div:first-child { 
  background-color: transparent; padding:0
}

#uvodni-text > div { 
  background-color: #7fc04c; padding: 0.5% 2%;  -webkit-border-radius: 9px; -moz-border-radius: 9px;border-radius: 9px;
}

#uvodni-text > div:nth-child(2) h2 { color: white; font-weight:normal; margin-bottom:2px; padding-bottom:0 }
#uvodni-text > div:nth-child(2) p { color: white;  }
#uvodni-text > div:nth-child(2) p strong { color: black;  }




/* podstranky */
#podstranky-text { 
	display: grid; border:0px solid silver;
  grid-template-columns: 1fr;
  grid-column-gap:25px;
  grid-row-gap: 10px;
  justify-items:center;
  align-items:center;
  padding: 4% 15% 1% 15%; width: 100%; margin: 1% 0;
  position:relative; z-index:1;  
}

#podstranky-text h1 { font-size: 30px; margin-top: 48px; color:#7ac143 }








/* uvodni rozcestnik */

#uvodni-rozcestnik { 
	display: grid;  
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-column-gap:25px;
  grid-row-gap: 10px;
  justify-items:center;
  align-items:center;
  padding: 8% 2%; width: 100%; margin: 1% 0;
  position:relative; z-index:1; top: 0px;
   
  background-image: url(/img/bg_zena_batoh.jpg);
  background-repeat: no-repeat;
  background-position: top left;
  background-size: contain;
    
}

#uvodni-rozcestnik > div:first-child {
background: none; border:0; box-shadow: none;
}


#uvodni-rozcestnik > div {
  justify-self: stretch; align-self: stretch;  position: relative; border:0px solid white;
  padding: 1.5%; width: 100%;
  -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.15);  
  background: rgb(255,255,255);

}

#uvodni-rozcestnik > div img {
  -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; width:100%; border:0

}


#uvodni-rozcestnik > div h2{
  text-align:center; font-weight:normal; font-size: 36px; padding:5% 0 0 0; margin:0; line-height:1.2
}
#uvodni-rozcestnik > div h2 span{
  text-align:center; font-weight:normal; font-size: 26px; padding:0; margin:0;
}

#uvodni-rozcestnik > div p{
  padding: 0 1.5% 24px; border:0px solid red; 
}


#uvodni-rozcestnik > div .na-stred {  
  display: flex;
  justify-content: center;
  align-items: center;
  height: 60px;
  border: 0px solid green; 
}


#uvodni-rozcestnik > div button{ 
  /*position: absolute; */ display:inline-block; padding: 10px 15px; font-size: 16px; cursor:pointer;
  background-color: #7ac143;
  color: white;
  border: 0px solid gray;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
  bottom: 0px; margin-bottom: 15px;  -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;  
}










#uvodni-rozcestnik > div button:hover {
  border: 0px solid #ffd700;
  background-color: #fdb515;
  color: black;
}


  @media (max-width: 990px) {  
    #uvodni-rozcestnik { grid-template-columns: 1fr 1fr 1fr; }       
  }
  @media (max-width: 790px) {  
    #uvodni-rozcestnik { grid-template-columns: 1fr 1fr; }       
  }
  @media (max-width: 590px) {  
    #uvodni-rozcestnik { grid-template-columns: 1fr; background:none }       
  }








/* UVODNI NABIDKY SLUZEB */

#uvodni-nabidky-sluzby-obal {
  padding: 6% 2%;
  /*background-color: black;*/
  
  -webkit-clip-path: polygon(0 0, 100% 10%, 100% 89%, 0 100%);
  clip-path: polygon(0 0, 100% 10%, 100% 89%, 0 100%);
  
background: #989898;
background: -moz-linear-gradient(left,  #989898 0%, #ffffff 100%);
background: -webkit-linear-gradient(left,  #989898 0%,#ffffff 100%);
background: linear-gradient(to right,  #989898 0%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#989898', endColorstr='#ffffff',GradientType=1 );



/*
background: -moz-linear-gradient(left,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%);
background: -webkit-linear-gradient(left,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
background: linear-gradient(to right,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 );
*/

  
 }

#uvodni-nabidky-sluzby { 
	display: grid;  
  grid-template-columns: 1fr 1fr 1fr  1fr;
  grid-column-gap:10px;
  grid-row-gap: 10px;
  justify-items:center;
  align-items:center;
  padding: 0 0%; width: 100%; margin: 2% 0;
}

#uvodni-nabidky-sluzby > div{ 
  width:100%; padding: 0; justify-self: stretch; align-self: stretch;  position: relative;
  -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px;
}

#uvodni-nabidky-sluzby > div.pozadi{ 
 /* background-color: white;*/ 
  
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,0.83) 17%, rgba(255,255,255,0) 100%);
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.83) 17%,rgba(255,255,255,0) 100%);
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.83) 17%,rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 );

  
}

#uvodni-nabidky-sluzby > div img{ 
  max-width: 600px; width:100%; border:0; margin:0; padding:0;
  -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; 
}

#uvodni-nabidky-sluzby > div h3{ 
  text-align:center; font-weight:normal; font-size: 30px; padding:12% 2% 2% 2%; margin:0;
}
#uvodni-nabidky-sluzby > div p{ 
  padding:2% 4%; margin:0; line-height:1.5
}


#uvodni-nabidky-sluzby > div button{ 
  position: absolute;  display:inline-block; padding: 8px 12px; font-size: 16px; cursor:pointer;
  background-color: #e9e9e9;
  color: black;
  border: 0px solid gray;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
  bottom: 15px; left: 38%;
}

#uvodni-nabidky-sluzby > div button:hover {
  border: 0px solid #ffd700;
  background-color: #ffd700;
  color: black;
}


  @media (max-width: 800px) {  
    #uvodni-nabidky-sluzby { grid-template-columns: 1fr 1fr; }
    
    #uvodni-nabidky-sluzby-obal {  
      -webkit-clip-path: polygon(0 0, 100% 10%, 100% 95%, 0 100%);
      clip-path: polygon(0 0, 100% 10%, 100% 95%, 0 100%);
    }
           
  
  @media (max-width: 380px) {  
    #uvodni-nabidky-sluzby { grid-template-columns: 1fr; }       
  }
                       
  }
/* ----------------------- */




/* FOTO BLOK + */
   /*
#foto-blok-4 {  

  border:0px dotted white; width:100%; margin: 0; padding:2% 0%;

  background: #000000;  
  background: -moz-linear-gradient(top,  #000000 0%, #6f4802 75%);
  background: -webkit-linear-gradient(top,  #000000 0%,#6f4802 75%);
  background: linear-gradient(to bottom,  #000000 0%,#6f4802 75%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#6f4802',GradientType=0 );
   
	display: grid;  
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-column-gap:10px;
  grid-row-gap: 10px;
  grid-auto-rows: minmax(40px,auto);
  justify-items:center;
  align-items:center
 }





#foto-blok-4 > div{  padding: 0%; width: 100%;  min-height:220px; text-align:center; }

#foto-blok-4 > div img{  width: 100%;}




#foto-blok-2 {  

  border:5px dotted white; width:100%; margin: 0; padding:2% 0%;

  background: #000000;  
  background: -moz-linear-gradient(top,  #000000 0%, #6f4802 75%);
  background: -webkit-linear-gradient(top,  #000000 0%,#6f4802 75%);
  background: linear-gradient(to bottom,  #000000 0%,#6f4802 75%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#6f4802',GradientType=0 );
   
	display: grid;  
  grid-template-columns: 1fr 1fr;
  grid-column-gap:10px;
  grid-row-gap: 10px;
  grid-auto-rows: minmax(40px,auto);
  justify-items:center;
  align-items:center
 }

#foto-blok-2 > div{  padding: 0%; width: 100%;  min-height:220px; text-align:center; }

#foto-blok-2 > div img{  width: 100%;}
           */





/* O NAS */
     /*
#o-nas {  border:0px dotted white; width:100%; margin: 0; clear:both;  

  padding-top:5vw;

  background: url(/img/bg_o_nas.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

	display: grid;  
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 0em;
  grid-row-gap: 0em;
  grid-auto-rows: minmax(120px,auto);
  justify-items:center;
  align-items:top
 }

#o-nas > div{  padding: 2% 4% 2% 4%; width:100%; color:black; font-size: 20px; line-height:1.7; border:0px dotted white; }

#o-nas > div:first-child{ 
  grid-column:1/3;  padding: 2% 2.5% 2% 2.5%; position:relative; z-index:500;
  grid-row:1/3;

 }


#o-nas > div .bublina{  padding: 2%; background-color:white; -webkit-border-radius: 9px;
-moz-border-radius: 9px; 
border-radius: 9px;}

#o-nas > div div.bublina p{  padding: 0; margin:0 0 0.7% 0;}



#o-nas  div.fotka img { width: 100%;	border:0px solid red ;  float:center; -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; }


  @media (max-width: 1024px) {  
      #o-nas {   padding-top:7vw;}         
  }
  
  @media (max-width: 800px) {  
      #o-nas {   padding-top:9.9vw;  }         
  }
  


  @media (max-width: 480px) {      
      #o-nas  {   grid-template-columns: 1fr; }
      #o-nas > div:first-child{  grid-column:1/2; grid-row:1/1; }
  }

  */
/*



  @media (max-height: 800px) {  
      #o-nas {   padding-top:22%;}         
  }
  @media (max-width: 700px) {  
      #o-nas {   padding-top:15%;}         
  }



  @media (max-width: 720px) {  
      #o-nas {   
      clear:both; padding-top:22%;
      grid-template-columns: 1fr;
      grid-column-gap: 1em;
      grid-row-gap: 1em;
      grid-auto-rows: minmax(120px,auto);
      }   
      
      #o-nas > div .bublina{  padding: 0 2%;}
       
  } 
  */







/* FOTOGALERIE */
 /*
#fotogalerie {  border:5px dotted white; width:100%; margin: 0; padding:2% 2%;
    background: white;                
  	display: grid;  
    grid-template-columns: repeat(8, 1fr);
    grid-template-rows: repeat(8, 7vw);
    grid-column-gap: 15px;
    grid-row-gap: 15px;
 
 }
    */



/* galerie */


.fotogalerie-h {  
    border:0; width:100%; margin: 0; padding:1% 15%;                
  	display: grid;  
    grid-template-columns: repeat(5, 1fr);
    grid-column-gap: 15px;
    grid-row-gap: 15px;
 
 }


.fotogalerie-h .b1u {
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 3;
    }
 
.fotogalerie-h  div img.fotka { 
    border:0;  float:center;  -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; 
    width: 100%;
    height: 100%;
    object-fit: cover;

}



/* .... */





  
  
#fotogalerie  div img.fotka { border:0;  float:center;  -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; 

   width: 100%;
    height: 100%;
    object-fit: cover;

}

#fotogalerie a { text-decoration:none; 	border:0; color: white }  
#fotogalerie a:hover { opacity:0.9 }   
 


  @media (max-width: 800px) {      
      #fotogalerie {   grid-template-columns: 1fr 1fr; }
      #fotogalerie > div:first-child{  grid-column:1/3; grid-row:1/1; }
  }
  
  @media (max-width: 480px) {      
      #fotogalerie {   grid-template-columns: 1fr; }
      #fotogalerie > div:first-child{  grid-column:1/2; grid-row:1/1; }
  }








/* KONTAKT */

#kontakty { 
  min-height: 50px;
  background-image: url(/img/bg_line3.jpg);   border-top:1px solid white; 
  background-position: bottom center;
  background-repeat: no-repeat;
  
}


#kontakt {  border:0px dotted white; width:100%; padding:2% 2%;

  background: #989898;
  background: -moz-linear-gradient(top,  #989898 0%, #ffffff 81%);
  background: -webkit-linear-gradient(top,  #989898 0%,#ffffff 81%);
  background: linear-gradient(to bottom,  #989898 0%,#ffffff 81%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#989898', endColorstr='#ffffff',GradientType=0 );

  
	display: grid;  
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 0em;
  grid-row-gap: 0em;
  grid-auto-rows: minmax(20px,auto);
  justify-items:center;
  align-items:top
 }



#kontakt > div:first-child{ 
  grid-column:1/3; min-height:20px; text-align:left; color:white; background: none; border:0px solid white;
  grid-row:1/1;     padding:0; margin:0;
 }
#kontakt > div:first-child h2{ 
  padding:0; margin:0;
 }






#kontakt > div{  padding: 2% 0% 2% 0%; width:100%; color:black; font-size: 20px; line-height:1.7; border:0px dotted red; }

#kontakt > div img{ width:100%; max-width:600px }



#kontakt > div:last-child{ 
  grid-column:1/3;  padding: 0;  border:0px dotted white;
  grid-row:3/3;

 }
   
#kontakt > div  p{ font-size:17px; text-align:center;padding: 0; margin:0 0 0.7% 0;}


  @media (max-width: 480px) {      
      #kontakt {   grid-template-columns: 1fr; }
      #kontakt > div:first-child{  grid-column:1/2; grid-row:1/1; }
      #kontakt > div:last-child{  grid-column:1/2; grid-row:3/3; }
  }











/* APARTMANY */


    /*
#apartmany-2ks {  width:100%; padding:2% 1.5%;
	display: grid;  
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  grid-auto-rows: minmax(20px,auto);
  justify-items:center;
  align-items:top
 }
 
#apartmany-2ks > div { 
background-color: white; 
padding:0; width:100%;
-webkit-border-radius: 9px;
-moz-border-radius: 9px;
border-radius: 9px;
 }






.apartmany-blok {   
border-top:0px solid black; clear:both;
border-bottom:0px solid #6f4802;
padding-top: 5vw;
padding-left: 2%;
padding-right: 2%;
padding-bottom: 3%;
}


.apartmany-blok h1 { color:black; font-size:39px; font-weight:normal  }
.apartmany-blok p { color:black;  }


.apartmany-blok div.bublina-bila { font-size:18px; background-color:white; padding: 1%; -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; }

.apartmany-blok h3 { 
-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
line-height:2.2; padding: 0% 2%; margin:20px 0 0 0; display:inline-block; float:center;
min-width: 200px; color:white;     
}


  @media (max-width: 1690px) {
  
  
  
  }
   
    */




  @media (max-width: 800px) {
  
      #apartmany-2ks { grid-template-columns: 1fr; }  
  

h2.apartman-nadpis { font-weight:normal; font-size: 23px; width:96%; margin: 10px 2%; padding:1.5% 1%; -webkit-border-radius: 9px; -moz-border-radius: 9px;border-radius: 9px;
background: rgb(255,215,0);
 }
 
h2.apartman-nadpis div.numberCircle {
    display:inline-block;
    border-radius: 50%;
    padding: 5px 16px; margin-right: 10px; 
    background: #dfbc00;
    color: white;
    text-align: center;

 }









  }





       
       
       
       
/* KATALOG */
  /*
#katalog {  

  border:0px dotted white; width:100%; margin: 0; padding:2%;
   
	display: grid;  
  grid-template-columns: 1fr 1fr 1fr;
  grid-column-gap:10px;
  grid-row-gap: 10px;
  grid-auto-rows: minmax(40px,auto);
  justify-items:center;
  align-items:center
 }
 
#katalog  div{ position:relative; }

#katalog  div img.fotka-v-katalogu { width: 100%;	 max-height:401px; position:relative; z-index:1;
border:0px solid red ;  float:center; -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; }


   
#katalog h2.katalog-nadpis { 

position:absolute; z-index:2;

  bottom: 8px;
  left: 16px;

font-weight:normal; font-size: 25px;  padding:1% 1.5%; -webkit-border-radius: 9px; -moz-border-radius: 9px;border-radius: 9px;

background: rgb(255,215,0);
background: -moz-linear-gradient(90deg, rgba(255,215,0,1) 35%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(255,215,0,1) 35%, rgba(255,255,255,1) 100%);
background: linear-gradient(90deg, rgba(255,215,0,1) 35%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffd700",endColorstr="#ffffff",GradientType=1);

 }
    
   */
 




/* KONTAKTY */


#kontakty-vse {  

  border:0px dotted blue; width:100%; margin: 0; padding:2%;
   
	display: grid;  
  grid-template-columns: 1fr 1fr;
  grid-column-gap:10px;
  grid-row-gap: 10px;
  grid-auto-rows: minmax(40px,auto);
  justify-items:center;
  align-items:center;
 }
 
 
#kontakty-vse > div {  
 -webkit-border-radius: 9px; -moz-border-radius: 9px;border-radius: 9px;
 }
 
 
 
#kontakty-vse > div:last-child {  

   width:100%;
 /* grid-column:1/4; */    
 /* grid-row:4/4;*/

 -webkit-border-radius: 9px; -moz-border-radius: 9px;border-radius: 9px;
 }
 
 
 
 
#detail-apartmanu-popis { padding: 0 2%; font-size: 18px; }




  @media (max-width: 800px) {

      #kontakty-vse {  grid-template-columns: 1fr; }
      #kontakty-vse > div:last-child { grid-column:auto;  }  
  
  }
  
  
  
  

/* FORM */






/* podstranky s formularem */
#podstranky-form-text { 
	display: grid; border:0px solid silver;
  grid-template-columns: 1fr;
  /*grid-template-columns: 1fr 1fr; */
  grid-column-gap:25px;
  grid-row-gap: 10px;
  justify-items:center;
  align-items:top;
  padding: 4% 15% 1% 15%; width: 100%; margin: 1% 0;
  position:relative; z-index:1;  
}

#podstranky-form-text h1 { font-size: 30px; margin-top: 48px; color:#7ac143 }

#podstranky-form-text div:last-child { /*background:#7ac143; */ width: 100%; padding: 4% 0 1% 0;/* display:none*/ }






#dvaSloupce div .overovacikod { border:0px solid red; float:left }


#dvaSloupce .tbox { border:1px solid gray; }
#dvaSloupce div .box_2 { border:1px solid gray; float:left; width: 110px; margin-left: 20px; padding: 10px 5px; }
#dvaSloupce .area_box { border:1px solid gray; height: 70px }




  #dvaSloupce {
    display: grid;   width: 100%;
    grid-template-columns: 1fr;
    grid-auto-flow: row;
    grid-gap: .08em; 
    padding: 0em; 
    background:white; 	border:0px solid red;
  }



  .resForm {
    display: grid; width: 100%;
    grid-template-columns: [labels] auto [controls] 1fr;
    grid-auto-flow: row;  
    grid-auto-rows: minmax(20px,32px);  border:0px solid green;
    grid-gap: 0.6em;
    /*background: #eee;  */
    /*padding: 1em; */
    padding: 1em 0;
  }
  .resForm > label  {
    grid-column: labels; align-self: center;  font-weight:normal; border:0px solid blue;
    grid-row: auto; clear:left;
    min-width:100px;
  }
  .resForm > input,
  .resForm > textarea,
  .resForm > select,
  .resForm > button {
    grid-column: controls;  
    grid-row: auto; 
    border: none;
    padding: 10px 5px; 
  }
  
  .resForm > select {
    max-width: 200px;
  }

#dvaSloupce #btn_odeslat{
  clear:both; background-color:#90be6d;  -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; 
  border: 0; float:left; color:white; font-size: 1em;  padding: 10px; cursor:pointer; width: auto

}



@media (min-width: 1024px) {

  .resForm > input,
  .resForm > textarea { max-width:60%; }   
}



@media (min-width: 1400px) {

  .resForm > input,
  .resForm > textarea { max-width:50%; } 
}
  
@media (min-width: 1200px) {


  .resForm > input,
  .resForm > textarea { max-width:60%; }
   
}  


  
@media (max-width: 885px) {

  #dvaSloupce {  display: grid; grid-template-columns: 1fr; padding: 0em;  }
  .prazdny-label { display: none; }
  .reg-var { padding: 2%; margin: 1%; width: 94%;background-image: none }
  .resForm input{ width:100% }  
}

@media (max-width: 490px) {

  #dvaSloupce { display: grid; grid-template-columns: 1fr; padding: 0em;     grid-gap: .1em; }
  .prazdny-label { display: none; }
  .reg-var { padding: 2%; margin: 1%; width: 94%;background-image: none } 

 /* .resForm > label  {
font-size:12px;
  }  */
  
  .resForm {
    grid-template-columns: [labels] auto [controls] auto;
    grid-gap: 1em;
    padding: 1em 0;
  }
  
    .resForm input{ width:100% }
  
}



  @media (max-width: 1240px) {

      #podstranky-text {   padding: 4% 10% 1% 10%; }
      #uvodni-text {  padding: 4% 10%;  }
      #podstranky-form-text {  padding: 4% 10% 1% 10%;}     
      .fotogalerie-h { padding:1% 10%; grid-template-columns: repeat(5, 1fr); grid-column-gap: 15px; grid-row-gap: 15px; }
  }
  
  @media (max-width: 1060px) {

      #podstranky-text {   padding: 6% 7% 1% 7%; }
      #uvodni-text {  padding: 4% 7%;  }
      #podstranky-form-text {  padding: 6% 7% 1% 7%;}
      .fotogalerie-h { padding:1% 7%; grid-template-columns: repeat(5, 1fr); grid-column-gap: 12px; grid-row-gap: 12px; }
  }


  @media (max-width: 800px) {

      #podstranky-text {   padding: 6% 3% 1% 3%; }
      #uvodni-text {  padding: 4% 3%;  }
      #podstranky-form-text {  padding: 6% 3% 1% 3%;}
      .fotogalerie-h { padding:1% 3%; grid-template-columns: repeat(5, 1fr); grid-column-gap: 12px; grid-row-gap: 12px; }

      #dvaSloupce #btn_odeslat{margin-top: 10px; height: 30px}
      #dvaSloupce { padding-bottom: 30px}
      #podstranky-form-text div:last-child { padding: 5% 0 4% 0; border:0px solid red }
  }


  
  @media (max-width: 700px) {
      #podstranky-text {   padding: 8% 3% 1% 3%; }
      #uvodni-text {  grid-template-columns: 1fr;  }
      #podstranky-form-text {  grid-template-columns: 1fr; padding: 8% 3% 1% 3%; }
      .fotogalerie-h { padding:1% 3%; grid-template-columns: repeat(4, 1fr); grid-column-gap: 12px; grid-row-gap: 12px; }
  }
  
  @media (max-width: 500px) {

      .fotogalerie-h { padding:1% 3%; grid-template-columns: repeat(3, 1fr); grid-column-gap: 12px; grid-row-gap: 12px; }
  }
  
  @media (max-width: 380px) {
      #podstranky-text {   padding: 10% 3% 1% 3%; }
      #podstranky-form-text {  padding: 10% 3% 1% 3%;}
      .fotogalerie-h { padding:1% 3%; grid-template-columns: repeat(1, 1fr); grid-column-gap: 12px; grid-row-gap: 12px; }
      #dvaSloupce #btn_odeslat{margin-top: 30px; height: 30px}
  }