*.nocss{/* skryt podpurne prvky urcene pro prohlizece bez css */
    display: none;
}

@media screen{
    body{
        min-width:        480px;
        margin:           1.5em;
        margin-top:       0.35em;
        padding:          0px;
        border:           0px;
        font-family:      tahoma, verdana, sans-serif;
        _wwidth: expression(document.getElementById('idDStranka').offsetWidth < 640 ? '840px' : 'auto' );

        color:                 #000;
        background-color:      #ffe;
  }

  select{
      color:                 #000;
      background-color:      #ffe;
  }

  em{
      font-style:       normal;
  }

  strong{
      font-weight:      normal;

      color:                 #2909b7;
      font-weight:           bold;
  }
  strong.clError{
      color:                 red;
  }

  span.clExpandChar{
      font-family:      arial, tahoma, verdana, sans-serif;
      float:            right;
  }

  kbd, samp, em, a, a:link, a:visited{
      color:                 #2909b7;
  }

  a:active{
      color:                 black;
  }

  table th{
      background-color:      #FFFDDD;
  }
  table th,
  table td{
      border-color:          #805500 !important;
  }
  table th.clTitle{
      background-color:      #805500;
      border-color:          #805500;
      color:                 #FFFFEE;
  }

  hr{
      color:                 red;
  }

  h1{
      color:                 #000;
      text-shadow: #96968C 2px 2px 5px
  }
  h2, h3, h4, h5, h6{
      color:                 #000;
      text-shadow: #96968C 2px 2px 5px
  }


  #MAXWIDTH{
      width:  58em;
      height: 1em;
      margin: 0;
  }
  #AKTWIDTH{
      border: 1px solid; /* FOR UNKNOWN IE BUG */
      margin: 0;

      border-color:          #ffe; /*splynout s pozadim*/
  }
  #idDStranka{
      _width: expression(document.getElementById('AKTWIDTH').offsetWidth < 640? '640px' : (
      document.getElementById('AKTWIDTH').offsetWidth >
      document.getElementById('MAXWIDTH').offsetWidth ? '58em' : 'auto'));
  }

  /* SPOLECNE PRVKY */

  #idDHlavni{ /* hlavni kontejner */
      line-height:      140%;
      margin-left:      13em; /* prostor pro menu */
      padding-left:      1em; /* mezera mezi menu a textem */
      max-width:        55em;
  }

  #idDZahlavi{
      border-style:  solid;
      border-width:  1px;
      _height:    1px; /*FOR FLOAT IE BUG*/

      /*topleft je definovan jako inline style*/
      -moz-border-radius-topright:     0;
      -moz-border-radius-bottomleft:  .0em;
      -moz-border-radius-bottomright:  0;

      padding: 1em;
      text-align: center;

      background-color:    #fffddd;
      border-color:        #105;
  }

  #idDSloupec{ /* sloupec */
      float:               left;
      margin-top:          0em;
      width:               13em;   /* sirka sloupce */
      font-family:         tahoma, verdana, sans-serif;
  }
  #idDSloupec2{ /* sloupec bez zahlavi */
      clear:               both;
      float:               left;
      margin-top:          0em;
      width:               12em;   /* sirka sloupce */
      font-family:         tahoma, verdana, sans-serif;
  }

  #idDLogin{
  }
  #idDLogin a{
      padding:             0 .5em;
      float:               right;
      border-width:        1px;
      border-style:        solid;
      -moz-border-radius:  0em !important;
      text-decoration:     none;
      font-weight:         normal;

      border-color:          black;
      color:                 black;
      background-color:      #ffe000 ;
  }

  /* MENU */

  #idDMenu{ /* kontejner pro menu */
      border-width:        1px;
      border-style:        solid;
      -moz-border-radius:  .5em;
      margin-bottom:       .5em;
      padding-bottom:      3px;
  }
  #idDMenu,
  #idSubMenu,
  #idBSubMenu{
      border-color:        #105;
      background-color:    #ffe000 ;
  }

  #idMenuItems{
      margin:              0px;
      padding:             0px;
  }
  #idMenuItems a{ /* odkazy v menu */
      display:             block;
      padding:             0.1em 0em 0em 0.4em;
      border:              1px solid;
      border-top:          0px solid;
      margin:              0 3px !important;
      text-decoration:     none;
      font-size:           90%;
      line-height:         160%;
  }
  #idSubMenu a.hrefName,
  #idBSubMenu a.hrefName{ /* odkaz v menu do stranky*/
      border: 0;
      padding-bottom: -2px;
      border-bottom: 1px dotted green;
      background: transparent;
  }

  #idMenuItems a.aktivni{ /* aktivni odkaz v menu */
      cursor:              default;
      font-weight:         bold;
  }
  #idMenuItems a.prvni{ /* prvni odkaz v menu */
      border-top:          1px solid;
  }
  #idMenuItems a.spatny{ /* odkaz vedouci na neexistujici stranku */
      font-style:          italic;
  }

  #idMenuItems a,
  #idSubMenu   a,
  #idBSubMenu  a{
      color:               #000;
      background-color:    #fffddd;
      border-left-color:   #241b59;
      border-top-color:    #241b59;
  }

  #idMenuItems a:hover,
  #idSubMenu   a:hover,
  #idBSubMenu  a:hover{
      color:               #000;
      background-color:    #fff;
  }

  #idMenuItems a.aktivni,
  #idSubMenu   a.aktivni,
  #idBSubMenu  a.aktivni{
      color:               #000;
      background-color:    #d5d6ff;
  }

  #idMenuItems a.aktivni:hover,
  #idSubMenu   a.aktivni:hover,
  #idBSubMenu  a.aktivni:hover{
  }

  #idMenuItems a:active,
  #idMenuItems a.aktivni:active,
  #idMenuItems a.spatny:active,
  #idSubMenu   a:active,
  #idSubMenu   a.aktivni:active,
  #idSubMenu   a.spatny:active,
  #idBSubMenu  a:active,
  #idBSubMenu  a.aktivni:active,
  #idBSubMenu  a.spatny:active{
      color:               black;
      background-color:    #fd5;
  }

  #idMenuItems a.selected,
  #idSubMenu   a.selected,
  #idBSubMenu  a.selected{
      color:               #000;
      background-color:    #6df;
  }

  #idMenuItems a.spatny,
  #idMenuItems a.spatny:hover,
  #idSubMenu   a.spatny,
  #idSubMenu   a.spatny:hover,
  #idBSubMenu  a.spatny,
  #idBSubMenu  a.spatny:hover{
      color:               #999 !important;
  }

  #idDmenu span{
      font-weight:         normal;
  }
  #idDmenu select{
      width:               90%;
      margin:              .15em 0 .25em .25em;
      font-size:           90%;
  }
  #idDMenu h2{
      margin:              .6em 0;
      font-size:           170%;
      letter-spacing:      4px;
      font-weight:         900;
      padding:             0 .5em;

      color:               #241b59;
  }
  #idDMenu td{ /* popisek nad menu */
      color:               black;
  }


  /* DHTML MENU */  

  .clPopMenu{
      width:           11em;
      position:        absolute;
      border:          1px solid #000;
      padding:         0px;
      background:      #a5aaef;
      background:      #fffdbb;
  }


  .clPopMenu a,
  .clPopMenu a:link,
  .clPopMenu a:visited
  {
      display:         block;
      font-size:       90%;
      border:          1px solid black;
      border-bottom:   0px solid black;
      background:      #ddffdd;
      background:      #fffddd;
      padding:         .2em 0em 0em .4em;
      color:           black;
      text-decoration: none;
  }
  .clPopMenu a.posledni,
  .clPopMenu a.posledni:visited
  {
      border-bottom:      1px solid black;
  }
  .clPopMenu a.selected:link,
  .clPopMenu a.selected:visited
  {
      background:      #6df;
  }

  /* OSTATNI POLOZKY MENU */

  #idWebRing{
      margin-top: -1px;
      -moz-border-radius-topleft:     .5em;
      -moz-border-radius-topright:    .5em;
      text-align:          center; 
      padding:             .5em;
      letter-spacing:      .25em;

      background-color:        #241b59; 
  }
  #idWebRing a{
      text-decoration:     none;
      font-weight:         normal;

      color:                   #ffbb00; 
  }

  #idSwitch{
      margin:              0.1em 0.0em;
      font-weight:         normal;

      color:               #666;
  }

  #idSubMenu,
  #idBSubMenu{
      border-width:                    1px;
      border-style:                    solid;
      -moz-border-radius-topleft:     .5em;
      -moz-border-radius-topright:    .5em;
      -moz-border-radius-bottomleft:   0;
      -moz-border-radius-bottomright:  0;
      padding:                         0;
      padding-top:                    .2em;
      padding-left:                   .2em;
      margin:                          0;
      _height:                         1.8em; /*IE BUG*/
      line-height:                     150% !important;
  }
  #idBSubMenu{
      -moz-border-radius-topleft:     .0em;
      -moz-border-radius-topright:    .0em;
      -moz-border-radius-bottomleft:  .5em;
      -moz-border-radius-bottomright: .5em;
      padding-bottom:                 .2em;
      margin-top:                      1em;
      clear:                           both;
  }

  #idSubMenu div,
  #idBSubMenu div{
      margin:              0;
      padding-top:         .15em;
      border-top:          1px solid black;
  }

  #idSubMenu #idSubMenu1,
  #idBSubMenu #idBSubMenu1{
      border:              0px;
      padding-top:         0px;
      margin:              0em;
      padding:             0;
  }

  #idSubMenu a,
  #idBSubMenu a{ /* odkazy v menu */
      padding:           1px 0.5em 1px 0.5em;
      border-left:       1px solid;
      border-top:        1px solid;
      margin:            0;
      text-decoration:   none;
      font-size:         85%;
      line-height:       170%;
  }
  #idSubMenu a.aktivni,
  #idBSubMenu a.aktivni{ /* aktivni odkaz v menu */
      cursor:           default;
  }
  #idSubMenu a.spatny,
  #idBSubMenu a.spatny{ /* odkaz vedouci na neexistujici stranku */
      font-style:       italic;
  }

  #idErrMsg{
      border:           2px solid;

      background-color:   white;
      border-color:       red;
      color:              black;
  }

  .clOnlyIE_Print{ /* objekt nebude zobrazen ani vytisten, krome IE, kde bude jen vytisten*/
      display: none;
  }

  a.clZpet{
      border-color:          black;
      color:                 black;
      background-color:      #ffe000 ;
  }

  /* UVODNI STRANKA */

  #idSeznamAktualit{
      border-color:          #fc0;
      background-color:      #fffddd;
  }

  #idSeznamAktualit h2{
      color:                 #310;
  }

  /* FORUM */
  #idForumActions a{
      border-color:          black;
      color:                 black;
      background-color:      #ffe000;
  }
  .clZprava th{
      background-color:      #fffddd;
      background-color:      #fffdbb;
  }

  table.clZprava em.clOverena{
      color:                 red;
  }

  .clZprava td.clTDtext{
      border-color:          #fc0;
  }

  #idForum{
      border-color:          #2909b7;
      border-width:          0px;
  }

  #idForum td,
  #idForum th{
      /*background-color:      #fffddd;*/
  }

  #idForumInfo{
      background:             #efe;
      border-color:           #8c8;
  }

  #idForumList .clNew{
      color:                  #2909b7;
  }

  /* ZPRAVY */
  .clZpravaLink{
      background-color:      #ffe000;
      border-color:          black;
      color:                 black;
  }

  /* FROM VIM FOR PYTHON SYNTAX HIGHLIGHTING */

  pre         { color: #000000; }
  .Constant   { color: #ff00ff; }
  .Comment    { color: #0000ff; }
  .Statement  { color: #a52a2a; font-weight: bold; }
  .Identifier { color: #008b8b; }
  .Special    { color: #6a5acd; }
  .PreProc    { color: #a020f0; }
  .lnr        { color: #804040; }

}

@media print{
    *{
        color: black;
        background-color: white;
  }

  body{
      font-family:         serif;
      font-size:           12pt;
  }

  #idDZahlavi{
      border-top:          .1em solid #888; /* v media print barvy povoleny */
      border-right:        1px solid #888;
  }
  #idDMenu{
      display:             none;
  }
  #idSubMenu,
  #idBSubMenu{
      display:             none;
  }

  #idDLogo{ /* kontejner pro logo */
      width:            279px; /*logo img width + 12 px*/
      margin:           0;
      float: right;
  }
  #idDLogo img{ /* obrazek loga */
      width:            267px; /*logo img width*/
      float: right;
  }

  h1{
      margin-bottom:       2em !important;
  }

  .clNoPrint{
      display:             none;
  }
  .clOnlyIE_NoPrint{
      _display:            none;
  }
  .clOnlyIE_Print{/* objekt nebude zobrazen ani vytisten, krome IE, kde bude jen vytisten*/
      display:             none;
      _display:            block;
  }

}

/* ZAKLAD */
form{
    margin:              0;
  }
  table, p, par, div, h2, h3, h4, ul, ol, dl, dt, dd{
      margin-top:          0em;
      margin-bottom:       1em;
  }
  h1{
      font-size:           207%;
      line-height:         120%;
      margin: 0;
      padding: 0;
      padding-top:         0.25em;
  }
  h2{
      font-size:           173%;
      line-height:         140%;
      margin-top:          1em;
      margin-bottom:       0.5em;
  }
  h3{
      font-size:           130%;
      line-height:         140%;
      margin-top:          1em;
      margin-bottom:       0.25em;
  }
  h4{
      font-size:           100%;
      line-height:         140%;
      margin-top:          1em;
      margin-bottom:       0em;
  }
  p{
      text-align:          justify;
      line-height:         160%;
  }
  table{
      border-collapse:     collapse;
      font-size:           99.9%;
      margin-left:         auto; /*centrovani tabulek, nefunguje v IE*/
      margin-right:        auto; /*centrovani tabulek, nefunguje v IE*/
  }
  table th,
  table td{
      border:              1px solid;
      padding:             .25em .5em;
      vertical-align:      top;
  }
  table th{
      vertical-align:      middle;
  }
  img{
      border-width:        0;
  }

  dt{
      font-weight:         bold;
      margin-bottom:       0em;
      color:               #105;
  }
  dd, dd ol, dd ul{
      margin-bottom:       0;
  }

  pre, tt, kbd, samp, code {
      font-family:         terminus, fixed, Courier, monospace;
      font-size:           100%;
  }

  .clPoznamka, .clPython3{
      font-size:         90%;
      padding:          .5em;
      border:            1px dotted #B37700;
  }
  .clPython3:before{ 
      font-weight:       bold;
      display:           block;
      content:          "Změna v Pythonu 3:";
  }

  .clPoznamka:before{
      font-weight:       bold;
      display:           block;
      content:          "Poznámka:";
  }

  .clTSetting{
      margin:              0 0 0 0.5em;
  }
  .clTSetting td{
      vertical-align:      middle;
      border-width:        0;
      padding:             .25em;
      font-size:           90%;
      font-weight:         normal;
  }
  .clTSetting select{
      font-size:           100%;
  }

  .clCode,
  .clCode3{
      padding:      0.5em;
      border: 1px dashed;
  }
  .clCodeTitle{
      font-size:           90%;
      text-align:          center;
      margin-top:          -1em;
  }

  .clEnd,
  .clCont{
      margin-bottom:       0em;
  }

  .clZpet{
      margin-left:         1em;
      font-size:           small;
      border:              1px solid;
      padding:             0px 2px;
      text-decoration:     none;
      font-weight:         normal;
  }

  /* OBECNE */

  .clInvisible{display:none;}

  #idDhlavni ul li p,
  #idDhlavni ol li p{
      margin:                  0;
}

#idDhlavni ul,
#idDhlavni ol{
    margin-top:              0;
}

