/* Zalozil: Jakub Hruby; Smernice: 003/20060801; Zalozeno: 30.01.2014 */

/* --- nadpis */
H1 {
  margin: 0em;
  margin-bottom: 0.3em;
  font-family: phyllis_IE, phyllis, times new roman, serif;
  font-size: 2.8em;
  font-weight: normal;
  color: #ED037C;
}
H1.motto {
  text-align: center;
}
H2 {
  margin: 0em;
  margin-bottom: 0.5em;
  font-family: phyllis_IE, phyllis, times new roman, serif;
  font-size: 1.75em;
  font-weight: normal;
  color: #ED037C;
}
H2.motto {
  text-align: center;
}
H2.mezinadpis {
  margin-bottom: 0.2em;
  font-family: verdana, helvetica, sans-serif;
  font-size: 0.8em;
  font-weight: bold;
  color: #606060;
  
}
H3 {
  margin: 0em;
  margin-bottom: 0.7em;
  font-family: phyllis_IE, phyllis, times new roman, serif;
  font-size: 1.3em;
  font-weight: normal;
  color: #ED037C;
}
H3.motto {
  text-align: center;
}
H4 {
  margin: 0em;
  margin-bottom: 0.35em;
  font-family: phyllis_IE, phyllis, times new roman, serif;
  font-size: 1em;
  font-weight: normal;
  color: #ED037C;
}
H4.motto {
  text-align: center;
}
/* --- odstavce */
P { /* protoze toto je styl pro standardni odstavce z aplikace, je na uzivateli, jake si udela mezery, tudiz margin-bottom pouzivat jen za poslednim */
  margin: 0em;
  line-height: 1.4em;
  text-align: justify;
  font-size: 0.75em;
  color: #606060;
}
P.prvni {}
P.posledni {
  margin-bottom: 1em;
}
P.podpis {
  text-align: right;
}
P.citace {
  font-style: italic;
}
P.duleziteSdeleni {
  font-weight: bold;
  color: #165EAD;
}
P.duleziteSdeleni.prvni {}
P.duleziteSdeleni.posledni {}
P.odkaz {
  text-align: right;
}
P.motto {
  text-align: center;
  font-weight: bold;
}
P.tlacitko A {
  display: inline-block;
  color: #444;
  background-color: #EB53A8;
  border-radius: 5px;
  font-weight: bold;
  padding: 4px 8px;
}
P.tlacitko A:hover {
  text-decoration: none;
}
/* --- odkazy */
A {
  text-decoration: none;
  color: #EB53A8;
}
A:hover {
  text-decoration: underline;
}
A:active { /* tento styl prepisuje vychozi sede pozadi tohoto stavu v IE10, pro zachovani funkcnosti musi byt nejdrive :hover a po nem :active */
  background: none;
}
A.odkazVnejsi {}
/* --- fotografie */
IMG {
  vertical-align: bottom;
  border: none;
}
DIV.polozkaFoto {
  margin: auto;
  margin-bottom: 1em;
  text-align: center;
}
DIV.polozkaFoto IMG {
  width: 100%;
  height: auto;
}
DIV.polozkaFoto P {
  text-align: center;
}
DIV.polozkaFoto.leva {
  float: left;
  display: inline;
  margin-right: 0.7em;
  text-align: left;
}
DIV.polozkaFoto.leva P {
  text-align: left;
}
DIV.polozkaFoto.prava {
  float: right;
  display: inline;
  margin-left: 0.7em;
  text-align: right;
}
DIV.polozkaFoto.prava P {
  text-align: right;
}
/* --- galerie */
DIV.polozkaGalerie {
  display: table;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
DIV.polozkaGalerie.leva {
  float: left;
  display: inline;
  margin-right: 0.7em;
  text-align: left;
}
DIV.polozkaGalerie.prava {
  float: right;
  display: inline;
  margin-left: 0.7em;
  text-align: right;
}
DIV.polozkaGalerie DIV {
  float: left;
  width: 100%;
  display: table;
}
DIV.polozkaGalerie DIV.ruseniObtekani {
  float: none;
  display: block;
}
DIV.polozkaGalerie DIV DIV {
  float: none;
  display: table-cell;
  margin: 0em;
  text-align: center;
  vertical-align: middle;
}
DIV.polozkaGalerie DIV DIV.popisek {
  display: table-row;
}
DIV.polozkaGalerie DIV DIV.popisek P {
  padding: 0.4em;
  text-align: center;
  font-size: 0.85em;
}
DIV.polozkaGalerie IMG {
  width: 100%;
}
DIV.polozkaGalerie DIV DIV.fotografie {
  height: auto;
}
/* --- seznam */
UL, OL {
  margin: 0em;
  padding: 0em;
  padding-left: 1.5em;
  margin-bottom: 1em;
}
UL {
  padding-left: 0em;
  list-style: none;
}
UL UL {
  padding-left: 1em;
}
LI { /* pro UL i OL */
  margin: 0em;
  margin-bottom: 0.75em;
  padding: 0em;
  line-height: 1.2em;
  font-size: 0.75em;
  color: #606060;
}
UL LI {
  padding-left: 10px;
  background-image: url(desimg/odrazka.gif);
  background-position: left 0.4em;
  background-repeat: no-repeat;
}
LI LI { /* pro UL i OL */
  line-height: 1.4em;
  font-size: 1em;
}
/* --- tabulka */
DIV.polozkaTabulka {
  width: 100%;
  margin: auto;
  margin-bottom: 1em;
  padding: 0em;
  text-align: center;
  overflow: auto;
}
DIV.polozkaTabulka.leva {
  float: left;
  display: inline;
  margin-right: 0.7em;
  text-align: left;
}
DIV.polozkaTabulka.prava {
  float: right;
  display: inline;
  margin-left: 0.7em;
  text-align: right;
}
DIV.polozkaTabulka TABLE {
  margin: auto;
  padding: 0em;
  border-collapse: collapse;
}
DIV.polozkaTabulka.leva TABLE {
  margin-left: 0em;
}
DIV.polozkaTabulka.prava TABLE {
  margin-right: 0em;
}
DIV.polozkaTabulka TABLE TD, DIV.polozkaTabulka TABLE TH {
  padding: 0px;
  padding-top: 1px;
  padding-bottom: 1px;
  border: 1px solid #A4BCD6;
  color: #606060;
}
DIV.polozkaTabulka TABLE TH {}
DIV.polozkaTabulka TABLE TD.vyrazna {
  background-color: #A4BCD6;
  color: #FFFFFF;
}
DIV.polozkaTabulka TABLE TD.nahore, DIV.polozkaTabulka TABLE TH.nahore {
  vertical-align: top;
}
DIV.polozkaTabulka TABLE TD.uprostred, DIV.polozkaTabulka TABLE TH.uprostred {
  vertical-align: middle;
}
DIV.polozkaTabulka TABLE TD.dole, DIV.polozkaTabulka TABLE TH.dole {
  vertical-align: bottom;
}
DIV.polozkaTabulka TABLE P {
  margin: 0em;
  padding: 0.7em;
  padding-top: 0.3em;
  padding-bottom: 0.3em;
  color: inherit;
}
DIV.polozkaTabulka TABLE TH P {
  background-color: #D4E3F2;
}
DIV.polozkaTabulka TABLE P.vlevo {
  text-align: left;
}
DIV.polozkaTabulka TABLE P.uprostred {
  text-align: center;
}
DIV.polozkaTabulka TABLE P.vpravo {
  text-align: right;
}
/* --- ikona / download */
DIV.polozkaIkonaDownload {
  margin: 0em;
  margin-bottom: 0.5em;
  padding: 0em;
  text-align: center;
}
DIV.polozkaIkonaDownload IMG {
  width: 100%;
  height: auto;
}
DIV.polozkaIkonaDownload.obtekanaIkona {
  margin-left: auto;
  margin-right: auto;
}
DIV.polozkaIkonaDownload DIV.popisek {
  margin: auto;
  text-align: center;
}
DIV.polozkaIkonaDownload DIV.popisek DIV.obsahPopisku {
  margin: auto;
  text-align: center;
  vertical-align: middle;
}
DIV.polozkaIkonaDownload.obtekanaIkona P {
  margin: 0em;
  text-align: center;
}
DIV.polozkaIkonaDownload.leva {
  text-align: left;
}
DIV.polozkaIkonaDownload.leva.obtekanaIkona {
  float: left;
  display: inline;
  margin-right: 0.35em;
}
DIV.polozkaIkonaDownload.leva IMG {
  float: left;
  display: inline;
  margin-right: 0.35em;
}
DIV.polozkaIkonaDownload.leva.obtekanaIkona IMG {
  display: block;
  margin-right: 0em;
}
DIV.polozkaIkonaDownload.leva DIV.popisek {
  float: left; /* vyjimecne bez sirky */
  display: inline;
}
DIV.polozkaIkonaDownload.leva.obtekanaIkona P {
  text-align: left;
}
DIV.polozkaIkonaDownload.prava {
  text-align: right;
}
DIV.polozkaIkonaDownload.prava.obtekanaIkona {
  float: right;
  display: inline;
  margin-left: 0.35em;
}
DIV.polozkaIkonaDownload.prava IMG {
  float: right;
  display: inline;
  margin-left: 0.35em;
}
DIV.polozkaIkonaDownload.prava.obtekanaIkona IMG {
  display: block;
  margin-left: 0em;
}
DIV.polozkaIkonaDownload.prava DIV.popisek {
  float: right;  /* vyjimecne bez sirky */
  display: inline;
}
DIV.polozkaIkonaDownload.prava.obtekanaIkona P {
  text-align: right;
}
DIV.polozkaIkonaDownload.leva DIV.popisek DIV.obsahPopisku,
DIV.polozkaIkonaDownload.prava DIV.popisek DIV.obsahPopisku {
  display: table-cell;
}
/* --- upoutavka */
DIV.polozkaUpoutavka {
  margin: 0em;
  margin-bottom: 1em;
  padding: 1em;
  background-color: #FFFFFF;
  border-radius: 15px;
}
DIV.polozkaUpoutavka H2 {
  margin-bottom: 0.35em;
}
DIV.polozkaUpoutavka H2 A {
  color: inherit;
}
DIV.polozkaUpoutavka IMG {
  float: left;
  display: inline;
  margin-right: 0.7em;
  margin-bottom: 0.25em;
}
DIV.polozkaUpoutavka H3 {
  margin-bottom: 0.35em;
}
DIV.polozkaUpoutavka H3 A {
  color: inherit;
}
DIV.polozkaUpoutavka P {
  text-align: left;
}
DIV.polozkaUpoutavka P.posledni { /* zde nastaveno opetovne, aby pripadne globalni zmeny nerozhodily tyto styly */
  margin-bottom: 0.7em;
}
DIV.polozkaUpoutavka P.odkazVice {
  clear: both;
  margin-right: 0.35em;
  text-align: right;
  font-size: 0.75em;
  font-weight: bold;
}
DIV.polozkaUpoutavka.zmensena {
  float: left;
  display: inline;
  max-width: 32.5em;
  margin-right: 1.2em;
}
DIV.polozkaSloupec DIV.polozkaUpoutavka.zmensena {
  margin-right: 0;
  margin-left: 0;
}

DIV.polozkaUpoutavka.zmensena H2 {
}
DIV.polozkaUpoutavka.zmensena IMG {
  margin-right: 0.35em;
  width: 100%;
}
DIV.polozkaUpoutavka.zmensena H3 {
}
DIV.polozkaUpoutavka.zmensena P {
  text-align: justify;
}
DIV.polozkaUpoutavka.zmensena P.posledni { /* zde nastaveno opetovne, aby pripadne globalni zmeny nerozhodily tyto styly */
  margin-bottom: 0.35em;
}
DIV.polozkaUpoutavka.zmensena P.odkazVice {}

DIV.polozkaUpoutavka.zmensena.vysouvaci {
  position: relative;
  width: 31%;
  max-width: 338px; /* odpovídá šířce obrázku v pozadí */
  margin-right: 3.5%;
  box-sizing: border-box;
  min-height: 231px;
  background: none;
  padding: 1em 1.2em;
}
DIV.polozkaUpoutavka.zmensena.vysouvaci.konecSekvence {
  margin-right: 0%;
}
DIV.polozkaUpoutavka.zmensena.vysouvaci > A {
  z-index: 1;
}
DIV.polozkaUpoutavka.zmensena.vysouvaci IMG {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
DIV.polozkaUpoutavka.zmensena.vysouvaci H2 {
  position: relative;
  padding: 2px 0;
  margin-bottom: 0;
  z-index: 2;
  text-align: center;
  color: #fff;
  background-color: rgba(9, 27, 72, 0.7);
}
DIV.polozkaUpoutavka.zmensena.vysouvaci A:hover {
  text-decoration: none;
}
DIV.polozkaUpoutavka.zmensena.vysouvaci DIV.popis {
  position: relative;
  z-index: 2;
  background-color: rgba(32, 52, 103, 0.65);
  padding: 0 1em;
  text-align: center;
  box-sizing: border-box;

  overflow: hidden;
  height: 0;
  transition: height 0.75s ease;
}
DIV.polozkaUpoutavka.zmensena.vysouvaci:hover DIV.popis {
  height: 161px;
  box-sizing: border-box;
  transition: height 0.3s ease;
}
DIV.polozkaUpoutavka.zmensena.vysouvaci DIV.popis P {
  color: #fff;
  text-align: left;
}
DIV.polozkaUpoutavka.zmensena.vysouvaci DIV.popis P.prvni {
  margin-top: 0.5em;
  min-height: 110px;
  max-height: 110px;
  overflow: hidden;
}
DIV.polozkaUpoutavka.zmensena.vysouvaci DIV.popis P.odkazVice {
  display: inline-block;
  text-transform: uppercase;
}
DIV.polozkaUpoutavka.zmensena.vysouvaci DIV.popis P.odkazVice A {
  display: inline-block;
  padding: 8px 4px;
  color: #fff;
  font-size: 1.3em;
  background-color: #ec008c;
  font-weight: 300;
}

@media (max-width: 900px) {
  DIV.polozkaUpoutavka.zmensena.vysouvaci {
    width: 319px;
    display: inline-block;
  }
}
@media (max-width: 700px) {
  DIV.polozkaUpoutavka {
    min-height: 0 !important;
  }
  DIV.polozkaUpoutavka.zmensena {
    max-width: initial;
    text-align: center;
  }
  DIV.polozkaUpoutavka.zmensena IMG {
    float: none;
  }
  DIV.polozkaUpoutavka.zmensena.vysouvaci {
    min-height: 231px !important;
  }
} 
@media (max-width: 410px) {
  DIV.polozkaUpoutavka.zmensena.vysouvaci {
    width: 100%;
  }
}

/* --- automaticky modul */
/* --- AM - mapa stranek */
DIV.mapaStranek {
  margin: 0em;
  margin-bottom: 0.7em;
}
/* --- AM - formular */
P.vyrazny {
  font-weight: bold;
}
P.hlaseni {
  font-weight: bold;
  color: #FF4800;
}
FORM.formular {
  margin-bottom: 0.7em;
  font-size: 0.75em;
  color: #606060;
}
FORM.formular TABLE {
  border-spacing: 0em;
  width: 100%;
}
FORM.formular TABLE TH {
  padding: 0em;
  padding-right: 0.35em;
  padding-top: 0.2em;
  vertical-align: top;
  text-align: right;
}
FORM.formular INPUT[type="text"], FORM.formular INPUT[type="email"] {
  max-width: 15em;
  width: 100%;
}
FORM.formular SPAN.pokyn {
 font-weight: bold;
}
.awm_kontrolaFormulare_chyba {
  background-color: #FF6666;
}

FORM.formular.dotaz TABLE TH,
FORM.formular.dotaz TABLE TD {
  text-align: left;
  display: block;
  width: 100%;
  box-sizing: border-box;
}
FORM.formular.dotaz TEXTAREA {
  width: 100%;
  box-sizing: border-box;
}

@media (max-width: 450px) {
  FORM.formular TABLE TH,
  FORM.formular TABLE TD {
    text-align: left;
    display: block;
    width: 100%;
    box-sizing: border-box;
  }
  FORM.formular TEXTAREA {
    width: 100%;
    box-sizing: border-box;
  }
}
/* --- AM - vyhledavani */
UL.vysledkyVyhledavani {
  margin: 0em;
  margin-bottom: 1em;
  margin-left: 1.5em;
  padding: 0em;
}
UL.vysledkyVyhledavani LI {
  margin: 0em;
  margin-bottom: 1em;
  padding: 0em;
  background-image: none;
}
UL.vysledkyVyhledavani LI H2 {
  margin-bottom: 0.35em;
}
UL.vysledkyVyhledavani LI P {
  margin: 0em;
  margin-bottom: 0.35em;
  font-size: 1em;
}
/* --- AM - vypis akci */
TABLE.vypisAkci {
  width: 100%;
  margin: 0px;
  margin-bottom: 1em;
  padding: 0em;
  border-collapse: collapse;
}
TABLE.vypisAkci TD,
TABLE.vypisAkci TH {
  padding: 0px;
  padding-top: 1px;
  padding-bottom: 1px;
  text-align: left;
  vertical-align: top;
  border: 1px solid #A4BCD6;
}
TABLE.vypisAkci TH.datum,
TABLE.vypisAkci TH.hodina,
TABLE.vypisAkci TH.misto,
TABLE.vypisAkci TH.cena {
  width: 100px;
}
TABLE.vypisAkci TH.den {
  width: 70px;
}
TABLE.vypisAkci TR.sudy TD {
  background-color: #FFFFFF;
}
TABLE.vypisAkci P {
  margin: 0em;
  padding: 0.7em;
  padding-top: 0.3em;
  padding-bottom: 0.3em;
  text-align: left;
}
TABLE.vypisAkci TH P {
  background-color: #D4E3F2;
}
@media (max-width: 700px) {
  DIV.vypisAkci {
    width: 100%;
    overflow: scroll;
  }
  TABLE.vypisAkci {
    width: auto;
  }
}
/* --- ruseni obtekani */
DIV.ruseniObtekani {
  clear: both;
}
/* --- AM - lunarniKalendar */
DIV.lunarniKalendar {
  float: left;
  width: 48%;
  margin-right: 2%;
  margin-bottom: 1em;
}
DIV.lunarniKalendar.senPrani {
}
DIV.lunarniKalendar.foto IMG {
  width: 100%;
}
DIV.lunarniKalendar P {
  margin-top: 5px;
}
DIV.lunarniKalendar.mesic H2 {
  color: #5E6160;
}
DIV.lunarniKalendar.mesic IMG {
}
DIV.lunarniKalendar.zverokruh H2, H3.lunarniKalendar {
  color: #3B83B6;
}
DIV.lunarniKalendar.zverokruh IMG {
  margin-top: -10px;
}
DIV.lunarniKalendar.jmeno {
  clear: both;
  float: none;
  margin-top: 20px;
  padding-top: 10px;
  border-top: 2px solid #ABCDF1;
}
@media (max-width: 800px) {
  DIV.lunarniKalendar {
    float: none;
    width: 100%;
    margin-right: 0;
    margin-bottom: 1em;
  }
}

/* --- sloupce */
@media (min-width: 700px) {
  DIV.polozkaSloupec {
    float: left;
    display: inline;
    margin-right: 4%;
    margin-bottom: 2em;
  }
  DIV.polozkaSloupec.prvni {}
  DIV.polozkaSloupec.posledni,
  DIV.polozkaSloupec.trojSloupec.posledni {
    margin-right: 0em;
  }
  DIV.polozkaSloupec.jednoSloupec {}
  DIV.polozkaSloupec.dvojSloupec {
    width: 48%;
  }
  DIV.polozkaSloupec.dvojSloupec.tretinovy {
    width: 32%;
  }
  DIV.polozkaSloupec.dvojSloupec.dvoutretinovy {
    width: 64%;
  }
  DIV.polozkaSloupec.dvojSloupec.ctvrtinovy {
    width: 24%;
  }
  DIV.polozkaSloupec.dvojSloupec.trictvrtinovy {
    width: 72%;
  }
  DIV.polozkaSloupec.trojSloupec {
    width: 32%;
    margin-right: 2%;
  }
  DIV.polozkaSloupec.ctyrSloupec {
    width: 22%;
  }
  DIV.polozkaSloupec.petiSloupec {
    width: 16.8%;
  }         
}
  /* --- konec vsech sloupcu */
DIV.ruseniObtekani.konecVsechSloupcu {/* ruseniObtekani definovano v obecne casti */}
/* --- video */
DIV.polozkaVideo {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0.5em;
  line-height: 0em;
}
DIV.polozkaVideo.administrace DIV {
  display: table-cell;
  line-height: 14px;
  text-align: center;
  font-size: 12px;
  vertical-align: middle;
  background-color: #DDDDDD;
}
DIV.polozkaVideo.leva {
  float: left;
  display: inline;
  margin-right: 0.7em;
  text-align: left;
}
DIV.polozkaVideo.prava {
  float: right;
  display: inline;
  margin-left: 0.7em;
  text-align: right;
}
DIV.polozkaVideo OBJECT P {
  font-size: 0.75em;
}
DIV.polozkaVideo IFRAME {
  width: 100%;
  height: 100%;
}
/* --- flash */
DIV.polozkaFlash {
  margin: auto;
  margin-bottom: 15px;
  line-height: 0em;
  font-size: 0em;
}
DIV.polozkaFlash.administrace DIV {
  display: table-cell;
  line-height: 14px;
  text-align: center;
  font-size: 12px;
  vertical-align: middle;  /* vyska je v inline-stylu */
  background-color: #DDDDDD;
}
DIV.polozkaFlash.leva {
  float: left;
  display: inline;
  margin-right: 0.7em;
  text-align: left;
}
DIV.polozkaFlash.prava {
  float: right;
  display: inline;
  margin-left: 0.7em;
  text-align: right;
}
DIV.polozkaFlash OBJECT P {
  font-size: 0.75em;
}