/* layout */

.cela-stranka{
  height: 100%; 
  width: 100%; 
  position: relative;  
  overflow: hidden;
}
.cela-stranka-2{
  position: absolute; 
  top:50%; 
  left:50%; 
}
.cela-stranka-3{
  top:-100%; 
  .top:0%;
  height:3000px; 
  position:relative;
}
.cela-stranka-4{
  margin:auto; 
  width:5024px;
  height:3000px;
  position: relative; 
  top: -50%;  
  left: -50%;
  background-image: url(images/pozadi-okraj.jpg);
  background-position: 3px 7px;
}
.cela-stranka-5{
  width:882px; 
  height:573px; 
  position: absolute; 
  top: 1213px;  
  left: 2071px;
  background-color: #FFFBD5;
}



/* hlavni okno */
.obsah,.obsah-menu-nahore,.obsah-menu-dole{
  width: 773px;
  .width: 786px;
  _height: 462px;
  height: 437px;
  padding-top:25px;
  float:left;
  
  padding-left:3px;
  padding-right:10px;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-3dlight-color : #FFFBD5 ;
  scrollbar-arrow-color : #FFFBD5;
  scrollbar-darkshadow-color : #FFFBD5;
  scrollbar-face-color : dddba5;
  scrollbar-highlight-color : #FFFBD5;
  scrollbar-shadow-color : #FFFBD5;
  scrollbar-track-color : #FFFBD5;
}
.obsah-menu-nahore{
  height: 417px;
  _height: 442px;
  margin-top:20px;
}
.obsah-menu-dole{
  height: 417px;
  _height: 442px;
  margin-bottom:20px;
}
.hornimenu{
  position: absolute;
  left:0px;
  top:0px;
}
.dolnimenu{
  position: absolute;
  right:0px;
  bottom:0px;
}
.hlavni-logo{
  position: absolute;
  right:69px;
  width:192px;
  height:73px;
  top:-73px;
}
.pozadi-top{
  width:882px;
  height: 52px;
  background-image: url(images/pozadi-top.jpg);
}
.pozadi-left{
  width:50px;
  height: 467px;
  float:left;
  background-image: url(images/pozadi-left.jpg);
}
.pozadi-right{
  width:46px;
  height: 467px;
  float:right;
  background-image: url(images/pozadi-right.jpg);
}
.pozadi-bottom{
  clear:both;
  width:882px;
  height:54px;
  position: relative;
  background-image: url(images/pozadi-bottom.jpg);
}

.podmenu-top{
  position: absolute;
  background-image: url(images/podmenu.jpg);
  height: 31px;
  overflow:hidden;
  right:30px;
  top:35px;  
  z-index: 5;
}
.podmenu-top-left{
  background-image: url(images/podmenu-top-left.jpg);
  width:19px;
  height: 31px;
  overflow:hidden;
  float: left;
  
}
.podmenu-top-text{
  padding: 5px 20px 0px 20px;
  color:yellow;
}

.podmenu-bottom{
  position: absolute;
  background-image: url(images/podmenu.jpg);
  height: 31px;
  overflow:hidden;
  left:29px;
  bottom:36px;  
  .bottom:35px; 
  z-index: 5;
}
.podmenu-bottom-right{
  background-image: url(images/podmenu-bottom-right.jpg);
  width:19px;
  height: 31px;
  overflow:hidden;
}
.podmenu-bottom-text{
  padding: 5px 10px 0px 20px;
  color:yellow;
  float: left;
}

/* odkazy */
a.hlavni, a.hlavni-aktivni{
  font-family: Verdana;
  font-size: 20px;
  font-weight: bolder;
  font-style: italic;
  color:#7D7A59;
  text-decoration: none;
  white-space: nowrap;
}
a.hlavni-aktivni{
  font-style: normal;
  color:#2E3092;
}
a.hlavni:hover, a.hlavni-aktivni:hover{
  text-decoration: underline;
}

a.podmenu,a.podmenu-aktivni{
  font-family: arial;
  color: yellow;
  font-size: 18px;
  font-style: italic;
  font-weight: normal;
  text-decoration: none;
  white-space: nowrap;
  padding-left:25px;
}
a.podmenu-aktivni{
  background-image: url(images/podmenu-sipka.jpg);
  background-repeat: no-repeat;
  background-position: 13px 5px;
}
a.podmenu:hover, a.podmenu-aktivni:hover{
  text-decoration: underline;
}

div.vlajky{
  float:right;
  text-align: right;
  margin-right:30px;
  margin-top:7px;
}

a.odkaz-uvod{
  position: absolute;
  left:40px;
  top:8px;
}
a.odkaz-reference{
  position: absolute;
  left:170px;
  top:8px;
}
a.odkaz-produkty{
  position: absolute;
  left:355px;
  top:8px;
}
a.odkaz-vyroba{
  position: absolute;
  right:185px;
  top:-37px;
}
a.odkaz-kontakty{
  position: absolute;
  right:45px;
  top:-37px;
}

a.odkaz-mapovypruvodce{
  color:#ccc;
  position:absolute;
  top:17px;
  left:40px;
}
a.odkaz-mapovypruvodce:hover{
  color:white;
}


/* obecne styly */

body{
  padding: 0px; 
  margin: 0px;
  color:#2E3092;
  font-family: tahoma;
  font-size: 13px; 
}
h1{
  color:black;
  margin:20px 0px 15px 0px;
  font-size: 20px;
}
.prvninadpis{
  margin-top:0px;
}
h2{
  color:black;
  margin:0px;
  font-style: italic;
  margin:20px 0px 12px 0px;
  font-size: 17px;
}
h3{
  color:black;
  margin:0px;
  margin:20px 0px 9px 0px;
  font-size: 15px;
}
p{
  margin-top:0px;
  text-indent: 20px;
  text-align: justify;
}
p.zvyraznene{
  font-weight: bolder;
}
a{
  color:#23d;
  text-decoration: none;
  font-weight: bolder;
}
a:hover{
  text-decoration: underline;
}
table{
  background-color:black;
  color:#2E3092;
  font-size: 13px;
}
th{
  background-color:#def;
  padding:3px 5px 3px 5px;
  text-align: left;
}
td{
  background-color:#FFFBD5;
  padding:3px 5px 3px 5px;
}
ul{
  margin-top:0px;
}
img.text-sipka{
  margin:0px 20px 0px 20px;
}

a img{
  border:2px #2E3092 solid;
}
a img.noborder{
  border:0px;
}

.doresit{
  color:red;
  font-weight: bolder;
  text-decoration: blink; 
}


/* jednorazove */

div.flout{
  float:left; 
  text-align: center;
  margin:5px 7px 5px 7px;
}
div.flout a{
  display:block;
  margin:5px;
}

ol.obrazky li {
  margin-bottom:10px;
  margin-top:10px;
  font-size: 14px;
  font-weight: bolder;
}

.zpet{
 font-weight: 800;
 color: red;
 position: absolute;
 top: 47px;
 left: 47px;
 z-index: 15;
 background-color: #FFFBD5;
}