@import url('lightbox.css');

/*
	by Ruster
	http://ruster.info/
*/

html, body { height: 100%; }
img { border: none; }
h1, h2, h3, h4, h5, h6 { font-size: 1em; font-weight: normal; padding: 0; margin: 0; }
form { padding: 0; margin: 0; }
fieldset { margin: 0; padding: 0; border: none; }
ul { margin: 0; padding: 0; list-style-type: none; }
li { margin: 0; padding: 0; }
body { line-height: 1.5; margin: 0; padding: 0; cursor: default; }
abbr, acronym { border-bottom-width: 1px; border-bottom-style: dotted; cursor: help; }
p { margin: 0 0 1em 0; padding: 0; }
button, input[type="button"], input[type="submit"], input[type="reset"], input[type="image"] { cursor: pointer; }
dl, dt, dd { margin: 0; padding: 0; }
input, textarea, button, select { font-size: 1em; font-family: Arial, Tahoma, sans-serif; }


::-moz-selection
{
	background-color: #6374AB;
	color: #FFF;
}
::selection
{
	background-color: #6374AB;
	color: #FFF;
}

/* ################################################### */
body
{
	font-size: 12px;
	font-family: Arial, Tahoma, sans-serif;
	background-color: #F5F8F9;
	color: #222;
}

abbr, acronym
{
	border-bottom-color: #222;
}

a
{
	color: #CC0000;
	text-decoration: underline;
}
	a:visited
	{
		color: #551A8B;
	}
	a:hover
	{
		color: #F00;
	}




#xbody h2
{
	color: #C60019;
	font-size: 22px;
	font-family: 'Minion Pro', 'Times New Roman';
	margin: 0 0 5px -5px;
}


