/**********************************************************************************************

	Title: CSS
	Author: Anastasia Chuprasova
	Date: 2012

***********************************************************************************************

	1. General Elements
	
	2. Layout
		2.1 Header
		2.2 Content
		2.3 Footer

	3. 	Miscellaneous	
		
***********************************************************************************************/


/* 1. General Elements
-----------------------------------------------------------------------------------------------
===============================================================================================*/	
	html{font-size:100.01%;}

	body {
		font-family: Arial, Helvetica, "Helvetica Neue", sans-serif;
		font-size: 14px;
		line-height: 1.5;
		text-align: center;
		color:#6C6E72;
		background-color:#FFF;
	}

	strong {font-weight: bold;}
	
	p{margin-bottom:5px;}
	ul, ol{margin:10px 0 15px 20px;}
	ul{list-style-type:disc;}
	.nav ul{list-style:none;}
	h1, h2, h3, h4, h5{font-weight:bold; color:#E64D13;}
	h1{font-size:25px;}
	h2{margin-bottom:10px; font-size:24px;}
	h3{font-size:20px;}
	h4{font-size:16px;}	
		
	em {font-style: italic;}
	
	address {font-style: normal;}

	input, textarea, select {padding:0; font: 1em Arial, Helvetica, sans-serif;}

	a:link {color:#E54D19; text-decoration: none; outline: none;}
	a:visited {color:#E54D19; text-decoration: none; outline: none;}
	a:hover {text-decoration: underline;	}
	a:active {color:#E54D19; text-decoration: none; outline: none;}

	a.plain {color:#6C6E72;}
	a.plain:hover {color:#E54D19;}
	
	.wai{display:none;}

/* 2. LAYOUT
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

	.wrapper {
		width:950px;
		margin: 0 auto;
		text-align: left;
		}
	
	.fleft{float:left;}
	.fright{float:right;}
	.section{overflow:hidden;}
	.clearall{height:0; clear:both; overflow:hidden;}
	
	#header, #content, #footer{min-width:950px;}

/* 2.1 HEADER
------------------------------------------------------------------------------------------------ */
	#header{border-top:#E74E13 11px solid;}
		#header .wrapper{position:relative; height:352px;}
	
		/* Bottom bar */
		#bar-bottom{position:absolute; bottom:0; left:0; width:100%; height:52px; line-height:52px; background:url(http://mtsgroupltd.com/wp-content/uploads/2025/04/logo.png) 0 0 no-repeat;}
		
		/* Logotype */
		#logo{float:left; margin-left:57px; width:143px;}
			#logo strong {display:block; width:143px; height:52px; overflow:hidden; text-indent:-999em;}		
			#logo a{display:block; height:100%;}
			
		/* Slogan */	
		#slogan{float:left; margin-left:217px; color:#fff; font-weight:normal;}
		
		/* Contacts */		
		#contacts{
			position:absolute;
			top:-25px;
			right:33px;
			padding:20px 15px 5px 15px;
			background-color:#fff;
			border-radius:7px;
			-webkit-border-radius:7px;
			-moz-border-radius:7px;						
			box-shadow:#606060 0 0 7px;
			-webkit-box-shadow:#606060 0 0 7px;
			-moz-box-shadow:#606060 0 0 7px;
			z-index:999;
			}
			#contacts dl{overflow:hidden; font-size:13px; border-bottom:#D0D2D4 1px solid;}
				#contacts dl dt{float:left; width:72px; font-weight:bold; color:#E64D13;}
				#contacts dl dd{margin-left:72px;}
			#contacts .last{border:none; border-top:#E8E9EA 1px solid;}	
			#contacts a{font-weight:bold;}	
			#contacts .hlight{font-weight:bold; color:#E64D13;}
			
		/* Slider */	
		#slider{position:relative; width:950px; height:293px; background:url(../img/loading.gif) no-repeat 50% 50%;}
			#slider img{position:absolute; top:0; left:0;}
			#slider img{
				border-bottom-left-radius:10px;
				-webkit-bottom-left-border-radius:10px;
				-moz-border-radius-bottomleft:10px;	
				border-bottom-right-radius:10px;
				-webkit-bottom-right-border-radius:10px;
				-moz-border-radius-bottomright:10px;		
			}
			#slider a{border:0; display:block;}		

/* 2.2 CONTENT
------------------------------------------------------------------------------------------------ */
	#page{}
		#page .wrapper{padding:15px 0 40px 30px; width:920px;}

		#main {position:relative;width:705px;float:right;}	

		/* Content layout */
		.column{float:left; margin-left:10px;}
		.c1{width:165px;}
		.c2{width:340px;}
		.c3{width:515px;}
		.c4{width:690px;}
		/*.c2{margin-left:40px; width:520px;}*/
		/*.c3{float:right; width:690px;}*/
		
		/* Primary navigation */
		#nav-primary{padding-left:7px; font-weight:bold; text-align:right;}
			#nav-primary ul{margin:0;}		
			#nav-primary ul li{padding:0 8px; /*height:27px;*/ line-height:27px; border-bottom:#B8BCBF 1px solid; }					
			#nav-primary ul li a{}								
			#nav-primary ul a.active, #nav-primary ul li a:hover{text-decoration:none; color:#6C6E72;}	
			#nav-primary ul a.active { font-weight:bold; }
				#nav-primary ul ul li{padding:0; height:24px; line-height:24px; border:none; font-weight:normal;}
						
		/* Article */
		.article{margin-bottom:20px;}
		
		/* Clickable box */
		.box-click{width:151px; border:#E3E4E5 7px solid;}
		.box-click.fleft{margin-right:10px;}
			.box-click .title{
				padding-left:7px;
				height:37px; 
				line-height:37px; 
				background:#E3E4E5 url(../img/sp-box-title.png) 0 0 no-repeat;
				}
				.box-click .title h4,
				.box-click .title a{display:block; color:#fff; font-weight:bold; text-decoration:none;}
			.box-click .thumb-article{
				padding-bottom:18px; 
				background:url(../img/bg-diag.png) 0 100% repeat;
				border-radius:0 0 4px 4px;
				-webkit-border-bottom-left-radius:4px;
				-webkit-border-bottom-right-radius:4px;				
				-moz-border-radius-bottomleft:4px;				
				-moz-border-radius-bottomright:4px;				
				}
				.box-click .thumb-article img{display:block; border-bottom:#E74E13 5px solid;}
			.box-click .text{padding:10px 5px 10px 7px; font-size:12px; line-height:120%;}	
			.box-click .thumb{
				display:block;
				border-radius:3px;
				-webkit-border-radius:3px;
				-moz-border-radius:3px;				
				}
		.box-click:hover{border-color:#E74E13;}
			.box-click:hover .title{background-color:#E74E13; background-position:0 -37px;}
			.box-click:hover .thumb-article img{border-color:#6C6F72;}
		
		.block {margin-bottom:20px;}

		/* Tugs */
		.tugs{}
			.tugs .item{overflow:hidden;}
				.tugs .pic{float:left; width:170px;}
				.tugs .text{margin-left:185px;}
				.tugs h4{margin-bottom:10px;}
		
/* 2.3 FOOTER
------------------------------------------------------------------------------------------------ */
	#footer{height:304px; border-top:#E74E13 11px solid; background:#000 url(../img/bg-footer.jpg) 50% 0 no-repeat;}
		#footer .wrapper{padding:20px 0 0 250px; width:700px; position: relative; }
		
		/* Address */
		#footer .address{float:left; margin-right:50px;}
			#footer h4{margin-bottom:8px; font-size:13px;}
			#footer .address p{margin-bottom:8px; line-height:120%; color:#fff; font-size:11px;}
			
		/* Partners */	
		#footer .partners{float:right;}
		#footer .partners img {margin-left:15px;}
		
		/* Copyrights */
		#copyrights{margin-top:15px; font-size:11px; color:#fff;}
			#copyrights .line{padding-bottom:5px; border-bottom:#E74E13 2px solid;}
			#copyrights a{color:#fff;}
			
		#social { position: absolute; top: 20px; left: 50px; }
			#social ul { list-style: none; margin: 0; }
			#social li { display: inline; padding-left: 0; }
			#social a { width: 46px; height: 37px; text-indent: -9000px; float:left; overflow: hidden; background: 0 0 no-repeat; }
				#social .linkedin a { background-image: url(../img/linkedin.png); }
				#social .facebook a { background: url(../img/facebook.png) 0 1px no-repeat; }
				#social .twitter a { background-image: url(../img/twitter.png); }
				

/* 3. MISCELLANEOUS
-----------------------------------------------------------------------------------------------
===============================================================================================*/	
	.important{font-weight:bold;}

	.underlined{padding-bottom:25px;}
	.c3 .underlined{background:url(../img/decorate-line-c2.png) 0 100% no-repeat;}	
	.c4 .underlined{background:url(../img/decorate-line-c3.png) 0 100% no-repeat;}

	dl.specs{margin-bottom:15px; overflow:hidden;}
		dl.specs dt{float:left; width:140px; font-weight:bold;}
		dl.specs dd{margin-left:140px;}
		dl.specs .see-all{margin-top:5px; font-weight:bold;}
		dl.specs .title{color:#E64D13;}

	.rbox{
		border-radius:10px;
		-webkit-border-radius:10px;
		-moz-border-radius:10px;			
	}

/* form styles */

.invalid {
	color: #800;
	background-color: #ffeeee;
}
#page .invalid a {
	color: #800;
}

.button,
.submit,
.cancel,
.button_delete {
    border:0;
    color:#fff;
    cursor:pointer;
    background:#334;
    padding: 2px 8px;
}

#page .cancel {
    background: #ccc;
}

#page .button_delete {
    background: #600;
}