/* CSS Document */

#zkusebni_cara {
  background: red;
/*  display: none;*/
  height: 5px;
  left: 50%;
/*  margin-left: -385px; */
  margin-left: -498px;
/*margin-left: auto;*/
/*margin-right: auto;*/
  position: absolute;
  top: 50px;
/*  width: 770px; */
  width: 996px;
  z-index: 9;
}
*>#zkusebni_cara {position: fixed;}

/**************************************/

/* Hlavní rozvržení */

html, body {
  background-color: #bbd1e8;
  color: black;
  font-family: Comic Sans MS, Arial, Helvetica;
  font-size: 100%;
  height: 100%;
  margin: 0;
  overflow: auto;
  padding: 0;
  text-align: justify;
}

body#menu {
  height: auto;
  overflow: hidden;
  margin: 0;
  padding: 0;
  padding-top: 0.7em;
  width: 10.2em;
}

#telo {
  height: 100%;
  margin: 0 auto 0 auto;
  position: relative;
  width: 100%;
}

#hlavicka {
  background: url(./grafika/header_pozadi.jpg) no-repeat right;
  height: 5em;
  left: 0;
  position: absolute;
  text-align: center;
  top: 0;
  width: 100%;
  z-index: 2;
}

#plocha {
  height: 100%;
  left: 0;
  padding-left: 10.2em;
  position: absolute;
  right: 0;
  top: 0;
}
#plocha-frame {
  bottom: 2.75em;
  height: 22em;
  position: relative;
  top: 5em;
  width: 100%;
}

#menu {
  left: 0.3em;
  margin-top: 0.3em;
  position: absolute;
  top: 0;
  width: 9.6em;
  z-index: 3;
}

/**************************************/

a:link {text-decoration: underline;}
a:active {text-decoration: underline;}
a:visited {text-decoration: underline;}
a:hover {color: #f60; text-decoration: underline;}

#page {margin: 0 0.5em;}

#nadpis {
  position: relative;
  margin-left: 10.2em;
  margin-top: 1.06em;
  z-index: 2;
}

#header_div {
  height: 6.23em;
  left: 100%;
  margin-left: -7.2em;
  position: absolute;
  top: 0;
  z-index: 1;
}

#header_postava {height: 6.23em;}

#logo {
  margin-bottom: 1em;
  position: relative;
  text-align: center;
  width: 9.8em;
}

/**************************************/

/* Styly pro tlačítka menu */

#menu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#menu li {
  height: 1.7em;
  margin: 0;
  padding: 0;
}

a.tlacitko_menu {
  background: url("./grafika/tlacitka/button1a.gif") no-repeat left center;
  display: block;
  font-family: "Trebuchet MS", Trebuchet, Arial, sans-serif;
  font-size: 80%;
  height: 2.2em;
  line-height: 2.2em;
  padding-left: 2em;
  width: 9.8em;
}
*>a.tlacitko_menu {width: auto;}

a.tlacitko_menu:link, a.tlacitko2:link, a.tlacitko3:link, a.tlacitko4:link {
  color: black;
  text-decoration: none;
}
a.tlacitko_menu:active, a.tlacitko2:active, a.tlacitko3:active, a.tlacitko4:active {
  color: black;
  text-decoration: none;
}
a.tlacitko_menu:visited, a.tlacitko2:visited, a.tlacitko3:visited, a.tlacitko4:visited {
  color: black;
  text-decoration: none;
}
a.tlacitko_menu:hover {
  background: url("./grafika/tlacitka/button1b.gif") no-repeat left center;
  color: black;
  text-decoration: none;
}

/* Styly pro menší tlačítka */

a.tlacitko2 {
  background: url("./grafika/tlacitka/button2a.gif") no-repeat center center;
  display: block;
  font-family: "Trebuchet MS", Trebuchet, Arial, sans-serif;
  font-size: 80%;
  height: 2.2em;
  line-height: 2.2em;
  padding-left: 0.78em;
  text-align: center;
  width: 8.9em;
}
a.tlacitko2:hover {
  background: url("./grafika/tlacitka/button2b.gif") no-repeat center center;
  color: black;
  text-decoration: none;
}

