@charset "utf-8";

html,
body {
	width:100%;
	height:100%;
}

body {
	margin:0;
	padding:0;
	background:#edf1f2 url(../img/mainbg.jpg) 50% 0;
	font:normal 13px/18px Arial, Helvetica, sans-serif;
	color:#666;
	-webkit-text-size-adjust: none;
}

form,
fieldset {
	margin:0;
	padding:0;
	border:0;
}

input,
select,
textarea,
button {
	font:normal 13px Arial, Helvetica, sans-serif;
	color:#333;
	outline:none;
}

input[type="text"],
input[type="password"],
textarea,
select,
code {
	border:1px solid #cacaca;
	border-bottom-color:#e0e0e0;
	border-top-color:#b5b5b5;
	background:#fff;
	margin:0;
	padding:7px 13px;
	position:relative;
	zoom:1;
	border-radius:16px;
	-moz-border-radius:16px;
	-webkit-border-radius:16px;
	behavior: url(js/PIE.htc);
}

input[readonly] {
	background-color:#dddddd;
}

.input {
	padding:0 14px;
	zoom:1;
	position:relative;
	height:100%;
	overflow:hidden;
}

.input input,
.input textarea {
	width:100%;
	position:relative;
	left:-14px;
}

textarea {
	resize:none;
}
::-webkit-input-placeholder {
color:#999;
opacity:1;
}
::-moz-placeholder {
color:#999;
opacity:1;
}

header,
nav,
section,
article,
aside,
footer,
menu,
time,
figure,
figcaption {
	display: block;
}

img {
	border:0;
	vertical-align:top;
}

.bordered-img {
	border:1px solid;
}

a {
	color:#859b0a;
	text-decoration:underline;
	outline:none;
	cursor:pointer;
}

a:hover {
	text-decoration:none;
}

strong {
	font-weight:bold;
	color:#333;
}

table {
	border-collapse:collapse;
	width:100%;
	margin:0 0 18px 0;
}

th,
td {
	padding:10px;
	text-align:left;
	vertical-align:middle;
	border-bottom:1px solid #b2b2b2;
}

th {
	font-weight:bold;
	color:#333;
	padding-top:0;
	padding-bottom:5px;
	border-bottom-width:2px;
}

p,
ol,
ul {
	margin:0 0 18px 0;
}

ul {
	list-style:none;
	padding:0;
}

li {
	margin:0 0 7px 0;
}

ol,
ul li {
	padding:0 0 0 20px;
}

ul li {
	background:url(../img/dot.png) no-repeat 6px 8px;
}

ol li ol li {
	list-style: decimal;
}

h1,
h2,
h3,
h4,
h5,
h6,
.big-text {
	font-weight:normal;
	line-height:1.1;
	font-family:"Roboto Slab", Georgia, "Times New Roman", Times, serif;
	margin:40px 0 18px 0;
	color:#000;
	text-shadow:0 1px 0 rgba(255, 255, 255, 0.8);
}

.big {
    color: #000000;
    font-family: "Roboto Slab",Georgia,"Times New Roman",Times,serif;
    font-size: 20px;
    font-weight: normal;
}

.small {
    font-size: 10px;
    font-weight: normal;
}

h1 {
	margin-top:0px;
	font-size:32px;
}

h2 {
	font-size:21px;
}

h3 {
	font-size:18px;
}

h4 {
	font-size:14px;
}

table .sep {
	width:1000px;
}

.copy-code {
	white-space:pre-line;
	font:normal 13px/18px Arial, Helvetica, sans-serif;
	color:#666;
	display:block;
	margin:-14px 0px 30px;
}

.center {
	text-align:center;
}

.green {
	color:#859b0a;
}

.red, .error {
	color:#FF0000;
}

.yellow {
	color:#faab00;
}

.blue {
	color:#3c8ebc;
}

.nowrap {
	white-space:nowrap;
}

.nofloat {
	height:100%;
	overflow:hidden;
}

.cell {
	display:table-cell;
	text-align:center;
	vertical-align:middle;
}

.hr {
	height:2px;
	overflow:hidden;
	margin:20px 0 20px -20px;
	position:relative;
	zoom:1;
	left:10px;
	background:url(../img/dash.png) repeat-x 50% 0;
	clear:both;
}

