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

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

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

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

#header { height: 260px; background: url('images/header.jpg') no-repeat center 19px; }

  #header h1 a { display: block; background: url('images/logo-circe.gif') no-repeat right 44px; text-indent: -9000px; width: 300px; height: 156px; float: left; } 
  #header span.motto { display: block; height: 123px; width: 265px; float: right; background: url('images/motto.gif') no-repeat left bottom; text-indent: -9000px; }  

  #header ul { list-style: none; clear: both; height: 58px; background: url('images/li-menu.gif') no-repeat left top; margin-left: 70px; }
  #header ul li { float: left; line-height: 58px; background: url('images/li-menu.gif') no-repeat right top; }
  #header ul li a { padding: 0px 30px; color: #fff; font-size: 1.8em; text-decoration: none; text-shadow: 1px 1px #ff6600; }
  #header ul li a:hover { color: #a64100; text-shadow: 1px 1px #fea500; }   

#content { text-align: left; padding: 0px 50px 80px 50px; }
  #content h2 { font-size: 2.2em; color: #fea200; padding-bottom: 15px; border-bottom: 1px solid #d9d9d9; font-weight: normal; margin-bottom: 25px; text-shadow: 1px 1px #fff; }
  #content h2 span { color: #ff6501; }
  #content p { font-size: 1.4em; padding-bottom: 10px; }
  #content a.link { color: #fea200; text-decoration: underline; }
  #content a.link:hover { color: #ff6501; text-decoration: underline; }
  
  #content h3 { font-size: 1.8em; color: #545454; padding-bottom: 10px; border-bottom: 1px solid #d9d9d9; font-weight: normal; margin-bottom: 20px; }
  #content h3.reference { font-size: 1.4em; color: #545454; padding-bottom: 10px; border-bottom: 1px solid #d9d9d9; font-weight: bold; margin-bottom: 10px; }

  #novinky { width: 380px; float: left; margin-top: 10px; }
    #novinky ul { list-style: none; font-size: 1.2em; }
    #novinky ul li { padding-bottom: 10px; padding-left: 20px;  background: url('images/li-novinky.gif') no-repeat 4px 5px; }
    #novinky ul li span.datum { color: #ff6501; }
  
  #reference { margin-left: 400px; margin-top: 10px; }
    #reference ul { list-style: none; font-size: 1.2em; overflow: auto; margin-bottom: 10px; }
    #reference ul li { float: left; width: 220px; padding-right: 10px; }
    #reference ul li img { border: 2px solid #939393; margin-right: 10px; margin-left: 5px; float: left;  }
    #reference ul li span { color: #ff6501; }
    #content #reference p { font-size: 1.2em; text-align: right; }

form.napiste label { font-size: 1.4em; float: left; width: 100px; padding-top: 3px; margin-left: 10px; }
form.napiste input[type=text] { margin-bottom: 2px; width: 200px;}
form.napiste input[type=submit] { padding: 2px 10px;  margin-bottom: 10px; }
form.napiste input.captcha { margin-top: 2px; width: 100px; }
form.napiste textarea { border: 1px solid #dedede; margin-bottom: 2px; width: 300px; height: 100px; font-family: sans-serif; }
  
#content 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: 0px 0px 20px 0px; color: #000; }
	
#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 0px 20px 0px; color: #000; }

#content p.foto { margin-bottom: 20px; }
  #content p.foto a img { padding: 2px; border: 1px solid #dedede; }
  #content p.foto a:hover img { border: 1px solid #ff6501; }

#footer { color: #ffc199; font-size: 1.1em; background: #ff6501; }
  #footer .wrap_footer { margin: 0px auto; width: 890px; text-align: left; }
  #footer p { line-height: 60px; }
  #footer p.copy { text-align: right; }
  #footer p.menu { float: left; }
  #footer a { color: #fff; text-decoration: none; padding: 0px 2px; } 
  #footer a:hover { text-decoration: underline; color: #a64100; }

img.home { float: left; border: 2px solid #939393; margin: 0px 20px 10px 0px; }

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