/* Styles by Big Blue Dog Design */

/* -------------------------------------------------- 
   Table of Contents
-----------------------------------------------------
:: Basic Styles
:: Typography
:: Shared Styles
:: Home
:: About
:: Product Services
:: Contact
:: Sitemap
:: Popup
:: Footer
:: Social
:: Accordion
*/


/* Basic Styles
================================================== */
html {
	width:100%;height:100%;
	overflow-y: scroll;
	}
body {
	position: relative;
	width:100%;height:100%;
	background-color: #333333;
	padding:0;
	margin:0 auto;

	font-family: MyriadPro-Regular, 'Myriad Pro Regular', MyriadPro, 'Myriad Pro', Helvetica, Arial, sans-serif;
	color: #555;
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
	-webkit-text-size-adjust: 100%;

	background:#333333 no-repeat center 0;

/*
	-webkit-background-size: 100% 825px;
	-moz-background-size: 100% 825px;
	-o-background-size: 100% 825px;
	background-size: 100% 825px;
*/
	}

/* backgrounds */
.medical		{ background-image: url(medical.jpg)/*tpa=http://ec-tlt.ru/medical.jpg*/ }
.communication	{ background-image: url(communication.jpg)/*tpa=http://ec-tlt.ru/communication.jpg*/ }
.industrial		{ background-image: url(industrial.jpg)/*tpa=http://ec-tlt.ru/industrial.jpg*/ }
.military		{ background-image: url(military.jpg)/*tpa=http://ec-tlt.ru/military.jpg*/ }
.sciences		{ background-image: url(sciences.jpg)/*tpa=http://ec-tlt.ru/sciences.jpg*/ }
.security		{ background-image: url(security.jpg)/*tpa=http://ec-tlt.ru/security.jpg*/ }
.product		{ background-image: url(products.jpg)/*tpa=http://ec-tlt.ru/products.jpg*/ }
.services		{ background-image: url(solutions-1.jpg)/*tpa=http://ec-tlt.ru/solutions.jpg*/ }
.about			{ background-image: url(about.jpg)/*tpa=http://ec-tlt.ru/about.jpg*/ }
.news			{ background-image: url(news.jpg)/*tpa=http://ec-tlt.ru/news.jpg*/ }
.contact		{ background-image: url(solutions.jpg)/*tpa=http://ec-tlt.ru/wp-content/themes/twentytwelve/solutions.jpg*/ no-repeat scroll 50% 0px rgb(51, 51, 51) }
.usage			{ background-image: url(usage.jpg)/*tpa=http://ec-tlt.ru/usage.jpg*/ }
.partner		{ background-image: url(partner.jpg)/*tpa=http://ec-tlt.ru/partner.jpg*/ }
.login			{ background-image: url(partner.jpg)/*tpa=http://ec-tlt.ru/partner.jpg*/ }

.pad {
	padding-bottom:190px;
	}

.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}

hr {
	background:#C9CED0;
	border:none;
	height:1px;
}

/* Typography
================================================== */

	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; color:inherit; }
	h1 {
		padding:0 47px;
		font-family: 'Tahoma', sans-serif;
		font-size:49px;
		font-weight:100;
		line-height:118px;
		color:#db2820;
		text-transform:uppercase;
		font-weight: bold;
		}

	em { font-style: italic; }
	strong { font-weight: bold;}

/* -----------------------------------------
   Shared Styles
----------------------------------------- */

.wrapper {
	position: relative;
	width: 979px; min-height:100%;
	margin:0 auto;
	z-index: 1;
	}


/* header */
header {
	position:relative;
	z-index:2000;
	width:100%;
	height:205px;
	}
