body {
  background: #000000;
  /*background-image: url('./../graphics/fe.png');*/
  margin-top: 0px;
  margin-bottom: 0px;
  font-family: tahoma;
  font-size: 10pt;
  text-align: left;
  color: #FFFFFF;
 }

a { border: 0; text-decoration: none;}
a:link { color: #FFFFFF;}
a:visited {color: #FFFFFF;}
a:hover { color: #FFFFFF; background-color: #3366FF;}
a:active {color: #800000;}
p { margin: 3px;}
h1 { margin: 3px;}
img { font-weight: bold;}

/*****************************/
/*****SEZNAMOVÁ MENU (UL)*****/
/*****************************/
ul.menu {
  list-style-type: none;
  margin: 2px 0px;
  padding: 0px;
  font-size: 100%;
 }
ul.menu li { margin: 1px 3px; padding: 1px; font-size: 100%;}
ul.menu li a { display: block; padding: 1px 3px; font-size: 100%;}
ul.inter_box {
  list-style-type: none;
  margin: 3px;
  padding: 0px;
  border: 1px solid #FFFFFF;
  font-size: 80%;
  font-weight: bold;
 }
ul.inter_box li { margin: 1px; padding: 1px;}
ul.inter_box li a { display: block; padding: 0px;}
ul.inter {
  list-style-type: none;
  margin: 3px;
  padding: 0px;
  font-size: 80%;
  font-weight: bold;
 }
ul.inter li { margin: 1px; padding: 1px;}
ul.inter li a { display: block; padding: 0px;}
ul.inter_special {
  list-style-type: none;
  margin: 5px;
  padding: 0px;
  border: 3px double #FFFFFF;
  font-size: 80%;
 }
ul.inter_special li { margin: 1px; padding: 1px;}
ul.inter_special li a { font-weight: bold;}
ul.aktuality {
  list-style-type: none;
  margin: 3px;
  padding: 0px;
  font-size: 80%;
  font-weight: normal;
  text-align: center;
 }
ul.aktuality li { margin-top: 1px; padding: 1px;}
ul.aktuality li a { display: block; padding: 0px;}
ul.aktuality li a:hover { color: #FFFFFF; background-color: #3366FF;}
ul.aktuality li.datum { margin: 0px; padding: 0px; font-size: 75%;}
ul.aktuality li.actual_title { padding-bottom: 6px;}

ul.aktuality li.msicka { font-size: 80%;}


menu {
  list-style-type: none;
  margin: 2px 0px;
  padding: 0px;
  font-size: 100%;
 }
menu li { margin: 1px 3px; padding: 1px; font-size: 100%;}
menu li a { display: block; padding: 1px 3px; font-size: 100%;}
menu.inter_box {
  list-style-type: none;
  margin: 3px;
  padding: 0px;
  border: 1px solid #FFFFFF;
  font-size: 80%;
  font-weight: bold;
 }
menu.inter_box li { margin: 1px; padding: 1px;}
menu.inter_box li a { display: block; padding: 0px;}
menu.inter {
  list-style-type: none;
  margin: 3px;
  padding: 0px;
  font-size: 80%;
  font-weight: bold;
 }
menu.inter li { margin: 1px; padding: 1px;}
menu.inter li a { display: block; padding: 0px;}
menu.inter_special {
  list-style-type: none;
  margin: 5px;
  padding: 0px;
  border: 3px double #FFFFFF;
  font-size: 80%;
 }
menu.inter_special li { margin: 1px; padding: 1px;}
menu.inter_special li a { font-weight: bold;}
menu.aktuality {
  list-style-type: none;
  margin: 3px;
  padding: 0px;
  font-size: 80%;
  font-weight: normal;
  text-align: center;
 }
menu.aktuality li { margin-top: 1px; padding: 1px;}
menu.aktuality li a { display: block; padding: 0px;}
menu.aktuality li a:hover { color: #FFFFFF; background-color: #3366FF;}
menu.aktuality li.datum { margin: 0px; padding: 0px; font-size: 75%;}
menu.aktuality li.ukazka { font-size: 90%; text-align: left;}

menu.aktuality li.msicka { font-size: 80%;}


#menuright div.panel ul.menu {
  font-size: 80%;
  text-align: left;
 }
div.panel p {
  font-size: 80%;
 }
div.panel p a {
  font-weight: bold;
 }

/*********************************/
/*****ZÁKLADNÍ ROZVRŽENÍ WEBU*****/
/*********************************/

/* * * **grafické doplňky** * * */
#bg_left { background-position: -25px; background-image: url(./../graphics/menu_left.png);	background-repeat: repeat-y;}
#bg_right { background-position: 740px;	background-image: url(./../graphics/menu_right.png); background-repeat: repeat-y;}
/* * * **základní divy** * * */
div#main {
  width: 880px;
  position: relative;
  margin: auto;
  background-color: #000000;
  border-left: 1px solid #000000;
  border-right: 1px solid #000000;
 }
div#top {
  height: 100px;
  background-color: #3366FF;
  border-bottom: 1px solid #000000;
 }
  div#top div#left {
    position: relative;
    float: left;
    width: 133px;
    height: 100%;
    padding: 0px 5px 0px 5px;
    font-size: 85%;
    text-align: center;
    vertical-align: center;
   }
  div#top div#center {
    position: relative;
    margin-left: 143px;
    margin-right: 143px;
    width: auto;
    height: 100%;
    background-color: #00006E;
    background-image: url('./../graphics/logo.jpg');
    background-position: center;
    background-repeat: no-repeat;
    text-align: center;
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;
   }
    div#top div#center h1 {
      font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
      font-size: 400%;
      font-weight: bold;
     }
    div#top div#center div#language {
      position: absolute;
      bottom: 5px;
      right: 20px;
      font-size: 90%;
     }
    div#top div#center h2 {
      position: absolute;
      top: 65px;
      left: 60px;
      font-size: 85%;
      font-style: italic;
      margin: 0px;
      padding: 0px;
      font-weight: normal;
     }
    div#top div#center div#tools {
      position: absolute;
      top: 0px;
      right: 0px;
      padding: 3px;
      border-left: 1px solid #000000;
      border-bottom: 1px solid #000000;
      -moz-border-radius-bottomleft: 5px;
      background-color: #00003E;
     }
  div#top div#private {
    position: absolute;
    width: 133px;
    height: 100px;
    padding: 0px 5px 0px 5px;
    right: 0px;
    top: 0px;
    font-size: 85%;
    vertical-align: center;
   }
  div#top div#drobnav {
    position: absolute;
    min-width: 140px;
    max-width: 600px;
    top: 88px;
    left: 0px;
    z-index: 5;
    padding: 5px;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomright: 10px;
    border: 1px solid #000000;
    border-left: 0px;
    background-color: #00003E;
    font-size: 80%;
   }
