html, body {
      background-color: black;
      margin: 0px;
      padding: 0px;
      font-family: Arial, Tahoma;
      }
      
    div.center {
      margin-left: auto; 
      margin-right: auto;
      background-image: none;
      background-color: transparent;
      width: 780px;
      padding-top: 0px;
      }
      
    div.main {
      width: 710px;
      padding: 10px;
      padding-left: 35px;
      padding-right: 35px;
      background-color: white;
      background-image: url('../obr/bg-main.gif');
      }
      
    div.paticka {
      width: 760px;
      padding-right: 20px;
      padding-top: 5px;
      text-align: right;
      color: #D1D1D1;
      font-size: 11px;
      padding-bottom: 30px;}
      
      div.paticka a {
        color: #D1D1D1;}
  
    div#navigace {
      width: 620px;
      position: relative;
    	left: 170px;}

    
    #navigace ul {
    	list-style-type: none;
    	margin: 0;
    	padding: 0;
    	font-size: 12px;
    	z-index: 2;
    }
    
    #navigace ul li {
    	display: inline;
    	margin: 0px;
    	padding: 0;
    	float: left;
    }
    
    #navigace ul li a {
    	color: #C4C3C2;
    	font-weight: bold;
    	text-decoration: none;
    	display: block;
    	overflow: hidden;
    }
    
    #navigace ul li a.aktivni {
    	color: white;
    }
    
    #navigace ul li a:hover {
    	text-decoration: none;
    	color: white;
    }
    
    #navigace ul li#prvni {
      margin-right: 43px;}  
      
    #navigace ul li#druhy {
      margin-right: 37px;}  
      
    #navigace ul li#treti {
      margin-right: 46px;}  
    
    #navigace ul li#ctvrty {
      margin-right: 50px;}  
      
    div.top-menu {
      width: 780px;
      height: 27px;
      background-color: transparent;
      background-image: url('../obr/top-menu.gif');
      background-position: right top;
      background-repeat: no-repeat;
      font-size: 11px;
      color: black;}
      
    div.bottom {
      clear: both;
      padding-bottom: 20px;
      padding-top: 20px;}
      
    div.bottom h2 {
      color: #B1AFAF;}
      
      div.bottom h2 a {
        color: #B1AFAF;
        text-decoration: none;}
        
        div.bottom h2 a:hover {
          color: #898888;}
      
    div.bottom img {
      float: right;}
     
    div.top-menu a#domu {
      color: black;
      position: relative; 
      top: 6px;
      left: 503px;
      text-decoration: none;}
      
    div.top-menu a#domu:hover {
      text-decoration: underline;
    }
      
    div.top-menu a#stazeni {
      color: black;
      position: relative; 
      top: 6px;
      left: 541px;
      text-decoration: none;}
    
    div.top-menu a#stazeni:hover {
      text-decoration: underline;}
    
    div.top-menu a#oblibene {
      color: black;
      position: relative; 
      top: 6px;
      left: 578px;
      text-decoration: none;}
    
    div.top-menu a#oblibene:hover {
      text-decoration: underline;}
    
    div.top-menu span {
      color: white;
      position: relative; 
      top: 6px;
      left: 420px;}
      
    div.top-menu a.jazyky {
      color: white;
      text-decoration: none;}
      
    div.bunka {
      width: 161px;
      height: 195px;
      background-image: url('../obr/poz-bunka.gif');
      background-repeat: no-repeat;
      background-position: left top;
      background-color: transparent;
      padding: 15px;
      padding-top: 10px;
      margin-left: 35px;}
      
    div.bunka img {
      margin-top: 0px;
      margin-left: 27px;}
      
    div.bunka2 {
      width: 161px;
      height: 195px;
      background-image: url('../obr/poz-bunka.gif');
      background-repeat: no-repeat;
      background-position: left top;
      background-color: transparent;
      padding: 15px;
      padding-top: 10px;
      margin-right: 34px;
      float: right;}
      
    div.bunka2 img {
      margin-top: 30px;
      margin-left: 27px;}
      
    h1 {
      margin: 0px;
      padding: 0px;
      margin-bottom: 20px;
      color: green;
      font-size: 20px;
      font-weight: normal;
      background-image: url('../obr/ikona4.gif');
      background-repeat: no-repeat;
      background-position: left top;
      padding-bottom: 5px;
      padding-left: 35px;}
      
      .odsazeni-top {
        margin-top: 40px;}
      
    h2 {
      margin: 0px;
      padding: 0px;
      margin-bottom: 15px;
      color: green;
      font-size: 18px;
      font-weight: normal;}
      
    ul.pozn {
      padding-left: 0px;
      font-size: 11px;
      font-family: Arial;}
    
    ul.pozn li {
      list-style-type: none;
      font-family: Arial; 
      padding-left: 25px; 
      padding-bottom: 5px;
      background: url('../obr/ikona-icq.gif') no-repeat top left;}
      
    img#vice {
      margin-left: 45px;
      margin-top: 15px;}
      
    div.srovnani-icq {
      width: 320px;
      background-color: transparent;
      background-image: url('../obr/srovnani-new-icq.gif');
      background-repeat: no-repeat;
      background-position: left top;
      float: right;}
      
    div.srovnani-qip {
      width: 320px;
      background-color: transparent;
      background-image: url('../obr/srovnani-new-qip.gif');
      background-repeat: no-repeat;
      background-position: left top;}
    
    ul.srovnani {
      padding-top: 10px;
      padding-left: 5px;
      font-size: 12px;
      font-family: Arial;}
    
    ul.srovnani li {
      list-style-type: none;
      line-height: 150%; 
      font-family: Arial; 
      font-size: 13px; 
      padding-left: 25px; 
      padding-bottom: 5px;
      background: url('../obr/ikona2.gif') no-repeat top left;}
      
    ul.srovnani2 {
      padding-top: 10px;
      padding-left: 5px;
      font-size: 12px;
      font-family: Arial;}
    
    ul.srovnani2 li {
      list-style-type: none;
      line-height: 150%; 
      font-family: Arial; 
      font-size: 13px; 
      padding-left: 25px; 
      padding-bottom: 5px;
      background: url('../obr/ikona-icq.gif') no-repeat top left;}
      
    .srovnanih2 {
      font-size: 20px;
      font-weight: bold;
      color: white;
      padding-left: 30px;
      padding-top: 17px;}

      
    p {
      font-size: 13px;}
      
    a {
      color: green;}
    
    a:hover {
      text-decoration: none;}
      
    span.mensi-menu {
      font-size: 12px;}
      
    ul {
      font-size: 13px;}
      
    ol {
      font-size: 13px;}
      
    ul a {
      color: green;}
      
    ul.skiny a {
      color: black;}
    
    .stopfloat {
	   clear: both;
     visibility: hidden;}
	   
	  #nic {
      margin: 0px;
      padding: 0px;}
    
    ul.menu a {line-height: 160%; font-family: Arial; font-weight: bold; font-size: 14px; margin-left: -19px; padding-left: 20px; background: url('obr/kull01.gif') no-repeat 0% 50%;}
      ul.menu a:hover {list-style-type: none; padding-left: 25px; background: url('obr/kulll02.gif') no-repeat left top}
      ul.menu li {list-style-type: none;}
    
    div.header {
      background: url('../obr/header.jpg') no-repeat left top;
      width: 614px;
      height: 301px;}
    
    .absolute1 {
      position: relative;
      left: 211px;
      top: 47px;
      color: white;
      font-weight: normal;
      font-size: 18px;}
      
    .absolute2 {
      position: relative;
      left: 110px;
      top: 220px;
      color: white;
      font-weight: bold;
      font-size: 16px;
      text-decoration: none;}
      
    #meebo {
      width: 495px;
      height: 500px;}
           
    #reklama {
      float: right;
      padding-top: 50px;}