@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,400,500&subset=latin);
@import url(http://fonts.googleapis.com/css?family=Roboto:300,400&subset=latin);

html {
 overflow: scroll;
}
body {
	margin: 0;
	padding: 0;	
	font-family:"Open Sans", sans-serif;
	font-size:13px;
	font-weight: 300;
	line-height: 1.5em;
	color:#000;
}
a {
outline:none !important;
}

a img {
    border: none;
}
 
.hidden {
  position: absolute;
  left: -9999em;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
} 
 
 /*======================================================================*/
 
.sticky {
  position: fixed;
  z-index: 1;
}
.stop {
  position: relative;
  z-index: 1;
}
.rightaside {
  display: block;
  margin-left: -10px;
  margin-top: 20px;
  left: 50%;
  right: 0;
  float: left;
  padding: 0;
  width: 160px;
  height: 640px; 
  border-top: solid 3px black;
 }
.rightbanner {
  width: 160px;
  height: 640px;  
}
 
/*	page ==========================================================================*/

.centralcolumn{
	left: 50%;
	overflow: hidden;
	position: absolute;
	background-repeat: no-repeat;
	background-position: center;
}
.leftcolumn{
	left: 0;
	right: 50%;
	float: right;
	position: absolute;
	background-repeat: no-repeat;
	background-position: right;
}
.rightcolumn {
	left: 50%;
	right: 0;
	float: left;
	position: absolute;
	background-repeat: no-repeat;
	background-position: left;
   }  

#page-wrapper{
	min-width: 1120px;
	overflow: hidden;
	
	/*background-image: url(../images/header_cc.png);
	background-repeat: no-repeat;
	background-position: top center;
	background-color: #f9f9f9;	*/
	margin:0 auto;
	padding: 0;
			
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}

 #mainContainer,
 .footer-content,
 .p_cc  {
	width: 960px;
}

.p_cc {	margin-left: -480px;}
.p_lc {	margin-right: 480px;}
.p_rc {	margin-left: 480px;}

.header-l {	height: inherit;
	background-color: #fff;
}

.header-r {	
	height: inherit;
	/* background-color: #167ee2; */
	}
	
.header-c {	
	height: inherit;
}

#footer-top { color: #FFF;
	background-color: #1356A7;
}
#header ,
.footer-content {
	height: 120px;
	font-family: "Roboto", "Open Sans", arial, helvetica, sans-serif;	
}
#footer-bottom,
.paragraph-label-l,
.paragraph-label-r{
background-color: #167ee2
}

/*======================================================================*/

#header {
	position:relative;	
	height: 90px;
}
.header_logo {
	padding-top: 20px;
	padding-left: 35px;
	float: left;
	position: absolute;
	overflow: hidden;
	opacity: 0.90;
    border: none ;	
}

/*	front slider ==========================================================================*/

#frontSlider {
	position:relative;
	height: 275px;
}
.frontSlider-l {	height: inherit; /* background-color:#167ee2; background-image: url(../images/frontslider_lc.png); */}
.frontSlider-r {	height: inherit; /* background-color:#167ee2; background-image: url(../images/frontslider_rc.png); */}
.frontSlider-c {    display: block; height: inherit;}

#slider-1 {
	width: 920px;
	height: 240px;
	padding-left: 20px;
	padding-top: 20px;
	overflow: hidden;
}
#slider-2 {
	height: 318px;
	overflow: hidden;
}

/*	mainContainer ==========================================================================*/

#mainContainer{
	position:relative;
	margin: 0px auto ;
    width: 920px;	
	font-family: "Open Sans", sans-serif;
	font-size: 14px;
	line-height: 1.37em;
	font-weight: 400;
}	
.mainContainer-frontframe{
	padding: 10px 0px 10px 0px;
	display:table;
	width: 920px;
	margin: 0 auto;
}
.mainContainer-scroller{	
	padding-top: 20px;
	padding-bottom: 20px;  
	height: 100px;
	overflow: hidden;	
}

/*	map location zone ==========================================================================*/

#mapWrapper {
	box-sizing: border-box;
	border-top: 1px #dedede solid;
	height: 260px;
	position:relative;
	background-color: #e3e3e3;
}
.p_map_l {
	height: inherit;
	background-image: url(../images/map_l.png);
}
.p_map_r {
	height: inherit;
	background-image: url(../images/map_r.png);
}
.p_map_c {
	height: inherit;
	background-image: url(../images/map.png);
}
#map-target {
	position: relative;
	height: 85px;
	width: 85px;
	top: 25px;
	left:405px;
	opacity: 0.85;
	background-image: url(../images/target_e.png); 
	background-repeat: no-repeat;
}

/*	paragraph ==========================================================================*/	

