@charset "utf-8";

/* === optimalizovane prvky === */

h3,h4 	{text-align:center;}

h1 		{color: #BD7700; font-size: 2.0em; border-bottom: 2px solid #BD7700; text-align:left; padding: 0 0 3px 0;}
h2		{color: #BD7700;font-size: 1.6em; border-bottom: 1px solid #BD7700; text-align: left; padding: 0 0 3px 0}
h2 a		{color: #BD7700; !important;}
h3		{color:#FF0000;font-size: 14px;}
h4		{color:#FF0000;font-size: 12px;}

a		{color: #0099FF;text-decoration:none;}
a:hover {text-decoration: underline;}
a:visited {}

.hidden {display:none;}


img { border: 0px; }

/* === zakladni prvky === */

html,body 	{
	margin: 0;
	padding: 0;
	border: 0;
	height: 100%;
	background-image:url(/images/site/htmlbackground.jpg);
	background-position:center;
	background-repeat:repeat-y;
	
			}

body	{
	text-align:center;
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 62.5%;
	font-style:normal;
}

#layout 	{
	width: 970px;
	text-align: left;
	margin: 0px auto 30px auto;

	}
#slogan		{
	width: 970px;
	height: 20px;
	background-image: url(/images/site/logo_1.jpg);	

}

#keywords	{
	width: 950px;
	min-height: 17px;
	font-size: 1.1em;
	color: gray;
	padding: 3px 10px 0 10px;
	text-align: center;
}



#hlavicka	{
	width: 970px;
	height: 259px;
	background-image:url(/images/site/logo_2.jpg);
			}

#hlavicka a	{text-decoration:none;cursor: pointer; display: block;}
#hlavicka a span	{ position: relative; cursor: pointer; display: block; width: 960px; height: 270px; 
					text-decoration:none; color: #525150; font-size:0.9em;
					padding-left: 10px; z-index: 1;}
#hlavicka a:hover	{  position: relative; cursor: pointer; display: block; width: 970px; height: 270px; text-decoration:none;}

#dolnipoloska	{
	width: 970px;
	height: 15px;
	padding-top: 2px;
	background-image:url(/images/site/poloska.jpg);
				}

#left 	{
	padding-top: 5px;
	margin-bottom: 150px;
	width: 210px;
	float: left;
	text-align:justify;
		}

#right 	{
	padding-top: 5px;
	margin-bottom: 150px;
	width: 210px;
	float: right;
	text-align:justify;
		}

#center 	{
	text-align: center;
	width: 534px;
	margin-left: 218px;
	padding-top: 5px;
			}

#content 	{
	text-align:justify;
	width: 534px;
	margin-bottom: 150px;
			}
			
#content p {font-size: 1.2em; font-weight:normal; color: #525150;}

.cisticka 	{
	clear: both;
	border: none;
	visibility: hidden;
	float: none;
			}

#footer 	{
	height: 25px;
	text-align:center;
	font-size: 1.2em;
	padding-top: 5px;
	color: #000000;
	margin: 0 30px;
			}
				
#hotel 		{
	width: 200px;
	padding-top: 10px;
	padding-left: 5px;
	padding-right: 5px;
	}
#hotel span	{
	width: 200px;
	display:block;
	color: #448CCA;
	font-size: 1.6em;
	font-weight:900;
	padding-bottom: 2px;
	border-bottom: 1px solid #448CCA;
	
	}

.description {
	font-size: 1.0em; 
	font-weight:normal;
	color: #000000;
	}
				
/* === navigace === */

#navigace {
	margin: 0;
	padding: 0 0 0 30px;
	list-style-type:none;
			}

#navigace li {
	margin: 0;
	padding:0 30px 0 0;
	list-style-type:none;
	display: inline;
			}

#navigace li a {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: 900;
				}
				
#navigace li a:hover {
	color: #000000;
	text-decoration: none;
	font-weight: 900;
				}


/* === menu === */

.menu	{
	width: 210px;
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
		}

.menu_head_small {
	width: 160px;
	height: 21px;
	padding-top: 4px;
	padding-left: 50px;
	margin-bottom: 10px;
	font-size: 1.1em;
	color:#FFFFFF;
	font-weight:900;
	display:block;
	background-image:url(/images/site/button.jpg);
}
				
.menu_head	{
	width: 160px;
	height: 22px;
	padding-top: 3px;
	padding-left: 50px;
	margin-bottom: 10px;
	font-size: 1.3em;
	color:#FFFFFF;
	font-weight:900;
	display:block;
	background-image:url(/images/site/button.jpg);
			}

