@font-face {
   font-family: "DinCE";
   src: url('font/DINCondensedC.eot');
}

@font-face {
    font-family: 'DinC';
    src: url('font/DINCondensedC.eot');
    src: url('font/DINCondensedC.eot') format('embedded-opentype'),
         url('font/DINCondensedC.woff') format('woff'),
         url('font/DINCondensedC.ttf') format('truetype'),
         url('font/DINCondensedC.svg#EurofontCRegular') format('svg');
}

/* Typography
================================================== */
html, body  {
	font-family: 'DinC','DinCE';
	background:#ffffff;
    margin: 0;
    padding: 0;
    border: 0; /* This removes the border around the viewport in old versions of IE */
    width: 100%;
	margin: 0;
	height: 100%;
}
.container_top{
	background: #0c2d69;
	height:30px;
	width:100%;
}
.container{
	min-height: 100%;
	background: url('../img/background.jpg') repeat-x;
	width:100%;
	position:relative;
	height:1000px;
}
.gradient{
	min-height: 100%;
	background: url('../img/gradient.png') no-repeat ;
	background-size:cover;
	-moz-background-size: cover;  /* Firefox 3.6 */
	-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/gradient.png',sizingMethod='scale')";
    /* IE < 8 */
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../img/gradient.png', sizingMethod='scale');
	position:absolute;
	width:100%;
}
.zamok{
	background: url('../img/zamok.png') no-repeat;
	height: 415px;
	position: absolute;
	right: 123px;
	top: 90px;
	width: 380px;
}

#blue_bar{
	background: url('../img/blue_bar.png') no-repeat top right;
	background-size:cover;
	-moz-background-size: cover;  /* Firefox 3.6 */
	width:100%;
	margin-top:55px;
	height:344px;
 -ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/blue_bar.png',sizingMethod='scale')";
    /* IE < 8 */
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../img/blue_bar.png', sizingMethod='scale');
}
#wrap{
	margin: -390px auto 0 auto;
	width: 830px;
}
.logo{
	background: url('../img/logo.png') no-repeat;
	position:relative;
	height:96px;
}
#top_menu{
	display:block;
	position:relative;
}
#center_top_menu{
	height:230px;
}
.menu{
	color: #0C2D69;
	display: inline-block;
	font-size: 30px;
	line-height: 31px;
	position: absolute;
	top: 55px;
	left:271px;
	/*width: 553px;*/
}
.menu_phone{
	font-size: 30px;
	line-height: 31px;
	color:#424342;
	position: absolute;
	right: 30px;
	top: 55px;
}
.information{
	color: #FFFFFF;
	display: block;
	font-size: 29px;
	line-height: 29px;
	margin: 53px 30px 20px 30px;
	width: 308px;
}
#content{
	margin-top: -10px;
	background:#ffffff;
	padding:5px 34px 0px 30px;
	height:590px;
	position:absolute;
	width:760px;
}
#content h2{
	font-size:31px;
	line-height:32px;
	color:black;
	font-weight:normal;
	text-align:center;
}
#content h3{
	font-size:25px;
	line-height:25px;
	color:black;
	font-weight:normal;
	margin:0;	
}
#content p{
	font-size:20px;
	line-height:22px;
	font-weight:normal;
	color:#585858;
}
#about ul{
	width:370px;
	float:left;
	margin:0;
	padding:0;
}
#about li {
    list-style-type: none;
	margin:0;
	padding-left: 70px;
	background:url(../img/check1.png) no-repeat 0 50%;
	font-size:36px;
	line-height:72px;
	color:#000000;
	font-weight:normal;
}

#send-email{
 margin-left:390px;
 }
 input, textarea { 
	padding: 8px;
	border: solid 1px #E5E5E5;
	width: 270px;
	background:white;
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;/*0.1 actually means 10 %*/
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	}

textarea { 
	width: 270px;
	max-width: 400px;
	height: 150px;
	line-height: 150%;
	}

input:focus, textarea:focus { 
	-moz-box-shadow:0 0 8px lightblue;
	-webkit-box-shadow:0 0 8px lightblue;
	box-shadow:0 0 8px lightblue;
}

.form label { 
	margin-left: 12px; 
}
.required_all { 
	color:red;
	margin-left: -20px;	
}
.required { 
	color: #FF0000;
	float: right;
	left: -10px;
	margin-right: 10px;
	margin-top: -25px;
	top: 0px;
}