a.tlacitko3, a.tlacitko4 {
  background: url("./grafika/tlacitka/button3a.gif") no-repeat center center;
  display: block;
  font-family: "Trebuchet MS", Trebuchet, Arial, sans-serif;
  font-size: 70%;
  height: 1.87em;
  line-height: 1.87em;
  padding-left: 1.07em;
  text-align: center;
  width: 10em;
}
a.tlacitko4 {background: url("./grafika/tlacitka/button4a.gif") no-repeat center center;}
*>a.tlacitko3, *>a.tlacitko4 {width: 9em;}
a.tlacitko3:hover, a.tlacitko4:hover {
  background: url("./grafika/tlacitka/button3b.gif") no-repeat center center;
  color: black;
  text-decoration: none;
}
a.tlacitko4:hover {background: url("./grafika/tlacitka/button4b.gif") no-repeat center center;}

/**************************************/

/* Styly pro podmenu */

#menu ul a:hover {
  background: #bbd1e8;
  background-image: url("./grafika/tlacitka/button1b.gif");
  background-position: left center;
  background-repeat: no-repeat;
  color: black;
}
#menu ul :hover > a {
  background: #bbd1e8;
  background-image: url("./grafika/tlacitka/button1b.gif");
  background-position: left center;
  background-repeat: no-repeat;
  color: black; 
}

#menu ul ul {
  background-color: #eee;
  border: 1px solid black;
  color: black;
  left: 11em;
  margin: 0;
  padding: 0;
  position: absolute;
}
*>#menu ul ul {
  font-family: "Trebuchet MS", Trebuchet, Arial, sans-serif;
  font-size: 80%;
  left: 10.6em;
}
#menu ul ul {visibility: hidden;}       /* výchozí stav */

#menu table {
  border-collapse: collapse;
  font-size: 1em;
  height: 0;
  left: 0;
  position: absolute;
  top: 0;
  width: 0;
  z-index: 100;
}

#menu ul ul li {height: 1.2em;}
*>#menu ul ul li {height: 1.5em;}
#menu ul ul a {
  color: black;
  line-height: 1.5em;
  margin: 0;
  padding: 0 0.5em;
  position: absolute;
  text-decoration: none;
  width: 8.35em;
}
#menu ul ul a:hover {
  background-image: none;
  background-color: #ff8000;
  color: white;
}

#menu ul li:hover ul, #menu ul a:hover ul {visibility: visible;}

#podmenu_akce {
  top: 15em;
  width: 9.35em;
}
*>#podmenu_akce {top: 14.7em;}

#podmenu_body_and_mind {
  top: 17.1em;
  width: 9.35em;
}
*>#podmenu_body_and_mind {top: 16.8em;}

#podmenu_junior {
  top: 25.7em;
  width: 9.35em;
}
*>#podmenu_junior {top: 25.4em;}

#tlacitka br {display: none;}
*>#tlacitka br {display: block;}

/**************************************/

/* Nadpisy */

h1, h2, h3, h4 {
  font-family: Arial CE, Arial, sans-serif;
	font-weight: bolder;
  margin: 0.5em;
  margin-top: 0;
  padding: 0;
  text-align: center;
}
h1 {
	color: #ff8000;
  display: none;
	font-size: 180%;
}
h2 {
  color: #ff8000;
  font-size: 140%;
  z-index: 1;
}
h3 {
	font-size: 120%;
  margin: 0.5em 0;
}

/*************************************/

/* Nadpis sekce - mezi 2 bloky */

.obalka_trisloupce {
  height: auto;
  margin: 0;
  position: relative;
  text-align: center;
  width: 97%;
}

h2.trisloupce {
  background-color: #bbd1e8;
  margin-top: 0.3em;
  width: 100%;
}

