@charset "UTF-8";

/* Reset */ html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}legend{color:#000;}textarea{margin:0;padding:0;font-size:100%;font-family:inherit;font-weight:inherit;}input{font-family:inherit;font-weight:inherit;margin:0;padding:0;*font-size:100%;}strong{font-weight:bold;}em,dfn{font-style:italic;}dfn{font-weight:bold;}sup,sub{line-height:0;}del{text-decoration:line-through;}pre{white-space:pre;}pre,code,tt{line-height:1.5;}

	/* Tables still need 'cellspacing="0"' in the markup. */
	table { border-collapse: collapse; border-spacing: 0; }
	table, td, th { vertical-align: top; }

/* Grid */ .container{width:950px;margin:0 auto;}.column,div.span-1,div.span-2,div.span-3,div.span-4,div.span-5,div.span-6,div.span-7,div.span-8,div.span-9,div.span-10,div.span-11,div.span-12,div.span-13,div.span-14,div.span-15,div.span-16,div.span-17,div.span-18,div.span-19,div.span-20,div.span-21,div.span-22,div.span-23,div.span-24{float:left;margin-right:10px;}.last,div.last{margin-right:0;}.span-1{width:30px;}.span-2{width:70px;}.span-3{width:110px;}.span-4{width:150px;}.span-5{width:190px;}.span-6{width:230px;}.span-7{width:270px;}.span-8{width:310px;}.span-9{width:350px;}.span-10{width:390px;}.span-11{width:430px;}.span-12{width:470px;}.span-13{width:510px;}.span-14{width:550px;}.span-15{width:590px;}.span-16{width:630px;}.span-17{width:670px;}.span-18{width:710px;}.span-19{width:750px;}.span-20{width:790px;}.span-21{width:830px;}.span-22{width:870px;}.span-23{width:910px;}.span-24,div.span-24{width:950px;margin:0;}input.span-1,textarea.span-1,input.span-2,textarea.span-2,input.span-3,textarea.span-3,input.span-4,textarea.span-4,input.span-5,textarea.span-5,input.span-6,textarea.span-6,input.span-7,textarea.span-7,input.span-8,textarea.span-8,input.span-9,textarea.span-9,input.span-10,textarea.span-10,input.span-11,textarea.span-11,input.span-12,textarea.span-12,input.span-13,textarea.span-13,input.span-14,textarea.span-14,input.span-15,textarea.span-15,input.span-16,textarea.span-16,input.span-17,textarea.span-17,input.span-18,textarea.span-18,input.span-19,textarea.span-19,input.span-20,textarea.span-20,input.span-21,textarea.span-21,input.span-22,textarea.span-22,input.span-23,textarea.span-23,input.span-24,textarea.span-24{border-left-width:1px!important;border-right-width:1px!important;padding-left:5px!important;padding-right:5px!important;}input.span-1,textarea.span-1{width:18px!important;}input.span-2,textarea.span-2{width:58px!important;}input.span-3,textarea.span-3{width:98px!important;}input.span-4,textarea.span-4{width:138px!important;}input.span-5,textarea.span-5{width:178px!important;}input.span-6,textarea.span-6{width:218px!important;}input.span-7,textarea.span-7{width:258px!important;}input.span-8,textarea.span-8{width:298px!important;}input.span-9,textarea.span-9{width:338px!important;}input.span-10,textarea.span-10{width:378px!important;}input.span-11,textarea.span-11{width:418px!important;}input.span-12,textarea.span-12{width:458px!important;}input.span-13,textarea.span-13{width:498px!important;}input.span-14,textarea.span-14{width:538px!important;}input.span-15,textarea.span-15{width:578px!important;}input.span-16,textarea.span-16{width:618px!important;}input.span-17,textarea.span-17{width:658px!important;}input.span-18,textarea.span-18{width:698px!important;}input.span-19,textarea.span-19{width:738px!important;}input.span-20,textarea.span-20{width:778px!important;}input.span-21,textarea.span-21{width:818px!important;}input.span-22,textarea.span-22{width:858px!important;}input.span-23,textarea.span-23{width:898px!important;}input.span-24,textarea.span-24{width:938px!important;}.append-1{padding-right:40px;}.append-2{padding-right:80px;}.append-3{padding-right:120px;}.append-4{padding-right:160px;}.append-5{padding-right:200px;}.append-6{padding-right:240px;}.append-7{padding-right:280px;}.append-8{padding-right:320px;}.append-9{padding-right:360px;}.append-10{padding-right:400px;}.append-11{padding-right:440px;}.append-12{padding-right:480px;}.append-13{padding-right:520px;}.append-14{padding-right:560px;}.append-15{padding-right:600px;}.append-16{padding-right:640px;}.append-17{padding-right:680px;}.append-18{padding-right:720px;}.append-19{padding-right:760px;}.append-20{padding-right:800px;}.append-21{padding-right:840px;}.append-22{padding-right:880px;}.append-23{padding-right:920px;}.prepend-1{padding-left:40px;}.prepend-2{padding-left:80px;}.prepend-3{padding-left:120px;}.prepend-4{padding-left:160px;}.prepend-5{padding-left:200px;}.prepend-6{padding-left:240px;}.prepend-7{padding-left:280px;}.prepend-8{padding-left:320px;}.prepend-9{padding-left:360px;}.prepend-10{padding-left:400px;}.prepend-11{padding-left:440px;}.prepend-12{padding-left:480px;}.prepend-13{padding-left:520px;}.prepend-14{padding-left:560px;}.prepend-15{padding-left:600px;}.prepend-16{padding-left:640px;}.prepend-17{padding-left:680px;}.prepend-18{padding-left:720px;}.prepend-19{padding-left:760px;}.prepend-20{padding-left:800px;}.prepend-21{padding-left:840px;}.prepend-22{padding-left:880px;}.prepend-23{padding-left:920px;}div.border{padding-right:4px;margin-right:5px;border-right:1px solid #eee;}div.colborder{padding-right:24px;margin-right:25px;border-right:1px solid #eee;}.pull-1{margin-left:-40px;}.pull-2{margin-left:-80px;}.pull-3{margin-left:-120px;}.pull-4{margin-left:-160px;}.pull-5{margin-left:-200px;}.pull-6{margin-left:-240px;}.pull-7{margin-left:-280px;}.pull-8{margin-left:-320px;}.pull-9{margin-left:-360px;}.pull-10{margin-left:-400px;}.pull-11{margin-left:-440px;}.pull-12{margin-left:-480px;}.pull-13{margin-left:-520px;}.pull-14{margin-left:-560px;}.pull-15{margin-left:-600px;}.pull-16{margin-left:-640px;}.pull-17{margin-left:-680px;}.pull-18{margin-left:-720px;}.pull-19{margin-left:-760px;}.pull-20{margin-left:-800px;}.pull-21{margin-left:-840px;}.pull-22{margin-left:-880px;}.pull-23{margin-left:-920px;}.pull-24{margin-left:-960px;}.pull-1,.pull-2,.pull-3,.pull-4,.pull-5,.pull-6,.pull-7,.pull-8,.pull-9,.pull-10,.pull-11,.pull-12,.pull-13,.pull-14,.pull-15,.pull-16,.pull-17,.pull-18,.pull-19,.pull-20,.pull-21,.pull-22,.pull-23,.pull-24{float:left;position:relative;}.push-1{margin:0 -40px 1.5em 40px;}.push-2{margin:0 -80px 1.5em 80px;}.push-3{margin:0 -120px 1.5em 120px;}.push-4{margin:0 -160px 1.5em 160px;}.push-5{margin:0 -200px 1.5em 200px;}.push-6{margin:0 -240px 1.5em 240px;}.push-7{margin:0 -280px 1.5em 280px;}.push-8{margin:0 -320px 1.5em 320px;}.push-9{margin:0 -360px 1.5em 360px;}.push-10{margin:0 -400px 1.5em 400px;}.push-11{margin:0 -440px 1.5em 440px;}.push-12{margin:0 -480px 1.5em 480px;}.push-13{margin:0 -520px 1.5em 520px;}.push-14{margin:0 -560px 1.5em 560px;}.push-15{margin:0 -600px 1.5em 600px;}.push-16{margin:0 -640px 1.5em 640px;}.push-17{margin:0 -680px 1.5em 680px;}.push-18{margin:0 -720px 1.5em 720px;}.push-19{margin:0 -760px 1.5em 760px;}.push-20{margin:0 -800px 1.5em 800px;}.push-21{margin:0 -840px 1.5em 840px;}.push-22{margin:0 -880px 1.5em 880px;}.push-23{margin:0 -920px 1.5em 920px;}.push-24{margin:0 -960px 1.5em 960px;}.push-1,.push-2,.push-3,.push-4,.push-5,.push-6,.push-7,.push-8,.push-9,.push-10,.push-11,.push-12,.push-13,.push-14,.push-15,.push-16,.push-17,.push-18,.push-19,.push-20,.push-21,.push-22,.push-23,.push-24{float:right;position:relative;}.prepend-top{margin-top:1.5em;}.append-bottom{margin-bottom:1.5em!important;}.box{padding:1.5em;margin-bottom:1.5em;background:#E5ECF9;}hr{background:#dedede;color:#ddd;clear:both;float:none;width:100%;height:1px;margin:0 0 1.45em;border:none;}hr.space{background:#fff;color:#fff;}



	/* Фундамент */

	html {overflow-y: scroll;}

	body {
		font-size: 75%; /* base 12px */
		line-height: 1.5;
		font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
		margin: 6em 0 4em 0;
		background-color: #fff;
		color: #565656;
		}

	p {
		font-size: 1em;
		line-height: 1.5em;
		margin: 0 0 1.5em 0;
		}

	ul, ol {list-style: none; }

	li {line-height: 2;}

	object {outline: none;}



	/* Заголовки: H1-H4 */

	h1, h2, h3, h4, h5, h6 {
		font-weight:normal;
		color: #111;
		font-family: Georgia, serif;
		font-style: italic;
		}

	h1 {
		font-weight: bold;
		font-size: 2em;
		line-height: 1.5em;
		letter-spacing: -1px;
		margin-bottom: 0.75em;
		}

	h2 {
		color: #222;
		font-size:1.5em;
		line-height:1em;
		margin-bottom:1em;
		}

	h3 {
		font-size: 2.6667em;
		line-height: 1.125em;
		margin-bottom: 0.5625em; /* 32px */
		}

	h4 {
		font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
		font-style: normal;
		color: #565656;
		padding-left: 8px;
		padding-right: 15px;
		line-height: 2.5;
		background: url(/i/icons/li2.png) 97.5% 10px no-repeat;
		}

	.header2 {
		color: #222;
		font-family: Georgia, serif;
		font-style: italic;
		font-size:1.5em;
		line-height: 1em;
		margin-bottom: 1em;
		}

	.caption {
		font-family: Georgia, serif !important;
		font-style: italic !important;
		font-size: 1.5em !important;
		}

	/* Ссылки */

	a {
		color: #0055cc;
		white-space: nowrap;
	}
		a:visited {color: #9B3487;}
		a:focus   {color: #6699FF;}
		a:hover   {color: #3366FF !important;}


	a img {border: none;}


	#menu li a {
		color: #565656;
		text-decoration: none;
		border-bottom: 3px #dfdfdf solid;
		padding: 0;
		font-size: 1.167em; /* 14px */
	}
		#menu li a:hover {color: #565656 !important;}
		#menu li.current a {border-bottom-color: #000;}
		body.noJS #menu a:hover {border-bottom-color: #9f9f9f;}
		body.noJS #menu li.current a:hover {border-bottom-color: #000;}


	#bd a {text-decoration: none;}
		#bd a:hover {text-decoration: underline;}


	#ft a {color: #565656; text-decoration: underline;}


	a[href$='.pdf'] {
	   padding: 3px 0 3px 23px;
	   background: url(/i/icons/download.png) 0% 50% no-repeat;
	}


	a[rel=popup] {
		padding-right: 20px;
		background: url(/i/icons/external.gif) 100% 0% no-repeat;
		color: #565656;
		text-decoration: underline !important;}


	a#add2favorites {
		margin-right: 3em;
		border-bottom: 1px #999 dashed;
		text-decoration: none !important;
		color: #999;
	}
		a#add2favorites:hover {border-bottom: 1px #3366FF dashed;}


	a.grey {
		color: #999;
		text-decoration: underline !important;
	}



	/* Формы */

	select {font-size: 1em; font-family: inherit;}

	span.checkbox {
		width: 19px;
		height: 25px;
		padding: 0 5px 0 0;
		background: url(/i/forms/checkbox.png) no-repeat;
		display: block;
		clear: left;
		float: left;
	}

	span.radio {
		width: 19px;
		height: 25px;
		padding: 0 5px 0 0;
		background: url(/i/forms/radio.png) no-repeat;
		display: block;
		clear: left;
		float: left;
	}

	span.select {
		position: absolute;
		width: 158px;
		height: 21px;
		padding: 0 24px 0 8px;
		color: #fff;
		font-size: 1em;
		line-height: 1.75em;
		font-family: inherit;
		background: url(/i/forms/select.png) no-repeat;
		overflow: hidden;
	}

	input.criteria  {
		font-size: 1.167em;; /* 14px */
		color: #111;
		margin: 1em 1em 1em 0;
		border: 1px solid #dfdfdf;
		background: url(/i/white.png) repeat;
		padding: .35em .25em;
		width: 16.5em;
	}

		/* ------------ Поиск Google ------------ */

		#cse-search-box {
			position: absolute;
			right: 0;
			bottom: 0;
		}

		#cse-search-mask {background: #000 url(/i/mask.png) 470px 75px no-repeat;}



	/* Оформление текста */
	.tright {text-align: right;}
	.grey, .grey * {color: #999;}
	.question {display: block; color: #111; margin-bottom: 6px;} /*margin-bottom - половина от текущего line-height*/
	.dashed {border-bottom: 1px #565656 dashed; cursor: help;}
	.px14 { font-size: 1.167em; line-height: 1.4286em; }
	.small1 {font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-style: normal; font-size: .8em; line-height: 1.44em;  margin-bottom: 1.5em;} /* incr */
	.small2 {font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-style: normal; font-size: .8em; line-height: 1.875em; margin-bottom: 1.875em;}
	.showgrid {background:url(/inc/css/grid.png);}
	.clearfix:after, .container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
	.clearfix, .container {display:block;}
	.clear {clear:both;}
	abbr, acronym {border-bottom:1px dotted #666;}
	address {margin:0 0 1.5em;font-style:italic;}



	/* Services */

	.nav li.current {
		background: url(/i/icons/licurrent.png) 0% 50% no-repeat;
		padding-left: 23px;
		margin-left: -23px;
		height: 100%; /* IE7 fix для полного отображения licurrent.png */
		}

	ul#service-nav {padding-bottom: 3em;}

		ul#service-nav li {
			border-top: 1px solid #dfdfdf;
			cursor: pointer;
			clear: both;
			}

			ul#service-nav li:hover h4 {
				color: #000;
				text-decoration: underline;
				}

		ul#service-nav li.current h4 {
			background:	#f5f5f5 url(/i/icons/li2current.png) 97.5% 10px no-repeat;
			color: #000;
			text-decoration: none;
			}

		ul#service-nav li.current * {
				cursor:	default;
				}

		ul#service-nav li.current a {
				cursor:	pointer;
				}

		ul#service-nav li ul {
			padding: 8px 0 8px 16px;
			overflow: hidden;
			}

			ul#service-nav li ul li {
				background: none;
				border: none;
				float: left;
				clear: none;
				font-size: 0.9em;
				min-width: 25%;
				margin-right: 16px;
				}



	div#service-price {
			text-align: right;
			background: url(/i/rub.png) 100% 9px no-repeat;
			padding-right: 22px;
			display: none;
			}

		span#rub {
				color: #000;
				font-size: 2em;
				height: 30px; /* height добавлен как dirty workaround для позиционирования подчеркивания в IE<8 */
				}

		span#usd {margin-right: 10px;}


	#service-mod {
		margin: auto 0 auto auto;
		width: 190px;
		margin-top: 0.5em;
		padding: 27px 20px 2px 20px;
		background: #f9f9f9 url(/i/mods.png) 0% 0% no-repeat;
		overflow: hidden;
		display: none;
	}

		#service-mod div {
			display: none;
			padding-left: 20px;
			margin: 20px 0px 20px -20px;
		}

		#service-mod label {
			display: block;
			color: #111;
			font-size: 10px;
			padding-bottom: 0.5em;
		}

		.asterisk {background: url(/i/icons/asterisk.gif) 0% 0% no-repeat;}


	#service-output {
		margin-bottom: 3em;
		background: #000;
		width: 630px;
		height: 350px;
		overflow: hidden;
		position: relative;
	}

		body.noJS #service-output {display: none;}

	#service-link {
		bottom: 0;
		background: transparent url(/i/white.png);
		position: absolute;
		z-index: 15;
		height: 50px;
		width: 100%;
		display: none;
	}

		#service-link li {
			font-size: 1.167em;
			color: #111;
			line-height: 50px;
			text-align: center;
			width: 100%;
		}



