/* CSS Document */
*, html, body, ul, ol, dl, li, dt, dd {margin:0px; padding:0px;}
body {font:12px Tahoma; color:#406484; margin:0 auto; width:1004px; background:url(../images/bg.gif) repeat; color:#454a4b;}
td, input, textarea, option, select {font:12px Tahoma; color:#454a4b;}
img {border:0;}
a {text-decoration:underline; color:#2652ac; -moz-outline-style: none;}
a:hover {text-decoration:none; color:#2652ac;}
.reverse {text-decoration:underline}
.reverse:hover {text-decoration:none; }
li {list-style-type:none}
.clear{clear:both; height:0px; font-size:0; overflow:hidden;}
.minWidth {min-width:1004px; width:expression((document.body.clientWidth<=1004)?'1004px':'auto');}
html>body .minWidth {min-width:1004px;}
h1{color:#214ca5; font:normal 26px serif; padding:0 0 5px 0;}

#maincontainer{
	width:996px;
	background:#fff;
	position:relative;
	border-left:4px solid #a9a9a9;
	border-right:4px solid #a9a9a9;	
	float:left;
	_float:0;
	}
/*=============================================================================================TOP*/
#top{	
	width:996px;
	padding:20px 0 0 0;	
	float:left;	
	}
#general-photo{
	width:668px;
	float:left;
	border-top:1px solid #fff;
	}
#photo{
	width:668px;
	height:228px;
	float:left;	
	}
#general-photo #banner-gph{
	background:url(../images/plaha.png) no-repeat;
	_background:0;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/plaha.png', sizingMethod='crop'); 
	width:257px;
	height:70px;
	float:right;
	margin:115px 0 0 0;
	}
#general-photo #banner-gph p{
	color:#fff;
	font:normal 21px Geneva;
	padding:10px 0 0 20px;
	text-align:left;
	}
/*----------------------------------------------------------------------------------logocontainer*/
#top #logocontainer{
	width: 311px;
	height:268px;
	float:left;
	}
/*------------------------------------------------------------------------------------------logo*/
#top #logocontainer #logo{
	width:204px;
	height:78px;
	padding:50px 0 36px 65px;
	float:left;
	}
/*------------------------------------------------------------------------------------------search*/
#search{
	padding:0 0 0 65px;
	float:left;
	}
#search input{
	border:1px solid #d4d4d4;
	float:left;
	width:130px;
	_width:140px;
	padding:2px 4px 3px 4px;
	margin:0 5px 0 0;
	_height:21px;
	}
#search-button{
	background:url(../images/search_button.gif) repeat-x;
	width:49px;
	height:21px;
	display:block;
	float:left;
	}
/*------------------------------------------------------------------icons*/
#icons-container{
	padding:10px 0 0 75px;
	width:100%;
	float:left;
	}
#ico-home a{
	background:url(../images/icons.gif) 0 0 no-repeat;
	width:11px;
	height:10px;
	float:left;
	margin:2px 15px 0 15px;
	}
#ico-map a{
	background:url(../images/icons.gif) -11px 0 no-repeat;
	width:11px;
	height:10px;
	float:left;
	margin:2px 15px 0 15px;
	}
#ico-mail a {
	background:url(../images/icons.gif) -22px 0 no-repeat;
	width:10px;
	height:10px;
	float:left;
	margin:2px 15px 0 15px;
	}
.line{
	background: url(../images/ico_line.gif) no-repeat;
	width:1px;
	height:14px;
	float:left;	
	}
/*------------------------------------------------------------------------------------------menu*/
#top-menu{
	width:100%;
	background:#f1f7fa;
	margin:5px 0 0 0;
	height:34px;
	float:left;
	}
#top-menu ul{
	float:left;
	}
#top-menu ul li{
	display:inline;
	}
#top-menu ul li a{
	display:block;
	width:110px;
	float:left;	
	padding:8px 0 0 0;
	color:#000;
	}
#top-menu li a:hover{
	height:26px;
	_height:34px;
	background:url(../images/menu_select_grad.gif) repeat-y;
	color:#fff;
	text-decoration:underline;
	}
/*=======================================================================================MIDDLE*/
#middle{
	float:left;

	}
/*---------------------------------------------------------------------------leftmenu*/
#middle #left-menu{
	width:311px;
	float:left;
	}
#middle #left-menu .menu-point{
	background:url(../images/left_menu_point.gif) no-repeat;
	width:268px;
	height:112px;
	text-align:left;
	color:#454a4b;
	margin:0 0 10px 0;
	}
.mhead{
	height:35px;
	}
