/* Zalozil: Jakub Suchy; Smernice: 003/20060801; Zalozeno: 30.7.2008 */

/* -------------------------------  obecne ---------------------------------- */
BODY {
  margin: 0px;
  font-family: Verdana, helvetica, sans-serif;
  text-align: center;
  font-size: 0.9em;
  color: #0368B4;
}
H1 {
  margin: 0px;
  margin-left: 30px;
  margin-bottom: 20px;
  font-size: 1.4em;
  font-weight: normal;
}
H2 { 
  margin: 0px;
  margin-left: 30px;
  font-size: 1.3em;
  margin-top: 10px;
  margin-bottom: 5px;
  font-weight: normal;
}
H3 { 
  margin: 0px;
  margin-left: 30px;
  font-size: 1.2em;
  margin-top: 5px;
  margin-bottom: 3px;
  font-weight: normal;
}
P {
  text-align: justify;
  font-size: 0.8em;
  margin-left: 30px;
  padding: 0px;
  margin-bottom: 25px;
  line-height: 1.5em;
}
P.vyrazny {
  font-weight: bold;
}
A {
  text-decoration: underline;
  color: #0368B4;
}
A:hover {
  /*text-decoration: underline;*/
}
IMG {
  border: none;
}
IMG.iluFotoPrave {
  float: right;
  display: inline;
  margin-left: 5px;
}
IMG.iluFotoLeve {
  float: left;
  display: inline;
  margin-right: 5px;
}
UL, OL {
  margin: 0px;
  margin-top: 10px;
  margin-bottom: 25px;
  margin-left: 30px;
}
UL LI, OL LI {
  margin: 0px;
  padding: 0px;
  margin-left: 15px;
  font-size: 0.8em;
  line-height: 1.5em;
}
UL LI UL LI{ 
  font-size: 0.9em;
}
UL LI UL LI UL LI{ 
  font-size: 1em;
}
DIV.ruseniObtekani {
  clear:both;
}
TABLE {
  font-size: 0.8em;
}

/* -------------------------------- design -----------------------------------*/
#center {
padding-top:13px;
  width: 960px;
  margin: auto;
  text-align: left;
}
#zahlavi {

  /*width: 920px;/***/
  background-image: url(desimg/zahlavi_pozadi.png);
  background-repeat: no-repeat;
  padding-left: 20px;
  padding-right: 20px;
  height: 344px;
 _height: 344px;
  padding-bottom: 5px;
}

#navigace_top {
  text-align: right;
  font-size: 0.75em;
  padding-right: 10px;
  padding-bottom: 12px;

  
}
#navigace_top IMG {
  padding-left: 10px;
}
#navigace_top A {
  font-weight: bold;
  text-decoration: none;
}

#navigace {
  text-align: right;
  font-size: 0.75em;
  padding-right: 10px;
  padding-top: 4px;

  
}
#navigace IMG {
  padding-left: 10px;
}
#navigace A {
  font-weight: bold;
  text-decoration: none;
}
#grafikaZahlavi {
position: absolute;
 padding-top: 164px;
  /* background-image je uveden v php s nahodnym vyberem */
  background-repeat: no-repeat;
}


#telo {
padding-top: 5px;
  width: 960px;
  margin-top: 8px;
  /*border: 1px red solid;/**/

}
#flag {
  top: 26px;
 position: absolute;
  
}
#includovanyObsah {
  float: left;
  display: inline;
  width: 760px;
  /*padding-right: 5px;/**/
  /*border-bottom: 1px red solid;/**/
}
#includovanyObsahSiroky {
  width: 960px;
  /*border: 1px red solid;/**/
} 
#pravyPanel {
  float: right;
  display: inline;
  width: 200px;
  /*border: 1px red solid;/**/
}
#pravyPanel A {
  color: #FFFFFF;
  font-weight: bold;
  text-decoration: none;
}
#pravyPanel DIV.tlacitkoPravehoPanelu {
  padding-top: 9px;
  padding-bottom: 9px;
  padding-left: 10px;
  margin-bottom: 10px;
  background-repeat: no-repeat;
}
#pravyPanel DIV.tlacitko_rozvrhHodin {
  background-image: url(desimg/tlacitko_rozvrhHodin.png);
}
#pravyPanel DIV.tlacitko_napisteNam {
  background-image: url(desimg/tlacitko_napisteNam.png);
}
#pravyPanel DIV.tlacitko_kontaktAdresa {
  background-image: url(desimg/tlacitko_kontaktAdresa.png);
}
#pravyPanel DIV.tlacitko_chciSeStatClenem {
  background-image: url(desimg/tlacitko_chciSeStatClenem.png);
