body               /* farba pozadia  (index.html a všetky podstránky) */
{
  background-color: rgb(200, 200, 200);
}

#intro              /* id selektor  (index.html a všetky podstránky) */
{
  font-size: 22px;
}


h1                  /* html selektor (index.html) */ 
{
  text-align: center;       /* štýlovanie písma */
  color:chocolate; 
  text-decoration: underline dotted;
}

q
{
  font-family: 'Lucida Handwriting', 'Lucida Sans', 'Lucida Sans Regular';
  font-size: 20px;
}

main                /* html selektor (index.html) */ 
{
  padding: 0 10%;   /* vnútorný okraj */
}

nav                 /* html selektor  (index.html a všetky podstránky) */
{
  font-size: 25px;
  width: 50%;
  margin: 0 auto;    /* obtekanie */
}

nav > a 
{
  color:chocolate;
  text-decoration: none;
  padding-right: 50px;     /* pravý vnútorný okraj */
  
}

table 
{
    border: 2px solid rgb(140 140 140);
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    font-size: 14px;
    border-collapse: collapse;
} 
th,
td 
{
  border: 1px solid rgb(160 160 160);
  padding: 10px;
}

.foto:hover,       /* po ukázaní kurzorom myšky sa obrázok zväčší  (index.html, galeria.html) */
.foto:focus
{
  filter: none;
  transition: 0.75s;
  transform: scale(1.05);
  border-style: solid;
  border-width: 1px;
  border-color: darkgoldenrod;
}

.foto                /* class selektor (galeria.html) */ 
{
    height: 200px;
    width: auto;
}

.video               /* class selektor (galeria.html) */ 
{
  height: 200px;
  width: auto;
}

.podujatie           /* class selektor (podujatia.html) */ 
{
  height: 400px;
  width: auto;
  margin: 1rem 2.5rem;  /* vonkajší okraj (podujatia.html) */
  border-style: groove;
  border-width: 3px;
  border-color: chocolate;
  border-radius: 2.5%;
  box-shadow: 15px 7px 5px 3px rgba(63, 62, 62, 0.5);
}

.mapa
{
  height: 300px;
  width: 400px;
}

aside {              /*  (kontakt.html) */
  width: 50%;
  padding-left: 1%;   /* ľavý vnútorný okraj */
  margin-left: 1%;    /* ľavý vonkajší okraj */
  float: right;       /* obtekanie*/
  box-shadow: inset 5px 0 5px -5px chocolate;
  font-style: italic;
}

aside > p {
  margin: 5px;
}