.clearfloat {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

.clearfix {
	zoom: 1
}

.clearfix:after {
	content: ' ';
	clear:both;
	display: block;
	width: 0;
	height: 0;
	overflow: hidden;
	font-size: 0;
}

.wrapper,
.footer {
	min-height:100%;
	min-width:1000px;
	max-width:10000px;
	margin:0 auto;
	position:relative;
	overflow:hidden;
}

.container {
	width:940px;
	padding:0 10px;
	margin: 0 auto;
	text-align: left;
	position:relative;
}

.header {
	position:relative;
	z-index:100;
	zoom:1;
	padding:40px 0 0 0;
}

.header:after {
	content: ' ';
	clear:both;
	display: block;
	width: 0;
	height: 0;
	overflow: hidden;
	font-size: 0;
}

.header .logo {
	position:absolute;
	top:36px;
	left:-46px;
}

.header .logo img {
	width:208px;
	height:auto;
}

.header .r {
	float:right;
}

.content {
	zoom:1;
	padding:0 0 10px 0;
	position:relative;
}

.content:after {
	content: ' ';
	clear:both;
	display: block;
	width: 0;
	height: 0;
	overflow: hidden;
	font-size: 0;
}

.title-line {
	background:url(../img/dash.png) repeat-x 50% 50%;
	text-align:center;
	margin:25px 0 21px -20px;
	left:10px;
	zoom:1;
	position:relative;
	width:100%;
	clear:both;
}

.title-line h1,
.title-line h2,
.title-line h3,
.title-line h4,
.title-line h5,
.title-line h6,
.title-line span {
	display:inline-block;
	margin:0;
	font:normal 24px/28px "Roboto Slab", Georgia, "Times New Roman", Times, serif;
	text-shadow:0 1px 0 rgba(255, 255, 255, 0.8);
	border:1px solid #b4b4b4;
	padding:5px 10px;
	min-width:18px;
	background:url(../img/mainbg.jpg) 50% 50%;
	border-radius:20px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	behavior: url(js/PIE.htc);
	box-shadow:0 1px 0 rgba(255, 255, 255, 0.8);
	-moz-box-shadow:0 1px 0 rgba(255, 255, 255, 0.8);
	-webkit-box-shadow:0 1px 0 rgba(255, 255, 255, 0.8);
}

.btn {
	display:inline-block;
	position:relative;
	white-space:nowrap;
	text-decoration:none;
	color:#333;
	line-height:16px;
	padding:7px 15px;
	border:1px solid #ccc;
	border-bottom-color:#b6b6b6;
	border-top-color:#e1e1e1;
	background: #ffffff;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMWU5ZWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #ffffff 0%, #e1e9ed 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e1e9ed));
	background: -webkit-linear-gradient(top, #ffffff 0%, #e1e9ed 100%);
	background: -o-linear-gradient(top, #ffffff 0%, #e1e9ed 100%);
	background: -ms-linear-gradient(top, #ffffff 0%, #e1e9ed 100%);
	background: linear-gradient(to bottom, #ffffff 0%, #e1e9ed 100%);
	-pie-background: linear-gradient(top, #ffffff 0%, #e1e9ed 100%);
	border-radius:16px;
	-moz-border-radius:16px;
	-webkit-border-radius:16px;
	behavior: url(js/PIE.htc);
	text-shadow:0 1px 0 rgba(255, 255, 255, 0.8);
	overflow:hidden;
	cursor:pointer;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.btn.green, .btn:hover {
	color:#fff;
	text-shadow:none;
	border-color:#738806;
	border-bottom-color:#4d6400;
	border-top-color:#8ca100;
	background: #96a900;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk2YTkwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2NjgxMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #96a900 0%, #668100 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #96a900), color-stop(100%, #668100));
	background: -webkit-linear-gradient(top, #96a900 0%, #668100 100%);
	background: -o-linear-gradient(top, #96a900 0%, #668100 100%);
	background: -ms-linear-gradient(top, #96a900 0%, #668100 100%);
	background: linear-gradient(to bottom, #96a900 0%, #668100 100%);
	-pie-background: linear-gradient(top, #96a900 0%, #668100 100%);
	box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.25);
	-moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.25);
	-webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.25);
}

.btn.yellow {
	background: #fff200;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZjIwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZGJhMTIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #fff200 0%, #fdba12 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff200), color-stop(100%, #fdba12));
	background: -webkit-linear-gradient(top, #fff200 0%, #fdba12 100%);
	background: -o-linear-gradient(top, #fff200 0%, #fdba12 100%);
	background: -ms-linear-gradient(top, #fff200 0%, #fdba12 100%);
	background: linear-gradient(to bottom, #fff200 0%, #fdba12 100%);
	-pie-background: linear-gradient(top, #fff200 0%, #fdba12 100%);
	box-shadow:inset 0 -1px 0 rgba(255, 255, 255, 0.25);
	-moz-box-shadow:inset 0 -1px 0 rgba(255, 255, 255, 0.25);
	-webkit-box-shadow:inset 0 -1px 0 rgba(255, 255, 255, 0.25);
	color:#31312e;
	text-shadow:0 -1px 0 rgba(255, 255, 255, 0.7);
}

.btn input {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	border:0;
	background:url(../img/logo.png) no-repeat 0 -9999px;
	cursor:pointer;
}

.big-text {
	font-size:36px;
	margin:-2px 0 22px 0;
	zoom:1;
	position:relative;
}

.place {
	text-align:center;
	margin:30px 0;
	/*height:143px;*/
}

.place img {
	max-width:100%;
	height:auto;
}

.actions {
	margin:-1px 0 25px 0;
	zoom:1;
	position:relative;
	list-style:none;
	padding:0;
	text-align:center;
}

.actions li {
	margin:0 4px;
	padding:0;
	background:none;
	position:relative;
	zoom:1;
	display:inline-block;
	vertical-align:middle;
}

.actions .share {
	line-height:16px;
	margin-top:-4px;
	padding:2px 10px;
	background:#ccc;
	border-radius:16px;
	min-height:26px;
	text-align:left;
	-moz-border-radius:16px;
	-webkit-border-radius:16px;
	box-shadow:0 1px 0 rgba(255, 255, 255, 0.8), inset 0 1px 0 rgba(0, 0, 0, 0.4);
	-moz-box-shadow:0 1px 0 rgba(255, 255, 255, 0.8), inset 0 1px 0 rgba(0, 0, 0, 0.4);
	-webkit-box-shadow:0 1px 0 rgba(255, 255, 255, 0.8), inset 0 1px 0 rgba(0, 0, 0, 0.4);
	behavior: url(js/PIE.htc);
}

.btn span {
	display:inline-block;
	vertical-align:top;
	padding:0 0 0 22px;
}

.link-edit {
	background:url(../img/icon-edit.png) no-repeat 0 50%;
}

.link-edit:hover, .btn:hover .link-edit {
	background:url(../img/icon-edit-hover.png) no-repeat 0 50%;
}

.link-warning {
	background:url(../img/icon-warning.png) no-repeat 0 50%;
}

.link-copy {
	background:url(../img/icon-copy.png) no-repeat 0 50%;
}

.link-print {
	background:url(../img/icon-print.png) no-repeat 0 50%;
}

.link-print:hover, .btn:hover .link-print {
	background:url(../img/icon-print-hover.png) no-repeat 0 50%;
}

.link-color {
	background:url(../img/icon-color.png) no-repeat 0 50%;
}

.link-profile {
	background:url(../img/icon-profile.png) no-repeat 0 50%;
}

.link-profile:hover, .btn:hover .link-profile {
	background:url(../img/icon-profile-hover.png) no-repeat 0 50%;
}

.link-cert {
	background:url(../img/icon-cert.png) no-repeat 0 50%;
}

.link-cert:hover, .btn:hover .link-cert {
	background:url(../img/icon-cert-hover.png) no-repeat 0 50%;
}

.link-friends {
	background:url(../img/icon-friends.png) no-repeat 0 50%;
}

.link-friends:hover, .btn:hover .link-friends {
	background:url(../img/icon-friends-hover.png) no-repeat 0 50%;
}

.link-messages {
	background:url(../img/icon-messages.png) no-repeat 0 50%;
}

.link-messages:hover, .btn:hover .link-messages {
	background:url(../img/icon-messages-hover.png) no-repeat 0 50%;
}

.link-groups {
	background:url(../img/icon-groups.png) no-repeat 0 50%;
}

.link-groups:hover, .btn:hover .link-groups {
	background:url(../img/icon-groups-hover.png) no-repeat 0 50%;
}

.head-hold {
	float:left;
}

.menu {
	float:left;
	list-style:none;
	margin:0;
	padding:0;
}

.menu li {
	float:left;
	padding:0;
	background:none;
	margin:0 0 0 5px;
}

.menu li:first-child {
	margin:0;
}

.lang {
	float:left;
	padding:3px 0 0 0;
	height:27px;
	width:32px;
	text-align:center;
	margin:0 -37px 0 13px;
}

.lang span {
	display:inline-block;
	width:24px;
	height:25px;
	overflow:hidden;
	vertical-align:top;
	margin:0;
	padding:0;
}

.lang .bg-ru {
	background:url(../img/ru.png) no-repeat;
}

.lang .bg-en {
	background:url(../img/en.png) no-repeat;
}

.search {
	float:left;
	margin:0 0 0 20px;
}

.search fieldset {
	float:left;
}

.search .input {
	width:121px;
	float:left;
}

.search input[type="submit"] {
	position:absolute;
	top:-9999px;
}
.search input::-webkit-input-placeholder {
font-style:italic;
}
.search input::-moz-placeholder {
font-style:italic;
}

.articles {
	zoom:1;
	position:relative;
	margin:-12px 0 0 -60px;
	left:60px;
}

.articles article {
	display:inline-block;
	vertical-align:top;
	width:280px;
	padding:0 53px 0 0;
	margin:0 0 30px -7px;
	left:7px;
	position:relative;
}

.footer-place {
	clear:both;
	height:320px;
}

.footer {
	zoom:1;
	position:relative;
	min-height:0;
	height:320px;
	margin:-320px 0 0 0;
}

.footer .bg-t {
	background:url(../img/footer-line-bg.png) repeat-x 50% 0;
	height:4px;
	overflow:hidden;
}

.footer .bg {
	zoom:1;
	position:relative;
	background:rgba(0, 0, 0, 0.6);
	-pie-background:rgba(0, 0, 0, 0.6);
	behavior: url(js/PIE.htc);
	color:#fff;
	padding:43px 0;
	height:230px;
}

.footer .bg:after {
	content: ' ';
	clear:both;
	display: block;
	width: 0;
	height: 0;
	overflow: hidden;
	font-size: 0;
}

.footer .bg a {
	color:#fff;
}

.bmenu {
	float:left;
	width:135px;
	margin:0 20px 0 0;
	line-height:26px;
}

.bmenu h6 {
	font:bold 16px/20px Arial, Helvetica, sans-serif;
	text-shadow:none;
	color:#fff;
	padding:0 0 7px 0;
	margin:0 0 5px 0;
	background:url(../img/dash-white.png) repeat-x 0 100%;
}

.bmenu ul {
	margin:0;
}

.bmenu ul li {
	margin:0;
	padding:0;
	background:none;
}

.footer .l {
	float:left;
	width:168px;
	padding:0 0 0 12px;
}

.footer .logo {
	zoom:1;
	position:relative;
	margin:0 0 16px -12px;
}

.footer .logo img {
	width:161px;
	height:auto;
}

.footer .r {
	float:right;
}

.footer .studio {
	float:left;
	width:110px;
	position:relative;
	margin:0 -10px 0 0;
}

.topline {
	position:absolute;
	top:0;
	left:0;
	right:0;
	height:5px;
	overflow:hidden;
	background: #97aa00;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk3YWEwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2ZDg2MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #97aa00 0%, #6d8600 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #97aa00), color-stop(100%, #6d8600));
	background: -webkit-linear-gradient(top, #97aa00 0%, #6d8600 100%);
	background: -o-linear-gradient(top, #97aa00 0%, #6d8600 100%);
	background: -ms-linear-gradient(top, #97aa00 0%, #6d8600 100%);
	background: linear-gradient(to bottom, #97aa00 0%, #6d8600 100%);
	-pie-background: linear-gradient(top, #97aa00 0%, #6d8600 100%);
	behavior: url(js/PIE.htc);
}

.menu-toggle {
	display:none;
}

.sertif-hold {
	text-align:center;
	margin:20px 0 38px 0;
}

.sertif-hold img {
	max-width:100%;
	height:auto;
	position:relative;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	box-shadow:0 11px 27px #afb2b2;
	-moz-box-shadow:0 11px 27px #afb2b2;
	-webkit-box-shadow:0 11px 27px #afb2b2;
	behavior: url(js/PIE.htc);
}

.img-sample {
	vertical-align:middle;
	margin:0 5px;
}

.code-copy {
	margin:12px 0 20px 89px;
	zoom:1;
}

.code-copy:after {
	content: ' ';
	clear:both;
	display: block;
	width: 0;
	height: 0;
	overflow: hidden;
	font-size: 0;
}

.code-copy code {
	float:left;
	margin:0;
	width:493px;
}

.code-copy .btn {
	float:left;
	margin:0 0 0 11px;
}

.index-block {
	zoom:1;
	position:relative;
	padding:69px 480px 62px 10px;
	background:url(../img/dash.png) repeat-x 50% 100%;
	margin:0 0 0 -20px;
	left:10px;
}

.index-block h1 {
	font-size:24px;
	line-height:1;
	text-transform:uppercase;
	color:#000;
	margin:0 0 20px -20px;
	position:relative;
	left:20px;
	zoom:1;
}

.index-block h1 strong {
	display:block;
	color:#000;
	font-size:33px;
	margin:0 0 3px 0;
}

.index-block .bg {
	zoom:1;
	position:relative;
	margin:0 0 13px -10px;
	padding:8px 10px 7px 10px;
	border:1px solid #8ea20d;
	border-bottom-color:#869b00;
	border-top-color:#889d00;
	background: #97aa00;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk3YWEwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2NjgxMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #97aa00 0%, #668100 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #97aa00), color-stop(100%, #668100));
	background: -webkit-linear-gradient(top, #97aa00 0%, #668100 100%);
	background: -o-linear-gradient(top, #97aa00 0%, #668100 100%);
	background: -ms-linear-gradient(top, #97aa00 0%, #668100 100%);
	background: linear-gradient(to bottom, #97aa00 0%, #668100 100%);
	-pie-background: linear-gradient(top, #97aa00 0%, #668100 100%);
	border-radius:26px;
	-moz-border-radius:26px;
	-webkit-border-radius:26px;
	box-shadow:inset 0 -1px 0 rgba(255, 255, 255, 0.2);
	-moz-box-shadow:inset 0 -1px 0 rgba(255, 255, 255, 0.2);
	-webkit-box-shadow:inset 0 -1px 0 rgba(255, 255, 255, 0.2);
	behavior: url(js/PIE.htc);
}

.index-block .btn {
	float:right;
	border:2px solid #677a00;
	border-bottom-color:#596e00;
	border-top-color:#768600;
	border-radius:17px;
	-moz-border-radius:17px;
	-webkit-border-radius:17px;
	margin:0 0 0 9px;
	top:-1px;
	padding-left:19px;
	padding-right:19px;
}

.index-block p {
	margin:0;
}

.index-block .z {
	zoom:1;
	position:relative;
	z-index:10;
}

.likes {
	list-style:none;
	margin:18px 0;
	padding:0;
	line-height:10px;
}

.likes li {
	display:inline-block;
	margin:0 0 0 10px;
	padding:0;
	background:none;
	min-width:100px;
}

.likes li:first-child {
	margin:0;
}

.already {
	background:url(../img/index-block.png) no-repeat;
	width:642px;
	height:378px;
	position:absolute;
	top:2px;
	right:-95px;
	font-size:13px;
	line-height:18px;
}

.already .text {
	position:absolute;
	top:79px;
	right:66px;
	width:140px;
	text-align:center;
	line-height:16px;
}

.already .text strong {
	display:block;
	font-size:32px;
	line-height:32px;
	color:#333;
	position:relative;
	top:2px;
	zoom:1;
	margin:-1px 0 0 0;
}

.already #first {
	left: 93px;
	top: 151px;
	position: absolute;
}

.benefits {
	zoom:1;
	position:relative;
	margin:-7px 0 51px -50px;
	left:50px;
}

.benefits:after {
	content: ' ';
	clear:both;
	display: block;
	width: 0;
	height: 0;
	overflow: hidden;
	font-size: 0;
}

.benefits article {
	float:left;
	width:220px;
	margin:0 20px 0 0;
	padding:0 0 0 0;
}

.benefits img {
	width:240px;
	position:relative;
	left:-10px;
	height:auto;
}

.benefits h4 {
	font-size:14px;
	line-height:17px;
	margin:23px 0 17px -20px;
	zoom:1;
	position:relative;
	left:10px;
	text-align:center;
	color:#000;
	text-transform:uppercase;
}

.benefits h4 strong {
	display:block;
	color:#000;
}

.for-small {
	display:none;
}
@media only screen and (max-width: 1030px) {

.lang {
	margin-right:0;
	margin-left:5px;
	text-align:right;
}

.search {
	margin-left:5px;
}

.search .input {
	width:101px;
}

.header .logo {
	left:-20px;
}
}
@media only screen and (max-width: 880px) {

body {
	font-size:21px;
	line-height:25px;
}

input[type="text"],
input[type="password"],
textarea,
select,
code {
	font-size:21px;
	padding:12px 28px;
	border-radius:25px;
	-moz-border-radius:25px;
	-webkit-border-radius:25px;
}

#yandex_ad, .sap-adv {
	font-size:12px;
}

.input {
	padding:0 29px;
}

.input input,
.input textarea {
	left:-29px;
}

h1,
h2,
h3 {
	font-size:32px;
}

.articles {
	margin:-4px 0 0 0;
	left:0;
}

.articles article {
	display:block;
	width:auto;
	margin-left:0;
	padding-right:0;
	margin-bottom:25px;
}

.wrapper,
.footer {
	min-width:340px;
}

.container {
	width:auto;
	padding:0;
	zoom:1;
}

.hr,
.place {
	margin-top:39px;
	margin-bottom:39px;
}

.hr,
.title-line {
	margin-left:-5000px;
	margin-right:-5000px;
	left:0;
}

.title-line {
	padding-left:5000px;
	padding-right:5000px;
}

.content,
.footer .container {
	padding-left:7.81%;
	padding-right:7.81%;
}

.btn {
	font-size:21px;
	line-height:26px;
	padding:12px 27px;
	border-radius:25px;
	-moz-border-radius:25px;
	-webkit-border-radius:25px;
}

.header {
	padding-top:121px;
}

.header .logo {
	width:45.92%;
	max-width:247px;
	top:46px;
	left:7.81%;
}

.header .logo img,
.footer .logo img {
	width:100%;
	height:auto;
}

.header .r {
	float:none;
}

.lang {
	top:48px;
	right:0;
	padding:7px 0 0 7px;
	width:31px;
	height:43px;
	float:none;
	margin:0;
	position:absolute;
	border-radius:25px 0 0 25px;
	-moz-border-radius:25px 0 0 25px;
	-webkit-border-radius:25px 0 0 25px;
}

.lang span {
	width:31px;
	height:37px;
}

.lang .bg-ru, .lang .bg-en {
	background-position:0 -30px;
}

.menu-toggle {
	position:absolute;
	top:48px;
	right:7.81%;
	display:block;
	width:198px;
	padding-right:24px;
	padding-left:26px;
	cursor:pointer;
}

.menu-toggle span {
	display:block;
	background:url(../img/menu-toggle.png) no-repeat 100% 10px;
}

.open .menu-toggle span {
	background-position:100% -52px;
}

.menu-toggle strong,
.menu-toggle em {
	font-weight:normal;
	font-style:normal;
}

.menu-toggle em,
.open .menu-toggle strong {
	display:none;
}

.open .menu-toggle em {
	display:inline;
}

.header .menu {
	float:none;
	margin:0;
}

.header .menu li {
	float:none;
	margin:0;
}

.header .menu .btn {
	display:block;
	border-radius:0;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	border-left:0;
	border-right:0;
	padding-left:7.81%;
	padding-right:7.81%;
}

.search {
	float:none;
	margin:0;
	padding:29px 7.81%;
	background:#6d6e6f;
	border-bottom:1px solid #b5b5b5;
	border-top:1px solid #e1e1e1;
	zoom:1;
}

.search fieldset {
	float:none;
}

.search:after {
	content: ' ';
	clear:both;
	display: block;
	width: 0;
	height: 0;
	overflow: hidden;
	font-size: 0;
}

.search input[type="submit"] {
	float:right;
	border:0;
	margin:-2px 0 0 18px;
	position:relative;
	top:1px;
	padding:0;
	cursor:pointer;
	background:url(../img/search-submit.png) no-repeat;
	width:54px;
	height:54px;
}

.search .input {
	float:none;
	width:auto;
}

.footer-place {
	display:none;
}

.footer {
	height:auto;
	margin-top:0;
}

.footer .bg {
	padding:47px 0;
	min-height:0;
	height:auto;
	zoom:1;
}

.footer .l {
	text-align:right;
	float:none;
	width:auto;
	margin:3px 0 51px 0;
	zoom:1;
}

.footer .l:after {
	content: ' ';
	clear:both;
	display: block;
	width: 0;
	height: 0;
	overflow: hidden;
	font-size: 0;
}

.footer .logo {
	float:left;
	width:47%;
	max-width:245px;
	margin:-3px 0 0 0;
}

.footer .r {
	float:none;
	zoom:1;
	position:relative;
	margin:0 0 0 -40px;
	left:40px;
}

.bmenu {
	float:left;
	width:50%;
	margin:0 0 56px 0;
}

.bmenu h6,
.bmenu ul {
	margin-right:40px;
}

.bmenu h6 {
	font-size:24px;
	line-height:30px;
	padding-bottom:12px;
	margin-bottom:12px;
}

.bmenu ul li {
	margin:13px 0 0 0;
	zoom:1;
	vertical-align:bottom;
}

.bmenu ul li:first-child {
	margin:0;
}

.footer .studio {
	float:none;
	clear:both;
	text-align:center;
	width:auto;
	margin:0 40px 0 0;
	padding:18px 0 0 0;
}

.footer .studio img {
	width:auto;
}

.actions li {
	display:block;
	margin:0 0 10px 0;
}

.head-hold {
	display:none;
	position:absolute;
	top:100%;
	left:0;
	right:0;
	z-index:100;
}

.open .head-hold {
	display:block;
}

.code-copy {
	margin-left:0;
	text-align:center;
}

.code-copy code {
	float:none;
	width:auto;
	text-align:left;
	margin:0 0 18px 0;
}

.code-copy .btn {
	float:none;
	margin:0;
	white-space:normal;
}

.index-block {
	padding:352px 10px 40px 10px;
	margin-top:0;
	margin-bottom:0;
	text-align:center;
}

.index-block h1 {
	font-size:28px;
	zoom:1;
	position:relative;
	margin:0 0 47px -40px;
	left:20px;
}

.index-block h1 strong {
	font-size:42px;
}

.index-block .bg {
	box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.25);
	-moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.25);
	-webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.25);
	padding:20px 20px 19px 20px;
	margin:0 0 35px 0;
}

.index-block .btn {
	float:none;
	display:block;
	top:0;
	border-radius:27px;
	-moz-border-radius:27px;
	-webkit-border-radius:27px;
	margin:0;
}

.index-block .input {
	margin:0 0 17px 0;
}

.index-block .input input {
	text-align:center;
}

.likes {
	margin:34px 0 0 0;
}

.for-big {
	display:none;
}

span.for-small {
	display:inline;
}

div.for-small {
	display:block;
}

.already {
	left:50%;
	margin:0 0 0 -334px;
	top:-24px;
	right:auto;
}

.benefits {
	text-align:center;
	margin:0 0 75px 0;
	left:0;
}

.benefits article {
	float:none;
	width:auto;
	margin:65px -5000px 0 -5000px;
	position:relative;
	zoom:1;
	padding:0 5000px 0 5000px;
	background:url(../img/dash.png) repeat-x 50% 0;
}

.benefits article:first-child {
	background:none;
	margin-top:0;
}

.benefits img {
	width:100%;
	left:0;
}

.benefits h4 {
	font-size:32px;
	line-height:39px;
	margin:38px 0 31px 0;
}
}


#preview {
	overflow:hidden;
	font-family:"Roboto Slab", Georgia, "Times New Roman", Times, serif;
	text-shadow: 0 -1px 1px black;
	height:394px;
}

#preview-img {
	width:640px;
	height:394px;
	position:relative;
	z-index:1;
}

#preview-id {
	left:520px;
	top:-335px;
	position:relative;
	z-index:2;
	font-size:21px;
	font-weight:bold;
	color:#ffffff;
}

#preview-nick {
	left:52px;
	top:-250px;
	position:relative;
	z-index:2;
	font-size:21px;
	font-weight:bold;
	color:#ffffff;
}

#preview-text {
	left:52px;
	top:-202px;
	//top:-202px;
	position: relative;
	z-index:2;
	width:550px;
	font-size:18px;
	font-weight:bold;
	color:#ffffff;
}

#preview-date {
	left:298px;
	top:-124px;
	position: relative;
	z-index:2;
	width:100px;
	font-size:18px;
	font-weight:bold;
	color:#ffffff;
}

#preview-valid-date {
	left:450px;
	top:-142px;
	position: relative;
	z-index:2;
	width:100px;
	font-size:18px;
	font-weight:bold;
	color:#ffffff;
}

.content td {
	border:none; /*с-па*/
}

.brick {
	border-top:#ded4b3 1px solid;
	border-left:#ded4b3 1px solid;
	height:15px;
	float:left;
}

.copy-code {
	width:620px;
	font:12px Courier;
}

.copy-code-small {
	width:500px;
	height:16px;
	font:12px Courier;
}

.sap-adv {
	width:102%;
	overflow:hidden;
	margin:20px 0 0 -20px;
	position:relative;
	zoom:1;
	background:url(../img/dash.png) repeat-x 50% 0;
	clear:both;
	left:10px;
}

.sap-adv_sign {
	position:relative;
	top:-35px;
	font-size:11px;
}

.sap-adv_header {
	font-size:16px;
	margin-bottom:5px;
}

.sap-adv_text {
	margin-bottom:5px;
}

.sap-adv_url {
	color: #859B0A;
	font-size: 11px;
}

span.help {
	display: inline-block;
	border: 1px dotted #666666;
}

.left-block {
	float:left;
	clear:both;
	margin-bottom: 15px;
}

.right-block {
	clear:both;
	margin-top:0;
}

.left-block .sertif-hold {
	margin-bottom:6px;
	text-align:left;
}


/*new 21.01.15*/

.aside {
		float: left;
		width: 220px;
}

.mainContent {
		float: right;
		width: 680px;
}

.aside .menu {
		float: none;
		margin: 0 0 25px 0;
		padding: 0;
		list-style: none;
}

.aside .menu li {
		margin: 0 0 3px 0;
		padding: 0;
		display: block;
		float: none;
}

.btn .pic {
		display: inline-block;
		width: 16px;
		height: 16px;
		vertical-align: middle;
		position: relative;
		top: -1px;
		left: -3px;
		margin: 0 3px 0 0;
		padding: 0;
		background-repeat: no-repeat;
		background-position: 0 0;
}

.btn:hover .pic, .btn.green .pic {
		background-position: 0 -16px;
}

.btn .pic-cert {
		background-image: url(../img/icon-cert.png);
}

.btn .pic-prof {
		background-image: url(../img/icon-profile.png);
}

.btn .pic-frie {
		background-image: url(../img/icon-friends.png);
}

.btn .pic-mess {
		background-image: url(../img/icon-messages.png);
}

.btn .pic-grou {
		background-image: url(../img/icon-groups.png);
}

.side-block {
		margin: 0 0 35px 0;
}

.side-block h4 {
		margin: 0 0 8px 0;
}

.nick-info {
		zoom: 1;
		position: relative;
}

.nick-info:after {
		content: ' ';
		clear: both;
		display: block;
		width: 0;
		height: 0;
		overflow: hidden;
		font-size: 0;
}

.nick-info p {
		margin: 0 0 10px 0;
}

.nick-info h3 {
		margin: 0 0 10px 0;
}

.nick-info .info {
		margin: 0 0 18px 0;
}

.nick-info .info + h3 {
		margin-top: 25px;
}

.ava {
		float: left;
		margin: 0 15px 0 0;
		padding: 6px;
		border: 1px solid rgba(0, 0, 0, 0.4);
		box-shadow: 1px 1px 5px 2px rgba(0, 0, 0, 0.2);
		-webkit-box-shadow: 1px 1px 5px 2px rgba(0, 0, 0, 0.2);
		border-radius: 6px;
		-webkit-border-radius: 6px;
		background: #fff;
		width: 100px;
}

.ava img {
		width: 100%;
		height: auto;
}

.file {
		position: relative;
		overflow: hidden;
}

.file input {
		position: absolute;
		top: -5px;
		right: -5px;
		font-size: 200px;
		margin: 0;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
		opacity: 0;
		width: auto;
		left: auto;
		cursor: pointer;
}

#social-dialog {
	display:none;
}

.socialmenu {
		list-style: none;
		margin: 0 0 18px 0;
		padding: 0;
		zoom: 1;
		position: relative;
		line-height: 20px;
}

.socialmenu:after {
		content: ' ';
		clear: both;
		display: block;
		width: 0;
		height: 0;
		overflow: hidden;
		font-size: 0;
}

.socialmenu li {
		float: left;
		padding: 0;
		padding:5px 20px 6px 8px;
		background: none;
		margin: 0 17px 0 0;
		border-radius:15px;
}

.socialmenu.owner li:not(.disabled):hover{
		cursor:move;
		background-color: #dcddda;
		padding-right:8px;
}

.socialmenu a {
		background-position: 0 3px;
		background-repeat: no-repeat;
		display: inline-block;
		padding: 0 0 0 20px;
		vertical-align: top;
		white-space: nowrap;
}

.socialmenu a.yellow {
		text-shadow: 1px 1px 0px rgba(255, 255, 255, 1);
}

.socialmenu .close {
	padding-left:2px;
	margin-top:-5px;
	font-size:10px;
	font-weight:bold;
	color:#f00;
	text-decoration:none;
	display:none;
	width:10px;
}

.socialmenu li:hover .close {
	display:inline-block;
}

.socialmenu .ui-state-highlight {
	width: 50px;
	height: 18px;
	border: 1px dashed #aaa;
	background-color:#f2f6df;
	float:left;
	display:table;
}

.socialmenu .add {
	background-image: url(../img/icons/social/add.png);
}

.socialmenu .vk {
	background-image: url(../img/icons/social/vk16.png);
}

.socialmenu .fb {
	background-image: url(../img/icons/social/fb16.png);
}

.socialmenu .tw {
	background-image: url(../img/icons/social/tw16.png);
}

.socialmenu .in {
	background-image: url(../img/icons/social/in16.png);
}

.socialmenu .yt {
	background-image: url(../img/icons/social/yt16.png);
}

.socialmenu .lf {
	background-image: url(../img/icons/social/lf16.png);
}

.socialmenu .sc {
	background-image: url(../img/icons/social/sc16.png);
}

.socialmenu .jj {
	background-image: url(../img/icons/social/jj16.png);
}

.socialmenu .st {
	background-image: url(../img/icons/social/st16.png);
}

.socialmenu .li {
	background-image: url(../img/icons/social/li16.png);
}

.socialmenu .mr {
	background-image: url(../img/icons/social/mr16.png);
}

.socialmenu .vi {
	background-image: url(../img/icons/social/vi16.png);
}

.bold {
	font-weight: bold;
}

.black {
	color: #666;
}

.underdash {
	cursor:pointer;
	color:#859B0A;
	border-bottom:1px dashed #859B0A;
}

.underdash.active {
	cursor:default;
	border-bottom:none;
	color:#000000;
}

.hidden {
	display:none;
}

.mobile_ad {
	display:none;
}

@media only screen and (max-width: 880px) {

.aside,
.mainContent {
	float: none;
	width: auto;
}

.aside .menu .btn {
	display: block;
}

.side-block h4,
.nick-info h3 {
	font-size: 25px;
	line-height: 30px;
}

.socialmenu li {
	margin: 0 0 10px 0;
}

.ava {
	float: none;
	margin: 0 0 15px 0;
	display: block;
}

.side-block {
	display:none;
}

.mobile_ad {
	display:block;
}

}