.partner header {
	height:150px;
	}
	#logo img {
		margin-top:26px;
		}
	header h1 {
		float:left;
		padding:0;
		}
	header >ul {
		float:right;
		margin:22px 0 0;
		}
	header >ul li {
		float:left;
		margin-left:11px;

		font-family: 'Arial', sans-serif;
		font-size:13px;
		line-height:16px;
		color:#fff;
		}
	header >ul a {
		padding-left:11px;
		border-left:2px solid #fff;

		font-size:13px;
		color:#fff;
		}
	header >ul a:hover {
		text-decoration:underline;
		}
	header >ul a img {
		margin-left:6px;
		vertical-align: baseline;
		}

	.intro, .content {
		overflow:hidden;
		}

	.content {
		position:relative;
		background:#fff url(g-strip.png)/*tpa=http://ec-tlt.ru/img/g-strip.png*/ repeat-y 707px 0;
		margin-bottom:0px;

		-moz-border-radius: 12px;
		-webkit-border-radius: 12px;
		-khtml-border-radius: 12px;
		border-radius: 12px;

		-webkit-box-shadow: 0 0px 2px #5b5a5a;
		-moz-box-shadow: 0 0px 2px #5b5a5a;
		-o-box-shadow: 0 0px 2px #5b5a5a;
		box-shadow: 0 0px 2px #5b5a5a;
		}
	.partner .content {
		background-position:283px 0;
		}
	.login .content {
		height:334px;
		background:#fff url(login.jpg)/*tpa=http://ec-tlt.ru/img/login.jpg*/ no-repeat right top;
		}
	.usage .content {
		background-image:none;
		text-align:center;
		}
		.content >img {
			position:absolute;
			top:0;left:0;
			}
		.content article {
			position:relative;
			top:136px;
			z-index:1;
			float:left;
			width:572px;
			margin:0 25px 0;
			padding:7px 31px 0px;
			background:url(articleBg.png)/*tpa=http://ec-tlt.ru/img/articleBg.png*/ no-repeat center 0;
			}
		.news article, .contact article, .partner article, .usage article {
			position:relative;
			top:0;
			background:none;
			padding-bottom:0;
			}
		.news article {
			width:605px;
			padding:7px 0 10px;
			margin: -2px 0 0 0;
			background:url(w-dots.jpg)/*tpa=http://ec-tlt.ru/img/w-dots.jpg*/ repeat-x 0 top;
			}
			.news article small {
				position:absolute;
				top:0;right:0;

				font-size:14px;
				font-weight:normal;
				color:#50abd0;
				}
			.news article img {
				float:right;
				margin:0 0 20px 33px;
				}
		.usage article {
			float:none;
			width:auto;
			margin:40px auto 60px;
			text-align:left;
			}

		.contact article {
			float:left;
			width:235px;
			margin: 0 0 0 33px;
			padding:0;
			}
			.contact article dl {
				margin:45px 0;
				}
			.contact article dt {

				font-size:15px;
				line-height:18px;
				font-weight:bold;
				color:#505050;
				}
			.contact article li {
				font-size:13px;
				line-height:17px;
				color:#505050;
				}
			.contact article li span {
				font-weight:bold;
				}
			.contact article dl p {
				margin:6px 0;
				font-size:13px;
				line-height:;
				color:#505050;
				}
			.contact article p strong {
				font-weight: bold;
				color: #50abd2;
				}
			.contact article h5 {
				margin-top:6px;

				font-size:13px;
				line-height:17px;
				font-weight: bold;
				color: #50abd2;
				}
			.contact article small {
				font-size:12px;
				line-height:15px;
				color:#505050;
				font-style: italic;
				}
			.contact article a {
				color:#505050;
				}
			.contact article a:hover {
				color:#787878;
				text-decoration:underline;
				}

		.content .news-content {
			float:left;
			width:605px;
			margin:15px 0 25px 49px;
			}
			.content .news-content h3 {
	
				}

		.Pager {
			display:block;
			margin: 5px 0;
			font-family: Arial, sans-serif;
			}
			.Pager li {
				display: inline-block;
				list-style: none;
				margin: 0;
				}
			.Pager li a,
			.Pager li.MarkupPagerNavSeparator {
				display: block;
				float: left;
				padding: 2px 9px;
				color: #fff;
				background: #2e4248;
				margin-right: 3px;
				font-size: 10px;
				font-weight: bold;
				text-transform: uppercase;
				}
			.Pager li.MarkupPagerNavOn a,
			.Pager li a:hover {
				color: #fff;
				background: #50ABD0;
				text-decoration: none;
				}
			.Pager li.MarkupPagerNavSeparator {
				display: inline;
				color: #777;
				background: #d2e4ea;
				padding-left: 3px;
				padding-right: 3px;
				}

		.content .articles {
			overflow:hidden;
			}

		.content h2 {
			position:relative;
			margin:18px 0;
	
			font-family: MyriadPro-Regular, 'Myriad Pro Regular', MyriadPro, 'Myriad Pro', Helvetica, Arial, sans-serif;
			font-size:21px;
			line-height:27px;
			font-weight:normal;
			color:#505050;
			}
		.content article h3 {
	
			font-size:19px;
			line-height:24px;
			font-weight:normal;
			color:#00a8ba;
			}
		.content article h4 {
	
			font-size:19px;
			line-height:24px;
			font-weight:normal;
			color:#505050;
			}
		.content article p {
			margin:18px 0;
	
			font-family: MyriadPro-Regular, 'Myriad Pro Regular', MyriadPro, 'Myriad Pro', Helvetica, Arial, sans-serif;
			font-size:13px;
			line-height:18px;
			color:#505050;
			}
		.content article p a {
			color:#50abd0;
			}
		.content article p a:hover {
			color:#5dbee3;
			text-decoration:underline;
			}
		.content article .lead {
			font-size:15px;
			line-height:20px;
			}
		.content blockquote {
			margin-top:18px;
			margin-bottom:35px;
			}
		.content blockquote p {
			margin:0;

			font-size:21px;
			line-height:27px;
			font-weight:normal;
			}
			.content blockquote p span {
				color:#50abd0;
				}
			.content blockquote p strong {

				font-weight:normal;
				color:#50abd0;
				}
			.content blockquote h3 {
				margin:0;

				font-size:21px;
				line-height:27px;
				font-weight:normal;
				color:#50abd0;
				}

		.content article >ul, .content .list {
			margin:20px 0;
			}
			.content article >ul li, .content .list li {
				padding-left:14px;
				margin:8px 0;
				background:url(bull.jpg)/*tpa=http://ec-tlt.ru/img/bull.jpg*/ no-repeat 0 4px;
	
				font-size:13px;
				line-height:18px;
				color:#505050;
				}
			.content article >ul >li, .content .list >li {
				background:url(bull.jpg)/*tpa=http://ec-tlt.ru/img/bull.jpg*/ no-repeat 0 4px;
				}
			.content article >ul a:hover, .content .list a:hover {
				text-decoration: underline;
				}

			.content article >ul li li li li, .content .list li li li li {
				display:inline-block;
				margin-right:15px;
				}

		article .case {
			padding-top:26px;
			margin-top:6px;
			background:url(dots.jpg)/*tpa=http://ec-tlt.ru/img/dots.jpg*/ repeat-x 0 top;
			overflow:hidden;
			}
			article .case h3 {
				
				}
			article .case p {
				
				}
			article .case img {
				float:right;
				margin:0 0 20px 20px;
				}


	.content aside {
		float:right;
		width:271px;height:100%;
		margin-top:10px;
				}
	.content nav {
		padding:0 39px 25px 30px;
		border-bottom:1px solid #c9ced0;
		}
		.content nav h3 {

			font-family: 'Novecentowide-Medium', sans-serif;
			font-size:16px;
			line-height:45px;
			color:#44b2e0;
			text-transform:uppercase;
			}
		.content nav h4 {

			font-family: 'Novecentowide-Medium', sans-serif;
			font-size:16px;
			line-height:45px;
			color:#f3892b;
			text-transform:uppercase;
			}
		.content nav ul {
			border-top:1px solid #c9ced0;
			}
		.content nav a {
			display:block;
			padding:6px 0;
			border-bottom:1px solid #c9ced0;

			font-family: 'Novecentowide-Medium', sans-serif;
			font-size:12px;
			line-height:15px;
			color:#505050;
			text-transform:uppercase;
			}
		.content nav a small {
			color:#b7b5b5;
			}
		.content nav a:hover {
			background:#ecf2f5;
			}
		.content nav .selected {
			padding:6px 8px;
			background:#ecf2f5;
			}
			.news nav ul {
				margin-bottom:20px;
				}

	.content aside section {
		min-height:50px;
		padding:0 39px 25px 30px;
		border-bottom:1px solid #c9ced0;
		}
		.content aside section li {
			padding:5px 0 14px;
			background:url(w-dots.jpg)/*tpa=http://ec-tlt.ru/img/w-dots.jpg*/ repeat-x 0 bottom;
			}
		.content aside section h4 {
			height:54px;
			background:url(w-dots.jpg)/*tpa=http://ec-tlt.ru/img/w-dots.jpg*/ repeat-x 0 bottom;
			padding-bottom:2px;

			font-family: 'Novecentowide-Medium', sans-serif;
			font-size:16px;
			line-height:62px;
			color:#f3892b;
			text-transform:uppercase;
			}
		.content aside section h5 {
			margin:9px 0;

			font-family: MyriadPro-Regular, 'Myriad Pro Regular', MyriadPro, 'Myriad Pro', Helvetica, Arial, sans-serif;
			font-size:14px;
			line-height:18px;
			color:#505050;
			}
		.content aside section h5 a:hover {
			color:#5db2d6;
			}
		.content aside section p {

			font-family: MyriadPro-Regular, 'Myriad Pro Regular', MyriadPro, 'Myriad Pro', Helvetica, Arial, sans-serif;
			font-size:12px;
			line-height:16px;
			color:#505050;
			}

		.content .button {
			position:relative;
			height: 52px;
			margin: 25px 39px 25px 30px;
			background-image: url("nav.jpg")/*tpa=http://ec-tlt.ru/img/nav.jpg*/;
			background-repeat: repeat-x;
			background-color: #3d3d3d;
		
			-webkit-border-radius:6px;
			-moz-border-radius:6px;
			border-radius:6px;	

			-webkit-box-shadow: 0 0px 1px #8a8a8a;
			-moz-box-shadow: 0 0px 1px #8a8a8a;
			-o-box-shadow: 0 0px 1px #8a8a8a;
			box-shadow: 0 0px 1px #8a8a8a;
			}
		.content .btn-sm {
			margin-left:0;
			margin-right:0;
			max-width:202px;
			}
		.content .button img {
			position:absolute;
			left:4px;bottom:10px;
			}
		.content .button a {
			display:block;
			padding: 0px 0 10px 75px;

			font-family: 'Novecentowide-Medium', sans-serif;
			font-size:16px;
			line-height:16px;
			color:#fff;
			text-transform:uppercase;

			-webkit-text-shadow: 0 0px 1px #8a8a8a;
			-moz-text-shadow: 0 0px 1px #8a8a8a;
			-o-text-shadow: 0 0px 1px #8a8a8a;
			text-shadow: 0 0px 1px #8a8a8a;
			}
		.content .button a:hover {
			background:url(navH.png)/*tpa=http://ec-tlt.ru/img/navH.png*/;
			}
		.content .button small {
			display:block;

			font-family: 'Arial', sans-serif;
			font-size:11px;
			line-height:;
			text-transform:none;
			}
			
		.content aside >h5 {
			margin:20px 0 0 31px;

			font-size:14px;
			line-height:20px;
			font-weight:bold;
			color:#4faad2;;
			}

		aside .maps {
			display:block;
			margin-top:21px;
			border-bottom:1px solid #c9ced0;

			padding-left:30px;
			padding-bottom:14px;
			}
		aside .maps >a {
			display:block;
			height:30px;

			font-size:13px;
			line-height:30px;
			color:#505050;
			font-style: italic;
			}
		aside .maps >a:hover {
			color:#807e7e;
			text-decoration: underline;
			}

