@import url(http://fonts.googleapis.com/css?family=Roboto:400,300,500,700,900,400italic,300italic,500italic,700italic&subset=latin,cyrillic);
@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:400,300,700&subset=latin,cyrillic);
@import url("reset.css");
@import url("icons.css");
@import url("menu.css");
@import url("blocks.css");
@import url("forms.css");

/* Base
-----------------------------------------------------------------------------*/
/* standart elements */
html {
	height: 100%;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
	display: block;
}
body {
	position:relative;
	width:100%;
	height:100%;
	border-top:5px solid #cfcfcf;
	-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;
/*	background:#fff url(/images/mbg.png) repeat-x top center; */
	background:#fff url(/images/mbg.jpg) repeat-x top center;
/*	background-size:100% 150px;  */
}
body, p, table, th, tr, td, ul, ol, li, input, select, textarea {
	font-family:Roboto, Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif;
	font-size:14px;
	line-height:140%;
}
p	{margin:0 0 12px 0;}

hr		{color:#ccc;background:#ccc;height:1px;width:100%;border:0px;}
hr.dot	{color:#ccc;background:transparent;height:0;width:100%;border-bottom:1px dotted #ccc;}
hr.bhr	{color:#9cf;background:#9cf;height:2px;margin:10px 0;}

h1, h2, h3, h4, h5, h6 {
	margin:5px 0;
	font-family:Roboto,Arial,Tahoma,Verdana,Geneva,Helvetica,sans-serif;
	font-weight:400;
	line-height:120%;
	color:#04a;
}
h1, h2, h3 {text-shadow:1px 1px 1px rgba(0,0,0,.2);}
h4	{text-shadow:1px 1px 1px rgba(0,0,0,.1);}
h1.first,h2.first,h3.first,h4.first	{margin-top:0;}
h1.fat,h2.fat,h3.fat,h4.fat	{letter-spacing:2.2px;}
h1.pagetitle	{margin:0 0 16px 0;}
h2 span	{font-size:20px;font-weight:300;}

h1	{font-size:180%;}
h2	{font-size:160%;}
h3	{font-size:150%;}
h4	{font-size:135%;}
h5	{font-size:120%;font-family:"Roboto Condensed",Arial,Tahoma,Verdana,Geneva,Helvetica,sans-serif;}
h6	{font-size:100%;font-weight:bold;}

a {outline:none;}
a:link,  a:visited, a.visited	{color: #04a;}
a:hover, a:active,  a.hover		{color: #f30;}

/* standart blocks */
pre, code, blockquote {
	display:block;
	overflow:auto;
	width:100%;
	margin:0 0 10px 0;
	padding:10px;
	color:#036;
	text-align:left;
	font-size:14px;
	font-weight:normal;
	background-color:#def;
	border:1px solid #cde;
	-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;
	-moz-border-radius:3px;-webkit-border-radius:3px;-khtml-border-radius:3px;border-radius:3px;
}
pre, code	{font-family:Consolas,Monaco,"Courier New",Courier,monospace;}
blockquote	{font-family:Arial,Tahoma,Verdana,Geneva,Helvetica, sans-serif;font-style:italic;}


/* Special
-----------------------------------------------------------------------------*/
.clear, .cleared, .clearfix:after	{display:block;clear:both;font:0/0 serif;content:" ";}
.italic, .i, i {font-style:italic;}
.bold, 	 .b, b, strong {font-weight:500;}
.normal, .n	{font-style:normal;font-weight:normal;}
.left,	 .l	{text-align:left;}
.center, .c	{text-align:center;}
.right, .r	{text-align:right;}
.justify,.j {text-align:justify;}
.nw			{white-space:nowrap;}
.fl, .fll	{display:block;float:left;}
.fr, .flr	{display:block;float:right;}
.black		{color:#000;}
.blue		{color:#04a;}
.white		{color:#fff;}
.red		{color:#c00;}
.gray		{color:#555;}
.lgray		{color:#777;}
.llgray		{color:#aaa;}
.ora		{color:#f60;}
.orared		{color:#f30;}
.lora		{color:#f60;}
.green      {color:#060;}
.lgreen		{color:#090;}
.ib			{display:inline-block;}
.bb			{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
.cb			{-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}
.round, .br	{-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;border-radius:5px;}
.sh			{-moz-box-shadow:3px 3px 5px rgba(0, 0, 0, 0.1);-webkit-box-shadow:3px 3px 5px rgba(0, 0, 0, 0.1);box-shadow:3px 3px 5px rgba(0, 0, 0, 0.1);}
img.fl		{float:left;margin-right:15px;}
img.fr		{float:right;margin-left:15px;}
.vam		{vertical-align:middle;}
.big		{font-size:160%;}
.w10		{width:10%;}
.w20		{width:20%;}
.w25		{width:25%;}
.w30		{width:30%;}
.w33		{width:33%;}
.w34		{width:34%;}
.w35		{width:35%;}
.w40		{width:40%;}
.w45		{width:45%;}
.w49		{width:49%;}
.w50		{width:50%;}
.w60		{width:60%;}
.w65		{width:65%;}
.w70		{width:70%;}
.w75		{width:75%;}
.w80		{width:80%;}
.w90		{width:90%;}
.w95		{width:95%;}
.w100		{width:100%;}
.w100p		{width:100px;}
.m0			{margin:0;}
.mv10		{margin-top:10px;margin-bottom:10px;}
.mt10		{margin-top:10px;}
.mb10		{margin-bottom:10px;}
.mv15		{margin-top:15px;margin-bottom:15px;}
.mt15		{margin-top:15px;}
.mb15		{margin-bottom:15px;}
.pr5		{padding-right:5px;}
.pr10		{padding-right:10px;}
.pr15		{padding-right:15px;}
.pl5		{padding-left:5px;}
.pl10		{padding-left:10px;}
.pl15		{padding-left:15px;}
.f16		{font-size:16px;}
.lh24		{line-height:24px;}

/*	scrollup	*/
.scrollup	{
	display:none;
	position:fixed;
	z-index:999;
	bottom:5px;
	left:10px;
	width:21px;
	height:82px;
	opacity:0.7;
	text-indent:-9999px;
	background: url('/images/scroll-top.png') no-repeat;
}
.scrollup:hover	{opacity:1;}

/* more/back */
a.more, a.back	{display:block;}
a.more:after, a.back:before	{display:inline-block;font-family:icons;vertical-align:-1px;}
a.more:after  	{margin:0 0 0 5px;}
a.back:before	{margin:0 5px 0 0;}
a.more			{text-align:right;}
a.more.l		{text-align:left;}
a.back			{text-align:left;}
a.back.r		{text-align:right;}
a.more:after	{content:'\e8c6';}
a.back:before	{content:'\e8c5';}


/* Layout
-----------------------------------------------------------------------------*/
.wrapper {
	width:992px;
	min-height:100%;
	height:auto !important;
	height:100%;
	margin:0 auto;
}
/* Header
-----------------------------------------------------------------------------*/
.header, .headtop, .logo-block, .name-block, .slogan-block, .lang-block, .phone-block, .callback-block, .nav	{
	display:block;
	margin:0;
	padding:0;
	-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;
}
.header {
	width:100%;
	height:160px;
}
.headtop	{
	width:100%;
	height:110px;
}
.headtop:after	{display:block;clear:both;font:0/0 serif;content:" ";}
.logo-block	{
	float:left;
    width:110px;
	height:110px;
	text-align:center;
/*	border:1px solid #9cf;
	border-radius:6px;
	color:#39f;*/
}
.logo-block [class^="icon-"]:before	{
	display:inline-block;
	width:100px;
	height:100px;
	margin:0;
	padding:2px;
	text-align:center;
	font-size:106px;
	line-height:110px;
	text-shadow:1px 1px 0 rgba(255,255,255,.8);
}
.logo-block a:link, .logo-block a:visited	{color:#999;}
.logo-block a:hover, .logo-block a:active	{color:#36c;}

.slogan-block, .name-block	{
	float:left;
	width:654px;
}
.slogan-block	{
	height:20px;
	text-align:center;
	font-family:Roboto,Arial,Tahoma,Verdana,Geneva,Helvetica,sans-serif;
	font-weight:300;
	font-size:13px;
/*	letter-spacing:.6px; */
	text-transform:lowercase;
	color:#666;
	text-shadow:1px 1px 0 rgba(255,255,255,.5); 
}
.name-block	{
	height:90px;
}
.name-block h1, .name-block h2	{
	display:block;
	margin:0;
	text-align:center;
	font-family:Roboto,Arial,Tahoma,Verdana,Geneva,Helvetica,sans-serif;
	line-height:34px;
	text-transform:uppercase;
/*	text-shadow:1px 1px 1px rgba(0,0,0,.3); */
	text-shadow:1px 1px 0 rgba(255,255,255,.5); 
}
.name-block h1	{
	font-weight:500;
	font-size:30px;
	color:#06c;
	text-shadow:1px 1px 1px rgba(0,0,0,.3);
}
.name-block h2	{
	color:#666;
	font-weight:700;
	font-size:14px;
	letter-spacing:3px;
}
.name-block h2 span	{
	font-weight:400;
	font-size:13px;
	letter-spacing:normal;
}
.lang-block, .phone-block, .callback-block	{
	float:right;
	width:228px;
	color:#666;
	text-align:right;
}
.lang-block	{
	height:20px;
}
.phone-block	{
	font-family:Roboto,Arial,Tahoma,Verdana,Geneva,Helvetica,sans-serif;
	font-weight:400;
	height:40px;
}
.phone {font-size:26px;line-height:30px;}
.phone [class^="icon-"]	{margin:0;color:#06c;font-size:24px;line-height:30px;vertical-align:-1px;}
.phone span 			{font-size:18px;vertical-align:3px;}
.mail	{font-size:14px;line-height:18px;font-weight:300;}
.mail [class^="icon-"]	{margin:0 4px 0 5px;color:#06c;font-size:16px;line-height:18px;vertical-align:-2px;}

.callback-block	{
	padding-left:7px;
	font-size:12px;
	font-family:"Roboto Condensed",Arial,Tahoma,Verdana,Geneva,Helvetica,sans-serif;
	letter-spacing:normal;
	height:50px;
	color:#333;
}
.callback-block .button	{
	display:block;
	height:28px;
	min-height:28px;
	font-size:14px;
	letter-spacing:.7px;
	line-height:28px;
	text-transform:uppercase;
}
.nav	{
	width:100%;
	height:50px;
}

/* Middle
-----------------------------------------------------------------------------*/
.middle {
	position:relative;
	width:100%;
	padding:0 0 120px;
}
.middle:after {
	display:table;
	clear:both;
	content:'';
}
.sidebar, .container, .content	{
	position:relative;
	-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;
}
.container {
	float:left;
	overflow:hidden;
	width:100%;
}
.sidebar + .container	{
	width:730px;
}

/* sidebar block */
.sidebar {
	float:left;
	width:262px;
	padding:10px 20px 0 0;
/*	background:rgba(0,0,128,.02); */
}

/* content block */
.content {
	padding:10px 0 0 0;
}
.content:after	{display:block;clear:both;font:0/0 serif;content:" ";}
.content p		{text-align:justify;}
.content p.r	{text-align:right;}
.content p.c	{text-align:center;}
.content p:not([class]):first-of-type	{font-weight:500;color:#04a;}	/* первый абзац на странеце, и без класса - синий и жирный */

img.pagepic	{
	float:right;
	margin:5px 5px 5px 20px;
	border:1px solid rgba(0,0,0,.1);
	-moz-border-radius:4px;-webkit-border-radius:4px;-khtml-border-radius:4px;border-radius:4px;
	-moz-box-shadow:3px 3px 5px rgba(0, 0, 0, 0.1);-webkit-box-shadow:3px 3px 5px rgba(0, 0, 0, 0.1);box-shadow:3px 3px 5px rgba(0, 0, 0, 0.1);
}

/* Footer
-----------------------------------------------------------------------------*/
.footer {
	position: relative;
	width:100%;
	margin:-110px auto 0;
	height:110px;
	background:#efefef url(/images/footer_shadow.png) no-repeat 50% 0;
}
.footer .footcont, .footer .footcopyr	{
	display:block;
	width:992px;
	margin:0 auto;
	color:#000;
	-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;
}
.footer .footcont	{
	padding:15px 0 2px 0;
}
.footer .footcopyr	{
	padding:5px 0 0 0;
	border-top:2px solid #ccc;
	color:#666;
	font-size:15px;
	font-family:"Roboto Condensed",Arial,Tahoma,Verdana,Geneva,Helvetica,sans-serif;
	font-weight:400;
	text-shadow:1px 1px 0 #fff;
}
.footer .footcont:after, .footer .footcopyr:after	{display:block;clear:both;font:0/0 serif;content:" ";}
.footer .social-block	{
	margin:0 0 10px 0;
	font-size:15px;
	line-height:24px;
	vertical-align:middle;
}
.footer .social-block img	{
    display:inline-block;
	vertical-align:middle;
}