body {
background: white;
padding: 0px;
margin: 0px;
font-family: Times New Roman;
font-size: 75%;
}
#coverDiv {
width: 100%;
}
#head {
display:none;
}
ul#menu {
display:none;
}
#textArea {
width: 100%;
padding: 0px;
margin: 0px;
}
#leftFrame {
display:none;
}
#footer {
display:none;
}
/*************************************************************************************************
 *********************************** OBECNÉ ****************************************************
 ************************************************************************************************/
 
h1 {
color: black;
padding: 0px 0px 20px 0px;
margin: 0px;
font-size: 240%
}
h2 {
color: black;
padding: 10px 0px 5px 0px;
font-size: 150%;
margin: 0px;
}

h3 {
padding: 10px 0px 0px 0px;
font-size: 130%;
margin: 0px;
color: black;
}
h4 {
padding: 0px;
margin: 25px 0px 0px 0px;
}
#grayBox strong {
color: black;
}
#grayBox h3 {
padding: 15px 0px 15px 15px;
font-size: 150%;
margin: 0px;
color: black;
}
a:visited,
a:link {
color: black;
}
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;
margin: 5px 0px 20px 0px;
}
ul {
margin: 0px;
padding: 0px;
}
li {
list-style:none;
}
.fotogalerie {
margin: 15px 20px 10px 0px;
border: 0px;
}

/*************************************************************************************************
 *************************************** TEXT AREA ***********************************************
 ************************************************************************************************/ 
#textArea ul {
margin: 0px;
padding: 0px 0px 0px 0px;
}
#textArea li {
background: none;
list-style: none;
padding: 0px 0px 8px 0px;
line-height: 1.6em;
}
.grayBoxRight {
background: none;
width: 200px;
border: 0px;
color: black;
float: right;
padding: 10px 20px 10px 20px;
line-height: 1.7em;
font-size: 115%;
margin: 8px 0px 0px 5px;
}
.grayBoxRight img{
margin-top: 3px;
}
.grayBoxRight .left {
margin-right: 5px;
}
.redText {
font-weight: bold;
color: black;
}

/*************************************************************************************************
 *********************************** LEVY SLOUPEC ***********************************************
 ************************************************************************************************/ 

#leftMenuHead {
width: 235px;
height: 22px;
background: url(../img/left-frame-top-bg.jpg) repeat-x; 
padding: 15px 0px 15px 15px;
font-size: 170%;
}
ul#leftMenu {
background: #ebebeb;
width: 100%;
font-size: 120%;
margin:0px;
padding:0px;
}
ul#leftMenu li {
margin: 0px 2px 0px 0px;
border-bottom: 1px solid #cacaca;
padding: 12px 0px 10px 0px;
height: 20px;
}
#leftMenu a:link,
#leftMenu a:visited {
width: 221px;
height: 28px;
background: url(../img/link-arrow-gray.jpg) no-repeat 15px 16px;
padding: 12px 0px 12px 30px;
}
#leftMenu a:hover {
text-decoration: none;
}
#leftMenu .actSub {
color: #4e4c4c;
font-weight: bold;
text-decoration: none;
}
#wellness img{
width: 250px;
height: 140px;
border: none;
margin: 0px 0px 20px 0px;
}
#onlineRezervation img{
width: 250px;
height: 69px;
border: none;
margin: 0px 0px 15px 0px;
}
#videoSpot img {
margin: 0px 0px 20px 0px;
width: 250px;
height: 140px;
border: none;
}
ul#actionMenu {
width: 250px;
margin: 20px 0px 0px 0px;
padding: 0px;
}
ul#actionMenu li{
margin: 0px;
padding: 0px 0px 10px 0px;
list-style: none;
}
#actionMenu a:link,
#actionMenu a:visited {
padding: 2px 0px 0px 30px;
display: block;
height: 19px;
}
#actionMenu li a#reco {
background: url(../img/ico-mail.jpg) no-repeat 0px 2px;
}
#actionMenu li a#mail {
background: url(../img/ico-zav.jpg) no-repeat;
}
#actionMenu li a#fav {
background: url(../img/ico-fav.jpg) no-repeat;
}

/*************************************************************************************************
 *********************************** KONGRESY ****************************************************
 ************************************************************************************************/

