/* TermalniKoupaliste.cz website CSS */
  
#container {
  background-image: none;
}

#nav {background: #0A4DCA url("http://www.termalnikoupaliste.cz/images/menu-bg.gif") no-repeat; border-bottom: #CCFA4F 10px solid; border-top: #F0FDCC 10px solid; }
a { color: #0A4DCA;  text-decoration: none;  }
a:hover { text-decoration: underline; color: #052560;  }
#nav strong a {background: transparent url("http://www.termalnikoupaliste.cz/images/menu-active.gif") no-repeat left bottom; }

#footBottom { background: #0A4DCA;  }
#logo a {background: url("http://www.termalnikoupaliste.cz/images/termalni-koupaliste-logo.png") no-repeat; width: 500px; }
#logo.sk a {background: url("http://www.termalnikoupaliste.cz/images/termalne-kupele-logo.png") no-repeat; width: 470px; }
#logo small { display: block;  width: 140px;  float: right;  margin-top: -7px;  font-size: .75em; line-height: 1.5em;  font-family: Verdana, sans-serif;  }
#logo a {color: #999; text-decoration: none !important;  }
table.ceny td, table.ceny th {border-bottom: 1px solid #B4D7EC; }
table.ceny th {border-bottom: 1px solid #9FD2EF; }
#cenaRezervace .cenyOverflow {border: 0; }
table tr.rowCena td {background: transparent; }

/* Sidebox */
.imageBox {padding: 0; }
.imageBox span.obal {background: #E1EBE6; display: block;  border-top: 1px solid #E1EBE6; }
.imageBox span.popis {margin: 10px; display: block; }
.imageBox small {display: block;  font-size: 1em;  color: #aaa; }

/* Rozšířený layout */

table, input, select, textarea { font-family: Arial, sans-serif;  }
#container { width: 1000px;  margin: 0 auto;  background: #fff;  }
#nav { margin-top: -10px; }
#center, #textContent {width: 620px; _width: 620px; }
.seznamItemContent {width: 410px; }
.seznamItemContent h2 {margin: 0 !important;  padding: 0 !important;  }
#sideOne { width: 300px;  display: inline;  margin: 3em 30px 0 0;  padding: 0;  }
#sideOne .sideBoxItem h2 { margin: 0 0 .5em 0;  padding: 0;  font-family: Arial, sans-serif;  font-size: 1.2em;  font-weight: normal;  background: transparent;  }
#sideOne .sideBoxItem h2 strong { font-weight: normal; }
#sideOne .sideBoxItem h2 a { color: #0A4DCA;  text-decoration: none;  }
#sideOne .sideBoxItem h2 a:hover { text-decoration: underline; color: #052560;  }
#sideOne .sideBoxItem { padding: 10px;  margin: 0;  width: auto;  background: #F0FDCC;  margin-bottom: .7em;   }
#sideOne .sideBoxItem ul li { border: 0;  margin: 0 0 .2em 0;  padding: 0;  }

#serverMenu {
  width: 300px;
  margin-top: 12px;
}

#serverMenu img {
  margin-top: -2px;
  margin-left: 5px;
}

#weblog h1, .pageDetail h1 {font-size: 2em; font-weight: normal;  margin-bottom: 1em;  }
#weblog h2 {font-size: 1.3em;  } 

/* detail kapacity */

.pageDetail { font-size: 1.2em; }
.pageDetail h1 { font-size: 1.9em; font-weight: normal; margin: 0; width: 420px; float: left; margin-top: 10px;  }
.pageDetail h2 { font-weight: bold; font-size: 1em; margin: 0 0 .3em 0; padding: 0; }
.pageDetail p { margin: 0 0 1em 0; padding: 0; }
.pageDetail p.crumbNavigation { background: #fff; font-size: .8em; padding: 0; margin: 30px 0 0 0; width: 180px; float: left;  }
.pageDetail .seznamItemContent { width: 420px; margin-right: 10px; }
.pageDetail .seznamItemImg, .pageDetail #cenaRezervace { font-size: .8em; }
.pageDetail .seznamItemImg ul.links, .pageDetail .seznamItemImg ul.links li, #sideOne .sideBoxItem.sbTwo ul, #sideOne .sideBoxItem.sbTwo li { margin: 0; padding: 0; list-style-type: none; }
.pageDetail .seznamItemImg ul.links li, #sideOne .sideBoxItem.sbTwo li { padding: .4em 5px; border-bottom: 1px solid #eee; }
.pageDetail .seznamItemImg ul.links, #sideOne .sideBoxItem.sbTwo ul {  border-top: 1px solid #eee; margin: 0 0 1em 0; }
.pageDetail .seznamItemImg h2 { padding: .4em 5px; }
.pageDetail .seznamItem { border: 0; clear: both; }
.pageDetail #cenaRezervace.important { border: 0; background: #F1FFC9; }
.pageDetail #cenaRezervace h2 { font-size: 1.2em; margin: .5em 0 1.4em 0; }
.pageDetail #cenaRezervace .cenyOverflow { width: 590px; border: 0; margin: 0 0 1.4em 0; }
.pageDetail table.ceny { min-width: 100%; }
.pageDetail table.ceny td, .pageDetail table.ceny th { border-bottom: 1px solid #CFD5BE; text-align: right; }
.pageDetail #cenaRezervace .rowCena td, .pageDetail #cenaRezervace .rowCena th { border: 0; border-collapse: collapse; background: #DEEBB9; font-size: 1.2em; }
.pageDetail #cenaRezervace .rowCena #recountButton { font-size: .8em; font-weight: normal; }
#sideOne .sideBoxItem.sbTwo { background: #fff; }
#sideOne .sideBoxItem.sbTwo h2, .mimoSideBox h2 { font-size: 1em; color: #666; font-weight: bold; }
#sideOne .sideBoxItem.sbTwo.first { margin-top: 60px; }
#sideOne .sideBoxItem.sbTwo ul { margin-top: 1em; }
#sideOne .sideBoxItem.sbTwo li { padding: .4em 0 }
.mimoSideBox { left:675px; position:absolute; width:300px; font-size: .8em; padding: 0; }
.mimoSideBox h2 { background: #fff; font-family: Arial, sans-serif; }
#catalogueList { margin-top: -40px; }
.pageDetail #cenaRezervace .rowCena th, .pageDetail #cenaRezervace .rowCena td { background: transparent; }
.pageDetail #cenaRezervace .rowCena td { text-align: right; }


/* uvodni stranka */

#hpVyhledatUbytovani { width: 300px;  float: left;  margin-top: 3em;  height: 300px;  }
#hpVyhledatUbytovani table.form { width: 280px; }
#hpVyhledatUbytovani table.form th { width: 35%;  padding: 7px 0;  border: 0;  margin: 0;  vertical-align: middle;  }
#hpVyhledatUbytovani table.form td { width: 65%;  padding: 7px 0;  border: 0;  margin: 0;  vertical-align: middle;  }
#hpVyhledatUbytovani h2 { font-weight: normal;  font-size: 1.8em;  margin-bottom: .7em;   }
#hpVyhledatUbytovani select#oblast { width: 150px; }
#hpImage { width: 300px;  float: right;   margin-top: 3em;  height: 300px; cursor:pointer;cursor:hand; }
#hpImageAnchor { display: none;  }
#hpImageText { color: #333;  border-top: 1px solid #fff;  font-size: 1.1em;  background: #CCFA4F;  margin: 245px 0 0 0;  padding: 0;  width: 100%;  }
#hpImageTextInside { margin: 10px;  padding: 0;  }
.novinkySideBox { height: 173px;  }

#hpAccommTips {
  margin: 0 20px 0 30px;
}

#coJsou {
  height:287px;
  line-height:1.4em;
  font-size:1.4em;
}


/* Seznam kapacit */
.seznamItemContent { width: 440px;  }

/* Tk special */

#tkSmallBox { width: 940px;  height: 150px;  left: 50%;  margin-left: -470px; margin-top: -125px; _margin-top: -115px; position: absolute;  }
.tkMapSide { width: 226px;  float: left;  top: 520px; left: 50%; margin-left: -470px; position: absolute; }
.tkMapSide.right { float: right;  top: 520px;  left: 50%; margin-left: 240px; position: absolute; }
.tkMapItem { height: 100px;  padding: 10px;  background: #F0FDCC;  margin-bottom: 10px;  border-right: 1px solid #ddd;  border-bottom: 1px solid #ddd;  cursor:pointer;cursor:hand;  }
.tkMapItem.small { height: auto;  }
.tkMapItem h3, .tkMapItem p { font-size: 1em;  margin: 0;  }
.tkMapItem h3 { height: 23px;  }
.tkMapItem.small.short { width: 226px;  padding: 0;  float: left;  margin-right: 10px; height: 36px;  }
.tkMapItem.small.short h3 { margin: 10px;  }
.tkMapItem.small.short.last { margin-right: 0;   }
#tkMapImage { height: 540px;  text-align: center; margin-left: 70px; }
#tkMapImage img { margin: 0 0 0 120px;   }
.tkMapItem a { width: 150px; display: block; float: left; }
.tkMapItem:hover a { color: #052560; text-decoration: underline; }
.tkMapItem:hover a.tkNumber { color: #fff; text-decoration: none; }
a.tkNumber {width: 27px; line-height: 19px; display: block; background: #0A4DCA url("http://www.termalnikoupaliste.cz/images/nr-bg.gif") no-repeat top left; color: #fff; text-align: center; text-decoration: none; margin: 0 5px 0 0; }
.ubytovaciFormular { background-image: none; background: #F0FDCC; border: 0; }
#ubytList h2, #ubytList ul, #ubytList li { display: inline; font-size: 1em; font-weight: normal; margin: 0; padding: 0; margin-right: 3px;  }
#ubytList h2 { display: block; font-weight: bold; margin-top: .5em; }



/* == Obecna pravidla pro layout (DEPRECATED - stary pokus o sloupce jen pro TK.cz) == */

/* 
  Sirka stranky (#container): 1000px;
  Postranni padding uvnitr stranky: 30px;
  Sirka sloupce: 300px;
  Pocet sloupcu: 3;
  Postranni padding mezi sloupci: 20px;
*/

.column,
.double-column,
.triple-column
{
  width: 300px;
  float: left;
  margin-left: 20px;
}

.double-column 
{
  width: 620px;  
}

.triple-column 
{
  width: 940px;  
}

.column.last,
.double-column.last,
.triple-column.last
{
  margin-left: 0;
}





/* Univerzalni tlacitka */

.button.submit {
  border-color: #073487;
  /* CSS3 Opacity [OBSOLETE?] */ 
  background: #0a4dca; /* Old browsers */
  background: -moz-linear-gradient(top, #5b88db 0%, #0a4dca 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5b88db), color-stop(100%,#0a4dca)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #5b88db 0%,#0a4dca 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #5b88db 0%,#0a4dca 100%); /* Opera11.10+ */
  background: -ms-linear-gradient(top, #5b88db 0%,#0a4dca 100%); /* IE10+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5b88db', endColorstr='#0a4dca',GradientType=0 ); /* IE6-9 */
  background: linear-gradient(top, #5b88db 0%,#0a4dca 100%); /* W3C */  
}

.button.submit:hover,
.button.submit:focus {
  /* CSS3 Opacity [OBSOLETE?] */ 
  background: #5b88db; /* Old browsers */
  background: -moz-linear-gradient(top, #0a4dca 0%, #5b88db 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0a4dca), color-stop(100%,#5b88db)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #0a4dca 0%,#5b88db 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #0a4dca 0%,#5b88db 100%); /* Opera11.10+ */
  background: -ms-linear-gradient(top, #0a4dca 0%,#5b88db 100%); /* IE10+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a4dca', endColorstr='#5b88db',GradientType=0 ); /* IE6-9 */
  background: linear-gradient(top, #0a4dca 0%,#5b88db 100%); /* W3C */  
}

/* Univerzalni hlaska */

.message 
  { background-color: #073487; }


/* --------------------------------------------------------------------------------  
   Vsechny divne barvy pryc
   - v obsahu vladne sedive schema 
   s pozadim #f8f8f8
*/

.crumbNavigation {
  background: #f8f8f8;  
}

/* Nadpis v postrannim boxiku */

#sideOne h2, 
#hpNovinky h2, 
#hpMapBox h2, 
#hpUbytovaniBox h2, 
h2.headLikeSide, 
.hpHead h2, 
.mimoSideBox h2 {
  background: #f8f8f8;
  border-bottom: 1px solid #eee;
  color: #666;
  margin-right: -7px;
}

/* Zvyrazneny boxik 
*/

.important,
#sideOne .important,
.lmBanner a {
  background: #f8f8f8;
  border: 0;
  border-bottom: 1px solid #eee;
  border-right: 1px solid #eee;
}