/* CSS Document */
/*-------------------------------- Global properties -------------------------------- */
html {
	width:100%;
	background: url(images/bg_texture.jpg) #1e1e1e left top repeat-y; 
}

/*body {
	background: url(images/bg_all.jpg) center top fixed;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px; 
	line-height:18px; 
	font-weight:normal;
	min-width: 980px;
	position:relative;
}*/
.top_body {
    height: 277px;
	/*background: url(images/trans2r.jpg) center top fixed;*/
	background-color: #001433;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px; 
	line-height:18px; 
	font-weight:normal;
	min-width: 980px;
	position:relative;
	}
	
#mid_body {
    height: 364px;
	width: 980px;
	margin: 0px auto;
	/*background: url(images/bg_subpage3.jpg) no-repeat;*/
	background-color:  ;
	position: relative;
}
.word1 {
    padding: 10px 20px 0 20px;
}
.about_word1 {
    padding: 50px 20px 0 20px;
}

.word12 {
    padding: 45px 20px 0 160px;
	/*text-align: center;*/
}

.clients_img {
  width: 200px;
  margin: 75px 0px 110px 180px;
  float: left;
  background-color: #F5FFFF;
  
}
.login {
    padding: 80px 20px 0 20px;
	text-align: center;
}
.register {
    padding: 80px 20px 0 20px;
	text-align: center;
	position: center;
	background-color: ;
}
#login_word {
    color: #0047B2;
}
#client_word {
     color: red;
	 }
#form {
	padding: center;
    background-color: ;
}

.content_container {
   width: 310px;
   margin: 10px 5px 0 0;
   float: left;
}
.content_container1 {
   width: 490px;
   margin: 10px 0px 0 0;
   float: left;
   background-color: ;
}
.conten1 {
   float: left;
   background-color: #D1E0FF;
}

.read{
	font: normal 110% Arial, Helvetica, sans-serif;
    float: right;
	padding: 5px 15px 7px 10px;
	border: 1px solid #FFF; 
	background: #4A6506;
	background: -moz-linear-gradient(#82AC10, #4A6506);
	background: -o-linear-gradient(#82AC10, #4A6506);
	background: -webkit-linear-gradient(#82AC10, #4A6506);
	border-radius: 7px 7px 7px 7px;
	-moz-border-radius: 7px 7px 7px 7px;
	-webkit-border: 7px 7px 7px 7px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;
	-moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;
	box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;
}
.read a{ 
	color: #FFF;
	padding-left: 5px;
	text-shadow: 1px 1px #000;
	}

.text1
{ 
padding: 0 0 10px 0;
  line-height: 1.7em;
  font-size: 12px;
  color: black;
  }


.input_txt2 {	
	width: 570px;
	border: none;
	background: #000000;
	padding: 6px 15px 6px 15px;
	color:#FFFFFF;
	border: 1px solid #FFFFFF;

}

.text_area2 {
	width: 570px;
	height:120px;
	font-size: 14px;
	border: none;
	background: #000000;
	padding: 6px 15px 6px 15px;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	border: 1px solid #FFFFFF;
}

.submit2 {
	background: url(images/read_bg1.gif) top repeat-x;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color: #007900;
	text-decoration: none;
	padding: 2px 2px 2px 2px;
	width: 63px;
	margin: 0px 0px 0px 15px;
	text-decoration: underline;
}

#foot {
    /*padding: 260px 20px 0 280px;*/
	text-align: center;
	background-color: gray;
}
#foot12 {
    /*padding: 260px 20px 0 280px;*/
	text-align: center;
	background-color: ;
	padding-top: 200px;
}
#foot122 {
    /*padding: 260px 20px 0 280px;*/
	text-align: center;
	background-color: ;
	padding-top: 170px;
}

::selection{ background:#79D9FF!important; color:#fff}
::-moz-selection{ background:#79D9FF!important; color:#fff}
	
.left {float:left!important;}

.right {float:right!important;}

.clear {clear: both;}	

.center{
	margin:0 auto; 
	padding:0;
	width: 980px;

}
a {
	color:#e06f1b
}
a:hover{
	text-decoration:none
}


p {
	padding:0;
	margin:0
}

#top {
	background: url(images/bg_pxline.jpg) left top repeat-x;
	font: normal 12px/16px Arial;
}

#top ul{
	background: url(images/bg_h.png) center -1px no-repeat;
	height: 32px;
	line-height: 32px;
	padding-right: 21px;
	margin: 0;
}

