html {background: #3c3230;}

body {
	margin:10px 0px 0px 0px;
	padding: 0px 0px 15px 0px;
	text-align: center;
	font-family: Tahoma,Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 150%;
	background: #64391E url(../img/bgr/topNav.gif);
}

p {margin: 0;padding: 0;}

#all {width: 100%; text-align: center; color: #fcf2f0; color: #f7ac4a; }

#top {width: 100%; margin-bottom: 0px; background: #251D1B; }

	#top #topNav {
		width: 770px;
		margin: auto;
		padding: 10px 0px 10px 0px;
		text-align: right;
		color: #f7ac4a;
		background: #251D1B;
	}
	
		#top #topNav a,
		#top #topNav a:visited {
			margin: 0px 5px 0px 5px;	
			color: #f7ac4a;	
		}

#page {width: 770px; margin: auto; padding: 10px; text-align: left; }

/*-----------------------------------*/
/* --  fix for float  --  */
#page:after,
#mainUp:after,
#mainNav:after,
#mainNav a:after,
#mnHeader:after,
#address:after,
.box2:after,
#bottom:after,
#roomsList .item:after,
.monit .borderInside:after,
#bookPart1:after,
#bookDetails:after,
.monit .borderOutside:after,
div.box2 div.clear:after,
#articleOrganizer:after
{content: ".";display:block; height: 0;clear:both;visibility:hidden;}

/* -- end  --  fix for float  --  */
/*--------------------------------------*/
/* -- global classes -- */
h1.header {
	margin: 4px 0px 7px 0px;
	padding: 0;
	font-size: 18px;		
	font-weight: normal;
	letter-spacing: 2px;	
	text-align: left;
}

h2.header {
	margin: 4px 0px 7px 0px;
	padding: 0px;
	font-size: 14px;
	font-style: italic;
}

.borders {width: 770px; height: 16px; clear: both; float: left; margin: 3px auto 3px auto; background: url(../img/belka.gif); background-repeat: no-repeat;}

	
a, a:visited {color: #fcf2f0; text-decoration: none;}
a img {border: 0;}

.borderOutside {border: 1px solid #654524;}
.borderInside {border: 3px solid #95683c;}	

.left {float: left;}
.right {float: right;}
.clear {clear: both;}

.bold {font-weight: bold;}

.center {margin: auto;}

a.orange, a:visited.orange {color: #f7ac4a;}

a.book {
		clear: both;
		margin-top: 8px;
		float: left;
		padding: 5px;
		font-weight: bold;
		background: #AC5512;
		border: 1px solid #fcf2f0; 
}

p.title {
	clear: both;
	margin: 0px 0px 10px 0px;
	font-size: 12px;
	font-weight: bold;
}

.info {float: left; margin: 7px 10px 0px 10px;}
	.info p {clear: both;}
	.info p span {display: block; width: 99px; float: left;}

/* -- end - global classess -- */
/*--------------------------------------*/
/* -- boxes -- */

/* box */
div.box {width: 280px; margin: 0px auto 15px auto; text-align: left;}	
	div.box .borderInside {padding: 10px;}
	div.box p {margin: 0px; padding: 0; font-weight: bold;}
	
	
	
#quad, #scooter {
	height: 85px;
	background: url(../img/bgr/bgrQuad.jpg) top right #3C3230;
	background-repeat: no-repeat;
}

#scooter {	
	background: url(../img/bgr/bgrScooter.jpg) top right #3C3230; 
	background-repeat: no-repeat;
	color: #f7ac4a;
}
	#scooter a, #scooter a:visited {color: #f7ac4a;}
	
	#quad h1, #scooter h1 {font-style: italic;}
	
	#quad {height: 140px; padding-top: 1px;}	
	#quad h1 {line-height: 130%; margin-top: 3px;}
	#quad ul {margin: 0px; padding: 0 0 0 19px; font-weight: bold;}
	#quad a, #quad a:visited {color: #f7ac4a;}
	
#addressBox {width:280px; margin-bottom: 5px; float:left;}
#address {width: 258px;margin:0px; float:left; background: #312c29; float: left;}
	
	#address p  {width: 195px; float: left; color: #f7ac4a;}
	#address a, #address a:visited {color: #f7ac4a;}
	#address a.imgContact {margin: 10px 10px 0px 0px; width: 41px; float: left;}
	
/* end box */

/* box2 */

div.box2 {
	width: 458px;
	margin: 10px 0px 7px 0px;
	padding-bottom: 10px;
	border-bottom: 1px solid #5d544f;
}

	div.box2 div.clear {width: 458px; float: left;}

	div.box2 div.left {margin-right: 10px;}	
		div.box2 div.left img {vertical-align: top;}
	
	div.box2 a.orange {float: right;}
	div.box2 h2 a.orange {float: none}

/* end box2 */
/*----------*/

#news {
	float: left;
	margin-top: 10px;
}

/* -- end -- boxes -- */
/*--------------------------------------*/
/* -- #mainUp -- */

	#mainUp {width: 780px; margin-bottom: 3px;}	

	#mainNav {width: 270px; float: left; margin-top: 25px; padding: 0px; }	
		* html #mainNav {margin-top: 30px;}
		*:first-child+html #mainNav {margin-bottom: 10px;}
			
	#mnHeader {margin: 0px; color: #fcf2f0;}	

		
		#mnHeader h3 {		
			clear: both;
			width: 270px;
			float: left;
			margin: 0px;
			padding: 0px 10px 0px 0px;
			font-size: 13px;
			font-style: italic;
			text-align: right;		
		}
		
		#mnNavi {
			width: 250px;
			float: left;
		}
		
		#mnNavi a {
			display: block;
			width: 240px;
			margin: 10px 0px 0px 15px;
			padding: 5px 0px 5px 0px;
			border-bottom: 1px solid #51423f; 
			font-size: 14px;
			cursor: pointer;
			color: #f7ac4a;
		}
		
		#mnNavi a:visited {color: #f7ac4a;}
		
		#mnNavi a img {float: left; margin: 7px 6px 0px 0px;}
		#mnNavi span {display:block; float: left; padding:0px 5px 0px 10px; border-left: 1px solid #251D1B;}		
		
		#extreme {float: left;margin: 15px 0px 0px 30px;	}
		
	#mainGallery {width: 480px; float: left; margin-top: 0px; border: 1px solid #654524; margin-left: 9px;}
		
		*:first-child+html #mainGallery {margin-top: 0px;}		
		* html #mainGallery {margin-top: 0px; margin-bottom: 2px;}
	
		#mainGallery .tv1 {float: left; border: 3px solid #95683c;}
		#mainGallery .tv1 .tv2 {width: 474px; vertical-align: top;}		

