@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: 'EvroExRegular';
    src: url('/media/font/EUR_E___/eur_e___.eot');
    src: url('/media/font/EUR_E___/eur_e___.eot') format('embedded-opentype'),
         url('/media/font/EUR_E___/eur_e___.woff') format('woff'),
         url('/media/font/EUR_E___/eur_e___.ttf') format('truetype'),
         url('/media/font/EUR_E___/eur_e___.svg#Europe_ExtNormal') format('svg');
}


body{
	margin: 0;
	min-width: 980px;
	padding: 0;
    font-family: "Arial", "Verdana", "Tahoma", "Helvetica", sans-serif;
}
a:focus { 
          outline: thin dotted #ffffff;
          outline-offset: -2px;}
p{
	margin: 0 0 20px 0;	
}

p, ul{
	
	font-size-adjust:0.488;
	font-weight:200;
	font-style:normal;
}
h1,h2,h3{ 
    font-weight: normal;
    font-family: 'EvroExRegular',"Arial", "Verdana", "Tahoma", "Helvetica", sans-serif;
}
img{
	border: 0;
}

ul { 
    margin: 0;
    font-style:normal;}
ul li{ display: inline;}

.float-left{
	float: left;	
	margin: 0 0 0 20px;
}

.float-right{
	float: right;
	margin: 0 20px 0 0;
}
.float_l{float: left;}
.float_r{float: right;}
.center{
	font-size: 2.5em;
	padding: 80px 0 0 0;
	text-align: center;
}
.center_s{
    text-align: center; 
    padding: 80px 0 0 0;
}
.center_s a{
    text-decoration: underline;
    
}
.clear{
    clear: both;
    margin: 0;
    padding: 0;
    font-size: 1px;
    line-height: 1px;
}
.hide{display: none;}
.w50{width: 50px !important;}
.w70{width: 70px !important;}
.w80{width: 80px !important;}
.w100{width: 100px !important;}
.pt80{padding-top: 80px !important;}
.pb50{padding-bottom: 50px !important;}
.pb80{padding-bottom: 80px !important;}
.mrt10{ margin-top: 10px !important;}
.mrb0{ margin-bottom: 0px !important;}
.mrr10{margin-right: 10px !important;}
.mrr20{margin-right: 20px !important;}
.root{margin: 0 20px;}
.menu_top{
   position: fixed;
   width: 100%;
   top:0;
   left:0;
   z-index:1000;
   padding: 5px;
   background-color: #fff;
}

#nav{
	list-style: none;
	position: fixed;
	right: 20px;
	z-index: 999;
}

#nav li{
	margin: 0 0 15px 0;	
}

#header, #intro, #second{
	width: 100%;
}

#intro{
       /* font-family: "EvroExRegular", "Arial", "Verdana", "Tahoma", "Helvetica", sans-serif;*/
	/*background:url(/media/images/firstBG.jpg) 50% -40px no-repeat fixed;*/
	min-height:435px;
	margin: 0 auto;
	padding: 20px 0px 0px;
}
#intro h3{
    font-weight: normal;
}

#second{
   /* background-color: #ffffff;*/
	/*background: url(/media/images/secondBG.jpg) 50% 0 no-repeat fixed;*/
	/*background: url(/media/images/firstBG.jpg) 50% 0 no-repeat fixed;*/
	color: white;
	height: 800px;
        padding:0px 0px 0px;
	margin: 0 auto;
	overflow: hidden;
	/*padding:10px 20px;*/
}

/*#second .bg{
	background: url(/media/images/trainers.png) 50% 0 no-repeat fixed;
	height: 1300px;
	margin: 0 auto;
	padding: 0;
	position: absolute;
	width: 900px;
	z-index: 200;
}*/
#second .bg{
   
    position: relative;
    background: url('/media/images/post_bg.png');
    color: #000 !important;
	margin-top: 100px;
        margin-bottom: 100px;
	/*height: 1300px;
	margin: 0 auto;
	padding: 0;
	position: absolute;
	width: 900px;
	z-index: 200;*/
        padding: 20px 0;
         border-radius: 10px;
     -khtml-border-adius:10px;
     -webkit-border-radius: 10px;
     -moz-border-radius:10px;
        behavior: url(/media/style/PIE.htc);
}