/* -------------------- Таблицы -------------------- */

td {vertical-align: top;}
	/* Вариации TD */
	body#about td {
		padding: .5em 1em;
		border-bottom: 1px solid #dedede;
	}


/* -------------------- Основные элементы всех страниц -------------------- */
/* Шапочка */
#hd {
	height: 370px;
	background: #fff url(/i/face.png) center bottom no-repeat;
	margin: 0 0em 2.5em 0em;
	border-bottom: 1px solid #999;
	position: relative;
}

	#name {
		text-align: right;
		margin-right: 31px;
	}
		#contactform #name {margin-right: 0;}

	#hello {
		position: absolute;
		top: 50%;
		left: 50%;
		margin-left: -200px;
		z-index: 1;
    }

/* Меню внутренних страниц */
#menu {
position: absolute;
right: 0;
margin-right: 36px;
margin-top: 30px;
}
	#menu ul {
	}
		#menu ul li {
			padding: .75em 0 3px 0; /* 3px это отступ для видимости border у ссылок */
			float: left;
			margin-right: 50px;
		}

/* Подвал */
#ft {
	margin-top: 2.5em;
	border-top: 1px solid #dfdfdf;
	padding: 1em 0;
	position: relative;
}

	/* Логотип */
	#logo {
			position: absolute;
			width: 40px;
			height: 30px;
			left: 50%;
			margin-left: -20px;
			margin-top: -27px;
			background: #fff url(/i/logo.png) 50% 0% no-repeat;
		  }