#top ul li{
	color: #838383;
	display: inline-block; 
	padding: 0 22px 0 20px;
	text-align:center;
	float: right;
	background: url(images/divider1.gif) right no-repeat;
}
#top ul li:first-child{
	color: #838383;
	display: inline-block; 
	padding: 0 15px 0 19px;
	text-align:center;
	float: right;
	background: none;
}

#top ul .phone {
	color: #fff;
	font: bold 12px/16px Arial;
}
#top ul li a{
	color: #b7b7b7;
	text-decoration: none;
}
#top ul li a:hover{
	color: #f9f9f9;
}


.copy
{
position: absolute;
bottom: 0px;
margin: 0 auto;
text-align: center;
width: 100%;
}

.copy a
{
color: #000
}

/*-------------------------------- LOGO -------------------------------- */
#logosearch{
	margin:20px auto 10px;
	height: 61px;
}
.logo{
	float: left;
	margin-left: 16px;
	background: url(images/logo9.png)  left top no-repeat;
	width: 500px;
	height: 150px;
}
.logo a{
	display: block;
	width: 300px;
	height: 30px;
	margin: 12px auto;
	color: #FFFFFF;
	font-size: 34px;
	font-family: "Open Sans";
	text-decoration: none
}

/*-------------------------------- search and social container-------------------------------- */
#searchSocial{
	float: right;
	margin: 8px 20px 0 0;
}
#searchSocial img{
	opacity: 0.6;
   	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
   	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	-webkit-transition: all 0.3s ease-out;    /* Saf3.2+, Chrome */
	-moz-transition: all 0.3s ease-out;  /* FF4+ */
	-ms-transition: all 0.3s ease-out;  /* IE10 */
	-o-transition: all 0.3s ease-out;  /* Opera 10.5+ */
	transition: all 0.3s ease-out;
}
#searchSocial img:hover{
	opacity: 1;
   	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
   	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
/*-------------------------------- NAVIGATIONS-------------------------------- */
#navconteiner{
	clear: both;
	margin:105px 0 0 0;
	padding-top: 0;
	background-color: #232323;
	height: 55px;
	width: 100%;
	border-bottom: 4px solid #151515;
	position: relative;
	z-index: 20;
}
#navconteiner  li{
	position:relative;		/* для позиционирования submenu */
	display: inline-block; 
	text-align:center;
	float: left;
	padding: 0;
	background: url(images/nav_divider.jpg) left no-repeat;
}

#navconteiner  li:first-child {
	padding: 0;
	background: none;
	float: left;
}
#navconteiner  li a{
	color: #fefefe;
	font: normal 12px/16px "Open Sans";
	text-decoration: none;
	display: block;
	height: 55px;
	width: 112px;
	line-height: 55px;
}
#navconteiner  li.active{
	border-bottom: 4px solid #fff;
}
#navconteiner li.active > a{
	background: url(images/bg_nav.jpg) left top repeat-x;
	color: #000201;
	height: 55px;
	width: 112px;
	line-height: 55px;
}
#navconteiner  li a:hover{
	color: #ff6c00;
}

/*-------------------------------- NAVIGATION SUBMENU-------------------------------- */
#navconteiner ul{
	list-style:none;
	position:absolute;
	left:-9999px; 
	opacity:0; 
}
#navconteiner li:hover ul{ 
	left:-39px; 
	z-index: 3;
	opacity:1; 
}
#navconteiner ul li{
	float:none;
	background: none;
}
#navconteiner ul a{
	white-space:nowrap; 
	background-color:#03bbfb;
	color: #fefefe;
	font: normal 12px/16px "Open Sans";
	text-decoration: none;
	display: block;
	height: 39px;
	width: 191px;
	line-height: 42px;
	text-align: left;
	padding-left: 20px;
}
#navconteiner li ul li a:hover{ 
	background-color:#ff6c00;
	text-decoration:none;
	color: #fefefe;
}
	

	
	
	
	
	
	/* styling for the slideshow on the homepage */
