@charset "utf-8";

/* 

========== Zakladni stylopis webu DCK Rekrea Ostrava ========== 

Autor:        Martin Michalek, webmaster@eslovensko.cz
Weby:         www.ck-rekrea.cz, www.e-slovensko.cz, www.tuzemskadovolena.cz atd.

*/


body
{
  margin:0;
  padding:0;
  font:.75em/1.3em Arial, Helvetica, sans-serif;
  background:#EEE;
  color:#000;
}

input,textarea,option,select,td,th
{
  font-family:Arial, Helvetica, sans-serif;
  line-height:1.5em;
}

select
{
  font-size:1em;
  line-height:1.5em;
}

a
{
  color:#0EB10E;
}

a:link
{
  text-decoration:none;
}

a:visited
{
  text-decoration:none;
}

a:hover
{
  text-decoration:underline;
  color:#044C04;
}

a img,img
{
  border:0;
}


form
{
  margin:0;
  padding:0;
}

p,blockquote,h1,table
{
  margin:0 0 1.5em;
  padding:0;
}

ul
{
  margin-top:0;
  margin-bottom:1.5em;
}

h2,h3,h4,h5,h6
{
  margin:0 0 .5em;
  padding:0;
}

blockquote
{
  margin-left:20px;
  margin-right:0;
  font-style:italic;
}




/* === Layout === */


/* == Obecna pravidla pro layout == */

/* 
  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;  
}

/* Posledni sloupec nema pravy margin */
.column.last,
.double-column.last,
.triple-column.last
{
  margin-left: 0;
}



/* == Konkretni konstrukce layoutu == */

#head
{
  background:#fff;
  padding:1.5em 0 0;
  border-bottom:1px solid #fff;
}

code
{
  font-size:1.2em;
  _font-size:1.1em;
  color:#666;
}

#head a
{
  color:#024E40;
}

#container
{
  width:1000px;
  background:#fff url(../images/layout/sidebox-bg.gif) repeat-y right top;
  background:#fff url(../images/layout/sidebox-bg.gif) repeat-y right top;
  margin:0 auto;
  margin-bottom:15px;
}

#container.noBg
{
  background:#fff;
  background-image:none;
}

#left,#sideTwo
{
  float:right;
  width:160px;
  padding:1px 7px 1.5em 8px;
}

#center,#textContent,.textContent
{
  width:610px;
  padding:0;
  float:left;
  margin-left:30px;
  display:inline;
}

#right,#sideOne
{
  float:right;
  width:310px;
  padding:3em 7px 1.5em 20px;
}

#textContent.fullSize
{
  width:749px;
  padding:1px 0 0 30px;
  float:left;
}

#sideOne.noTopPadding
{
  padding-top:0;
  width:310px;
}

/* Postranni boxiky - nadpisy */

#sideOne h2,#hpNovinky h2,#hpMapBox h2,#hpUbytovaniBox h2,h2.headLikeSide,.hpHead h2,.mimoSideBox h2
{
  font-size:1em;
  background:#F3F2E3 url(../images/layout/sidebox-head-bg.gif) repeat-y;
  color:#666;
  margin:0 -8px 0.5em;
  padding:.75em 15px;
  font-family:Arial, Helvetica, sans-serif;
}

/* Postranni boxiky - odstavce */

#sideOne p
{
  margin:0 0 1em;
  padding:0;
}

#weblog .mimoSideBox h2,#textContent .mimoSideBox h2,#textContent.pageDetail .mimoSideBox h2
{
  font-size:1em;
  padding:.5em 8px!important;
}




/* Boxik napravo od rezervacniho formulare  */

.mimoSideBox
{
  width:317px;
  position:absolute;
  left:50%;
  margin-left:175px;
  margin-top:15px;
}

.mimoSideBox h2
{
  margin:0 -8px 1.5em 0;
}

#hpTips h2.headLikeSide
{
  margin-top:2.5em;
}

#hpTips .seznamItem
{
  border-bottom:0;
}

#hpAccommTips,.threeColBox
{
  margin-right:-15px;
}

#hpAccommTips h2.headLikeSide
{
  margin-top:2.5em;
  margin-right:8px;
}

#hpAccommTips h3
{
  margin-bottom:0;
}


/* Novinky na uvodni strance */

#hpSideNovinky h3
{
  margin-bottom:0;
}

#hpSideNovinky .item 
{
  margin-left:8px;
  margin-right:8px;
  margin-bottom: 1em;
}

