/*-------------------цвет ссылок ПО УМОЛЧАНИЮ----------------- */
a:link { 
   color: #0099CC;
   text-decoration: none;
} 
a:visited { 
   text-decoration: none;
   color: #0099CC;
} 
a:hover { 
   text-decoration: underline;
   color: #CC0000;
} 
a:active { 
   text-decoration: none;
   color: #0099CC;
} 



h3 a:link { 
   color: #333333;
   text-decoration: none;
} 
h3 a:visited { 
   text-decoration: none;
   color: #333333;
} 
h3 a:hover { 
   text-decoration: underline;
   color: #CC0000;
} 
h3 a:active { 
   text-decoration: none;
   color: #333333;
}




h4 a:link { 
   color: #FFFFFF;
   text-decoration: none;
} 
h4 a:visited { 
   text-decoration: none;
   color: #FFFFFF;
} 
h4 a:hover { 
   text-decoration: underline;
   color: #F5DF4D
} 
h4 a:active { 
   text-decoration: none;
   color: #FFFFFF;
}



/*-------------------цвет ссылок ПО УМОЛЧАНИЮ----------------- */





/*---------------выравнивание текста по центру------------- */

.rovtext{
	text-align: justify;
	}
	
/*---------------выравнивание текста по центру------------- */





/*-----------------картинка в рамке с анимацией---------------- */

img.animate2:hover {

    filter: alpha (Opacity=50);/* прозрачность для IE */

    opacity: 0.50;/* прозрачность для других браузеров */
	
}


img.animate2 {
	
	border: 1px solid #585858; /* цвет рамки */
}

/*-----------------картинка в рамке с анимацией---------------- */






/*----------------------анимация картинок--------------------- */

img.animate1:hover {

    filter: alpha (Opacity=50);/* прозрачность для IE */

    opacity: 0.50;/* прозрачность для других браузеров */
}

/*----------------------анимация картинок--------------------- */



/*----------------------анимация картинок широкая красн. рамка при наведении--------------------- */
img.animate3:hover {	
	border: 5px solid #FF0000; /* цвет рамки */
}

img.animate3 {
	
	border: 1px solid #585858; /* цвет рамки */
}
/*----------------------анимация картинок широкая красн. рамка при наведении--------------------- */



/*----------------------анимация картинок округление--------------------- */


img.circle:hover
{
    border-radius:50%;
}

img.circle {
	
	border: 1px solid #FF0000; /* цвет рамки */
}
/*----------------------анимация картинок округление--------------------- */







/*--------------------------------------------------------------------------------------------------------------------------- */
/*--------------------------------------------------МЕДИАЗАПРОСЫ ДЛЯ КОМПА-------------------------------------------------- */