/* -- end - #mainUp -- */
/*--------------------------------------*/
/* -- #mainDown -- */
#mainDown {width: 770px;	float: left; margin: 0px;}
/* -- end - #mainDown -- */
/*--------------------------------------*/
/* -- #mdLeft-- */
#mdLeft {width: 290px; float: left; padding-top: 15px; }
/* -- end - #mdLeft -- */
/*--------------------------------------*/
/* -- #mdRight -- */

#mdRight {
	width: 458px;
	float: left;	
	margin-top: 0px;
	padding: 10px 10px 10px 10px;
	
}
/* -- end - #mdRight -- */
/*--------------------------------------*/
/* -- #bottom -- */

#footer {width: 100%; margin-top: 10px; background: #251D1B;}

	#footer #inner{
		width: 770px;
		margin: auto;
		padding: 10px 0px 10px 0px;
		text-align: right;
		color: #9c9391;
	}

#maker {
	width: 770px;
	margin: auto;
	text-align: right;	
}

/* -- end - #bottom -- */
/*--------------------------------------*/
/* -- type listing, type details -- */

#infoAbout .borderInside {
	padding: 10px;
}
#infoAbout .borderInside p {
	margin-bottom: 5px
}

#roomsList, #typeDetails {padding: 0px 10px 0px 10px;}

#roomsList .item, #typeDetails {
	width: 99%;
	clear: both;
	float: left;
	margin-bottom: 25px;
	padding: 5px;
	border-bottom: 1px solid #CA905F; 
}

#roomsList .item h1, #typeDetails h1 {
	width: 99%;
	float: left;
	margin: 0px 0px 7px 0px;
	font-size: 18px;
	line-height: 130%;
}

#roomsList .item .img {float: left;}
	#roomsList .item .img img {vertical-align: top;}	