div#middle {
  position: relative;
  background-color: #FFFFFF;
 }
  div#middle div#content {
    width: auto;
    margin: 0px 143px 0px 143px;
    padding: 5px 10px 0px 10px;
    vertical-align: top;
    color: #00006E;
    font-size: 95%;
    text-align: justify;
   }
  div#middle div#menuleft {
    float: left;
    width: 133px;
    text-align: left;
   }
  div#middle div#menuright {
    float: right;
    width: 154px;
    text-align: center;
   }

div#footer {
  clear: both;
  padding: 5px;
  border-top: 1px solid #000000;
  border-bottom: 1px solid #000000;
  background-color: #00006E;
  font-size: 80%;
  color: #FFFFFF;
 }
  div#footer div#email {
    float: left;
    width: 400px;
    text-align: left;
   }
  div#footer div#webmaster {
    float: right;
    width: 400px;
    text-align: right;
   }
div#downline {
  margin-left: 2px;
  background-color: #000000;
  font-size: 80%;
  color: #FFFFFF;
 }
/* * * **předělový div na ukončení plovoucích objektů** * * */
div.konec { clear: both;}


div#player {
  text-align: center;
  position: absolute;
  bottom: 17px;
 }
div#left h3 {
  margin-top: 3px;
  padding: 1px;
  font-size: 100%;
  background-image: none;
  text-align: center;
 }
div#left p {
  font-size: 90%;
  text-align: left;
 }
div#left div#close {
  position: absolute;
  right: 3px;
  top: 3px;
 }


/* * * **divové doplňky (jednotlivé tagy atd.)** * * */
 /* ** DIV TOP ** */
div#top a { font-weight: bold;}
div#top h2 { font-size: 100%;}
div#top hr { margin: 0px;}
div#top div#left a:hover { background-color: #00006E;}
div#top div#center h1 a:hover {
  background-color: transparent;
  color: #FFFF77;
 }
