header{color: rgb(0, 0, 0);
      font-size: 25px;
      text-align: left;
      text-shadow: #000000;
      position: absolute;
      top:3%;  
      left:2%;   
      height:7%;   
      width:96%;
}

nav{position:absolute;
    top:11%;
    left:1%;
    height:5%;
    width:97%;
    text-align: right;
    font-size: 20px;
          }

nav.flag{position:absolute;
      top:1%;
      left:1%;}          



main{position:absolute;
    top:17%;
    left:10.2%;
    height:80%;
    width:88.5%;
    overflow:auto; 
    color:rgb(31, 18, 18);
    font-size: 20px; 
   /** background-color: rgba(219, 181, 181, 0.866); 
    background-image: url('obr/pozadie_m.png');
       background-repeat: no-repeat;
       background-attachment: fixed;
       background-size: cover;; **/
     }
h1{font-size: 70px ;
      text-align:left;
      font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; 
      color:rgb(2, 2, 2);
      text-shadow: 2px 2px 4px rgb(193, 181, 153)}   

h2{font-size: 25px;
      text-align: left;
      color: rgb(3, 3, 3);
font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;}

h3{font-size: 15px;
      text-align: left;
      color: rgb(3, 3, 3);
font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;}

 

img{ max-width:47%;
        height:auto;}


img.flag{
      max-width: 10%;
            height: auto;
            float: left;
}

img.obricons{
      max-width: 2%;
      height: auto;
      float: left;
}

img.obricons2{
      max-width: 3.5%;
      height: auto;
      float: left;
      margin-right: 2%;
}
 img.obricons3{
      max-width: 5%;
      height: auto;
      float: left;
      margin-right: 2%;
}  
.obrvpravo{float: right;
            border-radius: 20px;
            border: 5px ;
      }
.obrvlavo{float:left;
           border-radius:20px 20px;
           border:2px solid black;}
   
body{background-image: url(obr/pozadie.jpg);
      background-color: #6f6f6e6c; 
    background-size: cover;
    background-position: center;

       background-repeat: no-repeat;
       background-attachment: fixed;

       }
.div1{      width: 40%;
         float:left;
         padding: 0% 2%;
        text-align: justify;
         margin-left: 0%;
         margin-right: 2%;
        }
.stlpec{width:29.3%;
          float:left;
          text-align:justify;
          margin:2%;}
.stlpcekont{width:15%;
      float:left;
      text-align:justify;
      margin:2%;


}          



   

a:link{color: rgb(12, 97, 29);

            text-decoration: none;} 

a:link.intext{color:rgb(59, 45, 149);
                  text-shadow:  1px 2px 2px #0000006c;
                  text-decoration-line: underline;}           
a:visited{color:black;
      text-shadow:  2px 2px 2px #000000;
      }

a:visited.intext{color:rgb(19, 4, 105);
                  text-shadow:  0px 0px 0px rgb(8, 63, 114);
                  text-decoration-line: underline;}




.ponuka-produktov {
    padding: 60px 8%;
    background-color: #87664a;
}

.ponuka-produktov h1 {
    text-align: center;
    font-size: 40px;
    color: #2c1701;
    margin-bottom: 40px;
}



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


.kategoria {
    background-color: white;
    border: 1px solid #D8D8CE;
    border-radius: 12px;
    padding: 30px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}



.kategoria h2 {
    color: #0c0e0c;
    font-size: 25px;
    margin-bottom: 20px;
    border-bottom: 2px solid #A78B63;
    padding-bottom: 12px;
}




.kategoria ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.kategoria li {
    color: #555555;
    font-size: 17px;
    padding: 10px 0;
    border-bottom: 1px solid #EEEEEE;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}

.dokument a {
    display: inline-block;
    background-color: #714d3e;
    color: white;
    text-decoration: none;
    padding: 12px 20px;
    border-radius: 6px;
    transition: 0.3s;
}