@media (min-width: 1600px) {



/*----------------------- MENU-------------------------------- */

@font-face {
    font-family: 'opensans';
    src: url('../fonts/open_sans.eot');
    src: url('open_sans.eot?#iefix') format('embedded-opentype'),
         url('../fonts/open_sans.woff') format('woff'),
         url('../fonts/open_sans.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}



@font-face {
    font-family: 'cuprum';
    src: url('../fonts/cuprum.eot');
    src: url('cuprum.eot?#iefix') format('embedded-opentype'),
         url('../fonts/cuprum.woff') format('woff'),
         url('../fonts/cuprum.ttf') format('truetype');
font-weight: 400}


.menu_wrapper {
	
	height: 140px;
	width: 1280px;

}

#active_page
           {
	background-position: 0 0;
	overflow: hidden;
	color: #000;
	font-weight: bold;
	}
	
#active_page:hover 
           { background-position: 0 -140px; 
	color: #000}






.menu_wrapper ul li .main
           { width: 128px;
             background-image:url(../resourses/buttons2022/main_temp.jpg);
		color: #000;    
		  
}

.menu_wrapper ul li .main:hover 
           {color: #000}





.menu_wrapper ul li .competitions 
           { width: 128px;
             background-image:url(../resourses/buttons2022/competitions_temp.jpg);
			 color: #000; 
}

.menu_wrapper ul li .competitions:hover 
           {color: #000}





.menu_wrapper ul li .video 
           { width: 128px;
             background-image:url(../resourses/buttons2022/video_temp.jpg);
	color: #000; 
}

.menu_wrapper ul li .video:hover 
           {color: #000}





.menu_wrapper ul li .events
           { width: 128px;
             background-image:url(../resourses/buttons2022/events_temp.jpg);
		 color: #000; 
}

.menu_wrapper ul li .events:hover 
           {color: #000}




.menu_wrapper ul li .tech 
           { width: 128px;
             background-image:url(../resourses/buttons2022/tech_temp.jpg);
		 color: #000; 
}

.menu_wrapper ul li .tech:hover 
           {color: #000}







.menu_wrapper ul li .specific
           { width: 128px;
             background-image:url(../resourses/buttons2022/arch_temp.jpg);
	color: #000; 
}

.menu_wrapper ul li .specific:hover 
           {color: #000}




.menu_wrapper ul li .top
           { width: 128px;
             background-image:url(../resourses/buttons2022/top_temp.jpg);
	color: #000; 
}

.menu_wrapper ul li .specific:hover 
           {color: #000}





.menu_wrapper ul li .masters  
           { width: 128px;
             background-image:url(../resourses/buttons2022/masters_temp.jpg);
   color: #000; 
}

.menu_wrapper ul li .masters:hover 
           {color: #000}






.menu_wrapper ul li .news
           { width: 128px;
             background-image:url(../resourses/buttons2022/news_temp.jpg);
	 color: #000; 
}

.menu_wrapper ul li .news:hover 
           {color: #000}






.menu_wrapper ul li .job
           { width: 128px;
             background-image:url(../resourses/buttons2022/job_temp.jpg);
		 color: #000; 
}

.menu_wrapper ul li .job:hover 
           {color: #000}












.menu_wrapper ul {
      margin: 0;
      padding: 0;
      list-style-type: none; }
      
.menu_wrapper ul li {
	float:left;
}
	  
	  
.menu_wrapper a{
	font-family: opensans;
	text-decoration: none; /* Убираем подчеркивание у ссылок */
	display: block;
	overflow: hidden;
	text-align:center;
	padding-top: 95px; /* внутренний отступ чтобы текст был вне фона */
	width: 112px;
	height: 45px;
	background-repeat: no-repeat;
	background-position: 0 -280px;
	font-size: 14px;    /* Размер шрифта меню */
	color: #999;
	line-height: 16px; /* Растояние между строками */
}
 
.menu_wrapper a:hover {
	background-position: 0 -140px;
	color: #FFF; /* Цвет ссылки при наведении на нее курсора мыши */
}

.menu_wrapper a:focus { 
    background-position: 0 0; 

} 


/*----------------------- MAIN MENU-------------------------------- */









/*----------------ШРИФТ ВСЕГО САЙТА ПО УМОЛЧАНИЮ-------------- */


 
table{
    font-family: opensans; 
    font-size: 14px; /* Размер шрифта в пикселях */ 
    color:#333333; /* цвет */
	}

	
/*----------------ШРИФТ ВСЕГО САЙТА ПО УМОЛЧАНИЮ-------------- */







/*---------------------------стиль h1------------------------- */
h1{
    font-family: 'cuprum'; 
	font-weight: 400;
    text-transform: uppercase; /* Все буквы становятся заглавными */ 
    font-size: 33px; /* Размер шрифта в пикселях */ 
    color: #FFFFFF; /* цвет */
	margin-bottom: 0; /* убрала отступ снизу */
	}
/*---------------------------стиль h1------------------------- */





/*-------------------стиль h5 (цифры в топах)----------------- */
h5{
    font-family: 'cuprum'; 
	font-weight: 400;
    text-transform: uppercase; /* Все буквы становятся заглавными */ 
    font-size: 33px; /* Размер шрифта в пикселях */ 
    color: #FFFFFF; /* цвет */
	margin-bottom: 0; /* убрала отступ снизу */
	}
/*-------------------стиль h5 (цифры в топах)----------------- */





/*---------------------------стиль h2------------------------- */
h2{
    font-family: 'opensans'; 
	font-weight: 400;
    font-size: 18px; /* Размер шрифта в пикселях */ 
    color: #000000; /* цвет */
	margin-bottom: 0; /* убрала отступ снизу */
	}
/*---------------------------стиль h2------------------------- */




/*-----------------стиль h3 (плашки выносов новостей для главной с черным заглавным жирным шрифтом)----------------- */
h3{
    font-family: 'opensans'; 
	font-weight: 400; 
    font-size: 18px; /* Размер шрифта в пикселях */ 
    color: #333333; /* цвет */
	margin-bottom: 0; /* убрала отступ снизу */


	}
/*---------------------------стиль h3------------------------- */




/*-----------------стиль h4 (плашки выносов новостей для главной с белых заглавным жирным шрифтом)----------------- */
h4{
    font-family: 'opensans'; 
	font-weight: 400;
    font-size: 18px; /* Размер шрифта в пикселях */ 
    color: #FFFFFF; /* цвет */
	margin-bottom: 0; /* убрала отступ снизу */



	}
/*---------------------------стиль h4------------------------- */



  }

	

/*--------------------------------------------------МЕДИАЗАПРОСЫ ДЛЯ КОМПА-------------------------------------------------- */
/*--------------------------------------------------------------------------------------------------------------------------- */










/*---------------------------------------------------------------------------------------------------------------------------- */
/*--------------------------------------------------МЕДИАЗАПРОСЫ ДЛЯ МОБИЛОК-------------------------------------------------- */


 
@media (max-width: 1599px) {


/*----------------------- MENU-------------------------------- */

@font-face {
    font-family: 'opensans';
    src: url('../fonts/open_sans.eot');
    src: url('open_sans.eot?#iefix') format('embedded-opentype'),
         url('../fonts/open_sans.woff') format('woff'),
         url('../fonts/open_sans.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}





@font-face {
    font-family: 'cuprum';
    src: url('../fonts/cuprum.eot');
    src: url('cuprum.eot?#iefix') format('embedded-opentype'),
         url('../fonts/cuprum.woff') format('woff'),
         url('../fonts/cuprum.ttf') format('truetype');
font-weight: 400}





.menu_wrapper {
	
	height: 140px;
	width: 900px;

}

#active_page
           {
	background-position: 0 0;
	overflow: hidden;
	color: #efde5a;
	font-weight: bold;
	}
	
#active_page:hover 
           { background-position: 0 -140px; 
	color: #efde5a}

.menu_wrapper ul li .main
           { width: 90px;
             background-image:url(../resourses/buttons2022/main_m_temp.jpg);
		color: #fff;    
		  
}

.menu_wrapper ul li .main:hover 
           {color: #efde5a}





.menu_wrapper ul li .competitions 
           { width: 90px;
             background-image:url(../resourses/buttons2022/competitions_m_temp.jpg);
			 color: #fff; 
}

.menu_wrapper ul li .competitions:hover 
           {color: #efde5a}





.menu_wrapper ul li .video 
           { width: 90px;
             background-image:url(../resourses/buttons2022/video_m_temp.jpg);
	color: #fff; 
}

.menu_wrapper ul li .video:hover 
           {color: #efde5a}





.menu_wrapper ul li .events
           { width: 90px;
             background-image:url(../resourses/buttons2022/events_m_temp.jpg);
		 color: #fff; 
}

.menu_wrapper ul li .events:hover 
           {color: #efde5a}





.menu_wrapper ul li .tech 
           { width: 90px;
             background-image:url(../resourses/buttons2022/tech_m_temp.jpg);
		 color: #fff; 
}

.menu_wrapper ul li .tech:hover 
           {color: #efde5a}





.menu_wrapper ul li .specific
           { width: 90px;
             background-image:url(../resourses/buttons2022/arch_m_temp.jpg);
	color: #fff; 
}

.menu_wrapper ul li .specific:hover 
           {color: #efde5a}



.menu_wrapper ul li .top
           { width: 90px;
             background-image:url(../resourses/buttons2022/top_m_temp.jpg);
	color: #fff; 
}

.menu_wrapper ul li .specific:hover 
           {color: #efde5a}




.menu_wrapper ul li .masters  
           { width: 90px;
             background-image:url(../resourses/buttons2022/masters_m_temp.jpg);
   color: #fff; 
}

.menu_wrapper ul li .masters:hover 
           {color: #efde5a}





.menu_wrapper ul li .news
           { width: 90px;
             background-image:url(../resourses/buttons2022/news_m_temp.jpg);
	 color: #fff; 
}

.menu_wrapper ul li .news:hover 
           {color: #efde5a}




.menu_wrapper ul li .job
           { width: 90px;
             background-image:url(../resourses/buttons2022/job_m_temp.jpg);
		 color: #fff; 
}

.menu_wrapper ul li .job:hover 
           {color: #efde5a}








.menu_wrapper ul {
      margin: 0;
      padding: 0;
      list-style-type: none; }
      
.menu_wrapper ul li {
	float:left;
}
	  
	  
.menu_wrapper a{
	font-family: opensans;
	text-decoration: none; /* Убираем подчеркивание у ссылок */
	display: block;
	overflow: hidden;
	text-align:center;
	padding-top: 95px; /* внутренний отступ чтобы текст был вне фона */
	width: 112px;
	height: 45px;
	background-repeat: no-repeat;
	background-position: 0 -280px;
	font-size: 0px;    /* Размер шрифта меню */
	color: #fff;
	line-height: 18px; /* Растояние между строками */
}
 
.menu_wrapper a:hover {
	background-position: 0 -140px;
	color: #fff; /* Цвет ссылки при наведении на нее курсора мыши */
}

.menu_wrapper a:focus { 
    background-position: 0 0; 

} 


/*----------------------- MAIN MENU-------------------------------- */









/*----------------ШРИФТ ВСЕГО САЙТА ПО УМОЛЧАНИЮ-------------- */


 
table{
    font-family: opensans; 
    font-size: 30px; /* Размер шрифта в пикселях */ 
    color:#333333; /* цвет */
	}

	
/*----------------ШРИФТ ВСЕГО САЙТА ПО УМОЛЧАНИЮ-------------- */







/*---------------------------стиль h1------------------------- */
h1{
    font-family: 'cuprum'; 
	font-weight: 400;
    text-transform: uppercase; /* Все буквы становятся заглавными */ 
    font-size: 52px; /* Размер шрифта в пикселях */ 
    color: #FFFFFF; /* цвет */
	margin-bottom: 0; /* убрала отступ снизу */
	}
/*---------------------------стиль h1------------------------- */




/*-------------------стиль h5 (цифры в топах)----------------- */
h5{
    font-family: 'cuprum'; 
	font-weight: 400;
    text-transform: uppercase; /* Все буквы становятся заглавными */ 
    font-size: 52px; /* Размер шрифта в пикселях */ 
    color: #FFFFFF; /* цвет */
	margin-bottom: 0; /* убрала отступ снизу */
	}
/*-------------------стиль h5 (цифры в топах)----------------- */






/*---------------------------стиль h2------------------------- */
h2{
    font-family: 'opensans'; 
	font-weight: 400;
    font-size: 34px; /* Размер шрифта в пикселях */ 
    color: #000000; /* цвет */
	margin-bottom: 0; /* убрала отступ снизу */
	}
/*---------------------------стиль h2------------------------- */





/*-----------------стиль h3 (плашки выносов новостей для главной с черным заглавным жирным шрифтом)----------------- */
h3{
    font-family: 'opensans'; 
	font-weight: 400;
    font-size: 34px; /* Размер шрифта в пикселях */ 
    color: #333333; /* цвет */
	margin-bottom: 0; /* убрала отступ снизу */


	}
/*---------------------------стиль h3------------------------- */




/*-----------------стиль h4 (плашки выносов новостей для главной с белых заглавным жирным шрифтом)----------------- */
h4{
    font-family: 'opensans'; 
	font-weight: 400;
    font-size: 34px; /* Размер шрифта в пикселях */ 
    color: #FFFFFF; /* цвет */
	margin-bottom: 0; /* убрала отступ снизу */


	}

/*---------------------------стиль h4------------------------- */



  }

/*--------------------------------------------------МЕДИАЗАПРОСЫ ДЛЯ МОБИЛОК-------------------------------------------------- */
/*---------------------------------------------------------------------------------------------------------------------------- */