@media screen {

/* telo hlavni stranky */
body { 
 /* CSS pozadi - index */
 background-color: #000080;
 /*background-image: url('./image/pozadi.gif');*/
 background-repeat: repeat;
 background-attachment: fixed;
 background-position: top left;
  margin: 0;
/*  width: 1000px;
  height: 550px;*/
  position: absolute;
  width: 100%;
  height: 100%;
  scrollbar-base-color: #000080 !important;
  scrollbar-arrow-color: #0000ff !important;
  scrollbar-track-color: #0080ff !important;
}

/**********************************
*      Telo stranky - obsah       *
**********************************/

div#vnitrni_stranka
 {
  position: absolute;
  top: 15%;
  left: 17%;
  width: 80%;
  height: 75%;
  display: block;
  overflow: auto;
/*
  scrollbar-face-color: ThreeDFace !important;
  scrollbar-shadow-color: ThreeDDarkShadow !important;
  scrollbar-highlight-color: ThreeDHighlight !important;
  scrollbar-3dlight-color: ThreeDLightShadow !important;
  scrollbar-darkshadow-color: ThreeDDarkShadow !important;
  scrollbar-track-color: Scrollbar !important;
  scrollbar-arrow-color: ButtonText !important;
*/
  scrollbar-base-color: #c0ffff !important;
  scrollbar-arrow-color: #000080 !important;
  scrollbar-track-color: #00ffff !important;
 }

div#vnitrni_stranka div#stranka
 {
  display: block;
  /*width: 700px;*/
  
  font-family: "Times New Roman", lucidia, serif;
  font-size: .9em;
  font-style: normal;
  color: #000000;
  background-color: #c0ffff;
  text-align: left;
  padding: 2%;
 }

div#vnitrni_stranka h1 {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 1.6em;
  font-weight: bold;
  color: #000080;
  text-align: center;
}

div#vnitrni_stranka h2 {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 1.2em;
  font-weight: bold;
  color: #000080;
}

div#vnitrni_stranka hr {
  text-align: center;
  color: #000080;
/*  font-color: #000080;*/
  width: 80%;
}

div#vnitrni_stranka img {
  border-width: 0px;
  border-style: none;
}

div#vnitrni_stranka a {
  font-family: "Times New Roman", lucidia, serif;
  font-size: 1em;
  font-weight: bold;
  color: #000080;
  text-decoration: none;
}

div#vnitrni_stranka a:link {
  text-decoration: none;
}

div#vnitrni_stranka a:hover {
  text-decoration: underline;
}

div#vnitrni_stranka a.external,
div#vnitrni_stranka a[href ^="gopher://"] {
  background: url('/new/themes/blue/external.png') center right no-repeat;
  padding-right: 13px;
}

div#vnitrni_stranka .znacka {
  color: #000080;
}

div#vnitrni_stranka .ped {
  /* only in print */
}

div#vnitrni_stranka .jmeno {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  color: #ffffff;
  background-color: #000080;
}

div#vnitrni_stranka .popisek {
  font-weight: normal;
  color: #000000;
}

div#vnitrni_stranka .popisek:link {
  font-weight: normal;
  color: #000000;
  font-style: normal;
}

div#vnitrni_stranka .popisek:hover {
  font-weight: normal;
  color: #000000;
  font-style: italic;
}

div#vnitrni_stranka .kontakt {
  font-weight: bold;
  font-style: normal;
  color: #000000;
}

div#vnitrni_stranka .kontakt:link {
  font-weight: bold;
  font-style: italic;
  color: #000000;
}

div#vnitrni_stranka .kontakt:hover {
  font-weight: bold;
  font-style: italic;
  color: #000000;
}

div#vnitrni_stranka .pedigree {
  font-weight: bold;
  color: #00c080;
}

div#vnitrni_stranka .pedigree:link {
  font-weight: bold;
  text-decoration: underline;
  color: #000080;
}

div#vnitrni_stranka .pedigree:hover {
  font-weight: bold;
  text-decoration: underline;
  color: #000080;
}