#idPocitadlo{
    font-weight:             normal;
    font-size:               small;
}

#idWebContent ul{
    margin-bottom:           0;
}
#idWebContent li{
    margin-bottom:           0;
    list-style-type:         disc;
}

*.clUvod{
    margin-bottom:           .25em;
}
p.clPodpis{
    text-align:              right;
    padding-right:           3em;
    font-style:              italic;
}

.clTDHead{
    text-align:              center;
    font-weight:             bold;
    padding-left:            .5em;
    padding-right:           .5em;
}

table.clNumeric  td,
table.clNumeric2 td,
td.cislo{
    text-align:              right;
    padding:                 0.2em .2em 0 .2em;
    vertical-align:          bottom;
    font-family:             monospace;
}
table.clNumeric2 td{
    text-align:              left;
}

.clTextHead{
    margin-bottom:           2em;
}

.clDatum{
    text-align:              right;
}

.clCenter{
    text-align:              center;
}
.clRight{
    text-align:              right;
}
.clBCenter{
    margin-left:             auto;
    margin-right:            auto;
}
.clBRight{
    margin-left:             auto;
}

.clBegin{
    margin-bottom:           0;
}

table td.clStrongCol{
    font-weight:           bold;
    text-align:            center;
}

hr{
    height:                  1px;
    width:                   100%;
}