.menu ul	{
	margin:0;
	padding: 0;
	list-style-type: none;
			}
				
.menu li 	{
	margin: 0;
	padding: 0;
	height: 15px;
	padding-left: 41px;
			}
			
.menu li a	{
	color: #34A24B;
	font-size: 1.1em;
	font-weight:900;
	text-decoration: none;
			}

.menu li a:hover{
	color: #0099CC;
	text-decoration:none;
				}
				
				
/* === bronirovanie === */

form 	{
	margin: 0;
	padding: 0 0 10px 0;
		}

div#bronirovanie {
	background-color: #FAD07F;
	margin-bottom: 3px;
		}

#bronirovanie_head {
	width: 185px;
	height: 19px;
	padding-top: 3px;
	padding-left: 25px;
	letter-spacing: 0.01em;
	color:#FFFFFF;
	font-size: 1.1em;
	font-weight:900;
	background-image: url(/images/site/spec_head.jpg);
	display:block;
					}

fieldset#top {
	padding: 10px 0 10px 10px;
	border: none;
	margin: 0;
	text-align:center;
			}

fieldset#middle {
	padding: 5px 0 0 15px;
	margin: 0 0 0 2px;
	border: none;
	background-image: url(/images/site/back.jpg);
	width: 191px;
	height: 181px;
	color: #966208;
	font-size: 1.1em;
				}

.button		{
	border: 1px solid #BE7902;
	color: #966208;
	font-size: 1.1em;
	width: 40px;
	padding: 0;
	margin: 0 5px 0 0;
			}

.button-last	{
	border: 1px solid #BE7902;
	color: #966208;
	font-size: 1.1em;
	width: 60px;
	padding: 0;
	margin: 0;
				}

.button-kurort {
	border: 1px solid #BE7902;
	color: #966208;
	font-size: 1.1em;
	width: 163px;
	padding: 0;
	margin: 0 0 0 0;
				}

.button-sanatorij {
	border: 1px solid #BE7902;
	color: #966208;
	font-size: 1.1em;
	width: 163px;
	padding: 0;
	margin: 10px 0 0 0;
					}

.button-count {
	border: 1px solid #BE7902;
	color: #966208;
	font-size: 1.1em;
	width: 30px;
	padding: 0;
	margin: 0;
			}		

#submit	{
	text-align:center;
	margin-top: 20px;
	display:block;
	}

#submit input {
	width: 70px;
	padding: 0;
	margin: 0;

	}

/* === bannery === */

#recommend 		{
	width: 210px;
	height: 180px;
	background-image:url(/images/site/specialni.jpg);
	text-align:center;
	margin-bottom: 3px;
				}
				
#recommend span a { 
	display:block; font-size: 1.2em;color:#44351A; 
	font-weight:900;
	height: 19px;
	color:#FFFFFF;
	padding-top: 3px;
				}

#recommend p {
	margin-top: 25px;
	font-size: 1.1em;
	}

#recommend p a{
	color:#FF0000;
	font-weight: 900;
	}
	
#recommend img {
	position:relative;
	top: 20px;
	left: 1px;
	border: 1px solid #FFFFFF;
				}

/* === fotogalerie === */

.obal_foto	{width: 195px;text-align:center; *text-align: left; padding-top: 10px; padding-left: 10px;
			padding-right: 5px;}

.obal_foto span	{

	text-align:left;
	color: #448CCA;
	font-size: 1.3em;
	font-weight:900;
	padding-left: 10px;
	padding-right: 5px;
	padding-bottom: 2px;
	margin-bottom: 5px;
	border-bottom: 1px solid #448CCA;
	display:block;
}

span.foto_desc {
	text-align:left;
	color: #448CCA;
	font-size: 1.3em;
	font-weight:900;
	padding-left: 10px;
	padding-right: 5px;
	padding-bottom: 2px;
	margin-bottom: 5px;
	border-bottom: 1px solid #448CCA;
	display:block;
	}

.foto_x 	{
	position:relative;
	left: 10px;
	background-image:url(/images/site/bg_foto.JPG);
	width: 180px;
	height: 130px;
	text-align:center;
	}
	
.foto_x img {
	position:relative;
	top: 15px;
}

.foto_y 	{
	position:relative;
	left: 32px;
	background-image:url(/images/site/bg_foto_y.jpg);
	width: 130px;
	height: 180px;
	text-align:center;
	}
	
