html, body {
      background: #85AB00;
      margin: 0px;
      padding: 0px;
      font-family: Arial;
      color: black;
      font-size: 12px;}
      
    .center { 
      margin-left: auto;
      margin-right: auto;
      text-align: center;
      background: transparent;
      width: 980px;
      *width: auto;}
      
        
    .obsah {
      width: 980px;
      *width: 984px;
      border-left: 1px solid white;
      border-right: 1px solid white;
      text-align: left;
      background-image: url('../obr/bg.jpg');
      background-position: left top;
      background-repeat: repeat-y;}
      
    .top {
      width: 980px;
      height: 109px;
      background-image: url('../obr/bg-hlavicka.jpg');
      background-position: left top;
      background-repeat: no-repeat;}
      
    #navigace {
      width: 980px;
    	text-align: left;
    	margin: 0;}

      #navigace ul {
      	list-style-type: none;
      	margin: 0;
      	padding: 0;
      	font-size: 12px;
      	font-weight: bold;
        font-family: Arial;}
      
      #navigace ul li {
      	display: inline;
      	margin: 0;
      	padding: 0;
      	float: left;
        background: none;}
      
      #navigace ul li a {
      	color: white;
      	text-decoration: none;
      	display: block;
      	overflow: hidden;
      	margin: 0.4em 1.8em 0.6em 1.8em;
      	text-align: left;}
      	
      #navigace ul li a.login {
        margin-top: 2px;
        margin-left: 32px;
      	width: 114px;
        height: 20px;
        background: url('../obr/login_tlac.png') no-repeat left top;}
      
      #navigace ul li a:hover {
      	text-decoration: none;
      	color: black;}
      	
    div.main {
      width: 775px;
      float: left;
      margin-right: 10px;
      background: transparent;}
      
    div.pravy-sloupec {
      float: right;
      width: 195px;        
      background: transparent;
      }
      
    div.pravy-sloupec-in {
      width: 175px;
      margin-left: 10px;
      margin-top: 6px;
      margin-bottom: 18px;}
      
    div.doporucujeme {
      background-color: white;
      padding-top: 8px;}
      
    div.doporucujeme img {
      margin-right: 1px;}
      
    div.spmenu {
      width: 775px;
      height: 20px;
      padding-top: 15px;
      background-color: white;
      background-image: url('../obr/spmenu.jpg');
      background-position: left bottom;
      background-repeat: no-repeat;}
      
    .sipka {
      margin-left: 30px;
      padding-left: 20px;
      background: url('../obr/sipka-oranzova.jpg') no-repeat left center;}
      
    .sipka a {
      font-weight: bold;
      font-style: normal;
      color: black;
      text-decoration: none;}
      
    .sipka a:hover {
      text-decoration: underline;}
      
    div.text {
      background: #EFF0F1;
      width: 775px;
      padding-bottom: 30px;}
      
    div.inner-text {
      background: transparent;
      margin-left: 35px;
      padding-top: 30px;
      width: 704px;}
      
    h1 {
      margin-top: 5px;
      font-size: 14px;
      color: black;
      margin-bottom: 15px;
      padding-left: 25px;
      background: url('../obr/sipka-h1.jpg') no-repeat left center;}
      
    .h1-none {
      margin-top: 0px;}
      
    h2 {
      margin-top: 25px;
      font-size: 14px;
      font-weight: bold;
      color: #EB8B17;}
      
    .h2-sipka {
      margin-top: 18px;
      font-size: 13px;
      color: black;
      margin-bottom: 18px;
      padding-left: 25px;
      background: url('../obr/sipka-oranzova.jpg') no-repeat left center;}       
      
    #black {
      color: black;}
      
    table {
      border-collapse: collapse;
      border: 0px;
      width: 100%;}
      
    table tr td.prvni {
      width: 70%;}
      
    table tr td.prvni-tretina { /* pokud ma tabulka tri sloupce */
      width: 25%;} 
     table tr td.druha-tretina { /* pokud ma tabulka tri sloupce */
      width: 45%;}

    table tr td {
      font-size: 12px;
      padding: 7px;
      padding-left: 15px;}
      
    table tr td.obr {
      font-size: 12px;
      height: 34px;
      text-align: center;}
      
    table tr td a {
      color: black;}
      
    table tr {
      background: #E5E5E5;}
      
    table tr.bez-barvy {
      background: transparent;}
      
    table.uvodni-mesta {
      background: transparent;
      border-spacing: 5px;
      margin: 0px;
      padding: 0px;}
      
    table.uvodni-mesta tr {
      background: transparent;}
      
    table.uvodni-mesta tr td {
      background: transparent;
      font-family: Arial;
      font-size: 13px;
      color: black;
      border: 0px;
      width: 400px;}
  
    table.uvodni-mesta tr td a {
      font-family: Arial;
      font-size: 13px;
      color: black;
      text-decoration: underline;}
      
    table.uvodni-mesta tr td a:hover {
      text-decoration: none;
      font-size: 13px;
      color: black;}
      
    table.uvodni-mesta ul li {
      list-style-type: none;}
    
    table.uvodni-mesta ul li span a {
      font-size: 14px;
      font-weight: bold;
      color: #668300;}
      
    table.uvodni-mesta ul li span a:hover {
      font-size: 14px;
      font-weight: bold;
      color: #668300;
      text-decoration: none;}
      
    .hledani-nazev {
      padding-top: 8px;
      padding-bottom: 9px;
      padding-left: 15px;
      font-size: 12px;
      border: 1px solid #85AB00;
      background: #F4FFCF;}
      
    .hledat {
      margin-left: 5px;
      position: relative;
      top: 11px;}
      
    div.paticka {
     background: url('../obr/bg-paticka.jpg') no-repeat left top;
     width: 980px;
     height: 23px;
     color: white;}
     
    div.paticka .paticka-odkazy {
      float: left;
      margin-top: 5px;
      margin-left: 30px;}
     
    .paticka a {
      padding-left: 5px;
      padding-right: 5px;
      text-decoration: none;
      color: white;}
       
    .paticka a:hover {
      color: black;}
      
    .paticka-posledni {
      margin-right: 35px;}
      
    .zpetne-odkazy {
      margin-top: 5px;
      font-size: 11px;
      color: white;}
      
    .zpetne-odkazy a {
      font-size: 11px;
      color: white;
      text-decoration: none;}
     
    hr.cistic {
      visibility: hidden;
      clear: both;}
      
  p {
    line-height: 135%;}
    
  a {
    color: #668300;}
    
  .tip {
    font-style: italic;
    font-size: 11px;
    color: grey;
    margin-top: 0px;}
    
  .clanek-sumava {
    float: right;
    margin-left: 25px;
    width: 265px;
    height: 225px;
    background: url('../obr/clanky/sumava.jpg');}
    
  .clanek-sumava p {
    font-size: 11px;
    padding: 18px;
    margin-top: 151px;}
    
  a:hover {
    text-decoration: none;}
      
  .float-right {
    float: right;
    margin-left: 25px;}
    
  .float-right2 {
    float: right;}
    
  .select {
    width: 175px}
    
  #select {
    width: 196px}
  
  .hledej {
    width: 175px;
    height: 32px;
    background: url('../obr/vyhledat-ubytovani.jpg');
    color: white;
    font-size: 11px;
    border: 0px;
    margin-bottom: 5px;}
    
  .hledej-fulltext {
    width: 72px;
    height: 33px;
    background: url('../obr/hledat.jpg');
    color: white;
    font-size: 11px;
    border: 0px;
    margin-bottom: 5px;}
    
  .rozsirene-vyhledavani {
    font-size: 11px;}
    
  .obr-pravy-sloupec {
    position: relative; 
    left: 1px;}
    
  .obr-pravy-sloupec2 {
    position: relative; 
    left: 3px;}
    
  .pocet-osob {
    width: 82px;}
    
  .chci-navstivit1 {
    color: black;}
    
  .chci-navstivit2 {
    color: grey;
    font-weight: bold;}
  
  .email-pole {
    width: 130px;
    margin-bottom: 3px;}
  
  .heslo-pole {
    width: 130px;
    margin-left: 3px;
    margin-bottom: 10px;}
    
  .turisticke-oblasti a {
    line-height: 170%;
    font-weight: bold;
    margin-right: 30px;}
    
  .turisticke-oblasti {
    font-size: 13px;
    color: #668300;}
    
  .typ-ubytovani-box {
    float: right;
    background: url('../obr/bg-typ-ubytovani.jpg') no-repeat left top;
    width: 333px;
    height: 86px;
    margin-bottom: 5px;}
    
  #typ-ubytovani-box2 {
    margin-right: 35px;}
    
  #typ-ubytovani-box3 {
    float: left;}

  .typ-ubytovani-box img {
    float: left;
    margin: 6px;}
    
  .typ-ubytovani-box h3 {
    font-size: 18px;
    color: black;
    font-weight: normal;
    position: relative;
    top: 32px;
    left: 8px;
    display: inline;
    margin: 0px;
    padding: 0px;}
    
  .typ-ubytovani-box h3 a {
    font-size: 18px;
    color: black;
    text-decoration: none;}
    
  .nazev-vyhl {
    position: absolute;
    }
    
  .odsadit-vyhl {
    margin-left: 180px;}
    
  .odsadit-vyhl2 {
    margin-left: 125px;
    *margin-left: 105px;}
    
  .dalsi-pozadavky {
    float: left;
    margin: 0px;
    padding: 0px;
    width: 170px;}
    
  .info {
    background: url('../obr/info.jpg') no-repeat left top; 
    padding-left: 22px; 
    color: black;
    font-family: Arial; 
    font-size: 12px; 
    margin-bottom: 15px; 
    margin-top: 15px;}
    
  .polozka-registrace {
    height: 33px;
    width: 680px;
    background: url('../obr/bg-registrace-uzivatele.png') no-repeat left top;
    padding-left: 10px;
    margin-bottom: 3px;}
    
  .polozka-registrace span {
    position: absolute;
    font-weight: bold;
    padding: 5px;
    padding-top: 9px;}
    
  .polozka-registrace span.popis {
    margin-left: 20px;
    font-size: 11px;
    color: gray;
    font-weight: normal}
    
  .polozka-registrace input {
    margin-top: 6px;
    margin-left: 120px;}
    
  .polozka-registrace select {
    margin-top: 6px;
    margin-left: 120px;}
    
    
  .polozka-registrace2 {
    height: 33px;
    width: 680px;
    background: url('../obr/bg-registrace-uzivatele.png') no-repeat left top;
    padding-left: 10px;
    margin-bottom: 3px;}
    
  .polozka-registrace2 span {
    position: absolute;
    font-weight: bold;
    padding: 5px;
    padding-top: 9px;}
    
  .polozka-registrace2 span.popis {
    margin-left: 20px;
    font-size: 11px;
    color: gray;
    font-weight: normal}
    
  .polozka-registrace2 input.od {
    margin-top: 6px;
    margin-left: 120px;}
    
    
  .polozka-registrace3 {
    height: 90px;
    width: 336px;
    background: url('../obr/bg-registrace.jpg') no-repeat left top;
    padding-left: 10px;
    padding-top: 10px;
    margin-bottom: 3px;}
    
  .polozka-registrace3 span {
    position: absolute;
    font-weight: bold;
    padding: 5px;
    padding-top: 9px;}
    
  .polozka-registrace3 input {
    margin-top: 6px;
    margin-left: 120px;}
    
    
  .italic {
    font-style: italic;}
    
  #bez-popisu {
    height: 33px;
    width: 341px;
    background: url('../obr/bg-registrace-uzivatele2.png') no-repeat left top;}

  div.otazka {
    width: 690px; 
    padding: 7px; 
    color: black; 
    text-decoration: none; 
    font-family: Arial; 
    font-size: 12px; 
    font-weight: bold; 
    margin-top: 15px; 
    background: url('../obr/otaznik.jpg') no-repeat right; 
    background-color: #CFD0D0;}
    
  div.odpoved {
    width: 688px; 
    background-color: #E3E4E5; 
    padding: 8px; 
    color: black; 
    text-decoration: none;
    font-family: Arial; 
    font-size: 12px;}
  
  .obr-clanky img {
    margin-left: 50px;
    margin-bottom: 10px;}
    
  div.kontakt {
    width: 440px; 
    height: 160px; 
    background: url('../obr/bg-kontakt.gif') left top no-repeat; 
    padding-left: 15px;}
    
  div.rvyhl {
    width: 668px;     
    height: 142px;
    *width: 698px;
    *height: 185px;     
    background: url('../obr/poz_rvyhl.jpg') left top no-repeat; 
    margin-bottom: 20px; 
    padding: 15px; 
    padding-top: 30px;}
    
  div.rvyhl-right {
    float: right;}
    
  div.strany {
    margin-right: 8px;
    width: 450px; 
    height: 20px; 
    background-color: transparent;
    float: right;
    text-align: right;}
    
  div.stranyin {
      position: relative; 
      width: 220px; 
      height: 20px; 
      background-color: transparent; 
      text-align: left;}
    
  span#sede1 {
    color: #656565}
    
  a#stra {
    background-color: gray; 
    margin-left: 4px; 
    text-decoration: none; 
    padding-left: 3px; 
    padding-right: 3px; 
    color: white;}
    
  a#stra:hover {
    background-color: #9FC907;} 

  a#strb {
    background-color: #9FC907; 
    margin-left: 4px; 
    text-decoration: none; 
    padding-left: 3px; 
    padding-right: 3px; 
    color: white;}
    
  a#strn {
    margin-left: 5px;}
    
  div.top-vypis {
    width: 698px; 
    height: 21px; 
    background-color: orange; 
    background-image: url('../obr/oran_lista.jpg'); 
    background-repeat: no-repeat; 
    background-position: left top; 
    margin-top: 4px;}

  span.objekt {
    position: relative; 
    top: 3px;
    left: 20px;
    font-size: 12px; 
    font-weight: bold; 
    font-family: Arial; 
    color: white;}
    
  span.aktivity {
    position: relative; 
    top: 3px;
    left: 340px;
    font-size: 12px; 
    font-weight: bold; 
    font-family: Arial; 
    color: white;}
    
  span.informace {
    position: relative;
    top: 3px; 
    left: 448px;
    font-size: 12px; 
    font-weight: bold; 
    font-family: Arial; 
    color: white;}
    
  div.vypis1 {
    width: 690px; 
    *width: 698px;     
    height: 82px; 
    background-color: #D9D9D9; 
    padding: 4px;}
    
  div.vypis2 {
    width: 690px; 
    *width: 698px;
    height: 82px; 
    background-color: #E5E3E3; 
    padding: 4px;}
    
  .sloupec1 { 
    background-color: transparent;
    float: left;
    width: 125px;
    height: 80px;}
    
  .sloupec2 {
    background-color: transparent; 
    width: 285px;
    float: left;}
    
  .sloupec2 h2 { 
    margin: 0px;
    padding: 0px; 
    font-size: 12px; 
    font-weight: bold;
    font-family: Arial; 
    color: black;}
    
  .sloupec2 h2 a { 
    text-decoration: none; 
    color: black;}
    
  .sloupec2 p { 
    margin: 0px;
    padding: 0px; 
    margin-top: 13px;
    font-size: 12px; 
    font-weight: normal;
    font-family: Arial; 
    color: black;}
    
  .sloupec2 p a { 
    color: #444444;}
    
  div.sloupec3 {
    width: 160px; 
    height: 62px; 
    background-color: transparent;
    float: left; 
    padding-top: 15px;}
    
  div.sloupec4 { 
    width: 120px; 
    height: 82px; 
    text-align: right; 
    background-color: transparent;
    float: right;}
    
  div.zakl-info {
    float: left;
    width: 330px; 
    height: 480px; 
    background: url('../obr/bg-detail.jpg') left top no-repeat; 
    padding: 18px; 
    padding-left: 0px;}

  h1.detail {
    margin-top: 0px;
    font-size: 14px; 
    font-family: Arial; 
    text-decoration: underline; 
    font-weight: bold;}
  
  .ikony img {
    margin-left: 3px;
    margin-right: 3px;}
    
  .sede {
    color: #4C4C4C;}
    
  .sede a {
    color: #4C4C4C;}
    
  .sede a#web {
    color: #668300;}
    
  .fotogalerie { 
    float: right;
    width: 343px;
    background: url('../obr/bg-fotogalerie.jpg') no-repeat left top;  
    padding-top: 3px; 
    padding-left: 3px;}
    
  div.foto {
    width: 338px; 
    height: 255px;}
    
  div.fotky-strany {
    width: 100%; 
    margin-bottom: 6px;
    height: 33px; 
    background-color: transparent; 
    position: relative; 
    top: 0px;}
      
  div.fotky-strany span {
    position: relative; 
    left: 18px; 
    top: 10px;}
        
  div.fotogalerie div.fotky-strany span a {
    text-decoration: none; 
    color: white; 
    font-family: Arial; 
    font-size: 12px; 
    font-weight: bold; 
    margin-left: 5px;}
          
  div.fotogalerie div.fotky-strany span a:hover {
    color: black;}
    
  img#fotky-sipky1 {
     position: relative;
     top: 13px;
     left: 6px;}
     
  img#fotky-sipky2 {
     position: absolute; 
     left: 320px;        
     margin-top: 11px;}
     
  .dalsi-fotografie {
    width: 336px;
    text-align: center;}
     
  .dalsi-fotografie img {
    margin: 3px;}
    
  div.nadpis1 {
    width: 100%; 
    height: 13px; 
    background-color: #DFDFDF; 
    margin-top: 25px; 
    margin-bottom: 10px;}
    
  div.nadpis1 span {
    background-color: #EFF0F1; 
    padding-left: 5px; 
    padding-right: 15px; 
    padding-top: 2px; 
    padding-bottom: 5px;
    font-size: 13px; 
    color: #668300; 
    font-weight: bold; 
    font-family: Arial; 
    position: relative; 
    top: -3px;}
    
  .levy-info {
    float: left;
    width: 334px;
    height: 500px;}
    
  .prvni-detail {
    width: 334px;
    height: 31px;
    background-color: #D8D8D8;}
    
  .druhy-detail {
    width: 334px;
    height: 31px;
    background-color: #E3E3E3;}
    
  .prvni-detail span {
    position: relative;
    left: 55px;
    top: 8px;}
    
  .druhy-detail span {
    position: relative;
    left: 55px;
    top: 8px;}
    
  .pravy-info {
    float: right;
    width: 334px;
    height: 500px;}
    
  #ano {
    background-image: url('../obr/ano.png'); 
    background-repeat: no-repeat;
    background-position: left center;}
    
  #ne {
    background-image: url('../obr/ne.png'); 
    background-repeat: no-repeat;
    background-position: left center;}
    
  #neurceno {
    background-image: url('../obr/neurceno.png'); 
    background-repeat: no-repeat;
    background-position: left center;}
    
  .tlacitka-prihlasen {
    width: 100%;
    text-align: center;}
    
  .tlacitka-prihlasen img {
    margin-right: 20px;}
    
  .nastaveni a {
    color: #7F7F7F;}
    
      #navigace2 {
          width: 800px;
        	text-align: left;
        	margin: 0;}

      #navigace2 ul {
      	list-style-type: none;
      	margin: 0;
      	padding: 0;
      	margin-left: 30px;
      	font-size: 12px;
      	font-weight: bold;
        font-family: Arial;}
      
      #navigace2 ul li {
      	display: inline;
      	margin: 0;
      	padding: 0;
      	float: left;
        background: none;}
      
      #navigace2 ul li a {
      	color: black;
      	text-decoration: none;
      	display: block;
      	overflow: hidden;
      	padding: 0.0em 1.8em 0.0em 1.4em;
      	background: url('../obr/sipka-oranzova.jpg') no-repeat left center;
      	text-align: left;}
      	      
      #navigace2 ul li a:hover {
      	text-decoration: none;
      	color: black;
        padding: 0.0em 1.8em 0.0em 1.4em;
      	background: url('../obr/sipka-h1.jpg') no-repeat left center;}
      	
  .snidane-input {
    position: relative;
    top: 5px;}
    
  .snidane {
    position: relative;
    top: 5px;
    margin-right: 15px;}
    
  p a.red {
    color: red;}

  #float-right {
    float: right;}
    
      