/* UVODNI STRANKA */
#idSeznamAktualit{
    width:                   11em;
    float:                   right;
    padding:                 .5em;
    margin-left:             1em;
    -moz-border-radius:      .5em;

    border: 1px solid;
}

#idSeznamAktualit h2{
    margin:                  0;
    margin-bottom:           .25em;
}

#idSeznamAktualit p{
    text-align:              left;
    font-size:               90%;
    line-height:             120%;
    margin:                  .5em 0 0 0;
}


/* AKTUALITY */
.clZprava{
    margin:                  0 0 1em 0;
}

.clZprava td,
.clZprava th{
    border-width:            1px;
    text-align:              left;
}
.clZprava th.clTDtitle{
    vertical-align:          baseline;
    width:                   100%;
    padding-top:             0;
    padding-bottom:          0;
}
.clZprava th.clTDname{
    vertical-align:          baseline;
    border-right:            1px dashed;
    padding-top:             0;
    padding-bottom:          0;
}
.clZprava th.clTDtime{
    font-size:80%;
    vertical-align:          baseline;
    border-right:            1px dashed;
    padding-top:             0;
    padding-bottom:          0;
}
.clZprava th.clTDboxA,
.clZprava th.clTDboxB{
    vertical-align:          baseline;
    padding:                 0;
}
.clZprava th.clTDboxB input{
    visibility:              hidden;
}

