html{font-size: 12px;color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,p,blockquote{margin:0;padding:0;}img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;line-height:1;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}
body {
padding-left: 80px;
}

html, html body {
width: 907px;
margin: 0 auto;
background-image: url('../gfx/bg.png');
background-repeat: repeat-x;
background-color: #7b1d20;
font-family: Calibri, Verdana, sans-serif;
color: #e9c4a4;
line-height: 1.3em;
}

html {
width: 100%;
}

strong {
font-weight: bold;
}

em {
font-style: italic;
}

address {
font-weight: bold;
}

.hid {
position: absolute;
left: -9999px;
}

.left {
float: left;
}

.right {
float: right;
}

.center {
text-align: center;
}

.cl {
display: block;
clear: both;
}

div.hr {
clear: both;
}

div.hr hr {
display: none;
}

span.crn-lt {
display: block;
position: absolute;
top: 0;
left: 0;
}

span.crn-rt {
display: block;
position: absolute;
top: 0;
right: 0;
}

span.crn-lb {
display: block;
position: absolute;
bottom: 0;
left: 0;
}

span.crn-rb {
display: block;
position: absolute;
bottom: 0;
right: 0;
}

ul#top {
background-image: url('../gfx/top.png');
background-repeat: repeat-x;
background-position: bottom;
background-color: #330102;
height: 2.571em;
position: relative;
/*
font-size: 117%;
  */
font-size:100%;
margin-bottom: 2px;
}

ul#top li {
/*
line-height: 2.571em;*/
line-height: 2.9em;
float: left;
}

ul#top li + li {
padding-left: 2px;
background-image: url('../gfx/top-sep.png');
background-repeat: no-repeat;
}

ul#top li a {
display: block;

background-image: url('../gfx/top-star.png');
_background-image: url('../gfx/top-star.gif');
background-repeat: no-repeat;
background-position: 15px 15px;

padding: 0 15px 0 29px;

color: #e9c4a4;
text-decoration: none;
}

ul#top li a:hover {
text-decoration: underline;
}

ul#top li span.crn-lb, ul#top li span.crn-rb {
width: 9px;
height: 10px;
_display: none;

background-image: url('../gfx/top-crn.png');
}

ul#top li span.crn-rb {
background-position: -9px;
_display: none;
}

div#main {
background-color: #340008;

padding:11px 15px 120px;
_padding: 11px 11px 120px 10px;

position: relative;

background-image: url('../gfx/text-bg.jpg');
background-repeat: no-repeat;
background-position: bottom;
min-height:500px;
_height: 500px;
}

div#main div#navi {
position: relative;
z-index: 10;
background-image: url('../gfx/logo-sep.png');
background-repeat: repeat-x;
background-position: bottom;

padding-bottom: 5px;
margin-bottom: 5px;
}

div#main ul#navi-breadcrumbs, div#main ul#navi-languages {
font-size: 91.7%;
color: #a56438;

}

div#main ul#navi-breadcrumbs a {
color: #a56438;
}

div#main ul#navi-breadcrumbs a:hover, div#main ul#navi-languages a:hover {
text-decoration: none;
}
div#main ul#navi-breadcrumbs li, div#main ul#navi-languages li {
float: left;
_background: #340008;
}
div#main ul#navi-breadcrumbs li + li {
margin-left: 4px;
padding-left: 9px;
background-image: url('../gfx/navi-breadcrumbs.png');
background-repeat: no-repeat;
background-position: 0 6px;
}

div#main ul#navi-languages li + li {
padding-left: 1px;
background-image: url('../gfx/navi-languages-li.png');
background-repeat: no-repeat;
background-position: 0 4px;
margin-left: 6px;
}

div#main ul#navi-languages li a, div#main ul#navi-languages li span {
color: #e5c3a5;
padding: 0 0 0 10px;
background-image: url('../gfx/navi-languages-a.png');
background-repeat: no-repeat;
background-position: 4px 5px;
}

