body, head, h1, h2, h3, h4, p {
	margin: 0px;
	padding: 0px;  
}


@font-face {
   font-family: 'OlgaCTTNormal';
    src: url('../41958-webfont.eot');
    src: url('../41958-webfont.eot?#iefix') format('embedded-opentype'),
         url('../41958-webfont.woff') format('woff'),
         url('../41958-webfont.ttf') format('truetype'),
         url('../41958-webfont.svg#OlgaCTTNormal') format('svg');

}

body {
	background-color: white;
	width: 100%;
  min-height: 1200px;
	overflow: hidden;
  	height: 100%;
}
img {
	border: 0px;
}
a {
	text-decoration: none;
}
h1 {
	margin-top: 15px;
	margin-left: 40px;
	
	font-weight: normal;	
	font-family: Georgia;
	color: #344a71;
	font-size: 36px;
}

.start_bg {
	background-color: white;
	background-repeat: no-repeat;
	position: absolute;
	
	left: 50%;
	margin-left: -513px;
	top: 100px;
	
	width: 1026px;
}
.start_page {
	background-repeat: no-repeat;
	position: absolute;
	background-image: url(../img/bg.jpg);
	background-repeat: no-repeat;
	background-color: white;
	
	left: 50%;
	margin-left: -912px;
	overflow: hidden;
	
	width: 1824px;
	height: 1068px;
}
.start_box {
	position: absolute;
	width: 170px;
	height: 172px;
	z-index: 50;
  opacity: 0.5;
}
.start_block {
    position: fixed;
    left: 50%;
    top: 50%;
    margin-top: -200px; 
    
}
.start_box p{
	position: absolute;
	display: block;
	text-align: center;
	
	width: 170px;
	color: #fcfcfc;
	font-size: 18px;
	font-family: Myriad Pro, Arial, Verdana;
	text-transform: uppercase;
}  
.start_box.b1{
	top: 0px;
	left: 50%;
	margin-left: -285px;
}
.start_box.b2{
	top: 205px;
	left: 50%;
	margin-left: 115px;
	
}
.start_box.b3{
	top: 0px;
	left: 50%;
	margin-left: 115px;
}

.start_box.b4{
	top: 205px;
	left: 50%;
	margin-left: -285px;
	
}
	
.start_box.b5{
	top: 205px;
	left: 50%;
	margin-left: -85px;
}
.start_box.b6{
	top: 0px;
	left: 50%;
	margin-left: -85px;
}
.start_box.main{
 visibility: hidden;
   opacity:0;
}
.logo {
	position: absolute;
	top: 150px;
	left: 50%;
	margin-left: -480px;
}
.zmey {
	background-image: url(../img/zmey.png);
	width: 300px;
	height: 300px;
	position: absolute;
	top: 250px;
	right: 50%;
	margin-right: -350px;
}
.content {
	background-image: url(../img/content.png);
	position: absolute;
	margin-top: -275px;
	top: 50%;
	left: 50%;
	margin-left: -295px;

	width: 595px;

  height: 532px;
	

	font-size: 28px;
  line-height: 25px;
  font-family: 'OlgaCTTNormal';
	z-index: 40;
	
  opacity: 0; 
}


.content.style1{
	background-image: url(../img/content_mid_1.png);
}
.content.style2{
	background-image: url(../img/content_mid_2.png);
}
.content.style3{
	background-image: url(../img/content_mid_3.png);
}
.content.style4{
	background-image: url(../img/content_mid_4.png);
}
.content.style5{
	background-image: url(../img/content_mid_5.png);
}
.content.style6{
	background-image: url(../img/content_mid_6.png);
}
.border_top_left {
	position: absolute;
	width: 30px;
	height: 30px;
	left: 0;
	top: -30px;
}
.border_top_right {
	position: absolute;
	width: 30px;
	height: 30px;
	right: 0;
	top: -30px;
	background-position: -565px 0;
}
.border_top_mid {
	position: absolute;
	height: 30px;
	right: 30px;
	left: 30px;
	top: -30px;
}
.style1 .border_top_left{
	background-image: url(../img/content_top_1.png);
}
.style2 .border_top_left{
	background-image: url(../img/content_top_2.png);
}
.style3 .border_top_left{
	background-image: url(../img/content_top_3.png);
}
.style4 .border_top_left{
	background-image: url(../img/content_top_4.png);
}
.style5 .border_top_left{
	background-image: url(../img/content_top_5.png);
}
.style6 .border_top_left{
	background-image: url(../img/content_top_6.png);
}
.style1 .border_top_right{
	background-image: url(../img/content_top_1.png);
}
.style2 .border_top_right{
	background-image: url(../img/content_top_2.png);
}
.style3 .border_top_right{
	background-image: url(../img/content_top_3.png);
}
.style4 .border_top_right{
	background-image: url(../img/content_top_4.png);
}
.style5 .border_top_right{
	background-image: url(../img/content_top_5.png);
	background-position:-532px 0;
}
.style6 .border_top_right{
	background-image: url(../img/content_top_6.png);
	background-position:-532px 0;
}
.style1 .border_top_mid{
	background-image: url(../img/content_mid_1.png);
}
.style2 .border_top_mid{
	background-image: url(../img/content_mid_2.png);
}
.style3 .border_top_mid{
	background-image: url(../img/content_mid_3.png);
}
.style4 .border_top_mid{
	background-image: url(../img/content_mid_4.png);
}
.style5 .border_top_mid{
	background-image: url(../img/content_mid_5.png);
}
.style6 .border_top_mid{
	background-image: url(../img/content_mid_6.png);
}
.border_bot_left {
	position: absolute;
	width: 30px;
	height: 30px;
	left: 0;
	bottom: -30px;
}
.border_bot_right {
	position: absolute;
	width: 30px;
	height: 30px;
	right: 0;
	bottom: -30px;
	background-position: -565px 0;
}
.border_bot_mid {
	position: absolute;
	height: 30px;
	right: 30px;
	left: 30px;
	bottom: -30px;
}

