body {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  margin: 0;
  padding: 0;
  background-color: white;
  background-image: url('img/bg.gif');
  line-height: 1.4em;
}
a {padding: 1px}
a:hover {text-decoration: none;} 
li {margin-bottom: 1em; list-style: square;}
ul {margin-left:2em; padding: 0}
table {font-size: 100%}
p {margin-top: 1.5em; margin-bottom: 0}
/* -------= CLASSES =-------------------------------------------------------- */
p.first {margin-top: 0}
.first-header {margin-top: 1ex !important}
.shift {margin-left: 5em}
.smaller {font-size: smaller}
.hidden {
  display: none;
}
.clearer {clear: both;}
tr.red {color: #c00}
tr.bold, td.bold {font-weight: bold}
td.vtop {vertical-align: top}
ul.links {margin: 0 0 0 2em}
ul.links li {margin: 0; list-style: none}
/* /classes */


/* -------= ENVELOPES =------------------------------------------------------ */
#main-env {
  margin-left: 15em;
/*  border: 1px solid #acf; */
}
#menu-env {
  position: absolute;
  top: 0;
  left: 0;
  width: 15em;
/*    border: 1px solid #acf; */
} /* /envelopes */

/* -------= MAIN =----------------------------------------------------------- */
#main {
  border: 1px solid #888;
  margin: 1em;
  background-color: #ffffff;
}
#main-content {
  padding: 1em;
}
/* main head colors */
#main h1 {
  margin: 0;
  padding: 1ex;
  font-size: 170%;
}
#h2-wrapper {
  background-image: url('img/dotted.gif');
  margin: 0;
  padding: 1px 0;
}
#main h2 {
  margin: 0;
  padding: .5ex;
  background-color: #f8f8f8;
  font-size: 140%;
  padding-left: 3em;
}
#main h2:before, #main h2:after {
  content: ' ::: ';
}
#main h3 {
    font-size: 130%;
    letter-spacing: .2ex;
    padding: 1ex;
    padding-left: 1em;
    border-top:    1px solid;
    border-bottom: 1px solid;
    margin: 2em 0 1ex 0;
}
#main h4 {
    font-size: 120%;
    padding: .5ex;
    padding-left: 2em;
    border-left: 1ex solid;
    margin: 2em 0 1ex 0;
}
#main a.kotva {color: black}
#main a.kotva:hover {color: black; background-color: transparent}
#main table.tbl {
    border-collapse: collapse;
    border: 1px solid #888;
}
#main table.tbl th {
    background-color: #eee;
    color: #666;
    border: 1px solid #888;
    padding: .5ex;
    text-align: center;
}
#main table.tbl td {
    padding: 0 1ex;
    border: 1px solid #888;
}
#main div.tbl-caption {
    font-weight: bold;
    text-align: left;
    padding: 0 0 1ex 1em;
    margin-top: 1em;
}
/* /main */

/* -------= MENU =----------------------------------------------------------- */
#menu {
  margin: 1em;
  border: 1px solid #888;
  background-image: url('img/dotted.gif');
}
#menu a.sub {padding-left: 1em;}
#menu div.menu-sub {display: none;}
#menu a {
  display: block;
  /*border-top: 1px dotted grey;*/
  padding: .5ex;
  font-weight: bold;
  background-color: white;
  margin-top: 1px;
  text-decoration: none;
}
#menu a:hover {color: #fff;}
#menu h2 {
  margin: 0;
  padding: .5ex;
  text-align: right;
  font-size: 130%;
  background-color: #eee;
}
#menu a span.arrow {
  float: left;
  margin-right: 1ex;
  margin-top: 3px;
  width: 7px;
  height: 11px;
  background-image: url('img/arr.gif');
  background-repeat: no-repeat;
}
#menu a span.arrow2 {
  float: left;
  margin-right: 1ex;
  margin-top: 3px;
  width: 13px;
  height: 11px;
  background-image: url('img/arr2.gif');
  background-repeat: no-repeat;
}
/* menu-colors */
#menu a.novinky                 {           color: #47006B}
#menu a.novinky:hover           {background-color: #EABFFF; color: black}
/*#menu a.novinky                 {           color: #24006B; display:none}
#menu a.novinky:hover           {background-color: #D5BFFF; color: black}
#menu a.hratren                 {           color: #47006B; display:none}
#menu a.hratren:hover           {background-color: #EABFFF; color: black}*/
#menu a.history                 {           color: #8F006B}
#menu a.history:hover           {background-color: #FFBFEF; color: black}
#menu a.vysledky                {           color: #B30000}
#menu a.vysledky:hover          {background-color: #FFBFBF; color: black}
#menu #vysledky-sub a           {           color: #B30000}
#menu #vysledky-sub a:hover     {background-color: #FFBFBF; color: black}
#menu a.soustredeni             {           color: #B34700}
#menu a.soustredeni:hover       {background-color: #FFD9BF; color: black}
#menu #soustredeni-sub a        {           color: #B34700}
#menu #soustredeni-sub a:hover  {background-color: #FFD9BF; color: black}
#menu a.foto                    {           color: #B36B00}
#menu a.foto:hover              {background-color: #FFE6BF; color: black}
#menu a.kontakt                 {           color: #B38F00; display:none}
#menu a.kontakt:hover           {background-color: #FFF2BF; color: black}