.trisloupce_vlevo {
  left: 0.3em;
  position: absolute;
  top: 0.3em;
  width: 7.5em;
}

.trisloupce_vpravo {
  left: 100%;
  margin-left: -7.5em;
  position: absolute;
  top: 0; 
  width: 7.5em;
}
/* KONEC Nadpis sekce - mezi 2 bloky */

/*************************************/

hr {width: 80%;}

img.menici, img.menici3 {
  border: 0;
  filter: revealTrans(duration=1);
}
img.menici3 {width: 12em;}
.img-rada {margin: 0.6em;}
#imgPicture {border: 2px solid navy;}

marquee {font-size: 120%;}

p {margin: 0.6em;}

/**************************************/

/* Tabulky */

table {border-collapse: collapse;}
th {
	font-size: 90%;
  background-color: #003399;
	color: #fff;
}
.table_news {
  border: 0;
  margin-bottom: 1.2em;
  width: 97%;
}
.table-max-width {width: 97%;}
.td80 {width: 5em;}
.td-odsazeni {
  padding-left: 0.6em;
  padding-right: 0.6em;
}

.popis1 {font-size: 90%;}
.popis2 {font-size: 70%;}

/**************************************/

/* Seznamy */

.ul_news, .ul_redarrow {
  list-style-type: disc;
  margin: 0;
  padding: 0 0 0 1.5em;
}

.ul_redarrow {list-style-image: url(./grafika/redarrow.gif);}

/*************************************/

/* Barvy písma a pozadí */

.cervene {color: red;}
.modre {color: #003399;}
.podklad_bodyform {background-color: #cb9afc;}
.podklad_bosu {background-color: #feeadb;}
.podklad_cervene {background-color: red;}
.podklad_ic {background-color: #dcdac5;}
.podklad_jumping {background-color: #c7d69b;}
.podklad_ksn {background-color: #edf4e9;}
.podklad_pilates {background-color: #fcfe9c;}
.podklad_pjoga {background-color: #fbce9b;}
.podklad_zlute {background-color: #fcfe04;}
.podklad_zumba {background-color: #b4f7fa;}

/* Styl textu */
.tucne {font-weight: bold;}

/* Zarovnání textu */
.blok {text-align: justify;}
.centrovat {
  margin-left: auto;
  margin-right: auto;
}
.nahoru, .svisle-zarovnani-nahoru {vertical-align: top;}
.text {text-indent: 1.2em;}
.uprostred {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.vlevo {text-align: left;}
.vpravo {text-align: right;}

.obtekat-vlevo {
  float: left;
  margin: 0.5em;
  margin-right: 0.8em;
}
.obtekat-vpravo {
  float: right;
  margin: 0.5em;
  margin-left: 0.8em;
}

.cleaner {
  clear: both;
  height: 0;
  overflow: hidden;
  content: ' ';
}
.cleaner hr, .neviditelny {display: none;} 

/*************************************/

/* Dotazník */

.formdotaznik {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 80%;
}

.formramecek {
  border: 0.3em;
  border-color: #039;
  border-style: solid;
  left: 50%;
  margin-left: -16em;
  padding: 0.6em;
  position: relative;
  width: 32em;
}

/*************************************/

/* Záložky vodorovné */

#zalozky-x {
  font-family: "Trebuchet MS", Trebuchet, Arial, sans-serif;
  font-size: 70%;
  line-height: 1.3em;
  margin-top: 1em;
  width: 65.8em;
}

#zalozky-x ul {
  list-style-type: none;
  margin: 0 0 0 0.78em;
  padding: 0;
}

#zalozky-x li {
  background: url("grafika/zalozka-x.gif") no-repeat 0 -3.56em;
  display: inline;
  float: left;
  height: 3em;
  margin: 0 0.5em 0 0;
  padding: 0;
  text-align: center;
}

#zalozky-x li a, #zalozky-x li strong {
  display: block;
  height: 3em;
  padding-top: 0.26em;
  width: 12.4em;
  _width: 12.1em;
}
*>#zalozky-x li a, *>#zalozky-x li strong {height: 2.76em;}

#zalozky-x li.active {
  background-position: 0 0;
  position: relative;
  margin-top: 0;
  top: 0.09em;
}

#zalozky-x li a {
  color: black;
  text-decoration: none;
}
#zalozky-x li a:hover {background: url("grafika/zalozka-x.gif") no-repeat 0 -80px;}

/*************************************/

/* Záložky svislé */

#zalozky-y-obal {position: relative;}

#zalozky-y {
  font-family: "Trebuchet MS", Trebuchet, Arial, sans-serif;
  font-size: 70%;
  font-weight: bold;
  margin: 0 -2.89em 0 0;
  padding-top: 0.5em;
  position: absolute;
  right: 0;
  top: -1em;
}

#zalozky-y ul {
  list-style-type: none;
  margin: 0.78em 0 0 0em;
  padding: 0;
}

#zalozky-y li {
  background: url("grafika/zalozka-y.gif") no-repeat;
  height: 9.6em;
  line-height: 1em;
  margin-bottom: 0.5em;
  padding: 0;
  padding-top: 0.45em;
  text-align: center;
  width: 2.35em;
}

#zalozky-y li.active {
  background: url("grafika/zalozka-y_active.gif") no-repeat;
  position: relative;
  right: 0.09em;
}

#zalozky-y li a {
  color: black;
  display: block;
  height: 9.6em;
  margin-top: -0.45em;
  padding-top: 0.45em;
  text-decoration: none;
  width: 2.32em;
}
#zalozky-y li a:hover {background: url("grafika/zalozka-y_over.gif") no-repeat;}

