﻿body {
font: 14px Verdana, sans-serif;
background-color:#f07322;
margin: 0;
padding:0;
}
.dimg{text-indent: 0px; text-align: center}

@media screen and (min-width:1024px){
#main {
width:1024px;
margin: 0px auto;
padding: 0;
font: 14px Verdana, sans-serif;
background-color:#fff;
}
#up {
width:1024px;
height: 304px;
margin: 0;
padding: 0;
background: url(title_up.jpg);
background-position: center top;
background-repeat:no-repeat;
}
#up_lft{
width:722px;
height: 304px;
margin: 0;
padding: 0;
float: left;
}
#title{
width:722px;
height: 65px;
margin: 0;
padding: 0;
}
#lft{
width:302px;
height: 239px;
margin: 0;
padding: 0;
float: left;
background: url(menu2.PNG);
background-repeat:no-repeat;
background-position: left bottom;
}
#c{
width:420px;
height: 235px;
margin: 0px 0px 0px 302px;
padding: 0;
border: 0;
background: url(up.png);
background-repeat:no-repeat;
background-position: center bottom;
}
#up_rgt{
width:302px;
height: 304px;
margin: 0px 0px 0px 722px;
padding: 0;
}
#contact{
padding: 20px 0px 0px 0px;
}
#ncont {
width:252px;
height: 37px;
margin: 3px 0px 0px 50px;
padding: 0;
background: url(kontakt.png);
background-repeat:no-repeat;
background-position: center bottom;
}
#nconte {
width:252px;
height: 37px;
margin: 3px 0px 0px 50px;
padding: 0;
background: url(kontakt.png);
background-repeat:no-repeat;
background-position: center bottom;
}
.divtel {
width:252px;
height: 37px;
margin: 3px 0px 0px 50px;
padding: 0;
background: url(telefon.png);
background-repeat:no-repeat;
background-position: center bottom;
}
.ncont{
display: block;
font: 24px "Times New Roman", Times, serif;
font-weight: bold;
color: #000000;
margin: 0;
padding: 2px 0px 0px 10px;
}
.nconte{
display: block;
font: 24px "Times New Roman", Times, serif;
font-weight: bold;
color: #000000;
margin: 0;
padding: 2px 0px 0px 10px;
}
h4{
display: block;
font: 20px "Times New Roman", Times, serif;
font-weight: bold;
color: #000000;
margin: 0;
padding: 2px 0px 0px 10px;
}
.tel {
display: block;
font: 20px "Times New Roman", Times, serif;
font-weight: bold;
color: #000000;
margin: 0;
padding: 5px 0px 0px 15px;
}
.mailel {
display: block;
font: 16px "Times New Roman", Times, serif;
font-weight: bold;
color: #000000;
margin: 0;
padding: 5px 0px 0px 15px;
}
h5{
display: block;
font: 120px "Times New Roman", Times, serif;
font-weight: bold;
color: #1cc314;
margin: 0;
padding: 0px 0px 30px 0px;
text-align:center;
line-height: 1;
}
.online {
display: block;
font: 120px "Times New Roman", Times, serif;
font-weight: bold;
color: #1cc314;
margin: 0;
padding: 0px 0px 0px 0px;
text-align:center;
line-height: 1;
}
.time {
display: block;
font: 62px "Times New Roman", Times, serif;
font-weight: bold;
color: #1cc314;
margin: 0;
padding: 0px 0px 0px 0px;
text-align:center;
line-height: 0.5;
}
h6 {
display: block;
font: 62px "Times New Roman", Times, serif;
font-weight: bold;
color: #1cc314;
margin: 0;
padding: 0px 0px 0px 0px;
text-align:center;
line-height: 0.5;
}
#centr{
display: block;
width:1024px;
margin: 0;
padding: 0;
}
#list_menu{
width:302px;

margin: 0;
padding: 0;
float: left;

}
.divmenu{
width:302px;
height: 41px;
margin: 0;
padding: 0;
background: url(menu2.PNG);
background-repeat:no-repeat;
background-position: center top;
}
#txt{
width:682px;
margin: 0px 0px 0px 302px;
padding: 0px 0px 20px 20px;
}

.img{
float: left;
margin: 6px 10px 6px 10px;
}
.img2{
text-align: center;
margin: 10px 10px 10px -10px;
}
.img3{
display: block;
float: left;
margin: 10px 10px 10px 10px;
}
.img4{
display: block;
margin: 6px 10px 6px 10px;
}
.konttel {
display: block;
font: 20px "Times New Roman", Times, serif;
font-weight: bold;
color: #000000;
margin: 6px 10px 6px 10px;
padding: 0;
}
.tbl {
	border: 0px;
	border-color: white;
}

