/*
 *  CSS - styly jednotlivych podstranek
 *  Copyrighted by Tomas Halada, www.LTweb.cz
 */

.popis {
  background-color: #e7efff;
  margin: 1px auto;
  padding: 5px 0;
}
p.popis, .popis p {
  padding: 0 10px;
  text-align: justify;
  font-size: 1em;
  margin: 10px 0;
}

.article {
  width: 90%;
  margin: 10px auto;
  padding: 5px 20px;
  border-left: 2px solid #e8e8e8;
  border-right: 2px solid #e8e8e8;
  text-align: justify;
}

/* rozvrzeni homepage ---------------------------------------------------- */
.home-layout {
  width: 100%;
  border-collapse: collapse;
  background-color: #e7effe;
  margin: 5px 0;
}
.home-layout td {
  width: 50%;
  vertical-align: top;
  padding: 2px 8px;
}
.home-layout .nalevo {
  background: url(../img/logo-bg2.gif) no-repeat bottom left;
}
.home-layout .napravo {
  border-left: 5px solid #ffffff; 
}


/* short search ---------------------------------------------------------- */
#short-search {
  width: 100%;
  font-weight: bold;
  text-align: right;
}
#short-search div {
  margin: 3px 0;
}
#short-search .format {
  width: 130px;
}
#short-search a {
  font-size: 0.85em;
}

/* novinky na homepage ---------------------------------------------------- */
#news p {
  margin: 3px 0;
  text-align: left;
}
#news .date {
  font-size: 0.85em;
  font-weight: bold;
  color: #34349a;
}
#news .title {
  font-size: 0.85em;
  font-weight: bold;
}
#news .text {
  font-size: 0.85em;
  display: block;
}
#news a:link, #news a:visited {
  color: #000000;
  text-decoration: none;
}
#news a:hover, #news a:active {
  color: #000000;
  text-decoration: underline;
}

/* tipy na homepage ------------------------------------------------------ */
h2.h2-home {
  background-color: #e7effe;
  color: #34349a;
}
h2.h2-home a:link, h2.h2-home a:visited, 
h2.h2-home a:hover, h2.h2-home a:active {
  color: #ff0000;
  text-decoration: underline;
}

#tips {
  width: 100%;
  border-collapse: collapse;
}
#tips td {
  padding: 3px 5px;
  background: #e7f0f8 url(../img/tipy-bg.png) repeat-x top left;
  vertical-align: top; 
}
#tips .image {
  width: 80px;
  text-align: left;
  position: relative;
}
#tips .image img {
  width: 80px;
  height: 60px;
  border: none;
}
#tips .image img.tip {
  width: 35px;
  height: 35px;
  border: none;
  position: absolute;
  z-index: 10;
  float: right;
  margin: 25px 0 0 45px;
}
#tips .text {
  width: 30%;
  padding-left: 0;
  text-align: left;
  font-size: 0.85em;
  color: #347fc0;
}
#tips .misto {
  font-weight: bold;
}
#tips .text image {
  width: 10px;
  height: 10px;
  border: none;
}
#tips .text a:link, #tips .text a:visited {
  color: #000000;
  font-weight: bold;
}
#tips .text a:hover, #tips .text a:active {
  color: #ff0000;
  font-weight: bold;
}
#tips .data {
  font-weight: bold;
}
#tips .data strong {
  color: #ff0000;
}

/* prehled zemi ----------------------------------------------------------- */
.zeme-list {
  width: 100%;
  border-collapse: collapse;
}
.zeme-list td {
  background-color: #e7efff;
  border-bottom: 1px solid #ffffff;
  padding: 3px;
}
.zeme-list .image {
  width: 70px;
  text-align: left;
}
.zeme-list .image img {
  width: 60px;
  height: 45px;
  border: none;
}
.zeme-list .name {
  text-align: left;
  font-size: 1.2em;
}
.zeme-list .name a:link, .zeme-list .name a:visited {
  text-decoration: none;
}
.zeme-list .name a:hover, .zeme-list .name a:active {
  text-decoration: underline;
}
.zeme-list .counts {
  text-align: right;
  font-weight: bold;
  font-size: 0.85em;
  padding-right: 7px;
}