/* XX* */
#xx1
{
	min-width: 1000px;
	min-height: 100%;
	position: relative;
}

	#xx2
	{
		overflow: hidden;
		padding-bottom: 185px;
	}
	
		
		/* Top */
		#top
		{
			height: 60px;
			background: url('i/top_bg.png') 0 0 repeat-x;
		}
			#top2
			{
				width: 1000px;
				height: 60px;
				position: relative;
				margin: 0 auto;
			}
		
				#top_logo
				{
					width: 325px;
					height: 60px;
					position: absolute;
					top: 0;
					left: -33px;
				}
				
				
				/* top_menu */
				ul#top_menu
				{
					font-size: 18px;
					display: block;
					position: absolute;
					top: 12px;
					right: 20px;
				}
					ul#top_menu li
					{
						float: left;
						display: block;
						margin: 0 5px;
					}
						ul#top_menu li a
						{
							color: #D7EAEE;
							text-decoration: none;
							padding: 5px 15px;
							display: block;
							float: left;
							background: url('i/top_menu_act.png') 0 -500px no-repeat;
						}
						
							ul#top_menu li a:hover
							{
								color: #F3FCFE;
								background: url('i/top_menu_act.png') 0 0 repeat;
								-moz-border-radius: 5px;
								-webkit-border-radius: 5px;
								border-radius: 5px;
							}



		/* Header */
		#header
		{
			height: 320px;
			background: url('i/head_bg.png') 0 0 repeat-x;
		}
			#header2
			{
				width: 1000px;
				height: 320px;
				position: relative;
				margin: 0 auto;
				background: url('i/head_shariki.jpg') 533px 1px no-repeat;
			}

				/* head_raboti */
				#head_raboti
				{
					width: 466px;
					height: 236px;
					background: url('i/head_poslednie_raboti.png') 0 0 repeat-x;
					position: absolute;
					top: 40px;
					left: 20px;
					z-index: 2;
				}
					
					#head_raboti h2
					{
						font-size: 18px;
						font-family: 'Minion Pro', 'Times New Roman';
						color: #020E16;
						position: absolute;
						top: -28px;
						left: 10px;
					}
					
					#head_raboti_i
					{
						width: 450px;
						height: 220px;
						overflow: hidden;
						position: absolute;
						top: 8px;
						left: 8px;
					}
						#head_raboti_i img
						{
							width: 450px;
							height: 220px;
							position: absolute;
							top: 0;
							left: 0;
						}
					
					a#head_raboti_vse
					{
						height: 26px;
						line-height: 20px;
						background-color: #DBEBEF;
						text-align: center;
						font-size: 14px;
						color: #404E51;
						text-decoration: none;
						padding: 0 12px;
						-moz-border-radius: 0 0 5px 5px;
						-webkit-border-radius: 0 0 5px 5px;
						border-radius:  0 0 5px 5px;
						text-shadow: 0 -1px 0 #EDF5F7;
						position: absolute;
						bottom: -26px;
						right: 8px;
					}
						a#head_raboti_vse:hover
						{
							color: #020E16;
						}


				#head_samoletik
				{
					width: 103px;
					height: 44px;
					background: url('i/head_samoletik.png') 0 0 no-repeat;
					position: absolute;
					top: 251px;
					left: 237px;
					z-index: 3;
				}
				
				#head_samoletik_ten
				{
					width: 156px;
					height: 42px;
					background: url('i/samoletik_ten.png') 0 0 no-repeat;
					position: absolute;
					bottom: -42px;
					left: 234px;
				}
				
				#head_cvetok
				{
					width: 323px;
					height: 162px;
					background: url('i/head_cvetok.jpg') 0 0 no-repeat;
					position: absolute;
					top: 274px;
					left: 465px;
					z-index: 1;
				}
				
				#head_korovka
				{
					width: 139px;
					height: 524px;
					background: url('i/korovka.jpg') 0 0 no-repeat;
					position: absolute;
					top: 0;
					right: 0;
				}



		/* SIDE */
		#xbody
		{
			overflow: hidden;
			background: #F5F8F9 url('i/xbody_bg.png') 0 0 repeat-x;

		}
			#xbody2
			{
				width: 960px;
				position: relative;
				margin: 0 auto;
				background: url('i/lineika.png') 20px 1px no-repeat;
				padding: 75px 20px 50px 20px;
			}



	/* Footer */
	#footer
	{
		width: 100%;
		height: 185px;
		color: #F5F8F9;
		background: url('i/footer_bg.png') 50% 0 repeat-x;
		position: absolute;
		bottom: 0;
		left: 0;
	}
	
		#footer a
		{
			color: #F5F8F9;
			text-decoration: underline;
		}
		
		#footer2
		{
			width: 1000px;
			height: 152px;
			position: relative;
			margin: 33px auto 0 auto;
			
		}
		
			/* foo_kontaki */
			#foo_kontaki
			{
				width: 322px;
				height: 152px;
				background: url('i/footer_kontakti.jpg') 0 0 no-repeat;
				position: absolute;
				top: 0;
				right: 0;				
			}
				#foo_kontaki2
				{
					width: 170px;
					position: absolute;
					bottom: 25px;
					left: 10px;
				}
			
					#foo_kontaki2 h2
					{
						font-size: 22px;
						text-align: right;
						margin-bottom: 5px;
					}
				
					#foo_kontaki2 dl
					{
						font-size: 16px;
						overflow: hidden;
						display: block;
					}
						#foo_kontaki2 dt
						{
							width: 60px;
							float: left;
							text-align: right;
							clear: both;
						}
						
						#foo_kontaki2 dd
						{
							float: right;
							padding-right: 5px;
						}

					/* foo_content */
					#foo_content
					{
						position: absolute;
						bottom: 10px;
						left: 20px;
					}
						
						#foo_valid
						{
							margin-left: 50px;
						}
							#foo_valid a
							{
								margin: 0 10px;
							}
					
					#foo_banan
					{
						height: 31px;
						position: absolute;
						bottom: 70px;
						left: 20px;
					}
						#foo_banan img
						{
							display: block;
							float: left;
							margin-right: 5px;
						}



/* ;) */
#wm_kommentariya
{
	bottom: 115px;
	left: 60px;
}

#avatar_kommentariya
{
	bottom: 135px;
	right: 60px;
}

#portfolio_kommentariya
{
	top: 55px;
	right: 25px;
}


/* block_ruster_info */
#block_ruster_info
{
	width: 372px; /* 620px */
	background-color: #E3E9D0;
	margin-left: 110px;
	position: relative;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 20px 50px 60px 198px;
	font-size: 14px;
}

	#moya_fotka
	{
		width: 143px;
		height: 187px;
		background: url('i/ya.jpg') 0 0 no-repeat;
		position: absolute;
		top: -10px;
		left: 25px;
	}


/* block_ceni */
#block_ceni
{
	width: 420px; /* 480px */
	background-color: #D1D8BA;
	position: relative;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 20px 30px;
	font-size: 14px;
	margin: -30px 0 0 380px;
}
	#ne_skazhu_kto
	{
		width: 176px;
		height: 150px;
		background: url('i/ne_skazhu_kto.jpg') 0 0 no-repeat;
		position: absolute;
		top: -120px;
		right: 6px;
	}



