/* reset browseru */
body, h1, h2, h3, p, img, form, ul, li { margin:0; padding:0; border:0; }
html { overflow:auto; }
a { outline:none; }

/* obecne */
body { background: #fafafa url('../images/background.gif') repeat-x left top; font-family: Arial, sans-serif; color: #000; text-align: center; }
.break { clear: both;}

/* fixovani footeru */
html, body, #wrap { height: 100%; }
body > #wrap { height: auto; min-height: 100%; }
#content { padding-bottom: 60px; }  
#footer { position: relative; margin-top: -60px; height: 60px; clear:both; } 

#wrapper { float: left; width: 100%; }

#header { height: 118px; }
  #header h1 { float: left; width: 397px; height: 63px; background: url('../images/dna.gif') no-repeat left top; text-indent: -9000px; margin-left: 34px; }
  #header span { float: right; margin-right: 34px; font-size: 12px; color: #9b9b9b; height: 22px; line-height: 22px; margin-top: 46px; text-align: right; }
  #header span a { display: block; float: right; width: 22px; height: 22px; background: url('../images/logout.gif') no-repeat 0px 0px; text-indent: -9000px; margin-left: 10px; }
    #header span a:hover { background-position: -22px 0px; }

#content { margin: 0px 300px; text-align: left; }
  #content h2 { font-size: 24px; color: #515151; font-weight: normal; height: 60px; line-height: 60px; }
  #content p { font-size: 11px; color: #808080; margin-bottom: 8px; }
  
  #content form { font-size: 12px; color: #808080; margin-bottom: 8px; }
    #content form label { float: right; }

#left-column { float: left; margin-left: -100%; width: 300px; text-align: left; }
  #left-column h2 { width: 228px; height: 60px; background: url('../images/menu-aplikace.gif') no-repeat left top; margin-left: 24px; text-indent: -9000px; }
  #left-column ul { list-style: none; font-size: 12px; width: 208px; border-bottom: 1px solid #e5e5e5; 
                    padding-bottom: 15px; margin-left: 34px; background: #fff url('../images/back-menu.gif') repeat-y left top; }
  #left-column ul li { }
  #left-column ul li a { display: block; height: 20px; line-height: 20px; text-decoration: none; color: #808080; background: url('../images/menu-li.gif') no-repeat 0px 0px;
                         padding-left: 17px; margin-left: 21px; }
  #left-column ul li a.active { background-position: 0px -20px; color: #3b9ccf; font-weight: bold; }
  #left-column ul li a:hover { background-position: 0px -40px; color: #2a2a2a; }
  
#right-column  { float: left; margin-left: -300px; width: 300px; text-align: left; }
  #right-column h2 { width: 228px; height: 60px; background: url('../images/menu-statistiky.gif') no-repeat left top; margin-left: 24px; text-indent: -9000px; }
  #right-column ul { list-style: none; font-size: 12px; width: 208px; border-bottom: 1px solid #e5e5e5; 
                    padding-bottom: 15px; margin-left: 34px; background: #fff url('../images/back-menu.gif') repeat-y left top; }
  #right-column ul li { }
  #right-column ul li a { display: block; height: 20px; line-height: 20px; text-decoration: none; color: #808080; background: url('../images/menu-li.gif') no-repeat 0px 0px;
                         padding-left: 17px; margin-left: 21px; }
  #right-column ul li a.active { background-position: 0px -20px; color: #3b9ccf; font-weight: bold; }
  #right-column ul li a:hover { background-position: 0px -40px; color: #2a2a2a; }


#footer p { background: #fff; color: #808080; font-size: 11px; margin: 0px 35px; height: 35px; line-height: 35px; text-align: left; padding: 0px 20px; border: 1px solid #e5e5e5; }
  #footer p span { float: right; color: #aaaaaa; }



  /*Tohle jsem tam zatím operativně vrátil, potřeboval jsem na tom dělat, ale odkazy z obrázků nebyly vidět*/

  /*Zaza begin*/
  #content td, th { font-size: 11px; color: black; margin-bottom: 8px; }
  tr.alt { background-color:gainsboro; }

  a.add, a.delete, a.edit, a.back, a.print, a.kontakt, a.email, a.cashflow {
    padding-left: 20px; line-height: 16px; display: block; height: 16px;
  }

  a.edit { background: url('../images/edit.png') no-repeat left top; }
  a.delete { background: url('../images/delete.png') no-repeat left top; }
  a.print { background: url('../images/print.png') no-repeat left top; }
  a.add { background: url('../images/add.png') no-repeat left top; }
  a.back { background: url('../images/back.png') no-repeat left top; }
  a.kontakt { background: url('../images/home.png') no-repeat left top; }
  a.email { background: url('../images/email.png') no-repeat left top; }
  a.cashflow { background: url('../images/cash.png') no-repeat left top; }

  a.folder { background: url('../images/folder.png') no-repeat left top;
  padding-left: 40px; line-height: 32px; display: block; height: 32px;
  }

  a.file { background: url('../images/file.png') no-repeat left top;
  padding-left: 40px; line-height: 32px; display: block; height: 32px;
  }

  p.zpravy { background: url('../images/zpravy.png') no-repeat left top;
  padding-left: 50px; line-height: 48px; display: block; height: 48px;
  }

  /*Zaza end*/