body, h1, h2, h3, h4, p, img, form, textarea, ul, li, fieldset { margin:0; padding:0; border:0; }
a { outline:none; }

body { background: #1d1d1d url('images/background.gif') repeat-x left top; font-family: Arial, sans-serif; font-size: 62.5%; color: #848484; text-align: center; }

#header { margin: 0px auto; width: 915px; height: 111px; text-align: left; }
  #header h1 { float: left; width: 200px; }
    #header h1 a { float: left; display: block; width: 200px; height: 86px; background: url('images/logo.gif') no-repeat left top; text-indent: -9000px;}
  
  /* hlavní menu */
  #header ul { float: right; list-style: none; width: 638px; margin-top: 54px; }
    #header ul li { float: left; }
    #header ul li a { float: left; display: block; height: 32px; text-indent: -9000px; }
    #header ul li a.standardy { width: 104px; background: url('images/li-standardy.gif') no-repeat 0px 0px; }
    #header ul li a.standardy:hover { background-position: -104px 0px; }
    #header ul li a.program { width: 133px; background: url('images/li-program.gif') no-repeat 0px 0px; }
    #header ul li a.program:hover { background-position: -133px 0px; }
    #header ul li a.otazky { width: 142px; background: url('images/li-otazky.gif') no-repeat 0px 0px; }
    #header ul li a.otazky:hover { background-position: -142px 0px; }
    #header ul li a.autori { width: 72px; background: url('images/li-autori.gif') no-repeat 0px 0px; }
    #header ul li a.autori:hover { background-position: -72px 0px; }
    #header ul li a.objednavka { width: 102px; background: url('images/li-objednavka.gif') no-repeat 0px 0px; }
    #header ul li a.objednavka:hover { background-position: -102px 0px; }
    #header ul li a.kontakt { width: 85px; background: url('images/li-kontakt.gif') no-repeat 0px 0px; }
    #header ul li a.kontakt:hover { background-position: -85px 0px; }


/* wraper vytvoří bílé pozadí hlavního obsahu */
#wraper { overflow: auto; background: #fff; }

/* container vystředí obsah */
#container { margin: 10px auto 0px auto; width: 915px;  }

/* dynamická část s obsahem */
#content { float: right; width: 638px; min-height: 525px; height:auto !important; height: 525px; text-align: left; }
  
  /* nadpis stránky jako h2, span odrazí druhý řádek */
  #content h2 { font-size: 2em; line-height: 1em; color: #343334; padding-left: 15px; margin-bottom: 20px; }
  #content h2 span { font-size: 0.7em; color: #9e9e9e; padding-left: 50px; }
  
  /* podnadpisy stránky jako h3 */
  #content h3 { font-size: 1.6em; color: #4c4c4c; padding-left: 15px; margin-bottom: 10px; margin-top: 10px; }
  
  /* běžné elementy stránky */
  #content p { font-size: 1.2em; padding: 0px 15px 10px 15px; text-align: justify; }
  #content em { font-style: normal; color: #343334; }
  #content ul { padding-left: 15px; list-style: none; font-size: 1.2em; margin-bottom: 10px; color: #343334; line-height: 1.5em; }
  #content ul li { background: url('images/content-ul-li.gif') no-repeat 0px 4px; padding-left: 18px; }
  #content a { font-weight: bold; color: #e66b00; text-decoration: underline; }
  #content a:hover { color: #1d1d1d; }  


/* dolní banner */
#banner { min-height: 114px; height:auto !important; height: 114px; background: #fb730d url('images/background-banner.gif') repeat-x left top; text-align: left; }
  #banner p { width: 905px; margin: 0px auto; color: #fedbc1; font-size: 1.1em; padding: 25px 0px; }
  #banner p strong { font-size: 1.3em; color: #fff; }
  #banner a { color: #fff; text-decoration: underline; }
  #banner a:hover { color: #1d1d1d; }

/* levy sloupec */
ul.sloupec { list-style: none; text-align: left; padding: 10px 0px; width: 240px; font-size: 1.1em; }
  ul.sloupec li { padding-left: 98px; padding-bottom: 25px; min-height: 100px; height:auto !important; height: 100px; }
  ul.sloupec li.prvni { background: url('images/sloupec-prvni.gif') no-repeat left top; }
  ul.sloupec li.druhy { background: url('images/sloupec-druhy.gif') no-repeat left top; }
  ul.sloupec li.treti { background: url('images/sloupec-treti.gif') no-repeat left top; }
  ul.sloupec em { color: #343334; font-style: normal; }
  ul.sloupec a { color: #e66b00; text-decoration: none; }  
  ul.sloupec a:hover { color: #1d1d1d; text-decoration: underline; }

#footer { clear: both; }
  #footer p { margin: 20px auto; }

.main-img { margin-bottom: 30px; }
.break { clear: both;}