.clZprava td.clTDtext{
    border:                  1px solid;
    -moz-border-radius:      .5em;
    text-align:              justify;
}

.clZprava pre{
    margin:                  0;
}

/* FORUM */
#idForumActions{
    margin:                  -2em 0 0 0;
    font-size:               90%;
    line-height:             200%;
}
#idForumActions a{
    padding:               0 .5em;
    border:                1px solid;
    text-decoration:       none;
}

#idForum{
    margin:                  0;
    border:                  1px solid;
    clear:                   right;
}

#idForum td,
#idForum th{
    border-width:            0px;
}

#idForum th{
    /*padding-left:            0;*/
}

#idForumInfo{
    font-size:              90%;
    border:                 1px solid;
    padding:                0.2em 0.5em;
    margin:                 0 0 .5em;
}


#idForumList{
    font-size:              90%;
}

/* PROGRAM */

#idProgram table{
    margin-left: 2em;
}
#idProgram p{
    margin-left: 2em;
    margin-bottom: 0;
}

/* ANKETA */

.clAnkMainBox{
    float:                  right;
    width:                  152px;
    border:                 1px solid black;
    padding:                0em;
    background-color:       #ffe000;
}
.clAnkAnswersBox{
    margin:                0 .25em 0 .25em;
}

.clAnkMainBox table,
.clAnkMainBox tr,
.clAnkMainBox td{
    padding:                0px;
    margin:                 0px;
    border:                 0px;
    background-color:       #ffe000;
}

.clAnkMainBox p{
    padding:                0px;
    margin:                 .25em .25em .5em .25em;
    line-height:            120%;
    text-align:             left;
}
.clAnkMainBox p.clCenter{
    text-align:             center;
}

td.clAnkRadio{
    vertical-align:         middle;
    padding-right:          .25em;
}
td.clAnkAnswer{
    width:                  100%;
    padding-right:          .25em;
    padding-left:           .25em;
    font-size:              80%;
}
td.clAnkCount{
    vertical-align:         middle;
    padding-left:           .25em;
}

div.clAnkBar{
    width:                  150px;
    margin:                 0 0 .5em 0;
    border:                 1px solid black;
    background-color:       #ffe;
}

div.clAnkGraph{
    height:                 6px;
    background-color:       red;
    margin:                 0px;
}


/* ZPRAVY */

.clZpravaLink{
    padding:               0px 0.5em;
    border:                1px solid;
    -moz-border-radius:    0em;
    text-decoration:       none;
}