height: 113px;
}
#pravyPanel DIV.tlacitko_rezervace {
  background-image: url(desimg/tlacitko_rezervace.gif);
}
#pravyPanel DIV.tlacitko_akce {
  background-image: url(desimg/tlacitko_akce.gif);
}
#pravyPanel DIV.tlacitko_cenik {
  background-image: url(desimg/tlacitko_cenik.gif);
}
#pravyPanel DIV.tlacitko_facebook {
  background-image: url(desimg/tlacitko_facebook.gif);
}
#vyhledavani {
  background-image: url(desimg/vyhledavani_pozadi.png);
  background-repeat: no-repeat;
  background-position: center center;
  padding-left: 10px;
  padding-top: 9px;
  padding-bottom: 8px;
  margin-bottom: 10px;
  /*border: 1px red solid;/**/
}
#vyhledavani FORM {
  margin: 0px;
  padding: 0px;
}
#vyhledavani LABEL {
  color: #FFFFFF;
  font-weight: bold;
}
#vyhledavani INPUT {
  margin: 0px;
  padding: 0px;
  margin-left: 10px;
  border-width: 0px; /*kvuli chybe IE nemuze byt border: none; */
}
#vyhledavani INPUT.tlacitkoHledej {
  text-align: left;
  margin: 0px;
  background: none;
  border-width: 0px; /*kvuli chybe IE nemuze byt border: none; */
  color: #FFFFFF;
  font-weight: bold;
  cursor: pointer;
}

#faceCinema {
  margin-bottom: 10px;
}
#zapati {
  
  background-repeat: no-repeat;
  text-align: center;
  margin-top: 0px;
  margin-bottom: 20px;
  padding-bottom: 4px;
  padding-top: 0px;
  /*border: 1px red solid;/**/
}
#zapati IMG {
  padding-left: 5px;
  padding-right: 5px;
}
#copyright {
color: #000000;
padding-top: 1px;
  text-align: left;
font-size: 0.70em;
  margin-top: 0px;
  /*border: 1px red solid;/**/
}
#copyright A{
  color: #000000;
text-decoration: none;
  font-weight: normal;
}
#partneri {
align: left;

}
#partneri_text {
color: #000000;
padding-bottom: 10px;
  text-align: left;
font-size: 0.69em;
  margin-top: 4px;
font-stretch: expanded;
  /*border: 1px red solid;/**/
}
/* -------------------------------- spodni menu -----------------------------------*/
#spodnimenu {
color: #000000;
width: 960px;
padding-top: 15px;
  text-align: right;
font-weight: bold;
font-size: 0.70em;
  margin-top: 4px;
font-stretch: expanded;
  /*border: 1px red solid;/**/
}
#spodnimenu A{
  color: #000000;
  font-weight: bold;
text-decoration: none;
}
#spodnimenu A:hover{
  color: #000000;
  font-weight: bold;
text-decoration: underline;
}



/* -------------------------------- header slider -----------------------------------*/
#header_slider {
  padding-top: 24px;
  padding-bottom: 0px;
  /*border: 1px red solid;/**/
 position: absolute;

  background-repeat: no-repeat;
  background-position: center center;
}


/* -------------------------------- menu -----------------------------------*/
#menu {
  padding-top: 309px;
  padding-bottom: 28px;
  /*border: 1px red solid;/**/
 position: absolute;
}