/* sectors */

#sectors {
	position:relative;
	z-index:20000;
	margin-left:-8px;
	}

.home #sectors {
	position:absolute;
	bottom:0;
	}
	#sectors li {
		position:relative;
		float:left;
		margin-left:8px;
		}
	#sectors img {
		vertical-align: middle;
		}
	#sectors span {
		display:block;

		font-family: 'Novecentowide-Medium', sans-serif;
		font-size:15px;
		line-height:38px;
		color:#6a6a6a;
		text-transform:uppercase;
		}
	#sectors .bs-pagination:hover span, #sectors .bs-pagination.bs-active span {
		color:#52acd3;
		}

	#sectors .hov {
		position:absolute;
		z-index:3000;
		top:6px;left:6px;
		opacity:0;
		/*display:none;*/
		width:144px;height:142px;
		background:url(arrow.png)/*tpa=http://ec-tlt.ru/img/arrow.png*/ no-repeat center center;
		}

	#sectors.sub a {
		display: block;
		width:144px;height:174px;
		padding:6px;
		background:#6b6b6b;
		border-radius: 7px;
		outline: none;
	
		-webkit-transition:all 0.3s linear;
		-moz-transition:all 0.3s linear;
		-o-transition:all 0.3s linear;
		transition:all 0.3s linear;
		}
	#sectors.sub a:hover {
		background:#474848;
		}
	#sectors.sub span {
		color:#b2b2b2;
		}