.title-country{
	padding:10px 0 0 20px;
	font-weight:bold;
	float:left;
	}
.title-country a{color:#000;}
.title-country img{
	margin:2px 10px 0 0;
	float:left;	
	}
.title-spp a{
	float:right;
	background:#175de9;
	padding:1px 4px 4px 4px;
	color:#fff;
	font:normal 10px Tahoma;
	margin:11px 15px 0 0;
	}
.title-spp a:hover{color:#fff;}
.column{margin:10px 0 0 20px; float:left;}
.column li{padding:0 0 5px 25px; _padding:0 0 5px 5px;}
.column.col2 li{padding:0 0 5px 14px;}
.column li a{color:#454a4b;}
/*---------------------------------------------------------------------------right-container*/
#middle #right-container{
	width:643px;
	float:left;
	text-align:left;
	margin:0 0 0 20px;
	}
#middle #right-container #right-container-info{
	width:410px;
	float:left;
	padding:17px 0 0 0;
	font:11px Tahoma;
	line-height:18px;
	}
/*------------------------------------------------------------------------spets-predlojenie*/
#spetspredl{
	background: url(../images/title_spetspredl.gif) no-repeat;
	width:255px;
	height:56px;
	}
#spptext{
	padding:10px 0 0 0;
	}
#spptext .article{
	margin:0 0 15px 0;
	font:11px Tahoma;
	line-height:18px;
	}
#spptext .article a.spl{
	color:#2652ac;
	font:bold 12px Tahoma;
	padding:0 0 3px 0;
	display:block;
	}
/*------------------------------------------------------------------------news*/
#news{
	padding:25px 0 0 0;
	}
#title-news{
	background:url(../images/title_news.gif) no-repeat;
	width:127px;
	height:38px;
	margin:0 0 15px 0;
	}
#news .article{
	padding:0 0 25px 0;
	font:11px Tahoma;
	line-height:18px;
	}
.img{
	float:left;
	padding:0 10px 0 0;
	}
#news .article .txt{
	padding:0 0 5px 0;
	border-bottom:1px solid #f5f5f5;
	}
#news .article .txt a.nl{
	color:#2652ac;
	font:bold 12px Tahoma;
	padding:0 0 3px 0;
	display:block;
	}
#news .article .ndetails{
	padding:5px 0 0 0;
	}
#news .article .ndetails a{
	background:url(../images/arrow_news.gif) no-repeat right;
	padding:0 10px 0 10px;
	}
/*------------------------------------------------------------------------banners*/
#middle #right-container #right-container-banners{
	width:210px;
	float:right;
	}
#kurs{
	text-align:right;
	padding:10px 0;	
	}
/*------------------------------------------------------------------------telephones*/
#telephones{
	background:url(../images/telephones.gif) no-repeat;
	width:211px;
	height:181px;
	}
.t-title{
	color:#48394b;
	font:bold 20px serif;
	padding:12px 0 0 23px;
	}
.t-title p{float:left;}
#mg{
	padding:15px 0 0 15px;
	font-size:10px;
	}
.mg-tel{
	color:#48394b;
	font:bold 20px serif;
	padding:0 0 0 98px;
	line-height:18px;
	}
#inet{
	padding:3px 0 0 98px;
	}
#inet p{padding:0 0 3px 0;
	}
.icq{
	background:url(../images/icq.gif) no-repeat;
	padding:0 0 10px 20px;
	}
.skype{
	background:url(../images/skype.gif) no-repeat;
	padding:0 0 10px 20px;
	}
/*------------------------------------------------------------------------reclama*/
#reclama{
	width:209px;
	_width:211px;
	border-left:1px solid #ebebeb;
	border-right:1px solid #ebebeb;
	}
#rtop{
	background:url(../images/reclama_top.gif) no-repeat;
	width:211px;
	height:28px;
	}
#rbottom{
	background:url(../images/reclama_bottom.gif) no-repeat;
	width:211px;
	height:21px;
	}
.rpoint{		
	padding:5px 20px 0 20px;
	font:normal 10px Tahoma;
	line-height:14px;
	}
.rpoint a{
	color:#4a7ac1;	
	}
/*=======================================================================================BOTTOM*/
#bottom{
	float:right;
	margin:0 20px 0 0;
	_margin:0 6px 0 0;
	width:647px;
	font:normal 11px Tahoma;
	text-align:left;
	border-top:1px solid #b1b1b1;
	}
#bottom #info{
	padding:20px 0 20px 0;
	line-height:18px;
	float:left;
	}
#bottom #info2{
	color:#d811a0;
	margin:-35px 0 0 0;
	line-height:16px;
	float:right;
	}