div#main ul#navi-languages li span {
background-image: url('../gfx/navi-languages-span.png');
color: #a56438;
}

div#main ul#navi-languages {
float: right;
}

div#main h1#logo {
clear: both;
position: relative;
}

div#main span#logo {
display: block;
width: 886px;
height: 297px;
position: relative;
background-image: url('../gfx/logo.png');
top: -32px;
z-index: 0;
}

div#main.other {
margin-bottom: 10px;
}

div#main.other span#logo {
width: 864px;
height: 129px;
background-image: url('../gfx/logo-2.png');
top: 7px;
margin-bottom: 39px;
}

div#main div#side {
position: absolute;
z-index: 5;
top: 73px;
left: -68px;
}

div#main div#side #tree-of-life {
display: block;
padding: 37px 32px 36px;
background-color: #771e28;
width: 100px;
}

div#main div#side ul {
background-image: url('../gfx/side-ul.png');
background-repeat: repeat-y;
font-size: 108.33%;
margin-top: 14px;
width: 164px;
}

div#main div#side ul li + li {
border-top: 1px dotted #491405;
}

div#main div#side ul li a, div#main div#side ul li.active/*,div#main div#side ul li.first*/{
font-size:0.97em;
color: #E9C4A4; /*#340008;*/
font-weight: bold;
display: block;
background-image: url('../gfx/side-a.png');
background-repeat: no-repeat;
background-position: 0 11px;
padding: 7px 3px 7px 1.077em;
margin-left: 7px;
}
/*
div#main div#side ul li.first{
background-image: url('../gfx/side-down.png');
}
*/
div#main div#side ul li.active {
background-color: #a46438;
color: #ffffff;
margin-left: 0;
padding-left: 1.615em;
background-image: url('../gfx/side-li-active.png');
background-position: 7px 11px;
}

div#main div#side ul li a:hover {
text-decoration: none;
}

form#form-hledat {
float: right;
margin-right: 10px;
}

form#form-hledat fieldset, form#form-newsletter fieldset, form#form-kontakt fieldset {
border: none;
margin: 0;
padding: 0;
}

form#form-hledat fieldset legend, form#form-newsletter fieldset legend, form#form-kontakt fieldset legend {
display: none;
}

form#form-hledat input#form-hledat-text {
border: 1px solid #1e0003;
background-color: #9f5f34;
color: #4e000f;
padding: 2px;
font-size: 91.7%;
width: 100px;
position: relative;
top: -2px;
}

form#form-hledat input#form-hledat-ok {
width: 28px;
height: 25px;
background-image: url('../gfx/form-hledat.png');
background-color: transparent;
border: none;
cursor: pointer;
}

div.text h1, div.text h2, div.text h3 {
font-size: 150%;
line-height: 1.7em;
color: #a56438;
}

div.text h4 {
font-size: 125%;
line-height: 1.5em;
color: #a56438;
font-weight: bold;
}

div.other div.text {
margin-left: 121px;
}

div.text > h1:first-child, div.text > h2:first-child, div.text > h3:first-child {
background-image: url('../gfx/h3.png');
margin-bottom: 12px;
background-repeat: repeat-x;
background-position: bottom;
}

div.text {
line-height: 1.5em;
text-align: justify;
}

div.text p {
margin-bottom: 0.6em;
}

div.text a {
color: #e9c4a4;
}

div.text a:hover {
text-decoration: none;
}

div.text img {
margin: 5px;
}

div.text ul, div.text ol {
margin-bottom: 1em;
margin-left: 25px;
}

div.text ul li {
list-style-type: square;
}

div.text ol li {
list-style-type: decimal;
}

div.text blockquote {
clear: both;
background-color: #5d1c19;
padding: 1.25em 1.25em 0.25em 1.25em;
margin-bottom: 0.6em;
}

