.table1 td {padding:10px;}
.table1 th {padding:10px;}
.table100 td, .table100 th {padding: 10px;}


.col-4-12 {
    display: block;
    width:100%;
    font-size:1rem;
    margin-top:2rem;
    z-index:100;
}

.col-4-12-head {
    background: #BCEBDD;
    padding:5px;
    box-sizing: border-box;
    
}

.col-4-12-body {
    overflow: hidden;
    
}

.col-4-12-banner-img {
    position:relative;
    z-index:50;
    overflow: hidden;

    
}

.col-4-12-banner-img-a img:HOVER {
    overflow: hidden;
    transition-duration: 3s;
    transform:  scale(1.4) translate(10%, -0%);
    
}

.col-4-12-head-a:HOVER {
    
    color: #4682B4;
}

@media screen and (min-width: 1200px) {
   .col-4-12 {
    display: inline-block;
    width:33%;
    margin-top:5rem;
    }
    
    
}

@media screen and (min-width: 700px) and (max-width: 1200px){
   .col-4-12 {
    display: inline-block;
    width:50%;
}
}

.col-6-12-parent {
    
}
.col-6-12-text-left, .col-6-12-right {
    position:relative;
    top:0;
    width:100%;
    font-size:1rem;
    z-index:100;
    box-sizing: border-box;
}

.col-6-12-left {left:0;}
.col-6-12-right {right:0;}

.col-6-12-text-left {
    /* 
    margin-top:0;
    vertical-align: top;
    float:left;
    */
    position:relative;
    top:0;
    padding-top:0;
    padding-right:2rem;
    text-indent:0;
    
}
@media screen and (min-width: 600px) and (max-width: 800px) {
.spec1 {min-height:330px;}
}

@media screen and (min-width: 600px) {
.absoluteAfter600 {position: absolute;}
}


@media screen and (min-width: 1200px) {
    .col-6-12-parent {
        position: relative;
        border: 2px solid green;
        min-height: 200px;
        height: max-content;
        width:100%;
        min-width:200px;
    }
    
   .col-6-12-left,.col-6-12-right {
    position:absolute;
    top:0;
    font-size:1rem;
    z-index:100;
    box-sizing: border-box;
    width:50%;
    min-width:100px;
    border: 2px solid red;
    }
    
}

@media screen and (min-width: 1200px) {
.div_l40 {
    float: left;
    text-align: left;
    margin-left: 0;
    width: 40%;
    margin-right: 10%;
}
.div_r40 {
    float: right;
    text-align: left;
    margin-right: 0;
    width: 40%;
    margin-left: 10%;
}
}

.singleColumnTill400px {width:100%; display:inline-block; font-size:1rem; }
@media screen and (min-width:400px) {
    .singleColumnTill400px {
        width:50%;
    }
} 
.singleColumnTill600px {
    width:100%;
    display:block;
    font-size:1rem;
}

@media screen and (min-width:600px) {
    .singleColumnTill600px {
        width:50%;
        display:inline-block;
    }
} 

