/* GLOBALNI STYLY */
body {text-align: center; font-family: Arial, Helvetica, Sans-serif; background: #FFFFFF;
}

body,html {
              scrollbar-track-color: #FFFFFF;
              scrollbar-face-color: #FFFFFF;
              scrollbar-highlight-color: #000000;
              scrollbar-3dlight-color: #FFFFFF;
              scrollbar-darkshadow-color: #FFFFFF;
              scrollbar-shadow-color: #000000;
              scrollbar-arrow-color: #000000;
              
              _scrollbar-track-color: transparent;
              _scrollbar-face-color: transparent;
              _scrollbar-highlight-color: transparent;
              _scrollbar-3dlight-color: transparent;
              _scrollbar-darkshadow-color: transparent;
              _scrollbar-shadow-color: transparent;
              _scrollbar-arrow-color: transparent;
}
img {border: 0px;}

a {font-weight: bold; text-decoration: none; color: black;}
a:visited {text-decoration: none;}
a:hover {text-decoration: underline;}


h1 {
  font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	/*line-height: 20px;*/
	font-weight: bold;
	letter-spacing: -1px;
	margin: -2 0 0 -1;
	padding: 0 0 0 0;
  /*padding: 0 0 0 0; margin: 0 0 0 0;*/
}
  
h2 {
  font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	/*line-height: 15px;*/
	font-weight: bold;
	margin: -2 0 10 0;
	padding:  0 0 0 0;
  /*padding: 0 0 0 0; margin: 0 0 0 0;*/
}

/* LOKALNI STYLY */

#supershell {width: 100%; height: 100%; text-align: center}
#supershell td {vertical-align: middle;}
#shell {width: 886px; height: 584; margin: auto;}

#data {
      width: 584px;
      height: 584px;
      background: #FFFFFF;
      float: left;
      position: relative;    
}

  #data #obrazek {position: absolute; bottom: 0px; right: 0px;}

#info {
      width: 584px;
      _width: 584px;
      height: 584px;
      background: #FFFFFF;
      float: left;
      position: relative;   
      font-size: 10pt;
      text-align: left;
      overflow-x:hidden; overflow-y:auto;
      scrollbar-track-color: #FFFFFF;
      scrollbar-face-color: #FFFFFF;
      scrollbar-highlight-color: #000000;
      scrollbar-3dlight-color: #FFFFFF;
      scrollbar-darkshadow-color: #FFFFFF;
      scrollbar-shadow-color: #000000;
      scrollbar-arrow-color: #000000;
}

#menu {
      position: relative;
      width: 288px;
      height: 584px;
      float: right;
      text-align: left;
}

.maly {
      width: 150px;
      height: 12px;
      display: block;
      overflow: hidden;
      cursor: pointer;      
}

.velky {
      width: 150px;
      height: 19px;
      display: block;
      overflow: hidden;
      cursor: pointer;      
}

.velky a {width: 150px;}

.maly a {color: white;}
.velky a {color: white;}

.aktivni_m {width: 150px; height: 12px; background-position: right top; display: block; overflow: hidden;}
.aktivni_v {width: 150px; height: 19px; background-position: right top; display: block; overflow: hidden;}


#menu #logo {bottom: 0px; position: absolute;}

/* tabulka pro ikonky */
#contentable {width: 584px; height: 584px;}
      #contentable td {padding-bottom: 8px; padding-right: 8px;}

.ikona {z-index: 1;}
.void {width: 140px; height: 140px; background: black;}

.ctverec {position: relative;}
  .ctverec a, .ctverec a:hover, ctverec a:link, ctverec a:visited {text-decoration: none; font-weight: bold;}

  .ctverec .ctveroll_on {
           cursor: pointer;
           position: absolute;
           display: block;
           width: 140px;
           height: 140px;
           top: 0px;
           left: 0px;
           z-index: 2;
           background: black;
           color: #FFFFFF;
           font-size: 8pt;
           text-align: center;
           line-height: 135px; /* TOHLE JE TĚŽCE RISKANTNÍ !!! */        
  }

  .ctverec .ctveroll_off {display: none;}

#textprojekt {font-size: 9pt; position: relative; width: 283px; overflow: auto;
padding-right: 5px;
              scrollbar-track-color: #FFFFFF;
              scrollbar-face-color: #FFFFFF;
              scrollbar-highlight-color: #000000;
              scrollbar-3dlight-color: #FFFFFF;
              scrollbar-darkshadow-color: #FFFFFF;
              scrollbar-shadow-color: #000000;
              scrollbar-arrow-color: #000000;

}
/*#textprojektv {font-size: 9pt; position: absolute; top: 0px; left: -112px; z-index: 3; width: 400px; height: 400px; overflow: auto; background: #FFFFFF; padding: 3 5 3 5; text-align: justify;
              scrollbar-track-color: #FFFFFF;
              scrollbar-face-color: #FFFFFF;
              scrollbar-highlight-color: #FFFFFF;
              scrollbar-3dlight-color: #FFFFFF;
              scrollbar-darkshadow-color: #FFFFFF;
              scrollbar-shadow-color: #FFFFFF;
              scrollbar-arrow-color: #000000;
              }
*/


.off {display: none;}
.on {display: block;}

#delim19 {
display: block;
width: 10px; height: 19px; background: #FFFFFF;
}
#delim12 {
display: block;
width: 10px; height: 12px; background: #FFFFFF;
}