/* Контактная форма */
body#contactform {width: 650px; margin: 2em auto 0 auto;}
body#contactform #header #name {float: right;}
form#feedback li.contact-details {
  margin-top: 1.45em;
}
form#feedback label {
  display: block;
  margin-bottom: .5em;
}
form#feedback legend {
	display: block;
	padding: 1.5em 0 0.25em 0;
	color: #000;
}
form#feedback textarea {
	width: 100%;
	background: #f9f9f9;
	border: 1px solid #dfdfdf;
	overflow: auto;
	font-family: inherit;
}
.button-send {
	color:#111;
	border: #dedede solid 2px;
	background-color: #f5f5f5;
	height: 30px;
	margin: 1em 0;
	padding: .25em .5em;
	 -moz-border-radius: 5px;
	 -webkit-border-radius: 5px;
}
form#feedback strong {display: block; margin-left: -1.25em;}
/* Время работы */
#schedule {
	}
	.workday, .dayoff {
	  border: 1px solid #dfdfdf;
	  text-align: center;
	  color: #999;
	  height: 3em;
	  line-height: 3em;
   	  width: 1.85em;
	  margin-right: .5em; /* Должен совпадать с .schedule-border */
	}
		.workday {
       	  background: #E7E7E7;
		}
		.dayoff {
		  background: #f9f9f9;
		}
	.schedule-border {
	  border: 1px solid #999;
	  height: 5px;
	  border-top: 0;
	  margin-top: .5em;
	  margin-bottom: .5em;
	  margin-right: .5em; /* Должен совпадать с .workday и .dayoff */
    }
	.schedule-time {
		border: 1px solid transparent;
		text-align: center;
		font-size: 1.143em;
		margin-right: .5em; /* И тут тоже */
    }

