html {
  font-size: 100.01%;
}

body, table, th {
  font-size: 1em;
  text-align: left;
}


html, body, form, fieldset, h1, h2, h3, h4, h5, h6, img, p, pre,blockquote, ul, ol, dl, address,tr, th, td, table, hr{
	margin: 0;
   padding: 0;
  	font-size: 1em;
}


.none, .print, #helpNav{
	display: none;
}

ul li {list-style-type: none}

img {border: 0 none;display: block;}


.clear{
 	clear:both;
	font-size: 0px;
	line-height: 0px;
	display:block;
	height: 0px;
	width: 0px;	
}

body{
	background: #fff;
	color: #000;
	text-align: center;
	font-family: Tahoma, helvetica, sans-serif;
	font-size: 0.7em;
	line-height: 160%;

}


address{
	font-style: normal;
}


ul#language-switch{
	
	float:right;

}

hr {margin: 15px 0 15px 0; *margin:7px 0 7px 0;display:block; height:1px; line-height:1px;padding:0; border:0 solid #d2cccc; background:#d2cccc; color:#d2cccc;}


ul#language-switch li{
	float:left;
	margin-left: 10px;
	margin-top: 0px;
}

ul#language-switch li a{
	width: 19px;
	height: 21px;
	padding: 4px 0 0 6px;	
	color: #bcb4b4;
	text-decoration: none;
	_width: 25px; height: 25px;
	display: block;
}
ul#language-switch li#l-active a{
	background: url(../img/language-switch-background.gif) no-repeat;
	color: #fff;
}

ul#icon-switch{
	
	float:left;

}
ul#icon-switch li{
	float:left;
	margin-left: 10px;
	margin-top: 0px;
}


a{
	color: #c41919;
}

#container{
	background: url(../img/background.gif) repeat-y;
	width: 1015px;

	margin: 30px auto 30px auto;
	text-align:left;
}
#container-in{
background: url(../img/background-top.gif) no-repeat top;
}

#container-in-2{
background: url(../img/background-bottom.gif) no-repeat bottom;

  padding: 30px 40px 30px 40px;
	position:relative;
}
h1#logo{
  display: block;
	width: 140px;
	position:relative;
	height: 51px;
	margin: 40px 0 0 15px;
	}

h1#logo span{
  display:block;
	width: 100%;
	height: 100%;
	position:absolute;
	top: 0;
	left: 0;
	background: url(../img/logo.gif) no-repeat;
}

ul#nav{
margin-top: -60px;
*margin-top: -30px;
margin-bottom: 25px;
	margin-left: 200px;
}


ul#nav li{
	float:left;
	text-transform: uppercase;

}
ul#nav li a{
	display: block;
	float:left;
	height: 36px;
	padding: 20px 14px 0 14px;
	_height: 56px;
	text-decoration: none;
	color: #c41919;
}
ul#nav li#active a, ul#nav li a:hover{
	background: url(../img/menu-background.gif);
	color: #fff;
}

#both-column{
  float:left;
  width: 900px;
}

#right-column{
  float:right;
  width: 450px;

}

#special-offer{
	float:right;
	width: 450px;
	height: 128px;
	 padding-left: 20px;
}

.home #special-offer{  border-left: 1px solid #d2cccc; }

#special-offer h2{
	width: 450px;
	height: 128px;
	position:relative;
}

#special-offer h2 span{
  position: absolute;
  width: 100%;
  height: 100%;
  top:0;
  left: 0;
  background: url(../img/special-offer.gif) no-repeat;
}


#special-offer img{
  display: block;
  float:right;
}

h2#slogan{
	width: 935px;
	height: 157px;
	margin-bottom: 15px;
	position:relative;
}

h2#slogan span{
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: url(../img/slogan.gif) no-repeat top left;
}
/*
.accommodation h2#slogan span{
 	background: url(../img/accomodation-slogan.gif) no-repeat top left;    
}
*/
.home .map{
	float:right;
	width: 450px;
	height: 131px;
	display:block;
}

.offer{
	height: 140px;	
	float:left;
	position: relative;
}

.offer li{
	float:left;
	display: block;
	width: 216px;
	height: 140px;	
	position:relative;
	overflow: hidden;
	margin-right: 15px;
}
.offer2 li, .offer3 li{
	float:left;
	display: block;
	width: 460px;
	height: 140px;	
	position:relative;
	overflow: hidden;
	margin-right: 15px;
}


.offer li{
	margin-right:23px;
}
.offer li.last,  .offer2 li.last, .offer3 li.last{

	margin-right: 0;

}



.offer a{
	float:left;
	display: block;
	width: 216px;
	height: 140px;	
	position:relative;
	
	overflow: hidden;

}
.offer2 a, .offer3 a{
	float:left;
	display: block;
	width: 450px;
	height: 140px;	
	position:relative;
	
	overflow: hidden;

}
.offer4 a{
	float:left;
	display: block;
	width: 450px;
	height: 280px;	
	position:relative;
	
	overflow: hidden;

}

.home .offer a{	
margin-right: 23px;

} 

.offer a span, .offer2 a span, .offer3 a span, .offer4 a span{
	display:block;
	width: 100%;
	height: 100%;
	position:absolute;
	top: 0;
	left: 0;

}
.offer a.reservation{
	margin-right: 0;
}
.offer2 a.reservation2{
	margin-right: 0;
}
.offer a.photogallery span{
	background: url(../img/photogallery.gif) no-repeat top left;
}

