@charset "windows-1251";

A:link { 
    text-decoration: none; /* Убирает подчеркивание для ссылок */
   } 
   A:visited { text-decoration: none; } 
   A:active { text-decoration: none; }
   A:hover {
    text-decoration: underline; /* Делает ссылку подчеркнутой при наведении на нее курсора */
    color: red; /* Цвет ссылки */
	}
	 
body {
	min-width:1394px;
	margin:0px;
	padding:0px;
	background-color:#E4E4E4;
}

.modalDialog {
    position: fixed;
    font-family: Arial, Helvetica, sans-serif;
	padding:10px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,0.8);
    z-index: 99999;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    display: none;
    pointer-events: none;
}

.modalDialog:target {
	display: block;
	pointer-events: auto;
}

.modalDialog > div {
	position:relative;
	width:510px;
	height:510px;
	margin:5% auto;
	border-radius: 10px;
	background: #fff;
}

.close {
	background: #606061;
	color: #FFFFFF;
	line-height: 25px;
	position: absolute;
	right: -12px;
	text-align: center;
	top: -10px;
	width: 24px;
	text-decoration: none;
	font-weight: bold;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	-moz-box-shadow: 1px 1px 3px #000;
	-webkit-box-shadow: 1px 1px 3px #000;
	box-shadow: 1px 1px 3px #000;
}