/* zacatek popisu zeme, destinace, atd ------------------------------------ */
.popis-zacatek {
  width: 100%;
  margin: 1px auto;
  background-color: #e7efff;
  border-collapse: collapse;
}
.popis-zacatek td {
  padding: 5px 7px;
  vertical-align: top;
}
.popis-zacatek .text {
  text-align: justify;
  font-size: 0.9em;
}
.popis-zacatek .image {
  text-align: right;
  width: 120px;
  height: 90px;
  border: none;
  padding-left: 0;
}
.popis-zacatek .image img {
  width: 120px;
  height: 90px;
  border: none;
}

/* destinace na prehledu zeme --------------------------------------------- */
.destinations {
  width: 100%;
  margin: 1px auto;
  background-color: #e7efff;
  border-collapse: collapse;
}
.destinations td {
  padding: 2px 7px;
}
.destinations .name {
  font-weight: bold;
  text-align: left;
}
.destinations .count {
  font-size: 0.9em;
  text-align: right;
}

/* seznam zemi, destinace v zemi ------------------------------------------ */
.list {
  width: 95%;
  margin-top: 10px;
  margin-bottom: 10px;
  border: 1px solid #adbbc1;
  background-color: #d8e6f4;
}
.list td {
  border-bottom: 1px solid #d0d0d0;
  padding: 3px 5px;
}
.list .image {
  text-align: left;
  width: 140px;
}
.list .image img {
  width: 130px;
  height: 80px;
  border: 1px solid #000000;
  background-color: #f8f8f8;
}
.list .image a {
  text-decoration: none;
}
.list .name {
  font-size: 1.1em;
  text-align: left;
  padding-left: 10px;
}
.list .count {
  vertical-align: bottom;
  text-align: right;
}
.list .links {
  vertical-align: center;
  text-align: left;
  font-size: 0.85em;
}
.list .links ul {
  margin-top: 10px;
  margin-bottom: 10px;
}

/* prehled destinaci ----------------------------------------------------- */
.dest-list {
  width: 95%;
  margin-top: 10px;
  margin-bottom: 10px;
  border: 1px solid #adbbc1;
  background-color: #c4d9ee;
}
.dest-list td {
  padding: 3px 5px;
}
.dest-list .image {
  text-align: left;
  width: 125px;
}
.dest-list .image img {
  width: 112px;
  height: 84px;
  border: 1px solid #064661;
  background-color: #f8f8f8;
}
.dest-list .image a {
  text-decoration: none;
}
.dest-list .name {
  vertical-align: top;
  text-align: left;
  padding-left: 10px;
}
.dest-list .name strong {
  font-weight: bold;
  font-size: 1.1em;
}
.dest-list .name ul {
  margin-top: 10px;
  margin-bottom: 0;
}
.dest-list .counts {
  vertical-align: middle;
  text-align: right;
}
.dest-list .counts span {
  display: block;;
}

/* odkazy pro razeni ------------------------------------------------------ */
.razeni {
  text-align: center;
  padding: 12px 0 0 0;
  font-size: 0.9em;
  background-color: #e7efff;
}

.hotels-list {
  width: 95%;
  margin-top: 10px;
  margin-bottom: 10px;
  border: 1px solid #adbbc1;
  background-color: #c4d9ee;
}

.hotels-list .image {
  text-align: left;
  width: 120px;
  vertical-align: top;
  padding: 4px;
}
.hotels-list .image img {
  width: 112px;
  height: 84px;
  border: 1px solid #064661;
  background-color: #f8f8f8;
}

.hotels-list .name {
  vertical-align: top;
  text-align: left;
  padding: 4px 4px 0 0;
}
.hotels-list .name strong {
  font-weight: bold;
  font-size: 1.1em;
}

.hotels-list .links {
  vertical-align: top;
  padding: 0;
}
.hotels-list .links ul {
  margin-top: 0;
  margin-bottom: 0;
}

.hotels-list .text {
  vertical-align: top;
  padding: 2px 4px 4px 4px;
  text-align: justify;
  width: 250px;
}

