/* Zakladni nastaveni barev */
body {
	background-color: #009de0;
  text-align: center;
}

table, th, td, div, img, h1, h2, h3, h4, h5, input, textarea {
  color: #0c4c84;
}

a {
  color: #0c4c84;
}

input.submit {
	background-color: #F9FBFD;
	border-color: #C5DEEB;
  color: #0c4c84;
}

h2.hlavni {
  color: #5a7107;
  border-bottom-color: #0D1C76; /*#335295;*/
  font-size: 1.5em;
}

h2 {
  margin-bottom: 5px;
}

h4 {
  color: #0D1C76;
}

fieldset {
  border-color: #A3A3A3;
}

fieldset legend {
  border-color: #A3A3A3;
  color: #031939;
  background-color: #F9FBFD;
}

/* zakladni layout */

#top {
  position: relative;
  top: 0px;
  left: 0px;
  margin: 0px auto 0px auto;
  width: 990px;
  height: 151px;
  background-image: url('/images/top.jpg');
  background-repeat: none;
  overflow: hidden;
}

#top_pozadi {
  width: 958px;
}

#top  h1.h1 {
  width: 286px;
  height: 146px;
  
  position: absolute;
  top: 0px;
  left: 12px;
  
  font-size: 1.2em;
  float: left;
}


#top .h1 a {
  text-decoration: none;
  cursor: pointer;
}

#top .c1 {
  position: absolute;
  top: 0px;
  left: 40px;  
  width: 246px;
  height: 146px;
  color: #000;
  font-size: 1.6em; 
  text-decoration: underline;
  font-weight: bold;
  text-decoration: none;
}

#top .c2 {
  position: absolute;
  top: 0px;
  left: 40px;  
  width: 246px;
  height: 146px;
  background-image: url('/images/logo.jpg');
  background-repeat: repeat-x;  
  text-decoration: none;  
}

#top .c3 {
  position: absolute;
  top: 104px;
  left: 22px;
  
  color: #fff;
  font-size: 1.1em; 
}

#top .c3 .prvni {
  text-transform: none;
  font-weight: bold;
}

  
#top_popis {
  position: absolute;
  top: 30px;
  left: 700px;
  text-align: right;
  
  padding-top: 3px;
  
  color: #0e7bac;
  font-size: 1.8em;
  _font-size: 1.7em;
  font-weight: bold;
}

#top_kontakt {
  position: absolute;
  top: 5px;
  right: 30px;
  
  color: #fff;
  font-weight: bold;
}

#top_kontakt a {
  color: #fff;
  font-weight: bold;
  text-decoration: none;
}

#top_kontakt a:hover {
  text-decoration: underline;
}


/*----------- web  ----------*/

#web {
  width: 990px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  
  position: relative;
  background-color: #fff;
}

#body {
  text-align: left;
  padding: 20px 15px 20px 15px;
  background-color: #fff;
}


/*----------- menu -----------*/

#menu {
  position: absolute;
  top: 121px;
  left: 300px;
  
  width: 675px;  
  height: 30px;
  
  _left: 265px;
  _width: 710px;
}

#menu ul, #menu li {
  list-style-type: none;
  margin: 0px !important;
  padding: 0px !important;
}

#menu li {
 /* display: block;
  float: left !important; */
  display: inline;
}

#menu li a {
  display: block;
  float: left;
  height: 30px;
  text-align: center;
  text-decoration: none;
  background-color: #fff;
  background-image: url('/images/menu_pozadi.gif');
  background-repeat: repeat-x;
  margin-right: 1px;  
  _margin: 0px  !important;
  _border-right: 1px solid transparent;
  _display: inline;
}

#menu li a .nazev {
  display: block;
  font-size: 1.0em;
  font-weight: bold;
  padding: 9px 13px 0px 13px;
  text-decoration: none;
  text-transform: uppercase;
  color: #0e7bac;
}

#menu li a .prvni_zaobleni, #menu li a .posledni_zaobleni {
  display: block;
  float: left;
  width: 4px;
  height: 30px;
  margin: 0px;
  background-image: url('/images/menu_l.gif');
  background-repeat: no-repeat;
}

#menu li a .posledni_zaobleni {
  float: right;
  background-image: url('/images/menu_p.gif');
  _display: none;
}
    
#menu li a.aktivni, #menu li a:hover  {
  background-image: none;
}

#menu li a.aktivni .prvni_zaobleni, #menu li a:hover .prvni_zaobleni {
  background-image: url('/images/menu_zvyraznene_l.gif');
}

#menu li a.aktivni .posledni_zaobleni, #menu li a:hover .posledni_zaobleni {
  background-image: url('/images/menu_zvyraznene_p.gif');
}


