body 
{
	font-family:Bahnschrift,trebuchet ms; 
	margin-left:0; 
	margin-top:0;
	background-color:#F2F2F2;
}





.no_sp			
{
	white-space: nowrap;
}

.hoverRow 		 {}
.hoverRow:hover 
{
	/*cursor: pointer; */
	background-color: #898787;
}

table.tb_print		
{
	font-family:Lucida Console, Monaco, monospace;	
	width: 100%;
	padding:5px;
}

table.tb_print_pf	td	{background-color:#FFFFFF;}
table.tb_print_pf	th	{background-color:#FFFFFF;}
.td_noclass	{background-color:#F2F2F2;}

table.tb_pf		
{
	font-family:Lucida Console, Monaco, monospace;	
	width: 100%;
	border: 1px solid red;
}

@media only screen and (max-width: 1000px) {
	th.font_din
	{
		font-size: 1vw;
	}
	td.font_din
	{
		font-size: 2vw;
	}
}

.tr_fon			{background-color:#E6E6E6;}
.tr_invert		{background-color:Gray;	color: White;}
.tr_bia_team	{border-bottom-style:solid; border-top-style:solid; border-bottom-width:1px; border-top-width:1px; border-color:silver; color:black; font-weight: bold;}
.tr_bia_pers	{color:black; font-weight: bold;}

.b_style	{border-bottom-style: solid;	border-bottom-width: 1px;}
.b_style2	{border-bottom-style: solid; 	border-bottom-width: 1px;	border-color: silver; color: black;}
.b_style3	{border-bottom-style: solid; 	border-bottom-width: 1px;	border-color: silver;}


.r_style	{border-right-style:  solid;  	border-right-width:  1px;}
.r_style2	{border-right-style:  solid;  	border-right-width:  1px;	border-color: silver;}

.name_grup
{
	vertical-align: center; 
	text-align: left; 
	font-size: 30px; 
	font-weight: bold;
	color: #e6442d;
}
.name_comp
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #333366;
	text-align: center;
}
.name_sprint
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #333366;
	text-align: left;
}

.button_main_screen3		
{
	width:100%; 
	height:100%; 
	margin: auto; 
	cursor: pointer; 
	font-size: 50px; 
	box-shadow: 10px 10px 20px 10px Silver; 
	text-align: center; 
	background-color: White;  
	border-radius: 100%; 
	border: 10px solid #D8D8D8; 
	min-width:30px;
}
.button_main_screen3:hover	
{
	width:100%; 
	height:100%; 
	margin: auto; 
	cursor: pointer; 
	font-size: 50px; 
	box-shadow: 10px 10px 20px 5px Silver inset; 
	text-align: center; 
	background-color: White; 
	border-radius: 100%; 
	border: 10px solid #D8D8D8; 
	min-width:30px;
}

.button_main_screen		
{
	cursor: pointer; 
	font-size: 60px; 
	text-align: center; 
	background-color: White; 
	border-radius: 20px; 
	border: 10px solid #e6442d; 
	min-width:30px;
}
.button_main_screen:hover	
{
	cursor: pointer; 
	font-size: 60px; 
	text-align: center; 
	background-color: Silver; 
	border-radius: 20px; 
	border: 10px solid #e6442d; 
	min-width:30px;
}

.button_main_screen2		
{
	width:80%; 
	height:80%; 
	margin: auto; 
	cursor: pointer; 
	font-size: 50px; 
	box-shadow: 10px 10px 20px 10px Silver; 
	text-align: center; 
	background-color: White; 
	border-radius: 20px; 
	border: 10px solid #D8D8D8; 
	min-width:30px;
}
.button_main_screen2:hover	
{
	width:80%; 
	height:80%; 
	margin: auto; 
	cursor: pointer; 
	font-size: 50px; 
	box-shadow: 10px 10px 20px 5px Silver inset; 
	text-align: center; 
	background-color: White; 
	border-radius: 20px; 
	border: 10px solid #D8D8D8; 
	min-width:30px;
}
		
a.profil_href:link 	
{
	cursor: pointer; 
	text-decoration: none; 
	color: Black;
}  
a.profil_href:visited  
{
	cursor: pointer; 
	text-decoration: none; 
	color: Black;
}
a.profil_href:active 	
{
	cursor: pointer; 
	text-decoration: none; 
	color: Black;
}
a.profil_href:hover 	
{
	cursor: pointer; 
	text-decoration: 
	none; 
	color: #e6442d;
} 
	


.button			{cursor: pointer; text-align: center; background-color: #e6442d; border-radius: 5px; border: 1px solid #e6442d; min-width:30px; font-size: 140%;}
.button_hov		{cursor: pointer; text-align: center; background-color: White; border-radius: 5px; border: 1px solid #e6442d; min-width:30px;}
.button:hover	{cursor: pointer; text-align: center; background-color: White; border-radius: 5px; border: 1px solid #e6442d;}

.button1		{cursor: pointer; text-align: center; background-color:  #0080FF; border-radius: 5px; border: 1px solid #0080FF; min-width:30px;}
.button1_hov	{cursor: pointer; text-align: center; background-color: White; 	 border-radius: 5px; border: 1px solid  #0080FF; min-width:30px;}
.button1:hover	{cursor: pointer; text-align: center; background-color: White; 	 border-radius: 5px; border: 1px solid  #0080FF;}


.bold		{font-weight: bold;}
.font		{background-color:Silver; border-radius: 3px;}
	
.bold_green		{font-weight: bold; color:Green;}
.font_green		{background-color:#D8F6CE; border-radius: 3px;}




.blocks_res_pf			
{
	position: relative; 	
	margin: 5px;
	overflow-x:scroll;
}
.blocks_res			
{
	border-radius: 15px; 
	box-shadow: 0px 0px 1px 0px black; 
	position: relative; 	
	margin: 5px; 	 
	background-color:#FFFFFF;
	overflow-x:scroll;
}
.block_top6
{
	border-radius: 15px; 
	box-shadow: 0px 0px 1px 0px black; 
	position: relative; 	
	margin: 5px;
	padding: 5px; 	 
	background-color:#FFFFFF;	
	width: 48%;
	float: left; 
	
	overflow-x:scroll;
}
.block_top6_no
{
	border-radius: 15px; 
	box-shadow: 0px 0px 1px 0px black; 
	position: relative; 	
	margin: 5px;
	padding: 5px; 	 
	background-color:#FFFFFF;	
	width: 99%;
	float: left; 
	
	overflow-x:scroll;
}
.block_top6:hover
{
	border-radius: 15px; 
	box-shadow: 0px 0px 1px 0px black; 
	position: relative; 	
	margin: 5px;
	padding: 5px; 	 
	background-color:#F2F2F2;
	float: left;
	cursor: pointer;

	overflow-x:scroll; 	
}
.blocks_grup		
{
	border-radius: 15px; 
	box-shadow: 0px 0px 1px 0px black; 
	position: relative; 	
	margin: 5px; 
	padding: 5px;
	overflow-x:scroll;	
	background-color:#FFFFFF;
	text-align:left;
	min-width: 0;
}



.left 	{ vertical-align: center; text-align: Center;  	background-color:#e6442d;	font-size: 30pt; color: Black}
.right	{ vertical-align: center; text-align: Right;	background-color:white; 	font-size: 15pt; color: Black}
.center	{ vertical-align: center; text-align: center;	background-color:white; 	font-size: 15pt; color: Black}


a.href:link 	{cursor: pointer; text-decoration: none; color: White;}
a.href:visited 	{cursor: pointer; text-decoration: none; color: White;}
a.href:active 	{cursor: pointer; text-decoration: none; color: White;}
a.href:hover 	{cursor: pointer; text-decoration: none; color: White;}

.grad		{width:50px; background-image: linear-gradient(to bottom right,#e6442d calc(50% - 1px),#e6442d,white calc(50% + 1px));}

.div_top_line
{
    position: fixed;
    top: 0;
	z-index: 10;
	width: 100%;
	height: 50px;
}

.div_menu
{
	width: 100%;
    background: #E6E6E6;
    position: relative;
    overflow: hidden;
    height: 40px;
	position: fixed;
    top: 55px;
	z-index: 9;
}
.div_menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    left: 50%;
    float: left;
    font: 14px Bahnschrift,trebuchet ms;
    height: 40px;
}
.div_menu ul li {
    position: relative;
    left: -50%;
    float: left;
    margin: 0 10px;
    height: 40px;
}
.div_menu ul li a {
    color: #000000;
    display: block;
    text-decoration: none;
    padding: 0 7px;
    line-height: 40px;
}
.div_menu ul li a:hover {
    background-color: #e6442d;
	color: #FFFFFF;
}

.div_menu ul li.sel_li {
    position: relative;
    left: -50%;
    float: left;
    margin: 0 10px;
    height: 40px;
    background-color:#FFFFFF; 
	color:Black;
	
	border-bottom: 2px solid #e6442d;
	/*border-color:#e6442d;*/
}


.div_menu ul li.sel_li a:hover {
    background-color: #FFFFFF;	
	color:Black;
}




/*
.div_grup_ol
{
	padding:1%;
}
*/
a.profil_href:link 		{cursor: pointer; text-decoration: none; color: Black;}/*Убирает подчеркивание для ссылок   */
a.profil_href:visited	{cursor: pointer; text-decoration: none; color: Black;}/*Цвет посещенных ссылок */
a.profil_href:active 	{cursor: pointer; text-decoration: none; color: Black;}
a.profil_href:hover 	{cursor: pointer; text-decoration: none; color: #e6442d;}/*Делает ссылку подчеркнутой при наведении на нее курсора // Цвет ссылки*/ 


/*ГТО*/
.gto_gold{
	background-color:#FFD700;	
	color:#868A08;
	border-radius: 7px;
	box-shadow: 0px 0px 1px 0px #868A08;
	padding: 5px;
}
.gto_silver{
	background-color:#C0C0C0;	
	color:#6E6E6E;
	border-radius: 7px;
	box-shadow: 0px 0px 1px 0px #6E6E6E;
	padding: 5px;
}
.gto_bronze{
	background-color:#b08d57;	
	color:#5F4C0B;
	border-radius: 7px;
	box-shadow: 0px 0px 1px 0px #5F4C0B;
	padding: 5px;
}
.gto_tb td{
	font-family:Lucida Console, Monaco, monospace;
	padding:3px;
	font-size: 9pt; 
	border: 1px solid silver;	
}
.gto_tb th{
	padding:7px;
	border: 1px solid silver;	
}
.gto_tb{
	border-collapse: collapse;	
}



/*1 - скроллбар*/
::-webkit-scrollbar{width: 10px;height: 10px;}		
/*
2 - кнопка
::-webkit-scrollbar-button {}
3 - трек
::-webkit-scrollbar-track {}
4 - видимая часть трека
::-webkit-scrollbar-track-piece {}
*/
/*5 - ползунок*/
::-webkit-scrollbar-thumb {border-radius: 10px;background-color: #e6442d;}
/*
6 - уголок
::-webkit-scrollbar-corner {}
7 - изменение размеров
::-webkit-resizer {}
*/


.border_LT	{border-color: silver; border-top-style: solid; border-left-style: solid; border-top-width: 1px; border-left-width: 1px; border-radius: 10px 0px 0px 0px;}
.border_RT	{border-color: silver; border-top-style: solid; border-right-style: solid; border-top-width: 1px; border-right-width: 1px; border-radius: 0px 10px 0px 0px;}
.border_LB	{border-color: silver; border-bottom-style: solid; border-left-style: solid; border-bottom-width: 1px; border-left-width: 1px; border-radius: 0px 0px 0px 10px;}
.border_BL	{border-color: silver; border-bottom-style: solid; border-left-style: solid; border-bottom-width: 1px; border-left-width: 1px; border-radius: 0px 0px 0px 10px;}
.border_B	{border-color: silver; border-bottom-style: solid; border-bottom-width: 1px; border-radius: 0px 0px 0px 0px;}
.border_T	{border-color: silver; border-top-style: solid; border-top-width: 1px; border-radius: 0px 0px 0px 0px;}
.border_RB	{border-color: silver; border-bottom-style: solid; border-right-style: solid; border-bottom-width: 1px; border-right-width: 1px; border-radius: 0px 0px 10px 0px;}
.border_R	{border-color: silver; border-right-style: solid; border-right-width: 1px; border-radius: 0px 0px 0px 0px;}
.border_L	{border-color: silver; border-left-style: solid; border-left-width: 1px; border-radius: 0px 0px 0px 0px;}



@media only screen and (max-width: 3000px) {.width{width: 2700px;}	.width_top6{width: 32%;}}
@media only screen and (max-width: 2900px) {.width{width: 2610px;}	.width_top6{width: 32%;}}
@media only screen and (max-width: 2800px) {.width{width: 2520px;}	.width_top6{width: 32%;}}
@media only screen and (max-width: 2700px) {.width{width: 2430px;}	.width_top6{width: 32%;}}
@media only screen and (max-width: 2600px) {.width{width: 2340px;}	.width_top6{width: 32%;}}
@media only screen and (max-width: 2500px) {.width{width: 2250px;}	.width_top6{width: 32%;}}
@media only screen and (max-width: 2400px) {.width{width: 2160px;}	.width_top6{width: 32%;}}
@media only screen and (max-width: 2300px) {.width{width: 2070px;}	.width_top6{width: 32%;}}
@media only screen and (max-width: 2200px) {.width{width: 1980px;}	.width_top6{width: 32%;}}
@media only screen and (max-width: 2100px) {.width{width: 1890px;}	.width_top6{width: 32%;}}
@media only screen and (max-width: 2000px) {.width{width: 1800px;}	.width_top6{width: 32%;}}
@media only screen and (max-width: 1900px) {.width{width: 1710px;}	.width_top6{width: 32%;}}
@media only screen and (max-width: 1800px) {.width{width: 1620px;}	.width_top6{width: 32%;}}
@media only screen and (max-width: 1700px) {.width{width: 1530px;}	.width_top6{width: 32%;}}
@media only screen and (max-width: 1600px) {.width{width: 1440px;}	.width_top6{width: 48%;}}
@media only screen and (max-width: 1500px) {.width{width: 1350px;}	.width_top6{width: 48%;}}
@media only screen and (max-width: 1400px) {.width{width: 1260px;}	.width_top6{width: 48%;}}
@media only screen and (max-width: 1300px) {.width{width: 1170px;}	.width_top6{width: 48%;}}
@media only screen and (max-width: 1200px) {.width{width: 1080px;}	.width_top6{width: 48%;}}
@media only screen and (max-width: 1100px) {.width{width: 990px;}	.width_top6{width: 97%;}}
@media only screen and (max-width: 1000px) {.width{width: 900px;}	.width_top6{width: 97%;}}
@media only screen and (max-width: 900px) {.width{width: 810px;}	.width_top6{width: 97%;}}
@media only screen and (max-width: 800px) {.width{width: 720px;}	.width_top6{width: 97%;}}
@media only screen and (max-width: 700px) {.width{width: 630px;}	.width_top6{width: 97%;}}
@media only screen and (max-width: 600px) {.width{width: 540px;}	.width_top6{width: 97%;}}
@media only screen and (max-width: 500px) {.width{width: 450px;}	.width_top6{width: 97%;}}
@media only screen and (max-width: 400px) {.width{width: 360px;}	.width_top6{width: 97%;}}
@media only screen and (max-width: 300px) {.width{width: 270px;}	.width_top6{width: 97%;}}
@media only screen and (max-width: 200px) {.width{width: 180px;}	.width_top6{width: 97%;}}
@media only screen and (max-width: 100px) {.width{width: 90px;}		.width_top6{width: 97%;}}