body {
background: #000 url(../img/bg1.jpg) no-repeat top center;
padding: 0px;
margin: 0px auto;
font-family: Arial;
font-size: 75%;
/*position: relative;*/
}
body#languageBodycz {
background: #000 url(../flash/cz/01.jpg) no-repeat top center;
}
body#languageBodyde {
background: #000 url(../flash/de/01.jpg) no-repeat top center;
}
body#languageBodyen {
background: #000 url(../flash/en/01.jpg) no-repeat top center;
}

#body {
position:absolute;
top:0;
left: 0;
margin: 0px auto;
width: 100%;
height: 100%;
/*background: url(../img/bg-home-xmass.jpg) center top no-repeat;*/
}
#coverDiv {
width: 980px;
background: none;
margin: 0px auto;
position: relative;
/*overflow: hidden;*/
}
#head {
background: #000;
/*background: url(../img/bg-head-xmss.jpg) center top no-repeat;*/
width: 100%;
height: 79px;
color: #fff;
padding: 0px 0px 21px 0px;
margin:0px 0px 0px 0px;
font-size: 85%;
position: absolute;
left: 0;
top: 0;
}
#head img {
border: 0px;
margin: 0px 15px 0px 0px;
}
#head strong {
font-size: 180%;
font-weight: 100;
}
#headAction {
width: 260px;
margin: 19px 16px 0px 0px;
float: right;
}
ul#language {
margin: 0px;
padding: 0px;
}
ul#language li {
width: 72px;
list-style: none;
float: left;
font-size: 140%;
}
ul#language li#middle {
width: 106px;
border-left: 1px solid #4d4d4d;
border-right: 1px solid #4d4d4d;
text-align: center;
}
ul#language li.last {
border: none;
text-align: right;
width: 77px;
}
#language a:link,
#language a:visited {
color: white;
}
#language a:hover {
font-weight:normal;
text-decoration: none;
}
#headAction input {
width: 160px;
height: 20px;
background: #282826;
border: 1px solid #d70303;
margin: 20px 0px 0px 0px;
padding: 2px;
color: white;
float: left;
}
#headAction .submit {
width: 80px;
height: 26px;
/*height: 27px;*/
background: url(../img/button-bg.jpg) repeat-x;
/*background: url(../img/button-xmass-bg.jpg) no-repeat;*/
display: block;
margin: 20px 0px 0px 12px;*/
/*margin: 19px 0px 0px 12px;*/
border: none;
float: right;
color: white;
text-align: center;
text-transform: uppercase;
padding: 0px;
cursor: pointer;
}


#textArea {
width: 650px;
padding: 15px 0px 15px 30px;
float: left;
margin: 90px 0px 0px 0px;
}
#rightCol {
width: 250px;
padding: 15px 0px 15px 30px;
float: left;
margin: 90px 0px 0px 0px;
}
#footer {
margin: 0px auto;
width: 950px;
height: 200px;
background: #000;
color: white;
padding: 20px 15px 0px 15px; 
line-height: 1.6em;
}
#fullFooter {
background: #000;
height: 220px;
width: 100%;
}

#footer strong {
color: #d70303;
font-size: 125%;
}
#footer ul#contacts {
margin: 15px 0px 0px 0px;
padding: 0px;
width: 225px;
line-height: normal;
}
#footer ul#contacts li {
margin: 5px 0px 0px 0px;
padding: 0px 0px 0px 25px;
height: 20Px;
}
#footer ul#contacts li#phone {
background: url(../img/ico-phone.jpg) no-repeat;
}
#footer ul#contacts li#fax {
background: url(../img/ico-print.jpg) no-repeat;
}
#footer ul#contacts li#zav2 {
background: url(../img/ico-zav2.jpg) no-repeat;
}
#footer img {
margin: 17px 0px 0px 0px;
border: none;
}
#footer #rightInfo {
float: right;
}

/*************************************************************************************************
 *********************************** OBECNÉ ****************************************************
 ************************************************************************************************/
 
h1 {
color: #fff;
padding: 23px 0px 14px 0px;
margin: 0px;
font-size: 320%;
font-weight: 100;
}
h1 span {
color: #d70303;
text-shadow: black 0px 0px 5px;
}
h2 {
color: #fff;
padding: 14px 0px 14px 0px;
font-size: 230%;
font-weight: 100;
margin: 0px;
}

h3 {
padding: 15px 0px 15px 15px;
font-size: 150%;
margin: 0px;
color: #fff;
}
a:visited,
a:link {
color: #d70303;
}
a:hover {
text-decoration: none;
}
.whiteA {
color: white !important;
text-decoration: none;
}
.whiteA:hover {
text-decoration: underline;
}
.clear {
clear: both;
}
.left {
float: left;
}
.right {
float: right;
}
p {
line-height: 1.6em;
}
ul {
margin: 0px;
padding: 0px;
}
li {
list-style:none;
}
.redSpan {
color: #d70303 !important;
}
/*************************************************************************************************
 *************************************** TEXT AREA ***********************************************
 ************************************************************************************************/ 
#textArea div {
width: 620px;
}
#textArea ul {
margin: 0px;
padding: 18px 0px 0px 10px;
}
#textArea li {
background: url(../img/link-arrow-black.jpg) no-repeat 0px 4px;
list-style: none;
padding: 0px 0px 2px 10px;
}
#textArea h2 {
display: none;
}
#textArea #show {
display: none;
}

/*************************************************************************************************
 *********************************** Pravy SLOUPEC ***********************************************
 ************************************************************************************************/ 

#rightCol {
width: 300px;
float: right;
margin: 15px 0px 0px 0px;
}