/*************************************/

/* Stránka se záložkami */

#all {
  margin: 0 0.5em;
  text-align: left;
  width: auto;
}

#page-zalozky, #page-zalozky2 {
  background-color: #abc2d9;
  border: 1px solid #848284;
  clear: left;
  margin-right: 1.5em;
}
#page-zalozky2 {margin-right: 0;}

#page-zalozky .in,  #page-zalozky2 .in {width: 100%;}
#page-zalozky .in2, #page-zalozky2 .in2 {padding: 0.6em 0.3em 0.3em 0.3em;}
#page-zalozky .in3, #page-zalozky2 .in3 {width: 100%;}

/*************************************/

/* Přihláška */

.formramecek2 {
  border: 0.3em;
  border-color: #039;
  border-style: solid;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 80%;
  left: 50%;
  margin-left: -22.3em;
  padding: 0.38em;
  position: relative;
  width: 44.6em;
}

.formprihlaska {text-align: left;}

form br {display: none;}                /* pro lepší zobrazení bez stylů */

fieldset {
  border: 1px solid #677380;
  margin-bottom: 0.37em;
  padding-bottom: 0.37em;
}

legend {
  font-family: MS Sans Serif, Sans-serif;
  font-size: 70%;
  font-weight: bolder;
  margin: 0.37em 0;
  padding: 0.09em 0.26em 0.09em 0.26em;
}

label {
  display: block;
  float: left;
  margin: 0;
  padding: 0 0.3em 0 0.3em;
  width: 9.75em;
}

#Tlacitko_Odeslat, #Tlacitko_Vymazat {width: 12em;}

/*************************************/

/* Styly pro tisk */

@media print {
  #header_div, #header_postava, #levy, #nadpis {
    display: none;
  }

  #hlavni, #horni {
    height: auto;
    margin-left: 0;
  }

  #hlavni {
    left: 0;
    padding: 0;
    position: relative;
  }

  #plocha {overflow: hidden;}

  a:link, a:active, a:visited, a:hover {
    color: #000;
    text-decoration: none;
  }

  img {border: 0;}
  table {border-collapse: collapse;}
  .noprint {display: none;}
  #imgPicture {border: 0;}
  #page {border: 0;}
  #zalozky {display: none;}
}