table, td, th {
	border: 1px solid gray }
#copyrite{
width:1024px;
height: 267px;
margin: 0;
padding:0;
border:0;
background: url(bottom.jpg);
background-repeat:no-repeat;
background-position: center bottom;
}
#copy {
width: 1024px;
height: 267px;
margin: 0;
padding: 0;
background: url(copy.png);
background-repeat:no-repeat;
background-position: center center;
}
h1 {
font: 40px "Times New Roman", Times, serif;
font-weight:bold;
color: #ffffff;
margin: 0;
padding:10px 0px 0px 70px;
}
.home {
display: block;
font: 18px "Times New Roman", Times, serif;
font-weight: bold;
color: #111111;
padding: 20px 0px 0px 0px;
}
span.menutxt{
font: 20px "Times New Roman", Times, serif;
font-weight: bold;
color: #111111;
margin: 0;
padding: 0px 0px 0px 20px;
text-decoration: none;
}
h3 {
font: 18px "Times New Roman", Times, serif;
font-weight: bold;
color: #111111;
margin: 0;
padding: 0px 0px 0px 20px;
text-decoration: none;
}
.title {
display: block;
font: 20px "Times New Roman", Times, serif;
font-weight: bold;
color: #027abb;
margin: 0;
padding: 10px 0px 0px 40px;
}
h2 {
display: block;
font: 20px "Times New Roman", Times, serif;
font-weight: bold;
color: #027abb;
margin: 0;
padding: 10px 0px 0px 40px;
}
.txt {
display: block;
font: 18px "Times New Roman", Times, serif;
color: #000000;
}
.copy{
display: block;
font: 14px "Times New Roman", Times, serif;
font-weight: bold;
color: #000000;
margin: 0;
padding: 125px 0px 0px 400px;
}

p{
text-indent: 20px;
text-align:justify;
color: #000000;
}
   a { 
    text-decoration: none; /* Убираем подчеркивание у ссылок */
   }


.hmenu {
font: 18px "Times New Roman", Times, serif;
font-weight: bold;
color: #111111;
margin: 0;
padding: 0px 0px 0px 20px;
text-decoration: none;
}
.hname {
display: block;
font: 20px "Times New Roman", Times, serif;
font-weight: bold;
color: #027abb;
margin: 0;
padding: 10px 0px 0px 40px;
}
   }

 @media (min-width: 480px) and (max-width: 1023px) {
body {
font: 14px Verdana, sans-serif;
background-color:#000;
margin: 0;
padding:0;
}
#main {
width:480px;
margin: 0px auto;
padding: 0;
font: 14px Verdana, sans-serif;
background-color:#fff;
}
#up {
width:480px;
height: 304px;
margin: 0;
padding: 0;
background: url(title_up.jpg);
background-position: left top;
background-repeat:no-repeat;
}
#up_lft{
width:480px;
height: 304px;
margin: 0;
padding: 0;
float: left;
}
#title{
width:480px;
height: 65px;
margin: 0;
padding: 0;
}
#c{
width:300px;
padding: 350px 0px 0px 180px;
background: url(up4.png);
background-repeat:no-repeat;
background-position: right bottom;
}
#lft{
width:320px;
height: 239px;
margin: 0;
padding: 0;
background: url(menu2.PNG);
background-repeat:no-repeat;
background-position: left bottom;
}

#up_rgt{
padding: 10px 0px 0px 0px;
}
#contact{
position: absolute; 
width:160px;
padding: 50px 0px 0px 250px;
}
#ncont {
height: 30px;
padding: 0;
}
.divtel {
height: 30px;
margin: 3px 0px 0px 0px;
padding: 0;
}
.ncont{
display: block;
font: 14px "Times New Roman", Times, serif;
font-weight: bold;
color: #000000;
margin: 0;
padding: 0px 0px 0px 10px;
}
h4{
display: block;
font: 14px "Times New Roman", Times, serif;
font-weight: bold;
color: #000000;
background-color: RGB(249, 201, 16);
border-radius: 6px;
margin: 0;
padding: 2px 0px 0px 10px;
}
.tel {
display: block;
font: 14px "Times New Roman", Times, serif;
font-weight: bold;
color: #000000;
background-color: RGB(249, 201, 16);
border-radius: 6px;
margin: 0;
padding: 5px 0px 0px 15px;
}
.mailel {
display: block;
font: 14px "Times New Roman", Times, serif;
font-weight: bold;
color: #000000;
background-color: RGB(249, 201, 16);
border-radius: 6px;
margin: 0;
padding: 5px 0px 0px 0px;
}
h5{
display: block;
font: 64px "Times New Roman", Times, serif;
font-weight: bold;
color: #1cc314;
margin: 0;
padding: 20px 0px 10px 50px;
text-align:left;
line-height: 1;
}
h6 {
display: block;
font: 64px "Times New Roman", Times, serif;
font-weight: bold;
color: #1cc314;
margin: 0;
padding: 10px 0px 42px 25px;
text-align:left;
line-height: 0.5;
}
#centr{
display: block;
margin: 0;
padding: 0;
}
#list_menu{
width:480px;
margin: 0;
padding: 0;
}
.divmenu{
width:480px;
height: 41px;
margin: 0;
padding: 0;
background: url(menu2.PNG);
background-repeat:no-repeat;
background-position: left top;
}
#txt{
padding: 0px 10px 10px 10px;
}

