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

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

/* fixování footeru */
html, body, #wrap { height: 100%; }
body > #wrap { height: auto; min-height: 100%; } 
#footer { position: relative; margin-top: -70px; height: 70px; clear:both; } 

#wrap { width: 970px; margin: 0px auto; background: url('images/formule.png') no-repeat right top; }

#header { height: 254px; background: url('images/background-header.jpg') no-repeat 380px top; position: relative; width: 970px; }

  #header ul { position: absolute; left: 0px; bottom: 0px; list-style: none; }
  #header ul li { float: left; }
  #header ul li a { display: block; padding: 5px 15px; color: #fff; font-weight: bold; font-size: 1.2em; text-decoration: none; }
  #header ul li a:hover { color: #e4a508; }
  #header ul li.active a { background: #141414; }
    
  #header h1 a { display: block; background: url('images/logo-express-oil.png') no-repeat left bottom; text-indent: -9000px; width: 420px; height: 174px; float: left; }  

#content { text-align: left; padding: 50px 10px 100px 10px; }
  #content p { font-size: 1.2em; }
  #content h2 { font-size: 1.8em; color: #e4a508; padding-bottom: 10px; }
  #content a.link { color: #e4a508; text-decoration: none; }
  #content a.link:hover { color: #ba880b; text-decoration: underline; }

/* home */
  body.home #content { position: relative; min-height: 450px; }
  #content p.uvod { font-size: 1.4em; }
  #content #registrace { width: 275px; height: 221px; background: url('images/registrace.png') no-repeat left top; position: absolute; left: 10px; top: 148px; }
  #content #registrace p.pro { font-size: 1.8em; text-align: center; width: 256px; padding-top: 25px; }
  #content #registrace p.reg { text-align: center; width: 256px; padding: 25px 0px; }
  #content #registrace p.reg a { font-size: 2em; text-transform: uppercase; font-weight: bold; text-decoration: none; color: #fff; text-shadow: 1px 1px 1px #000; }
  #content #registrace p.reg a:hover { text-decoration: underline; color: #e4a508; }
  #content #registrace p.foo { text-align: center; font-size: 1.1em; font-weight: bold; color: #043055; width: 256px; }

  #content #kontakty-uvod { position: absolute; right: 10px; top: 190px; width: 620px; }
  #content #kontakty-uvod p.sidlo { float: left; font-size: 16px; }
  #content #kontakty-uvod p.provozovna { float: right; text-align: right; font-size: 16px; }
  #content #kontakty-uvod em { font-style: normal; font-weight: bold; font-size: 14px; color: #05b8e5; }
  #content #kontakty-uvod a { font-weight: bold; color: #e4a508; text-decoration: none; }
  #content #kontakty-uvod a:hover { text-decoration: underline; }

  #content #loga-uvod { position: absolute; left: 50%; top: 405px; text-align: left; width: 200px; margin-left: -85px; }
  #content #loga-uvod img { padding-right: 10px;  }
  
  #content p.vstup { font-size: 2em; position: absolute; right: 10px; top: 60px; font-weight: bold; text-align: right;
                     background: url('eshop/images/button_next.png') no-repeat right center; padding-right: 45px; }
    #content p.vstup a { color: #e4a508; }
    
  #reg { display: block; position: absolute; top: 200px; left: 0px; text-align: center; width: 970px; }
  #reg a { color: #0d0; text-decoration: none; font-size: 1.8em; text-shadow: 1px 1px 1px #000; }
  #reg a strong { font-size: 2em; }
  #reg a:hover { color: #0f0; text-decoration: underline; }

/* podminky */
  body.podminky #content { position: relative; min-height: 400px; }
  body.podminky #content p { padding-bottom: 5px; }
  body.podminky #content strong { color: #05b8e5; }
  
/* kontakt */
  body.kontakt #content { position: relative; min-height: 400px; }
  body.kontakt #content p { padding-bottom: 20px; }
  body.kontakt #content strong { color: #05b8e5; }  

/* registrace */
  body.registrace-velkoobchod #content {  } 
  form.registrace { margin: 15px 20px; }
  form.registrace label { font-size: 1.2em; width: 210px; float: left; }
  form.registrace label em, em.mandatory { color: #f00; font-weight: bold; }
  form.registrace input { font-family: Arial, sans-serif; font-size: 1.2em; width: 250px; border: 1px solid #dedede; margin-bottom: 3px; padding: 1px; }
  form.registrace input.submit { width: auto; border: 1px solid #000; background: #e4a508; font-weight: bold; padding: 5px 10px; }
  form.registrace strong { font-size: 1.2em; color: #05b8e5; }
  form.registrace strong em { font-weight: normal; }

p.chyba { background: #fff6bf url('images/chyba.png') center no-repeat;	background-position: 15px 50%;
	text-align: left;	padding: 5px 20px 5px 45px;	border: 1px solid #ffd324; margin: 5px 0px; color: #000; }
	
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: 5px 0px 10px 0px; color: #000; }

#footer { color: #838383; font-size: 1.1em; background: url('images/background-footer.gif') repeat-x left top; }
  #footer .wrap_footer { margin: 0px auto; width: 950px; text-align: left; }
  #footer p { line-height: 70px; }
  #footer p.copy { text-align: left; }
  #footer p.menu { float: right; }
  #footer a { color: #e4a508; text-decoration: none; padding: 0px 2px; font-weight: bold; } 
  #footer a:hover { text-decoration: underline; color: #e4a508; }

.yellow { color: #e4a508; }   
.break { clear: both;}