#bottom #info2 a{color:#d811a0;}		
/*==================================================================================================INNER*/
h2{	font-size:19px;
	color:#406484;
	margin:0 0 5px 0;
	}
#right-container-inner{
	line-height:18px;
	padding:0 0 20px 0;
	}
/*------------------------------------------------------------------------hmenu*/
#hmenu{
	padding:17px 0 15px 0;
	margin:0 0 0 -5px;
	}
#hmenu li{
	display:inline;
	}
#hmenu li a{
	padding:0 15px 0 5px;
	background:url(../images/arrow.gif) no-repeat  right 6px;
	color:#41438b;
	}
#hmenu li a.last{
	background:0;
	}	
#sp-menu{
	margin:10px 0 10px 10px;
	color:#406484;
	font-weight:bold;
	}
#sp-menu li{
	background:url(../images/arrow.gif) no-repeat right 5px;
	padding:0 10px 0 0;
	_padding:0 5px 0 0;
	margin:0 5px 0 0;	
	display:inline;
	}
/*------------------------------------------------------------------------catalog*/
#cat-img-cont{
	background:#f7f7f8;
	padding:15px 25px;
	margin:0 0 5px 0;
	}
#cat-img-cont img{
	margin:5px 5px 0 0;
	}
#cat-txt-cont{
	background:#ecfcfe;
	padding:10px 25px;
	margin:0 0 5px 0;	
	}
/*------------------------------------------------------------------------region*/	
.cat-hotels{
	float:left;
	padding:0 0 20px 0;
	}
.cat-hotels h1{
	color:#454a4b;
	padding:0 0 5px 0;
	}
.reg-opis{
	float:left;
	padding:0 0 20px 0;
	_padding:0;
	}
.reg-opis img{
	float:left;
	margin:0 10px 0 0;
	}	
.hotels{
	width:592px;	_width:100%;
	float:left;
	background:url(../images/shtrih_catalog.gif) repeat;
	padding:20px 0 20px 50px;
	}

.hotel-spisok{
	width:494px;
	float:left;
	}
.hotel-spisok li{margin:0 47px 0 0; display:inline; width:200px; float:left;}
.hotel-spisok li a{
	font:normal 12px Tahoma;
	line-height:20px;
	color:#2a53ac;
	}
.h-title{
	font-weight:bold;
	float:left;
	padding:0 10px 0 0;
	}
/*------------------------------------------------------------------------form*/
#zform{
	background:url(../images/form_background.gif) no-repeat;
	width:637px;
	height:201px;
	margin:40px 0 0 0;
	border:1px solid #ebe7e7;
	}
#zform-inn{	padding:20px 0 0 40px;}
#zform .zf-title{
	color:#454a4b; 
	font:normal 21px serif;	
	}
#zform table{
	padding:5px 0 0 0;
	}
#zform p{padding:0 0 3px 0;}
#zform input {
	display: block;
	width: 200px;
	padding:2px 4px 3px 4px;
	margin:0 60px 0 0;
	margin-bottom: 10px;
	border:1px solid #b4b4c0;
	_height:22px;
	}
#fbutton{
	background:url(../images/form_button.gif) no-repeat;
	display:block;
	color:#fff;
	width:99px;
	height:22px;
	text-align:center;
	padding:1px 0 0 0;
	margin:10px 0 0 0;
	}
/*------------------------------------------------------------------------info-kurort*/
.info-kurort{	
	width:593px;
	_width:643px;
	float:left;
	background:#faf0cc;
	padding:20px 0 20px 50px;
	margin:0 0 5px 0;
	}
.info-kurort ul{
	width:250px;
	float:left;
	padding:10px 0 0 0;
	}
.info-kurort ul li{
	background:url(../images/line_dotted.gif) repeat-x bottom;
	padding:5px 0 8px 0;
	margin:0 50px 0 0;
	}
.info-kurort ul li.end{
	background:0;
	}
	
/*=======================================================================================OTHERS*/
/*------------------------------------------------------------------------SPACE*/
.space5px{
	padding:5px 0 0 0;
	}
.space10px{
	padding:10px 0 0 0;
	}
.space20px{
	padding:20px 0 0 0;
	}
/*------------------------------------------------------------------------Spisok*/
.spisok{
	list-style-image:url(../images/marker.gif);
	margin-left:40px;
	}
    
.ospec{padding:0 0 20px;}


