/* START CSS */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }

/* Global properties ======================================================== */
body { 
	background:#2e3b52; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%; 
	line-height:1.125em;
	color:#242424;
}
html { min-width:1000px;}
html, body { height:100%;}



/* Global Structure ============================================================= */
.container {
	margin: 0 auto;
	position: relative;
	width: 1000px;
	font-size:.9em;
	border:none
}

	/* Header */
	header{
		height:142px;
		overflow: hidden;
		background:url(../images/header-bg.gif) 0 0 repeat-x;
		
	}
	
	/*44rt*/
	#gallery {
		height:466px;
		overflow:hidden;
		background:url(../images/gallerry-bg.gif) 0 0 repeat-x;
	}
	
	/* Content */
	#content {
		float: left;
		width: 572px;
	}
	
	/* Sidebar */
	aside{
		float: left;
		width: 302px;
		margin-right:52px;
	}
			
	/* Footer */
	footer{
		padding:20px 0 22px 0;
		border-top:5px solid #eee;
	}




/* Left & Right alignment */

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

.col-1, .col-2, .col-3 { float:left;}

.alignright { text-align:right;}
.aligncenter { text-align:center;}

.wrapper { 
	width:100%;
	overflow:hidden;
	
	
}
.cent{
	width:55%;
	margin: auto;
}

/* padding.  */
.inside{ padding: 32px 37px 50px 37px; }


/*----- form defaults -----*/
input, select, textarea { 
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	vertical-align:middle;
	font-weight:normal;
}

/*----- other -----*/
figure { margin-bottom:18px;}

.img-indent { 
	margin:0 20px 0 0; 
	float:left;
}
.img-box { 
	width:100%; 
	overflow:hidden; 
	padding-bottom:15px;
	
}
	.img-box figure { 
		float:left; 
		margin:0 20px 0 0;
		padding:0;
	}

.extra-wrap { 
	overflow:hidden;
}

p {margin-bottom:18px;}
.p1 { margin-bottom:9px;}
.p2 { margin-bottom:18px;}
.p3 { margin-bottom:27px;
}


/*----- txt, links, lines, titles -----*/
a {
	color:#242424; 
	outline:none;
}
a:hover{
	text-decoration:none;
}

h1 {
	font-size:34px;
	line-height:1.2em;
	color:#242424;
	font-weight:normal;
	background:url(../images/logo.jpg) no-repeat  0 0;
	padding:6px 49px 120px 160px;
	position: absolute;
	left:39px;
	top:1px;
	border:none;
}
	h1 a {
		color:#242424;
		text-decoration:none;
	}
h2 {
	font-size:30px;
	line-height:1.2em;
	font-weight:normal;
	color:#212222;
	margin-bottom:22px;
}
	h2 span {
		color:#8a8a8a;
	}
h3 {
	font-size:1em;
	margin-bottom:6px;
}
	h3 a { color:#242424; }
	h3 a:hover {
		text-shadow: 1px 1px 1px #888; 
	}




/*==================boxes====================*/
.main-box {
	border-top:5px solid #eaeaea;
	background:#fff;
	width:100%;
}


.contacts {
	padding-bottom:20px;
}
	.contacts li {
		width:100%;
		overflow:hidden;
	}
		.contacts li strong {
			float:left;
			width:95px;
		}


.list1 {
	margin-left:12px;
	padding-bottom:18px;
}
.list1 li {
	background:url(../images/arrow1.gif) no-repeat 0 6px;
	padding:0 0 0 12px;
}



/*===== knopki =====*/
header nav {
	float:right;
}
		header nav ul li {
			float:left;
		}
			header nav ul li a {
				font-size:22px;
				color:#fff;
				height:132px;
				line-height:97px;
				text-decoration:none;
				width:101px;
				text-align:center;
				float:left;
				background:#7e8aa2;
			border-right: outset;
			border-color:#225378;
				
				
		}
		header nav ul li a.current, header nav ul li a:hover {
			padding-bottom:40px;
		}
		
		header nav ul li:nth-of-type(2) a {
			background:#7e8aa2;
			border-right: outset;
			border-color:#225378;
			
		}
		header nav ul li:nth-of-type(3) a {
			background:#7e8aa2;
			border-right: outset;
			border-color:#225378;
			
		}
		header nav ul li:nth-of-type(4) a {
			background:#7e8aa2;
			border-right: outset;
			border-color:#225378;
			
		}
		header nav ul li:nth-of-type(5) a {
			background:#7e8aa2;
			border-right: outset;
			border-color:#225378;
			
		}
		header nav ul li:nth-of-type(6) a {
			background:#7e8aa2;
			border-right: outset;
			border-color:#225378;

		}





/*===== sogerzhanie =====*/
#content {
	
}
	#content img, aside img {
		border:3px solid #fff;
		border-radius:4px;
		
	}
	#content img:hover {
		border-color:#fff;
	}
	