/* multiobrazky ----------------------------------------------------------- */
.multiobrazky {
  width: 444px;
  margin: 5px auto;
  border-collapse: collapse;
}
.multiobrazky td {
  vertical-align: top;
}
.multiobrazky td.mainimage {
  padding: 0;
  text-align: right;
}
.multiobrazky #mainimage-title {
  display: block;
  text-align: center;
  font-size: 0.85em;
}
.multiobrazky img {
  border: none;
  background-color: #f0f0f0;
  margin: 0;
}
.multiobrazky .nalevo {
  width: 110px;
  margin: 0;
  padding: 0;
  text-align: left;
}
.multiobrazky .vespod {
  margin: 0;
  padding: 0;
  text-align: left;
}

/* last minute prehled --------------------------------------------------- */
.filtr {
  display: block;
  margin: 5px 0;
}
.filtr select {
  width: 130px;
}

/* vypis zajezdu --------------------------------------------------------- */
#zajezdy {
  width: 100%;
  border-collapse: collapse;
  border-left: 1px solid #4265e7;
  border-right: 1px solid #4265e7;
  font-size: 0.9em;
}
#zajezdy td {
  border-bottom: 1px solid #4265e7;
  padding: 2px 2px;
}
#zajezdy tbody td {
  border-top: 1px solid #ffffff;
}

#zajezdy .image {
  width: 60px;
  text-align: left;
}
#zajezdy .image img {
  width: 60px;
  height: 45px;
  border: none;
}
#zajezdy .image img.tip {
  width: 35px;
  height: 35px;
  border: none;
  position: relative;
  float: right;
  right: 0;
  top: 0;
  margin-top: -35px;
  z-index: 10;
}

#zajezdy .dates {
  text-align: center;
}
#zajezdy .dates .date {
  font-size: 0.9em;
  font-weight: bold;
}
#zajezdy .dates .type {
  font-weight: bold;
  color: #3f4096;  
}
#zajezdy .dates .dni {
  font-size: 0.9em;
  color: #606060;
}

#zajezdy .names {
  text-align: left;
  /*width: 30%;*/
}
#zajezdy .names .misto {
  font-size: 0.9em;
  font-weight: bold;
}
#zajezdy .names .hotel {
  font-weight: bold;
}
#zajezdy .names .ubyt {
  font-size: 0.9em;
  color: #606060;
}
#zajezdy .names .ubyt img {
  width: 10px;
  height: 10px;
  border: none;
}

#zajezdy .lm {
  float: right;
  font-size: 0.85em;
  padding: 0 2px;
  margin: 2px 2px 0 2px;
  color: #f0f0f0;
  background-color: #fe3300;
}

#zajezdy .data {
  text-align: left;
}
#zajezdy .data .food {
  font-weight: bold;
  font-size: 0.9em;
}
#zajezdy .data .transport {
  font-weight: bold;
  color: #3f4096;  
}
#zajezdy .data .transport img {
  width: 12px;
  height: 11px;
  border: none;
}
#zajezdy .data .departure {
  font-size: 0.9em;
  color: #606060;
}

#zajezdy .cena {
  text-align: right; 
}
#zajezdy .suma {
  color: #ff0000;
  font-weight: bold;
  font-size: 1.4em;
}
#zajezdy .cena a {
  display: block;
  font-weight: bold;
  font-size: 0.85em;
}

/* strucny prehled zajezdu - prehled dalsich terminu --------------------- */
#zajezdy-short {
  width: 100%;
  border-collapse: collapse;
  border-left: 1px solid #4265e7;
  border-right: 1px solid #4265e7;
  font-size: 0.9em;
}
#zajezdy-short td {
  border-bottom: 1px solid #4265e7;
  padding: 2px 2px;
}

#zajezdy-short .date{
  text-align: center;
  font-size: 0.9em;
  font-weight: bold;
}
#zajezdy-short .days {
  text-align: center;
  font-size: 0.9em;
  color: #606060;
}