/* ul_ceni */
ul#ul_ceni
{
	display: block;
	overflow: hidden;;
}
	ul#ul_ceni li
	{
		display: block;
		margin-bottom: 35px;
		overflow: hidden;
	}
	
		ul#ul_ceni li h3
		{
			font-size: 14px;
			overflow: hidden;
			background: url('i/tochki.png') 0 50% repeat-x;
		}
		
			ul#ul_ceni li h3 span
			{
				background-color: #D1D8BA;
				padding-right: 5px;
				display: block;
				float: left;
			}
				ul#ul_ceni li h3 span i
				{
					font-size: 10px;
					font-style: normal;
					vertical-align: 4px;
				}
			
			ul#ul_ceni li h3 em
			{
				background-color: #D1D8BA;
				padding-left: 5px;
				font-style: normal;
				display: block;
				float: right;
			}

	
		ul#ul_ceni li .ul_ceni_p
		{
			font-size: 11px;
			font-style: italic;
			color: #555;
			padding: 5px 60px 5px 5px;
		}

#kontakti
{
	width: 740px;
	height: 505px;
	background: url('i/k_strelka.jpg') 100% 0 no-repeat;
	position: absolute;
	z-index: 7;
	top: -478px;
	right: 206px;
	color: #222;
}
	#kontakti dl
	{
		width: 200px;
		font-size: 12px;
		overflow: hidden;
		display: block;
		position: absolute;
		top: 85px;
		left: 50px;
	}
		#kontakti dt
		{
			width: 80px;
			float: left;
			text-align: right;
			clear: both;
		}
		
		#kontakti dd
		{
			float: left;
			padding-left: 20px;
		}
			#kontakti dd i
			{
				color: #C60019;
				font-size: 20px;
				line-height: 25px
			}
	
	#kontakti p
	{
		display: block;
		position: absolute;
		top: 300px;
		left: 100px;
		color: #555;
	}
	
		#kontakti p i
		{
			color: #C60019;
			font-size: 46px;
			float: left;
			margin: -20px 0 0 -30px;
		}


/* ======= Комментария */
.kommentariya
{
	font-size: 11px;
	color: #FFF;
	overflow: hidden;
	position: absolute;
	z-index: 5;
}

	.kommentariya .ko1,
	.kommentariya .ko2,
	.kommentariya .ko3,
	.kommentariya .ko4,
	.kommentariya .ko5,
	.kommentariya .ko6,
	.kommentariya .ko_t_l,
	.kommentariya .ko_t_r,
	.kommentariya .ko_b_l,
	.kommentariya .ko_b_r
	{
		background-image: url('i/kommentariya.png');
		background-repeat: no-repeat;
		position: absolute;
	}
	
	.kommentariya .ko1
	{
		width: 100%;
		height: 12px;
		background-position: 0 0;
		top: 0;
		left: -5px;
	}
	
	.kommentariya .ko2
	{
		width: 5px;
		height: 12px;		
		background-position: -405px 0;
		top: 0;
		right: 0;
	}

	.kommentariya .ko3
	{
		width: 100%;
		height: 12px;
		background-position: 0 -12px;
		bottom: 0;
		left: -5px;
	}
	
	.kommentariya .ko4
	{
		width: 5px;
		height: 12px;
		background-position: -405px -12px;
		bottom: 0;
		right: 0;
	}
	
	.kommentariya .ko_p
	{
		margin: 12px 0;
		position: relative;
		overflow: hidden;
	}
	
		.kommentariya .ko_p .ko5
		{
			width: 3px;
			height: 100%;
			background-position: -410px 0;
			background-repeat: repeat-y;
			top: 0;
			left: 0;
		}

		.kommentariya .ko_p .ko6
		{
			width: 3px;
			height: 100%;
			background-position: -413px 0;
			background-repeat: repeat-y;
			top: 0;
			right: 0;
		}
		
		.kommentariya .ko_p p
		{
			background-color: #DC2E06;
			display: block;
			margin: 0 3px;
			padding: 0 7px;
		}

		.kommentariya .ko_t_l
		{
			width: 15px;
			height: 10px;
			background-position: -15px -24px;
			top: 0;
			left: 15px;
			
		}

		.kommentariya .ko_t_r
		{
			width: 15px;
			height: 10px;
			background-position: -15px -24px;
			top: 0;
			right: 15px;
			
		}

		.kommentariya .ko_b_l
		{
			width: 15px;
			height: 10px;
			background-position: 0 -24px;
			bottom: 0;
			left: 15px;
			
		}

		.kommentariya .ko_b_r
		{
			width: 15px;
			height: 10px;
			background-position: 0 -24px;
			bottom: 0;
			right: 15px;
		}




