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

body { background: #e3e3e3; font-family: Arial, sans-serif; font-size: 62.5%; color: #000; text-align: center;}

table { font-family: Arial, sans-serif; font-size: 100%; color: #000;}
.white  { background: #fff; width: 100%;}

#header {width: 999px; height: 217px; margin: 0px auto; background: url('images/background-header.jpg') no-repeat 373px top; }

  #header a.napiste-nam { display: block; width:101px; height:30px; background: url('images/napiste-nam.gif') no-repeat left top; float: left; margin-left: 136px; }
  #header a.napiste-nam:hover { opacity:0.5; filter:alpha(opacity=50); }

  #header ul { float: right; width: 143px; list-style: none; margin-right: 73px; margin-top: 40px;}
  #header ul li { float: right; width: 143px; list-style: none; }
  #header ul li a { display: block; text-indent: -9000px; height: 23px;}
  #header ul li a.uvod { background: url('images/menu-uvod.gif'); }
  #header ul li a.system { background: url('images/menu-system.gif'); }
  #header ul li a.prilezitost { background: url('images/menu-prilezitost.gif'); }  
  #header ul li a.partneri { background: url('images/menu-partneri.gif'); }
  #header ul li a.kontakt { background: url('images/menu-kontakt.gif'); }
  #header ul li a.prihlaseni { background: url('images/menu-prihlaseni.gif'); }
  #header ul li a:hover { background-position: -143px 0px; }
  
  #header h1 {clear: left; background: url('images/dna.gif') no-repeat 47px top; text-indent: -9000px; width: 373px; float: left; height: 37px; margin-top: 70px; }  

#pruh { height: 55px; background: url('images/background-pruh.gif') repeat-x;}
  #pruh span { display: block; margin: 0px auto; width: 999px;}
  #pruh strong { display: block; text-indent: -9000px; width: 239px; height: 25px; background: url('images/zmente.gif') no-repeat; float: left; margin-left: 72px; margin-top: 12px;}
  #pruh em { display: block; font-size: 1.1em; color: #0373bd; float: right; padding-right: 75px; margin-top: 17px;}
  #pruh em cite {font-weight: bold; font-style: normal;}

#container { width: 999px; margin: 0px auto; overflow: auto;}

#footer { color: #9a9a9a; font-size: 1.1em; text-align: right; padding-bottom: 30px;     margin: 30px auto; width: 999px;}
  #footer span { display: block; margin: 30px auto; width: 999px; }
  #footer a { color: #0373bd; text-decoration: none; padding: 0px 2px;}
  #footer a.last { padding-right: 80px; }  
  #footer a:hover { text-decoration: underline;}
  #footer p { float: left; color: #0373bd; padding-left: 75px;}

#levy-sloupec { width: 373px; float: left; font-size: 1.1em; padding: 34px 0px 40px 0px; text-align: left; }
  #levy-sloupec p { margin-left: 64px; width: 305px; padding: 15px 0px; overflow: auto; background: url('images/background-levy.gif') repeat-x left bottom;}
  #levy-sloupec p.last { background: none;}
  #levy-sloupec img { float: left; margin: 0px 25px;}
  #levy-sloupec a { color: #000; text-decoration: none; }
  #levy-sloupec a:hover { color: #0373bd; }

#pravy-sloupec { width: 570px; float: right; padding: 44px 20px 40px 0px; text-align: left; }
  #pravy-sloupec h2 { font-size: 1.6em; padding-bottom: 10px; color: #0472bd; }
  #pravy-sloupec h3 { font-size: 1.4em; padding-bottom: 5px; color: #035084; }
  #pravy-sloupec p { font-size: 1.1em; padding-bottom: 10px; }
/*  #pravy-sloupec img { padding: 2px; border: 1px solid #b2b2b2; }*/
  #pravy-sloupec img.right {padding: 2px; border: 1px solid #b2b2b2;  float: right; margin: 4px 0px 10px 20px;}
  #pravy-sloupec img.left {padding: 2px; border: 1px solid #b2b2b2;  float: left; margin: 4px 20px 10px 0px;}
  #pravy-sloupec a { color: #0373bd; }
  #pravy-sloupec a:hover { color: #b7b7b7; }
  #pravy-sloupec ul { padding-bottom: 10px; font-size: 1.1em; list-style: none; padding-left: 10px;}  
  #pravy-sloupec ul li { padding-bottom: 3px; padding-left: 15px; background: url('images/li.gif') no-repeat left 4px; }
   
.break { clear: both;}