/* -----------------------------------------
   Home
----------------------------------------- */

	.home article, .home aside {
		margin:40px 0;
		}

	.home article {
		float:left;
		width:463px;
		}
		.home article h3 {
			font-family: MyriadPro-Regular, 'Myriad Pro Regular', MyriadPro, 'Myriad Pro', Helvetica, Arial, sans-serif;
			font-size:13px;
			line-height:18px;
			color:#fff;			
			}
		.home article p {
			margin-bottom:18px;

			font-family: MyriadPro-Regular, 'Myriad Pro Regular', MyriadPro, 'Myriad Pro', Helvetica, Arial, sans-serif;
			font-size:13px;
			line-height:18px;
			color:#a6a6a6;
			}
		.home article .lead {
			font-size:20px;
			line-height:24px;
			}


	.home aside {
		float:right;
		width:453px;
		}
		.home aside li {
			padding-bottom:12px;
			margin-bottom:11px;
			background:url(dots.png)/*tpa=http://ec-tlt.ru/img/dots.png*/ repeat-x 0 bottom;
			}
		.home aside .last {
			background:none;
			}
			.home aside h4 {
				margin-bottom:4px;
	
				font-family: MyriadPro-Regular, 'Myriad Pro Regular', MyriadPro, 'Myriad Pro', Helvetica, Arial, sans-serif;
				font-size:20px;
				line-height:24px;
				color:#fff;
				}
			.home aside h4 a:hover {
				color:#5db2d6;
				}
			.home aside p {
				font-family: MyriadPro-Regular, 'Myriad Pro Regular', MyriadPro, 'Myriad Pro', Helvetica, Arial, sans-serif;
				font-size:13px;
				line-height:18px;
				color:#a6a6a6;
				}
	
	#pane {
		position:relative;
		clear:both;
		height:512px;
		margin-bottom:39px;
		}
		#pane-wrapper {
			position:absolute;
			left:-979px;
			width:2940px;height:512px;
			overflow:hidden;
			z-index:1;
			}
			#pane-inner {
				position:absolute;
				width:10000px;
				left:-979px;
				z-index:1;
				}
				#pane-wrapper .center {
					left:1960px;
					}
				#pane-wrapper .right {
					left:2940px;
					}

	#banner {
		width:979px;
		margin:0px 0px 20px;
		overflow:hidden;
		}
	.home #banner {
		position:absolute;
		left:1958px;
		width:979px;
		height:512px;
		margin:0;
		}

		#banner h2 {
			width:100%;
			padding-bottom:7px;
			margin:19px 0;
			background:url(gl-strip.png)/*tpa=http://ec-tlt.ru/img/gl-strip.png*/ no-repeat 0 bottom;
	
			font-family: 'Novecentowide-Medium', sans-serif;
			font-size:23px;
			line-height: 32px;
			font-weight:normal;
			color:#767676;
			text-transform:uppercase;
			}
		.home #banner h2 {
			position:absolute;
			left:0;bottom:200px;
			margin:0;
			background-image:url(strip.png)/*tpa=http://ec-tlt.ru/img/strip.png*/;

			color:#fff;
			}
	
		#banner blockquote {
			position:relative;
			left:2000px;
			padding:120px 0 0 44px;
			z-index:1;
			}
		#banner h4 {
			font-family: 'Novecentowide-Light', sans-serif;
			font-size:53px;
			line-height:60px;
			color:#ffffff;
			text-transform:uppercase;
			}
		#banner p {
			font-family: 'Novecentowide-Normal', sans-serif;
			font-size:16px;
			color:#ffffff;
			text-transform:uppercase;
			text-indent:26px;
			}


	.bs-previous, .bs-next {
		display:block;
		position:absolute;
		left:0;top:89px;
		width:58px;height:116px;
		background:url(prev.png)/*tpa=http://ec-tlt.ru/img/prev.png*/ no-repeat 0 top;
		z-index:1001;
		}
	.bs-next {
		left:auto;right:0;
		background-image:url(next.png)/*tpa=http://ec-tlt.ru/img/next.png*/;
		}
	.bs-previous:hover, .bs-next:hover {
		background-position:0 bottom;
		}