#zajezdy-short .type {
  text-align: center;
  font-size: 0.9em;
  font-weight: bold;
  color: #3f4096;  
}
#zajezdy-short .food {
  text-align: center;
  font-weight: bold;
  font-size: 0.85em;
}
#zajezdy-short .note {
	font-size: 0.7em;
}
#zajezdy-short .transport {
  text-align: center;
  font-size: 0.9em;
  color: #606060;
}

#zajezdy-short .lm {
  font-size: 0.85em;
  padding: 0 2px;
  margin: 2px 2px 0 2px;
  color: #f0f0f0;
  background-color: #fe3300;
}

#zajezdy-short .price {
  text-align: right; 
  color: #ff0000;
  font-weight: bold;
  font-size: 1.25em;
}
#zajezdy-short .link {
  text-align: center;
}
#zajezdy-short .link img {
  width: 15px;
  height: 15px;
  border: none;
}

/* kurzovni listek -------------------------------------------------------- */
.table-kurzy {
  width: 100%;
  margin: 1px auto;
  background-color: #e7efff;
  border-collapse: collapse;
  font-weight: bold;
  color: #3f4096;
}
.table-kurzy td {
  padding: 1px 5px;
  border-bottom: 1px solid #ffffff;
}
.table-kurzy .image img {
  width: 24px;
  height: 15px;
}
.table-kurzy .last {
  color: #ffffff;
  background-color: #4265e7;
}

/* detail zajezdu ------------------------------------------------------- */
.detail-links {
  float: right;
  padding-top: 10px;
  padding-right: 15px;
  text-align: right;
  font-size: 0.85em;
}
.detail-links a {
  display: block;
}

.table-ceny {
  width: 80%;
  margin: 15px auto;
  border-collapse: collapse;
  background-color: #e7efff;
  border: 1px solid #d7dfef;
}
.table-ceny td {
  padding: 1px 25px;
  /*border-bottom: 1px solid #ffffff;*/
}
.table-ceny .polozka {
  width: 70%;
  text-align: left;
}
.table-ceny .hodnota {
  width: 30%;
  text-align: right;
}

/* pokrocile vyhledavani tabulka ------------------------------------------ */
.vyhledavani {
  width: 100%;
  background-color: #e7efff;
  text-align: left;
  margin: 1px auto;
}
.vyhledavani td {
  padding: 0 0 0 3px;
}
.vyhledavani td.tretina {
  width: 33%;
  vertical-align: top;
}
.vyhledavani .format {
  width: 132px;
}
.vyhledavani .format-wide {
  width: 415px;
}
.vyhledavani .submit {
  text-align: right;
}
.vyhledavani .smaller {
  font-size: 0.85em;;
}
.vyhledavani .top {
  vertical-align: top;
  padding-top: 5px;
}

/* prehled partneru ------------------------------------------------------- */
.partners-list {
  width: 100%;
  border-collapse: collapse;
}
.partners-list td {
  background-color: #e7efff;
  border-bottom: 1px solid #ffffff;
  padding: 3px;
}
.partners-list .image {
  width: 70px;
  text-align: left;
}
.partners-list .image img {
  width: 60px;
  height: 45px;
  border: none;
}
.partners-list .name {
  text-align: left;
  font-size: 1.2em;
  color: #4041a1;
  padding-left: 0;
}
.partners-list .links {
  text-align: right;
  vertical-align: top;
  font-weight: bold;
  font-size: 0.85em;
  padding-left: 7px;
  padding-right: 7px;
  width: 135px;
}
.partners-list .links a {
  display: block;
}

/* kontakt ---------------------------------------------------------------- */
#kontakt table {
  margin: 5px auto;
}

#kontakt .infotext {
  text-align: left;
  width: 90%;
}

.table-kontakt {
  display: inline;
  border-collapse: collapse;
}
.table-kontakt td {
  padding: 5px 10px 5px 0;
  text-align: left;
}

.kontakt-layout {
  width: 90%;
}
.kontakt-layout td {
  vertical-align: top;
}
.kontakt-layout .nalevo {
  text-align: left;
}
.kontakt-layout .napravo {
  text-align: right;
}
.kontakt-layout .napravo img {
  border: 1px solid #000000;
}