/*
  HTML5 ✰ Boilerplate

  style.css убирает дефолтные стили, нормализует шрифты и добавляет самые базовые стили.

  благодарности источникам
  среди которых следующие проекты:
    yui.yahooapis.com/2.8.1/build/base/base.css
    camendesign.com/design/
    praegnanz.de/weblog/htmlcssjs-kickstart
*/

/*
  html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
  v1.4 2009-07-27 | Авторы: Eric Meyer & Richard Clark
  html5doctor.com/html-5-reset-stylesheet/
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}

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

nav ul { list-style:none; }

blockquote, q { quotes:none; }

blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }

a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }

ins { background-color:#ff9; color:#000; text-decoration:none; }

mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }

/* tables still need cellspacing="0" in the markup */
table { border-collapse:collapse; border-spacing:0; }

hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }

input, select { vertical-align:middle; }

/* КОНЕЦ RESET CSS */



body, html {
	font-family:		Verdana;
	background-color:	white;
	height:				100%;
	width:				100%;
}
a {
	/*color:				#0096FF;*/
	color:				#0096FF;
	text-decoration:	none;
}
a:hover {
	text-decoration:	underline;
}
a:focus { outline:		none;}
a:hover img {
	text-decoration:	none;
}
a.dotted {
	border:				dashed 0px #0096FF;
	border-width:		0 0 1px 0;
}
a.dotted:hover {
	text-decoration:	none;
	border-width:		0;
}
a img {
	border:				solid 1px gray;
}
a:hover img {
	border:				solid 1px #0096FF;
}
a img.m-no-border {
	border:				none;
}

img.logo {
	position:			absolute;
	top:				50px;
	left:				50px;
	z-index:			10;
}
div.clear {
	clear:				both;
}


#signature-mail {
	position:			fixed;
	bottom:				20px;
	right:				100px;
	z-index:			11;
	font-size:			1em;
}




#g-wrapper {
	margin:				0 auto;
	width:				990px;
	position:			relative;
	min-height:			100%;
}

.b-header {
	position:			relative;
	width:				100%;
	height:				200px;
}
.b-header .b-logo {
	position:			absolute;
	top:				30px;
	left:				370px;
	z-index:			10;
}

.m-index-page .b-header .b-logo {
	display:			none;
}

.b-menu-top {
	position:			absolute;
	top:				120px;
	width:				100%;
	text-align:			center;
	font-size:			1.2em;
}

.m-index-page .b-menu-top {
	width:				60%;
	top:				100px;
	right:				0px;
}

.m-index-page .b-index-logo {
	position:			absolute;
	top:				10px;
	left:				0px;
}

.b-index-text {
	position:			absolute;
	top:				250px;
	left:				400px;
}





#footer-distance {
	height:				120px;
}
#footer {
	position:			absolute;
	bottom:				-1px;
	left:				100px;
	width:				700px;
	background:			transparent url('../images/footer-top-border.png') no-repeat center top;
	height:				80px;
}

#footer div.left-block,
#footer div.center-block,
#footer div.right-block {
	position:			absolute;
	top:				21px;
	color:				gray;
	font-size:			12px;
}


#footer div.left-block {
	left:				18px;
}
#footer div.center-block {
	left:				50%;
	width:				300px;
	margin-left:		-150px;
	text-align:			center;
}
#footer div.right-block {
	right:				18px;
}


#footer div.signature div.label,
#footer div.signature div.logo {
	float:				right;
}
#footer div.signature div.label {
	width:				auto;
	text-align:			center;
	white-space:		nowrap;
}
#footer div.signature div.logo {
	margin-right:		15px;
	text-align:			left;
}





.content-narrow {
	width:				700px;
	margin:				0 auto;
}

#content {
	color:				#444444;
}
#content h1 {
	font-size:			1.8em;
	margin-bottom:		20px;
}
#content h2,
#content h3 {
	margin-top:			20px;
	margin-bottom:		20px;
}
#content h2 {
	font-size:			1.2em;
}

#content p {
	margin-bottom:		20px;
	line-height:		1.6em;
}

#content ul,
#content ol {
	margin:				10px 0px 20px 0px;
	padding-left:		40px;
}
#content li {
	margin-bottom:		5px;
	line-height:		1.6em;
}

.b-prev-navigation,
.b-next-navigation {
	position:			fixed;
	top:				300px;
}
.b-prev-navigation {
	left:				50px;
}
.b-next-navigation {
	right:				50px;
}








.list-with-sliders .title-year {
	margin-bottom:		10px;
	text-align:			center;
}
.list-with-sliders .title-year a {
	font-size:			1.4em;
}
.list-with-sliders .hidden {
	display:			none;
}

.portfolio table {
	width:				100%;
}
.portfolio table td {
	width:				33%;
}
.portfolio table td.col_0 {
	text-align:			left;
}
.portfolio table td.col_1 {
	text-align:			center;
}
.portfolio table td.col_2 {
	text-align:			right;
}
.list-with-sliders .hidden .separator {
	margin:				25px 0;
	height:				1px;
	background:			transparent url('../images/footer-top-border.png') no-repeat center top;
}


.b-work {
	width:				300px;
	text-align:			center;
	margin-right:		0px;
}
.b-work .img {
	margin-bottom:		5px;
}
.portfolio .b-work {
	margin-bottom:		40px;
}
.list-with-sliders .hidden {
	clear:				both;
}


.portfolio-detail .info {
	margin-bottom:		40px;
}
.portfolio-detail .info .date,
.portfolio-detail .info .url {
	float:				left;
}

.portfolio-detail .info .date {
	color:				gray;
	font-size:			0.9em;
}
.portfolio-detail .info .url {
	font-size:			0.9em;
	margin-left:		50px;
}

.portfolio-detail .description {
	margin-bottom:		20px;
	min-height:			100px;
}
.portfolio-detail .main-img {
	text-align:			center;
	margin-bottom:		20px;
	min-height:			150px;
}
.portfolio-detail .imgs {
	margin-bottom:		20px;
	min-height:			150px;
}
.portfolio-detail table {
	width:				100%;
}
.portfolio-detail table td {
	padding-top:		20px;
	text-align:			center!important;
	vertical-align:		top;
}



.vacancies.list-with-sliders .title-year a span {
	font-size:			0.7em;
}


.feedback { width:400px; margin:0 auto; }
.feedback div { position:relative; margin:0 0 20px 0;}
.feedback .err {position:absolute; bottom:-15px; font-size:12px; color:#f00; white-space:nowrap; margin:0;}
.feedback .my-input { display:block; width:400px; font-size:1.2em; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box;box-sizing: border-box}
.feedback .twoinone { height:35px; position:relative;}
.feedback .twoinone .my-input.left { position:absolute; top:0px; left:0px; width:160px;}
.feedback .twoinone span { position:absolute; font-size:1.2em; top:0px; left:170px; display:block; width:60px; text-align:center;}
.feedback .twoinone .my-input.right { position:absolute; top:0px; right:0px;width:160px;}

.feedback .my-textarea { display:block; height:150px;  font-family:Arial, Helvetica, sans-serif; font-size:1.2em; margin:0 ; width:400px; -webkit-box-sizing: border-box; -o-box-sizing: border-box;box-sizing: border-box}