/* -----------------------------------------
	About
----------------------------------------- */

	#people {
		
		}
		#people >ul {
			width:590px;
			margin:4px 0;
			}
		#people >ul >li {
			display:inline-block;
			position:relative;
			width:290px;
			margin:17px 0;
			vertical-align: top;
			}
			#people ul ul {
				position:absolute;
				bottom:0;right:0;
				width:163px;
				}
			#people li li {
				margin-top:3px;
				}
		#people h3 {
			border-bottom: 1px solid #d9d9df;

			font-family: 'NovecentoWide-Medium', sans-serif;
			font-size:18px;
			line-height:34px;
			color:#44b2e0;
			text-transform:uppercase;
			}
		#people a {
			font-size:13px;
			line-height:18px;
			color:#9d9b9b;
			}
		#people .download {
			position:relative;
			display:block;
			height:44px;
			padding-left:60px;
			background:#f2f3f3;
			border:1px solid #d6d9d9;

			color:#505050;
			line-height:44px;
			}
		#people .download img {
			position:absolute;
			left:0;bottom:10px;
			}
		#people .download:hover {
			background:#ecebeb;
			}
		#people a:hover {
			color:#8a8989;
			text-decoration: underline;
			}
		#people p {
			margin:0;
			line-height:16px;
			}
		#people p strong {
			display:block;

			font-size: 14px;
			font-weight: bold;
			color:#44b2e0;
			}

/* -----------------------------------------
   Product Services
----------------------------------------- */

	#services {
		overflow:hidden;
		width:610px;
		margin-bottom:50px;
		}
	#services ul {
		float:left;
		max-width:400px;
		margin-left:-15px;
		padding-left:14px;
		margin-top:-1px;
		border-left:1px solid #dbdbdb;
		}
		#services li {
			position:relative;
			width:274px;height:97px;
			margin-right:28px;
			border-top:1px solid #dbdbdb;
			}
		#services img {
			position:absolute;
			left:0;top:24px;
			}
		#services a {
			display:block;
			position:absolute;
			top:0;bottom:0;right:0;left:0;
			padding:15px 0 0 87px;

			font-size:13px;
			line-height:16px;
			color:#505050;
			}
		#services a:hover {
			background:url(b-grad.jpg)/*tpa=http://ec-tlt.ru/img/b-grad.jpg*/ repeat-x 0 0;
			}
		#services span {
			position:absolute;
			right: 0px;
			bottom: 16px;
			width: 0;
			height: 0;

			border-style: solid;
			border-color: transparent #c2ecfe;
			border-width: 5px 0 5px 10px;
			}
		#services a:hover span {
			border-color: transparent #88d8fa;
			}
		#services strong {
			display:block;
			margin-bottom:8px;

			font-family: 'NovecentoWide-Medium', sans-serif;
			font-size:16px;
			line-height:16px;
			font-weight:normal;
			color:#44b2e0;
			text-transform:uppercase;			
			}

/* -----------------------------------------
	Partner Zone
----------------------------------------- */

	.login-box {
		width:240px;
		margin:36px 0 0 50px;
		}
		.login-box a {
			position:relative;
			top:7px;
			font-size:11px;
			line-height:16px;
			color:#505050;
			font-style: italic;
			}
		.login-box a:hover {
			text-decoration: underline;
			}

	.zone {
		position:relative;
		margin:0;
		padding:0 0 100px;
		}
		.zone .leftCol {
			float:left;
			margin-left:39px;
			}
		.zone .rightCol {
			float:right;
			width:695px;
			}

		.zone p {
			font-family: MyriadPro-Regular, 'Myriad Pro Regular', MyriadPro, 'Myriad Pro', Helvetica, Arial, sans-serif;
			font-size:13px;
			line-height:20px;
			text-transform: none;
			color:#505050;
			}

		.zone nav {
			width:202px;
			margin:15px 0;
			padding:0;
			border-bottom:0;
			}
		.zone nav h4 {
			color:#44b2e0;
			}
		.zone nav a {
			font-family: MyriadPro-Regular, 'Myriad Pro Regular', MyriadPro, 'Myriad Pro', Helvetica, Arial, sans-serif;
			font-size:13px;
			text-transform: none;
			}

		.zone .title {
			min-height:67px;
			border-bottom:1px solid #C9CED0;
			background:#fff;
			}
		.zone .title h2 {
			display:inline-block;
			max-width:450px;
			margin:24px 0 14px;
			padding:0 24px;
			}

		.zone .body {
			width:430px;
			padding:25px 0;
			margin-left:24px;
			}

		.zone .logout {
			float:right;clear:right;
			width:191px;
			margin-top:23px;
			padding:7px 0 7px 28px;
			border-top:1px solid #C9CED0;
			}
			.zone .logout a {
				font-family: MyriadPro-Regular, 'Myriad Pro Regular', MyriadPro, 'Myriad Pro', Helvetica, Arial, sans-serif;
				font-size: 13px;
				font-weight: 600;
				line-height: 18px;
				text-transform: none;
				color: #505050;
				}
			.zone .logout a:hover {
				text-decoration: underline;
				}

		.zone .status {
			float:right;
			width:191px;
			margin-top:16px;
			}
		.zone .status ul {
			margin-top:11px;
			}
			.zone .status li {
				font-family: MyriadPro-Regular, 'Myriad Pro Regular', MyriadPro, 'Myriad Pro', Helvetica, Arial, sans-serif;
				font-size:13px;
				font-weight:600;
				line-height:18px;
				text-transform: none;
				color:#505050;
				}
			.zone .status li span {
				color:#4faad2;
				}

		.zone .title .status {
			margin-top:11px;
			}
			.zone .title .status li {
				font-size:14px;
				line-height:16px;
				}

