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
{
	font-size: 12px;
	font-family: Arial, Tahoma, sans-serif;
	background: #E0E3E6 url('i/h_bg.png') 0 0 repeat-x;
	color: #222;
	line-height: 1.5;
	margin: 0;
	padding: 0;
}

abbr, acronym
{
	border-bottom: 1px dotted #222;
	cursor: help;
	font-style: italic;
}

p
{
	margin: 0 0 1em 0;
	padding: 0;
}

a
{
	color: #B9032E;
	text-decoration: underline;
}
	a:hover
	{
		color: #F00;
		text-decoration: underline;
	}

input[type="submit"],
button
{
	cursor: pointer;
}



h2
{
	color: #F36915;
	font-size: 30px;
	font-weight: bold;
	margin-bottom: 20px;
}




/* xbotton */
button.xbotton
{
	margin: 0 3px;
	padding: 1px;
	border: none;
	background: none;
	overflow: visible;
	
}

	button.xbotton div
	{
		height: 24px;
		background: url('i/xb.png') 0 0 no-repeat;
		white-space: nowrap;
	}

		button.xbotton div span
		{
			height: 24px;
			display: block;
			background: url('i/xb.png') 100% -24px no-repeat;
	
			line-height: 24px;
			padding: 0 12px;
			font-size: 12px;
			color: #525A63;
		}

			button.xbotton div span i
			{
				height: 24px;
				display: block;
				font-style: normal;
				background-position: 0 50%;
				background-repeat: no-repeat;
				padding-left: 23px;
			}


button.xbotton:hover div
{
	background: url('i/xb.png') 0 -48px no-repeat;
}

	button.xbotton:hover div span
	{
		background: url('i/xb.png') 100% -72px no-repeat;
	}


