 * {margin: 0; padding: 0; }
 p, h1, h2, h3, h4, h5, h6, ul, ol, li, form, fieldset, img, a {border: none;}
 body {text-align: center; font-size: small; margin: 0; padding:0; color: #000; font-family: Verdana;}
 #ram {text-align: left; margin: 0 auto; width: 1000px;} 
 #hlavicka {padding-bottom: 10px;width: 1000px; height: 193px; background: url("./img/hlavicka.jpg") left top no-repeat;}
 
 #logo {padding: 10px 0 3px 0;font-size: 2em;}
 #logo a {color: #b2b8c8; text-decoration: none; text-transform: uppercase; font-weight: normal; }
 #logo a.logorim {color: #817052;}
 #logo a.logobenatky {color: #0f54b1;}
 
 
 #blacklist {padding:5px 0 5px 60px; background: url("./img/zakazane-spolecnosti.gif") 0 0 no-repeat;}
 #blacklist a {color: red;background: #ffffe1;}
 .rezervace {padding: 10px; margin-bottom: 20px;}
 .rezervace td {padding: 5px 7px;} 
 .rezervace td input {padding: 1px 4px;} 
 .rezervace th {text-align: right;padding: 5px 7px;}
 
 div.ramecek2 {padding: 10px; background: #282010 url("./letenky-do-rima/podklad.jpg") left top; margin: 20px 0; color: #fff}
 div.ramecek2ben {background: #22a5f3 url("./letenky-do-benatek/podklad.jpg") left top; margin: 20px 0; color: #fff}
 div.ramecek2 h2 {margin: 0 0 10px 0; color: #fff;}
 div.ramecek2 a {color: #fff;}
 div.ramecek2 a:hover {color: #000;}
 div.ramecek3 {margin: 20px 0;}
 
 .infosed {padding: 10px; background: #eee; color: #444; font-size: 0.8em; margin: 20px 0;  }
 
 #left {width: 400px; margin-right: 20px; float: left; overflow: hidden; margin-bottom: 10px; }
 #left div { border-right: 1px solid #ddd; border-left: 1px solid #ddd; padding: 15px;}
 #rightram {width: 580px; float: left; margin-bottom: 10px;}
 #novinky {width: 580px; background: #e8eef9; overflow: hidden; position: relative;}
 #novinky div {border: 1px solid #4376e0; padding: 15px; overflow: hidden;}
 #novinky ul {list-style: none; font-size: 0.9em; width: 263px; float: left; margin-bottom: 15px; margin-right: 10px;}
 #novinky ul li {background: url("./img/odrazka1.gif") 0 4px no-repeat; padding-left: 20px; margin-bottom: 10px;}
 #novinky ul li span {text-transform: uppercase; font-size: 0.9em; font-weight: bold;}
 
 #handicap {width: 580px; margin: 20px 0;}
 #handicap div {background: #c7cadb; padding: 15px;}
 #handicap a {color: #000; text-decoration: none; background: #ffffe1;}
 #letiste {width: 580px; margin: 20px 0;}
 #letiste div {background: #ddd; padding: 15px;}
 #letiste td, #letiste th {padding: 2px 3px;}
 #letiste table {margin-bottom: 10px;}

 
 
 h2 {font-size: 1.3em; text-transform: uppercase; font-weight: normal; margin-bottom: 10px; margin-top: 20px; color: #001eff;}
 h2.beztop {margin-top: 0px;}
 h4 {font-size: 1em; text-transform: uppercase; font-weight: bold; margin-bottom: 5px; margin-top: 10px;}
 h3.small {font-size: 1em; font-weight: bold; margin: 15px 0;}
 h3.modry {color: #4376e0;}
 h3.cerveny {color: red;}
 
  h3 {font-size: 1.3em; text-transform: uppercase; font-weight: normal; margin-bottom: 10px; margin-top: 20px;} 
 h3.nadpisposun {border-left: 25px solid #ddd; padding-left: 10px; position: relative; left: -15px;}
 
 #left div.bb {border: 1px solid #001eff; margin-bottom: 15px;}
 
 #spolcr {width: 570px; margin: 20px 0 20px 20px;}
 #spolcr td { vertical-align: top; padding-right: 5px;}
 
 #nizkolist {width: 350px; margin: 20px 0 20px 20px;}
 #nizkolist td { vertical-align: top;}
 ul li {margin-bottom: 5px;}
 ol {padding-left: 25px;}
 ol li {margin: 5px 0 5px 0;}
 ul.odrazka2 {list-style: url("./img/odrazka2.gif");}
 ul.odrazka3 {list-style: url("./img/odrazka3.gif"); padding-left: 30px;}
 ul.odrazka4 {list-style: url("./img/odrazka2.gif"); padding-left: 30px;}
 
 a {color: #4376e0}
 a:hover {color: #000; text-decoration: none; background: #ffffe1;}
 .cleahelp {clear: both; font-size: 1px; line-height: 1px; height: 1px}
 p {margin-bottom: 5px; line-height: 1.5em;}
 p.poznamka {font-size: 0.8em;}
 
 #paticka {margin: 10px 0; background: #e8eef9; padding: 10px; font-size: 0.8em; clear: both; position: relative;}
 
 