/* -----------------------------------------
	Contact
----------------------------------------- */

	#contact {
		float:left;
		width:358px;
		margin-left:49px;
		padding:32px 0 13px;
		border-right:1px solid #d9d9d9;
		}
		#login h2, #contact h2 {
			margin:5px 0;
			font-size:19px;
			line-height:27px;
			}
		#login ul, #contact ul {
			margin-left:0;
			}
		#login li, #contact li {
			position:relative;
			margin: 0;
			}
		#login .full, #contact .full {
			width:100%;
			margin:0;
			}
		#login label, #contact label {
			display:block;
			height:30px;

			font-size:13px;
			line-height:33px;
			color:#505050;
			}
		#login input, #login textarea, #contact input, #contact textarea {
			width:312px;height:27px;
			padding:0 5px;
			border:none;
			background:#f5f5f5;

			line-height: 27px;

			-webkit-box-shadow: inset 2px 2px 2px 2px #e8e5e5;
			box-shadow: inset 2px 2px 2px 2px #e8e5e5; 

			-webkit-border-radius:0;
			-moz-border-radius:0;
			-o-border-radius:0;
			border-radius:0;
			}
		#login input:focus, #login textarea:focus, #contact input:focus, #contact textarea:focus {
			-webkit-box-shadow: inset 2px 2px 2px 2px #dbdbdb;
			box-shadow: inset 2px 2px 2px 2px #dbdbdb; 
			}
		#login textarea, #contact textarea {
			height:204px;
			padding:5px;
			}
		#login input {
			width:227px;
			}
		#login .missing, #contact .missing {
			background-image:url(asterix.png)/*tpa=http://ec-tlt.ru/img/asterix.png*/;
			background-repeat:  no-repeat;
			background-position: right top;
			}
		#login #Submit, #contact #Submit {
			width:auto;height:34px;
			border:none;
			padding:0 20px;
			margin:17px 0;
			background-image: url("nav.jpg")/*tpa=http://ec-tlt.ru/img/nav.jpg*/;
			background-repeat: repeat-x;
			background-color: #6ac2e8;

			-webkit-border-radius:6px;
			-moz-border-radius:6px;
			border-radius:6px;	

			-webkit-box-shadow: 0 0px 1px #8a8a8a;
			-moz-box-shadow: 0 0px 1px #8a8a8a;
			-o-box-shadow: 0 0px 1px #8a8a8a;
			box-shadow: 0 0px 1px #8a8a8a;

			font-family: 'NovecentoWide-Medium', sans-serif;
			font-size:18px;
			line-height:34px;
			color:#fff;
			text-align:center;
			text-transform:uppercase;
			cursor:pointer;
			}
		#login #Submit:hover, #contact #Submit:hover {
			background-image: url("navH.png")/*tpa=http://ec-tlt.ru/img/navH.png*/;
			}
		#login .tooltip, #contact .tooltip {
			position:absolute;
			right:40px;top:17px;
			height:34px;

			font-size:13px;
			line-height:34px;
			color:#f00;
			text-align:left;
			}
		#login .tooltip span, #contact .tooltip span {
			color:#4eaad1;
			}
		#login .tooltip img, #contact .tooltip img {
			vertical-align: middle;
			}

		#map_canvas {
			width:216px;height:216px;
			}

/* -----------------------------------------
	Sitemap
----------------------------------------- */

	#sitemap {
		background-image:url(sitemap.jpg)/*tpa=http://ec-tlt.ru/img/sitemap.jpg*/;
		background-repeat: none;
		background-position:right top;
		}
		#sitemap .list {
			float: none;
			width: auto;
			margin: 40px auto 60px;
			padding:7px 31px 0;
		
			text-align:left;
			}
			#sitemap h3 {
		
				font-size:19px;
				line-height:24px;
				font-weight:normal;
				color:#00a8ba;
				}
			#sitemap a {
				color:#505050;
				}
			#sitemap a:hover {
				color:#7a7a7a;
				}

/* -----------------------------------------
   Popup
----------------------------------------- */

	.popup {
		
		}
	.popup div {
		position:relative;
		padding-left:161px;
		max-width:470px;min-height:150px;
		}
	.popup img {
		position:absolute;
		top:0;left:0;
		}
	.popup p {
		margin-bottom:8px;

		font-size:13px;
		line-height:18px;
		color:#505050;
		}

	.popup ul {
		width:100%;
		padding-bottom:12px;
		margin-bottom:22px;
		border-bottom:1px solid #d5d6d6;
		}
		.popupi li {
			margin-top:3px;
			}
		.popup a {
			font-size:14px;
			line-height:19px;
			color:#9d9b9b;
			}
		.popup a:hover {
			color:#8a8989;
			text-decoration: underline;
			}
		.popup ul p {
			margin:0;
			font-size:15px;
			line-height:18px;
			}
		.popup ul p strong {
			display:block;

			font-size: 16px;
			font-weight: bold;
			color:#44b2e0;
			}


/* -----------------------------------------
   Footer
----------------------------------------- */

