@import url('https://fonts.googleapis.com/css2?family=Grand+Hotel&display=swap');

/* multi slider */
#drevo
{
  width: 100%;
  background-image: url('img/drevo2.jpg');
  background-size: 100% auto;
  background-color: #693313;
  padding: 0;
  margin: 0em 0;
  position: relative;
}
#drevo_space
{
  background-color: #dfdfdf;
  margin: 2em 1em 2em 1em;
  position: relative;
  display: inline;
}


#tdrevo
{
  width: 100%;
  background-image: url('img/drevo3.jpg');
  background-size: 100% auto;
  background-color: #693313;
  padding: 0;
  margin: 2em 0;
  position: relative;
}
#tdrevo_space
{
  background-color: #dfdfdf;
  margin: 2em 1em 2em 1em;
  position: relative;
  display: inline;
}


    .slider {
        width: 80%;
        margin: 1em auto;
    }

    .slick-slide {
      margin: 0px 15px;
      x-border: 1px solid #ff0000;
    }

    .slick-prev:before,
    .slick-next:before {
      color: #000000;
    }


    .slick-slide {
      transition: all ease-in-out .3s;
      opacity: 1;
    }
    
    .slick-active {
      opacity: 1;
    }

    .slick-current {
      opacity: 1;
    }
    

.slick-slide img { width: 100%; }
/* vono to moc nefunguje
.slick-slide img { width: 12vw; }
@media screen and (max-width: 1025px) {
    .slick-slide img { width: 100%; }
}    
@media screen and (max-width: 481px) {
    .slick-slide img { width: 100%; }
}    
*/    
.slider_title
{
  color: #2f2f2f;
  font-weight: bold;
  font-family: 'Roboto', sanf-serif;
  text-align: center;
  font-size: 1.5vw;
  margin-bottom: 0.5em;
}
.slider_img
{
  border: 3px solid #afafaf;
}



.slider2_title
{
  color: #2f2f2f;
  font-weight: 400;
  font-family: 'Grand Hotel','Museo Sans Rounded','Roboto', sanf-serif;
  text-align: center;
  font-size: 1.9vw;
  line-height: 125%;
  margin-top: 0.6em;
  padding-left: 1em; padding-right: 1em;
  x-border: 1px solid #ff0000;
  x-padding: 0.5em 1.2em;
}



@media screen and (max-width: 1023px) {
  .slider2_title { font-size: 2vw; }
}    
@media screen and (max-width: 481px) {
  .slider2_title { font-size: 2.5vw; }
}    



.slider2_img
{
  xborder: 3px solid #afafaf;
}

.slider2_frame { border: 0px solid #ffffff; background-color: #ffffff; }
.slider2_frame  A { color: #000000; text-decoration: none; }
.slider2_frame  A:hover { color: #000000; text-decoration: none; }


.slider2_link { text-align: right; font-weight: bold; margin: 0.5em 1em 0.5em 0; }
.slider2_link A { color: #1a5632; text-decoration: none; }
.slider2_link A:hover { color: #000000; text-decoration: none; }