.img{
float: left;
}
.img2{
text-align: center;
margin: 10px 10px 10px -10px;
}
.img3{
display: block;
float: left;
margin: 10px 10px 10px 10px;
}
.img4{
display: block;
margin: 6px 10px 6px 10px;
}
.konttel {
display: block;
font: 20px "Times New Roman", Times, serif;
font-weight: bold;
color: #000000;
margin: 6px 10px 6px 10px;
padding: 0;
}
.tbl {
	border: 0px;
	border-color: white;
}

table, td, th {
	border: 1px solid gray }
#copyrite{
height: 267px;
margin: 0;
padding:0;
border:0;
background: url(bottom.jpg);
background-repeat:no-repeat;
background-position: center bottom;
}
#copy {
height: 267px;
margin: 0;
padding: 0;
background: url(copy.png);
background-repeat:no-repeat;
background-position: center center;
}
h1 {
font: 32px "Times New Roman", Times, serif;
font-weight:bold;
color: #ffffff;
margin: 0;
padding:10px 0px 0px 30px;
}
.home {
display: block;
font: 18px "Times New Roman", Times, serif;
font-weight: bold;
color: #111111;
padding: 20px 0px 0px 0px;
}
span.menutxt{
font: 20px "Times New Roman", Times, serif;
font-weight: bold;
color: #111111;
margin: 0;
padding: 0px 0px 0px 20px;
text-decoration: none;
}
h3 {
font: 18px "Times New Roman", Times, serif;
font-weight: bold;
color: #111111;
margin: 0;
padding: 0px 0px 0px 20px;
text-decoration: none;
}
.title {
display: block;
font: 20px "Times New Roman", Times, serif;
font-weight: bold;
color: #027abb;
margin: 0;
padding: 10px 0px 0px 40px;
}
h2 {
display: block;
font: 20px "Times New Roman", Times, serif;
font-weight: bold;
color: #027abb;
margin: 0;
padding: 10px 0px 0px 40px;
}
.txt {
display: block;
font: 18px "Times New Roman", Times, serif;
color: #000000;
}
.copy{
display: block;
font: 14px "Times New Roman", Times, serif;
font-weight: bold;
color: #000000;
margin: 0;
padding: 125px 0px 0px 0px;
text-align: center;
}

p{
text-indent: 20px;
text-align:justify;
color: #000000;
}
a { 
    text-decoration: none; /* Убираем подчеркивание у ссылок */
}
p img {width: 90%;}