footer {
	position:relative;
	width:100%;height: 60px;
	margin-top:-190px;
	padding:15px 0;
	background:#333 url(footBg.png)/*tpa=http://ec-tlt.ru/img/footBg.png*/ no-repeat center top;
	z-index:2;
	}
	footer >div {
		width:979px;
		margin:0 auto;
		overflow:hidden;
		}
	footer >div >img {
		float:left;
		margin:35px 10px 20px;
		vertical-align: top;
		}

	footer nav {
		float:right;clear:right;
		overflow:hidden;
		}
	footer nav ul {
		display:inline-block;
		margin:14px 0;
		margin-left:-11px;
		}
	footer p {
		float:right;clear:right;

		font-size:12px;
		color:#7d7d7d;
		text-align:right;
		}
	footer p a {
		color:inherit;
		}
	footer p a:hover {
		text-decoration: underline;
		color:#b0b0b0;
		}
	footer nav li {
		float:left;
		margin-left:10px;
		padding-left:10px;
		border-left:1px solid #a6a6a6;
		}
	footer nav a {

		font-family: MyriadPro-Regular, 'Myriad Pro Regular', MyriadPro, 'Myriad Pro', Helvetica, Arial, sans-serif;
		font-size:13px;
		line-height:13px;
		color:#a6a6a6;
		}
	footer nav a:hover {
		color:#d7d6d6;
		text-decoration: underline;
		}

/* -----------------------------------------
   Social
----------------------------------------- */

	#social {
		float:right;clear:right;
		margin:14px 0;
		}
		aside #social {
			float:left;
			margin:0 0 10px 31px;
			}
	#social li {
		float:left;
		margin-left:13px;
		}
	aside #social li {
		float:left;
		margin:0 11px 0 0;
		}

	#social a {
		margin-top:14px;
		display:inline-block;
		}
	aside #social a {
		margin-top:0;
		}
	#social a:hover img {
		visibility:visible;
		}
	#social .blog {
		background:url(blog-c.png)/*tpa=http://ec-tlt.ru/img/social/blog-c.png*/ no-repeat 0 0;
		}
	#social .twitter {
		background:url(twitter-c.png)/*tpa=http://ec-tlt.ru/img/social/twitter-c.png*/ no-repeat 0 0;
		}
	aside #social .twitter {
		background:url(twitter-c.png)/*tpa=http://ec-tlt.ru/img/social/twitter-c.png*/ no-repeat 0 0;
		}
	#social .facebook {
		background:url(facebook-c.png)/*tpa=http://ec-tlt.ru/img/social/facebook-c.png*/ no-repeat 0 0;
		}
	#social .youtube {
		background:url(youtube-c.png)/*tpa=http://ec-tlt.ru/img/social/youtube-c.png*/ no-repeat 0 0;
		}
	#social .linkedin {
		background:url(linkedin-c.png)/*tpa=http://ec-tlt.ru/img/social/linkedin-c.png*/ no-repeat 0 0;
		}
	#social li div {
		clear: left;
		margin-top: -35px;
		position: absolute;
		color: #FFF;
		background-color: #5db2d6;
		text-align: center;
		padding-top: 5px;
		padding-right: 10px;
		padding-bottom: 5px;
		padding-left: 10px;
		-moz-opacity:0;
		-khtml-opacity: 0;
		-webkit-opacity: 0;
		filter: alpha(opacity=0);
		opacity: 0;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		transition: all 0.3s ease;
		-moz-border-radius: 3px 0px 3px 0px;
		-webkit-border-radius: 3px 0px 3px 0px;
		-khtml-border-radius: 3px 0px 3px 0px;
		border-radius: 3px 0px 3px 0px;
		display: block;
		visibility: hidden;
	}
	#social li a:hover div {
		visibility: visible;
		display: block;

		font-size:14px;

		-moz-opacity:0.5;
		-khtml-opacity: 1;
		-webkit-opacity: 1;
		filter: alpha(opacity=100);
		opacity: 1;
		}
	#social li span.arrow {
		width: 0;
		height: 0;
		border-left: 0px solid transparent;
		border-right: 10px solid transparent;
		border-top: 10px solid #5db2d6;
		position: absolute;
		left: 0px;
		bottom: -10px;
		}

/* -----------------------------------------
   Accordion
----------------------------------------- */

		#accordion {
			position:relative;
			left:-14px;
			width:600px;
			margin:23px 0;
			border-bottom:1px solid #d5d6d6;

			-moz-border-radius: 2px;
			-webkit-border-radius: 2px;
			-khtml-border-radius: 2px;
			border-radius: 2px;
			}
		#accordion li {
			margin:0;
			}
		#accordion h3 {
			height:36px;
			padding:0 14px;
			background:url(accordionBg.jpg)/*tpa=http://ec-tlt.ru/img/accordionBg.jpg*/ repeat-x 0 top;
			border:1px solid #d5d6d6;
			border-bottom:0;

			font-family: Arial, sans-serif;
			font-size:13px;
			line-height:36px;
			font-weight:bold;
			color:#00a8ba;
			cursor:pointer;
			text-transform: uppercase;
			}
		#accordion li:hover h3 {
			background-position: 0 bottom;
			}
		#accordion .expanded:hover h3 {
			background-position: 0 top;
			}
			#accordion h3 span {
				float:right;
				margin-right:4px;
				font-weight:normal;
				color:#505050;
				}
		#accordion h3:hover {
			background-color:#f9fcff;
			}
		#accordion .expanded h3 span {
			display:none;
			}
		#accordion .details {
			padding:10px 15px 10px;
			background:url(detailsBg.jpg)/*tpa=http://ec-tlt.ru/img/detailsBg.jpg*/ no-repeat 0 top;
			}

			#accordion figure {
				float:right;
				margin:30px 0 0;
/* 				min-height:380px; */
				padding-left:36px;