div#main a#darkovy-certifikat {
display: block;
width: 155px;
height: 105px;
background-image: url('../gfx/darkovy-certifikat.png');
_background-image: none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/graphic/gfx/darkovy-certifikat.png');
background-repeat: no-repeat;
background-position: center bottom;
position: absolute;
right: 20px;
bottom: 5px;
text-align: center;
_text-align: left;
font-size: 1.35em;
font-weight: bold;
color: #e5c3a5;
text-decoration: none;
}

div#main a#darkovy-certifikat span {
display: none;
}

.box {
width: 308px;
height: 183px;

margin-left: 20px;
margin-top: -117px;
position: relative;
z-index: 5;
float: left;

padding: 15px; 
text-align: justify;
background-repeat: no-repeat;

color: #350009;
}

.box.first {
background-image: url('../gfx/box1.jpg');

}

.box.second {
background-image: url('../gfx/box2.jpg') !important;
}

.box div.text {
position: absolute;
bottom: 3px;
padding-right: 15px;
}

.box div.text h1, .box div.text h2, .box div.text h3 {
color: #340008;
font-size: 1.5em;
background-image: url('../gfx/box-h3.png');
background-repeat: no-repeat;
background-position: 0 11px;
padding-left: 0.833em;
border-bottom: 1px dotted #340008;
}

ul#links {
margin-top: 25px;
margin-left: 28px;
font-size: 1.333em;

}

div#main.other ul#links{
position: absolute;
bottom: 0;
margin-left: 0;
_position: absolute;
&bottom: 70px !important;
_bottom: 0px !important;
&margin-left: 0;
overflow:hidden;
}




ul#links li {
list-style-type: none;
float: left;
}

ul#links li a {
float: left;
padding-left: 2.6875em;
margin-right: 1.25em;
background-repeat: no-repeat;
line-height: 2.2em;
text-decoration: none;
color: #e9c4a4;
}

ul#links li a:hover {
text-decoration: underline;
}

ul#links li a.mail {
background-image: url('../gfx/mail.png');
background-position: 0 2px;
padding-left: 2.9em;
}

ul#links li a.print {
background-image: url('../gfx/print.png');
}

div#sitemap-link, div#copyright {
clear: right;
float: right;
}

div#sitemap-link {
&margin-top: 20px; 
margin-bottom: 16px;
_width: 450px
}

div#copyright {
line-height: 2.5em;
background-color: #a56438;
padding: 0 12px;
}

div#sitemap-link a, div#copyright a {
color: #e5c3a4;
}

div#sitemap-link a:hover, div#copyright a:hover {
text-decoration: none;
}

div.odd {
padding: 10px;
margin-bottom: 10px;
}

div.even {
padding: 10px;
background-color: #41000b;
margin-bottom: 10px;
}

blockquote.newsletter {
position: relative;/*
margin-top: 75px;*/
}

blockquote.newsletter span {
display: block;
width: 126px;
height: 71px;
position: absolute;
background-image: url('../gfx/newsletter.png');
top: -23px;
right: 23px;
}

dl.kontakt {
margin-top: 15px;
line-height: 2.5em;
}

dl.kontakt dt {
float: left;
padding-left: 36px;
font-weight: bold;
width: 70px;
}

dl.kontakt dd {
font-size: 150%;
}

dl.kontakt dt {
background-repeat: no-repeat;
}

dl.kontakt dt.email {
background-image: url('../gfx/mail-kontakt.png');
}

dl.kontakt dt.phone {
background-image: url('../gfx/phone-kontakt.png');
}
.promo-link { 
text-align: right;
}
.promo-link a { 
color: #350009 !important;
}


.text table { 
width: 100%; 
margin: 10px 0;
}
.text thead th { 
font-weight: bold;
border-bottom: 1px solid #A56438;
}
.text tfoot td { 
font-weight: bold;
border-top: 1px solid #A56438;
}
.text td { 
padding: 2px;
}

.text tr td + td {
text-align: right; 
padding: 2px;
width: 80px
}

.text table .even { 
background: #41000B;
}
#antispam { 
 position: absolute;
 height: 1px;
 width: 1px;
 overflow: hidden;
 left: -9999px;
}

