/* срабатывает если МЕНЬШЕ */
@media (max-width: 500px) {
.test {
    background-color: #6CD500; }
#main_logo_1{
    height: 60px;
    clear: left;
    padding-bottom: 0px;
}
#main_logo_2{
    height: 100px;
    /* [disabled]margin-right: -40px; */
    margin-left: -59px;
    opacity: 0.2;    /*display: none;*/
    position: absolute;
    padding-bottom: 0px;
    /* [disabled]border-width: thin; */
    /* [disabled]border-style: solid; */
    margin-top: -48px;
    }
#main_logo_3{
    height: 60px;
    clear: right;
    }
/* обрезаем картинку */
.image_index_menu{
    height: 60px;
    position: static;
    overflow-y: hidden; }
 /* двигаем содержимое */   
.menu_art { 
     transform: translateY(-40px); }

.div_pic{
        display: inline-block;
        width: 170px;
        /* расстояние между картинкми */
        padding-left:  0px;
        padding-right: 0px;}
.menu_script{/*сама картинка*/
    width: 169px;/*1 69px orig size */
        }
.div_main_logo{
    display: inline-block; }
}

/* срабатывает если БОЛЬШЕ 700 и МЕНЬЩЕ  1001 */
@media (min-width: 501px) and (max-width: 1000px){
.test {
    background-color: #03AED1; }
#main_logo_1{
    height: 105px; }
#main_logo_2{
    height: 105px; }
#main_logo_3{
    height: 105px; }
/* обрезаем картинку */    
.image_index_menu{
    overflow-y: hidden; }
/* двигаем содержимое */    
.menu_art { 
    transform: translateY(0px); }
    
.left_index_menu{
    display: inline-block; }
.right_index_menu{
    display: inline-block; }
.div_pic{
    display: inline-block;
    width: 169px;
    /* расстояние между картинкми */
    /* [disabled]padding-left: 10px; */
    /* [disabled]padding-right: 10px; */
}
/* сама картинка */   
.menu_art{
    width: 100px; 
    clear: both;}
/* сама картинка */    
.menu_script{
    width: 130px;
    clear: both;}
.div_main_logo{
    display: inline-block; }
.div_main_logo{
    display: inline-block; }
    }

/* срабатывает если БОЛЬШЕ 1001 И МЕНЬШЕ 1400 */
@media (min-width: 1001px) and (max-width: 1400px) {
 .test {
     background-color: #7E4CD8; }
 .left_index_menu{
     display: inline-block; }
 .right_index_menu{
     display: inline-block; }
 .div_pic{
     display: inline-block;
     width: 170px;
 /* расстояние между картинкми */
     padding-left:  2vw;
     padding-right: 2vw; 
}
 .div_main_logo{
     display: inline-block; }
    }  

/* срабатывает если БОЛЬШЕ 1401 */
@media (min-width: 1401px) {
    .test {
        background-color: #AF4C93; }
        #main_logo_1{
        height: 180px; }
    #main_logo_2{
        height: 180px; }
    #main_logo_3{
        height: 180px; }
    .left_index_menu{
        display: inline-block; }
    .right_index_menu{
        display: inline-block; }
    .div_pic{
        display: inline-block;
        width: 170px;
        /* расстояние между картинкми */
        padding-left:  50px;
        padding-right: 50px;}
    .div_main_logo{
        display: inline-block; }
    }  


/*Стартовая страница*/
#index_main{
    width: 100%;
}


/*************************************/
/*    Стили для модулей в галерее    */
/*************************************/
.pic_modul{
    width: 150px; 
    /*border: thin solid #686868; */
    text-align: center;
    margin: 0px;
    display: inline-block;
    vertical-align: top;
}
.pic_modul div {
    height: 125px;
    display: inline-block;
    }
.pic_modul span { /* подпись */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #999999;
    height: 70px;
    display: inline-block;
}
.Border-picture {
	border: 2px solid #4a4a4a;
    border-radius: 5px;
    margin-bottom: 0px;
}
.Text-paint {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666666;
	font-weight: bold;
}
/*******************************/
.main {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}
.Menu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
}
.Menu a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #F90;
	text-decoration: underline;
}
.Text-Big-Bold {
	font-family: "Times New Roman", Times, serif;
	font-size: 25px;
	font-weight: bold;
	color: #CFE7FE;
	font-style: italic;
}
.Text-Big-Medium-Bold {
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: bold;
	color: #CCC;
	font-style: italic;
	line-height: normal;
	font-variant: normal;
}
.Text-Big-Medium-Bold a:hover{
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: bold;
	color: #F90;
	font-style: italic;
	line-height: normal;
	font-variant: normal;
	text-decoration: underline;
}

.Text-bold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #999999;
}


.Text-Medium {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #999999;
	font-weight: normal;
}
.Text-Norm {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #999999;
}

.Text-medium-Bold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #C7D1D8;
}

a:link {
	text-decoration: none;
	color: #CCCCCC;
}
a:hover {
	text-decoration: underline;
	color: #F0F0F0;
	font-weight: bold;
}
a:active {
	text-decoration: none;
	color: #CCCCCC;
}
a:visited {
    text-decoration: none;
    color: #CCC;
    clear: left;
}
body {
	background-image: url(images/back.jpg);
	background-color: #333333;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	text-align: center;
    width: 100%;
    height: 100%;
}

.Not_Active_Menu {
	color: #FFF;
}
.e-mail {
	font-size: 12px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #999;
}
.Cloud {
	position: absolute;
	overflow: visible;
	visibility: visible;
	left: 146px;
	top: 5px;
}
.Marker {
	background-color: #666;
	font-weight: bold;
	text-decoration: underline;
}
.IndexBorder {
    border: 0px solid #4a4a4a;
}
.banner img {
    FILTER: alpha(opacity=50);
    opacity: 0.50;
    -khtml-opacity: 0.5;
    -moz-opacity: 0.5;
    top: 0px;
}