.s-table, .ospec table{border-collapse:collapse;	border:1px solid #b4b4c0;}
.s-table th, .ospec table th{
	text-align:left;
	padding:5px 10px;	
	background-color:#e6fafe;
	color:#000;
	border:1px solid #b4b4c0;
	font:bold 12px Tahoma;
		}
.s-table td, .ospec table td{
	border:1px solid #b4b4c0;
	padding:5px 10px;
	}

.all li{float:left; width:160px;}
.all {margin:0 0 20px 0; float:left;}



/* lightview.css
   http://www.nickstakenburg.com/projects/lightview
*/

#lightview {
	position: absolute;
	top: 50%;
	left: 50%;
	height: 150px;
	width: 150px;
	margin: -75px 0 0 -75px;
	padding: 0;
}

/* The container that holds everything */
.lv_Container {
	position: relative;
	width: 100%;
	height: 100%;
	background: none;
	padding: 0;
	margin: 0;
}

.lv_Button {
	cursor: pointer;
	text-decoration: none;
	border: none;
	background: none;
	margin: 0;
	padding: 0;
}

/* The buttons on the side when you view a gallery */
.lv_Sides {
	position: absolute;
	top: 50%;
	left: 0;
	clear: both;
	width: 100%;
	padding: 0;
	margin: 0;
}
.lv_Sides * { padding: 0; margin: 0; }
.lv_Sides li {
	list-style-type: none;
	position: relative;
}

.lv_PrevSide { float: left; }
.lv_NextSide { float: right; }
.lv_Sides .lv_Wrapper {
	width: 100%;
	height: 100%;
	cursor: pointer;
}
.lv_Sides .lv_Button {
	float: left;
	background: none;
}

