/* CSS Document */

#kontajner {
            margin: 0 auto;            /* nasledujuce 2 riadky nastavia kontainer na stred */
            width: 90%;                /* pre mensie  treba nastavovat sirku dalsich casti - Obsahu  */
            border-style: solid;
            border-width: 1px;          /*šírka hranice sa do rozmeru elementu nezapočítava*/
        }

#hlavicka {   
            background-image: url(https://htmlcolorcodes.com/assets/images/colors/baby-blue-color-solid-background-1920x1080.png);
            color: #03065e;
            text-align: center;
            font-size: 4.7em;
            height: 100px;
            border-bottom: solid;
            border-width: 1px;
            font-family: tahoma, verdana, arial
        }
                            /* po odkomentovani sa stranka rozpadne, pustit menu, obsah, odkazy, pata  */
#menu {
          
            background-color: #9fdffc;
            width: 13%;
            height: 825px;
            color: #03065e;
            float: left;        /*nastavime obtekanie zlava*/
            font-family: tahoma, verdana, arial
        }


#obsah {
            width: 80%;
            float: left;                      /*nastavime obtekanie zlava*/
            margin-left: 10px;             /*odsadenie textu, border je len kvoli prehladnosti */
            font-family: tahoma, verdana, arial
        }





#pata {     clear: left;
            height: 100px;
            border-top: solid;
            border-width: 1px;
            color: #9fdffc;
            background-color: #03065e;
	          ;
	          background-position: top right;
	          background-repeat: no-repeat;
            //clear: left; /*zrušíme obtekanie zlava*/
            font-family: tahoma, verdana, arial
        }
                                      /* stranka by mala byt ok, zatial nefunguju navigacne
                                         postupne skusat vypnut border-radius, fonty, farby, rozmery a pod. */

a.tlacitko {
   margin-left: 20px;
   margin-top: 30px;
   font-family: tahoma, verdana, arial, sans-serif;
   border-radius: 0px 50px;                        /* bud nie je vobec, alebo je px 1x, 2x, 4x */
   font-size: 11pt;
   font-weight:bold;
   width: 70%;
   border: 1px black solid;
   padding: 7px;
   display: block;
   text-align: center;
   text-decoration: none;
   color: #9fdffc;
   background-color: #03065e;   
}

h2 {
     text-align: center;
     }

h3 {
     text-align: center;
     font-size: 25px
     }
     
h4 {
     text-align: left;
     font-size: 20px
     }






.farba  {
      color: #42a9ed;
  }

p     {
      text-align: justify;
      margin-left: 20px;
      margin-right: 20px;
      }
  
a.tlacitko:hover {
    color: #03065e;
   background-color: #65DEF9;
}

div.gallery {
    margin: 5px;
    border: 1px solid #ccc;
    float: left;
    width: 230px;
}

div.gallery:hover {
    border: 1px solid #777;
}

div.gallery img {
    width: 100%;
    height: auto;
}

div.desc {
    padding: 10px;
    text-align: center;
}

   
.rel1 {
   position: relative; 
   top: 5px;
   left: -145px;
   }

.rel2 {
   position: relative; 
   top: 5px;
   left: -130px;
   }