/*-----------------------*/

h2 {
  width: 100%;
  color: #5a7107;
  font-size: 1.4em;
  font-weight: bold;
  line-height: 180%;
  padding-top: 6px;
  background-image: url('/images/pozadi_nadpis.gif');
  background-repeat: repeat-x;
}

h2 .hacek {
  display: block;
  position: relative;
  top: -12px;
  float: left;
  width: 24px;
  height: 42px;
  margin-right: 10px;
  background-image: url('/images/hacek.gif');
  background-repeat: no-repeat;
}

#left {
  width: 264px;
  float: left;
}

#center {
  width: 680px;
  float: right;
  overflow: hidden; 
}

#center, #center table {
    line-height: 150%;
}

#center p {
    margin: 0.6em 0;
}


/*------------- center -------------*/

#novinky {
  padding: 0px 0px 20px 0px;
  margin-top: -9px;
}

#novinky .novinka {
  clear: both;
  padding-top: 6px;
}

#novinky .novinka .datum {
  position: relative;
  top: 3px;
  float: left;
  width: 50px;
  text-align: center;
  color: #0c4c84;
  line-height: 100%;
  font-size: 0.8em;
  margin-right: 10px;
  
  padding: 2px 4px 2px 4px;
  *padding-bottom: 5px;
  background-color: #c6db76;
}

#novinky .novinka .zprava {
  float: right;
  width: 90%;
}

#motiv {
  position: relative;
  text-align: right;
  font-weight: bold;
}

#motiv img {
    vertical-align: middle;
    margin-left: 10px;
}


/*----------- left ----------*/

.formular {
  background-color: #d9effa;
  padding: 5px 5px 15px 5px;
  color: #434343;
  text-align: left; 
} 

.formular .polozka {
  margin-top: 15px;
  width: 100%;
}

.formular .polozka .popisek {
  color: #434343;
}

.formular input {
  border-width: 0px;
  margin-right: 3px;
}

.formular .polozka .jezditko {
  width: 249px;
  height: 57px;
  background-image: url('/images/jezdec.jpg');
  background-image: no-repeat;
}

.formular .submit {
  float: right;
  margin-top: 20px;
}

#mapa {
  padding-top: 15px;
}

#mainmap {
  width: 260px;
  height: 180px;
  border: 2px solid #728f1c;
}

#mapa.index #mainmap {
    width: 99%;
    height: 400px;
}

/*---------- bottom ---------*/

#bottom {
  position: relative;  
  padding: 0px 15px 0px 15px;
  background-color: #fff;  
} 

#bottom_pozadi {
  position: relative;  
  background-image: url('/images/pozadi_pata.gif');
  background-repeat: repeat-x;
  height: 119px;  
  height: 40px;
}

#vyrobil {
  padding: 8px 8px 0px 0px;
  float: right; 
}

#spodni_menu {
  position: absolute;
  top: 0px;
  left: 0px;
  
  padding: 8px 0px 0px 8px;
}

#spodni_menu ul, #spodni_menu li {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}

#spodni_menu li {
  display: block;
  float: left !important;
  
  padding: 0px 5px 0px 5px;
}

#spodni_menu li a {
  display: block;
  font-size: 0.9em;
  font-weight: bold;
  padding: 4px 8px 4px 8px;
  text-decoration: none;
  text-transform: uppercase;
  color: #0e7bac;
  text-align: center;
}
    
#spodni_menu li a.aktivni, #spodni_menu li a:hover  {
  background-color: #fff;
}       



/* zajezdy */

#zajezdy .piktogram {
    float: left;
    font-size: 0.8em;
    text-align: center;
    margin-right: 3px;
}


#zajezdy .zeme {
  font-size: 1.1em;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 5px;
}

#zajezdy .oblast {
  /*margin-left: 10px;*/
  font-weight: bold;
  color: #F72B22;
  margin-bottom: 5px;
  text-transform: uppercase;
}


#zajezdy .zajezd {
  /*margin-left: 10px;*/
  margin-bottom: 20px;
  border-width: 2px;
  border-top-width: 2px;
  padding: 0px 4px 3px 4px;
  background-color: #d9effa;
  clear: both;
}


#zajezdy.jeden .zajezd {
  margin: 0px;
  margin-top: 8px;
  margin-bottom: 8px;
}

#zajezdy .zajezd .sloupce TD {
  vertical-align: top;
}

#zajezdy .zajezd .levy {
  width: 140px;
}

#zajezdy .zajezd .clear {
  height: 1px;
  font-size: 1px;
  line-height: 1px;
}

#zajezdy .nazev_zajezdu {
  font-weight: bold;
  padding: 4px 2px 1px 0px;
  font-size: 14px;
}

