/* PISMO */
BODY, DIV, TABLE, TD, TH, INPUT, TEXTAREA {	
  font-family: Tahoma, Arial, sans-serif;
  color: #444444;
}

TD {       
  font-size: 0.8em;
} 

/* BORDER */
DIV, TABLE, TD, TH, IMG, INPUT, TEXTAREA {
  border-style: solid;
  border-width: 0px;
  border-color: #D0D0D0;
}

/* TELO DOKUMENTU */
BODY {
	scrollbar-face-color: #FEA781;
	scrollbar-shadow-color: #FFFFFF;
	scrollbar-highlight-color: #FEA781;
	scrollbar-3dlight-color: #FFFFFF;
	scrollbar-darkshadow-color: #FFFFFF;
	scrollbar-track-color: #FFFFFF;
	scrollbar-arrow-color: #FFFFFF;  
  margin: 0px;
  padding: 0px;
  padding-bottom: 5px;
  background-color: #FFFFFF;
  text-align: center;
}

/* ELEMENTY BEZ ODSAZENI */
P, DIV, FORM, BUTTON, TABLE, TD, TH {
  margin: 0px; 
  padding: 0px;
}

TD, TH {
  vertical-align: top;
}

UL, OL {
  margin: 0px;
  margin-left: 20px;
}

UL LI {
  list-style-image: url(images/odrazka.gif);
}

/* ODKAZY */
A, A:link, A:visited, A:hover {
  font-weight: normal;
  text-decoration: underline;
  color: #00366D;
}
A:hover {
  text-decoration: none;
}

A.nahoru, A.nahoru:link, A.nahoru:visited, A.nahoru:hover {
  font-weight: normal;
  color: #888;
  font-size: 0.85em
}

INPUT, TEXTAREA {
  background-color: #FFFFFF;
  border-width: 2px;  
}

H1, H2, H3 {
  margin: 0px;
  padding: 0px;
}


H1 {
  font-size: 1.1em;
  font-weight: bold;
}

H2 {
  font-size: 1.0em;
  font-weight: bold;
}

H3 {
  font-size: 1.0em;
  font-weight: bold;
}

.podbarveni {
  background-color: #A4C9CD;
}

.mensi {
  font-size: 0.85em;
}

.doleva {
  float: left;
}

.doprava {
  float: right;
}

.doprostred {
  text-align: center;
}

/* 
  Pouzivejte tuto tridu u <input type="checkbox" class="noborder"> a <input type="radio" class="noborder"> 
*/
.noborder {
  border-width: 0px;
  background-color: transparent;
} 


#body {
  width: 770px;
  height: 100%;
}

#zahlavi {
  background-color: #1A4594;
  background-image: url(images/zahlavi_pozadi.gif);
  background-repeat: no-repeat;
  background-position: 173px 0px;
  height: 130px;
  padding-top: 5px;
  padding-bottom: 14px;
  border-bottom-width: 1px;
  border-bottom-color: #FFFFFF;
}

  #logo {
    width: 173px;
    height: 111px;
    float: left;
    background-color: #FFFFFF;
  }

  #logo IMG {
    margin-left: 25px;
    margin-top: 24px
  }

  #motiv {
    float: right;
    background-image: url(images/motiv.jpg);  /* Kompatibilita s Operou */
    background-repeat: no-repeat;
    width: 596px;
    height: 111px;
  }


#sidebar {
  width: 173px;
  border-right-width: 1px;
  height: 100%;
}
  .menu {
    margin-bottom: 25px;
  }

  .menu A, .menu A:visited, .menu A:hover {    
    padding: 2px 2px 2px 5px;
    display: block;
    color: #6A6A6A;
    font-weight: normal; 
    text-decoration: none;  
    font-size: 12px; 
  }

  #ruzove A:hover {
    background-color: #FFE4D7;
  }

  #zelene A:hover {
    background-color: #CFEC84;
  } 

  #modre A:hover {
    background-color: #C5DBFF;
  } 

#obsah {
  width: 597px; 
  border-top-width: 1px;
  border-top-color: #FD6724;
  height: 100%;
  padding: 7px;
  padding-right: 0px;
}

#zapati_leve {
  border-right-width: 1px;
  height: 27px;
  padding-bottom: 7px;
  text-align: right;
}
  #zapati_leve DIV {
    height: 21px;
    width: 6px; 
    float: right;  
    border-top-width: 1px;
    border-bottom-width: 1px;
  }

#zapati_prave {
  height: 27px;
}
  #zapati_prave DIV.border {
    height: 21px;
    border-top-width: 1px;
    border-bottom-width: 1px;
    background-image: url(images/zapati_pozadi.jpg);
    background-repeat: repeat-y;
    color: #888888;
    padding-left: 5px;
    padding-top: 2px;
    font-size: 11px;
  }

  #zapati_prave DIV.preruseni {
    height: 10px;
    float: right;
    width: 150px;
    background-color: #FFFFFF;
    position: relative;
    top: 10px;
  }