#menu #vysledky-sub a       {background-color: #ffecec;}
#menu #soustredeni-sub a    {background-color: #fff0e6;}
/* /menu */

/* ==== COLORS of the RAINBOW =============================================== */
/* ========================================================================== */
/* = novinky = */
#page-novinky   #main h1 {color: #eabfff; background-color: #609;}
#page-novinky   #main h2 {color: #47006b;}
#page-novinky   a        {color: #47006b;}
#page-novinky   a:hover  {color: #ffffff; background-color: #47006b;}
#page-novinky   #menu a.novinky  {color: white; background-color: #d580ff; text-align: right}/*#page-novinky   #main h1 {color: #D5BFFF; background-color: #309;}
#page-novinky   #main h2 {color: #24006B;}
#page-novinky   a        {color: #24006B;}
#page-novinky   a:hover  {color: #ffffff; background-color: #24006B;}
#page-novinky   #menu a.novinky  {color: white; background-color: #AA80FF; text-align: right}*/
/* = kracky + treneri = */
#page-hratren   #main h1 {color: #eabfff; background-color: #609;}
#page-hratren   #main h2 {color: #47006b;}
#page-hratren   a        {color: #47006b;}
#page-hratren   a:hover  {color: #ffffff; background-color: #47006b;}
#page-hratren   #menu a.hratren  {color: white; background-color: #d580ff; text-align: right}
/* = historie = */
#page-history   #main h1 {color: #ffbfef; background-color: #c09;}
#page-history   #main h2 {color: #8f006b;}
#page-history   a        {color: #8f006b;}
#page-history   a:hover  {color: #ffffff; background-color: #8f006b;}
#page-history   #menu a.history  {color: white; background-color: #ff80df; text-align: right}
/* = vysledky = */
#page-vysledky  #main h1 {color: #ffe6e6; background-color: #f00;}
#page-vysledky  #main h2 {color: #b30000;}
#page-vysledky  #main h3 {border-color: #b30000;}
#page-vysledky  #main h4 {border-color: #ff0000;}
#page-vysledky  a        {color: #b30000;}
#page-vysledky  a:hover  {color: #ffffff; background-color: #b30000;}
#page-vysledky  #menu a.vysledky  {color: white; background-color: #ff8080; text-align: right}
#page-vysledky  #menu #vysledky-sub {display: block;}
/* = vysledky - sub = */
.vysledky-soutez #vysledky-sub a.soutez {color: #0066B3 !important; background-color: #FFBFBF !important; text-align: right}
.vysledky-turnaje #vysledky-sub a.turnaje {color: #0066B3 !important; background-color: #FFBFBF !important; text-align: right}
.vysledky-uspechy #vysledky-sub a.uspechy {color: #0066B3 !important; background-color: #FFBFBF !important; text-align: right}
/* = soustredeni = */
#page-soustredeni  #main h1 {color: #ffd9bf; background-color: #f60;}
#page-soustredeni  #main h2 {color: #b34700;}
#page-soustredeni  #main h3 {border-color: #b34700;}
#page-soustredeni  #main h4 {border-color: #f60;}
#page-soustredeni  a        {color: #b34700;}
#page-soustredeni  a:hover  {color: #ffffff; background-color: #b34700;}
#page-soustredeni  #menu a.soustredeni  {color: white; background-color: #FFB380; text-align: right}
#page-soustredeni  #menu #soustredeni-sub {display: block;}
/* = soustredeni - sub = */
.soustredeni-leto #soustredeni-sub a.leto {color: #1919B3 !important; background-color: #FFD9BF !important; text-align: right}
.soustredeni-zima #soustredeni-sub a.zima {color: #1919B3 !important; background-color: #FFD9BF !important; text-align: right}
/* = foto = */
#page-fotky      #main h1 {color: #ffe6bf; background-color: #f90;}
#page-fotky      #main h2 {color: #b36b00;}
#page-fotky      a        {color: #b36b00;}
#page-fotky      a:hover  {color: #ffffff; background-color: #b36b00;}
#page-fotky      #menu a.foto  {color: white; background-color: #ffcc80; text-align: right}
/* = kdy hrajem = */
#page-hrajem    #main h1 {color: #ffe6bf; background-color: #f90;}
#page-hrajem    #main h2 {color: #b36b00;}
#page-hrajem    a        {color: #b36b00;}
#page-hrajem    a:hover  {color: #ffffff; background-color: #b36b00;}
#page-hrajem    #menu a.hrajem  {color: white; background-color: #ffcc80; text-align: right}
/* = kontakt = */
#page-kontakt   #main h1 {color: #fffae6; background-color: #f8c800;}
#page-kontakt   #main h2 {color: #b38f00;}
#page-kontakt   a        {color: #b38f00;}
#page-kontakt   a:hover  {color: #ffffff; background-color: #b38f00;}
#page-kontakt   #menu a.kontakt  {color: white; background-color: #f8de78; text-align: right}
/* ==== /colors ============================================================= */

