body { background:url(pics/zhyvela.jpg) no-repeat 50% 0; margin:0 auto; text-align:center;}

.logo { background:url(pics/logo.png) no-repeat; width:240px; height:220px; margin:20px auto; }
.logo a { display:block; width:240px; height:220px;border:0; }

.intro { line-height:21px;}
.help { font-style:italic;}


/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

a {color:#5d5c56; border-bottom:1px solid #d3d0cd; text-decoration:none;}
a:hover {color:#8c7662; text-decoration:none; border:0;}



.menu { margin-top:20px;}
.menu a { margin:0 12px; font-size:13px; padding:0 2px;}
.menu  a.visited {color:#5d5c56; background:#e6e0db; border-bottom:0; text-decoration:none;}

h1,h2,h3 {text-transform:uppercase; font-weight:400}


ul li { margin:0 0 10px 0;}

.description p { font-size:18px;}

.text { width:480px; margin:0 auto 40px auto; font-size:12px;}
.text { color:#000;}
.text .todo {color:#aaa;}
.text  .maybe { color:#aaa;}
.block { margin:0 0 30px 0;}
.block h2 { font-size:14px;}

/* Social */
.icon-button {
	background-color: white;
	border-radius: 3.6rem;
	cursor: pointer;
	display: inline-block;
	font-size: 2.0rem;
	height: 3.6rem;
	line-height: 3.6rem;
	margin: 0 5px;
	position: relative;
	text-align: center;
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
	width: 3.6rem;
 box-shadow:1px 1px 1px #eee;}

/* Circle */
.icon-button span {
	border-radius: 0;
	display: block;
	height: 0;
	left: 50%;
	margin: 0;
	position: absolute;
	top: 50%;
	-webkit-transition: all 0.3s;
	   -moz-transition: all 0.3s;
	     -o-transition: all 0.3s;
	        transition: all 0.3s;
	width: 0;
}
.icon-button:hover span {
	width: 3.6rem;
	height: 3.6rem;
	border-radius: 3.6rem;
	margin: -1.8rem;
}
.twitter span {
	background-color: #4099ff;
}
.facebook span {
	background-color: #3B5998;
}

.vk span {
	background-color: #597da3;
}



/* Icons */
.icon-button i {
	background: none;
	color: white;
	height: 3.6rem;
	left: 0;
	line-height: 3.6rem;
	position: absolute;
	top: 0;
	-webkit-transition: all 0.3s;
	   -moz-transition: all 0.3s;
	     -o-transition: all 0.3s;
	        transition: all 0.3s;
	width: 3.6rem;
	z-index: 10;
}
.icon-button .fa-twitter{
	color: #4099ff;
	}

.icon-button .fa-vk{
	color: #597da3;
}
.icon-button .fa-facebook {
	color: #3B5998;
}

.icon-button:hover i
{
	color: white;
}




body {
	line-height: 1; font-family:Verdana, serif;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}