.offer a.accommodation span{
	background: url(../img/accommodation.gif) no-repeat top left;
}

.offer a.services span{
	background: url(../img/services.gif) no-repeat top left;
}

.offer a.reservation span{
	background: url(../img/reservation.gif) no-repeat top left;
}
.offer2 a.reservation2 span{
	background: url(../img/vtb.jpg) no-repeat top left;
		height:280px;
}
.offer4 a.reservation2 span{
	background: url(../img/vtb2.jpg) no-repeat top left;
}
.offer3 a.specialo span {
	 background: url(../img/special-offer.gif) no-repeat;
}
#copyright{
	clear:both;
	margin-top: 30px;
	text-align: center;
}

#copyright p{
	 margin:0 auto;
  display: block;
  width: 140px;
  height: 21px;
  background: url(../img/copyright.gif) no-repeat;
  text-align: center;
}
#copyright img{
  padding-left: 73px;
  /**padding-left: 25px;
  _padding-left: 73px;  */
}


.text{
	float:left;
	width: 460px;


}
.text h2{
	width: 298px;
	height: 24px;
	margin-top: 10px;
	padding-left: 10px;
	position: relative;
}

.text h2 span{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: url(../img/welcome.gif) no-repeat top left;
}
.accommodation .text  h2{
	width: 205px;
	height: 24px;
}

.accommodation .text h2 span{
	background: url(../img/header-accommodation.gif) no-repeat top left;
}
.prices .text  h2{
	width: 84px;
	height: 24px;
}

.prices .text h2 span{
	background: url(../img/header-prices.gif) no-repeat top left;
}

.map .text h2{
	width: 55px;
	height: 32px;
}

.map .text  h2 span{
	background: url(../img/header-map.gif) no-repeat top left;
}

.reservation .text  h2{
	width: 162px;
	height: 32px;
}

.reservation .text h2 span{
	background: url(../img/header-reservation.gif) no-repeat top left;
}

.services .text h2{
	width: 118px;
	height: 32px;
}
.services .text h2 span{
	background: url(../img/header-services.gif) no-repeat top left;
}

.photogallery .text h2{
	width: 173px;
	height: 32px;
}
.photogallery .text h2 span{
	background: url(../img/header-photogallery.gif) no-repeat top left;
}

.links .text h2{
	width: 68px;
	height: 32px;
}
.links .text h2 span{
	background: url(../img/header-links.gif) no-repeat top left;
}

.groups .text h2{
	width: 99px;
	height: 32px;
}
.groups .text h2 span{
	background: url(../img/header-groups.gif) no-repeat top left;
}
.school_groups .text h2{
	width: 194px;
	height: 32px;
}

.school_groups .text h2 span{
	background: url(../img/header-sgroups.gif) no-repeat top left;
}

.virtual-tour .text h2{
	width: 180px;
	height: 32px;
}
.virtual-tour .text h2 span{
	background: url(../img/header-virtual-tour.gif) no-repeat top left;
}



.text h3{
  padding:  20px 0 0 10px;
  font-size: 1.4em;
  
}

.text p{
	margin-top: 20px;
  padding-right: 20px;
  padding-left: 10px;
		text-align: justify;
}

.text li {
	list-style-type:square;
	margin-left:30px;
}
#contact{
  padding-left: 10px;
}

#contact address, #how-to-get-there{
	float:left;
	width: 215px;
  line-height: 200%;

}

#contact address{
  padding-top: 10px;
  border-right: 1px solid #d2cccc; 
  margin-right: 20px;
}

#contact #how-to-get-there h3{
  width: 135px;
  height: 18px;
  position: relative;
  margin: 10px 0 10px 0;
  }
  
  #contact #how-to-get-there h3 span{
  width: 135px;
  height: 18px;
  top: 0;
  left: 0;
  position: absolute;
  background: url(../img/how-to-get-there.gif) no-repeat;
  }
  .datsel {
	font-family: 'Trebuchet MS', Arial;
	font-size: 11px;
	font-weight:normal;
	padding: 2px 4px 2px 4px;
	border: 1px dotted #666666;
	cursor: pointer;
	background:white;
}
.text fieldset {
	margin:8px;
	padding:8px;
}
.text fieldset legend {
	color:#1B1B83;
	font-weight:bold;
	font-size:12px;
}
.text h1 {
	font-size:20px;
	padding-top:8px;
	padding-bottom:5px;
	color:#1B1B83;
}
.text h2 {
	font-size:16px;
	padding-top:8px;
	padding-bottom:5px;
	color:#1B1B83;
}
.text h3 {
	font-size:14px;
	padding-top:8px;
	padding-bottom:5px;
	color:#1B1B83;
}

.reser td {
	padding:4px 0px;
	border-left:1px solid #D9D9D9;
	border-top:1px solid #D9D9D9;
	border-right:1px solid #BFBFBF;
	border-bottom:1px solid #BFBFBF;
}
.reser td.cbv {
	background:#8C8C8C;
	padding:3px;
	border-left:1px solid #BFBFBF;
	border-top:1px solid #BFBFBF;
	border-right:1px solid #666666;
	border-bottom:1px solid #666666;
	
}
.reser td.cb
{
	border:none;
}
.soff {
font-weight:normal;
padding:5px;
text-align:left !important;
font-size:12px;
}
.soff p {
	margin:5px 1px;
	font-weight:normal;
}