html, body {
	height:100%;
}
body {
	font-family: Tahoma;
	font-size: 12px;
	color:#232323;
	background: #ededed;
	width:100%;
	min-width:1000px
}
a{
	text-decoration:underline;
	color:#232323;
	outline:none
}
	a:hover{
		text-decoration:none
	}
.clear{
	clear:both
}
#wrap {
	position: relative;
	background:url(../images/fon.png) no-repeat top center;
	width:867px;
	margin: 0px auto;
	min-height:100%;
	height:auto !important;
	height:100%;
}
/*header*/
#header{
	height:51px;
	line-height:51px;
	width:100%;
	margin-top:38px;
	position:relative
}
	/*menu*/
	div.menu{
		position:absolute;
		height:50px;
		width:230px;
		left:0
	}
		div.menu ul, div.social ul{
			list-style:none
		}
			div.menu ul li{
				float:left;
				margin-right:12px
			}
				div.menu ul li.mail a{
					color:#ac04f3;
					text-decoration:underline
				}
					div.menu ul li.mail a:hover{
						text-decoration:none
					}
				div.menu ul li a{
					text-decoration:none
				}
					div.menu ul li a:hover{
						text-decoration:underline
					}
	/*logo*/
	div.logo{
		height:51px;
		width:240px;
		margin:0 auto;
		background:url(../images/logo.png) no-repeat top center
	}
	/*social*/
	div.social{
		position:absolute;
		height:32px;
		line-height:32px;
		right:0;
		top:9px;
		font-size:14px;
		font-weight:bold
	}
	div.hh{
		text-align:center;
		margin:15px 0
	}
		div.hh ul{
			display: inline-block; /*превращаем элемент в строчный блок*/
			//display: inline; /*для IE6-7 превращаем элемент в строчный*/
			zoom: 1; /*присваиваем ему layout*/
		}
		div.social ul li{
			float:left;
			margin-left:7px
		}
		div.hh ul li{
			float:left;
			margin:0 3.5px
		}	
			div.social ul li, div.social ul li a, div.hh ul li a{
				display:block;
				height:32px;
				width:32px;
			}
			div.social li.vk a, div.hh ul li.vk a{
				background:url(../images/social.png) 0 0 
			}
			div.social li.tw a, div.hh ul li.tw a{
				background:url(../images/social.png)  -32px 0 
			}
			div.social li.fb a, div.hh ul li.fb a{ 
				background:url(../images/social.png)  -64px 0
			}
			div.social ul li.my, div.hh ul li.my a{
				width:44px !important
			}	
/*user and user2*/
div.user{
	margin-bottom:37px!important
}	
div.user, div.user2, div.user3{
	width:100%;
	margin:0 auto;
	height:70px;
	line-height:70px;
	font-size:14px;
	font-weight:bold
}
	div.user p, div.user2 p, div.user3 p{
		text-align:center
	}
/*ico*/
div.ico{
	width:100%;
	height:246px;
	background:url(../images/ico.png) no-repeat bottom
}
/*g-f*/
div.g-f{
	height:63px;
	width:616px;
	margin:0 auto;
	margin-bottom:34px!important;
	position:relative
}
	div.g-f a{
		display:block;
		height:63px;
		width:189px;
		background-image:url(../images/cn.png);
		top:0;
		position:absolute
	}
		a.men{
			background-position:0 0;
			left:0
		}
			a.men:hover{
				background-position:0 -63px
			}
		a.girl{
			background-position:0 -126px;
			right:0
		}
			a.girl:hover{
				background-position:0 -189px;
			}
/*g-f2*/
div.g-f2{
	height:240px;
	width:402px;
	margin:0 auto;
	margin-bottom:52px!important;
	position:relative;
	background:url(../images/g.png) no-repeat top center
	
}
	div.g-f2 a{
		display:block;
		height:43px;
		width:124px;
		background-image:url(../images/cn.png);
		bottom:0;
		position:absolute
	}
		a.lisbi{
			background-position:0 -252px;
			left:0
		}
			a.lisbi:hover{
				background-position:0 -295px
			}
		a.gey{
			background-position:0 -338px;
			right:0
		}
			a.gey:hover{
				background-position:0 -381px;
			}
/*about*/
div.about{
	padding-bottom:90px
}
/*bitva*/
div.bitva{
	height:505px;
	width:767px;
	margin:0 auto 47px;
	background:url(../images/vs.png) no-repeat top center
}
	div.left, div.right{
		width:339px;
		position:relative
	}
	div.left{
		float:left
	}
	div.right{
		float:right
	}
	div.ramka{
		background:url(../images/ramka.png) no-repeat;
		height:358px;
		width:304px;
		padding:16px 17px;
		margin-bottom:23px
	}
	/*but*/
	div.but{
		height:90px;
		width:189px;
		margin:0 auto
	}
		div.but a{
			height:63px;
			width:189px;
			background:url(../images/vdut.png)  0 0;
			display:block
		}
			div.but a:hover{
				background:url(../images/vdut.png)  0 -63px
			}
		div.but p{
			display:block;
			height:30px;
			width:100%;
			text-align:center;
			line-height:30px
		}