/* ul_style */
ul.ul_style
{
	list-style-type: disc;
	padding-left: 30px;
}
	ul.ul_style li
	{
		margin: 5px 0;
	}


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

	#xx2
	{
		overflow: hidden;
		padding-bottom: 80px;
	}

		/* Header */
		#header
		{
			height: 60px;
			position: relative;
			margin: 0 40px;
		}
		
			/* logo */
			#header #logo
			{
				width: 170px;
				color: #FFF;
				display: block;
				position: absolute;
				top: 0;
				left: 23px;
				text-decoration: none !important;
			}
				#header #logo b
				{
					font-size: 30px;
					display: block;
					font-weight: normal;
					letter-spacing: 2px;
				}
				
				#header #logo i
				{
					height: 9px;
					line-height: 1;
					display: block;
					padding: 0 0 0 38px;
					font-size: 9px;
					font-style: normal;
					background: url('i/24_7.png') 2px 0 no-repeat;
				}
			

			/* top_menu */
			#header	#top_menu
			{
				width: 700px;
				position: absolute;
				right: 0;
				bottom: -7px;
			}

				#header #top_menu a
				{
					height: 57px;
					display: block;
					float: right;
					color: #FFA9BD;
					text-shadow: #960416 1px 1px 0;
					font-size: 14px;
					text-decoration: none;
					background: url('i/top_menu_act.png') 0 -100px no-repeat;
				}
					#header #top_menu a span
					{
						height: 46px;
						line-height: 46px;
						display: block;
						border-bottom: 4px solid #8F072D;
						padding: 0 16px;
					}

					#header #top_menu li a:hover
					{
						color: #FFF;
						text-decoration: none;
						background: url('i/top_menu_act.png') 50% 50px no-repeat;
					}
						#header #top_menu li a:hover span
						{
							border-bottom: 4px solid #550018;
						}


		/* SIDE */
		#xbody
		{
			
			position: relative;
			margin-top: 30px;
		}

			/* --- LEFT */
			#xbody #left-side
			{
				float: left;
				width: 200px;
				margin: 10px 0 144px 40px;
			}
			
				
				/* enter_block */
				#left-side #enter_block
				{
					width: 216px;
					background: #525A63 url('i/enter_block_top.png') 0 0 no-repeat;
					margin: 0 -8px 40px -8px;
					overflow: hidden;
					color: #FFF;
					font-size: 11px;
				}

					#left-side #enter_block a
					{
						color: #FFF;
						text-decoration: underline;
					}
					
					#left-side #enter_block2
					{
						background: url('i/enter_block_bottom.png') 0 100% no-repeat;
						padding: 0 21px 21px 21px;
						overflow: hidden;
					}
				
						#left-side #enter_block h3
						{
							font-size: 18px;
							font-weight: bold;
							color: #ECEEF0;
						}
						
						#left-side #enter_block .enter_input
						{
							width: 154px;
							height: 18px;
							background: url('i/enter_input.png') 0 0 no-repeat;
							border: none;
							margin: 0 0 8px 0;
							padding: 2px 10px 4px 10px;
							color: #525A63;
							font-size: 14px;
						}
						
						#left-side #enter_block .enter_left
						{
							display: inline-block;
							margin: 0 0 10px 0;
						}
							#left-side #enter_block .enter_left input
							{
								vertical-align: middle;
								margin: 3px 0;
							}

						#left-side #enter_block .enter_right
						{
							float: right;
							margin: 0 0 10px 0;
						}


				/* istorii */
				#istorii
				{
					overflow: hidden;
				}

					#istorii .istoria
					{
						margin-bottom: 35px;
					}
					
						#istorii .istoria h3
						{
							color: #B9032E;
							font-size: 14px;
						}
						
						#istorii .istoria .p
						{
							font-size: 11px;
							padding: 7px 3px 3px 3px;
						}
				
				#vse_istorii
				{
					font-size: 14px;
					text-align: right;
				}


				/* --- RIGHT */
				#xbody #right-side
				{
					 margin: 0 40px 0 280px;
				}

					
					/* welcome */
					#right-side #welcome
					{
						margin-bottom: 70px;
						overflow: hidden;
					}

						#right-side #welcome .p
						{
							font-size: 14px;
							padding: 10px;
						}


					/* novie_anketi */
					#right-side #novie_anketi
					{
						overflow: hidden;
						margin-bottom: 70px;
					}

						#right-side #novie_anketi a
						{
							color: #222;
							text-decoration: none !important;
						}
						
						#right-side #novie_anketi .novaya_anketa
						{
							width: 120px;
							height: 136px;
							float: left;
							display: block;
							padding: 8px;
						}
						
							#right-side #novie_anketi .novaya_anketa:hover
							{
								background: url('i/xx1.png') 0 0 no-repeat;
							}

							#right-side #novie_anketi .novaya_anketa .anketa_img
							{
								width: 120px;
								height: 100px;
								position: relative;
								display: block;
							}
								#right-side #novie_anketi .novaya_anketa .anketa_img img
								{
									width: 120px;
									height: 100px;
									position: absolute;
									top: 0;
									left: 0;
								}
								#right-side #novie_anketi .novaya_anketa .anketa_img b
								{
									width: 120px;
									height: 100px;
									display: block;
									background: url('i/anketa_ramka.png') 0 0 no-repeat;
									position: absolute;
									top: 0;
									left: 0;
								}
								

							#right-side #novie_anketi .novaya_anketa em
							{
								font-style: normal;
								font-size: 10px;
								display: block;
								padding: 3px;
							}


					/* reg_block */
					#right-side #reg_block
					{
						width: 550px;
						position: relative;
						margin: 0 auto;
					}
						
						#right-side #reg_block #reg_block_shadow
						{
							width: 623px;
							height: 17px;
							background: url('i/reg_block_shadow.png') 0 0 no-repeat;
							position: absolute;
							bottom: -17px;
							left: -37px;
						}
						
						#right-side #reg_block h2
						{
							text-align: center;
						}
					
						#right-side #reg_block #reg_block1
						{
							width: 550px;
							background: #CFD2D6 url('i/x1.png') 0 0 no-repeat;
						}

							#right-side #reg_block #reg_block2
							{
								background: url('i/x2.png') 100% 0 no-repeat;
							}

							#right-side #reg_block #reg_block3
							{
								background: url('i/x3.png') 0 100% no-repeat;
							}

							#right-side #reg_block #reg_block4
							{
								 background: url('i/x4.png') 100% 100% no-repeat;
								 padding: 35px 50px;
							}
							
								#right-side #reg_block .label_s
								{
									height: 28px;
									line-height: 28px;
									display: block;
									overflow: hidden;
									margin-bottom: 8px;
								}

									#right-side #reg_block .label_s em
									{
										width: 180px;
										font-style: normal;
										font-size: 14px;
										float: left;
									}

									#right-side #reg_block .label_s .reg_input
									{
										width: 240px;
										color: #444;
										font-size: 16px;
										
										margin: 0;
										padding: 3px 10px;
										
										display: block;
									}
					
						#right-side #reg_block #reg_submit
						{
							width: 220px;
							height: 45px;
							margin: 40px auto 0 auto;
							padding: 0 0 15px 0;
							
							border: none;
							background: url('i/reg_submit.png') 0 0 no-repeat;
							color: #FFF;
							text-shadow: #F35113 1px 1px 0;
							font-size: 14px;
							display: block;
						}

					/* user_anketa */
					#right-side #user_anketa
					{
						overflow: hidden;
						margin-bottom: 20px;
					}
											
						/* user_info */
						#right-side #user_anketa #user_info
						{
							width: 285px;
							height: 124px;
							background: url('i/user_info.png') 70px 0 no-repeat;
							position: relative;
							padding: 10px 0 0 145px;
							margin-left: 10px;
						}

							/* user_img */
							#right-side #user_anketa #user_img
							{
								width: 120px;
								height: 100px;
								display: block;
								position: absolute;
								top: 12px;
								left: 0;
								
							}
								#right-side #user_anketa #user_img img
								{
									width: 120px;
									height: 100px;
									position: absolute;
									top: 0;
									left: 0;
								}
								#right-side #user_anketa #user_img b
								{
									width: 120px;
									height: 100px;
									display: block;
									background: url('i/anketa_ramka.png') 0 0 no-repeat;
									position: absolute;
									top: 0;
									left: 0;
								}
							
							
							
							#right-side #user_anketa #user_info em
							{
								font-size: 18px;
								font-weight: bold;
								color: #8F072D;
								font-style: normal;
							}
							
							#right-side #user_anketa #user_info dl
							{
								overflow: hidden;
								margin: 0;
								padding: 0;
							}
							
								#right-side #user_anketa #user_info dl dt
								{
									width: 90px;
									display: block;
									float: left;
									clear: both;
									
									margin: 0;
									padding: 0;
								}

								#right-side #user_anketa #user_info dl dd
								{
									display: block;
									font-weight: bold;
									
									margin: 0;
									padding: 0;									
								}


					/* user_info */
					#right-side #o_sebe,
					#right-side #cel_znakomstva
					{
						margin-left: 10px;
						margin-bottom: 10px;
						overflow: hidden;
					}

						#right-side #o_sebe h3,
						#right-side #cel_znakomstva h3
						{
							color: #F36915;
							font-size: 14px;
							font-weight: bold;
						}

						#right-side #o_sebe .p,
						#right-side #cel_znakomstva .p
						{
							font-size: 14px;
							padding: 10px;
						}



					/* user_photo */
					#right-side #user_photos_block
					{
						overflow: hidden;
						margin-top: 40px;
					}
					#right-side #user_photos_block .user_photo
					{
						width: 120px;
						height: 100px;
						float: left;
						display: block;
						padding: 8px;
					}
					
						#right-side #user_photos_block .user_photo:hover
						{
							background: url('i/xx2.png') 0 0 no-repeat;
						}

						#right-side #user_photos_block .user_photo .anketa_img
						{
							width: 120px;
							height: 100px;
							position: relative;
							display: block;
						}
							#right-side #user_photos_block .user_photo .anketa_img img
							{
								width: 120px;
								height: 100px;
								position: absolute;
								top: 0;
								left: 0;
							}
							
							#right-side #user_photos_block .user_photo .anketa_img b
							{
								width: 120px;
								height: 100px;
								display: block;
								background: url('i/anketa_ramka.png') 0 0 no-repeat;
								position: absolute;
								top: 0;
								left: 0;
							}




					/* xblock */
					#right-side .xblock
					{
						overflow: hidden;
						margin-bottom: 30px;
					}
						#right-side .xblock h3
						{
							color: #F36915;
							font-size: 18px;
							font-weight: bold;
							font-weight: bold;
						}

						#right-side .xblock h4
						{
							color: #525A63;
							font-size: 14px;
							font-weight: bold;
						}
						
						#right-side .xblock .p
						{
							overflow: hidden;
							padding: 3px 10px;
						}



	/* Footer */
	#footer
	{
		width: 100%;
		height: 60px;
		background: #B9032E url('i/f_bg1.png') 0 0 no-repeat;
		position: absolute;
		bottom: 0;
		left: 0;
		
		color: #FFF;
	}
		#footer a
		{
			color: #FFF;
			text-decoration: underline;
		}
	
		#footer2
		{
			height: 60px;
			background: url('i/f_bg2.png') 100% 0 no-repeat;
		}
		
			#f_love
			{
				width: 283px;
				height: 144px;
				background: url('i/f_love.png') 0 0 no-repeat;
				position: absolute;
				bottom: 60px;
				left: 27px;
			}
			
			#footer_left
			{
				height: 60px;
				line-height: 60px;
				position: absolute;
				bottom: 0;
				left: 40px;
			}
			
			#footer_right
			{
				height: 60px;
				line-height: 60px;
				position: absolute;
				bottom: 0;
				right: 30px;
			}
			
				#footer_right a
				{
					margin: 0 10px;
				}