#navigation {
display:none;
}
.bannerBox {
width: 312px;
line-height: 1.6em;
}  
.coverText,
.coverText h2 {
width: 312px;
height: 130px;
position: relative;
margin: 0px 0px 7px 0px;
padding:0px;
}
.coverText div img{
width: 312px;
height: 130px;
position: absolute;
display: block;
top: 0px;
left: 0px;
border: none;
}
.next:link,
.next:visited {
background: url(../img/link-arrow.jpg) no-repeat 0px 6px;
float: right;
margin: 0px 0px 28px 0px;
padding-left: 10px;
}

#banner img {
width: 650px;
height: 70px;
border: 0px;
margin: 25px 0px 20px 0px;
}

#grayBox {
width: 100%;
background: none;
color: black;
padding: 0px;
border: 0px solid #ebebeb;
}
ul#grayBoxList {
width: 100%;
padding: 0px;
margin: 0px;
}
ul#grayBoxList li {
float: left;
display: block;
background: none;
}



/**************************************************************************************
 ******************************** OSLAVY A SVATBY *************************************
 **************************************************************************************/

.pinkBox {
background: none;
color: #000;
padding: 15px 0px 15px 20px;
border: 0px solid #ffdede;
margin: 15px 0px 15px 0px;
}
.pinkBoxReser {
background: none;
color: #000;
padding: 15px 0px 15px 20px;
border: 0px solid #ffdede;
margin: 15px 0px 15px 0px;
height: 45px;
}
ul.pinkBoxList {
width: 100%;
padding: 0px;
margin: 0px;
}
ul.pinkBoxList li {
float: left;
display: block;
background: none;
width: 150px;
color: black;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 5px;
}
.pinkBox strong {
color: black;
font-size: 175% !important;
float: left;
margin: 0px 10px 0px 0px;
}
.pinkBox p {
margin: 5px 0px 0px 0px;
padding: 0px 0px 0px 15px;
}

.pinkBoxReser strong {
color: black;
font-size: 175% !important;
float: left;
margin: 0px;
}
.pinkBoxReser p {
margin: 5px 0px 0px 0px;
padding: 0px 0px 0px 15px;
}


/**********************************************************************************************
 ********************************** WELLNESS **************************************************
 *********************************************************************************************/ 
 
.bannerSmartBox {
width: 200px;
line-height: 1.6em;
padding-right: 25px;
}  
.bannerSmartBoxLast {
width: 200px;
line-height: 1.6em;
float: left;
}  

.bannerSmartBox img {
border: none;
}  

/**********************************************************************************************
 ********************************** LIGHTBOX **************************************************
 *********************************************************************************************/ 
 

#form {
display:none;
position:absolute;
z-index:30;
width:505px;
top:50px;
}
#form h2,
#formMail h2 {
font-size: 200%;
color: white;
}
#form iframe {
width: 505px;
height: 400px;
}
#formMail {
display:none;
position:absolute;
z-index:30;
width:505px;
top:50px;
}
#formMail iframe {
width: 500px;
height: 335px;
}
#in_form {
font-family: Arial;
font-size: 75%;
background: white;
}
.close{
background: url(../img/close.gif) no-repeat;
right: 5px;
top: 5px;
width: 28px;
height: 29px;
position: absolute;
margin:0px !important;
}


button{
background: url(../img/submit.jpg) no-repeat;
width: 143px;
height: 41px;
display: block;
float: right;
cursor: pointer;
border: 0px;
margin: 15px 0px 0px 0px;
}
.disabled {
cursor: default !important;
background: url(../img/submit-unact.jpg) no-repeat !important;
}
#recommendBG {
position: absolute;
top: 0;
left: 0;
z-index: 10;
width: 100%;
height: 100%;
background-color: #000;
opacity:0.87;
filter: alpha(opacity=87);
display:none;
}

/***************************************************************************************************
 *******************************  SPOLEČNÉ STYLY ***************************************************
 **************************************************************************************************/  

#ubytovani {
background: url(../img/bg-ubytovani.jpg) repeat-x;
height: 70px;
width: 100%;
margin: 10px 0px 20px 0px;
}
#ubytovani a{
cursor: pointer;
}
#ubytovani a img {
float: left;
border: 0px;
}
#ubytovani a span {
font-size: 130%;
margin: 12px 0px 0px 0px !important;
float: right;
width: 200px;
text-decoration: underline;
line-height: 1.6em;
}
#orderBy .left {
margin: 0px 17px 20px 0px;
text-align: center;
}
#orderBy .left strong {
color: #d70303;
font-size: 130%;
}