/* 404-я страница */
.techpages #content {
	width: 0 auto;
	text-align: center;
	padding-top: 200px;
}

/* -------------------- Картинки -------------------- */

.img-name {
  width: 290px;
  height: 112px;
}
.img-phone {
  width: 136px;
  height: 16px;
}
.img-home {
  width: 15px;
  height: 14px;
}
.img-qr {
	width: 168px;
	height: 168px;
}
.img-external {
  width: 20px;
  height: 12px;
}
.img-service {
  width: 630px;
  height: 350px;
  background: url(/i/loader.gif) 50% 50% no-repeat;
}


/* -------------------- Прочее -------------------- */

.clearfix
{
	display: inline-table;
/* Hides from IE-mac \*/
	height: 1%;
	display: block;
/* End hide from IE-mac */
}
	html>body .clearfix	{height: auto;}
	.clearfix:after
	{
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}

.invisible {visibility: hidden;}

.hidden {display: none !important;}

.relative {position: relative;}

.border-top {border-top: 1px solid #dfdfdf;}
.border-bottom {border-bottom: 1px solid #dfdfdf;}

.nomarginbottom {margin-bottom: 0;}

.black {color: #000;}
.white {color: #fff;}

span.nobr {white-space: nowrap;}

sup, sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	//vertical-align: bottom;
	position: relative;
}
	sup {bottom: 1ex; text-decoration: underline;}
	sub {top: .5ex;}

#soon {
	position: absolute;
	bottom: 0;
	z-index: 999;
}

/* -------------------- Отладка -------------------- */

.outline {outline: 1px solid red;}

/*
* { outline: 2px dotted red }
* * { outline: 2px dotted green }
* * * { outline: 2px dotted orange }
* * * * { outline: 2px dotted blue }
* * * * * { outline: 1px solid red }
* * * * * * { outline: 1px solid green }
* * * * * * * { outline: 1px solid orange }
* * * * * * * * * { outline: 1px solid blue }
*/