/* ==== SPG / Simple PHP Gallery styles ======================================*/
#page-foto #main-content {padding-bottom: .5ex}
#breadcrumb {
  margin: 0;
  padding: 0;
}
#dirdesc {
  margin: 1em;
  padding: 1px;
  background-image: url('img/dotted.gif')
}
#dirdesc-content {
  background-color: #ffd9bf;
  padding: 1.5ex;
}
#directories h3 {
  border-bottom: 1px solid #b34700;
  margin-bottom: 0;
  font-size: 140%;
}
#directories ul {
  margin: 1em 2em;
  padding: 0;
}
#credit {font-size: 80%; text-align: right; border-top: 1px solid #b34700; padding-top: .5ex; margin: 0;}
/* ==== /SPG ================================================================ */

/* index */
#page-index {text-align: center;}
#page-index #image-env {
    margin: 2em auto;
    width: 524px;
    padding: 1px;
    background-image: url('img/dotted.gif');
}
#page-index #image {
    padding: 5px;
    background: #eee;
}
#page-index img {
    border: 1px solid #888;
}
#page-index h1 {
    margin: 1em;
    padding: .5ex;
    text-align: center;
    color: #b34700;
    background-color: white;
    border: 1px solid #ccc;
    font-size: 200%;
    line-height: 1em;
}
#page-index #menu a span.arrow {visibility: hidden; width: 0; margin: 0;}
#page-index #menu-env {top: 9em; left: 3em; line-height: 2em; width: 16em}
#page-index #menu a {padding-left: 1em; font-size: 140%; padding: .5ex}
#page-index #news-env {
    position: absolute;
    top: 9em;
    right: 3em;
    width: 16em;
    line-height: 2em;
}
#page-index #news {
  margin: 1em;
  border: 1px solid #888;
  background-image: url('img/dotted.gif');
}
#page-index #news h2 {
  margin: 0;
  padding: .5ex;
  padding-left: 1ex;
  text-align: left;
  font-size: 130%;
  background-color: #eee;
}
/*#page-index #news p {
  padding 0;
  margin: 0;
  padding: .5ex;
  background-color: white;
  margin-top: 1px;
  text-align: left;
  line-height: 1em;
}*/
#page-index #news a {
  display: block;
/*  border-top: 1px dotted grey;  */
  padding: .5ex;
  background-color: white;
  color: #048;
  margin-top: 1px;
  text-decoration: none;
  text-align: left;
  line-height: 1em;
}
#page-index #news a:hover {background-color: #def; color: black}
/* /index */