div#top div#center div#language a {
  font-weight: normal;
 }
div#top div#center div#language a.selected {
  font-weight: bold;
 }
div#top div#center div#tools a#print {
  display: block;
  width: 16px;
  height: 15px;
  background-image: url('./../graphics/icons/print.png');
  background-repeat: no-repeat;
  background-position: center;
 }
div#top div#center div#tools a#print:hover {
  background-image: url('./../graphics/icons/print2.png');
  background-color: transparent;
 }
div#top div#private label { font-size: 90%;}
div#top div#private a:hover { background-color: #00006E;}
div#top div#drobnav span.important { color: #FFFF00;}
 /* ** DIV MIDDLE ** */
div#middle #menuleft a.eyecatch {
  display: block;
  font-size: 80%;
  padding: 3px;
  border: 1px solid #000000;
  font-weight: bold; color: #FFFF00; background-color: #00006E;
    -webkit-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -moz-border-radius: 5px;
  color: #FFFF00;
 }
div#middle #menuleft a.eyecatch:hover {
  background-color: #3366FF;
  text-decoration: underline;
 }
div#middle #menuleft a.selected {
  background-color: #3366FF;
 }
div#middle #menuright div.panel p.minip { font-size: 70%;}
div#middle #content p { margin: 5px 0px;}
div#middle #content a:link { color: #3366FF;}
div#middle #content a:visited {color: #3366FF;}
div#middle #content a:hover {color: #FFFFFF;}
/*div#middle #content a:hover { color: #00006E; text-decoration: underline; background-color: transparent;}
div#middle #content a:active {color: #800000;}*/
div#middle #inter_system { color: #FFFF00;}
 /* ** DIV FOOTER ** */

div#footer a { font-weight: bold;}
      #other_panel span#inter_system a {
        font-weight: normal;
       }
      #inter_system a:link { color: #FFFF00;} #inter_system a:visited {color: #FFFF00;} #inter_system a:hover { background-color: #3366FF; color: #FFFFFF;} #inter_system a:active {color: #800000;}

  #other_panel {
    position: relative;
    max-width: 300px;
    right: 0px;
    z-index: 6;
    padding: 5px;
    margin-top: -20px;
    margin-bottom: -10px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomleft: 10px;
    border: 1px solid #000000;
    border-right: 0px;
    background-color: #00003E;
    font-size: 80%;
    color: #FFFFFF;
   }
    .panel {
      position: relative;
      margin-top: 3px;
      margin-bottom: 5px;
      width: 133px;
      padding: 5px;
      text-align: center;
      color: #FFFFFF;
      border: 1px solid #000000;
     }
     #menuleft div.panel {
      border-left: 0px;
      -webkit-border-top-right-radius: 10px;
      -webkit-border-bottom-right-radius: 10px;
      -moz-border-radius-topright: 10px;
      -moz-border-radius-bottomright: 10px;
      background-position: left; background-image: url(./../graphics/menu_left.jpg);	background-repeat: repeat-y;
      }
     div#middle div#menuright div.online {
       background-image: url(./../graphics/menu_right_online.jpg);
      }
     #menuleft div.panel#subtitle {
       padding-top: 10px;
      }
     #menuright div.panel {
      margin-left: 10px;
      border-right: 0px;
      -webkit-border-top-left-radius: 10px;
      -webkit-border-bottom-left-radius: 10px;
      -moz-border-radius-topleft: 10px;
      -moz-border-radius-bottomleft: 10px;
      background-position: right; background-image: url(./../graphics/menu_right.jpg);	background-repeat: repeat-y;
      }
      #menuleft ul.inter { border: 0px;}
      #menuleft hr { width: 90%;}
      #menuright input {
        margin: 0px 0px 2px 0px;
        font-size: 100%;
       }
      #menuright hr { margin-top: 0px; margin-bottom: 0px;}
      .panel hr { margin-top: 0px; margin-bottom: 0px;}
        #prihlasovani form p.hejhola { margin: 2px 0px;}
      #menuright ul li.menu_nadpis {
        font-weight: bold;
        text-align: center;
        border: 1px solid #FFFFFF;
        color: #00006E;
        background-color: #3366FF;
       }
        .panel ul.inter { border: 1px; text-align: center;}
        .panel hr { width: 50%; text-align: center;}
      #menuright input {
        margin: 0px 0px 2px 0px;
        font-size: 100%;
       }
      #menuright input.text {
        width: 95px;
       }
      #menuright p {
        text-align: center;
        margin: 5px 0px;
       }
      #menuright h1 {
        margin: 2px 0px;
        font-size: 100%;
        text-align: center;
       }
      #menuright ul.menu {
        margin: 2px 0px;
        font-weight: bold;
       }