#hpSideNovinky p,
#hpSideNovinky h3
{
  display: inline;
}

.sideBoxItem .oldNews li
{
  padding-left:8px;
}

/* Last Minute boxik */

#sideBoxLastMinute 
{
  padding-bottom: .5em;
}

.sideBoxLastMinuteItem h3,.sideBoxLastMinuteItem p
{
  display:inline;
}

.sideBoxLastMinuteItem
{
  margin:0 12px 1em 7px;
}

#sideBoxLastMinute .lastDalsi
{
  margin-right:12px;
  text-align:right;
}

/* Tip na dovolenou boxik */

#tip h2 a
{
  text-decoration:none;
  color:#666;
}

#tip h2 a:hover
{
  text-decoration:underline;
  color:#044C04;
}

#tip .tipItem,#tip .tipBottom
{
  margin:0 7px 1.5em;
}

.tipTwoBox
{
  width:190px;
  float:left;
  margin-right:20px;
}

.tipTwoBox.last
{
  margin:0;
}

.tipTwoBox p,.tipTwoBox ul
{
  margin-right:5px;
  margin-left:5px;
}

.tipTwoBox ul,.tipTwoBox ul li,.tipTwoBox h3
{
  margin-left:5px;
  list-style-type:none;
}

.tipTwoBox ul li
{
  background:transparent url(../images/layout/li-small.gif) no-repeat;
  padding-left:5px;
  margin-left:0;
}

.tipTwoBox h2
{
  background:#A9A792;
  color:#fff;
  padding:.4em 5px;
  display:block;
  font-weight:normal;
  font-size:1em;
  margin:0;
  font-family:Arial, Helvetica, sans-serif;
}

.tipTwoBox h3
{
  margin-top:.5em;
}

#container.wideLayout
{
  background:#fff;
  background-image:none;
}

#container.wideLayout #center
{
  width:734px;
  float:none;
  padding:1px 15px 3em 30px;
}

#container.wideLayout #sideOne
{
  width:734px;
  float:none;
  padding:1px 15px 3em 30px;
}

#hpMapBox h2,#hpUbytovaniBox h2
{
  margin:0;
}

#hpMapBox h2 a,#hpUbytovaniBox h2 a,.sideBoxItem h2 a
{
  color:#666;
  text-decoration:none;
}

#hpMapBox h2 a:hover,#hpUbytovaniBox h2 a:hover,.sideBoxItem h2 a:hover
{
  text-decoration:underline;
}

#hpNovinky h2
{
  margin:-1em -8px 0;
}

#hpNovinky ul
{
  margin-bottom:0;
  padding-bottom:0;
}

#hpNovinky .sideBoxItem
{
  margin-bottom:0;
  padding-bottom:0;
}

#hpNovinky ul
{
  margin-bottom:0;
  padding-bottom:0;
}

.hpFirstBox
{
  background:#fff;
  width:100%;
}

#hpNovinky
{
  padding:1em 8px;
  margin:0;
  float:right;
  width:233px;
  background:transparent;
}

/* Boxik pro vlozeni emailu k odberu newsletteru */

.novinkyEmailem
{

}

.novinkyEmailem p,
.novinkyEmailem h2
{
  padding:.5em 15px;
}

.novinkyEmailem p *
{
  vertical-align:middle;
}

.novinkyEmailem p input.m
{
  width:130px;
}


#foot
{
  clear:both;
  padding:.75em 30px;
  background:#E1EBE6;
  margin-bottom:0;
}

#foot small,small.temporary,small.temporary a
{
  color:#999;
  font-size:1em;
}

#footDotazy
{
  width:212px;
  float:right;
}

#footServer
{
  width:220px;
  float:left;
}

#foot h2
{
  font-size:1.1em;
}

#footBottom
{
  background:#9BD04E;
  padding:.75em 30px;
  color:#fff;
  margin:0;
}

#footBottom a
{
  color:#fff;
}

/* === Nova paticka === */