#second .bg .form_bg{
    width: 900px;
    margin: 0 auto;
    padding: 20px 20px;
    background-color: #fff;
}
#second .bg label{ font-size: 20px;}
#second .bg .in_name{
    color: #002a80;
    height: 42px;
    width: 500px;
    font-size: 22px;
    border: 3px #000 dashed;
    margin-bottom: 20px;
    background-color: transparent;
    
}
#second .bg .in_text{
   color: #002a80;
    font-size:22px;
     border: 3px #000 dashed;
     margin-bottom: 20px;
     background-color: transparent;
     width: 880px;
     height: 82px;
}
#second .bg .in_submit{
     border: 3px #000 solid;
     margin-bottom: 20px;
     width: 200px;
     height: 42px;
     font-size:20px;
     background-color: transparent;
     border-radius: 10px;
     -khtml-border-adius:10px;
     -webkit-border-radius: 10px;
     -moz-border-radius:10px;
    behavior: url(/media/style/PIE.htc);
}
#second .bg .shtamp{
    position: absolute;
    right: 50px;
    top: 60px;
    width: 350px;
    height: 186px;

    background: url(/media/images/shtamp.png) 50% 0 no-repeat;
}
#third{
   /** position: relative;*/
         background-color: #000;
	/*background: url(/media/images/thirdBG.jpg) 50% 0 no-repeat fixed;*/
	color: white;
	min-height:60px;
	height: 60px !important;
	width: 100%;	
    
    margin: 0 auto;
    overflow: hidden;
	/*padding: 100px 0 0 0;	*/
}

#fifth{
	background: #ccc;
	height: 400px;
	margin: 0 auto;
	padding: 40px 0 0 0;
}
.story h2{margin-left: 20px;}
.story{
	margin: 0 auto;
	min-width: 980px;
	overflow: hidden;
       /* padding: 0 20px;*/
	width: 980px;
       
   
}

.story .float-left, .story .float-right{
	padding: 100px 0 0 0;
	position: relative;
	width: 560px;	
        color: #fff;
}

.slide {
	width: 100%;
}

#nav li a {
	display: block;
	width: 10px;
	height: 10px;
	background-color: #dedede;
	border: solid 2px #dedede;
        border-radius: 10px;
        -khtml-border-adius:10px;
        -webkit-border-radius: 10px;
        -moz-border-radius:10px;
        behavior: url(/media/style/PIE.htc);
}

#nav li a.current{
	background-color: orange;
}

/**/
/*.action{
    background-color: #eeeeee;
}*/
#bar_menu li a{
	background-color: #fff;     
}
#bar_menu li a.current{
	background-color: #eeeeee;
        border-radius: 5px;
        -khtml-border-adius:5px;
        -webkit-border-radius:5px;
        -moz-border-radius:5px;
        behavior: url(/media/style/PIE.htc);
}
#bar_menu li a:focus { 
          outline: thin dotted #eeeeee;
          outline-offset: -2px;}
.top_sotcial_bar{
   float: right; 
   width: 420px;
}
.top_sotcial_bar a{
    margin-right: 10px;
    
}
#slide_bar{  
    width: 100%;
    background-color: #fff;
    min-height:400px;
    margin: 0 auto;
    overflow: hidden;
    padding:50px 0px 150px;

}
#slide_bar_print{  
    width: 100%;
    background-color: #fff;
    min-height:400px;
    margin: 0 auto;
    overflow: hidden;
    padding:50px 0px 150px;

}
#what_can_we{
    background:#EDEDED url('/media/images/border.gif')  repeat-x;
    width: 100%;
    min-height:700px;
    margin: 0 auto;
    overflow: hidden;
    padding:50px 0px 250px;
}
.product img{ margin: 0 20px;}
#clients{
    background:#fff url('/media/images/border.gif')  repeat-x;
    width: 100%;	
    min-height:600px;
    margin: 0 auto;
    overflow: hidden;
    padding:50px 0px 350px;
}
#comand{
    background: #E2FFC4 url('/media/images/border.gif')  repeat-x;
     padding:50px 0px 350px;
      margin: 0 auto;
   min-height: 800px;
}
#comand h4{
   text-align: center;}