/*p { margin-bottom: -12px;}*/

img {border:0;}
h1 { margin: 5px 0px; font-size: 200%; text-align: center;}
h2 { margin: 5px 0px; font-size: 160%; text-align: center;}
h3 {
  margin: 0px 0px 0px 0px;
  font-size: 120%;
  padding: 5px 5px 5px 10px;
  color: #FFFFFF;
  background-image: url(./../graphics/h3.png);
  background-repeat: repeat-y;
 }
  div#middle div#content h3 a:hover {
    color: #FFFFFF;
   }
h4 { 
  margin: 0px 0px 0px 0px;
  font-size: 100%;
  padding: 5px 5px 5px 10px;
  color: #FFFFFF;
  background-image: url(./../graphics/h3.png);
  background-repeat: repeat-y;
 }
  div#middle div#content h4 a:hover {
    color: #FFFFFF;
   }
h5 { font-size: 80%; margin: 0px; padding: 0px;}

table.classic {
  width: 98%;
  margin: 10px 0px 10px 0px;
  padding: 0px;
  table-layout: auto;
  border-collapse: collapse;
 }
table.classic td {
  padding: 5px;
  border: 1px solid #000000;
  margin: 0px;
 }

table.tabulka td.icon { width: 15px;}
table.public_info {
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
  border: 3px #336600 double;
  border-collapse: collapse;
  font-family: tahoma;
  font-size: 100%;
 }