#roomsList .shortDesc {
	width: 435px;
	float: left;
	margin: 7px 0px 0px 0px;
	padding-left: 10px;
	text-align: justify;
	border-left: 1px solid #51423f; 
}

.links {clear: both; text-align: right;}

#typeDetails #info {
	width: 360px;
	margin: 20px 0px 0px 0px;
	clear: both;
	border-collapse: collapse;
	border: 1px solid #51423f;
}

	#typeDetails #info td, #typeDetails #info th {border: 1px solid #51423f;}	
	#typeDetails #info th {padding: 5px; text-align: center; background: #AC5512; color: #ffffff;}	
	#typeDetails #info td {padding: 2px 6px 2px 0px; text-align: center;}

#typeDetails .shortDesc {
	width: 99%;
	clear: both;
	float: left;
	margin: 20px 0px 0px 0px;
	padding: 0;
	border: 0;
}

#typeDetails .gallery {clear: both; float: left; margin-top: 20px; text-align: center;}
	#typeDetails .gallery .borderOutside {float: left; margin-right: 10px;}	
	#typeDetails .gallery .borderOutside img {vertical-align: top;}	
	
 /* -- end - type listing, type details -- */
/*-----------------------------------------*/
/* -- reservation -- */
.formContent label {
	display: block;
	float: left;
	clear: both;
	margin-bottom: 15px;
	margin-right: 3px;
	text-align: right;
}

.formContent input,
.formContent select,
.formContent textarea {float: right; margin-bottom: 10px; font-size: 12px;}

input.calendar {float: right; margin-bottom: 10px;}

.calIcon {
	float: right;
	margin-top: 4px;
	margin-left: 4px;
	margin-bottom: 5px;
	cursor: pointer;
}

.formSubmit {float: right;}

#bookPart1 {width: 630px; margin: 20px auto 0px auto;}
	#bookPart1 form {width: 367px; float: left;}
	#bookPart1 .formContent {border: 2px solid #51423f; padding: 20px 40px 10px 10px;}
	#bookPart1 .formContent label {width: 85px;}
	#bookPart1 .formContent input {width: 214px; height: 14px;}
		#bookPart1 .formContent select {width: 221px;}
#bookPart1 input.calendar {width: 193px;}
#bookPart1 .formSubmit {margin-top: 10px; margin-bottom: 20px;}



#bookPart2 {width: 695px; margin: 20px auto 0px auto; }

	#bookPart2 form {width: 450px;}
	#bookPart2_form .formContent {
		clear: both;
		padding: 10px 30px 10px 10px;
		border: 2px solid #51423f; 
	}
	
	#bookPart2_form .formContent label {width: 110px;}
	#bookPart2_form .formContent input {width: 275px;}
	#bookPart2_form .formContent select {width: 281px;}
	#bookPart2_form .formContent textarea {width: 275px; height: 100px;}
	#bookPart2_form .formSubmit {width: 450px; margin-top: 10px; margin-bottom: 20px;}
	#bookPart2_form .formSubmit input {float: right;}
	
	
#bookPart2 .info {width: 248px; clear: both; margin: 0px 0px 15px 0px; border: 2px solid #51423f; padding: 10px 60px 10px 140px;}	
	#bookPart2 .info p {font-weight: bold;}
		#bookPart2 .info p span {width: 80px; margin-right: 3px; font-weight: normal; }
 
 
 #bookDetails {width: 580px; margin: 20px auto 20px auto;}
 
  #bookDetails .info {
  	width: 320px;  	
	float: left;
	margin:0px 0px 18px 0px;	
	padding: 10px;
	border: 2px solid #51423f; 
  }
  
  #bookDetails .info p {font-weight: bold;}
  
  #bookDetails .info span {  	
	width: 105px;
	margin-right: 3px;
	text-align: right;
	font-weight: normal;
  }
  
   #bookDetails .info span.note {
   	display: block;
	width: 275px;
	text-align: justify;
   }
   
   #bookDetails .monit {width: 575px; clear: both; margin-bottom: 20px;}   
   #bookDetails .borderOutside {width: 555px; float:left;}   
   #bookDetails .monit div.message {width: 512px;}
   
  img.calendarBig {float: left; margin: 27px 15px 0px 0px; }  
  
 
 /* -- end - reservation -- */
/*-----------------------------------------*/
/* -- message -- */