.submit input {
	background: url(../img/call1.png) no-repeat 0 0;
	cursor: pointer;
	height: 30px;
	margin:20px 0 0 100px;
	width: 132px;
	font-size:14px;
	padding: 0;
}
.submit input:hover{
	background: url(../img/call1.png) no-repeat 0 -30px;
}
.submit input:active{
	background: url(../img/call1.png) no-repeat 0 -60px;
}
.call {
	background: url(../img/call1.png) no-repeat;
	cursor: pointer;
	margin-left: 30px;
	width: 130px;
	text-align: center;
}
.call a{
	padding: 10px 0px;
	font-weight: normal;
	font-size: 14px;
	line-height:30px;
	font-family:'Tahoma';
	color: #000;
	cursor:pointer;
	text-decoration:none;
}
.call:hover{
	background: url(../img/call1.png) no-repeat;
	background-position:0 -30px;
}
.call:active{
	background: url(../img/call1.png) no-repeat 0 -60px;

}

#form-div { 
	background-color:#E6EBF0;
	padding:10px 30px;
	height:350px;
	border: 1px solid #E2E2E2;
}

#wrapper { 
	margin:30px auto;
	width:370px;
}
.col1{
	zoom: 1;
    *display: inline;
	 display: -moz-inline-stack;
    display: inline-block;
	width:208px;
	padding-top: 15px;
	font-size: 17px;
	line-height:25px;
	color: #fff;
	padding-left: 35px;

}

.col1 a{
color:white;
text-decoration:none;
}

.col2{
	zoom: 1;
    *display: inline;
	 display: -moz-inline-stack;
    display: inline-block;
	width: 230px;
	padding-top: 15px;
	font-size: 25px;
	line-height:25px;
	color: #fff;
	text-align:right;
}
.col2 a{
color:white;
text-decoration:none;
}
#inline { display: none; position:static; width: 340px; overflow:  visible; }

.error, .error_format{ border:1px solid #ff0000;}
input.error, textarea.error, input.error_format, textarea.error_format{ border-color: #ff0000; border-style: solid; color: red; }
input.error:focus, textarea.error:focus, input.error_format:focus, textarea.error_format:focus { border-color: #ff0000; color: #a35959; }
.required_up_all{
	color:red;
	margin:0;
}
.required_up{
	color:red;
	float: right;
	margin-right: 40px;
	margin-top: -10px;
	top: 0px;
}
.right_text{
	float:right;
	margin-right:20px;
}
.footer{
	background: url('../img/footer.png') no-repeat;
	background-size:cover;
	-moz-background-size: cover;  /* Firefox 3.6 */
	-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/footer.png',sizingMethod='scale')";
    /* IE < 8 */
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../img/footer.png', sizingMethod='scale');
	width:100%;
	margin-top: 560px;
	height:115px;
}
.footer_content{
	margin: 0px auto;
	padding-top: 40px;
	width: 820px;
}
.message{
	font-size: 19px;
	line-height:19px;
	color: #767676;

}
/* стили для webkit */
 #name::-webkit-input-placeholder { color:#929292; }
 #phone::-webkit-input-placeholder {
 color:#929292;
 }
 #email::-webkit-input-placeholder {
 color:#929292;
 }

 /* стили для mozilla */
 #name:-moz-placeholder { color:#929292; }
 #phone:-moz-placeholder { color:#929292; }
 #email:-moz-placeholder { color:#929292; }
 
 .row
 {
 width: 100%;
 }
 
.clear {clear:both;}
 
.row-content1 p, .fancybox-inner form p {position: relative;}
.fancybox-inner {overflow: visible;}

form label.error:before, form label.error_format:before {
    border-bottom: 6px solid #e6ebf0;
    border-right: 6px solid #d6d6d6;
    border-top: 6px solid #e6ebf0;
    content: "";
    display: block;
    height: 0;
    margin: -6px 1px 0 0;
    position: absolute;
    right: 100%;
    top: 50%;
    width: 0;
}
.fancybox-inner form label.error:before, .fancybox-inner form label.error_format:before {
    border-bottom: 6px solid #f2f5fb;
    border-top: 6px solid #f2f5fb;
}
form label.error:after, form label.error_format:after {
    border-bottom: 5px solid transparent;
    border-right: 5px solid #ffc;
    border-top: 5px solid transparent;
    content: "";
    display: block;
    height: 0;
    margin: -5px 0 0;
    position: absolute;
    right: 100%;
    top: 50%;
    width: 0;
}
form label.error, form label.error_format {
	display: none;
    background-color: #ffc;
    border: 1px solid #d6d6d6;
    border-radius: 5px;
    height: 16px;
    left: 100%;
    line-height: 16px;
    margin: -14px 0 0 -20px;
    padding: 5px;
    position: absolute;
    top: 50%;
    white-space: nowrap;
    z-index: 10;
}
.fancybox-inner label.error, .fancybox-inner label.error_format {
	margin-left: -40px;
}