.foto_y img {
	position:relative;
	top: 15px;
}



/* === Sanatorii === */

.sanatorii	{width: 195px;text-align:center; *text-align: left; padding-top: 10px; padding-left: 10px;
			padding-right: 5px;}

.sanatorii span	{

	text-align:center;
	color: #448CCA;
	font-size: 1.2em;
	font-weight:900;
	padding-left: 10px;
	padding-right: 5px;
	padding-bottom: 2px;
	margin-bottom: 5px;
	border-bottom: 1px solid #448CCA;
	display:block;
}

.sanatorii	ul {
	list-style-type:none;
	margin:10px 0 0 0;
	padding:0;
	text-align:left;
	}
.sanatorii li {
	margin: 3px 0 0 0;
	padding:0;
	font-size: 1.0em;
	color: #34A24B;
	font-weight:900;
	height: 13px;

	}
	
.sanatorii li a{
	margin: 0;
	padding:1px 0 0 20px;
	font-size: 1.0em;
	color: #34A24B;
	font-weight:900;
	width:175px;
	height: 15px;
	display:block;
	background-image:url(/images/site/button.gif);
	background-position:left;
	background-repeat:no-repeat;
	text-decoration:none;
}
	
.sanatorii li a:hover{
	margin: 0;
	padding:1px 0 0 20px;
	font-size: 1.0em;
	color: #34A24B;
	font-weight:900;
	width:175px;
	height: 15px;
	display:block;
	background-image:url(/images/site/button-1.gif);
	background-position:left;
	background-repeat:no-repeat;
	text-decoration:none;
}
ul.star-sanatorij {
	padding-top: 5px;
	}




img.tnPhoto {
	width:175px;

}

.tnPhotoCatalog img {
	width: 80px;
}
div.tnPhotoCatalog {
	margin: 3px 7px 7px 7px;
	float:left;
}


/* jQuery lightBox plugin - Gallery style */
.hotelGallery #gallery {
	float: left;
	background-color: #FFF;
	padding: 5px;
	width: 240px;
}
.longGallery #gallery {
	float: left;
	background-color: #FFF;
	padding: 2px 5px 5px 5px;
	width: 80px;
}

#gallery ul { list-style: none; margin: 0px; padding: 0px;}
#gallery ul li { display: inline; float:left; }
#gallery ul img {
	border: 2px solid #fff;
	border-width: 2px 2px 2px;
}
#gallery ul a:hover img {
	border: 2px solid #3e3e3e;
	border-width: 2px 2px 2px;
	color: #fff;
}
#gallery ul a:hover { color: #fff; }

div.topLeft {
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-top: 10px;
}
.leftNavHotel a {
	font-weight:bold;
}

.leftNavHotLoc {
	color: #34A24B;
	font-size: 1.0em;
	font-weight:900;
	text-decoration: none;
	line-height: 13px;
	margin-bottom: 3px;
}

.banner_box {
	border-top: 1px solid #448CCA;
	
	margin-top: 5px;
	padding-top: 5px;
	padding-left: 10px;
}


/* ====== HOTELS ====== */

.hotelCat	{
	text-align: right;
	color: #0099FF;
	font-weight: 900;
	}

.Address	{
	text-align: right;
	color: #0099FF;
	}


/* ====== TABLES ====== */

.table-style-1	{
	width: 450px;
	font-size: 1.1em;
	text-align: center;
}

.to-the-left	{
	text-align: left;
}

/* ====== pricelist ====== */

.pricelist .firstRow	{
	background-color: #6AAAE1;
	color:#FFFFFF;
	text-align: center;
	}
	
.pricelist .row-0	{
	background-color: #F1C274;
	}

.pricelist .dataName	{
	font-size: 1.1em;
	}

.pricelist .dataPrice	{
	text-align:center;
	font-size: 1.1em;
	}
	
.priceNotes	{
	border-top: 1px solid #6AAAE1;
	margin-top: 5px;
	padding-top: 3px;
	font-style: italic;
	}

.mealpricelist	 .firstRow	{
	background-color: #6AAAE1;
	color:#FFFFFF;
	text-align: center;

}

.mealpricelist .row-0	{
	background-color: #F1C274;
	}

.mealpricelist .dataName	{
	font-size: 1.1em;
	}

.mealpricelist .dataPrice	{
	text-align:center;
	font-size: 1.1em;
	}