div.list span {
    float: left;
    border-bottom: 1px solid #eee;
    width: 12.5em;
}
div.list p {
    margin-left: 13em;
    margin-bottom: 2em;
}

/* == NOVINKY == */
#page-novinky .detaily {
    padding: .5ex 1ex;
    background-color: #f8f0ff;
}

.newska h3 {
    border: 0 !important;
    margin-bottom: 1ex !important;
    padding: 0 !important;
}
.newska p {
    margin: 0; padding: 2ex;
    background-color: #fcf8ff;
    /*background-color: #f7e6ff;*/
    border: 1px solid #d580ff;
}
.newska-detail .perex p {
    margin: 0; padding: 1em 2em;
    border-bottom: 1px solid #d580ff;
}
.newska-detail h3.first {margin-top: 2ex !important}
/* styly pro novinky */
.newska-detail .bold {font-weight: bold}
.newska-detail .mt0 {margin-top: 0}
.newska-detail h4 {font-size: 140% !important; border: 0 !important}
.newska-detail h5 {font-size: 130% !important}
.newska-detail h6 {font-size: 120% !important}

/* ===== fotky ============================================================== */
#page-fotky     #main h1 {color: #ffd9bf; background-color: #f60;}
#page-fotky     #main h2 {color: #b34700;}
#page-fotky     a        {color: #b34700;}
#page-fotky     a:hover  {color: #ffffff; background-color: #b34700;}
#page-fotky     #menu a.fotky  {color: white; background-color: #ffb380; text-align: right}
/* -------------------------------------------------------------------------- */
#page-fotky      #main h1 {color: #ffe6bf; background-color: #f90;}
#page-fotky      #main h2 {color: #b36b00;}
#page-fotky      a        {color: #b36b00;}
#page-fotky      a:hover  {color: #ffffff; background-color: #b36b00;}
#page-fotky      #menu a.foto  {color: white; background-color: #ffcc80; text-align: right}
/* = foto = */
#page-fotky a img {border: 0}
#page-fotky a:hover img {background-color: transparent}
#page-fotky h3 {margin-top: 2ex}
#page-fotky #crumb {
    text-align: right;
    background-color: #f0f0f0;
    padding: .5ex;
}
#page-fotky .sg-tab {
    text-align: center;
}
#page-fotky .sg-album-env {
    background-color: #FFF5E6;
    border: 1px solid #ffcc80;
    padding: 1ex;
    margin-top: 1ex;
}
#page-fotky .sg-album-image {
    float: left;
    margin-right: 1em;
    width: 100px;
    text-align: center;
}
#page-fotky .sg-album-image img {
    border: 1px solid #b36b00;
}
#page-fotky .sg-album-env a {
    font-weight: bold;
    letter-spacing: .2ex;
}
#page-fotky .sg-album-image a:hover {
    background-color: transparent;
}
#page-fotky .sg-album-env p {
    margin: 1.5ex 0;
}
#page-fotky .sg-album-env .sg-album-cnt {
    color: #FF9900;
    font-weight: bold;
}
#page-fotky .sg-zobrazeno {text-align: right; font-size: smaller; color: #888; margin-top: 1ex}
#page-fotky p.sg-desc {}
#page-fotky #footer {font-size: smaller}
#page-fotky #album-view .image-wrapper:hover {background-color: #ffe6bf;}
#page-fotky #album-view .image-wrapper {
  float: left;
  width: 110px;
  height: 130px;
  border: 1px solid #b36b00;
  margin: 1ex;
  padding: 0;
  text-align: center;
}
#page-fotky #album-view .img {height: 110px; border-bottom: 1px solid #b36b00; background-color: #FFF5E6}
#page-fotky #album-view a {padding: 0}
#page-fotky #album-view a:hover {background-color: transparent}
#page-fotky #album-view img {margin: 4px}
#page-fotky .sgDetailsList {background-color: #fff5e6; padding: .5ex; border-left: 1px solid #f90; padding-left: 1em}
#page-fotky .sgTopNavBar, #page-fotky .sgBottomNavBar {text-align: center; margin: 1ex; padding: 1ex}
#page-fotky .img-wrapper {text-align: center}

/* index page sponsor logos */
#sponsors {text-align: center; font-weight: bold}
#sponsors img {border: 0; vertical-align: middle;}
#sponsors span {margin: 0 1em}