/* -------------------------------  obecne ---------------------------------- */
BODY {
  background-color : #B6D7E0;
  background-image: url('desimg/pozadi.jpg');  
  background-repeat: repeat-y;
  margin : 0px;
  padding : 0px;
  font-family : Verdana,Arial CE, Helvetica CE, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-decoration: none;
  text-align: left; 
}

H1 {
  font-size: 14px;
  font-weight: bolder;
}

P {
  line-height: 1.8em;
  color: black;
  margin:0px;
  padding:0px;
  text-align: justify; 
}

A {
  text-decoration: none;
  color : black;
}

A:hover {
  text-decoration : underline; 
  color : #94402C; 
}

SPAN.zvyrazni {
  font-size: 13px;
  font-weight: bold;
}

/* -------------------------------  design ---------------------------------- */

#center {
  width: 950px;
  text-align: left; 
}

#lista {
  width: 950px;
  height: 247px;
}

#logo {
  width: 293px;
  height: 247px;
  float: left;
  background-image: url('desimg/logo.jpg');  
}

#logoOdkaz {
  width: 230px;
  height: 200px;
  margin: 10px 0px 0px 50px;
}

#jazykovaVerze {
  margin: 16px 0px 0px 150px;
}

#jazykoveMutace {
  padding-left: 15px;
}

#flash {
  width: 657px;
  height: 247px;
  float: left;
  background-image: url('desimg/pozadiFlash.jpg');  
}

#prostredek {
  width: 950px;
  height:auto;
}

#levySloupec {
  width: 293px;
  height: auto;
  float: left;
}

#navigator {
  width: 223px;
  height: 180px;
  background-image: url('desimg/pozadiNavigator.jpg');        
  padding: 25px 0px 0px 70px;
}

#navigatorNadpis {
  font-size: 13px;
  font-weight: bold;
  float: left;
}

#navigatorOdkaz {
  margin: -12px 0px 0px 380px;
  line-height: 1.5em; 
  font-size: 6pt; 
  font-weight: normal;
}

#flashMapka {
  float:left;
  margin-top: 25px;
  margin-left: 3px;
  width:80px;
  height:22px;
}

#button {
  width: 203px;
  height: 160px;
  background-image: url('desimg/pozadiButton.jpg');        
  padding: 45px 0px 0px 90px;
}

#plzen {
  float: left;
  margin: -5px 0px 0px 40px;
}

#planek {
  margin: 35px 0px 0px 0px;
  _margin: 60px 0px 0px 0px;
  padding-top: 20px;
}

#poweredBy {width: 100%;
  margin-top: 40px;
  text-align: center; line-height: 1.5em; font-size: 6pt; font-weight: normal;}

#pravySloupec {
  width: 657px;
  min-height: 440px;
  height: auto; 
  height: expression(this.scrollHeight < 440? "440px" : "auto" );
  float: left;
  background-image: url('desimg/pozadiProstredek.jpg');      
}

#hlavniObsah {
  margin: 0px 110px 0px 15px; 
}

#reklama1 {
  float: left;
  width: 255px;
  height: 295px;
  background-image: url('desimg/reklama1.jpg');      
  cursor: hand;
}

#datumReklama1 {
  text-align: center;
  width: 255px;
  height: 10px;
  margin: 22px 0px 0px 0px;
  color: blue;
}

#fotoReklama1 {
  width: 208px;
  height: 128px;
  margin: 9px 0px 0px 23px;
}

#textReklama1 {
  width: 208px;
  height: 70px;
  margin: 13px 0px 0px 24px;
}

#reklama2 {
  float: left;
  width: 255px;
  height: 283px;
  background-image: url('desimg/reklama2.jpg');      
  cursor: hand;
}

#datumReklama2 {
  text-align: center;
  width: 255px;
  height: 10px;
  margin: 22px 0px 0px 0px;
  color: blue;
}

#textReklama2 {
  width: 190px;
  height: 212px;
  margin: 9px 0px 0px 30px;
}

DIV.polozkaFotogalerie {
  width: 260px;
  height: 199px;
  background-image: url('desimg/pozadiFotogalerie.jpg');
  float: left;      
}

DIV.fotoFotogalerie {
  width: 208px;
  height: 128px;
  margin: 20px 0px 0px 27px;
}

DIV.textFotogalerie {
  width: 208px;
  height: 18px;
  margin: 3px 0px 0px 27px;
}

#uvodniText {
  clear: both;
  margin: 0px 30px 0px 20px; 
  border-top: 1px solid #4B6FA6;
  padding-top: 15px;
}

#pravySloupecSpodek {
  width: 657px;
  height: 111px;
  margin-left: 293px;
}

DIV.cleaner {
  clear:both;
  height: 1px;
  margin: -1px 0px 0px 0px; 
  padding:0px;
  border:none;
  visibility: hidden;
  font-size: 0px;
}

/* -------------------------------  menu ---------------------------------- */

#menu {
  width: 293px;
  height: 212px;
  background-image: url('desimg/pozadiLeveMenu.jpg');      
}

#menu UL{
  padding: 18px 0px 0px 0px;
  margin: 0px 0px 0px 48px;
}

#menu LI.prvniOdkaz {
  margin: 0px 8px 0px 0px;
  padding: 3px 0px 3px 18px;  
}

LI {
  behavior: url(php_aplikace/js/hover.htc);
}

#menu UL LI {
  list-style-type: none;
  padding: 3px 0px 3px 18px;
  margin: 3px 8px 0px 0px;
}

#menu UL LI.Hover {
  background-color: #B6D7E0;
}

#menu UL LI.prvniOdkazHover {
  background-color: #B6D7E0;
}


#menu UL LI:hover {
  background-color: #B6D7E0;
}


#menu UL LI A {
  color : #black;
}

#menu UL LI A:hover {
  text-decoration: none;
  color: #A34444;
}

DIV.cleaner {
  clear:both;
  height: 1px;
  margin: -1px 0 0 0; 
  padding:0;
  border:none;
  visibility: hidden;
}