body {
  width: 100%;
  height: 100%;
  margin: 0px;
  padding: 0px;
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  background-color: #000;
  color: #000;
  font-size: 0.7em;
  font-weight: normal;
  line-height: 1.4em;
}

#topBanner {
  position: absolute;
  top: 0px;
  left: 50%;
  margin-left: -496px;
  width: 993px;
  height: 137px;
  clear: both;
  background-image: url('../images/top.gif');
  background-repeat: no-repeat;
  background-position: 0px 0px;
}

#podlogo-text {
padding-left:20px;
padding-top:12px;
color: red;
font-weight: bold;
}



#topBanner h1 {
  margin: 45px 0px 0px 14px;
}

#topBanner h1 a {
  display: block;
  width: 236px;
  height: 38px;
  background: url('../images/logo.gif') no-repeat;
}

#topBanner h1 a span {
  display: none;
}

#content {
  position: absolute;
  top: 137px;
  left: 50%;
  margin-left: -496px;
  width: 993px;
  height: auto;
  clear: both;
  background-image: url('../images/bg.gif');
  background-repeat: repeat-y;
  background-position: 0px 0px;
}

#levy {
  width: 188px;
  height: auto;
  padding: 0px;
  float: left;
}

#levy ul {
  width: 188px;
  padding: 0;
  margin: 0;
  clear: both;
  list-style-type: none;
}

#levy ul li {
  clear: both;
}

#levy ul li a {
  display: block;
  text-decoration: none;
  width: 163px;
  height: 17px;
  padding: 5px 5px 5px 20px;
  background-image: url('../images/menu.gif');
  background-repeat: no-repeat;
  background-position: 0px 0px;
}

#levy ul li a:hover {
  background-image: url('../images/menu_selected.gif');
}

#levy ul li a.selected {
  background-image: url('../images/menu_selected.gif');
}

#prostredni {
  width: 597px;
  height: auto;
  padding: 10px;
  float: left;
    background: url(../images/prostredni.png) repeat-x;
}

#prostredni a {
  color: #e60004;
}

#prostredni h1 {
  width: 494px;
  height: 40px;
  padding: 0;
  margin: 0;
  clear: both;
}

#prostredni h1 a {
  width: 494px;
  height: 40px;
}

#prostredni h1 a span {
  display: none;
}

#prostredni h2 {
  padding: 0 0 8px 0;
  margin: 0;
  clear: both;
  font-size:150%;
  font-weight: normal;
  border-bottom: 1px dashed #666;
font-family: Verdana;
  width: 97%;
}

#prostredni h3 {
  padding: 0 0 0px 0;
  margin: 15px 0 -8px 0;
  color: #666;

}


p.box-text {
  padding: 10px;
  border: 1px dashed #666;
  background: #fde485;
  line-height: 150%;
 

}


#prostredni img {
  border: 1px solid #000;
}

#banner {
  width: 494px;
  height: auto;
  padding: 25px 0px 0px 0px;
}

#text {
  width: 494px;
  height: auto;
  padding: 25px 0px 0px 0px;
}

#pravy {
  width: 188px;
  height: auto;
  padding: 0px;
  float: right;
  background-image: url('../images/blesk.jpg');
  background-repeat: no-repeat;
  background-position: 0px 0px;
}

#pravy img {
  margin: 0 0 5px 0;
}

#bottom {
  width: 993px;
  height: auto;
  padding: 5px 0px 5px 0px;
  margin: 0;
  text-align: center;
  clear: both;
  background-color: #e60004;
  color: #fff;
}

#bottom2 {
  width: 973px;
  height: auto;
  padding: 5px 10px 5px 10px;
  margin: 0;
  text-align: right;
  clear: both;
  color: #aaa;
  background-color: #000;
}

#bottom2 a {
  color: #aaa;
}

.kolemobrazku {
  width: 190px;
  height: 143px;
  text-align: center;
  border: 1px solid #ccc;
  margin: 0px 8px 8px 0px;
  float: left;
  overflow: hidden;
}

.obrazek {
  margin: 0px;
  border: 0px;
}

.obrazek2 {
  margin: 0 5px 5px 0;
  border: 0px;
}

a {
  color: #fff;
}

p {
  text-align: left;
}

.textbox
{
	background-color: #fff; 
	border: 1px solid #cc2c2a;
  font-size: 1em;
  color: #000000;
}

.tlacitko
{
	background-color: #cc2c2a;
	border: 1px solid #fff;
  font-size: 1em;
  color: #fff;
}

.vyrazny {
  color: #ff9900;
  font-weight: bold;
}

.bilyram {
  width: 130px;
  color: #000;
  padding: 5px;
  background-color: #fff;
}

.poslednireference {
  width: 178px;
  padding: 5px;
  clear: both;
}

.poslednireferencenadpis {
  width: 172px;
  padding: 3px;
  clear: both;
  background-color: #e60004;
  color: #fff;
}

.poslednireferenceobrazek {
  width: 178px;
  clear: both;
  color: #fff;
  text-align: center;
}





/*------------------------- MENUHORIZONTAL start --------------------------- */

menu {
        margin:0;
        padding:0;
    
}
#wrapper {
        width: 570px;
        float: right;
        margin-right:10px;
        margin-top: 15px;
        display:inline;
        padding:0px;
}

#wrapper menu li {
        height: 120px;
        float: left;
        list-style: none;
        position: relative;
        background: #CDCDCD;
}

#wrapper menu li a.coje, a.trafo, a.vystavba{
        height: 120px;
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        background: url(../images/uvod-menu.png) no-repeat;
}

#wrapper menu li span {
        position: absolute;
        z-index: 0;
        top: 0;
        left: 0;
        padding-left: 40px;
}

#wrapper menu li span a {
        color: #FFFFFF;
        line-height: 58px;
        text-decoration: none;
}

#wrapper menu li:hover span a {
        color: #1C9FC4;
        cursor:pointer;
}

#wrapper li.coje, a.coje{
        width: 187px;
}

#wrapper li.vystavba, a.vystavba{
        width: 187px;
}
#wrapper li.trafo, a.trafo{
        width: 187px;
}

#wrapper a.coje {
        background-position: 0 0;
}

#wrapper a.coje:hover{
        background-position: 0 -120px;
}

#wrapper a.vystavba  {
        background-position: -187px 0;
}

#wrapper a.vystavba:hover {
        background-position: -187px -120px;
}

#wrapper a.trafo {
        background-position: -374px 0;
}

#wrapper a.trafo:hover {
        background-position: -374px -120px;
}

/*------------------------- MENUHORIZONTAL end --------------------------- */




#ezs-uvod a {
width: 173px;
height:120px;
display: block;
background: url("../images/ezs-uvod.jpg") no-repeat 0 0px;
margin-top: 20px;
margin-bottom: 12px;
margin-left:16px;
float: left;
}
#ezs-uvod p {
display: none;
}
#ezs-uvod a:hover {
background: url("../images/ezs-uvod.jpg") no-repeat 0 -120px;
}


#elem table{ 
margin-top:0px;
margin-bottom:10px;
text-align: left;
width: 97%;
margin-left: 5px;
border:2px solid #666;

}
#elem td {
   background: #fde485;
  padding:5px;
  border:1px solid #928e8e;


   }
#elem .jine td  {
   background: #f5f5f5;
   padding:5px;
border:1px solid #928e8e;
 
   }