* {margin: 0; padding: 0; }
 p, h1, h2, h3, h4, h5, h6, ul, ol, li, form, fieldset, img, a {border: none;}
 body {padding-top: 30px; text-align: center; font-family: Verdana, Arial, lucida, sans-serif; font-size: small; _font-size: small; background: #000;}
 #ram {width: 1000px; margin: 0 auto; text-align: left; font-size: 0.9em; padding-bottom: 20px;}
 #hlavicka {background: url("./img/hlavicka-top.gif") left top no-repeat; position: relative;}
      #logo {height: 70px; width: 310px; font-size: 1em; position: relative;}
      #logo a {height: 70px; width: 310px; display: block; position: absolute; left:0; top:0;}  
      #logo a span {cursor: pointer; _cursor: hand; background: url("./img/hlavicka-top.gif") left top no-repeat; height: 70px; width: 310px; display: block; position: absolute; left:0; top:0; z-index: 3;}  
      #logotext {z-index: 5;position: absolute; top: 54px; left: 25px; font-family: verdana; color: #444; font-size: 0.9em;}
      #logotext strong {font-weight: bold;color: #000;}
      
      #tb {position: absolute; top: -14px; left: 710px; border: 0px solid #fff; width: 250px; height: 45px; background: url("./img/tb-right.gif") right bottom no-repeat;}
      #tb div {width: 250px; height: 45px; text-align: center;background: url("./img/tb-left.gif") left bottom no-repeat;}
      #tb div img {margin: auto auto;}
      
      #preskocit {background: #fff url("./img/telo-podklad.gif") left top repeat-y; text-align: center;padding: 5px 0; }      
      #preskocit a {position: absolute; top: -10000px; padding: 3px 7px; margin: 0 2px; background: #0c9cc6; color: #fff; text-decoration: none;}
      #preskocit a:active, #preskocit a:focus {top: 0px;}
      
 #telo {background: #fff url("./img/telo-podklad.gif") left top repeat-y;}      
 #telohelp {background: url("./img/telo-bottom.jpg") left bottom no-repeat; padding: 0 20px 15px 20px;}      
      #menu {width: 950px; padding-left: 10px; height: 30px; background: url("./img/menu-podklad.gif") left top no-repeat; list-style: none; margin-bottom: 10px;}
      #menu li {display: inline;}
      #menu li a {float: left; color: #fff; background:  url("./img/menu-odkaz1.gif") right center no-repeat; text-decoration: none; height: 30px; line-height: 30px; width: auto; padding: 0 10px;}
      #menu li a:hover, #menu li a:focus, #menu li a:active {background:  url("./img/menu-odkaz2.gif") right center no-repeat;}
 
 #obsah p {line-height: 1.7em; margin-bottom: 5px;}
 #obsah h2 {font-size: 1.8em; color: #000; font-weight: bold; margin: 15px 0 5px 0;}
 #obsah h4 {font-size: 1.2em; color: #000; font-weight: bold; margin: 15px 0 5px 0;}
 
 .cara {font-size: 0.8em; text-align: right; border-top: 1px solid #aed0da; margin-top: 5px; padding-top: 4px; margin-right: 10px;}
 
 .autoskolabox {clear: both; margin: 15px 0; padding-bottom: 10px; border-bottom: 1px solid #eee;}
 .autoskolabox img {float: left; margin: 0 15px 5px 0; border: 4px solid #0d9cc8; clear:  both;}
 .autoskolabox h4 {margin: 10px 0 10px 0;}
 .autoskolabox th {vertical-align: top; padding: 3px 6px 3px 0;}
 .autoskolabox td {padding: 3px 6px; line-height: 1.5em;}
 
 #levysloupec {width: 730px; float: left; border-right: 0px solid #000;padding-right: 20px;}
    #videobox {width: 450px; float: right; margin: 0 0 20px 0; background: #aaa; text-align: center;}    
    #videobox div {padding: 10px;}
    #videobox p {padding: 10px; border-top: 5px solid #fff; color: #fff;}
    #videobox p.videagoo {padding: 10px 0; border-top: 5px solid #fff; color: #fff; width: 450px; overflow: hidden;}
    #videobox p a {color: #fff;}

    #videobox2 {width: 450px; float: left; margin: 0 20px 20px 0; background: #aaa; text-align: center;}    
    #videobox2 div {padding: 10px;}
    #videobox2 p {padding: 10px; border-top: 5px solid #fff; color: #fff;}
    #videobox2 p.videagoo {padding: 10px 0; border-top: 5px solid #fff; color: #fff; width: 450px; overflow: hidden;}
    #videobox2 p a {color: #fff;}
    
    #podvideo {width: 450px; overflow: hidden; float: right; margin-top: 15px; margin-bottom: 15px;  background: #ffffe4; padding: 0 0 10px 0;}
    .vybrane {margin-bottom:10px; padding: 0 5px;}
    .vybrane td, .vybrane th {background: #eeeec5; padding: 3px;}
    .vybrane th {vertical-align: top; text-align: right;}
        
  div.znacka {clear: both; padding: 10px; border: 1px solid #eee; margin-top: 10px; width: 400px; background: url("podklad1.gif") right bottom no-repeat;}
  div.znacka img {float: left; margin: 10px;}
  .clearhelp {clear: both; line-height:1px; height: 1px; font-size:1px;}    
 
 #pravysloupec {width: 200px; margin-left: 10px; float: left;}
    #znackyaut {text-align: center;}
      
 #box1 {color: #fff; width: 750px; height: 150px; background: url("./img/box1-podklad.jpg") left top no-repeat; float: left; margin-right: 10px; margin-bottom: 10px;}      
 #box1 a {color: #fff;}
 #box1help {padding: 0 15px 15px 15px;}      
    #topautoskoly, #topautobazary, #topautoservisy {width: 240px; float: left; }
    #topautoskoly, #topautobazary {background: url("./img/box1-cara.gif") 230px 15px no-repeat; width: 240px; float: left; }
    #topautoskoly h3, #topautobazary h3, #topautoservisy h3 {background: url("./img/box1-nadpis.gif") left top no-repeat; text-transform: uppercase; font-size: 1.3em; margin-bottom: 15px; color: #000;height: 24px; width: 200px; line-height: 24px; text-align: center; margin-left: 10px;}
    #box2 h3 {background: url("./img/box1-nadpis2.gif") left top no-repeat; text-transform: uppercase; font-size: 1.3em; margin-bottom: 15px; color: #000;height: 24px; width: 160px; line-height: 24px; text-align: center; margin-left: 20px;}
    #topautoskoly ul, #topautobazary ul, #topautoservisy ul {padding-left: 50px;}
    #topautoskoly li, #topautobazary li, #topautoservisy li {margin-bottom: 5px;}
    
 #gr1  {width: 250px; height: 250px; margin: 0 10px 5px 0; float: left;}
 #gr2  div {padding-left: 20px;}
 #gr3  {margin: 10px 0;}
 #gr4  {margin: 5px 0;}
 
 #box2 {width: 200px; height: 150px; background: url("./img/box2-podklad.gif") left top no-repeat; float: left;}      
 #box2 div {padding: 0px 0px 0 40px;}      

 #drobecky {width: 960px; height: 25px; line-height: 25px; margin: 10px 0; background: #b6e9f8 url("./img/drobecky-podklad.gif") left top no-repeat; clear: both;}
 #telo #drobecky p {padding: 0 10px; line-height: 25px;}
 #drobecky p span {color: #fff;}
 #drobecky a {color: red /*#e59a08*/;}
 #drobecky a:hover {color: #fff; background: red;}
 
 
 #paticka { clear: both; width: 1000px; height: 101px; margin-top: 10px; background: url("./img/paticka-loga.gif") left top no-repeat; font-size: 1em; color: #fff;}      
 #paticka a {position: relative; width: 125px; height: 101px; display: block; float: left; overflow: hidden; height: 101px; line-height: 101px; color: #fff;}
 #paticka a span {cursor: pointer; cursor: hand; width: 125px; height: 101px; display: block;  height: 101px; position: absolute; top: 0; left:0; z-index:3;}
 #paticka #bt1 span {background: url("./img/paticka-loga.gif") 0 0 no-repeat;} 
 #paticka #bt2 span {background: url("./img/paticka-loga.gif") -125px 0 no-repeat;}
 #paticka #bt3 span {background: url("./img/paticka-loga.gif") -250px 0 no-repeat;}
 #paticka #bt4 span {background: url("./img/paticka-loga.gif") -375px 0 no-repeat;}
 #paticka #bt5 span {background: url("./img/paticka-loga.gif") -500px 0 no-repeat;}
 #paticka #bt6 span {background: url("./img/paticka-loga.gif") -625px 0 no-repeat;}
 #paticka #bt7 span {background: url("./img/paticka-loga.gif") -750px 0 no-repeat;}
 #paticka #bt8 span {background: url("./img/paticka-loga.gif") -875px 0 no-repeat;}
 
 #toplist {position: relative; left: -2000px;}
 
 .kontakt {color: #aaa; font-size: 0.8em; padding: 10px 0;}
 .kontakt a {color: #aaa;}

 a {color: #0c7a9b;}
 a:hover {color: #fff; background: #0c7a9b;}

 .center {text-align: center;}
 .right {text-align: right;}
 .left {text-align: left;}
      
 .floathelp {clear: both; font-size: 1px; height: 1px; lin-height: 1px;}
 .schovat {display: none;}
 .hidden {display: none;  }
 .pryc {position: absolute; top: -2000px;}