* {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: 11px; margin: 0; padding:0; color: #000; font-family: Verdana;} 
 #ram {position: relative; text-align: left; margin: 0 auto; width: 1000px; padding-top: 5px;}  
 #hlavickarim {position: relative; padding-bottom: 10px;width: 1000px; height: 245px; background: url("./img/hlavickarim.jpg") left top no-repeat;}
 #rrhlavicka {width: 504px; background: #2c6a9c; color: #fff; position: absolute; top:0; left: 496px;}
 #rrhlavicka div {border: 5px solid #fff; padding: 3px 10px;}
 #logo {padding: 10px 0 10px 20px; margin:0; position: absolute; left: 0px; top:20px;}
 #logo a {background: url("./img/pruhledny-podklad.gif") left top repeat; padding: 5px 15px; border: 5px solid #fff; font-size: 1.5em; color: #fff; text-decoration: none; text-transform: uppercase; font-weight: bold; }
 #logo a:hover {color: #fff; background: transparent;}
 
 
 #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.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;} 
 #left {padding-top: 65px; position: relative; top: -40px; left:0; width: 508px; float: left; overflow: hidden; margin-bottom: 10px; background: #fff;} 
  #leftI {border-left: 0px solid #2c6a9c; padding: 15px;}
 #rightram {position: relative; top: -90px; width: 192px; float: left; margin-bottom: 10px;  background: #eee; overflow: hidden;}
  #rightramI {border: 5px  solid #fff; padding: 145px 10px 10px 10px;}
 #rightram2 {width: 300px; float: left; margin-bottom: 10px; overflow: hidden;}
  #rightram2I {border-right: 0px solid #2c6a9c; padding: 0 0 0 0px;}
 
 #menu {margin:0; padding: 0; list-style: none; background: #fff; border: 5px  solid #fff;}
 #menu li {display: inline; position: relative;}
 #menu li a {padding: 5px 10px; text-decoration: none;display: block; margin-bottom: 1px; background: #2c6a9c; color: #fff; text-transform: uppercase;}
 #menu li a:hover, #menu li a.aktualni {background: #1d537f;}
 #menu .menux a {background: #ea901b;}
 
 
 h2 {font-size: 1.7em; text-transform: uppercase; font-weight: bold; margin-bottom: 10px; margin-top: 20px; color: #000;}
 h3 {clear: both; font-size: 1.3em; font-weight: bold; margin-bottom: 10px; margin-top: 20px; color: #2c6a9c;} 
 h3 a {color: #2c6a9c;} 
 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;}
 #left div.bb {border: 1px solid #001eff; margin-bottom: 15px;}
 
 
 ul li, ol li {margin-bottom: 5px;}
 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;}
 #left ul, #left ol {padding-left: 30px; margin: 5px 0 15px 0;}
 #rightramI ul, #rightramI ol {padding-left: 30px; margin: 5px 0 15px 0;} 
 #left p {margin-bottom: 10px;}


 .pocasi {position: relative; width: 160px;}
 .pocasinadpis {color: red; text-transform: uppercase; text-align: center; width: 160px;}
 .pocasihelp {position: absolute; left: 0; top: 18px; background: #d0dce8; height: 18px; margin: 0 1px; width: 158px;}
  .pocasi p {margin-top: 7px;}
 .tip {color: #ea901b; font-weight: bold; text-align: center; clear: both; margin: 10px 0; border-top: 1px solid #da9c7e; border-bottom: 1px solid #da9c7e; padding: 5px; background: #f5e8e2;}
 .tip  a {color: #000; font-weight: normal;}
 
 .tip2 {color: #2c6a9c; font-weight: bold; text-align: center; clear: both; margin: 10px 0; border-top: 1px solid #2c6a9c; border-bottom: 1px solid #2c6a9c; padding: 5px; background: #ddf0ff;}
 .tip2  a {color: #000; font-weight: normal;}
 
 .od1 {}
 .od1 h4 {text-transform: none;}
 
 /* Google reklamy */
 #rr5 {background: #2c6a9c; padding: 7px; color: #fff; margin: 20px 0; overflow: hidden;}
 #posunrek {position: absolute; top: 235px; left: 15px; border: 0px solid #000;width: 470px; 60px; z-index:5;}
 #rr1 {position: absolute; z-index: 5; top: 428px; left: 523px; border: 0px solid #000; width: 130px; height: 125px;}
 #rr1 h3 {margin: 0; padding:0;}
 
 /* Invia reklamy */
 .invianejtext {text-align: center; padding: 0 0 15px 0;}
 .invianejtext a {font-size: 1.5em; font-weight: bold; text-decoration: none;}
 
 .inviaxml1 {background: #eee;} 
 .inviaxml1pol {margin-bottom: 10px; text-align: center;} 
 .inviaxml1pol h3 {font-size: 1em; margin:0; padding:0 0 3px 0;} 
 .inviaxml1pol h3 a {text-decoration: none;} 
 .aimg img {border: 3px solid #fff;}
 
 /* directo reklama*/
 
 .dglobal_545 {margin: 0 0 15px 0;}
 .dg_ad {background: #da9c7e; color: #fff; padding: 5px 10px;}
 .dg_ad a {color: #fff; font-weight: bold;}
 .dg_ad a:hover {color: #da9c7e; background: #fff;}
 
 /* eTarget reklamy */
 
 .et1 {width: 460px; height: 250px;}
 .et11 {width: 230px; height: 250px; float: left;}
 .et12 {width: 230px; height: 250px; float: left;}
 
 /* Aukro reklama */
 
 .au1 {position: absolute; left: 815px; top: 100px; z-index: 5;}
 
 img.leftr {border: 3px solid #da9c7e; float: right; margin:  0 0 10px 10px;}
 img.leftl {border: 3px solid #da9c7e; float: left; margin:  0 10px 10px 15px;}
 img.ram {border: 3px solid #da9c7e; margin:  10px 0 10px 15px;}
 img.ram2 {border: 3px solid #fff; margin:  0 10px 0 5px;}
 
 div.gal {width: 300px; background: #da9c7e; margin-bottom: 15px;}
 div.gal img {padding: 15px;}
 div.gal p {margin:0; padding: 5px 5px 5px 5px; color: #fff; text-align: center;}
 div.gal p a {color: #fff;}
 div.gal p a:hover {color: #fff;}
 
 .invia300 {display: none; margin-bottom: 15px;}
 .invia480 {display: none;}
 .invia700 {display: none;background: #2c6a9c; padding: 15px 0 0 0; text-align: center; clear: both; position: relative; left:0; top: 10px;}
 
 div.mapa h3 {color: #000; }
 div.mapa a { display: block; border:0;}
 div.mapa a img {border: 1px solid #da9c7e;}
 
 .uby1 {background: #ddd; color: #000; padding: 20px; clear: both;}
 .uby1 h2 {text-transform: uppercase; margin: 0 0 5px 0; font-weight: normal;}
 .uby1 h2 a {text-decoration: none; color: #000;}
 .uby1 a {color: #000;}
 
 
 a {color: #ea901b; font-weight: bold;}
 a:hover {color:#1d537f ; text-decoration: none;}
 .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;}
 p.posun1 {margin-left: 15px;}
 #paticka {_width: 1000px; border: 1px solid #2c6a9c; margin: 10px 0; background: #2c6a9c; padding: 10px; font-size: 0.8em; clear: both; position: relative; color: #fff;}
 #paticka #kontext {width: 500px; float: right; text-align: center;}
 #paticka #kontext a {color: #fff; font-style: normal;}
 #paticka #kontext a:hover {text-decoration: none;}
 #paticka #kontextodkaz {width: 200px; float: right; text-align: right;}
 #paticka #kontextodkaz a {font-weight:normal; color: #fff; font-style: normal;}