@media screen and (max-width: 800px) {
   /*.leftmenu {
    display: none;
   }*/
    #leftcol
    {
        display:block;
        width:100%;
        margin-top:0;
        margin-bottom:3rem;
    }
    #rightcol
    {   
        width:100%;
        margin-top:2rem;
        margin-left:0;
    }
    
    .leftmenu a {font-size: 12px;}
    .leftmenu ul{width: 100%;list-style: none; padding: 0;  margin: 0;}
    .leftmenu LI A {
        display: block;
        padding: 5px;
        width: 100%;  
        box-sizing: border-box;
        
    }
    .leftmenu LI A:HOVER {background-color: #99CCFF;}

    /* 400 */
    /*
    .leftmenu a {font-size: 12px; color: #FFFFFF; }
    .leftmenu li {float:left;color:#FFFFFF;list-style: none;}
    .leftmenu ul{width: 100%;list-style:none;padding:0; margin:0;color:#FFFFFF;}
    .leftmenu UL LI {position: relative; color:#FFFFFF;}
    .leftmenu LI UL {position: absolute; display: none; left: 0px;top: 64px;
    padding:0px 0;width: 100px;}
    .leftmenu LI:hover UL {display:block;margin-top:-2em;}
    .leftmenu LI A {color:#FFFFFF;display: block; padding: 8px 3px;
    border: 1px solid #ccc;text-decoration: none;background-color: #4682B4;
    width: 95px;   }
    .leftmenu LI A:HOVER {background-color: #99CCFF;}
    .leftmenu UL LI UL li ul li {display: none; left: 210px;top: -2em;}
    .leftmenu ul LI UL LI:hover UL li{display: block;}
    */
    
}

@media screen and (min-widht: 801px) {
    /* Левое меню  */
.leftmenu a {font-size: 1.1em; /* Размер текста */ color: #FFFFFF; }
.leftmenu li {float:left;text-color: #FFFFFF;list-style: none;}
.leftmenu ul{width: 100%;list-style: none; padding: 0;  margin: 0;color: #FFFFFF;}


.leftmenu UL LI {position: relative; color:#FFFFFF;}

.leftmenu LI UL {position: absolute; /* Подменю позиционируются абсолютно */
display: none; /* Скрываем подменю */
left: 0px; /* Сдвигаем подменю вправо */
top: 64px;
padding: 0px 0;
   }

.leftmenu LI:hover UL {     display: block; /* При выделении пункта курсором мыши отображается подменю */
   margin-top: -2em;}

.leftmenu LI A {color: #FFFFFF;    display: block; /* Ссылка как блочный элемент */
padding: 5px;border: 1px solid #ccc;text-decoration: none;
background-color: #4682B4;width: 198px;}
.leftmenu LI A:HOVER 
{background-color: #99CCFF; /* Цвет при наводке курсора */ }
.leftmenu UL LI UL li ul li 
{display: none; left: 210px; /* Сдвигаем подменю вправо */top: -2em;   }

.leftmenu ul LI UL LI:hover UL li{display: block; /* При выделении пункта курсором мыши отображается подменю */}


/* Левое меню конец */
}




@media screen and (min-width: 1200px){
    
/* WIDTH_4 */
.width_1, .width_2, .width_1-2, width_1-2-3, .width_3 {display:none;}
#newcontainer {width: 1200px; /* Ширина слоя */}	   
#bluecontainertop {width: 1100px;height:60px; /* Ширина слоя */margin:10px 50px 0 50px;}
#logoname {width: 1100px; margin:0 50px 88px 50px;} 
#container {width: 1100px;}
#header {width: 1100px; /* Ширина слоя */}
.logoline{width:100%;}
.logoline th{width:70%;}
H1 {font-size: 150%;}
H1 {font-size: 140%;}

.topmenu a {font-size:1.2em; /* Размер текста */ }
.topmenu ul{padding: 0;margin:0;}
.topmenu LI UL {left: 0px; /* Сдвигаем подменю вправо */
               top: 80px;padding: 0;}
.topmenu LI:hover UL {margin-top: -2em;}
.topmenu LI A {width:150px;height:40px;margin:0 0;
padding:10px 5px 5px 10px;
border:0px solid #ccc;
}
.topmenu LI:first-child{width:50px;} 
.topmenu LI A:HOVER { /* Цвет при наводке курсора */}
/* .topmenu UL LI UL li ul li {display: none; left: 210px; top: -2em;   }*/
/* Сдвигаем подменю вправо */   
/* .topmenu ul LI UL LI:hover  UL li {display: block;    } */
/* При выделении пункта курсором мыши отображается подменю */

.h1home{margin-left:2%;margin-right:2%;color:#003366;font-size:14px;}
.logo12{FONT-SIZE:22px;} 
.ul12{width:100%;}
.bodytext {position:relative;top:50px;left:20px;width:95%;}

#leftcol {float:left;width:25%;}
#rightcol {margin-left:25%;width:75%;}

.leftmenu a {font-size: 1.1em; color: #FFFFFF; }
.leftmenu li {float:left;text-color: #FFFFFF;list-style: none;}
.leftmenu ul{width: 100%;list-style: none; padding: 0;  margin: 0;color: #FFFFFF;}
.leftmenu UL LI {position: relative; color:#FFFFFF;}
.leftmenu LI UL {position: absolute; display: none; left: 0px;top: 64px;
padding:0px 0;width: 184px;}
.leftmenu LI:hover UL {display:block;margin-top:-2em;}
.leftmenu LI A {color:#FFFFFF;display: block; padding: 5px;
border: 1px solid #ccc;text-decoration: none;background-color: #4682B4;width: 198px;   }
.leftmenu LI A:HOVER {background-color: #99CCFF;}
.leftmenu UL LI UL li ul li {display: none; left: 210px;top: -2em;}
.leftmenu ul LI UL LI:hover UL li{display: block;}

P {text-indent: 10px;padding-left: 5px;}
.noind {text-indent:0;font-size:16px;}
.h2left {font-size: 18px;}
.palt11{margin:1% 2%;}
.palt12{margin:1% 1%;}

.table1 {width:700px;}
.table1 caption {font-size:22px; padding:8px 0 12px 0;}
}

@media screen and (max-width: 1200px) and (min-width:801px) {
/* WIDTH_3 */
.width_1, .width_2,.width_1-2, .width_4, .with_5, .width_4-5 {display:none;}
#newcontainer {width: 800px; /* Ширина слоя */}	   
#bluecontainertop {width: 700px;height:68px; /* Ширина слоя */margin:0 50px;}
#logoname {width: 700px;height:80px; margin:0 50px 32px 50px;} 
#container {width:700px;}
#header {width: 700px; /* Ширина слоя */}

.logoline{width:100%;}
.logoline th{width:52%}

.topmenu a {font-size:1.2em;/* Размер текста */}
.topmenu ul{padding: 0;margin:0;}
.topmenu LI UL {left: 0px; /* Сдвигаем подменю вправо */
               top: 70px;padding:0;}
               
.topmenu LI:hover UL {margin-top:-2em;}
.topmenu LI A {width:146px;height:40px;
padding: /*5px*/ 5px 5px 2px 10px;
border: /*1px*/ 0px solid #ccc;
  }
.topmenu LI:first-child{width:50px;} 
.topmenu LI A:HOVER { /* Цвет при наводке курсора */ }
/* .topmenu UL LI UL li ul li {display: none; left: 210px; top: -2em;   }*/
/* Сдвигаем подменю вправо */   
/* .topmenu ul LI UL LI:hover  UL li {display: block;    } */
/* При выделении пункта курсором мыши отображается подменю */

h1 {font-size:18px;}
.h1home{margin-left:2%;margin-right:2%;color:#003366;font-size:14px;}
.logo12{FONT-SIZE:22px;} 
.ul12{width:100%;}
.bodytext {position:relative;top:50px;left:20px;width:95%;}

#leftcol {float:left;width:25%;}
#rightcol {margin-left:25%;width:75%;}

.leftmenu a {font-size: 1.1em; color: #FFFFFF; }
.leftmenu li {float:left;text-color: #FFFFFF;list-style: none;}
.leftmenu ul{width: 100%;list-style: none; padding: 0;  margin: 0;color: #FFFFFF;}
.leftmenu UL LI {position: relative; color:#FFFFFF;}
.leftmenu LI UL {position: absolute; display: none; left: 0px;top: 64px;
padding:0px 0;width: 184px;}
.leftmenu LI:hover UL {display:block;margin-top:-2em;}
.leftmenu LI A {color:#FFFFFF;display: block; padding: 5px;
border: 1px solid #ccc;text-decoration: none;background-color: #4682B4;width: 160px;   }
.leftmenu LI A:HOVER {background-color: #99CCFF;}
.leftmenu UL LI UL li ul li {display: none; left: 210px;top: -2em;}
.leftmenu ul LI UL LI:hover UL li{display: block;}

P {text-indent: 10px;padding-left: 5px;}
.noind {text-indent:0;font-size:16px;}
.palt11{margin:1% 2%;}
.palt12{margin:1% 10%;}
.h2left {font-size: 18px;}

}


@media screen and (max-width: 800px) and (min-width:401px) {
/* WIDTH_2 */
.width_1, .width_3, .width_4, .with_5, .width_3-4, .width_3-4-5,.width_4-5 
{display:none;}
#newcontainer {width:400px; /* Ширина слоя */}	   
#bluecontainertop {width:350px;height:45px;/* Ширина слоя */margin:0 25px;}
#logoname {width:350px;margin:0 25px;} 
#container {width:350px;}
#header {width:350px;/* Ширина слоя */}

.logoline{width:100%;}
.logoline th{width:32%;}

.topmenu a{font-size:12px;/*Размер текста */}
.topmenu ul{padding:0;margin:0;}

.topmenu LI UL 
{left:0px;/* Сдвигаем подменю вправо */top:74px;padding:0;}
               
.topmenu LI:hover UL {margin-top:-2em;display:none;}
.topmenu LI A {width:91px;height:35px;
padding: /*5px*/ 5px 5px 2px 10px;
border: /*1px*/ 0px solid #ccc;}

.topmenu LI:first-child{width:30px;} 
.topmenu LI A:HOVER { /* Цвет при наводке курсора */ }
/* .topmenu UL LI UL li ul li {display: none; left: 210px; top: -2em;   }*/
/* Сдвигаем подменю вправо */   
/* .topmenu ul LI UL LI:hover  UL li {display: block;    } */
/* При выделении пункта курсором мыши отображается подменю */
H1 {font-size:14px;}
H2 {font-size:12px;}
.h1home{margin-left:2%;margin-right:2%;font-size:14px;}
.h3home {margin-left:4%;font-size:14px;text-align:left;}
.logo12{FONT-SIZE:16px;} 
.ul12{width:100%;}
.bodytext {position:relative;top:50px;left:20px;width:95%;}




P {text-indent: 10px;padding-left: 5px;}
.noind {text-indent:0;font-size:14px;}
.palt11{margin:1% 2%;}
.palt12{margin:1% 2%;}

.h2left {font-size: 14px;}

.img11 {margin:5px 5%;width:90%;border-radius: 15px}
.img12 {margin:5px 5% 10px 2%;width:90%;border-radius: 15px;float:left;}
.img14 {margin:2px 5% 10px 2%;width:90%;border-radius: 15px;float:left;}

.pnoind_pad-t-20px {text-indent:0;margin:0 5% 0 0;padding-top:20px;}
.ul22 {font-size:14px;}
}
@media screen and (max-width: 400px) {
/* WIDTH_1 */
.width_2, .width_3, .width_4, .with_5, .width_2-3,.width_2-3-4,.width_3-4,
.width_2-3-4-5,.width_3-4-5, .width_4-5 {display:none;}
#newcontainer {width: 344px; /* Ширина слоя */margin:0 5px 0 0;}	   
#bluecontainertop {width: 340px;height:55px; /* Ширина слоя */
margin:0 2px 0 2px;border-radius:10px 10px 0 0;}
#logoname {width:340px; margin:0 2px 0 2px;} 
#container {width:340px;margin:0 2px 10px 2px;border-radius:8px;}
#header {width:340px; /* Ширина слоя */}

.logoline{width:100%;}

.logoline th{width:40%;}

.topmenu a {font-size: 12px; /* Размер текста */ }
.topmenu ul{padding: 0;  margin:0 ; }

.topmenu LI UL 
{left:0px;/*Сдвигаем подменю вправо*/top:65px;padding:0;}
               
.topmenu LI:hover UL {margin-top:-2em;display:none;}
.topmenu LI A {width:80px;height:30px;
padding: /*5px*/ 8px 5px 2px 5px;
border: /*1px*/ 0px solid #ccc; border-radius:10px 0 0 0;}
.topmenu LI:first-child{width:50px;} 
.topmenu LI A:HOVER { /* Цвет при наводке курсора */ }
/* .topmenu UL LI UL li ul li {display: none; left: 210px; top: -2em;   }*/
/* Сдвигаем подменю вправо */   
/* .topmenu ul LI UL LI:hover  UL li {display: block;    } */
/* При выделении пункта курсором мыши отображается подменю */


H1 {font-size:15px;}
H2 {font-size:14px;}
.h1home{margin-left:2%;margin-right:2%;font-size:14px;}
.h3home {margin-left:4%;font-size:14px;text-align:left;}
.logo12{FONT-SIZE:12px;} 
.ul12{width:100%;}
.bodytext {position:relative;top:50px;left:20px;width:95%;}



P {text-indent: 10px;padding-left: 5px;}
.noind {text-indent:0;font-size:14px;}
.palt11{margin:1% 2%;}
.palt12{margin:1% 2%;}

.h2left {font-size: 14px;}
.img11 {margin:5px 5%;width:90%;border-radius: 15px}
.img12 {margin:5px 5% 10px 2%;width:90%;border-radius: 15px;float:left;}
.img14 {margin:2px 5% 10px 2%;width:90%;border-radius: 15px;float:left;}

.map{width:100%;}

.ul22 {font-size:14px;}
}