table.public_info tr { background-color: #FFFF99;}
table.public_info td { padding: 3px; border: 1px #336600 solid; text-align: left;}

a.uprava { display: block; width: 15px; height: 15px; background-image: url('graphics/icon_uprava_0.gif');}
a.uprava:hover { padding: 0px; background-image: url('graphics/icon_uprava_1.gif');}
a.prava { display: block; width: 15px; height: 15px; background-image: url('graphics/icon_prava_0.gif');}
a.prava:hover { padding: 0px; background-image: url('graphics/icon_prava_1.gif');}
a.zverejneni { display: block; width: 15px; height: 15px; background-image: url('graphics/icon_zverejneni_0.gif');}
a.zverejneni:hover { padding: 0px; background-image: url('graphics/icon_zverejneni_1.gif');}
a.zneverejneni { display: block; width: 15px; height: 15px; background-image: url('graphics/icon_zneverejneni_0.gif');}
a.zneverejneni:hover { padding: 0px; background-image: url('graphics/icon_zneverejneni_1.gif');}
a.nahoru1 { margin: 0px; vertical-align: top; display: block; width: 15px; height: 7px; background-image: url('graphics/nahoru1.gif');}
a.nahoru1:hover { padding: 0px;}
a.dolu1 { margin: 0px; vertical-align: bottom; display: block; width: 15px; height: 8px; background-image: url('graphics/dolu1.gif');}
a.dolu1:hover { padding: 0px;}
a.nahoru0 { margin: 0px; vertical-align: bottom; display: block; width: 15px; height: 8px; background-image: url('graphics/nahoru0.gif');}
a.nahoru0:hover { padding: 0px; background-color: #FFFFF0;}
a.dolu0 { margin: 0px; vertical-align: bottom; display: block; width: 15px; height: 8px; background-image: url('graphics/dolu0.gif');}
a.dolu0:hover { padding: 0px; background-color: #FFFFF0}

a.edit { display: block; width: 15px; height: 15px; background-image: url('./../graphics/interface/edit_0.gif');}
a.edit:hover { padding: 0px; background-image: url('./../graphics/interface/edit_1.gif');}
a.delete { display: block; width: 15px; height: 15px; background-image: url('./../graphics/interface/delete_0.gif');}
a.delete:hover { padding: 0px; background-image: url('./../graphics/interface/delete_1.gif');}
a.aktivace { display: block; width: 15px; height: 15px; background-image: url('./../graphics/interface/aktivace_0.gif');}
a.aktivace:hover { padding: 0px; background-image: url('./../graphics/interface/aktivace_1.gif');}
a.deaktivace { display: block; width: 15px; height: 15px; background-image: url('./../graphics/interface/deaktivace_0.gif');}
a.deaktivace:hover { padding: 0px; background-image: url('./../graphics/interface/deaktivace_1.gif');}
a.download { display: block; width: 15px; height: 15px; background-image: url('./../graphics/interface/download_0.gif');}
a.download:hover { padding: 0px; background-image: url('./../graphics/interface/download_1.gif');}
a.downloadb { position: absolute; top: 0px; right: 0px; margin: 5px; display: block; width: 50px; height: 50px; background-image: url('./../graphics/interface/downloadb_0.gif'); background-repeat: no-repeat;}
a.downloadb:hover { padding: 0px; background-image: url('./../graphics/interface/downloadb_1.gif');}

a.plus { display: block; width: 15px; height: 15px; background-image: url('./../graphics/interface/plus_0.gif');}
a.plus:hover { padding: 0px; background-image: url('./../graphics/interface/plus_1.gif'); background-color: #000000;}
a.minus { display: block; width: 15px; height: 15px; background-image: url('./../graphics/interface/minus_0.gif');}
a.minus:hover { padding: 0px; background-image: url('./../graphics/interface/minus_1.gif'); background-color: #000000;}

td.icon a {
  background-color: transparent;
 }

.on {
  font-weight: bold;
  color: #33CC00;
 }
.off {
  font-weight: bold;
  color: #FF0000;
 }

div#cd_upoutavka {
  float: left;
 }
div#cd_ramecek {
  border: 2px solid #00006E;
 }
div#cd_obrazek {
  float: right;
 }

ul.minimenu {
  list-style-type: none;
  font-size: 130%;
  font-weight: bold;
 }

#tableodkazy {
  width: 95%;
  color: #000000;
  font-size: 100%;
 }

#tablecd {
font-size:23px;
font-weight:bold;
text-align:left;
margin-left:5%;
border-style:solid;
border-width:medium;
border-color:#00006E;
}
#tablecd a:hover {color: #00006E}
#tablecd a:active {color: #800000}

.oznamovadlo {
  width: 75%;
  margin: 15px;
  padding: 3px;
  border: 3px solid #00006E;
  vertical-align: center;
  font-size: 150%;
  font-weight: bold;
 }
.oznamovadlo2 {
  width: 90%;
  margin: 15px;
  padding: 3px;
  border: 5px double #00006E;
  vertical-align: center;
  font-size: 130%;
  font-weight: bold;
  text-align: left;
 }
.oznamovadlo3 {
  width: 90%;
  margin: 15px;
  padding: 3px;
  border: 5px double #00006E;
  vertical-align: center;
  font-size: 100%;
  font-weight: bold;
  text-align: left;
 }

/* ---Formulářové prvky--- */
#content form {
  padding: 5px;
  margin: 5px 0px 5px 0px;
  border: 15px solid #00006E;
  background-image: url('./../graphics/formbg4.jpg');
  background-repeat: no-repeat;
  background-color: #50A5E7;
 }
form span { margin-left: 25%; font-size: 80%; font-weight: bold;}


fieldset {
  margin: 3px;
  border: 3px double #330066;
 }
legend {
  margin-left: 10px;
  padding: 3px 10px 3px 10px;
  border-left: 3px solid #330066;
  border-right: 3px solid #330066;
  color: #00006E;
  font-size: 110%;
  font-weight: bold;
  background-color: #FFDD77;
 }