/*--- nov stili ---*/
	.news li {
		overflow:hidden;
		position:relative;
		padding:0 0 26px 84px;
	}
	.news li:last-child {
		padding-bottom:0;
	}
	
		.news li figure {
			width:59px;
			height:59px;
			background:url(../images/date-bg5.gif) no-repeat 0 0;
			position:absolute;
			left:0;
			top:0;
			text-align:center;
			border:3px solid #ebebeb;
			border-radius:4px;
			
			font-size:10px;
			color:#fff;
			text-transform:uppercase;
		}
			.news li figure strong {
				display:block;
				font-size:30px;
				line-height:1.2em;
				margin-bottom:-7px;
				padding-top:4px;
			}
		
		.news li:nth-of-type(4n+2) figure {
			background:url(../images/date-bg5.gif) no-repeat 0 0;
		}
		.news li:nth-of-type(4n+3) figure {
			background:url(../images/date-bg5.gif) no-repeat 0 0;
		}
		.news li:nth-of-type(4n+4) figure {
			background:url(../images/date-bg5.gif) no-repeat 0 0;
		}




.team-list li {
	width:100%;
	overflow:hidden;
	padding-bottom:43px;
}
.team-list li:last-child {
	padding-bottom:0;
}
	.team-list li figure {
		float:left;
		margin:0 20px 0 0;
		padding:0;
	}






/*===== footer =====*/
footer {
	color:#fff;
}
	footer .fleft {
		
		padding-left:400px;
	}
	footer .fright {
		padding-right:40px;
	}


/*----- form -----*/
#contacts-form { 
	clear:right;
	width:100%;
	overflow:hidden;
}
	#contacts-form fieldset { 
		border:none;
		float:left;
	}
		#contacts-form .field { 
			clear:both;
		}
			#contacts-form label { 
				float:left;
				width:110px;
				line-height:18px;
				padding-bottom:6px;
				font-weight:bold;
			}
			#contacts-form input {
				width:205px;
				padding:1px 0 1px 3px;
				background:none;
				border:1px solid #e5e5e5;
				color:#616161;
				float:left
			}
			
			#contacts-form textarea { 
				width:450px;
				height:215px;
				padding:1px 0 1px 3px;
				background:none;
				border:1px solid #e5e5e5;
				color:#616161;
				margin-bottom:12px;
				overflow:auto;
				float:left;
			}
			#contacts-form div:last-child {
				padding-left:110px;
			}
			
p.lar {
	
	font-size: 100%;
	font-weight:normal;
	
	
}
			
			
p.italic {
    font-style: italic;
	font-size: 1em;
	font-weight:normal;
	
}
ul.features {
	
    display: block;
    list-style-type: disc;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 0;
    margin-right: 0;
    padding-left: 40px;
}



/*----- image map -----*/