#zajezdy .nazev_zajezdu a {
  font-weight: bold;
  color: #000 !important;
}


#zajezdy .lichy .zajezd {
  border-color: #40afe0;
}

#zajezdy .sudy .zajezd {
  border-color: #40afe0;
}

#zajezdy .nazev_zajezdu A, #zajezdy .nazev_zajezdu A:hover, #zajezdy .nazev_zajezdu A:visited {
  color: #000;
}

#zajezdy .zajezd .popis {
  margin-bottom: 3px;
  clear: both;
  /*font-size: 0.9em;*/
}

#zajezdy .zajezd .ubytovani {
  /*text-transform: lowercase;*/
}

#zajezdy .zajezd BUTTON {
  font-size: 0.9em;
  width: 125px;
  margin-top: 5px;
}

#zajezdy .zajezd .stredisko {
  font-size: 0.9em;
  text-align: center;
}

#zajezdy .zajezd .cena_od {
  font-weight: bold;
  font-size: 0.9em;
}

#zajezdy .zajezd .fotografie {
  text-align: center;
}

#zajezdy .zajezd .fotografie IMG {
  border-width: 1px;
  border-color: #999;
  /*filter:progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=135, Strength=3); */
}

#zajezdy .zajezd .kategorie {
  letter-spacing: 2px;
  font-weight: bold;
  padding-left: 3px;
  font-size: 14px;
  position: relative; top: 4px;
}

#zajezdy .nazev_zajezdu .destinace {
  font-weight: normal;
  font-size: 12px;
  margin-top: 3px;
  padding-right: 12px;
}

#zajezdy .zajezd .terminy {
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: center;
  padding-top: 5px;
  padding-bottom: 5px
}

#zajezdy .zajezd .terminy TABLE, #zajezdy .zajezd .terminy TABLE TD {
  border-color: #484E64;
}

#zajezdy .zajezd .terminy TABLE {
  width: 545px;
  border-width: 1px;
}


#zajezdy .zajezd .terminy TABLE TD {
  font-size: 0.9em;
  text-align: center;
}

#zajezdy .zajezd .terminy TABLE TH {
  border-bottom-width: 1px;
  padding-left: 2px;
  padding-right: 2px;
}

#zajezdy .zajezd TH.termin {
  width: 110px;
  border-right-width: 2px;
}

#zajezdy .zajezd TH.ceny_rezervace {
  text-align: center;
  border-left-width: 2px;
}

#zajezdy .zajezd .zahlavi TD, #zajezdy .zajezd .zahlavi TH {
  border-color: #DDD !important;
}

#zajezdy .zajezd .terminy BUTTON {
  font-weight: normal;
  width: 80px;
  margin: 0px;
  background-color: transparent;
}

#zajezdy .zajezd .terminy .radek TD, #zajezdy .zajezd .terminy .radek_podbarveny TD {
  border-top-width: 1px;
  border-color: #DDD;
}

#zajezdy .zajezd .terminy .radek_podbarveny TD {
  background-color: #FFF;
}

#zajezdy .zajezd .terminy .zobrazit IMG {
  margin: 1px;
}


#zajezdy .zajezd .terminy .zobrazit A IMG {
  filter: alpha(opacity=60);
}

#zajezdy .zajezd .terminy .zobrazit A:hover IMG {
  filter: alpha(opacity=100);
}       

#zajezdy .zajezd .terminy .cena, #zajezdy .zajezd .terminy .cena_suda {
  text-align: center;
}

#zajezdy .zajezd .terminy .cena DIV, #zajezdy .zajezd .terminy .cena_suda DIV {
  width: 45px;
  border-width: 0px;
  text-align: right;
  font-size: 11px;
}

#zajezdy .zajezd .terminy .cena_suda  {
  background-color: #9CB6CF;
}

#zajezdy .zajezd .podrobne U {
  font-weight: bold
}

#zajezdy .zajezd .podrobne .popis {
  margin-bottom: 8px;
}


#zajezdy .zajezd .rezervace TABLE {
  width: 545px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
}

#zajezdy .zajezd .rezervace SELECT {
  width: 100%;
}

#zajezdy .zajezd .rezervace TD.pocet {
  text-align: right;
  padding-right: 10px;
}


#zajezdy .zajezd .rezervace INPUT.pocet {
  width: 30px;
  text-align: right;
  padding-right: 11px;
  border-width: 1px;
}


#zajezdy .zajezd .rezervace .ceny {
  border-width: 1px;  
  background-color: #FFF;
}

#zajezdy .zajezd .rezervace .ceny .vyplnte {
  background-color: #9CB6CF;
  color: #F72B22;
  font-weight: bold;
  padding-left: 10px;
  border-bottom-width: 1px;
}