.style1 .border_bot_left{
	background-image: url(../img/content_bot_1.png);
}
.style2 .border_bot_left{
	background-image: url(../img/content_bot_2.png);
}
.style3 .border_bot_left{
	background-image: url(../img/content_bot_3.png);
}
.style4 .border_bot_left{
	background-image: url(../img/content_bot_4.png);
}
.style5 .border_bot_left{
	background-image: url(../img/content_bot_5.png);
}
.style6 .border_bot_left{
	background-image: url(../img/content_bot_6.png);
}
.style1 .border_bot_right{
	background-image: url(../img/content_bot_1.png);
}
.style2 .border_bot_right{
	background-image: url(../img/content_bot_2.png);
}
.style3 .border_bot_right{
	background-image: url(../img/content_bot_3.png);
}
.style4 .border_bot_right{
	background-image: url(../img/content_bot_4.png);
}
.style5 .border_bot_right{
	background-image: url(../img/content_bot_5.png);
	background-position:-532px 0;
}
.style6 .border_bot_right{
	background-image: url(../img/content_bot_6.png);
	background-position:-532px 0;
}
.style1 .border_bot_mid{
	background-image: url(../img/content_mid_1.png);
}
.style2 .border_bot_mid{
	background-image: url(../img/content_mid_2.png);
}
.style3 .border_bot_mid{
	background-image: url(../img/content_mid_3.png);
}
.style4 .border_bot_mid{
	background-image: url(../img/content_mid_4.png);
}
.style5 .border_bot_mid{
	background-image: url(../img/content_mid_5.png);
}
.style6 .border_bot_mid{
	background-image: url(../img/content_mid_6.png);
}

.content .border_bot {
	position: absolute;
	width: 595px;
	height: 30px;
	left: 0;
	bottom: -30px;
}

.ajax-loader {
  margin: 0 auto;
  width: 40px;
  margin-top: 0px;
  position: relative;
  margin-left: 250px;
}
.breadcrumbs {
	margin-left: 35px;
	font-family: Arial;
	font-size: 24px;
	color: black;
	margin-bottom: 10px;
}
.breadcrumbs a{
	font-size: 24px;
	color: black;
	text-decoration: none;
	font-family: Georgia;
	margin-right: 5px;
	margin-left: 5px;
}
.breadcrumbs a:hover{
	text-decoration: underline;
}
.content p {
	margin-left: 15px;
	margin-right: 15px;
	text-indent: 20px;
	text-align: left;
	position: relative;
	z-index: 40;
	color: #333333;
	margin-bottom: 10px;
}
.content .uslugi p {
  
  line-height: 22px;
  margin-bottom: 0px;
}
.content p.clients {
    text-indent: 0;
    margin: 7px;
    height: 532px;
    line-height: 0px;
  
}
.scroll {
	background-image: url(../img/scroll_back.png);
	position: absolute;
	top: 15px;
	right: 10px;
	width: 19px;
	height: 465px;
	display: none;
}
.bar {
	background-image: url(../img/scroll_bar.png);
	width: 19px;
	height: 62px;
	position: relative;
}

.footer {
	width: 100%;
	height: 71px;
	position: fixed;
	bottom: -40px;
}
.footer p {
	display: block;
	width: 100%;
	margin-top: 5px;
	text-align: center;
	font-size: 13px;
	color: #333;
	font-family: Trebuchet MS;
}
.footer i {
	position: absolute;
	bottom: 25px;
	right: 20px;
	font-size: 12px;
	color: #333;
	font-family: Trebuchet MS;
}
.footer a {
	font-size: 14px;
	color: #333;
	font-family: Trebuchet MS;
	text-decoration: underline;
}
.content .close{
   width: 18px;
   height: 18px;
   background-image: url(../img/close.png);
   background-repeat: none;
   position: absolute;
    left: 10px;
   bottom: -15px;
   cursor: pointer; 
   z-index: 50;
}
#content {
  margin-top: -14px;
  vertical-align: middle;
  z-index: 10;
  position: relative;
  height: 100%;
  display: table-cell;
  height: 532px;
  padding-left: 7px;
}
#text {
   vertical-align: middle;
 
  display: table-cell;
  height: 532px;
}

.razrabotka {
	background-image: url(../img/razrabotka.png);
	position: absolute;
	top: 0;
	right: 20px;
	width: 300px;
	height: 50px;
	opacity: 0.6;
}
.counters {
  position: absolute;
  bottom: 20px;
  z-index: 10;
}

.arrow p{
	display: block;
	width: 540px;
}