/* sms_popup */
#sms_popup_bg
{
	width: 100%;
	height: 100%;
	background: url('i/off_bg.png') 0 0 repeat;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 990;
}

	#sms_popup
	{
		width: 618px;
		height: 368px;
		background: url('i/popup_bg.png') 0 0 no-repeat;
		margin: -234px auto 0 auto;
		position: relative;
		top: 50%;
		padding: 30px 50px 70px 50px;
		font-size: 16px;
		z-index: 999;
	}
	
	#iefix
	{
		width: 618px;
		height: 440px;
		margin: -220px 0 0 -309px;
		position: absolute;
		top: 50%;
		left: 50%;
		z-index: 995;
		border: none;
	}
	
		#sms_popup h1
		{
			font-size: 30px;
			font-weight: bold;
			color: #222;
			text-align: center;
			margin-bottom: 30px;
		}
		
		.for
		{
			margin: 80px auto 0 auto;
			padding: 0 80px;
			font-size: 13px;
			color: gray;
		}
		
		#sms_popup p.sms_p1
		{
			margin: 30px auto 20px auto;
			padding: 0 80px;
		}

		#sms_popup p.sms_p2
		{
			margin: 0 auto;
			padding: 0 80px;
			color: #444;
			font-size: 12px;
		}
		
		#sms_popup #sms_enter
		{
			text-align: center;
			margin: 50px 80px;
			border-top: 1px solid #bbb;
			padding-top: 30px;
		}

			#sms_popup #sms_enter #sms_text
			{
				width: 100px;
				margin: 0 1em;
			}
			
			#sms_popup #sms_pravila
			{
				text-align: center;
				margin-top: 30px;
				font-size: 12px;
			}
			
				#sms_popup #sms_pravila a
				{
					margin: 0 15px;
				}
		
#pre, #phone { font-size: 1.2em; }
#pre { color: steelblue; }
#phone { color: firebrick; }

#pre, #phone { font-size: 1.2em; }
#pre { color: steelblue; }
#phone { color: firebrick; }