#menu UL{
  margin: 0px;
  padding: 0px;
}
#menu UL LI {
  display: inline;
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  padding-left: 10px;
  padding-right: 10px;
  border-left: 1px #FFFFFF solid;
  font-size: 0.9em;
}
#menu UL LI.prvni {
  border: none;
}
#menu UL LI A {
  color: #FFFFFF;
  text-decoration: none;
  font-weight: bold;
  /*font-size: 0.9em;*/
}
#menu UL LI A:hover, #menu UL LI A.aktivni {
  color: #FFFFFF;
  text-decoration: underline;
}
/*------------------------------ podMenu ------------------------------------*/
#podMenu {
  padding-left: 20px;
  padding-right: 20px;
  margin-top: 5px;
  margin-bottom: 5px;
}
#podMenu UL{
  margin: 0px;
  padding: 0px;
}
#podMenu UL LI {
  display: inline;
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  padding-left: 10px;
  padding-right: 10px;
  border-right: 1px #0368B4 solid;
  font-size: 0.9em;
}
#podMenu UL LI A {
  text-decoration: none;
  font-weight: bold;
}
#podMenu UL LI A.aktivni {
  text-decoration: underline;
}

/*----------------------------------treninkovyAlgortimus---------------------------------*/
DIV.treninkovyAlgoritmus {
  margin-left: 0px; 
  margin-right: 30px;
  margin-bottom: 10px; 
  background-color: #0066B3;
  background-image: url(desimg/algoritmus_zapati.gif);
  background-repeat: no-repeat;
  background-position: center bottom;
  padding-bottom: 20px;
  /*border: 1px red solid; /**/
}
DIV.treninkovyAlgoritmus A.tlacitko{
  display: block;
  width: 200px;
  margin-left: 420px;
  background-image: url(desimg/algoritmus_tlacitkoVelke.gif);
  background-repeat: no-repeat;
  background-position: center center;
  padding-top: 10px;
  padding-bottom: 10px;
  color: #FFFFFF;
  text-align: center;
}
DIV.treninkovyAlgoritmus P.otazkaAlgoritmu {
  color: #FFFFFF;
  font-weight: bold;
  padding-left: 30px;
  padding-right: 30px;
  font-size: 0.9em;
}
DIV.treninkovyAlgoritmus P.vysledekAlgoritmu {
  color: #FF0095;
  font-weight: bold;
  padding-left: 30px;
  padding-right: 30px;
  font-size: 0.9em;
}
DIV.treninkovyAlgoritmus P.vysledekAlgoritmu A {
  color: #FF0095;
  text-decoration: underline;
}