/* 				background:url(http://ec-tlt.ru/img/brdr-strip.jpg) no-repeat left 0; */
				}
				#accordion figure dl {
					margin:15px 0;
					}
				#accordion figure h4 {
					font-family: 'NovecentoWide-Medium', sans-serif;
					font-size:13px;
					line-height:24px;
					color:#00a8ba;
					text-transform:uppercase;
					}
				#accordion figure dd {
					font-size:13px;
					line-height:21px;
					color:#505050;
					}
				#accordion figure a {
					position:relative;
					display:block;
					}

				#accordion figure .lightbox div {
				    position: absolute;
				    top: 50%;left: 50%;
				    width: 46px;height: 46px;
				    margin:-23px 0 0 -23px;
				    z-index:20;
	
				    background-attachment: scroll;
				    background-clip: border-box;
				    background-color: transparent;
				    background-image: url("video_play_medium.png")/*tpa=http://ec-tlt.ru/img/video_play_medium.png*/;
				    background-origin: padding-box;
				    background-position: 0 0;
				    background-repeat: no-repeat;
				    background-size: 46px 92px;
	
				    opacity: 0.8;
				    z-index: 100;
				    }
				#accordion figure .lightbox  div {
				    background-image: url("video_play_medium.svg")/*tpa=http://ec-tlt.ru/img/video_play_medium.svg*/;
					}
				.lt-ie9 #accordion figure .lightbox  div {
				    background-image: url("video_play_medium.png")/*tpa=http://ec-tlt.ru/img/video_play_medium.png*/;
					}
			#accordion figure .lightbox:hover div {
			    background-position: 0 100%;
			    opacity: 1;
			    }

				#accordion figure a img {
					vertical-align:middle;
					}

			#accordion .details >dl {
				width:325px;
				margin-bottom:30px;
				}
			#accordion .details >ul {
				width:325px;
				margin:10px 0;
				}
				.details >dl dt {
					margin:16px 0 8px;
					}
				.details >dl dd {
					margin-bottom:21px;
					}
				.details >dl h4 {
					font-size:15px;
					font-weight:bold;
					color:#505050;
					}
					.details >dl h4 small {
						font-weight:normal;
						}
				#accordion .details p {
					margin:0 !important;
					}
					.details >dl p strong {
						color:#00a8ba;
						}
				.details li {
					padding-left:14px;
					margin:4px 0;
					background:url(bull.jpg)/*tpa=http://ec-tlt.ru/img/bull.jpg*/ no-repeat 0 4px;
	
					font-size:13px;
					line-height:18px;
					color:#505050;
					}
				.details li a {
					color:#505050;
					font-weight:bold;
					text-decoration:underline;
					}
				.details li a:hover {
					color:#7d7b7b;
					text-decoration: none;
					}

	/**
	 * ARCHIVES
	 *
 	 */

	#archive {
	}
		#archive ul li {
			}
		#archive li a, #archive li a:hover {
			margin-right:4px;

			font-family: 'NovecentoWide-Medium', sans-serif;
			font-size:14px;
			color: #FF0200;
			}
		#archive li a:hover {
			color:#505050;
			}

		#archive h3 {
			font-size: 21px; 
			line-height: 30px;
			margin-top: 1em;
			margin-bottom: 1em; 
			padding: 10px 20px 5px 20px; 
			background: #eee; 
			color: #50ABD0; 
			position: relative; 
			border-top: 3px solid #50ABD0;
			}
			#archive h3 + .num-posts {
				float: right; 
				position: relative;
				top: -50px;
				right: 10px;
				}

		#archive h4 {
			margin-bottom: 0.75em;
			}
	#archive .num-posts {
		background: #eee;
		color: #777; 
		font-size: 10px;
		font-family: Arial; 
		font-weight: bold;
		text-transform: uppercase; 
		padding: 1px 3px; 
		}
			#archive ul.posts-group,
			#archive ul.posts-group li {
				border: none; 
				list-style: none;
				}

			#archive ul.posts-group li {
				height:34px;
				position: relative; 
				border-bottom: 1px dotted #ccc; 

				line-height:34px;
				}

#accordion >ul,
#accordion >ul >li,
#accordion >ul >li h3 {
display: block;
}
.js #accordion >ul >li h3 {
cursor: pointer;
outline: none;
}
/* Webkit keyboard focus outline only */
.js #accordion >ul >li h3:active,
.js #accordion >ul >li h3.no-outline {

}
.js #accordion >ul >li h3:focus {
z-index: 999;
}
#accordion >ul >li .details {
overflow: hidden;
}
.js #accordion >ul >li[aria-expanded="true"] .details {
visibility: visible;
}
.js #accordion >ul >li[aria-expanded="false"] .details {
padding-bottom: 0;
padding-top: 0;
visibility: hidden;
}
.js #accordion >ul:not(.no-transition) >li .details:not(.no-transition) {
-webkit-transition-duration: 0.25s;
-moz-transition-duration: 0.25s;
-o-transition-duration: 0.25s;
-ms-transition-duration: 0.25s;
transition-duration: 0.25s;
-webkit-transition-property: height, padding-bottom, padding-top, visibility;
-moz-transition-property: height, padding-bottom, padding-top, visibility;
-o-transition-property: height, padding-bottom, padding-top, visibility;
-ms-transition-property: height, padding-bottom, padding-top, visibility;
transition-property: height, padding-bottom, padding-top, visibility;
}