.slideshow {
  width: 980px;
  height: 300px;
  float: left;
    }
ul.slideshow {
  list-style: none;
  width: 980px;
  height: 300px;
  overflow: hidden;
  position: relative;
  margin: 0;}
  
ul.slideshow li {
  position: absolute;
  margin: 0;
  padding: 0;
  left: 0;
  right: 0;}
 
ul.slideshow li.show {
  z-index: 500;}
 
ul img {
  border: none;}
 
#slideshow-caption {
  width: 980px;
  height: 38px;
  position: absolute;
  bottom: 0;
  left: 0; 
  z-index: 500;}
 
#slideshow-caption .slideshow-caption-container {
  padding: 10px 25px 10px 25px; 
  background: transparent url(images/transparent.png) repeat;  
  z-index: 1000;}
 
#slideshow-caption p {
  padding: 0;
  font: normal 130% arial, sans-serif;
  color: #FFF;
  text-shadow: 1px 1px #000;}
  
	
	
	
	
	
	
	
	
	
	
	
	
	
	
/* Subpage ================================================== */


body.sub_body{
	background-position:50% -240px
}

.min_height{
	background:#fff url(images/bg_subpage.jpg) right top no-repeat;
	height:220px;
}

.min_height.solutions{
	background:#fff url(images/bg_subpage3.jpg) top no-repeat;

	height:220px;
}

.min_height.solutions H6
{
	color: #fff;
}

.subpage{
	height:125px;
	position:relative;
	z-index:0
}

h5{
	color:#242424;
	margin:0;
	padding:0;
	font-size:16px;
	line-height:30px;
	font-family:"Open Sans", Arial;
	font-weight:600;
	padding-bottom:10px
}

h6{
	color:#49c2e8;
	margin:0;
	padding:0;
	font-size:40px;
	line-height:40px;
	font-family:"Open Sans", Arial;
	font-weight:600;
	padding-top:70px;
	padding-left:60px
}


.span_600 {
	width:600px
}
.span_600 .smallerp {
	margin-top:0
}

em {
	text-align:right;
	display:block;
	font-style:normal;
}

b {
	font-size:14px;
}
.grid_50 {
	width:47%!important;
	position:relative
}



.contact-form {
  padding-top: 1px;
}
.contact-form input {
  border: #bdbdbd 1px solid;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  line-height: 22px;
  width: 350px;
  float: left;
  margin: 0px;
  padding-top: 8px;
  padding-bottom: 6px;
  background: #fff;
  color:#000;
  margin-bottom:10px
}
.contact-form label {
  min-height: 20px;
  position: relative;
  overflow: hidden;
  margin: 0;
  display: block;
  width: 100px;
  float:left;
  line-height:40px
}
.contact-form .error,
.contact-form .empty {
  display: none;
  position: relative;
  font-size: 11px;
  line-height: 14px;
  color: #ff7676;
  float: left;
  margin: 2px 0 4px 10px;
  min-width: 160px;
}
.contact-form .success {
  display: none;
  padding-bottom: 5px;
}
.contact-form textarea {
  border: #bdbdbd 1px solid;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  
  line-height: 22px;
  width: 347px;
  float: left;
  margin: 0px;
  padding-top: 8px;
  padding-bottom: 6px;
  background: #fff;
  color:#555555;
  height:200px;
    margin-bottom:10px

}
.contact-form input:focus,
.contact-form textarea:focus {
  box-shadow: none;
}
.contact-form .btn {
 	font: normal 12px/35px Arial;
	color:#fefefe;
	background-color: #49c2e8;
	display: inline-block;
	width: 100px;
	height: 35px;
	text-align: center;
	margin: 10px 0;
	text-decoration: none;
	border:none;
	margin-left:100px

}
.contact-form .btn:hover{
	color:#050d0f;
}
.map {
	height:280px;
	margin:0 auto;
	position:relative;
	top:0px;
}
.map iframe {
  width: 100%;
  height: 100%;
  border: none;
}