DIV.treninkovyAlgoritmus FORM {
  padding-left: 360px;
}
DIV.treninkovyAlgoritmus INPUT.tlacitkoAno, DIV.treninkovyAlgoritmus INPUT.tlacitkoNe, DIV.treninkovyAlgoritmus INPUT.tlacitkoZpet{
  width: 100px;
  border: none;
  background-image: url(desimg/algoritmus_tlacitkoFormulare.gif);
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #0066B3; /*kvuli chybe IE*/
  font-weight: bold;
  text-decoration: underline;
  color: #FFFFFF;
  padding-top: 8px;
  padding-bottom: 8px;
  margin-left: 5px;
  margin-right: 5px;
  text-align: center;
}
DIV.treninkovyAlgoritmus INPUT.tlacitkoZpet {
  background-image: url(desimg/algoritmus_tlacitkoZpet.gif);
}
DIV.levySloupecAlgoritmu {
  float: left;
  display: inline;
  width: 265px;
  padding-top: 35px;
  padding-left: 30px;
  padding-right: 50px;
  padding-bottom: 150px;
  background-image: url(desimg/algoritmus_levySloupec.jpg);
  background-repeat: no-repeat;
}
DIV.levySloupecAlgoritmu H1 {
  margin-left: 0px; 
  color: #FFFFFF;
}
DIV.pravySloupecAlgoritmu {
  float: left;
  display: inline;
  width: 385px;
  padding-top: 20px;
  background-image: url(desimg/algoritmus_pravySloupec_horni.jpg);
  background-position: center top;
}
DIV.obsahPravehoSloupceAlgoritmu {
  background-image: url(desimg/algoritmus_pravySloupec_dolni.jpg);
  background-position: center bottom;
  background-repeat: no-repeat;
  padding-bottom: 12px; 
  padding-left: 16px; 
  padding-right: 19px;
  min-height: 200px; 
  _height: auto; 
  height: expression(this.scrollHeight < 200? "200px" : "auto" );
}
DIV.obsahPravehoSloupceAlgoritmu H2 {
  font-size: 1.2em;
  padding-top: 20px;
  padding-left: 0px;
  padding-right: 15px;
}
DIV.obsahPravehoSloupceAlgoritmu P { 
  padding: 0px;
  margin: 0px;
  padding-bottom: 15px;
  padding-top: 10px;
  padding-left: 15px;
  padding-right: 15px;
}
DIV.obsahPravehoSloupceAlgoritmu OL {
  margin: 0px;
  margin-left: 5px;
  padding: 0px;
  padding-bottom: 15px;
  padding-top: 10px;
  padding-right: 15px;
}
DIV.obsahPravehoSloupceAlgoritmu OL LI{
  margin: 0px;
  padding: 0px;
  margin-left: 50px;
  /*border: 1px red solid;/**/
}

/*--------------------------rozvrhHodin---------------------------------------*/
DIV.rozvrhHodin {
  margin: 0px; 
	margin-bottom: 5px; 
	margin-top: 5px;
  background-image: url(desimg/rozvrhHodin_dolniPozadi.png);
  background-position: left bottom;
  background-repeat: no-repeat;
  padding-bottom: 18px;
  /*border: 1px #000000 solid;/**/
}
DIV.rozvrhHodin FORM {
  text-align: left;
  padding: 0px;
  margin: 0px;
  padding-left: 30px;
  padding-top: 10px;
  padding-bottom: 25px;
  background-image: url(desimg/rozvrhHodin_horniPozadi.png);
  background-position: left top;
  background-repeat: no-repeat;
  /*border: 1px #000000 solid;/**/
}
DIV.rozvrhHodin FORM A.tlacitko {
  margin-left: 50px; 
  color: #FFFFFF;
}
DIV.rozvrhHodin FORM SELECT {
  width: 130px;
}
DIV.rozvrhHodin FORM INPUT.tlacitko {
  width: 50px;
  cursor: pointer;
  margin: 0px;
  margin-left: 50px; 
  padding: 1px;
  text-align: center;
  font-weight: bold;
  background-color: #FF0095;
  border: 1px;
  /*border: 1px #000000 solid;/**/
  color: #FFFFFF;
}
DIV.rozvrhHodin FORM TABLE {
  color: #FFFFFF;
}
DIV.rozvrhHodin FORM TABLE LABEL {
  font-weight: bold;
}
DIV.rozvrhHodin FORM TABLE TD.tlacitka, DIV.rozvrhHodin FORM TABLE TH.tlacitka {
  padding-left: 45px;
  padding-right: 50px;
}
DIV.rozvrhHodin DIV.rozvrhy {
  margin: 0px;
  padding: 0px;
  background-image: url(desimg/rozvrhHodin_pozadi_1px.png);
  background-position: left top;
  background-repeat: repeat-y;
  text-align: left;
  /*border: 1px  red solid; /**/
}
DIV.rozvrhHodin DIV.rozvrhy H2 { 
  margin: 0px; 
  margin-left: 30px;
  margin-bottom: 3px;
  font-size: 1em;
}
TABLE.tabulkaRozvrhuHodin {
  margin-right: 20px;
  margin-left: 20px;
  margin-bottom: 15px;
  padding: 0px;
  text-align: center;
  font-size: 0.7em;
  border-right: 1px #0368B4 solid;
  border-bottom: 1px #0368B4 solid; 
  /*table-layout: fixed; /**/
}
TABLE.tabulkaRozvrhuHodin TR TH DIV.nazevMistnosti {
  width: 120px; /* musi byt stejna hodnota jako u TH.prvniSloupecRozvrhu */
  overflow-x: hidden;
}
TABLE.tabulkaRozvrhuHodin TR {
  background-color: #FFFFFF;
}
TABLE.tabulkaRozvrhuHodin TR.popisekMinut {
  font-size: 0.6em;
}
TABLE.tabulkaRozvrhuHodin TR TH {
  font-size: 1em;
  border-left: 1px #0368B4 solid;
  border-top: 1px #0368B4 solid;
}
TABLE.tabulkaRozvrhuHodin TR TH.prvniSloupecRozvrhu {
  width: 120px; /* musi byt stejna hodnota jako u  DIV.nazevMistnosti */
}
TABLE.tabulkaRozvrhuHodin TR TD {
  text-align: center;
  border-left: 1px #A5CAE2 solid;/**/
  border-top: 1px #0368B4 solid;
}
TABLE.tabulkaRozvrhuHodin TR TD.hodina {
  border-left: 1px #0368B4 solid;/**/
}
TABLE.tabulkaRozvrhuHodin TR TD.ctvrt {
  border-left: 1px #FFFFFF solid;/**/
}
TABLE.tabulkaRozvrhuHodin TR TD.interval {
  width: 120px; 
  border-top: none;
  font-size: 0.3em;
}
TABLE.tabulkaRozvrhuHodin DIV.rozvrhovaAkce {
  margin: auto;
  overflow-x: hidden;
  font-size: 0.85em;
}
TABLE.tabulkaRozvrhuHodin DIV.rozvrhovaAkce A {
  color: #000000;
  font-weight: normal;
}



