/* CSS Document */
body {background-color: white;
      font-size: 12pt;
      font-family: Arial;
      text-align: center;
      }
table { width: 670px;
        border: 0px solid #516580;}
td,th  { border: 0px solid #516580;
      text-align: center;}
td.datum  { text-align: center;}
td.datumX  { text-align: left;}
#neviditelny {visibility: hidden;
              color: white;
              float: auto;
              position: absolute;
              bottom: 500px;
              width: 800px;}
h1  { font-size: 12pt;
      font-family: Arial;
      margin: 0px;
      padding: 0px;
      text-decoration: none;
      font-style: normal
      display: inline;}
h2  { font-size: 12pt;
      font-family: Arial;
      margin: 0px;
      padding: 0px;
      text-decoration: none;
      font-style: normal
      display: inline;
      text-align: right;}
iframe {width: 670px;
          height: 500px;}
.telo {width: 900px;
       padding-top: 0px;
       margin-left: auto;
       margin-right: auto;
       background-color: white;}
#detail { width: 100%;}
.leftX  { text-align: left;
          color: #4B5E7F;}
#jazyk { text-align: right;
        /*border: 1px solid green;*/}
#left {float: left;
        width: 215px;
        /*min-height: 250px;*/
        /*border: 1px solid blue;*/}
#right  {float: auto;
        margin-left: 215px;
        margin-right: 10px;
        /*border: 1px solid red;*/
        text-align: justify;
        /*min-height: 250px;*/}
.obr {float: left;
      border: 5px solid white;
      margin-bottom: 10px;
      margin-right: 10px;}
.obrp {
      border: 5px solid white;
      margin: 10px;}
.obrpo {
      border: 5px solid #426208;
      margin: 10px;}
.obrl {float: left;
      border: 5px solid white;
      margin-right: 10px;
      margin-bottom: 10px;}
img.icona { margin: 10px;
            margin-top: 0px;
            float: left;
            }
img {border: 0px;}
.ramcek {border: 2px solid #516580}
.ram {width: 550px;
      padding: 4px;
      float: auto;
      margin-left: auto;
      margin-right: auto;
      border: 1px solid rgb(153,204,153);}
#foto {  text-align: center;
          }
.under {text-align: center;}
.bord_brown {border: 2px solid #516580;}          
a:link {  color: black;
          text-decoration: underline; }
a:visited { color: black;
            text-decoration: none; }
a:hover { color: black;
          text-decoration: underline;}
.autor  {text-align: right;}
.stred  {text-align: center;}
.left  {text-align: left;}
ul li.vybavenost {display: block; 
        margin-left: 100px;}
#pata { text-align: center;
        clear: both;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        font-size: 10pt;
        font-variant: small-caps;
        border-top: 2px solid #516580;}
        
#navcontainer
  {
  width: 100%;
  float: left;
  background-color: #516580;
  /*border: 1px solid orange;*/
  }
#navcontainer ul 
  {
  /*border: 1px solid orange;*/
  margin: 0;
  margin-left: 110px;
  padding: 0 0 0 7%;
  color: #FFFFFF;
  font-family: tahoma, verdana, geneva, arial, helvetica, sans-serif;
  font-size: 10pt;
  letter-spacing: 2px;
  font-weight: bold;
  }
#navcontainer ul li 
  { 
  display: inline; 
  width: 100%;
  /*border: 1px solid orange;*/
  }
#navcontainer ul li a
  {
  background-color: #516580;
  color: #FFFFFF;
  text-decoration: none;
  float: left;
  margin: 0px;
  padding: 0.2em 12px;
  border-right: 1px solid white;
  }
#navcontainer ul li a.noborder 
  { 
  border-right: 0px solid white;
  }
#navcontainer ul li a:hover
  {
  background-color: #A09EA3;
  color: #FFFFFF;
  }

.servis { margin-left: 50;}