.p1-ico {
	background-image: url(../images/it_ico.png);
}
.p2-ico {
	background-image: url(../images/pc_ico.png);
}
.p3-ico {
	background-image: url(../images/goods_ico.png);
}
.p4-ico {
	background-image: url(../images/rem_ico.png);
}
.p5-ico {
	background-image: url(../images/lan_ico.png);
}
.adv-ico {
	background-image: url(../images/adv_ico.png);
}
.a1-bg {
	background-image: url(../images/adv1.png);
}
.a2-bg {
	background-image: url(../images/adv2.png);
}
.a3-bg {
	background-image: url(../images/adv3.png);
}
.a4-bg {
	background-image: url(../images/adv4.png);
}
.a5-bg {
	background-image: url(../images/adv5.png);
}
.a6-bg {
	background-image: url(../images/adv6.png);
}
.paragraph-content h2,
.rightcontainer-title {
	color: #003473;
}
ul.advantages {
	list-style: outside url(../images/check.png);
}
.paragraph{
	width: 655px;
	margin:0px;
    padding:7px 0px;
	float:left;
	opacity: 1;
	background-color: #fff;
}
.paragraph-content {	
	position: relative;
	padding: 0px 0px 2px 75px;
	word-wrap:break-word;
	border-radius: 3px;
	*background: red;
}
.paragraph-content h2{
	line-height: 1.1;
	margin-top: 0px;
	margin-bottom: 3px;
	word-spacing: 4px;
	text-transform: uppercase;
	font-size: 17px; 
	font-weight: 400;
	}		
.paragraph-label-l,
.paragraph-label-r  {
	opacity: 1;	
	border-radius: 3px;
	border: solid 1px #1072cf;
	position: relative;  	
	background-repeat: no-repeat;
	background-position: 50%;
	width: 60px;
    height: 60px;
	margin:0px;
}	
.paragraph-label-l{
	float: left;
}
.paragraph-label-r {
	float: right;
}
.leftcontainer {
	margin-left:0px;
	width: 655px;
	float:left;
	position: relative;
}
.rightcontainer {
	width: 253px;
	height: 378px;
	border-radius: 3px;	
	word-wrap:break-word;
	margin:0px 0px 0px 5px;
	float:right;
	position: float;
	border: 1px #f1f1f1 solid;
	background-color: #fbfbfb;
}
.rightcontainer-content{	
	background-position: bottom center;
	border-radius: 3px;	
	height: 315px;
	margin-top: 0px;
}
.rightcontainer-title{
	word-spacing: 4px;	
	text-transform: uppercase;
	font-size: 17px; 
	width: 193px;
	height: 40px;
	text-align: center;
	margin-top: 20px;
}
ul.advantages {
	margin-top: 0px;
	margin-left: 35px;
	padding:3px;
}
ul.advantages li{
	line-height: 1.37em;
	margin-top: 3px;
	margin-bottom: 5px;		
}

/*	footer ==========================================================================*/	

#footer-top{
	position:relative;
	-webkit-box-shadow: 0px -4px 4px -3px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px -4px 4px -3px rgba(0,0,0,0.5);
	box-shadow: 0px -4px 4px -3px rgba(0,0,0,0.5);
}
#footer-bottom {
	position:relative;	
	min-height: 10px;
	height: 100%;
}
.footer-content {	
	position:relative;
	margin: 0 auto;
	padding:0;
	'background-image: url(../images/f_mask.png);
	display:table;
	font-size: 13px;
	font-weight: 300;
	line-height: 1; 
	letter-spacing: 0.014em;
	text-align: left;
}
.fp{	
    height: 80px;
	float:left; 
    margin: 3px 2px 0 8px;
	padding:0;
	opacity: .9;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	border-radius: 3px;
	-webkit-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.2);	
	box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.2);
}
.fp-1{
	padding-top: 30px;
	box-shadow: none;
	width: 145px;
	height: 49px;
    background-image: url(../images/ITP_gold.png);
}
.fp-2{
	width: 88px;
  	background-image: url(../images/dell_partner.png);
}
.fp-3{
	width: 98px;
	box-shadow: none;
   	background-image: url(../images/lenovo_partner.png);
}

.fc-phone{
	font-size: 20px;
	font-weight: 500;
	letter-spacing:0;
	background-image: url(../images/phone_ico.png);
}
.fc-mail{
	background-image: url(../images/mail_ico.png);
}
.fc-skype{
	background-image: url(../images/skype_ico.png);
}
.footer-content a{ 
	color: #ffffff; 
	text-decoration: none;
}
.footer-content a:hover{ 
	text-decoration: none;
	color: #167ee2;
}	
.footer-logo{
	float: left;
    padding-top: 25px;
	}
.footer-contact {
	margin-left: 0px;
	float:left;
	padding-top: 18px;
	opacity: 1;
}
.fcHc{
	margin-left:-18px;
}
.fc{
	height: 25px;
	margin-left: 25px;
	padding-left: 29px;
	padding-top: 3px;
	line-height: 21px;
	background-repeat: no-repeat;
	background-position: left center;
}
.fc-company{
	font-size: 14px;
}
.fc-ad{
	margin-top: -5px;
	line-height: 15px;
}
.fc-wh{
	margin-top: 6px;
}	
.footer-partners {
	height: 90px;
	float:right;
	padding-top: 17px;
}


/*	 ==========================================================================*/