/* add Martin Sobotka */

  .cursor-pointer {cursor: pointer;}
  .error-pridat-objekt {color: red; font-weight: bold;}
  .bold {font-weight: bold;}
  .hand {cursor: pointer;}
  .display-none {display: none;}
  #preview {width: 338px; height: 258px;}
  #preview img {border:0;}

/* end add */
  
#mapa { 
  padding: 0px; 
  margin: 0px; 
  background: url(../obr/mapaCR-hover.png) top left no-repeat; 
  height: 216px; 
  width: 340px; 
  float: left;
  font-size: 0;
}
#mapa img { 
  border: 0px none; 
  padding: 0px; 
  margin: 0px; 
}
.mapa-oblasti {
  float: right;
  width: 300px;
  line-height: 1.6;
}
.mapa-oblasti div.left {
  float: left;
  width: 150px;
}
.mapa-oblasti div.right {
  float: right;
  width: 150px;
}
.mapa-oblasti a {
  color: #668300;
  font-size: 12px;
  font-weight: bold;
  text-decoration: underline;
}
.mapa-oblasti a:hover {
  text-decoration: none;
}    

.okresy {
  float: right;
  width: auto;
}
.okresy td {
  padding: 10px 20px;
}
.okresy ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  line-height: 1.6;
}
.okresy ul li a {
  font-size: 12px;
  font-weight: bold;
}