/***************************************************************************************************
 ********************************* Vodorovné výčty *************************************************
 **************************************************************************************************/ 

ul.leftSort {
width: 635px;
margin: 0px;
padding: 0px;
} 
ul.leftSort li {
float: left;
display: block;
padding: 5px 0px 0px 20px;
}
.ubytovani {
background: url(../img/ico-ubytovani.jpg) no-repeat left 0px !important ; 
padding: 0px 20px 8px 30px;
display: block;
}
.vylety {
background: url(../img/ico-vylety.jpg) no-repeat left 0px !important ; 
padding: 0px 20px 8px 30px;
display: block;
}
.cenik {
background: url(../img/ico-cenik.jpg)  no-repeat left 0px !important ;
padding: 0px 20px 8px 30px;
display: block;
}
.kopirovani {
background: url(../img/ico-kopirovani.jpg) no-repeat left 0px  !important ; 
padding: 0px 20px 8px 30px !important;
display: block;
}
.obcerstveni {
background: url(../img/ico-obcerstveni.jpg)  no-repeat left 0px !important; 
padding: 0px 20px 8px 30px !important;
display: block;
}
.organizace {
background: url(../img/ico-organizace.jpg)  no-repeat left 0px !important; 
padding: 0px 20px 8px 30px !important;
display: block;
}
.kancelar {
background: url(../img/ico-kancelar.jpg)  no-repeat left 0px !important; 
padding: 0px 20px 8px 30px !important;
display: block;
}
.catering {
background: url(../img/ico-catering.jpg)  no-repeat left 0px !important; 
padding: 0px 20px 8px 30px !important;
display: block;
}
.kola {
background: url(../img/ico-kola.jpg)  no-repeat left 0px !important; 
padding: 0px 20px 8px 30px !important;
display: block;
}
.skupvylety {
background: url(../img/ico-skupvylety.jpg)  no-repeat left 0px !important; 
padding: 0px 20px 8px 30px !important;
display: block;
}
.rauty {
background: url(../img/ico-rauty.jpg)  no-repeat left 0px !important; 
padding: 0px 20px 8px 30px !important;
display: block;
}
.srdce {
background: url(../img/ico-srdce.jpg)  no-repeat left 0px !important; 
padding: 0px 20px 8px 30px !important;
display: block;
}
.aqua {
background: url(../img/ico-aqua.jpg)  no-repeat left 0px !important; 
padding: 0px 20px 8px 30px !important;
display: block;
}
.aqua2 {
background: url(../img/ico-aqua.jpg)  no-repeat left 0px !important ;
padding: 0px 00px 8px 30px !important;
width: 120px;
display: block;
}
.speciality {
background: url(../img/ico-speciality.jpg)  no-repeat left 0px !important; 
padding: 0px 20px 8px 30px !important;
display: block;
}
.speciality2 {
background: url(../img/ico-speciality.jpg)  no-repeat left 0px !important ;
padding: 0px 00px 8px 30px !important;
width: 120px;
display: block;
}
.para {
background: url(../img/ico-para.jpg)  no-repeat left 0px !important; 
padding: 0px 20px 8px 30px !important;
display: block;
}
.virivka {
background: url(../img/ico-vyrivka.jpg)  no-repeat left 0px !important; 
padding: 0px 20px 8px 30px !important;
display: block;
}
.virivka-red {
background: url(../img/ico-vyrivka-red.jpg)  no-repeat left 0px !important; 
padding: 0px 20px 8px 30px !important;
display: block;
}
.solarium {
background: url(../img/ico-solarium.jpg)  no-repeat left 0px !important; 
padding: 0px 20px 8px 30px !important;
display: block;
}
.oslavysvatby {
background: url(../img/ico-oslavysvatby.jpg)  no-repeat left 0px !important; 
padding: 0px 20px 8px 30px !important;
display: block;
}
.jidelnilistek {
background: url(../img/ico-jidelnilistek.jpg)  no-repeat left 0px !important; 
padding: 0px 20px 8px 30px !important;
display: block;
}
.napojovylistek {
background: url(../img/ico-napojovylistek.jpg)  no-repeat left 0px !important; 
padding: 0px 20px 8px 30px !important;
display: block;
}
.vinnylistek {
background: url(../img/ico-vinnylistek.jpg)  no-repeat left 0px !important; 
padding: 0px 20px 8px 30px !important;
display: block;
}
.terasa {
background: url(../img/ico-terasa.jpg)  no-repeat left 0px !important ;
padding: 0px 20px 8px 30px !important;
display: block;
}
.terasa2 {
background: url(../img/ico-terasa.jpg)  no-repeat left 0px !important ;
margin-left: 20px;
padding: 0px 0px 8px 30px !important;
width: 120px;
display: block;
}
.internet {
background: url(../img/ico-internet.jpg)  no-repeat left 0px !important ;
padding: 0px 20px 8px 30px !important;
display: block;
}
.internet2 {
background: url(../img/ico-internet.jpg)  no-repeat left 0px !important ;
padding: 0px 00px 8px 30px !important;
width: 120px;
display: block;
}
.fitness {
background: url(../img/ico-fitness.jpg)  no-repeat left 0px !important ;
padding: 0px 20px 8px 30px !important;
display: block;
}
.fitness2 {
background: url(../img/ico-fitness.jpg)  no-repeat left 0px !important ;
padding: 0px 00px 8px 30px !important;
width: 120px;
display: block;
}
.cenik {
background: url(../img/ico-cenik.jpg)  no-repeat left 0px !important ;
padding: 0px 20px 8px 30px !important;
display: block;
}
.bazenek {
background: url(../img/ico-bazenek.jpg)  no-repeat left 0px !important ;
padding: 0px 20px 8px 30px !important;
display: block;
}
.jidlo {
background: url(../img/ico-jidlo.jpg)  no-repeat left 0px !important ;
padding: 0px 20px 8px 30px !important;
display: block;
}
.etaz {
background: url(../img/ico-etaz.jpg)  no-repeat left 0px !important ;
padding: 0px 20px 8px 30px !important;
display: block;
}
.parkovani {
background: url(../img/ico-parkovani.jpg)  no-repeat left 0px !important ;
padding: 0px 20px 8px 30px !important;
display: block;
}
.parkovani2 {
background: url(../img/ico-parkovani.jpg)  no-repeat left 0px !important ;
padding: 0px 00px 8px 30px !important;
width: 120px;
display: block;
}
.masaze {
background: url(../img/ico-masaze.jpg)  no-repeat left 0px !important ;
padding: 0px 20px 8px 30px !important;
display: block;
}
.sauna {
background: url(../img/ico-sauna.jpg)  no-repeat left 0px !important ;
padding: 0px 20px 8px 30px !important;
display: block;
}
.dialup {
background: url(../img/ico-dialup.jpg)  no-repeat left 0px !important ;
padding: 0px 20px 8px 30px !important;
display: block;
}
.wifi {
background: url(../img/ico-wifi.jpg) no-repeat left 0px !important ;
padding: 0px 20px 8px 30px !important;
display: block;
}
.well {
background: url(../img/ico-wellness.jpg) no-repeat left 0px !important ;
padding: 0px 20px 8px 30px !important;
display: block;
}
/****************************************************************************************
 *********************************** CHYBOVÉ HLÁŠKY ***********************************
 ********************************************************************************************/

#contentError{
padding:5px;
margin:0px;
color:#555555;
font-size:90%;
font-family:Arial !important;
}
#contentError img{
float:left;
}
#contentError div{   
margin:0px; 
padding:0px;
font-size:140%;
}
#contentError hr{   
border:0px;
border-top:1px solid #555555;
}
#contentError .text {  
margin:10px 20px 0px 50px;
padding:0px;
}
#contentError .number {
float:right;   
margin:7px 0px 0px; 
padding:0px 10px 0px 15px;
font-size:200%;
font-weight:bold;
border-left:1px solid #DDDDDD;
}
#contentError p {
margin:15px 0px 0px 50px ; 
padding:0px;
font-size:140%;
}
#contentError p a:link,
#contentError p a:visited {
color:#083AA1;
text-decoration:underline;
}
#contentError p a:hover {
color:#083AA1;
text-decoration:none;
}
#contentError .right {
float:right;
font-size:140%;
margin:30px 0px;
}