#zajezdy .zajezd .rezervace .ceny .cena_celkem {
  background-color: #9CB6CF;
  color: #000;
  font-weight: bold;
}

#zajezdy .zajezd .rezervace .ceny .cena_celkem DIV {
  color: #000;
}

#zajezdy .zajezd .rezervace .ceny .radek TD {
  border-color: #DDD;
  border-bottom-width: 1px;
}

#zajezdy .zajezd .rezervace .typ_cen {
  background-color: #9CB6CF;
}

#text_cena {
  color: #000;
  font-size: 14px;
}

#zajezdy .zajezd .rezervace .polozka {
  padding-left: 10px;
  width: 60%;
} 

#zajezdy .zajezd .rezervace .cena {
  text-align: right;
  width: 20%;
}

#zajezdy .zajezd .rezervace .osoby {
  background-color: #FFF;
  width: 545px;
  border-width: 1px;
  margin-left: auto;
  margin-right: auto;
}

#zajezdy .zajezd .rezervace .kontakt {
  width: 545px;
  margin-left: auto;
  margin-right: auto;
}

#zajezdy .zajezd .rezervace .kontakt INPUT {
  width: 110px;
}

#zajezdy .zajezd .rezervace .cestujici_polozky TD {
  text-align: center;
  border-width: 0px;
}

#zajezdy .zajezd .rezervace .cestujici DIV.poradi {
  display: inline;
  width: 20px;
  text-align: right;
  padding-right: 2px;
  font-weight: bold;
}

#zajezdy .zajezd .rezervace .cestujici .vlozit_dalsi {
  font-weight: normal;
}


#zajezdy .zajezd .rezervace .cestujici INPUT {
  width: 90px;
}
   
#zajezdy .zajezd .rezervace .cestujici INPUT.telefon {
  width: 65px;
}   


#zajezdy .zajezd .rezervace .zahlavi {
  background-color: #9CB6CF;
  color: #F72B22;
  border-bottom-width: 1px;
  font-weight: bold;
  padding-left: 10px;
}

#zajezdy .zajezd .rezervace .potvrzeni {
  background-color: #FFF8DB;
  border-color: #FFDF4F;
  border-width: 1px;
}

#zajezdy .zajezd .rezervace .potvrzeni .zahlavi {
  padding-top: 1px;
  padding-bottom: 1px;
}

#zajezdy .zajezd .rezervace .potvrzeni .oddeleni {
  border-top-width: 1px;
  border-color: #DDDDDD;
}

#zajezdy .zajezd .rezervace .potvrzeni TABLE {
  margin-bottom: 0px;
  margin-left: 4px;
}



#zajezdy .zajezd .rezervace INPUT {
  width: 100%;
}

#zajezdy .zajezd .rezervace TEXTAREA {
  width: 100%;
}

#zajezdy .zajezd .rezervace .popis {
  width: 80px;
}

#zajezdy em {
  font-style: normal;
  text-decoration: underline;
}

#zajezdy .button_zobrazit button img {
    vertical-align: middle;
}


#vyhledavani select.pocet_osob, #vyhledavani select.cena {
  width: 100px;
}

.strankovani {
  clear: both;
    border-width: 0px;
    display: inline;
    width: 20px;
    text-align: center;
    margin-right: 1px;
    padding-left: 2px;
    vertical-align: top;
    _vertical-align: middle;

}

.strankovani a {
     font-weight: bold;
}

.strankovani_vybrano {
    background-color: #fff;
}

.strankovani_vybrano a {
 
    color: #a00 !important;
}

.strankovani_seznam {
  clear: both;
  text-align: center;
  background-color: #cbefff;
  border: solid 2px #40afe0;
}

.strankovani_seznam .invisible {
    visibility: hidden;
}

.strankovani_seznam .doleva {
    margin-right: 4px;
    padding-left: 5px 
}

.strankovani_seznam .doprava {
    margin-left: 4px;
    padding-right: 5px;
}

.strankovani_seznam .doleva img {
    margin-right: 3px;
}

.strankovani_seznam .doprava img {
    margin-left: 3px;
}

.strankovani_seznam img {
    position: relative;
    top: -2px; 
}

.strankovani_vse {
    float: right;
    background-color: #cbefff;
    border: solid 2px #40afe0;
    border-top-width: 0px;
    padding-top: 2px;
    position: relative; 
    top: -2px; 
    padding: 0 5px;
}

#partneri {
    text-align: left;
    border-top: solid 1px #ddd;
    padding-top: 10px;
}

#partneri h3 {
    padding: 0 0 5px 5px;
}

#partneri .banner {
    float: left;
    margin: 0 5px 10px 5px;
}