/* by Whitek */
.news em{float: right; margin-top: 5px}
.news h4 {margin-bottom:5px;}

.flash{background: #fbe2d6 url('../../graphic/gfx/flash/msgErr.png') 15px 50% no-repeat; margin: 5px 5px 5px 90px !important; color: #909090; padding: 20px 10px 20px 80px; font-size: .8em; border: solid 1px #f9c1b8}
.flash a{color: firebrick !important}
.flash-success {background: #e4f0fc url('../../graphic/gfx/flash/msgInfo.png') 15px 50% no-repeat; border-color: #abd1f5}



.col-left{width: 50%; float: left}
.col-right{width: 49%; float: left}

.box .text h3 a{color: #451310 !important} /*homepage - link v promo boxu */
.disabled-link{color: gray !important; cursor: Default} /* 'zakazany link' - napr. online rezervace v menu*/
.disabled-link:hover{text-decoration: none !important}


#spa-resort-map1, #spa-resort-map2{position: relative; width: 620px; height: 402px}
#spa-resort-map1 p{padding-top: 365px}
#spa-resort-map2 p{padding-top: 325px}
#spa-resort-map1 {background: url('../../graphic/img/spa-resort-map1.png') no-repeat; }
#spa-resort-map2 {background: url('../../graphic/img/spa-resort-map2.png') no-repeat; }

#mapItem1 {position: absolute; top: 105px; left: 50px;  }
#mapItem2 {position: absolute; top: 105px; left: 180px;  }
#mapItem3 {position: absolute; top: 105px; left: 300px;  }
#mapItem4 {position: absolute; top: 105px; left: 400px;  }
#mapItem5 {position: absolute; top: 210px; left: 395px;  }
#mapItem6 {position: absolute; top: 160px; left: 450px;  }
#mapItem7 {position: absolute; top: 257px; left: 163px;  }
#mapItem7 .map-box{bottom: 100px}

#mapItem8 {position: absolute; top: 120px; left: 303px;  }
#mapItem9 {position: absolute; top: 120px; left: 405px;  }
#mapItem10 {position: absolute; top: 210px; left: 360px;  }
#mapItem11 {position: absolute; top: 240px; left: 150px;  }

#fotogal {text-align: left}
#fotogal a{text-decoration: none}
#fotogal img{width: 118px; margin: 0 3px 0 0px !important}
#fotogal h4{margin-top: 25px}

.pdf {padding-right: 20px; background: url(../../graphic/gfx/pdf.gif) no-repeat 100% 0 }


.map-circle{display: block; width: 28px; height: 28px; /* border: solid 1px red; /* */text-align: center; line-height: 28px; font-size: 0px; color: white; text-decoration: none !important; }
.map-box{display: none; background: #A46438; padding: 10px; font-weight: bold}
.map-room, .map-details{font-weight: normal}

.map-circle{float: left}
.map-room {display: none}
.map-box{position: relative; float: left; z-index: 10; _width:300px; max-width: 430px}
#mapItem9{width: 300px}
#mapItem6{width: 300px}

.map-name{display: block}

.text tbody + tbody td{border-top: solid 1px #A56438}

div#main .dict-term {
position: relative;
border-bottom: 1px dashed #ffffff;
}

div#main .dict-term .dict-term-def { 
display: none;
position: absolute;
top: 1.7em;
left: 0;
width: 400px;
background: #A46438; 
/*#5D1C19;
/*border: 3px solid #340008;*/
color: #fff;
padding: 4px;
text-align: left;
}
div#main .dict-term .dict-term-def div{background: red}
#eubanner{padding: 10px; background: white; margin-top: 80px; margin-bottom: 10px; }
#prvnieu{float: left; width: 180px; height: 92px; background: url('../../graphic/gfx/eu1.png')}
#druhyeu{float: right; width: 207px; height: 97px; background: url('../../graphic/gfx/eu2.png')}
.clear{clear: both}