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

body { background: #e7e7e7 url('images/background.gif'); font-family: Arial, sans-serif; font-size: 62.5%; color: #000; text-align: center; }

#wrap { width: 806px; margin: 0px auto; background: #fff url('images/background-wrap.gif'); min-height: 50px; }

#header { width: 780px; margin: 0px auto; position: relative; }
  
  #header h1 { background: url('images/hotline-express.jpg'); text-indent: -9000px; height: 76px; }
  #header span { display: none; }
  #header em { position: absolute; left: 270px; top: 36px; color: #fff; font-size: 1.1em; font-style: normal; }
    #header em a { color: #A70125; }
      #header em a:hover { color: #fff; }
  
  #header ul.menu1 { list-style: none; height: 26px; background: url('images/menu1.jpg'); padding-left: 14px; }
    #header ul.menu1 li { float: left; }
    #header ul.menu1 li a { display: block; float: left; height: 26px; text-indent: -9000px; }
    
    #header ul.menu1 li a.o-nas { width: 53px; background: url('images/menu-o-nas.gif') no-repeat 0px 0px; }
      #header ul.menu1 li a.o-nas:hover { background-position: -53px 0px; }
    #header ul.menu1 li a.akce { width: 48px; background: url('images/menu-akce.gif') no-repeat 0px 0px; }
      #header ul.menu1 li a.akce:hover { background-position: -48px 0px; }
    #header ul.menu1 li a.prihlasit { width: 93px; background: url('images/menu-prihlasit.gif') no-repeat 0px 0px; }
      #header ul.menu1 li a.prihlasit:hover { background-position: -93px 0px; }      
  
  #header h2 a { display: block; height: 107px; background: url('images/cenokurvic.jpg'); text-indent: -9000px; }

  #header ul.menu2 { list-style: none; height: 26px; background: url('images/menu2.jpg'); padding-left: 434px; }
    #header ul.menu2 li { float: left; }
    #header ul.menu2 li a { display: block; float: left; height: 26px; text-indent: -9000px; }

    #header ul.menu2 li a.priprava { width: 84px; background: url('images/menu-priprava.gif') no-repeat 0px 0px; }
      #header ul.menu2 li a.priprava:hover { background-position: -84px 0px; }
    #header ul.menu2 li a.tiskove { width: 94px; background: url('images/menu-tiskove.gif') no-repeat 0px 0px; }
      #header ul.menu2 li a.tiskove:hover { background-position: -94px 0px; }
    #header ul.menu2 li a.popis { width: 104px; background: url('images/menu-popis.gif') no-repeat 0px 0px; }
      #header ul.menu2 li a.popis:hover { background-position: -104px 0px; }
    #header ul.menu2 li a.kontakt { width: 64px; background: url('images/menu-kontakt.gif') no-repeat 0px 0px; }
      #header ul.menu2 li a.kontakt:hover { background-position: -64px 0px; }

  #header div.head-bottom { height: 29px; background: url('images/head-bottom.jpg'); }

#footer { width: 780px; margin: 0px auto; } 
  #footer p.poptavka { height: 34px; background: url('images/p_poptavka.jpg'); text-indent: -9000px; }
  #footer p.specialista { height: 70px; background: url('images/p_specialista.gif'); text-indent: -9000px; }
  
div.foot-bottom { height: 16px; background: url('images/foot-bottom.gif'); }

#content { width: 780px; margin: 0px auto; min-height: 432px; text-align: left; }
  body.o-nas #content { background: url('images/o_nas.jpg') no-repeat right top;  min-height: 446px; }
  body.popis-materialu #content { background: url('images/materialy.jpg') no-repeat center top; min-height: 446px; }
  body.tiskove-stroje #content { background: url('images/stroje.jpg') no-repeat left top; min-height: 446px; }
  body.priprava-dat #content { background: url('images/data.jpg') no-repeat right top; min-height: 446px; }
  body.prihlasit #content { min-height: 446px; }
  body.akce #content { background: url('images/akce.jpg') no-repeat right top; min-height: 446px; }
  body.kontakt #content { min-height: 446px; }

#content div.space { padding: 20px 40px; }
  #content h1 { background: url('images/h1-back.gif') no-repeat left top; height: 33px; line-height: 33px; color: #fff; font-size: 2em; text-transform: uppercase; font-weight: normal; padding-left: 20px; margin: 20px 0px; }
  #content p { font-size: 1.2em; margin: 0px 25px; padding-bottom: 15px; }
    #content p.mutoh { padding-left: 500px; padding-top: 70px; padding-bottom: 50px; }
  
  #content p a { color: #ab0021; }
    #content p a:hover { color: #000; }
  
  #content strong.orange { font-size: 1.2em; color: #f48821; }
  #content strong.small { font-size: 11px; }
  #content strong.big { font-size: 16px; }
  #content strong.red { color: #ab0021; }
  #content strong.big red { font-size: 30px; color: #ab0021; }
  
  #content span.red { font-weight: bold; color: #ab0021; }  
  
  #content ul { margin: 0px 25px 15px 25px; font-size: 1.1em; list-style: none; }
  #content ul li { padding-left: 20px; background: url('images/ul-li.gif') no-repeat left 1px; padding-bottom: 5px; }
  #content div.left { width: 50%; float: left; }   
  #content #fotorealisticky-tisk { width: 389px; height: 208px; background: url('images/fotoreal.jpg') no-repeat left top; text-indent: -9000px; float: left; }
  #content #velkoplosne-realizace { width: 391px; height: 208px; background: url('images/velkoplos.jpg') no-repeat left top; text-indent: -9000px; float: right; }
  
  #content #kalk1 { width: 389px; height: 224px; background: url('images/kalk1.gif') no-repeat left top; float: left; }
  #content #kalk2 { width: 391px; height: 224px; background: url('images/kalk2.gif') no-repeat left top; float: right; }

form.login { margin: 0px 20px;  }
  form.login label { font-size: 1.2em; color: #ac0022; float: left; line-height: 22px; text-align: right; padding-right: 5px; width: 120px; }
  form.login input.text { height: 18px; margin-bottom: 2px; }

form.kontakt { background: url('images/kontakt.gif') no-repeat right top; padding-top: 40px; }
  form.kontakt label { font-size: 1.2em; float: left; line-height: 22px; padding-right: 5px; width: 70px; }
  form.kontakt input.text { height: 18px; margin-bottom: 2px; width: 188px; border: 1px solid #f48821; }
  form.kontakt input.captcha { height: 18px; margin-bottom: 2px; width: 50px; border: 1px solid #f48821; width: 96px; }
  form.kontakt input.submit { background: #f48821; color: #fff; border: 1px solid #f48821; float: right; margin-right: 60px; }
  form.kontakt textarea { width: 250px; height: 100px; margin-bottom: 2px; font-family: sans-serif; border: 1px solid #f48821; }


#content form.kalkulator { padding: 50px 20px 20px 20px; }
  #content form.kalkulator table { border-collapse: collapse; margin-top: 5px; margin-bottom: 5px; }
  #content form.kalkulator table td { padding-bottom: 5px; }
  #content form.kalkulator table td.td1 { width: 76px; }
  #content form.kalkulator table td.td2 { width: 84px; }
  #content form.kalkulator table td.td4 input { float: right; }
  #content form.kalkulator p { font-size: 1.1em; padding-left: 15px; }
  #content form.kalkulator label { font-size: 1.1em; white-space: nowrap; padding-left: 15px; padding-right: 5px; }
  #content form.kalkulator select { margin: 0px; border: 1px solid #a0a0a0; padding: 1px; font-size: 11px; }
  #content form.kalkulator input.text { height: 16px; width: 72px; margin: 0px; border: 1px solid #a0a0a0; padding: 1px; }
  #content form.kalkulator input.spocitat { height: 20px; width: 145px; margin: 0px; background: url('images/spocitat.gif') 0px 0px; border: 0px; margin-left: 0px; }
  #content form.kalkulator input.spocitat:hover, #content form.kalkulator input.spocitat:active { height: 20px; width: 145px; margin: 0px; background: url('images/spocitat.gif') -145px 0px;
                                                                                                 border: 0px; margin-left: 0px; }
  #content form.kalkulator table.vysledek { font-size: 1.1em; border-top:1px solid #FFFFFF; width: 100%; }
    #content form.kalkulator table.vysledek td { padding: 5px 0px 0px 15px; }
    #content form.kalkulator table.vysledek span.cena { font-size: 1.6em; color: #AF0020; font-weight: bold; padding-left: 37px; padding-right: 10px; }

  #content p.ok { background: #e5fab1 url('images/ok.png') center no-repeat;	background-position: 15px 50%;
	text-align: left;	padding: 5px 20px 5px 45px;	border: 1px solid #b0e62a; margin: 0px 20px 20px 20px; }
   
  #content p.error { background: #fff6bf url('images/error.png') center no-repeat;	background-position: 15px 50%;
	text-align: left;	padding: 5px 20px 5px 45px;	border: 1px solid #ffd324; margin: 0px 20px 20px 20px; }

sup { font-size: 9px; }
     
.break { clear: both;}