/* CSS Document */

@import url(https://fonts.googleapis.com/css?family=Playfair+Display&subset=latin,latin-ext);

#monneli:active,#monneli:link,#monneli:visited{text-decoration:none; color: white;}

#monneli:hover {color:#600000;}

body {

  font-family: Playfair Display;

  font-size: 15px;

  background-color: #600000;

  width: 800px;

  height: auto;

  border: 1px solid white;

  margin: 10px auto 0 auto;

  padding: 0 15px;

}



.jazyk {

  width: 795px;

  height: 15px;

  margin: 10px auto 10px auto;

  padding: 5px 5px 5px 0;

  background-color: black;

  color: white;

  text-decoration: none;

  font-size: 10pt;

}



header {

  color: white;

  width: 800px;

  margin: 20px auto 20px auto;

  font-family: Playfair Display;

  font-size: 44px;

  text-align: center;

}



nav {

  background-image: url(menu.png);

  border-style: solid;

  border-color: #600000;

  position: relative;

  width: 800px;

  height: 310px;

  margin: 0 auto;

}



.logo {

        height: 230px;

        width: 198px;

        background-image: url(logo.png);

        background-repeat: no-repeat;

        position: absolute;

        top: 30px;

        left: 130px;

}



.efko {

        height: 300px;

        width: 360px;

        background-image: url(efko1.png);

        margin: 5px auto 15px 165px;

        background-repeat: no-repeat;

      }



.aktuality {

        height: 59px;

        width: 289px;

        background-image: url(aktuality.png);

        border-style: 1px;

        transition: 200ms;

        position: absolute;

        top: 59px;

        left: 371px;

      }



.aktuality:hover {

        height: 59px;

        width: 289px;

        background-image: url(aktualityhover.png);

        position: absolute;

        top: 59px;

        left: 371px;

      }



.onas {

        height: 59px;

        width: 344px;

        background-image: url(onas.png);

        transition: 200ms;

        position: absolute;

        top: 126px;

        left: 316px;

      }



.onas:hover {

        height: 59px;

        width: 344px;

        background-image: url(onashover.png);

        position: absolute;

        top: 126px;

        left: 316px;

      }



.kontakty {

        height: 59px;

        width: 395px;

        background-image: url(kontakt.png);

        transition: 200ms;

        position: absolute;

        top: 193px;

        left: 265px;

      }



.kontakty:hover {

        height: 59px;

        width: 395px;

        background-image: url(kontakthover.png);

        position: absolute;

        top: 193px;

        left: 265px;

      }



section {

  background-color: black;

  width: 808px;

  margin: 0 auto;

  border-color: #600000;

  text-align: center;

  font-size: 15pt;

}



section ul {

  margin: 0 auto;

  padding: 0;

  width: 100%;

  list-style-type: none;

}



section li {

  float: left;

  background-color: black;

  width: 33%; 

}



section a {

  display: inline-block;

  text-decoration: none;

  color: white;

  width: 100%;

  transition: background-color 200ms;

}



section a:hover {

  color: black;

  background-color: white;

}



aside {

  background-color: black;

  width: 800px;

  margin: 0 auto;

  text-align: center;

  font-size: 15pt;

}



aside ul {

  margin: 0 auto;

  padding: 0 0 0 0;

  width: 100%;

  list-style-type: none;

}



aside li {

  float: left;

  background-color: black;

  width: 50%;

}



aside a {

  display: inline-block;

  text-decoration: none;

  color: white;

  width: 100%;

  transition: background-color 200ms;

}



aside a:hover {

  color: black;

  background-color: white;

}



article {

  background-color: white;

  width: 760px;

  height: auto;

  margin: 0 auto 0 auto;

  padding: 10px 20px 10px 20px;

  text-align: justify;

}



.koncerty {

  background-color: white;

  width: 760px;

  height: auto;

  margin: 0 auto 0 auto;

  padding: 10px 20px 10px 20px;

}







.galpozadi {

width: 800px;

height: 650px;

margin: 50px auto 0 auto;

background-image: url(noty.jpg);

background-repeat: no-repeat;

background-position: 50%;

}



.galerie {

width: 600px;

padding: 5px;

height: auto;

margin: 55px auto 0 auto;

color: white;

font-size: 13pt;

text-align: center;

}



#Nahledy {

position: absolute;

top: 800px;

}





footer {

  width: 795px;

  height: 15px;

  margin: 10px auto 10px auto;

  padding: 5px 5px 5px 0;

  background-color: black;

  color: white;

  text-align: right;

  text-decoration: none;

  font-size: 10pt;

}