@font-face {

    font-family: 'Armata';

    src: url('fonty/Armata-Regular-webfont.eot');

    src: url('fonty/Armata-Regular-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonty/Armata-Regular-webfont.woff2') format('woff2'),

         url('fonty/Armata-Regular-webfont.woff') format('woff'),

         url('fonty/Armata-Regular-webfont.ttf') format('truetype'),

         url('fonty/Armata-Regular-webfont.svg#armataregular') format('svg');

    font-weight: normal;

    font-style: normal;

}



body {

    font-family: Armata;

}

#banner { 

    width: 1000px;

    height: 300px;

    background-image: url(obrazky/foto.jpg);

    background-repeat: no-repeat;

    vertical-align: bottom;

}

#tabulka {

  margin:0px auto;

  box-shadow: 3px 6px 12px #535759;

  width:1000px;

 }

#menuBox li {

  float: left;

  display: inline;

  list-style-type: none;

  text-align: center;

  vertical-align: -webkit-baseline-middle;

}

#banner li a {

  text-decoration: none;

  color: #FFF;

  float: left;

  display: inline;

  padding: 0 15px 5px;

  border-right: 2px solid black;

}

#menuBox {

  height: 40px;

  width:1000px;

  background: #b22222;

  font-size: 18px;

  line-height: 35px;

}

a {

    color: inherit;

}

#menuBox li.first a {

    border-left: 2px solid black;

}

#banner li a:hover, #menu li a.active {

    background-color: #000;

}

#panel {

    border: 2px solid black;

    height: 600px;

    width: 90px;

    padding: 15px;

}

#motto {
    font-size: 20px;
}

#obsah {

    border: 2px solid black;

    text-align: center;

    background: linear-gradient(#D0D0D0, white);

}

.titulek {

    font-size: 20px;

    text-align: center;

    font-weight: 600;

}

#zapati {

    border: 2px solid black;

    height: 20px;

}

#emailFormular {

    text-align: center;

    margin: auto;

}

#emailText {

    resize: none;

    width: 400px;

    height: 300px;

}

#kalendar {

    margin:auto;

    vertical-align: central;

    background-color: black;

    width: 600px;

    border: 2px solid black;

}

.obsazeno{

    background-color: #f08080;

    height: 40px;

    font-size: 22px;

}

.den {

    font-weight: bolder;

    font-size: 18px;

    text-align: center;

    height: 30px;

}

#dnyRada {

    background-color:#FFF;

}

.datum {

    background-color: #98fb98;

    height: 40px;

    font-size: 22px;

}

.datumPrazdny {

    font-weight: bold;

    font-size: 20px;

    background-color: #a9a9a9;

    text-align: center;

    height: 30px;

}

#mesic {

    font-weight: bold;

    font-size: 35px;

    vertical-align: top;

    text-align: center;

    height: 40px;

    background-color:#b22222;

}

#tlacitkoPredchozi {

    font-size: 15px;

    float: left;

    vertical-align: central;

    width: 90px;

    height: 45px;

}

#tlacitkoDalsi {

    font-size: 15px;

    float: right;

    vertical-align: central;

    width: 90px;

    height: 45px;

}

#spravaTabulka {

    margin: auto;

    font-weight: 500;

    border: 2px solid black;

}

.spravaTerminTab {

    background-color: #b22222;

    border: 1px solid black;

}

#prihlaseniFormular{

    margin: 0 auto;

    text-align: right;

}

#prihlaseniFormular td:last-of-type{

    text-align: center;

}

.miniatura {

    padding: 5px 5px 5px 5px;

}

ul#listGalerie li {

    display: inline-block;

}

.certifikat {

    padding: 5px 5px 5px 5px;

}

ul#listCertifikaty li {

    display: inline-block;

}

#podpis {

    font-size: 13px;

}