#novinky {
  margin-top: 10px;
  background-image: url(images/pozadi_prave.gif);
  background-repeat: repeat-y;
  background-position: 293px 0px;
}
  #novinky .levy {
    width: 293px;
    float: left;
  }
    #novinky .levy .text {
      padding-left: 4px;
    }
  

  #novinky .pravy {
    width: 296px;
    float: right;
  }
    #novinky .pravy .text {
      padding-left: 15px;
    }
    

  #novinky .vypln {
    clear: both;
    height: 1px;
  }


#text {
  margin-top: 17px;
  background-image: url(images/pozadi_prave.gif);
  background-repeat: repeat-y;
  background-position: 402px 0px;  
}
  #text .levy {
    width: 402px;
    float: left;
  }
    #text .levy .text {
      padding-left: 4px;
      padding-right: 4px;
      padding-top: 10px;
    } 

    #text .levy P {
      text-indent: 15px;
      margin-bottom: 10px;
    }     

    #text .levy STRONG {
      font-weight: normal;
      color: #AF1A84;
    } 

  #text .pravy {
    width: 187px;
    float: right;
  }
    #text .pravy .text {
      padding: 5px 5px 5px 12px;
      font-size: 0.85em;
    }

    #text .pravy H1 {
      text-align: right;
      padding-right: 4px;
    }
    #text .pravy .screenshot {
      text-align: center;
      margin-top: 6px;
      margin-bottom: 5px;
    }

    #text .pravy .screenshot .odkaz {
      text-align: right;
      padding-right: 1px;
    }

    #text .pravy .screenshot .odkaz A, #text .pravy .screenshot .odkaz A:visited {
      font-weight: normal;
    }


    #text .pravy .screenshot IMG {
      border-width: 2px;
      border-color: #FEBFA3;
    }

    #text .pravy .popis {
      padding-left: 10px;
      margin-bottom: 5px
    }
    #text .pravy P {
      text-indent: 10px;
    }
               
  #text .vypln {
    clear: both;
    height: 1px;
  }


  
.novinka {
  margin-bottom: 15px;
}

.novinka .datum {
  font-size: 0.85em;
  font-weight: bold;
  color: #1A4594;    
}

.novinka .zprava {
  font-size: 0.85em;
  font-family: Verdana, Tahoma, sans-serif;
  padding-left: 10px;
}

.aktualni {
  margin-bottom: 15px;
  clear: both;
  font-size: 0.85em;
  padding-right: 5px;
}

.aktualni .screenshot {
  float: left;  
  width: 106px;
  text-align: center;
  padding: 3px;
  border-width: 1px;
  border-color: #FEBFA3;
  margin-right: 5px;
  margin-top: 3px;
}

.aktualni A, .aktualni A:visited, .aktualni A:hover {
  font-weight: normal;
}

.reference {
  margin-top: 20px;
  clear: both;
  line-height: 155%;
}  
  .reference .screenshot {
    float: left;  
    width: 106px;
    text-align: center;
    padding: 3px;
    border-width: 1px;
    border-color: #FEBFA3;
    margin-right: 5px;
  }

  .reference A, .reference A:visited, .reference A:hover {
    font-weight: normal;
  }
  
  .reference .ikonky {
    margin-top: 6px;
  }


.extranet {
  text-align: center;
  margin-top: 40px;
  margin-bottom: 100px;
}

  .extranet TD {
    text-align: right;
    vertical-align: middle;
  }

  .extranet INPUT {
    text-align: center;
  }


.modul {
  margin-top: 10px;
} 

  .modul H3 {
    font-family: Arial, Tahoma, sans-serif;
    color: #AF1A84;
  }

  .modul .popis {
    margin-left: 15px;
  }

.kontakt_levy {
  float: left;
  width: 130px;
  padding-left: 20px;
}

.kontakt_levy .ic {
  float: left;
  width: 25px;
}

.kontakt_pravy {
  float: right;
  width: 235px;
}

.kontakt_pravy .tel {
  float: left;
  width: 42px;
}

.formular {
  padding-top: 0px;
}

.zapsana {
  clear: both;
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 0.85em;
}

.strankovani {
  padding-top: 10px;
}

.seznam_referenci {
  margin-top: 10px;
  padding-top: 5px;
  font-size: 0.8em;
  padding-left: 3px;
  border-top-width: 1px;
  border-top-color: #CCC;
}

.seznam_referenci A, .seznam_referenci A:visited, .seznam_referenci A:hover {
  color: #444;
}

.seznam_referenci A.zobrazene, .seznam_referenci A.zobrazene:visited, .seznam_referenci A.zobrazene:hover {
  color: #00366D;
}

#webbox_index {
  margin: 0px; 
  margin-top: 10px;
  border-style: solid; 
  border-width: 0px;
  border-color: #A6CE39;
  padding: 0px;
}

td div.odkazy {
  font-size: 0.8em;
  color: #888;
  position: relative;
  left: 5px;
  top: -5px;
}

td div.odkazy a:link, td div.odkazy a:hover, td div.odkazy a:visited {
  color: #888 !important;
  text-decoration: underline;
}