* 
   {
      margin: 0px;
      padding: 0px;
   }


.menu
   {
      list-style-type: none;
   }
   

.menu a 
   {
     display: block;
     float: left;
     height: 30px;
     padding-left: 11px;
     padding-right: 11px;
     padding-top: 0px;
     color: #21344d;
     text-decoration: none;
     font-family: Verdana;
     font-size: 14px;
     font-weight: normal;
     list-style-type: none;
   }

.menu a:hover 
   {
      background: #FBCFA0;
   }

.menu .m_nase_sluzby
   {
     float: left;
     background: url('../images/button/nase_sluzby_hover.jpg') no-repeat 50% 50%;
   }
   
.menu .m_nase_sluzby a 
   {
     display: block;
     width: 103px;
     height: 30px;
     padding-left: 11px;
     padding-right: 11px;
     padding-top: 0px;
     list-style-type: none;
     background: url('../images/button/nase_sluzby.jpg') no-repeat 50% 50%;
   }
   
.menu .m_nase_sluzby a:hover 
   {
     background: #FBCFA0 url('../images/button/nase_sluzby_hover.jpg') no-repeat 50% 50%;
   }
 
.menu .m_realitni_poradna
   {
     float: left;
     background: url('../images/button/realitni_poradna_hover.jpg') no-repeat 50% 50%;
   }
   
.menu .m_realitni_poradna a 
   {
     display: block;
     width: 147px;
     height: 30px;
     padding-left: 11px;
     padding-right: 11px;
     padding-top: 0px;
     list-style-type: none;
     background: url('../images/button/realitni_poradna.jpg') no-repeat 50% 50%;
   }

.menu .m_realitni_poradna a:hover 
   {
     background: #FBCFA0 url('../images/button/realitni_poradna_hover.jpg') no-repeat 50% 50%;
   }
   
.menu .m_komercni_nemovitosti
   {
     float: left;
     background: url('../images/button/komercni_nemovitosti_hover.jpg') no-repeat 50% 50%;
   }

.menu .m_komercni_nemovitosti a 
   {
     display: block;
     width: 185px;
     height: 30px;
     padding-left: 8px;
     padding-right: 8px;
     padding-top: 0px;
     list-style-type: none;
     background: url('../images/button/komercni_nemovitosti.jpg') no-repeat 50% 50%;
   }
   
.menu .m_komercni_nemovitosti a:hover 
   {
     background: #FBCFA0 url('../images/button/komercni_nemovitosti_hover.jpg') no-repeat 50% 50%;
   }

.menu .m_developerske_projekty
   {
     float: left;
     background: url('../images/button/developerske_projekty_hover.jpg') no-repeat 50% 50%;
   }   

.menu .m_developerske_projekty a 
   {
     display: block;
     width: 183px;
     height: 30px;
     padding-left: 8px;
     padding-right: 8px;
     padding-top: 0px;
     list-style-type: none;
     background: url('../images/button/developerske_projekty.jpg') no-repeat 50% 50%;
   }
   
.menu .m_developerske_projekty a:hover 
   {
     background: #FBCFA0 url('../images/button/developerske_projekty_hover.jpg') no-repeat 50% 50%;
   }

.menu .m_kontakty a 
   {
     float: left;
     background: url('../images/button/kontakty_hover.jpg') no-repeat 50% 50%;
   }
   
.menu .m_kontakty a 
   {
     display: block;
     width: 90px;
     height: 30px;
     padding-left: 8px;
     padding-right: 8px;
     padding-top: 0px;
     list-style-type: none;
     background: url('../images/button/kontakty.jpg') no-repeat 50% 50%;
   }
   
.menu .m_kontakty a:hover 
   {
     background: #FBCFA0 url('../images/button/kontakty_hover.jpg') no-repeat 50% 50%;
   }

.menu .m_medialni_informace a 
   {
     float: left;
     background: url('../images/button/medialni_informace_hover.jpg') no-repeat 50% 50%;
   }   

.menu .m_medialni_informace a 
   {
     display: block;
     width: 167px;
     height: 30px;
     padding-left: 9px;
     padding-right: 9px;
     padding-top: 0px;
     list-style-type: none;
     background: url('../images/button/medialni_informace.jpg') no-repeat 50% 50%;
   }
   
.menu .m_medialni_informace a:hover 
   {
     background: #FBCFA0 url('../images/button/medialni_informace_hover.jpg') no-repeat 50% 50%;
   }

 
.menu li 
   {
      position: relative;
      float: left;
      list-style-type: none;
   }
   
.menu li ul 
   {
      list-style-type: none;
      position: absolute;
      width: 160px;
      top: 100%;
      left: 0px;
      z-index: 100;
      display: none;
      font-size: 9px;
   }
   
.menu li ul li a 
   {
      display: block;
      background: #EE7F09;
      font-size: 10px;
      font-weight: normal;
      text-align: left;
      padding-left: 20px;
      padding-top: 5px;
      padding-bottom: 2px;
      border-top: none;
      width: 170px;
      height: 15px;
      list-style-type: none;
   }

.menu li ul li a:hover 
   {
      background: #FACEA1;
   }

.menu li:hover ul,.menu li.over ul 
   {
      display: block;
      
   }