div#vnitrni_stranka .stred {
  text-align: center;
}

div#vnitrni_stranka .leva {
  text-align: left;
  border-left-width: 10px;
}

div#vnitrni_stranka .vyrazne {
  font-weight: bold;
  color: #000080;
}

div#vnitrni_stranka IFRAME {
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  display: block;
}

div#vnitrni_stranka IFRAME#flvplayer {
  position: relative;
  text-align: center;
  width: 370px;
  height: 340px;
  display: block;
}

/**********************************
*        Nabidka na indexu        *
**********************************/

.menulista A
 {
  padding-right: 0px;
  padding-left: 0px;
  padding-bottom: 0px;
  padding-top: 2px;
  width: 13em;
  padding: .4em 0em .4em 0em;
  display: block;
  text-align: center;
 }

.lista A
 {
/*  background: url('./image/tlacitko_0.jpg');*/
  border-style: solid;
  border-color: #006480; /*ffff64*/
  border-width: 0em .4em 0em .4em;
  font-family: Verdana, sans-serif;
  font-size: .7em;
  font-weight: bold;
  font-style: normal;
  color: #000000;
  background-color: #00ffff;
 }

.lista A:link
 {
/*  background: url('./image/tlacitko_0.jpg');*/
  border-style: solid;
  border-color: #006480; /*ffff64*/
  border-width: 0em .4em 0em .4em;
  color: #000000;
  background-color: #00ffff;
  text-decoration: none;
  font-style: normal;
 }

.lista A:visited
 {
/*  background: url('./image/tlacitko_0.jpg');*/
  border-style: solid;
  border-color: #006480; /*ffff64*/
  border-width: 0em .4em 0em .4em;
  color: #000000;
  background-color: #00ffff;
  text-decoration: none;
  font-style: normal;
 }

.lista A:hover
 {
/*  background: url('./image/tlacitko_1.jpg');*/
  border-style: solid;
  border-color: #408080; /*ffff64*/
  border-width: 0em .4em 0em .4em;
  color: #000000;
  background-color: #0080ff;
  text-decoration: none;
  font-style: italic;
 }

/* horni nadpis - OK */
#nadpis {
  position: absolute;
  top: 5%;
  left: 22%;
 font-family: Tahoma, Verdana, sans-serif;
 font-size: 1.4em;
 font-weight: bold;
 color: #ffffff;
}

/* logo - OK */
DIV#logo {
  position: absolute;
  top: 2%;
  left: 1%;
  width: 20%;
  height: 15%;
}

#menu { /* pozice oblasti s odkazy */
  position: absolute;
  top: 20%;
  left: .5%;
  border-style: solid;
  border-color: #006480; /*ffff64*/
  border-width: 4px 0px 4px 0px;
  text-align: center;
}

#menu .prazdna { /* pozice oblasti s odkazy - break mezera */
  border-style: solid;
  border-color: #006480; /*ffff64*/
  border-width: 0px 4px 0px 4px;
  background-color: #006480;
  padding-right: 0px;
  padding-left: 0px;
  padding-bottom: 0px;
  padding-top: 2px;
  width: 91.5em;
  padding: .3% 0% .3% 0%;
  display: block;
  font-size: .1em;
}

#tech { /* RSS a spol. */
  position: absolute;
  top: 20px;
  left: 800px;
}

#jazyky {
  position: absolute;
  top: 7%;
  left: 80%;
}

DIV#od18 {
 position: absolute;
 visibility: visible;
 z-index: 100;
 left:195px;
 top: 150px;
 width: 320px;
 height: 260px;
 background-color: #c0c0c0;
 border: outset 2px white;
}

DIV#kontakt
{
 position: absolute;
 left:16%;
 top: 93%;
 font-family: Tahoma, Verdana, sans-serif;
 font-size: .8em;
 font-weight: bold;
 color: #ffffff;
}

DIV#kontakt A {
 color: #0080ff;
 font-size: 1em;
}

DIV#kontakt A:hover {
 text-decoration: underline;
}

body.errs {
  background-color: #c0ffff;
}