.close:hover { background: #00d9ff; }

.blu_line1 {
	height:65px;
	width:100%;
	min-width:1394px;
	position:absolute;
	top:150px;
	left:0px;
	background-color:#036;
}
.blu_line2 {
	height:610px;
	width:100%;
	min-width:1394px;
	position:absolute;
	top:250px;
	left:0px;
	background-color:#036;
}
.blu_line3 {
	height:425px;
	width:100%;
	min-width:1394px;
	position:absolute;
	top:1160px;
	left:0px;
	background-color:#036;
}
.blu_line4 {
	height:336px;
	width:100%;
	min-width:1394px;
	position:absolute;
	top:2955px;
	left:0px;
	background-color:#9FB4B5
}
.blu_line5{
	height:50px;
	width:100%;
	min-width:1394px;
	position:absolute;
	top:3950px;
	left:0px;
	background-color:#036;
}
.main_frame {
		width:1394px; 
		height:4000px; 
		position:relative;
		margin:0px auto;
		background-color:transparent;
}
.blk1
{
	position:relative;
	background-color:transparent;
	width:1394px;
	height:150px;
	top:0px;
	left:0px;
}
.blk2
{
	position:relative;
	background-color:transparent;
	width:1394px;
	height:65px;
}
.blk3
{
	position:relative;
	background-color:transparent;
	width:1394px;
	height:35px;
}
.blk4
{
	position:relative;
	background-color:transparent;
	width:1394px;
	height:300px;
}

.blk5
{
	position:relative;
	background-color:transparent;
	width:1394px;
	height:1370px;
}

.blk6
{
	position:relative;
	background-color:transparent;
	width:1394px;
	height:336px;
}
.blk7
{
	position:relative;
	background-color:transparent;
	width:1394px;
	height:659px;
}

.logo_frame{
	width:300px;
	height:130px;
	position:absolute;
	background-image:url(../images/logo.png);
	background-size: cover;
	top:0px;
	ltft:20px;
}
.phone_frame{
	width:300px;
	height:100px;
	position:absolute;
	background-image:url(../images/phone.png);
	background-size: cover;
	top:25px;
	right:20px;
}


.adr_left{
	background-color:transparent;
	width:500px;
	height:30px;
	position:absolute;
	left:20px;
	top:20px;
	font-size: 24px;
	font-weight: bold;
	text-align: left;
	font-style:normal;
	color: #FFF;
}
.adr_right{
	background-color:transparent;
	width:500px;
	height:65px;
	position:absolute;
	right:20px;
	top:0px;
	color: #FFF;
	font-size: 20px;
	text-align: right;
	line-height: 0px;
	font-family: "Verdana", Geneva, sans-serif;
	font-weight: bold;
}
.gorod{
	position:relative;
	width:1394px;
	height:610px;
	background-image:url(../images/new_gorod.png);
	background-size:cover;
}
.gorod_head_txt{
	position:absolute;
	width:724px;
	height:60px;
	top:19px;
	left:35px;
	background-color:transparent;
	font-size: 55px;
	color: #CCC;
	text-align: left;
	font-family: Verdana, Geneva, sans-serif;
}
.gorod_txt{
	position:absolute;
	width:754px;
	height:440px;
	top:116px;
	left:35px;
	background-color:transparent;
	font-size: 24px;
	color: #FFF;
	text-align: left;
	font-family: Verdana, Geneva, sans-serif;
}
.princip{
	position:absolute;
	width: 1354px;
	height:284px;
	background-color:#FFF;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 26px;
	padding-left: 40px;
	font-weight: normal;
	color: #666;
	line-height: 36px;
	padding-top:15px;
}
.uslugi_head_txt{
	position:absolute;
	width:500px;
	height:60;
	top:19px;
	left:35px;
	background-color:transparent;
	font-size: 55px;
	color: #CCC;
	text-align: left;
	font-family: Verdana, Geneva, sans-serif;
}
.uslugi{
	position:relative;
	background-color:transparent;
	width:1394px;
	height:425px;
}
.bt1, .bt2,.bt3, .bt4  {
	position:absolute;
	width:64px;
	height:64px;
	background-size:cover;
	left:35px;
}
.bt5, .bt6, .bt7, .bt8{
	position:absolute;
	width:64px;
	height:64px;
	background-size:cover;
	left:732px;
}


.bt1_txt, .bt2_txt, .bt3_txt, .bt4_txt {
	position:absolute;
	left:120px;
	background-color:transparent;
	height:59px;
	width:550px;
	color: #FFF;
	font-size: 24px;
	line-height:59px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 22px;
}

.bt5_txt, .bt6_txt, .bt7_txt, .bt8_txt {
	position:absolute;
	left:832px;
	background-color:transparent;
	height:59px;
	width:550px;
	color: #FFF;
	font-size: 24px;
	line-height:59px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 22px;
}

.bt1 {background-image:url(../images/b1.png);}
.bt2 {background-image:url(../images/b2.png);}
.bt3 {background-image:url(../images/b3.png);}
.bt4 {background-image:url(../images/b4.png);}
.bt5 {background-image:url(../images/b5.png);}
.bt6 {background-image:url(../images/b6.png);}
.bt7 {background-image:url(../images/b7.png);}
.bt8 {background-image:url(../images/b8.png);}

.bt1, .bt5, .bt1_txt, .bt5_txt {top:100px;}
.bt2, .bt6, .bt2_txt, .bt6_txt {top:180px;}
.bt3, .bt7, .bt3_txt, .bt7_txt {top:260px;}
.bt4, .bt8, .bt4_txt, .bt8_txt {top:340px;}

.name_prod{
	position:absolute;
	width:450px;
	height:72px;
	left:35px;
	background-color:transparent;
	padding-top:15px;
	font-size: 55px;
	text-align: justify;
	font-family: Verdana, Geneva, sans-serif;
	color: #036;
	font-weight: normal;
	top: 20px;
}
.f1-1, .f1-2, .f1-3, .f1-4, .f1-5, .f1-6,
.f2-1, .f2-2, .f2-3, .f2-4, .f2-5, .f2-6,
.f3-1, .f3-2, .f3-3, .f3-4, .f3-5, .f3-6,
.f4-1, .f4-2, .f4-3, .f4-4, .f4-5, .f4-6
{
	position:absolute;
	width:224px;
	height:224px;
	background-color:#0F0;
	/*border: 2px solid #000;*/
}
.t1-1, .t1-2, .t1-3, .t1-4, .t1-5, .t1-6,
.t2-1, .t2-2, .t2-3, .t2-4, .t2-5, .t2-6,
.t3-1, .t3-2, .t3-3, .t3-4, .t3-5, .t3-6,
.t4-1, .t4-2, .t4-3, .t4-4, .t4-5, .t4-6
{
	position:absolute;
	width:224px;
	height:83px;
	background-color:transparent;
	text-align:center;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 20px;
	padding-top:3px;
	/*background-color:#0F0;
	border: 2px solid #000;*/
}
.f1-1, .f1-2, .f1-3, .f1-4, .f1-5, .f1-6 {top:130px;}
.t1-1, .t1-2, .t1-3, .t1-4, .t1-5, .t1-6 {top:354px;}

.f2-1, .f2-2, .f2-3, .f2-4, .f2-5, .f2-6 {top:440px;}
.t2-1, .t2-2, .t2-3, .t2-4, .t2-5, .t2-6 {top:664px;}

.f3-1, .f3-2, .f3-3, .f3-4, .f3-5, .f3-6 {top:750px;}
.t3-1, .t3-2, .t3-3, .t3-4, .t3-5, .t3-6 {top:974px;}

.f4-1, .f4-2, .f4-3, .f4-4, .f4-5, .f4-6 {top:1060px;}
.t4-1, .t4-2, .t4-3, .t4-4, .t4-5, .t4-6 {top:1284px;}

.f1-1, .f2-1, .f3-1, .f4-1, .t1-1, .t2-1, .t3-1, .t4-1 {left:0px;}
.f1-2, .f2-2, .f3-2, .f4-2, .t1-2, .t2-2, .t3-2, .t4-2 {left:234px;}
.f1-3, .f2-3, .f3-3, .f4-3, .t1-3, .t2-3, .t3-3, .t4-3 {left:468px;}
.f1-4, .f2-4, .f3-4, .f4-4, .t1-4, .t2-4, .t3-4, .t4-4 {left:702px;}
.f1-5, .f2-5, .f3-5, .f4-5, .t1-5, .t2-5, .t3-5, .t4-5 {left:936px;}
.f1-6, .f2-6, .f3-6, .f4-6, .t1-6, .t2-6, .t3-6, .t4-6 {left:1170px;}	


.name_oborud{
	position:absolute;
	width:800px;
	height:70px;
	left:35px;
	background-color:transparent;
	padding-top:15px;
	font-size: 50px;
	text-align: left;
	font-family: Verdana, Geneva, sans-serif;
	color: #036;
	font-weight: normal;
}

.o1, .o2, .o3, .o4, .o5, .o6 {
	background-color:#FFF;
	height:210px;
	top:85px;
	position:absolute;
}
.o1 {
	width:245px;
	left:0px;
	background-image:url(../images/o1.png);
	background-size:cover;
}
.o2 {
	width:280px;
	left:255px;
	background-image:url(../images/o2.png);
	background-size:cover;
}
.o3 {
	width:175px;
	left:545px;
	background-image:url(../images/o3.png);
	background-size:cover;
}
.o4 {
	width:250px;
	left:730px;
	background-image:url(../images/o4.png);
	background-size:cover;
}
.o5 {
	width:240px;
	left:990px;
	background-image:url(../images/o5.png);
	background-size:cover;
}
.o6 {
	width:154px;
	left:1240px;
	background-image:url(../images/o6.png);
	background-size:cover;
}
.name_contact{
	position:absolute;
	width:500px;
	height:70px;
	left:35px;
	background-color:transparent;
	padding-top:15px;
	font-size: 50px;
	text-align: center;
	font-family: Verdana, Geneva, sans-serif;
	color: #036;
	font-weight: normal;
}
.map_yandex{
	position:absolute;
	width:753px;
	height:542px;
	left:35px;
	top:105px;
}
.contact_adress{
	position:absolute;
	width:500px;
	height:543px;
	background-color:transparent;
	right:35px;
	top:105px;
	font-family: Verdana, Geneva, sans-serif;
	text-align: center;
	font-size: 22px;
	color: #036;
	line-height: 30px;
}
.footer{
	position:relative;
	background-color:transparent
	width:1300px;
	height:50px;
	left:50px;
	line-height:50px;
	color: #FFF;
	text-align: center;
	font-size: 18px;
}