/* The frames above and below the center, that hold the corners.
   It's recommended not to change anything here, a lot is done in
   javascript to build further upon this based on your settings.
*/
.lv_Frames {
	width: 100%;
	height: 100%;
	position: relative;
	padding: 0;
	margin: 0;
}
.lv_Frames li {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.lv_Frame {
	width: 100%;
	display: block;
}
.lv_Frame * { padding: 0; margin: 0; }
.lv_FrameTop {
	position: absolute;
	left: 0;
	width: 100%;
	display: block;
}
.lv_FrameBottom {
	position: relative;
	float: left;
	clear: both;
}

.lv_Liquid {
	position: relative;
	float: left;
	width: 100%;
	overflow: hidden;
	clear: both;
}
.lv_Liquid .lv_Filler {
	position: absolute;
	height: 100%;
	width: 2px;
	top: 0;
	left: 50%;
}

.lv_Half {
	display: block;
	height: 100%;
	clear: both;
	line-height: 0px;
}
.lv_Half li { list-style-type: none; }
.lv_Corner {
	float: left;
	position: relative;
}
.lv_CornerTr, .lv_CornerBr { float: right; }

.lv_Fill {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
}

.lv_Half .lv_CornerWrapper {
	float: left;
	position: relative;
	width: 50%;
	height: 100%;
	overflow: hidden;
}
.lv_HalfRight .lv_CornerWrapper { float: right; }

.lv_Corner { position: relative; }
.lv_Corner canvas { position: relative; }
.lv_HalfLeft .lv_Corner { float: left; }
.lv_HalfRight .lv_Corner {
	position: relative;
	float: right;
}

/* To position content correctly in the center with correct
   rounded corner display we need a few wrappers.
   This is to get it right on all browsers.
*/
.lv_Center {
	position: relative;
	clear: both;
	height: 100%;
	overflow: hidden;
	background: none;
	padding: 0;
	margin: 0;
}
.lv_WrapUp {
	position: absolute;
	left: 0;
	height: 100%;
	width: 100%;
	overflow: hidden;
	padding: 0;
	margin: 0;
}
.lv_WrapDown {
	position: relative;
	height: 100%;
	width: 100%;
	overflow: hidden;
	padding: 0;
	margin: 0;
}
.lv_WrapCenter {
	position: relative;
	padding: 0;
	margin: 0;
}

/* The loading indicator */
.lv_Loading {
	position: absolute;
	top: 50%;
	left: 50%;
}
.lv_Loading .lv_Button {
	float: left;
	height: 100%;
	width: 100%;
}

.lv_MediaWrapper {
	position: relative;
	width: 100%;
	display: block;
	overflow: hidden;
	clear: both;
	padding: 0;
	margin: 0;
}
.lv_MediaWrapper img {
	position: relative;
	float: left;
	padding: 0;
	margin: 0;
}

/* The overlays on top of images that toggle the previous/next buttons */
.lv_PrevNext {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
}
.lv_PrevNext * { padding: 0; margin: 0; }
.lv_PrevNext .lv_Button {
	position: relative;
	height: 100%;
}
.lv_PrevButton { float: left; }
.lv_NextButton { float: right; }

/* The bar that holds title, caption, imagenumber, slideshow and closebutton */
.lv_MenuBar {
	clear: both;
	position: relative;
	width: 100%;
	float: left;
	font: 11px Arial, Helvetica, sans-serif;
	color: #808080;
	padding: 0;
	margin: 0;
}
.lv_MenuBar * { padding: 0; margin: 0; }

/* When the Menubar is at the top, on (ajax/iframe/inline) content,
   it will also have this style.
   The margins are removed here for better alignment, and since it's
   at the top we switch the inner margins to the other side.
*/
.lv_MenuTop .lv_DataText div,
.lv_MenuTop .lv_ImgNumber div { margin: 0; padding: 0; }
#lightview .lv_MenuTop .lv_Close, 
#lightview .lv_MenuTop .lv_Data { margin: 0 0 6px 0; }

.lv_Close, .lv_Data { margin: 6px 0 0 0; }
.lv_Close {
    position: relative;
	float: right;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

.lv_Data {
	position: relative;
	float: left;
	padding-bottom: 3px;
	line-height: 13px;
}

/* simulates padding-left inside .lv_Data */
.lv_DataText div, .lv_ImgNumber div { margin-left: 3px; }

.lv_Data li {
	list-style-type: none;
	float: left;
	margin-top: 3px;
}
.lv_DataText { width: 100%; }
.lv_DataText .lv_Title {
	font-weight: bold;
	margin-bottom: 2px;
}
.lv_DataText .lv_Caption { clear: both; }
.lv_Data .lv_ImgNumber {
	color: #b8b8b8;
	margin-right: 5px;
	margin-top: 5px;
}

.lv_Data .lv_innerPrevNext, 
.lv_Data .lv_Slideshow {
	position: relative;
	border-left: 1px solid #efefef;
	padding: 0 5px;
	margin-top: 5px;
	vertical-align: middle;
}
.lv_Data .lv_Slideshow { padding-right: 0px; }

.lv_Data .lv_innerPrevNext .lv_Button, 
.lv_Data .lv_Slideshow .lv_Button { /* play and stop */
	float: left;
	background-position: center left;
	background-repeat: no-repeat;
}

/* the boxes that hold media or external content */
.lv_Media,
.lv_External {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
}

#lightview iframe {
	border: 0;
	clear: both;
	padding: 0;
	margin: 0;
	background: none;
}

/* The container that hold buttons above the view, currently only topclose */
.lv_topButtons {
	position: absolute;
	left: 0;
	width: 100%;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.lv_topcloseButtonImage { cursor: pointer; }


/* The error/warning/download message that will appear when
   a required plugin is not installed.
*/
#lightviewError p { padding: 0 0 10px 0; }
#lightviewError div {
	padding: 6px;
	font: 11px Arial, Helvetica, sans-serif;
}
#lightviewError .message {
	background: #fcb5b5;
	color: #dd1f1f;
	margin-bottom: 3px;
}
#lightviewError .type { font-weight: bold; }
#lightviewError .pluginspage {
	background: #b5fcbd;
	color: #21be30;
}
#lightviewError a,
#lightviewError a:hover,
#lightviewError a:visited {
	color: #21be30;
	text-decoration: none;
	background: none;
	font-weight: bold;
	border-bottom: 1px solid #7de689;
}
#lightviewError p {
	margin-left: 0;
	padding: 0;
}

#overlay {
  position: absolute; /* Opera will use fixed */
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.map ul li ul{ padding:0 0 0 10px;}

* html #lightview { /* IE6 */
	position: absolute;
	margin-top: expression( (-1 * this.offsetHeight / 2 + (document.documentElement ? document.documentElement.scrollTop : 0) + (Lightview.navbarHeight || 0)) + 'px');
	margin-left: expression( -1 * this.offsetWidth / 2 + (document.documentElement ? document.documentElement.scrollLeft : 0) + 'px');
}

/* Always cover 100% of the screen in IE6 */
html #overlay {
	position: absolute;
	height: expression(((window.Enumerable && window.Enumerable.max) ? [document.body.scrollHeight, document.documentElement.scrollHeight, document.body.offsetHeight, document.documentElement.clientHeight].max() : document.documentElement.scrollHeight) + 'px' );
	width: expression(((window.Enumerable && window.Enumerable.max) ? [document.body.scrollWidth, document.documentElement.scrollWidth, document.body.offsetWidth, document.documentElement.clientHeight].max() : document.documentElement.scrollWidth) + 'px' );
}