#rightCol div {
color: #fff;
background: url(../img/alpha-bg.png);
padding: 0px 15px 0px 15px;
height: 214px;
line-height: 1.6em !important;
}
#rightCol div h3{
color: #fff;
font-size: 185%;
font-weight: 100;
padding: 15px 0px 10px 0px;
}
#rightCol div img {
float: left;
padding: 5px 10px 0px 0px;
margin: 0px 0px 0px 0px;
}
#rightCol div strong {
color: #d70303;
text-transform: uppercase;
}
#rightCol ul {
width: 170px;
float: right;
margin: 0px;
padding: 0px;
}
#icoTel {
padding: 7px 0px 0px 25px;
background: url(../img/ico-tel-alpha.png) no-repeat 0px 9px;
}
#icoSkype {
padding: 8px 0px 0px 25px;
background: url(../img/ico-fax-alpha.png) no-repeat 0px 9px;
}
#icoMail {
padding: 7px 0px 0px 25px;
background: url(../img/ico-zav-alpha.png) no-repeat 0px 9px;
}

#icoCale{
position:relative;
right:-20px;
top:0px;
float:left;
}
#icoCale a:link,
#icoCale a:visited,
#icoCale a:hover{
display:block;
float:left;
padding:9px 10px 10px 10px;
background: url(../img/icoCale-bg.gif) repeat-x;
color:white;
font-weight:bold;
font-size:110%;
text-decoration:none;
text-transform:uppercase;
}
#icoCale a:hover{
text-decoration:underline;
}


/*#icoCale {
margin: 0px 0px 15px 0px;
padding: 9px 0px 0px 35px;
background: url(../img/ico-caler-alpha.png) no-repeat 6px 9px;
width: 90px;
float: left;
height: 24px;
}*/
#skypeDetec {
font-size: 100%;
background: url(../img/ico-skype-alpha.png) no-repeat 0px 9px;
margin: 0px !important;
text-align: left;
padding: 7px 0 0 25px !important;
}

#icoRss {
margin: 0px 0px 15px 0px;
padding: 19px 0px 0px 27px;
background: url(../img/ico-rss-alpha.png) no-repeat 0px 19px;
width: 90px;
float: left;
height: 24px;
}
#onlineRezervation img{
width: 300px;
height: 55px;
border: none;
margin: 15px 0px 0px 0px;
}
#lastMinute img{
width: 300px;
height: 55px;
border: none;
margin: 0px 0px 17px 0px;
}
#videoSpot img{
width: 250px;
height: 140px;
border: none;
}
#longDiv{
width: 100%;
color: #fff;
margin: 0px;
position: relative;
}
#textArea H1 {
display: none;
}
#threeCols {
margin: 56px 0px 0px 0px;
width: 980px;
background: url(../img/bg-info.png) repeat-y;
}
.innerCol {
width: 160px;
padding: 20px;
margin: 0px 5px 0px 15px;
float: left;
}
.innerCol strong {
font-size: 180%;
font-weight: 100;
}
.innerCol li {
padding: 5px 0px 5px 15px;
background: url(../img/arrow.png) no-repeat 0px 9px;
}
.innerCol li a:link,
.innerCol li a:visited {
color: white;
position:relative;
z-index:10;
}
.innerCol li a:hover {
color: white;
text-decoration: none;
}
#longDiv .right {
width: 258px;
background: url(../img/alpha-bg.png);
text-align: left;
padding: 20px 20px 10px 20px;
margin: -72px 0px 0px 0px;
}
#longDiv div h3{
color: #fff;
font-size: 185%;
font-weight: 100;
padding: 0px;
margin: 0px 0px 10px 0px;
}
#longDiv div .left {
width: 44px;
height: 38px;
background: url(../img/bg-caler.jpg) repeat-x;
line-height: 1.5em;
text-align: center;
font-weight: bold;
margin: 6px 0px 0px 0px;
}
#longDiv div .longaction {
width: 44px;
height: 76px;
background: url(../img/bg-caler2.jpg) repeat-x;
line-height: 1.5em;
text-align: center;
font-weight: bold;
margin: 6px 0px 0px 0px;
}

#longDiv .rowBox .left span {
color: black;
}
#longDiv .rowBox .rightSite {
float: right;
margin: 0px 0px 15px 0px;
width: 200px;
line-height: 1.6em;
}
#longDiv .rowBox .rightSite strong {
color: #e50303;
}
#longDiv .rowBox .rightSite a {
font-weight: bold;
}
ul#subMenu {
width: 980px;
height: 40px;
margin: 15px 0px 15px 0px;
padding: 0px;
font-size: 120%;
}
ul#subMenu li {
background: url(../img/bg-submenu.png);
text-align: center;
float:left;
width: 190px;
margin: 0px 4px 0px 0px;
padding-top: 12px;
height: 30px;
text-align: center;
}
ul#subMenu li#lastSub {
margin: 0px;
width: 203px;
}

#subMenu a:link,
#subMenu a:visited {
padding: 1px 0px 0px 25px;
text-decoration: none;
color: white;
position:relative;
z-index:10;
}
#subMenu a:hover {
text-decoration: underline;
}

#icoBazen {
background: url(../img/ico-aqua-alpha.png) no-repeat;
}
#icoRest {
background: url(../img/ico-rest-alpha.png) no-repeat;
}
#icoWell {
background: url(../img/ico-wellness-alpha.png) no-repeat;
}
#icoFit {
background: url(../img/ico-fit-alpha.png) no-repeat;
}
#icoWash {
background: url(../img/ico-reco-alpha.png) no-repeat 0px 2px;
}
/*************************************************************************************************
 *********************************** TITULKA ****************************************************
 ************************************************************************************************/