H1.errs {
  font-family: Tahoma, Verdana, sans-serif;
  font-size: 1.5em;
  font-weight: bold;
  color: #ffffff;
  background-color: #000080;
}

H2.errs {
  font-family: Tahoma, Verdana, sans-serif;
  font-size: 2em;
  font-weight: bold;
  color: #ffffff;
  background-color: #000080;
}

a {
 font-family: "Arial";
 font-size: .8em;
 font-weight: Bold;
 color: #0000ff;
 text-decoration: none;
}

/*

   fotogalerie - nabídka menu

*/
.fotogal {
 position: absolute;
  border-style: solid;
  border-color: #006480; /*ffff64*/
  border-width: 4px 0px 4px 0px;
/* width: 170px;*/
/* height: 125px;
 /*background-color: #008080;
 border: outset 2px white;*/
}

#text {
 left: 15%; /* x */
 top: 48%; /* y */
 z-index: 100; /* z */
}

#galerie {
 left: 15%; /* x */
 top: 43%; /* y */
 z-index: 100; /* z */
}

 .fotogal *.lista A
  {
/*   background: url('./image/tlac_foto_0.jpg');*/
   border-style: solid;
   border-color: #006480; /*ffff64*/
   border-width: 0em .4em 0em .4em;
   font-family: Verdana, sans-serif;
   font-size: .7em;
   font-weight: bold;
   font-style: normal;
   color: #000000;
   background-color: #00ffff;
  }

 .fotogal *.lista A:link
  {
/*   background: url('./image/tlac_foto_1.jpg');*/
   border-style: solid;
   border-color: #006480; /*ffff64*/
   border-width: 0em .4em 0em .4em;
   color: #000000;
   background-color: #00ffff;
   text-decoration: none;
   font-style: normal;
 }

 .fotogal *.lista A:visited
  {
/*   background: url('./image/tlac_foto_0.jpg');*/
   border-style: solid;
   border-color: #006480; /*ffff64*/
   border-width: 0em .4em 0em .4em;
   color: #000000;
   background-color: #00ffff;
   text-decoration: none;
   font-style: normal;
 }

  .fotogal *.lista A:hover
  {
/*   background: url('./image/tlac_foto_1.jpg');*/
   border-style: solid;
   border-color: #408080; /*ffff64*/
   border-width: 0em .4em 0em .4em;
   color: #000000;
   background-color: #0080ff;
   text-decoration: none;
   font-style: italic;
 }

.fotogal *.menulista A, .fotogal *.menulista .popis_submenu
 {
  padding-right: 0px;
  padding-left: 0px;
  padding-bottom: 0px;
  padding-top: 2px;
  width: 9em;
  padding: .4em 0em .4em 0em;
  display: block;
  text-align: center;
 }

 .fotogal *.lista .popis_submenu
  {
/*   background: url('./image/tlac_foto_0.jpg');*/
   border-style: solid;
   border-color: #006480; /*ffff64*/
   border-width: 0em .4em 0em .4em;
   font-family: Verdana, sans-serif;
   font-size: .7em;
   font-weight: bold;
   font-style: normal;
   color: #ffffff;
   background-color: #008080;
  }

#bezskript {
 position: absolute;
 left: 1%; /* x */
 top: 70%; /* y */
 /*z-index: 0; /* z */
 width: 15%;

  font-family: "Times New Roman", lucidia, serif;
  font-size: .9em;
  font-style: normal;
  color: #ffffff;
  text-align: center;
 }

#styly div {
  position: absolute;
  width: 4px;
  height: 4px;
/*  border: 1px solid #000000;*/
  top: 11%; /* y */
  font-size: 4px;
  cursor: pointer;
}

#styly #skinsw0 {
  background-color: #00ff00;
  left: 80%; /* x */
}

#styly #skinsw1 {
  background-color: #ff0000;
  left: 82%; /* x */
}

#styly #skinsw2 {
  background-color: #0000ff;
  left: 84%; /* x */
}

#nostyle {
  display: none;
}

} /* media screen */