input { color: #000000; border: 1px solid #888888;}
input:hover, input:focus { border: 1px solid #000000;}
input.login {
  margin: 0px;
  background-color: #FFFFFF;
  width: 92px;
  font-size: 80%;
 }
#content input { min-width: 150px; height: 100%; padding: 2px;}
#content select { min-width: 156px;}
#content input.button { min-width: 156px;}
#content label {
  float: left;
  width: 24%;
  margin-right: 1%;
  margin-top: 3px;
  font-weight: bold;
  text-align: right;
 }
#content label.inline { float: none;}

select { padding: 1px; border: 1px solid #888888; color: #000000;}
select:hover, select:focus { border-color: #000000;}
textarea {
  width: 70%;
  padding: 3px;
  border: 1px solid #888888;
  font-family: tahoma;
  font-size: 100%;
 }

textarea:hover, textarea:focus { border-color: #000000;}
textarea#messageboard {
  width: 520px;
 }
textarea.mini {
  font-size: 100%;
  width: 260px;
 }
.text {
  font-size: 100%;
 }
.button {
  margin-left: 25%;
  border: 3px solid #000033;
  padding: 1px;
  background-color: #0000BB;
  font-size: 100%;
  font-weight: bold;
  color: #FFFFFF;
  min-width: 96px;
 }
#login {
  border: 1px solid #FFFFFF;
  background-color: #000033;
  font-size: 100%;
  font-weight: bold;
  color: #FFFFFF;
  min-width: 94px;
 }
#login_button {
  border: 1px solid #FFFFFF;
  margin: 0px;
  background-color: #000033;
  font-size: 100%;
  font-weight: bold;
  color: #FFFFFF;
  min-width: 94px;
 }
input.button:hover, input.button:focus { border: 3px solid #000033; background-color: #3366FF;}
input.button#login_button:hover, input.button#login_button:focus { border: 1px solid #FFFFFF;}
input.button:active { padding: 1px 0px 1px 2px;}

input.m_vlozeni {
  width: 70%;
  margin: 3px;
  padding: 2px;
  border: 0px;
  background-color: #9999FF;
 }
select.m_vlozeni {
  width: 70%;
  margin: 3px;
  padding: 2px;
  border: 0px;
  background-color: #9999FF;
 }
select.m_vlozeni {
  width: 70%;
  margin: 3px;
 }

#nejblizsi_mse {
  font-size: 85%;
 }
.mensi_pismo {
  font-size: 85%;
 }

td.icon { width: 15px;}
a.smazat { display: block; width: 15px; height: 15px; background-image: url('./../graphics/smazat_0.gif');}
a.smazat:hover { background-image: url('./../graphics/smazat_1.gif');}

a.aktualni {
  color: #FFFFFF;
  background-color: #3366FF;
  font-weight: bold;
 }

p.okenko {
  padding: 5px 5px 5px 10px;
  border-left: 10px solid #00006E;
  color: #00006E;
  font-weight: bold;
 }
p.okenko a { font-weight: bold;}
p.list {
  padding: 5px 5px 5px 10px;
  border: 1px solid #000000;
  font-weight: bold;
  text-align: center;
  -moz-border-radius: 15px;
  -webkit-border-top-right-radius: 14px;
  -webkit-border-bottom-right-radius: 14px;
  -webkit-border-top-left-radius: 14px;
  -webkit-border-bottom-left-radius: 14px;
  background-color: #00006E;
  color: #FFFFFF;
 }
  div#middle div#content p.list a:hover {
    color: #FFFFFF;
   }

p.error { 
  padding: 5px 5px 5px 10px;
  border-left: 10px solid #990000;
  color: #990000;
  font-weight: bold;
 }
p.ok { 
  padding: 5px 5px 5px 10px;
  border-left: 10px solid #009900;
  color: #009900;
  font-weight: bold;
 }
p.ukazka_aktuality {
  padding: 3px;
 }
p.author {
  margin-top: 0px;
  font-style: italic;
  text-align: right;
 }

a#pocitadlo_pristupu { display: none;}

#content ul#webmap li { position: relative; margin: 5px; font-size: 95%;}

img.photo_thumb {
  max-width: 85px;
  max-height: 70px;
  border: 1px solid #FFFFFF;
 }
img.gallery_image {
  position: relative;
  margin: auto;
  border: 5px solid #00006E;
 }

div#infbox {
  float: right;
  width: 220px;
  margin-left: 10px;
 }
div#infbox.A {
  width: 180px;
 }
div#infbox.B {
  width: 140px;
 }
div#infbox.C {
  width: 260px;
 }
div#infbox.article p {
  font-size: 110%;
  font-weight: bold;
  text-align: center;
 }
  div#infbox div.box {
    border: 1px solid #00006E;
    margin: 0px 0px 10px 0px;
    background-color: #e6e6fa;
   }
    div#infbox div.box div.head {
      padding: 5px;
      font-weight: bold;
      font-size: 120%;
      background-color: #00006E;
      color: #FFFFFF;
     }
    div#infbox div.box div.body {
      padding: 5px 5px 0px 5px;
     }
    div#infbox div.box div.body object {
      margin-bottom: 5px;
     }

.minip { font-size: 80%;}
.italic {
  font-style: italic;
 }
.right {
  text-align: right;
 }
.tight tr td { padding: 2px;}

object.left {
  float: left;
  margin-right: 5px;
 }