.monit {margin: 10px auto 20px auto;}

	.monit .borderOutside {width: 374px; margin: 20px auto 20px auto;}

	.monit .borderInside {
		width: 348px;
		margin: 0;
		padding: 10px;	
		float: left;
		background: #FCF2F0;		
		vertical-align: middle;
	}	
	
	.monit div.message {
		width: 305px;
		float: left;
		margin-top: 0px;
		margin-left: 10px;	
		margin-bottom: 0;	
	}
	
	.normal {color: #3C3230; font-size: 11px; font-weight: bold;}
	.normal img {margin-right: 3px;}
	
	.error {color: #C51000; font-weight: bold; font-size: 12px;}	
		.error div.message {margin-top: 3px;}	
 /* -- end - message -- */
/*-----------------------------------------*/
/* -- single article -- */

#singleArticle {
	padding: 5px;
}

#singleArticle h1 {
	margin: 0;
	padding: 5px 5px 10px 0px;
	font-size: 20px;
}

#singleArticle div.left {margin-right: 15px;}  
	#singleArticle div.left img {vertical-align: top;}

#singleArticle div.artInfo {margin: 0px;}

#singleArticle #artDesc {
	clear: both;
	margin: 15px 0px 20px 0px;
	padding: 0px 4px 0px 4px; 
	color: #f7ac4a;
}

#singleArticle #artDesc p,
#singleArticle #artDesc div,
#singleArticle #artDesc li {
	color: #f7ac4a;
}

#singleArticle p.bold {margin-bottom: 10px;}

div#gallery{width: 750px; float: left; margin-bottom: 10px;}
div#gallery .borderOutside {float: left; margin-right: 10px; margin-bottom: 10px;}
div#gallery img {vertical-align: top;}

 /* -- end -- single article -- */
/*-----------------------------------------*/
/* -- article organizer -- */

#articleOrganizer #mdLeft {width: 200px; padding-top: 20px;}
	#articleOrganizer #mdLeft .box h1.header {
		font-size: 14px;
		line-height: 130%;
	}
	#articleOrganizer #mdLeft .box {width: 198px; float: left; margin-bottom: 25px; border-bottom: 1px solid #CA905F;}
	#articleOrganizer #mdLeft .box p {font-weight: normal; text-align: justify;}
	#articleOrganizer #mdRight .bold {margin-bottom: 10px;}
#articleOrganizer a.orange {float: right; margin-top: 9px; padding-bottom: 4px;}

#articleOrganizer #mdRight {width: 530px; margin-left: 18px; padding-top: 20px;}
	#articleOrganizer #mdRight #artTop {float: left; margin-bottom: 10px;}
	#articleOrganizer #mdRight #mainImg {float: left; margin: 3px 15px 0px 0px;}
	#articleOrganizer #mdRight img {vertical-align: top;}	
	
	#articleOrganizer #mdRight div.clear {margin: 10px 0px 25px 0px;}
	#articleOrganizer #mdRight div#description {padding: 10px;}
	#articleOrganizer #mdRight div#gallery{width: 530px;}
	#articleOrganizer #mdRight div#gallery .borderOutside {float: left; margin-right: 4px; margin-bottom: 10px;}

.pagination {margin-bottom: 15px; text-align: center;}

 /* -- end -- article organizer -- */
/*-----------------------------------------*/
/* -- contact -- */

#contact h1 {
	margin: 0;
	padding: 5px 5px 10px 0px;
	font-size: 20px;
}

#contact p.bold {margin-bottom: 10px;}

#contactLeft {
	width: 450px;
	float: left;
	margin-right: 10px;
}
#contactLeft div.left {margin-right: 15px;}  
#contactLeft img {vertical-align: top;}

#contactLeft #artDesc {
	clear: both;
	float: left;
	margin: 15px 0px 20px 0px;
	padding: 10px; 
}

#contactRight {width: 300px;	float: left;}
#contactRight form{width: 304px; float: left; margin-bottom: 5px;}
#contactRight form .formContent {padding: 5px; border: 2px solid #51423f; margin-bottom: 15px;}	
#contactRight form .formContent label {width: 80px;}
#contactRight form .formContent input {width: 195px;}
#contactRight form .formContent textarea {width: 195px; height: 100px;}

 /* -- end -- contact -- */
/*-----------------------------------------*/