/*---------------------------vizitky--------------------------------*/
DIV.vizitka { 
  margin-left: 0px;
  margin-right: 40px;
  margin-bottom: 40px;
  padding-top: 1px; /* kvuli chybe FF */
  background-image: url(desimg/vizika_horniPozadi.png);
  background-repeat: no-repeat;
  background-position: 0px 28px; 
  color: #FFFFFF;
  /*border: 1px #000000 solid;/**/
}
DIV.zalozkyVizitky {
  text-align: right;
  width: 705px;
  margin-bottom: 25px;
  margin-top: 0px; /* chyba FF */
  padding-right: 15px;
  /*border: 1px red solid;/**/
}
DIV.zalozkyVizitky UL { /* chyba FF */
  margin-top: 0px;  
  margin-bottom: 0px;
  /*border: 1px red solid;/**/
}
DIV.zalozkyVizitky UL LI{
  float: right;
  display: inline;
  width: 120px;
  text-align: center;
  margin: 0px;  
  margin-left: 2px;
  padding: 0px;
  padding-top: 5px;
  padding-bottom: 5px;
  list-style-type: none;
  background-image: url(desimg/vizitka_neaktivniZalozka.gif);
  background-repeat: no-repeat;
  /*border: 1px red solid;/**/
}
DIV.zalozkyVizitky UL LI.aktivni{
  background-image: url(desimg/vizika_aktivniZalozka.gif);
}
DIV.zalozkyVizitky UL LI A{
  color: #FFFFFF;
}
DIV.obsahVizitky {
  background-image: url(desimg/vizitka_dolniPozadi.gif);
  background-position: left bottom;
  background-repeat: no-repeat;
  background-color: #498ECA;
  padding-top: 5px;
  padding-bottom: 30px;
  padding-left: 20px;
  padding-right: 20px;
  /*border: 1px red solid;/**/
}
DIV.obsahVizitky H1 {
  margin: 0px;
  padding: 0px;
  margin-bottom: 5px;
  font-size: 1.2em;
}
DIV.obsahVizitky H2 {
  margin: 0px;
  padding: 0px;
  margin-bottom: 5px;
  font-size: 1em;
}
DIV.obsahVizitky P {
  margin: 0px;
  padding: 0px;
  margin-bottom: 3px;
  font-size: 0.85em;
  text-align: left;
  color: #FFFFFF;
}
DIV.obsahVizitky A {
  color: #FFFFFF;
  font-weight: bold;
  text-decoration: underline;
}
DIV.levySloupecVizitky {
  float: left;
  display: inline;
  width: 300px;
  /*border: 1px red solid; /**/
}
DIV.levySloupecVizitky IMG.redakcni_iluFotoLeve {
  float: left;
  display: inline;
  margin-right: 10px;  
}
DIV.pravySloupecVizitky {
  float: left;
  display: inline;
  width: 370px;
  padding-left: 10px;
  text-align: right;
  /*border: 1px green solid; /**/
}
DIV.pravySloupecVizitky H2{
  text-align: center; 
  font-size: 1.2em;
  margin-bottom: 10px;
}
DIV.pravySloupecVizitky P {
  text-align: center;
}
DIV.pravySloupecVizitky DIV.obalTabulky {
  background-color: #FFFFFF;
  padding: 7px;
  margin-bottom: 10px;
}
DIV.pravySloupecVizitky DIV.obalTabulky TABLE {
  text-align: center;
  vertical-align: top;
  font-size: 0.75em;
  color: #0368B4; 
  background-color: #0368B4;
}
DIV.pravySloupecVizitky DIV.obalTabulky TABLE TR TD, DIV.pravySloupecVizitky DIV.obalTabulky TABLE TR TH {
  width: 45px;
  background-color: #FFFFFF;
  vertical-align: top; 
  padding: 3px;
}
DIV.pravySloupecVizitky DIV.obalTabulky TABLE TR TD DIV {
  width: 45px;
  overflow: hidden;
  font-size: 0.9em;
}
DIV.pravySloupecVizitky FORM {
  display: inline;
}
DIV.pravySloupecVizitky FORM DIV {
  display: inline;
}
DIV.pravySloupecVizitky FORM INPUT {
  border: none;
  background: none;
  color: #FFFFFF;
  font-weight: bold;
  cursor: pointer;
}
/* ------------------------ fotogalrie -------------------------------------- */
TABLE.prehledGalerii {
  margin-left: 30px;
}
TABLE.prehledGalerii TD {
  text-align: center;
  vertical-align: bottom;
  /*border: 1px red solid;*/
}
TABLE.prehledGalerii TD P {
  margin: 0px;
  margin-left: 10px;
  margin-right: 10px; 
  text-align: center;
}

P.zpetNaPrehledGalerii {
  margin-left: 30px;
}
TABLE.fotogalerie {
  margin-left: 30px;
}
TABLE.fotogalerie TD {
  width: 110px;
  text-align: center;
  vertical-align: bottom;
}
/* -------------------------- odesilaciFormular ----------------------------- */
TABLE.odesilaciFormular {
  margin-left: 30px;
}
TABLE.odesilaciFormular TH {
  padding-right: 10px;
  vertical-align: top;
  padding-top: 5px;
}
/* ------------------------- iframe rezervace ------------------------------- */
#rezervace {
  width: 960px;
  height: auto;
  min-height: 1290px;
  margin: 0px;
  padding: 0px;
  border: 0px;
  background: none;

}

/* ------------------------- iframe rozvrh-rezervace ------------------------------- */
#rozvrhrezervace {
  width: 960px;
  height: auto;
  min-height: 450px;
  margin: 0px;
  padding: 0px;
  border: 10px;
  background: none;
}


/* ------------------------- fonty slider ------------------------------- */


/*------------------------------------video-----------------------------*/
DIV.video {
  float: left;
  display: inline;
  padding-left: 35px;
}
DIV.videopopis {
  float: left;
  display: inline;
  padding-bottom: 40px;
}