#footNew
{
  background:transparent;
  padding:1.5em 30px .5em;
  color:#666;
  margin:0;
  background:transparent url(http://www.e-slovensko.cz/images/layout/footer-bg.gif) repeat-x left top;
  margin-top:3em;
}

#footNew a
{
  color:#666;
}

#footNew a:hover
{
  color:#333;
}

#footRekrea
{
  margin:0;
  padding:0;
  width:280px;
  float:right;
}

#footRekrea img
{
  margin-bottom:8px;
}

#footStranka
{
  margin:0;
  padding:0;
  width:630px;
  float:left;
}

#footStranka p
{
  margin-bottom:.3em;
}

.footNovinka
{
  color:#000;
  font-weight:bold;
}

.caps
{
  letter-spacing:.1em;
}

h1,h2,h3,h4,h5,h6
{
  font-family:Arial, Helvetica, sans-serif;
  color:#666;
}

h1
{
  font-size:2em;
  line-height:1.5em;
  margin-top:.75em;
  margin-bottom:.75em;
  font-weight:normal;
}

h2
{
  font-size:1.3em;
}

h3
{
  font-size:1em;
}

h4
{
  font-size:1em;
}

textarea
{
  width:350px;
  height:7em;
}

#weblog h2
{
  font-size:1.3em;
  margin-top:1.5em;
  margin-bottom:.5em;
}

#weblog img
{
  text-align:center;
}

#weblog .underHead
{
  margin:0;
  background:#F6F5E8;
  line-height:1.5em;
  padding:.75em 8px;
}

.weblogArticle
{
  margin-bottom:4.5em;
}

#weblog .weblogArticle h2
{
  font-size:1.6em;
}

.weblogArticle h2 a
{
  text-decoration:none;
}

.weblogArticle h2 a:hover
{
  text-decoration:underline;
}

.bottomInfo
{
  margin:0;
  color:#666;
  margin-top:1.5em;
  padding:.5em 8px;
  background:#F4F2E4;
}

.bottomInfo a
{
  color:#666;
}

#weblog .underHead a
{
  color:#000;
}

.imgGallery
{
  float:left;
  margin-right:15px;
  margin-bottom:15px;
}

.photoGallery img
{
  margin-bottom:.75em;
}

#napovedaPage
{
  margin:1.5em 30px;
}

#napovedaPage h1
{
  font-size:1.3em;
}

.floatLeft50
{
  float:left;
  width:48%;
}

.floatRight50
{
  float:right;
  width:48%;
}

.clearBothZero
{
  clear:both;
  font-size:1px;
  line-height:1px;
  height:1px;
}

.clearBoth
{
  clear:both;
}

.alignRight
{
  text-align:right;
}

.alignLeft
{
  text-align:left;
}

.alignCenter
{
  text-align:center;
}

.marginBottom3
{
  margin-bottom:3em;
}

.marginBottom1half
{
  margin-bottom:1.5em;
}

.marginRight15
{
  margin-right:15px;
}

.testRed
{
  border:1px solid red;
}

.displayInline
{
  display:inline;
}

.displayNone
{
  display:none;
}

.button
{
  padding:.25em 8px;
  color:#08A308;
  cursor:pointer;
}

.button.small
{
  padding:.2em 0;
}

.button.submit
{
  font-weight:bold;
  border:1px solid #176D21;
  background:#08A308;
  color:#fff;
}

.important
{
  background:#FDFECF url(../images/important-bg.gif) no-repeat right bottom;
  padding:.75em 15px;
  margin-bottom:1.5em;
  border:1px solid #F9E1BB;
}

.important hr
{
  background:#F9E1BB;
  color:#F9E1BB;
  height:1px;
  border:0;
}

.importantTwo
{
  background:#E4E1C5;
  padding:1em;
}

/* Adsense reklama na strane */

#adsense-reklama
{
  margin:3em 7px;
}

/* === Formulare === */

table.form,table.width100
{
  width:100%;
}

table.form th,table.form td
{
  padding:.45em .2em .45em 0;
  vertical-align:top;
}

table.form th
{
  text-align:left;
  width:31%;
  font-weight:normal;
}

table.form td
{
  text-align:left;
  width:69%;
}

table tr.rowOne td,table tr.rowOne th
{
  background:#efefef;
}

table tr.rowTwo td,table tr.rowTwo th
{
  background:#f8f8f8;
}

table tr.rowThree td,table tr.rowThree th
{
  background:#dfdfdf;
}

table tr.rowCena td
{
  background:#FDFECF;
  font-weight:bold;
}

table tr.error td,table tr.error th
{
  background:#FED0D0;
  color:red;
}

table.form small
{
  color:#666;
}

.sendOK,#contentBox p.sendOK
{
  border:2px solid #213630;
  padding:.5em 8px;
  margin:2.5em 0;
}

.sendKO,#contentBox p.sendKO
{
  background:#FF0;
  padding:1.5em 8px;
  margin:2.5em 0;
}

input,textarea
{
  font-size:1em;
}

.required
{
  font-size:1.2em;
  font-weight:bold;
  color:#f60;
}

p.submit
{
  text-align:right;
}

.big
{
  font-size:1.5em;
  font-weight:bold;
  vertical-align:middle;
}

.fontSmall
{
  font-size:.5em;
  font-weight:normal;
}

small.fontSmall
{
  font-size:.6em;
  font-weight:normal;
}

table.fontSmall td,table.fontSmall th
{
  font-size:1.4em;
  font-weight:normal;
}

fieldset
{
  padding:2em 1em;
  margin-bottom:1em;
  border:0;
}

legend
{
  margin-bottom:1em;
  color:#333;
}

#hpTopBox
{
  background:transparent url(../images/hptopbox-bg.gif) right top repeat-y;
  margin-right:-5px;
  margin-top:2.9em;
  width:100%;
}

#hpImage
{
  width:300px;
  color:#999;
  height:260px;
  padding:0;
  float:right;
  display:inline;
}

#hpImageAnchor
{
  width:300px;
  height:260px;
  display:block;
}

#hpImageAnchor span
{
  display:none;
}

#hpFirstBox
{
  display:none;
}

#hpImageText
{
  float:right;
  display:inline;
  margin-right:0;
  width:290px;
  margin-top:1.5em;
}

#hpImageText h2
{
  font-size:1.1em;
  margin-bottom:0;
}

#hpImageTextInside
{
  padding:.5em 8px;
}

table.kontakt
{
  width:100%;
  margin-bottom:1.5em;
  border-collapse:collapse;
}

table.kontakt td,table.kontakt th
{
  margin-bottom:.5em;
  vertical-align:top;
  text-align:left;
  padding:.5em 5px;
}

table.kontakt tr.bottomLine td,table.kontakt tr.bottomLine th
{
  border-bottom:1px solid #ccc;
  margin-bottom:1.5em;
}

#hpMapBox
{
  width:290px;
  float:left;
  border:1px solid #E4E1C5;
}

#hpMapBox table.form
{
  margin:1em 0 0 5px;
}

#hpMapContainer h2
{
  background-image:none;
  background-color:transparent;
}

#hpMapContainer
{
  text-align:center;
}

/* Boxik s mapou */

.sideBoxItem #slovensko-mapa-img
{
  margin-left:7px;
}

.mapyMore a
{
  padding:.1em 1em .1em 0;
  margin:0;
}

.mapyMore
{
  text-align:right;
  margin-right:7px;
}

/* Selfpromo na strane */

#sideSelfPromo
{
  margin-left:7px;
}

.napovedaAnchor
{
  padding:.1em 0 .1em 2em;
  margin:0;
  background:transparent url(../images/icon-help.gif) no-repeat center left;
}

.inlineHelp
{
  border-bottom:dotted 1px #ccc;
  cursor:help;
}

#hpUbytovaniBox
{
  width:248px;
  margin-right:-6px;
  float:right;
  background:#F4F2E4;
  margin-top:2.5em;
}

#hpUbytovaniBox p
{
  margin:1.5em 8px 0;
}

#menu
{
  color:#fff;
  border-top:#E0E9E8 10px solid;
  border-bottom:#9BD04E 10px solid;
  padding:0 15px 0 30px;
  margin:0;
  height:3.47em;
  _height:3em;
}

#menu a
{
  padding:1em 2em 1.2em 0;
  color:#fff;
  float:left;
  text-decoration:none;
}

#menu a:hover
{
  text-decoration:underline;
}

#serverMenu
{
  float:right;
  width:700px;
  text-align:right;
  margin:0;
  margin-right:30px;
}

#logo
{
  margin:0;
  padding:0;
  float:left;
  display:inline;
  margin-left:30px;
}

#logo a
{
  width:196px;
  height:46px;
  display:block;
}

#logo big,#logo small
{
  display:none;
}

input#reserveButton
{
  padding:5px;
  border:1px solid #176D21;
  background-color:#08A308;
  font-size:1em;
  color:#FFF;
}

.crumbNavigation
{
  background:#E1EBE6;
  color:#999;
  line-height:1.5;
  margin:-1px -36px 0 -30px;
  _margin:-1px -16px 0 -30px;
  padding:.75em 15px .75em 30px;
}

.cenyOverflow
{
  overflow:auto;
  width:100%;
  padding-bottom:-1.5em;
}

#cenaRezervace .cenyOverflow
{
  margin-top:-2em;
  border-bottom:#F9E1BB 1px solid;
  margin-bottom:1.5em;
}

.contentHalfBox
{
  width:295px;
}

.contentHalfBox.clanekSouvisejici ul.limitedWidth li
{
  line-height:1.3em;
}

#weblog .contentHalfBox h2
{
  margin-top:.5em;
}

.filter
{
  background:#F0F5F2 url(../images/filter-bg.gif) no-repeat right bottom;
  text-align:right;
  padding:.5em 15px;
  border:1px solid #E6F3EC;
  margin-bottom:1.5em;
}

.paging
{
  background:#eee;
  text-align:right;
  padding:.5em 15px;
}

.filter *
{
  vertical-align:middle;
}




/* === Seznam kapacit === */

.seznamItem,.clanekPerex
{
  border-bottom:1px solid #ddd;
  padding:.75em 0;
  margin-bottom:1em;
  width:100%;
}

.seznamItem
{
  border-bottom:0;
}

.clanekPerex
{
  border:0;
}

.seznamItemImg,.clanekPerexImage
{
  width:160px;
  float:left;
}

.seznamItemContent,.clanekPerexContent
{
  width:420px;
  float:right;
}

.seznamItem em
{
  font-style: normal;
  color: #666;
}

.seznamItemContent h2,.seznamItemContent p,#tip p,#tip h3
{
  margin:0;
  padding:0;
}

.seznamItemContent h2
{
  line-height:1.4em;
}

.seznamItemContent h2 small
{
  font-size:.8em;
  font-weight:normal;
  background:#ddd;
  padding:3px;
}




.seznamItemContent.detail p
{
  margin-bottom:1em;
}

#hpThemes .seznamItemImg
{
  width:90px;
}

#hpThemes .seznamItemContent
{
  width:395px;
}

#hpThemes .seznamItem
{
  border-bottom:0;
}

.clearBothZero
{
  clear:both;
  font-size:1px;
  line-height:1px;
  height:1px;
}

.floatLeft
{
  float:left;
}

.floatRight
{
  float:right;
}

/* Ubytovaci formular - stary */

.formular
{
  padding:.75em 0 .75em 15px;
  background:#efefef;
  margin-bottom:1.5em;
}

.formular fieldset
{
  width:140px;
  margin-right:15px;
  float:left;
  border:0;
  margin-bottom:.75em;
  padding:0;
}

.formular .otherColor
{
  padding:.5em 15px;
  background:#ddd;
  margin:-1em 0 0 -15px;
}

.formular h3
{
  font-size:1.2em;
}

.formular fieldset.last
{
  margin-right:0;
}

.formular .bottomSubmit
{
  margin-top:2.25em;
  margin-right:15px;
  display:inline;
  text-align:right;
}

/* Ubytovaci formular - novy */

.ubytovaciFormular
{
  background:#FDFECF url(../images/important-bg.gif) no-repeat right bottom;
  padding:.75em 0 .75em 10px;
  margin-bottom:4em;
  border:1px solid #F9E1BB;
}

.ubytovaciFormular fieldset
{
  width:190px;
  margin-right:20px;
  float:left;
  border:0;
  margin-bottom:.75em;
  padding:0 0 .5em;
}

.ubytovaciFormular fieldset.dateField
{
  width:180px;
}

.ubytovaciFormular h3
{
  font-size:1em;
  font-weight:normal;
  font-family:Arial, Helvetica, sans-serif;
  margin-top:.6em;
  margin-bottom:.3em;
}

.ubytovaciFormular fieldset.last
{
  margin-right:0;
  width:180px;
}

.ubytovaciFormular input.submit
{
  border:1px solid #176D21;
  background:#08A308;
  color:#fff;
  font-family:Arial, Helvetica, sans-serif;
  font-weight:bold;
  padding:3px;
  _padding:2px;
  cursor:pointer;
  font-size:1.1em;
}

.ubytovaciFormular select
{
  width:180px;
}

.ubytovaciFormular select,.ubytovaciFormular img
{
  vertical-align:middle;
}

.ubytovaciFormular #oddata_d,.ubytovaciFormular #oddata_m,.ubytovaciFormular #dodata_d,.ubytovaciFormular #dodata_m
{
  width:38px;
  padding:0;
}

.ubytovaciFormular #oddata_y,.ubytovaciFormular #dodata_y
{
  width:49px;
  padding:0;
}

#pageMap div
{
  height:150px;
  border:1px solid #ccc;
  color:#ccc;
  padding:8px;
}

#pageMap
{
  margin-bottom:1.5em;
}

#pageMap .mapText
{
  background:#ccc;
  color:#fff;
  padding:.5em 8px;
}

#pageMap .mapText a
{
  color:#fff;
}

#lastMinute,.sideBoxItem
{
  margin-bottom:1.5em;
}

/* Obecny boxik na strane - napriklad novinky z TD.cz v novinkach */

#sideOne .sideBoxItem h2
{
  margin-bottom:1em;
}

.sideBoxItem label
{
  margin-bottom:.5em;
  display:block;
}

.sideBoxItem ol
{
  padding-left:15px;
  margin-left:8px;
}

.sideBoxItem ul,
.mimoSideBox ul
{
  padding:0;
  margin:0;
  list-style-type:none;
}

.sideBoxItem ol
{
  padding:0;
  margin:0;
  padding-left:1em;
  margin-left:1em;
}

.sideBoxItem p
{
  margin-left:7px;
  margin-right:7px;
}

.sideBoxItem li,.mimoSideBox li
{
  border-bottom:1px solid #F0EEDB;
  padding:.5em 10px;
  margin:0;
}

.sideBoxItem ul li
{
  margin:0;
  list-style-type:none;
}

.sideBoxItem ol li
{
  padding:.5em 8px .5em 0;
}

.sideBoxItem ul li
{
  padding-left:7px;
  margin-right:7px;
  list-style-type:none;
}

#lastMinute,#tip,#pageMap
{
  margin-bottom:1.5em;
}

table.ceny
{
  border-collapse:collapse;
  width:100%;
  margin-bottom:.75em;
  overflow:auto;
}

table.ceny td,table.ceny th
{
  padding:.35em 3px .4em 4px;
  border-bottom:1px solid #FCF4C1;
  text-wrap:no-wrap;
}

table.ceny th
{
  text-align:right;
  font-weight:bold;
  border-bottom:1px solid #F4ECB8;
}

table.ceny th.terminy
{
  text-align:left;
}

.lastminuteItem table
{
  border-collapse:collapse;
  width:100%;
  margin-bottom:.75em;
}

.lastminuteItem table td,.lastminuteItem table th
{
  padding:.35em 2px .4em;
  border-bottom:1px solid #eee;
}

.lastminuteItem table th
{
  text-align:left;
  font-weight:bold;
}

.lastminuteItem
{
  margin-bottom:1.5em;
}

.mapaCol
{
  width:230px;
  margin-right:15px;
  float:left;
}

h2.mapaWebuTop
{
  padding-bottom:45px;
  background:transparent url(../images/mapa-webu.gif) no-repeat left bottom;
}

.mapaCol.last
{
  margin-right:0;
}

#cenaRezervace h2
{
  margin-bottom:1.5em;
}

#cenaRezervace h2 select
{
  font-family:Arial, Helvetica, sans-serif;
  color:#666;
}

#cenaRezervace table.form th
{
  text-align:left;
  width:65%;
  font-weight:normal;
}

#cenaRezervace table.form td
{
  text-align:left;
  width:35%;
}

#cenaRezervace table.form td select,#cenaRezervace table.form td img
{
  vertical-align:middle;
}

.numbered
{
  padding-left:145px;
}

.numbered.nr1
{
  background:transparent url(../images/nr-1.gif) no-repeat left top;
}

.numbered.nr2
{
  background:transparent url(../images/nr-2.gif) no-repeat left top;
}

.numbered.nr3
{
  background:transparent url(../images/nr-3.gif) no-repeat left top;
}

.numbered.nr4
{
  background:transparent url(../images/nr-4.gif) no-repeat left top;
}

.numbered.nr5
{
  background:transparent url(../images/nr-5.gif) no-repeat left top;
}

.numbered.nr6
{
  background:transparent url(../images/nr-6.gif) no-repeat left top;
}

.numbered.nr7
{
  background:transparent url(../images/nr-7.gif) no-repeat left top;
}

.numbered.nr8
{
  background:transparent url(../images/nr-8.gif) no-repeat left top;
}

.numbered.nr9
{
  background:transparent url(../images/nr-9.gif) no-repeat left top;
}

.numbered.nr0
{
  background:transparent url(../images/nr-0.gif) no-repeat left top;
}

.numbered.nrQ
{
  background:transparent url(../images/nr-q.gif) no-repeat left top;
}

.numbered.nrA
{
  background:transparent url(../images/nr-a.gif) no-repeat left top;
}

table.normal th
{
  text-align:left;
}

table.normal th,table.normal td
{
  padding-right:8px;
}

table.tableBordered th,table.tableBordered td
{
  border-top:1px solid #eee;
  border-left:1px solid #eee;
  padding:2px;
}

table.tableBordered
{
  border-bottom:1px solid #eee;
  border-right:1px solid #eee;
  border-collapse:collapse;
}

.reklama
{
  margin-top:3em;
}

.reklama small,.reklama small a
{
  color:#999;
}

.reklama small
{
  display:block;
  margin-bottom:-10px;
}

#sideOne .reklama h2 a
{
  background:transparent;
}

.reklama h2 a
{
  color:#999;
  text-decoration:none;
}

.reklama h2 a:hover
{
  text-decoration:underline;
}

.reklama p
{
  font-size:.9em;
  padding:.5em 0;
  display:inline;
}

.reklama p a
{
  color:#999;
}

.reklama p.reklamaThreeItem
{
  padding:0;
  margin:0;
  float:left;
  width:160px;
  margin-right:5px;
  margin-bottom:10px;
  font-size:1em;
  height:96px;
}

.reklama p.reklamaThreeItem a
{
  color:#666;
}

.reklama p.reklamaThreeItem strong a
{
  color:#00F;
}

.reklama p.reklamaThreeItem.last
{
  margin-right:-5px;
}

#mapPosition
{
  position:absolute;
  width:15px;
  height:15px;
  border:2px solid #060;
  left:0;
  top:0;
  line-height:1px;
  font-size:1px;
}

#mapContent
{
  position:relative;
  display:block;
}

big
{
  font-family:Arial, Helvetica, sans-serif;
  font-weight:bold;
  font-size:1.25em;
  line-height:1.3em;
}

#searchTop input,#searchTop select
{
  font-family:Arial, Helvetica, sans-serif;
}

#searchTop select
{
  height:1.7em;
}

.popUpBox
{
  width:400px;
  padding:20px 1.5em;
  height:200px;
  overflow:auto;
  border:2px solid #666;
  background:#fff;
  position:absolute;
  top:100px;
  left:100px;
  display:none;
}

/* fotogalerie kapacity */

.hotelImgItem
{
  width:180px;
  float:left;
}

.hotelImgItem img,.hotelImgItem p
{
  margin:10px 10px 0;
}

.clanekMenu
{
  width:175px;
  float:right;
  list-style-type:none;
  margin:0 0 10px 10px;
  padding:10px 0;
  background:#E1EBE6;
  margin-right:-15px;
  _margin-right:-10px;
}

.clanekMenu li
{
  list-style-type:none;
  margin:0 10px;
}

.clanekSouvisejici
{
  margin-top:1.5em;
}

.clanekSouvisejici ul,.clanekSouvisejici ul li,ul.mapList
{
  list-style-type:none;
  margin:0;
  padding:0;
}

.clanekSouvisejici ul li,.clanekSouvisejici h3,ul.mapList li
{
  border-bottom:1px solid #E5E2C8;
  padding:.5em 8px;
  margin:0!important;
}

.clanekSouvisejici ul li,ul.mapList li
{
  list-style-type:none;
  margin:0 10px;
}

/* Seznam polozek na mape */
ul.mapList
{
  margin-right:20px;
  border-top:1px solid #E5E2C8;
}

ul.mapList.last
{
  margin-right:0;
}

input.s
{
  width:4em;
}

input.xs
{
  width:6em;
}

input.l
{
  width:10em;
}

input.m
{
  width:8em;
}

input.xl
{
  width:15em;
}

input.xxl
{
  width:20em;
}

input.maxxxl
{
  width:445px;
}

textarea.l
{
  width:95%;
  height:5em;
}

textarea.xl
{
  height:5em;
}

input.inputBigger
{
  font-size:1em;
  font-weight:bold;
}

select.inputBigger
{
  font-size:1em;
  font-weight:bold;
}

.floatLeft
{
  float:left;
}

.floatRight
{
  float:right;
}

.displayNone
{
  display:none;
}

.marginTopNo
{
  margin-top:0;
}

.sideOne .marginTopNo
{
  margin-top:-1.5em;
}

.alignLeft
{
  text-align:left;
}

.alignRight
{
  text-align:right;
}

.alignCenter
{
  text-align:center;
}

.alignMiddle
{
  vertical-align:middle;
}

.cursorHand
{
  cursor:pointer;
}

.searchHilite
{
  font-weight:normal;
  background:#DBEF93;
}

.textGrey
{
  color:#999;
}

.vypocet
{
  border:0;
  background:transparent;
  width:50px;
  text-align:right;
}

.boxPocasi
{
  width:485px;
  height:100px;
}

/* Vyhledavaci boxik na uvodni strance */

#hpVyhledatUbytovani table.form
{
  margin:-5px 15px 15px;
  width:260px;
}

#hpVyhledatUbytovani table.form th
{
  width:35%;
  padding:5px 0;
  border:0;
  margin:0;
  vertical-align:middle;
}

#hpVyhledatUbytovani table.form td
{
  width:65%;
  padding:5px 0;
  border:0;
  margin:0;
  vertical-align:middle;
}

#hpVyhledatUbytovani #oddata_d,#hpVyhledatUbytovani #oddata_m,#hpVyhledatUbytovani #dodata_d,#hpVyhledatUbytovani #dodata_m
{
  width:38px;
  padding:0;
}

#hpVyhledatUbytovani #oddata_y,#hpVyhledatUbytovani #dodata_y
{
  width:49px;
  padding:0;
}

#hpVyhledatUbytovani select,#hpVyhledatUbytovani input,#hpVyhledatUbytovani img
{
  vertical-align:middle;
}

#hpVyhledatUbytovani form
{
  margin:0;
  padding:0;
}

#hpVyhledatUbytovani img
{
  margin-left:-2px;
}

#hpVyhledatUbytovani input.submit
{
  border:1px solid #176D21;
  background:#08A308;
  color:#fff;
  font-family:Arial, Helvetica, sans-serif;
  font-weight:bold;
  padding:3px;
  _padding:2px;
  cursor:pointer;
  font-size:1em;
}

#hpVyhledatUbytovani #oblastSelect
{
  width:150px;
}




/* === Detail kapacity === */

.seznamItemContent.detail 
{
  min-height: 700px;  
}

/* Odkazy pod obrazkem */

ul.links,ul.links li
{
  margin-left:0;
  padding-left:0;
  list-style-type:none;
}

ul.links li
{
  padding:2px 0 3px;
  border-top:#eee solid 1px;
}



/* Vzdalenosti pod obrazkem  */

table.normal.vzdalenosti
{
  border-collapse:collapse;
  width:100%;
}

table.normal.vzdalenosti th,table.normal.vzdalenosti td
{
  padding:2px 0;
  border-top:#eee solid 1px;
}




/* === Tistene katalogy === */

.printCatalogues p
{
  float:left;
}

.printCatalogues p a
{
  padding:10px;
  text-align:center;
  border:1px solid #eee;
  background-color:#f8f8f8;
  display:block;
  margin:0 20px 20px 0;
}

.printCatalogues p a img
{
  margin-bottom:10px;
}

.printCatalogues p a:hover
{
  text-decoration:none;
  background-color:#ddd;
}

.printCatalogues p.aktualni a
{
  border:1px solid #ddd;
  background-color:#efefef;
}

.printCatalogues p.aktualni a:hover
{
  background-color:#eee;
}




/* === Sesterske weby v zahlavi === */

#sisterWebsites
{
  background-color:#efefef;
  font-family:Verdana, sans-serif;
  font-size:9px;
  line-height:16px;
  height:22px;
  margin:0;
}

#sisterWebsites a,#sisterWebsites strong
{
  display:block;
  width:142px; /* = sirka #container (1000px) / pocet polozek (7)  */
  float:left;
  text-align:center;
  padding:3px 0;
  color:#ccc;
}

#sisterWebsites .last
{
  width:148px; /* = sirka #sisterWebsites a + sirka #container (1000px) - (sirka #sisterWebsites a * pocet polozek (7))  */
}

#sisterWebsites a:hover
{
  text-decoration:none;
  background-color:#e8e8e8;
  color:#bbb;
}

#sisterWebsites strong
{
  background:#fff;
  color:#bbb;
  font-weight:normal;
}

/* === Popup okno - napr. "Co je dobré vědět před rezervací?" === */

#page_popup
{
  background-color: #fff;
}