#why_we{ 
   background: #fff url('/media/images/border.gif')  repeat-x;
   padding:50px 0px 350px;
  
   margin: 0 auto;
}
#price{
    background: #fff url('/media/images/border.gif') bottom  repeat-x;
    padding:50px 0px 250px;
    width: 100%;	
    min-height:600px;
    margin: 0 auto;
    overflow: hidden;
}
#price .block1{
    display:block;
    float: left;
    width: 210px;
    height: 211px;
    background:transparent url('/media/images/img1.png') center no-repeat;
    margin:30px 15px 0px;
   
}
#price .block1 .logo{
    display:table-cell;
    vertical-align: middle;
    text-align: center;
    color: #6F5499;
    width: 210px;
    height: 211px;
    font-size:16px;
    font-weight: 700;
}
#price .block1 .logo_bootstrap{
    display:table-cell;
    vertical-align: middle;
    text-align: center;
    color: #6F5499;
    width: 210px;
    height: 211px;
    font-size:16px;
    font-weight: 700;
}
#price .block1 .logo_bootstrap .txt{display: inline-block; margin-top: 13px;}
#price .block1 .logo_codeigniter{
    display:table-cell;
    vertical-align: middle;
    text-align: center;
    color: #666666;
    width: 210px;
    height: 211px;
    font-size:16px;
    font-weight: 700;
}

#price .block1 .logo_codeigniter .txt{display: inline-block; margin-top: 10px;}
#price .block1 .logo_yii{
    display:table-cell;
    vertical-align: middle;
    text-align: center;
    color: #666666;
    width: 210px;
    height: 211px;
    font-size:16px;
    font-weight: 700;
}
#price .block1 .logo_regent{
    display:table-cell;
    vertical-align: middle;
    text-align: center;
    color: #666666;
    width: 210px;
    height: 211px;
    font-size:16px;
    font-weight: 700;
}
#price .block1 .logo_regent .txt{
    display: inline-block;
    margin-top: 10px;
}
.nav-slide-gorizont{
    height:20px;
    position:relative;
    margin-top: 50px;
    color: #fff;
    
}
.btn-txt,.radius{ float: left; width: 140px;}
.btn-txt{
    font-family: 'EvroExRegular',"Arial", "Verdana", "Tahoma", "Helvetica", sans-serif;
     font-size: 12px;
}

.radius{ 
    position: relative;
    width: 40px;
    height: 20px;
    background: url('/media/images/white.png') 0 0  no-repeat; 
}
.block-one{
    background-color: #fff;
    padding: 10px;
     filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); /* IE 5.5+*/
     -moz-opacity: 0.7; /* Mozilla 1.6 и ниже */
     -khtml-opacity: 0.7; /* Konqueror 3.1, Safari 1.1 */
     opacity: 0.7; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */  
     
}
.block-one p{ 
     color: #000;
     font-size: 12px;
}
.block-txt3{
  color: #000000 !important;
}
/*.block-to0,.block-to1{
    padding-top: 10px;
}*/

.h_txt{ 
    font-size: 21px;
    margin-top: 30px;
    padding: 10px 0px 5px;
    letter-spacing: 2px;
    font-family: 'EvroExRegular',"Arial", "Verdana", "Tahoma", "Helvetica", sans-serif;
}
.item{ float: left; margin-right: 10px;}