object.right {
  float: right;
  margin-left: 5px;
 }

.float_left {
  float: left;
  margin-right: 5px;
 }
.float_right {
  float: right;
  margin-left: 5px;
 }


div#toolbox {
  position: absolute;
  top: 10px;
  right: 160px;
  padding: 3px;
  border: 0px solid #00006E;
  background-color: #FFFFFF;
 }
  div#toolbox a {
    font-weight: bold;
   }

table.banners td {
  border: 1px solid #999999;
 }
table.banners td:hover {
  border: 1px solid #000000;
 }


.tooltip {
  position: absolute;
  display: none;
  background-color: #FFFFFF;
  padding:0px;
  padding-left:2px;
  padding-right:2px;
  border-color:#00006E; border-style:solid; border-width:2px;
  max-width: 250px;
  z-index: 10;
}
.tooltip h1{font-size:20px; font-weight:bold; margin-bottom:0px; padding-top:5px; padding-right:5px; padding-left:5px;}

.tooltip ul {list-style-type:square; list-style-position:outside; padding:5px; margin:0px;}

.tooltip li {font-size:16px; font-weight:bold; left:5px; margin-left:15px; padding-left:0px;}

.tooltip li {margin-left:expression(20);}

table.short_left {
  margin-left: 15%;
  max-width: 84%;
 }
table.short_right {
  max-width: 60%;
 }
table.decorated {
  margin-left: 5px;
  margin-right: 5px;
  max-width: 100%;
 }

table.neo {
  margin: 5px 0px 5px 0px;
  table-layout: auto;
  border-collapse: collapse;
  width: 573px;
 }
  table.neo:not(.nofirst) tr:first-child {
    font-weight: bold;
    color: #000000;
    border-bottom: 3px solid #00006E;
   }
    table.neo:not(.nofirst) tr:first-child td {
      font-size: 100%;
     }
  table.neo:not(.nohighlight) tr:hover {
    background-color: #00006E;
    color: #FFFFFF;
   }
  table.neo tr.active {
    background-color: #00006E;
    color: #FFFFFF;
   }
  table.neo tr.description {
    border-bottom: 2px solid #00006E;
   }
  table.neo:not(.nohighlight) tr.description:hover {
    background-color: #FFFFFF;
    color: #00006E;
   }
  div#middle div#content table.neo tr.description:hover a:hover {
    color: #00006E;
   }
  table.neo:not(.nohighlight):not(.nofirst) tr:first-child:hover {
    background-color: #FFFFFF;
    color: #000000;
   }
    div#middle div#content table.neo:not(.nohighlight) tr:hover a:hover {
      color: #FFFFFF;
     }
    div#middle div#content table.neo:not(.nohighlight):not(.nofirst) tr:first-child:hover a:hover {
      color: #00006E;
     }
  table.neo td {
    padding: 4px;
    font-size: 90%;
   }

.large {
  font-size: 110%;
 }

table.tabulka {
  table-layout: auto;
  border-collapse: collapse;
  width: 573px;
 }
  table.tabulka tr:first-child {
    font-weight: bold;
    color: #000000;
    background-color: #DDEEFF;
    border: 3px solid #00006E;
   }
    table.tabulka tr:first-child td {
      font-size: 100%;
     }
  table.tabulka tr:hover {
    background-color: #3366FF;
    color: #FFFFFF;
   }
  table.tabulka tr:first-child:hover {
    background-color: #DDEEFF;
    color: #000000;
   }
    div#middle div#content table.tabulka tr:hover a {
      color: #FFFFFF;
     }
    div#middle div#content table.tabulka tr:first-child:hover a {
      color: #3366FF;
     }
    div#middle div#content table.tabulka tr:first-child:hover a:hover {
      color: #FFFFFF;
     }
  table.tabulka td {
    padding: 4px;
    font-size: 90%;
   }

a.image {
  display: block;
  width: 14px;
  height: 14px;
 }
a.image:hover {
  padding: 0px;
 }

a.icon_play0 {
  background-image: url('./../graphics/icons/recordings/play0.png');
 }
a.icon_play1 {
  background-image: url('./../graphics/icons/recordings/play1.png');
 }

.picture {
  border: 2px solid #000000;
 }
.picture.float_left {
  margin: 10px 10px 10px 0px;
 }
.picture.float_right {
  margin: 10px 0px 10px 10px;
 }
.picture.first {
  margin-top: 0px;
 }