#legende {               
   color: #ff9;                
   font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;                
   font-size: 24px;                
   height: auto;                
   margin: 15px 0 0 40px;                
   width: 300px;            
   }            
   #legende p {                
   margin-bottom: 7px;                
   margin-top: 0;            
   }            
   .legende_icones {                
   margin-right: 5px;                
   vertical-align: sub;            
   }            
   .photoChaletYourte {                
   border: 5px solid #b4d71b;                
   margin-left: 150px;                
   margin-top: 15px;            
   }            
   #plan_container {                
   float: right;                
   position: relative;            
   }            
   #plan {                
   margin-right: -30px;                
   margin-top: 25px;                
   position: relative;            
   }            
   #page_container_plan {                
   background-image: url(../images/collage.jpg);            
   }            
   #page_container_acc, #page_container_tar, #page_container_att, #page_container_plan, #page_container_cont {                
   background-position: center top;                
   background-repeat: no-repeat;               
   border-width: 0;                
   height: 1125px;               
   margin: 4px auto auto;                
   width: 1100px;                
   z-index: -3;            
   }            
   #texte_acc, #texte_tar, #texte_att, #texte_plan, #texte_cont {                
   color: #522018;               
   padding-left: 120px;                
   padding-right: 90px;                
   text-align: left;               
   text-indent: 25px;               
   width: 950px;           
   }            
   .thumbnail span {   
   background-color: lightyellow;                
   border: 1px dashed gray;                
   color: black;                
   left: -1000px;                
   padding: 5px;                
   position: absolute;                
   text-decoration: none;                
   visibility: hidden;            
   }            
   .thumbnail_up span {                
   background-color: lightyellow;               
   border: 1px dashed gray;               
   color: black;               
   left: -1000px;               
   padding: 5px;              
   position: absolute;             
   text-decoration: none;    
   visibility: hidden;           
   }            
   .thumbnail:hover span, .thumbnail_up:hover span   {
	   visibility: visible; left: auto;
   }           
   #plan > div a + span, #plan > div a {position: absolute;}         
   
   
   
   /* area positions */           
   #area2 {                
   left: 7.7%;        
   top: 0.1%;       
   }         
   #area3 { 
   left: 38.5%;   
   top: 19.9%;  
   }           
   #area5 {         
   left: 69.2%;     
   top: .1%;  
   }           
   #area6 {   
   left: 7.7%;       
   top: 40.0%;     
   }         
   #area7 {   
   left: 69.2%;   
   top: 40.0%;     
   }           
   #area8 {  
   left: 38.5%;     
   top: 60.0%;      
   }          
   #area9 {  
   left: 7.7%; 
   top: 80.0%;    
   }          
   #area11 {   
   left: 69.2%;  
   top: 80%;  
   }       
   
   .circle{  
   background-color: lime;   
   border-radius: 20px;    
   height: 24px;         
   opacity: 0.5;         
   width: 24px;    
   }           
   .circle_triangle {  
   background-color: red;  /*  */  
   border-radius: 20px;      
   height: 30px;              
   width: 30px;          
   opacity: 0.5;           
   }           
   .arrow-up {   
   width: 0;              
   height: 0;        
   border-bottom: 23px solid red;  
   border-left: 13px solid transparent;  
   border-right: 13px solid transparent; 
   opacity: 0.5;            
   }          
   .square {    
   width: 100px; 
   height: 100px;   
   background-color: blue;    
   opacity: 0.0;          
   }  
   
   /*  #plan > div a + span { position: absolute !important; top: 10% !important; left: 5% !important;}               #plan > div .thumbnail_up + span, #plan > div .thumbnail + span*/  
   
   #plan > div a + span{               
   background-color: white;  
   border: none;  
   color: black;           
   padding: none;   
   text-decoration: none;    
   visibility: hidden;   
   top: 10% !important;      
   left: 101% !important;  
   }          
   #plan > div .thumbnail_up:hover + span, #plan > div .thumbnail:hover + span {visibility: visible;}       










/*================vse==========================*/