/* Listing */
ul.listing
{
	font-size: 14px;
	text-align: center;
	margin-top: 40px;
	vertical-align: middle;
}
	ul.listing li
	{
		display: inline-block;
		
	}

		ul.listing a
		{
			color: #222;
			background-color: #C6D1D4;

			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			border-radius: 3px;
			
			text-decoration: none;
			padding: 3px 10px;
			margin: 0 2px;
			display: block;
		}
			ul.listing a:hover
			{
				color: #222;
				background-color: #93A0A4;
			}

		ul.listing .active
		{
			color: #FFF;
			background-color: #637073;

			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			border-radius: 3px;
			
			padding: 3px 10px;
			margin: 0 2px;
			display: block;
		}






.dop_nav
{
	overflow: hidden;
	margin: 50px 29px 0 29px;
	font-size: 14px;
}

	.dop_nav a
	{
			color: #111;
			background-color: #C6D1D4;
			text-shadow: -1px -1px 0 #DCE1E2;

			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			border-radius: 3px;
			
			text-decoration: none;
			padding: 5px 10px;
			margin: 0 2px;
			display: inline-block;
	}
			.dop_nav a:hover
			{
				color: #000;
				text-shadow: -1px -1px 0 #B0BABD;
				background-color: #93A0A4;
			}







/* ========================================================================== */
/* ============= level 1 */
#level1
{
	width: 960px;
	overflow: hidden;
	position: relative;
}
	#level1_2
	{
		width: 960px;
		right: -1px;
		bottom: -1px;
		position: relative;
		overflow: hidden;
		margin-top: -20px;
	}

		#level1 .pf
		{
			width: 420px;
			overflow: hidden;
			float: left;

			background: url('i/pf.png') 100% 100% no-repeat;
			padding: 20px 30px 28px 30px;
		}

			#level1 .pf h2
			{
				margin-right: 80px;
			}
			
				#level1 .pf .pf_date
				{
					color: #FFF;
					background-color: #C60019;
					padding: 1px 5px;
					float: right;
					margin-top: -32px;
					font-size: 10px;
					
				}
				
			#level1 .pf .pf_img
			{
				width: 420px;
				height: 320px;
				margin-bottom: 15px;
			}
			
				#level1 .pf .pf_img a
				{
					display: block;
					border: 9px solid #C6D1D4;
				}
					
					#level1 .pf .pf_img img
					{
						width: 400px;
						height: 300px;
						display: block;
						border: 1px solid #D4DDDF;
					}
					
					#level1 .pf .pf_img a:hover
					{
						border: 9px solid #93A0A4;
					}
						#level1 .pf .pf_img a:hover img
						{
							border: 1px solid #AEB8BB;
						}
			
			#level1 .pf .pf_o
			{
				color: #555;
				white-space: nowrap;
				overflow: hidden;
			}


/* ============= level 2 */
#level2
{
	overflow: hidden;
}

	#level2 .left
	{
		width: 560px;
		margin-right: 360px;
		background: url('i/pf2.png') 100% 0 repeat-y;
		padding: 10px 0;
	}
		#level2 .left .amm_img
		{
			margin-bottom: 40px;
			overflow: hidden;
		}
		
			#level2 .left .amm_img em
			{
				display: block;
				font-style: normal;
				color: #555;
				margin-bottom: 2px;
				font-size: 11px;
			}
		

			#level2 .amm_img a
			{
				display: inline-block;
				border: 9px solid #C6D1D4;
			}
				

				#level2 .amm_img img
				{
					display: block;
					border: 1px solid #D4DDDF;
				}
				

				#level2 .amm_img a:hover
				{
					border: 9px solid #93A0A4;
				}

					#level2 .amm_img a:hover img
					{
						border: 1px solid #AEB8BB;
					}




	#level2 .right
	{
		width: 360px;
		float: right;
		padding: 10px 0 10px 40px;
	}
	
		#level2 .right dl
		{
			font-size: 11px;
			overflow: hidden;
			display: block;
		}
		
			#level2 .right dt
			{
				width: 100px;
				font-weight: bold;
				display: block;
				float: left;
				clear: both;
			}
			
			#level2 .right dd
			{
				display: block;
				margin-left: 100px;
				margin-bottom: 30px;
				color: #555;
			}