.hmenu {
font: 18px "Times New Roman", Times, serif;
font-weight: bold;
color: #111111;
margin: 0;
padding: 0px 0px 0px 20px;
text-decoration: none;
}
.hname {
display: block;
font: 20px "Times New Roman", Times, serif;
font-weight: bold;
color: #027abb;
margin: 0;
padding: 10px 0px 0px 40px;
}
#nconte {
height: 30px;
padding: 0;
}
}

 @media screen and (max-width:479px) {
#main {
width:302px;
margin: 0px auto;
padding: 0;
font: 14px Verdana, sans-serif;
background-color:#fff;
}
#up {
width:302px;
height: 304px;
margin: 0;
padding: 0;
background: url(title_up.jpg);
background-position: left top;
background-repeat:no-repeat;
}
#up_lft{
width:302px;
height: 304px;
margin: 0;
padding: 0;
float: left;
}
#title{
width:302px;
height: 65px;
margin: 0;
padding: 0;
}
#lft{
width:320px;
height: 239px;
margin: 0;
padding: 0;
background: url(menu2.PNG);
background-repeat:no-repeat;
background-position: left bottom;
}
#c{
}
#up_rgt{
padding: 10px 0px 0px 0px;
}
#contact{
position: absolute; 
width:160px;
padding: 50px 0px 0px 140px;
}
#ncont {
height: 30px;
padding: 0;
}
#nconte {
height: 30px;
padding: 0;
}
.divtel {
height: 30px;
margin: 3px 0px 0px 0px;
padding: 0;
}
.ncont{
display: block;
font: 14px "Times New Roman", Times, serif;
font-weight: bold;
color: #000000;
margin: 0;
padding: 0px 0px 0px 10px;
}
.nconte{
display: block;
font: 14px "Times New Roman", Times, serif;
font-weight: bold;
color: #000000;
margin: 0;
padding: 0px 0px 0px 10px;
}
h4{
display: block;
font: 14px "Times New Roman", Times, serif;
font-weight: bold;
color: #000000;
background-color: RGB(249, 201, 16);
border-radius: 6px;
margin: 0;
padding: 2px 0px 0px 10px;
}
.tel {
display: block;
font: 14px "Times New Roman", Times, serif;
font-weight: bold;
color: #000000;
background-color: RGB(249, 201, 16);
border-radius: 6px;
margin: 0;
padding: 5px 0px 0px 15px;
}
.mailel {
display: block;
font: 14px "Times New Roman", Times, serif;
font-weight: bold;
color: #000000;
background-color: RGB(249, 201, 16);
border-radius: 6px;
margin: 0;
padding: 5px 0px 0px 0px;
}
h5{
display: block;
font: 64px "Times New Roman", Times, serif;
font-weight: bold;
color: #1cc314;
margin: 0;
padding: 20px 0px 10px 30px;
text-align:left;
line-height: 1;
}
h6 {
display: block;
font: 64px "Times New Roman", Times, serif;
font-weight: bold;
color: #1cc314;
margin: 0;
padding: 10px 0px 42px 5px;
text-align:left;
line-height: 0.5;
}
#centr{
display: block;
margin: 0;
padding: 0;
}
#list_menu{
width:302px;
margin: 0;
padding: 0;
}
.divmenu{
width:302px;
height: 41px;
margin: 0;
padding: 0;
background: url(menu2.PNG);
background-repeat:no-repeat;
background-position: center top;
}
#txt{
padding: 0px 10px 10px 10px;
}

.img{
float: left;
}
.img2{
text-align: center;
margin: 10px 10px 10px -10px;
}
.img3{
display: block;
float: left;
margin: 10px 10px 10px 10px;
}
.img4{
display: block;
margin: 6px 10px 6px 10px;
}
.konttel {
display: block;
font: 20px "Times New Roman", Times, serif;
font-weight: bold;
color: #000000;
margin: 6px 10px 6px 10px;
padding: 0;
}
.tbl {
	border: 0px;
	border-color: white;
}

table, td, th {
	border: 1px solid gray }
#copyrite{
height: 267px;
margin: 0;
padding:0;
border:0;
background: url(bottom.jpg);
background-repeat:no-repeat;
background-position: center bottom;
}
#copy {
height: 267px;
margin: 0;
padding: 0;
background: url(copy.png);
background-repeat:no-repeat;
background-position: center center;
}
h1 {
font: 32px "Times New Roman", Times, serif;
font-weight:bold;
color: #ffffff;
margin: 0;
padding:10px 0px 0px 30px;
}
.home {
display: block;
font: 18px "Times New Roman", Times, serif;
font-weight: bold;
color: #111111;
padding: 20px 0px 0px 0px;
}
span.menutxt{
font: 20px "Times New Roman", Times, serif;
font-weight: bold;
color: #111111;
margin: 0;
padding: 0px 0px 0px 20px;
text-decoration: none;
}
h3 {
font: 18px "Times New Roman", Times, serif;
font-weight: bold;
color: #111111;
margin: 0;
padding: 0px 0px 0px 20px;
text-decoration: none;
}
.title {
display: block;
font: 20px "Times New Roman", Times, serif;
font-weight: bold;
color: #027abb;
margin: 0;
padding: 10px 0px 0px 40px;
}
h2 {
display: block;
font: 20px "Times New Roman", Times, serif;
font-weight: bold;
color: #027abb;
margin: 0;
padding: 10px 0px 0px 40px;
}
.txt {
display: block;
font: 18px "Times New Roman", Times, serif;
color: #000000;
}
.copy{
display: block;
font: 14px "Times New Roman", Times, serif;
font-weight: bold;
color: #000000;
margin: 0;
padding: 125px 0px 0px 30px;
}

p{
text-indent: 20px;
text-align:justify;
color: #000000;
}
a { 
    text-decoration: none; /* Убираем подчеркивание у ссылок */
}
p img {width: 90%;}

.hmenu {
font: 18px "Times New Roman", Times, serif;
font-weight: bold;
color: #111111;
margin: 0;
padding: 0px 0px 0px 20px;
text-decoration: none;
}
.hname {
display: block;
font: 20px "Times New Roman", Times, serif;
font-weight: bold;
color: #027abb;
margin: 0;
padding: 10px 0px 0px 40px;
}

 }