* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
	body{
		background-image:url('https://permdogtraining.000webhostapp.com/images/bg_main.jpg');
	}
	/*
	background-image:url('http://dressirovka.h1n.ru/images/bg_main.jpg');
	*/
	
	header{
		z-index:2; font-size:2.5vw;
		color:green; text-align:center; margin-bottom:2%;		
	}
		
		h1,h2,h3{font-style:italic; text-align:center;}
		

		nav{
				
			display:-webkit-box;
			display:-ms-flexbox;
			display:flex; 
			-webkit-box-pack: center;
			    -ms-flex-pack: center;
			        justify-content: center;
			z-index:10;		
			padding:0; margin:0; width:96%;font-size:2.0vw;
			
		} 
			nav.menu li{ 
				background-color:silver; border: THIN lime SOLID; list-style:none; 
				width:100%; height:auto;
				cursor:pointer; position:relative; /*one*/
			} 
			nav.menu li a{ 
				text-decoration:none; display:block; padding:3% 3% 3% 9%; 
				/*two*/
			} 
			nav.menu li ul{ 
				display: none; position:absolute;
			} 
			nav.menu li:hover{ 
				background-color:orange; display:block; 
			} 
			nav.menu li:hover> ul{ 
				display:block; width:100%;
			} 
			nav.menu li ul li{ 
				position:relative;  padding:3%; 
			} 
			nav.menu li ul li ul{ 
				position:absolute;  top:0; left:100%;
			}
			

	#page_content{
			height:auto;
			width: 100%; padding:5%;
			
}	

	table{
	text-align:center; width:100%; vertical-align:top;
}
	table img{width:50%;}
	.brd{
		border: thin black solid;
	}

/*просмотр картинок с увеличением*/
		label[for] {
			cursor: pointer;
}
		input[type="checkbox"] {
			display: none;
}

		.lightbox, .setka {
			  width: 100%;
			  position: fixed;
			  top: 0;
			  left: 0;
}
		.lightbox {
			  z-index: 1;
			  min-height: 100%;
			  overflow: auto; 
			   -webkit-transform: scale(0); 
			       -ms-transform: scale(0); 
			           transform: scale(0);/*невидимость */
			   -webkit-transition: -webkit-transform .5s ease-out;
			   transition: -webkit-transform .5s ease-out;
			   -o-transition: transform .5s ease-out;
			   transition: transform .5s ease-out;
			   transition: transform .5s ease-out, -webkit-transform .5s ease-out; /* плавность */
}
		.lightbox img {
			  position: fixed;
			  top: 50%;
			  left: 50%;
			  max-width: 96%;
			  max-height: 96%;
			  -webkit-transform: translate(-50%, -50%);
			      -ms-transform: translate(-50%, -50%);
			          transform: translate(-50%, -50%); /*центрирование*/
			 /*  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);*/ 
}		


		input[type="checkbox"]:checked + .lightbox {
			-webkit-transform: scale(1);
			    -ms-transform: scale(1);
			        transform: scale(1); /*видимость */
}
		input[type="checkbox"]:checked ~ .setka {
			opacity .125; /* гасит сетку */
}
		.setka{
			z-index: 0;-webkit-transition: opacity .75s;-o-transition: opacity .75s;transition: opacity .75s;
			transition: opacity .75s;
}
		.setka .cell{
			opacity: .75;
            -webkit-transition: opacity .5s;
            -o-transition: opacity .5s;
            transition: opacity .5s;
}
		.setka .cell:hover {
			opacity: 1;
}
/*для страниц типа НОВОСТИ и списков НЕ меню */
		.News_Head {
			-ms-flex-item-align:center;
			    -ms-grid-row-align:center;
			    align-self:center;
			font-size: 3.5vw;
			font-style: italic;
			font-weight: bold;
			color: GREEN;
			text-align: center;
			height: 5%;
}
		.nw{
			 height:auto; text-align: justify;
}
		.Mark {
			margin-left: 0;
			margin-bottom: 1%;
			margin-top:2%;
			font-weight: normal;
			text-align: justify;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 2.5vw;
			font-style: normal;
			vertical-align: 6%;
			line-height: 1.5;
			list-style:none;
		}
		.Ssylka {
			color: #0000FF;
			text-decoration: underline;
			margin-bottom:2%;
			cursor:pointer;
		}
		.hide {
		  display: none;
		}
		
		.turnir {
			font-family: Arial;
			color: #800000;
			font-size: 2.5vw;
			font-weight: bold;
		}
		.Krasny {
			color: #F00;
			font-weight: bold;
			font-size:  2.0vw;
		}
		.Silver {
			color: #00F;
			font-weight: bold;
			font-size:  2.0vw;
		}
		.Bronze {
			color: #093;
			font-weight: bold;
			font-size: 2.0vw;
		}	
		.usual {
			text-align:center;
			font-size: 2.0vw; color:black;
		}
		.usual_ng {
			margin:0 0 2% 10%; text-align:left;
			font-size: 2.0vw; color:black;
		}
		.usual_t{
			text-align:center; font-weight:bold;
			font-size: 2.0vw; color:black;
		}
		.pdr{color: #800000; font-size: 2.5vw;}
		.usual_L {
			font-size: 2.0vw; color:black; 
		}
		.usual_L li{margin-bottom:1%;}
/* раскладки отдельных грид-страниц */		

/*
.container_calend{
	display:grid;
	grid-template-columns: 1fr 2fr 1fr 5fr 1fr;
	grid-template-rows:auto;
	    grid-template-areas:
	"header2 header2 header2 header2 header2"
	"podzag podzag podzag podzag podzag "
	"dt0 nm0 plc0 prs0 org0"
	"dt1 nm1 plc1 prs1 org1"
	"dt2 nm2 plc2 prs2 org2"
	"dt3 nm3 plc3 prs3 org3"
	"dt4 nm4 plc4 prs4 org4"
	"dt5 nm5 plc5 prs5 org5"
	"dt6 nm6 plc6 prs6 org6"
	"dt7 nm7 plc7 prs7 org7"
	"dt8 nm8 plc8 prs8 org8"
	"dt9 nm9 plc9 prs9 org9"
	"dt10 nm10 plc10 prs10 org10"
	"dt11 nm11 plc11 prs11 org11"
	"dt12 nm12 plc12 prs12 org12"
	"dt13 nm13 plc13 prs13 org13"
	"dt14 nm14 plc14 prs14 org14"
	"dt15 nm15 plc15 prs15 org15"
	"dt16 nm16 plc16 prs16 org16"
	"dt17 nm17 plc17 prs17 org17"
	"dt18 nm18 plc18 prs18 org18"
	"dt19 nm19 plc19 prs19 org19"
	"dt20 nm20 plc20 prs20 org20"
	"dt21 nm21 plc21 prs21 org21"
	"dt22 nm22 plc22 prs22 org22"
	"dt23 nm23 plc23 prs23 org23"
	"dt24 nm24 plc24 prs24 org24"
	"dt25 nm25 plc25 prs25 org25"
	"dt26 nm26 plc26 prs26 org26"
	"dt27 nm27 plc27 prs27 org27"
	"dt28 nm28 plc28 prs28 org28"
	"dt29 nm29 plc29 prs29 org29"
	"dt30 nm30 plc30 prs30 org30"
	"dt31 nm31 plc31 prs31 org31"
	"dt32 nm32 plc32 prs32 org32"
	"dt33 nm33 plc33 prs33 org33";
	width:96%; margin-left:1%;
	/*для IE */
/*			display:-ms-grid;
			-ms-grid-columns:1fr 2fr 1fr 2.5fr 1.5fr;
			-ms-grid-rows: auto;
}*/

.container_hotel{
	line-height: 1.5;
	font-family: Arial, Helvetica, sans-serif;
	display:grid;
	-ms-grid-columns: 1fr 1fr;
	    grid-template-columns: 1fr 1fr;
	grid-template-rows:auto;
	    grid-template-areas:
	"header2 header2"
	"podzag podzag"
	"tr1 tr1"
	"cnt1 cnt1"
	"tr2 tr2"
	"lb1 lb2"
	"zone22 zone22";
	grid-gap:0.2%;
	font-size: 2.0vw;
	/*для IE */
			display:-ms-grid;
			-ms-grid-columns:100%;
			-ms-grid-rows: auto;
}

.container_grum{
	line-height: 1.5;
	font-family: Arial, Helvetica, sans-serif;
	display:grid;
	grid-template-columns: 100%;
	grid-template-rows:auto;
	    grid-template-areas:
	"header2"
	"podzag"
	"tr1"
	"cnt1"
	"tr2"
	"cnt2"
	"tr3"
	"lb1"
	"zone22";
	grid-gap:0.2%;
	font-size: 2.0vw;
	/*для IE */
			display:-ms-grid;
			-ms-grid-columns:100%;
			-ms-grid-rows: auto;
}


.container_dres{
	/*margin-bottom: 6 px;
	margin-top:6px;*/
	line-height: 1.5;
	font-family: Arial, Helvetica, sans-serif;
	display:grid;
	grid-template-columns: 1fr 8fr;
	-ms-grid-rows:auto;
	    grid-template-rows:auto;
	    grid-template-areas:
	"header3 header3"
	"podzag3 podzag3"
	"tr1 tr1"
	"lb1 cnt1"
	"cnt2 cnt2"
	"lb2 cnt3"
	"cnt4 cnt4"
	"lb3 cnt5"
	"tr2 tr2"
	/* "cnt6 cnt6" */ 
	"uu1 uu1"
	". uu2"
	". uu3"
	"uu4 uu4"
	"uu5 uu5"
	"tr3 tr3"
	"uu6 uu6"
	"uu7 uu7"
	"uu8 uu8"
	"uu9 uu9"
	"tr4 tr4"
	"cnt7 cnt7"
	". uu10"
	". uu11"
	". uu12"
	". uu13"
	". uu14"
	"zone222 zone222";
	grid-gap:0.2%;
	font-size: 2.5vw;
	/*для IE */
			display:-ms-grid;
			-ms-grid-columns:1fr 8fr;
			-ms-grid-rows: 1fr 1fr auto auto auto auto auto auto auto auto auto;
}

		.unu1{grid-area:uu1; -ms-grid-column-align:start; justify-self:start; list-style:disk;
		 -ms-grid-column: 1; -ms-grid-row:21;  -ms-grid-column-span: 2;
		}
		.unu2 {grid-area:uu2; -ms-grid-column-align:start; justify-self:start; 
			list-style:square; -ms-grid-column: 2; -ms-grid-row:22;
		}
		.unu3 {grid-area:uu3; -ms-grid-column-align:start; 
			justify-self:start;	list-style:square; 
			-ms-grid-column: 2; -ms-grid-row:23;
		}
		.unu4{grid-area:uu4; -ms-grid-column-align:start; justify-self:start; 
			list-style:disk; 
			-ms-grid-column: 1; -ms-grid-row:24; -ms-grid-column-span:2;
		}
		.unu5{grid-area:uu5; -ms-grid-column-align:start; justify-self:start; 
			list-style:disk; 
			-ms-grid-column: 1; -ms-grid-row:25; -ms-grid-column-span:2;
		}
		.unu6{grid-area:uu6; -ms-grid-column-align:start; justify-self:start; 
			list-style:disk; -ms-grid-column: 1; -ms-grid-row:27;-ms-grid-column-span:2;
		}
		.unu7{grid-area:uu7; -ms-grid-column-align:start; justify-self:start; 
			list-style:disk; -ms-grid-column: 1; -ms-grid-row:28;-ms-grid-column-span:2;
		}
		.unu8{grid-area:uu8; -ms-grid-column-align:start; justify-self:start; 
			list-style:disk; -ms-grid-column: 1; -ms-grid-row:29;-ms-grid-column-span:2;
		}
		.unu9{grid-area:uu9; -ms-grid-column-align:start; justify-self:start; 
			list-style:disk; -ms-grid-column: 1; -ms-grid-row:30;-ms-grid-column-span:2;
		}
		.unu10 {grid-area:uu10; -ms-grid-column-align:start; 
			justify-self:start;	list-style:square; 
			-ms-grid-column: 2; -ms-grid-row:33;
		}
		.unu11 {grid-area:uu11; -ms-grid-column-align:start; 
			justify-self:start;	list-style:square; 
			-ms-grid-column: 2; -ms-grid-row:34;
		}
		.unu12 {grid-area:uu12; -ms-grid-column-align:start; 
			justify-self:start;	list-style:square; 
			-ms-grid-column: 2; -ms-grid-row:35;
		}
		.unu13 {grid-area:uu13; -ms-grid-column-align:start; 
			justify-self:start;	list-style:square; 
			-ms-grid-column: 2; -ms-grid-row:36;
		}
		.unu14 {grid-area:uu14; -ms-grid-column-align:start; 
			justify-self:start;	list-style:square; 
			-ms-grid-column: 2; -ms-grid-row:37;
		}
	
	.hd3{-ms-grid-row:1;-ms-grid-column:1;-ms-grid-column-span:2;grid-area:header3; color:green; text-align: center; font-size:3.0vw;
		-ms-grid-column: 1; -ms-grid-column-row: 1; -ms-grid-column-span:2;
	}
	.pd3{grid-area:podzag3; text-align:center; padding:1% 0 0 1%; font-size:2.0vw; color:blue;
		-ms-grid-column: 1; -ms-grid-column-span: 2; -ms-grid-row:2;
	}
	.z222{ font-weight:bold; padding-top:3%;
		text-align:center;
	}
	.tren{
		font-family: Arial;color: #800000;
			font-weight: bold; margin:2% 0 1% 0; 
	}
	
	.tren1{
		grid-area:tr1; 
		font-family: Arial;color: #800000;
			font-weight: bold; margin:0 0 1% 0;
			-ms-grid-column-align: start;
			    justify-self: start;font-size: 2.5vw;
			-ms-grid-column: 1; -ms-grid-row:3; /*-ms-grid-column-span:2;*/
	}
	.tren2{
		grid-area:tr2; 
		font-family: Arial;color: #800000;font-size: 2.5vw;
		font-weight: bold; margin:1% 0 1% 0;
		-ms-grid-column-align: start;
		    justify-self: start; 
		-ms-grid-column: 1; -ms-grid-row:10; -ms-grid-column-span:2;
	}
	.tren3{
		grid-area:tr3; 
		font-family: Arial;color: #800000;font-size: 2.5vw;
		font-weight: bold; margin:1% 0 1% 0; -ms-grid-column-align: start; justify-self: start;
		-ms-grid-column: 1; -ms-grid-row:26; -ms-grid-column-span:2;	
	}
	
	.tren4{
		grid-area:tr4; 
		font-family: Arial;color: #800000;font-size: 2.5vw;
		font-weight: bold; margin:1% 0 1% 0; -ms-grid-column-align: start; justify-self: start;
		-ms-grid-column: 1; -ms-grid-row:31; -ms-grid-column-span:2;	
	}
	
	.lab_im1{
		grid-area:lb1; z-index: 0;-webkit-transition: opacity .75s;-o-transition: opacity .75s;transition: opacity .75s;
		width:100%; height:50%; -ms-flex-item-align:center; -ms-grid-row-align:center; align-self:center;
		-ms-grid-column: 1; -ms-grid-row:5;
	}
	.lab_im2{
		grid-area:lb2; z-index: 0;-webkit-transition: opacity .75s;-o-transition: opacity .75s;transition: opacity .75s;
		width:100%; 
		-ms-grid-column: 1; -ms-grid-row:7;
	}
	.lab_im3{
		grid-area:lb3; z-index: 0;-webkit-transition: opacity .75s;-o-transition: opacity .75s;transition: opacity .75s;
		width:100%; margin-bottom:1%;
		-ms-grid-column: 1; -ms-grid-row:9;
	}
	.cnt_tx1{
		grid-area:cnt1;	text-align:justify; padding: 0 0 0 2%;
		-ms-grid-column: 2; -ms-grid-row:5; font-size: 2.5vw;
	}
	.cnt_tx2{
		grid-area:cnt2;	text-align:justify; padding: 0 0 2% 0;
		-ms-grid-column: 1; -ms-grid-row:6; -ms-grid-column-span:2;
		font-size: 2.5vw;
	}
	.cnt_tx3{
		grid-area:cnt3;	text-align:justify; padding: 0 0 0 2%;
		-ms-grid-column: 2; -ms-grid-row:7; font-size: 2.5vw;
	}
	.cnt_tx4{
		grid-area:cnt4;	text-align:justify; padding: 0 0 2% 0;
		-ms-grid-column: 1; -ms-grid-row:8; -ms-grid-column-span:2;
		font-size: 2.5vw;
	}
	.cnt_tx5{
		grid-area:cnt5;	text-align:justify; padding: 0 0 0 2%;
		-ms-grid-column: 2; -ms-grid-row:9; font-size: 2.5vw;
	}
	.cnt_tx7{
		grid-area:cnt7;	text-align:justify; padding: 0 0 0 2%;
		-ms-grid-column: 1; -ms-grid-row:32; -ms-grid-column-span: 2;
		font-size: 2.5vw;
	}
/*	
.container_auto{ 
	display:grid;
	justify-items:center;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	grid-template-rows:auto;
	    grid-template-areas:
	"header2 header2 header2 header2 header2"
	"podzag podzag podzag podzag podzag "
	"zone1 zone2 zone3 zone4 zone5"
	"zone6 zone6 zone6 zone7 zone7"
	"zone8 zone9 zone10 zone11 zone12"
	"zone13 zone14 zone14 zone15 zone15"
	"zone16 zone17 zone18 zone19 zone20"
	"zone21 zone21 zone21 zone21 ."
	"zone22 zone22 zone22 zone22 zone22";
	grid-gap:0.1%;
	font-size: 2.5vw;
	/*для IE */
/*			display:-ms-grid;
			-ms-grid-columns:1fr 1fr 1fr 1fr 1fr;
			-ms-grid-rows: auto;
}*/

/*
.container_sp{ 
	display:grid;
	justify-items:center;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	grid-template-rows:auto;
	    grid-template-areas:
	"header2 header2 header2 header2 header2"
	"podzag podzag podzag podzag podzag "
	"spiz1 spiz2 spiz3 spiz4 spiz5"
	"spiz6 spiz6 spiz7 spiz7 spiz8"
	"zone22 zone22 zone22 zone22 zone22";
	grid-gap:0.2%;
	font-size: 2.5vw;
	/*для IE */
/*			display:-ms-grid;
			-ms-grid-columns:1fr 1fr 1fr 1fr 1fr;
			-ms-grid-rows: auto;
}*/
.container_old{
	font-size: 2.5vw;
}
.mam{background-color:pink; border:thin aqua solid;}
.dad{background-color:lightblue;}
.grand{background-color:lightgreen;}
/*
.container_jrt{
	display:grid;
	justify-items:center;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	grid-template-rows:auto;
	    grid-template-areas:
	"header2 header2 header2 header2 header2"
	"podzag podzag podzag podzag podzag "
	"jrt1 jrt2 jrt3 jrt4 ."
	"jrt6 jrt6 jrt6 jrt7 jrt7"
	"zone22 zone22 zone22 zone22 zone22";
	grid-gap:0.2%;
	font-size: 2.5vw;
	/*для IE */
/*			display:-ms-grid;
			-ms-grid-columns:1fr 1fr 1fr 1fr 1fr;
			-ms-grid-rows: auto;
}*/
/*	.container_jrt img{width:100%; height:95%;}
	.container_sp img{width:100%; height:95%;}
	.container_auto img{width:100%; height:95%;} */
	.container_dres img{width:100%; height:95%;}
	
	
/*	.z1,.z2, .z3, .z4, .z5, .z6, .z7, .z8, .z9, .z10, .z11, .z12, .z13, 
	.z14, .z15, .z16, .z17, .z18, .z19, .z20, .z21, .z22, 
	.sp1, .sp2, .sp3, .sp4, .sp5, .sp6, .sp7, .sp8, .j1, .j2, .j3, .j4, .j6, .j7, .lab_im1, .lab_im2, .lab_im3 {border: thin silver solid; width:100%; text-align:center;
	}*/
	.hd{color:green; text-align: center;font-size:3.0vw;
	}
	.pd{text-align:center; padding:1% 0 0 1%; font-size:2.0vw; 
		color:blue; margin-bottom:2%;
	}
/*	.z1{grid-area:zone1;
		-webkit-transition: opacity .75s;
		-o-transition: opacity .75s;
		transition: opacity .75s; z-index: 0;
		-ms-grid-column:1; -ms-grid-row:3;
	}
	.z2{grid-area:zone2; 
		-webkit-transition: opacity .75s; 
		-o-transition: opacity .75s; 
		transition: opacity .75s; z-index: 0;
		-ms-grid-column:2; -ms-grid-row:3;
	}
	.z3{grid-area:zone3; 
		-webkit-transition: opacity .75s; 
		-o-transition: opacity .75s; 
		transition: opacity .75s; z-index: 0;
		-ms-grid-column:3; -ms-grid-row:3;
	}
	.z4{grid-area:zone4; 
		-webkit-transition: opacity .75s; 
		-o-transition: opacity .75s; 
		transition: opacity .75s; z-index: 0;
		-ms-grid-column:4; -ms-grid-row:3;
	}
	.z5{grid-area:zone5; 
		-webkit-transition: opacity .75s; 
		-o-transition: opacity .75s; 
		transition: opacity .75s; z-index: 0;
		-ms-grid-column:5; -ms-grid-row:3;
	}
	.z6{grid-area:zone6; background:pink; 
		-ms-grid-column:1; -ms-grid-column-span:3; 
		-ms-grid-row:4;
	} 
	.z7{grid-area:zone7; background:blue;color:white;
		-ms-grid-column:4; -ms-grid-column-span:2; 
		-ms-grid-row:4;
	}
	.z8{grid-area:zone8; 
		-webkit-transition: opacity .75s; 
		-o-transition: opacity .75s; 
		transition: opacity .75s; z-index: 0;
		-ms-grid-column:1; -ms-grid-row:5;
	}
	.z9{grid-area:zone9; 
		-webkit-transition: opacity .75s; 
		-o-transition: opacity .75s; 
		transition: opacity .75s; z-index: 0;
		-ms-grid-column:2; -ms-grid-row:5;
	}
	.z10{grid-area:zone10; 
		-webkit-transition: opacity .75s; 
		-o-transition: opacity .75s; 
		transition: opacity .75s; z-index: 0;
		-ms-grid-column:3; -ms-grid-row:5;
	}
	.z11{grid-area:zone11; 
		-webkit-transition: opacity .75s; 
		-o-transition: opacity .75s; 
		transition: opacity .75s; z-index: 0;
		-ms-grid-column:4; -ms-grid-row:5;
	}
	.z12{grid-area:zone12; 
		-webkit-transition: opacity .75s; 
		-o-transition: opacity .75s; 
		transition: opacity .75s; z-index: 0;
		-ms-grid-column:5; -ms-grid-row:5;
	}
	.z13{grid-area:zone13; background:lightblue;
		-ms-grid-column:1; -ms-grid-row:6;
	}
	.z14{grid-area:zone14; background:lightgreen;
		-ms-grid-column:2; -ms-grid-column-span:2;
		-ms-grid-row:6;
	}
	.z15{grid-area:zone15; background:green; color:	white;
		-ms-grid-column:4; -ms-grid-column-span:2;
		-ms-grid-row:6;
	}
	.z16{grid-area:zone16; 
		opacity .75s; z-index: 0;
		-ms-grid-column:1; -ms-grid-row:7;
	}
	.z17{grid-area:zone17; 
		opacity .75s; z-index: 0;
		-ms-grid-column:2; -ms-grid-row:7;
	}
	.z18{grid-area:zone18;
		opacity .75s; z-index: 0;
		-ms-grid-column:3; -ms-grid-row:7;
	}
	.z19{grid-area:zone19; 
		opacity .75s; z-index: 0;
		-ms-grid-column:4; -ms-grid-row:7;
	}
	.z20{grid-area:zone20; 
		opacity .75s; z-index: 0;
		-ms-grid-column:5; -ms-grid-row:7;
	}
	.z21{grid-area:zone21; background:orange;
		-ms-grid-column:1; -ms-grid-column-span:4;
		-ms-grid-row:8;
	}*/
	.z22{font-weight:bold; padding-top:3%;
		 font-size:2.5vw; text-align:center;
	}
/*	.sp1{grid-area:spiz1; 
		z-index: 0;-webkit-transition: opacity .75s;-o-transition: opacity .75s;transition: opacity .75s;
		-ms-grid-column:1; -ms-grid-row:3;
	}
	.sp2{grid-area:spiz2;
		z-index: 0;-webkit-transition: opacity .75s;-o-transition: opacity .75s;transition: opacity .75s;
		-ms-grid-column:2; -ms-grid-row:3;
	}
	.sp3{grid-area:spiz3;
		z-index: 0;-webkit-transition: opacity .75s;-o-transition: opacity .75s;transition: opacity .75s;
		-ms-grid-column:3; -ms-grid-row:3;
	}
	.sp4{grid-area:spiz4;
		z-index: 0;-webkit-transition: opacity .75s;-o-transition: opacity .75s;transition: opacity .75s;
		-ms-grid-column:4; -ms-grid-row:3;
	}
	.sp5{grid-area:spiz5;
		z-index: 0;-webkit-transition: opacity .75s;-o-transition: opacity .75s;transition: opacity .75s;
		-ms-grid-column:5; -ms-grid-row:3;
	}
	.sp6{grid-area:spiz6; background:pink;
		-ms-grid-column:1; -ms-grid-column-span:2; 
		-ms-grid-row:4;
	}
	.sp7{grid-area:spiz7; background:green; color:white;
		-ms-grid-column:3; -ms-grid-column-span:2; 
		-ms-grid-row:4;
	}
	.sp8{grid-area:spiz8; background:orange;
		-ms-grid-column:5; -ms-grid-row:4;
	}
	
	.j1{grid-area:jrt1; z-index: 0;-webkit-transition: opacity .75s;-o-transition: opacity .75s;transition: opacity .75s;
			/*-ms-transition: opacity .75s;*/
/*		-ms-grid-column:1; -ms-grid-row:3;
			}
	.j2{grid-area:jrt2;
		-ms-grid-column:2; -ms-grid-row:3;
	}
	.j3{grid-area:jrt3;
		-ms-grid-column:3; -ms-grid-row:3;
	}
	.j4{grid-area:jrt4;
		-ms-grid-column:4; -ms-grid-row:3;
	}
	.j6{grid-area:jrt6; background:green; color:white;
		-ms-grid-column:1; -ms-grid-column-span:3; -ms-grid-row:4;
	}
	.j7{grid-area:jrt7; background:orange;
		-ms-grid-column:4; -ms-grid-column-span:2; -ms-grid-row:4;
	}
	
	.dt0, .nm0, .plc0, .prs0, .org0, .dt1, .nm1, .plc1, .prs1, .org1, .dt2, .nm2, .plc2, .prs2, .org2, .dt3, .nm3, .plc3, .prs3, .org3, .dt4, .nm4, .plc4, .prs4, .org4, .dt5, .nm5, .plc5, .prs5, .org5, .dt6, .nm6, .plc6, .prs6, .org6, .dt7, .nm7, .plc7, .prs7, .org7,  .dt8, .nm8, .plc8, 
	.prs8, .org8, .dt9, .nm9, .plc9, .prs9, .org9, .dt10, .nm10, .plc10, 
	.prs10, .org10, .dt11, .nm11, .plc11, .prs11, .org11, .dt12, .nm12, .plc12, .prs12, .org12, .dt13, .nm13, .plc13, .prs13, .org13, .dt14, .nm14, .plc14, .prs14, .org14, .dt15, .nm15, .plc15, .prs15, .org15,
	.dt16, .nm16, .plc16, .prs16, .org16,.dt17, .nm17, .plc17, .prs17, .org17,.dt18, .nm18, .plc18, .prs18, .org18,.dt19, .nm19, .plc19, .prs19, .org19,.dt20, .nm20, .plc20, .prs20, .org20, .dt21, .nm21, .plc21, .prs21, .org21, .dt22, .nm22, .plc22, .prs22, .org22, .dt23, .nm23, .plc23, .prs23, .org23, .dt24, .nm24, .plc24, .prs24, .org24, .dt25, .nm25, .plc25, .prs25, .org25, .dt26, .nm26, .plc26, .prs26, .org26, .dt27, .nm27, .plc27, .prs27, .org27, .dt28, .nm28, .plc28, .prs28, .org28, .dt29, .nm29, .plc29, .prs29, .org29, .dt30, .nm30, .plc30, .prs30, .org30, .dt31, .nm31, .plc31, .prs31, .org31, .dt32, .nm32, .plc32, .prs32, .org32, .dt33, .nm33, .plc33, .prs33, .org33 
	{font-size:2vw;border:0.05em black solid;
	padding: 3%; -ms-padding: 3%; }
	
	  .dt0{grid-area:dt0; font-weight:bold;
		-ms-grid-column:1; -ms-grid-row:3;
	  }
	  .nm0{grid-area:nm0; font-weight:bold;
		-ms-grid-column:2; -ms-grid-row:3;
	  } 
	.plc0{grid-area:plc0; font-weight:bold;
		-ms-grid-column:3; -ms-grid-row:3;
	} 
	.prs0{grid-area:prs0; font-weight:bold;
		-ms-grid-column:4; -ms-grid-row:3;
	} 
	.org0{grid-area:org0; font-weight:bold;
		-ms-grid-column:5; -ms-grid-row:3;
	}	
	.dt1{grid-area:dt1;  
		-ms-grid-column:1; -ms-grid-row:4;
	}
	  .nm1{grid-area:nm1;
		-ms-grid-column:2; -ms-grid-row:4;
	  } 
	.plc1{grid-area:plc1;
		-ms-grid-column:3; -ms-grid-row:4;
	} 
	.prs1{grid-area:prs1;
		-ms-grid-column:4; -ms-grid-row:4;
	} 
	.org1{grid-area:org1;
		-ms-grid-column:5; -ms-grid-row:4;
	} 
	.dt2{grid-area:dt2;
		-ms-grid-column:1; -ms-grid-row:5;
	  }
	.nm2{grid-area:nm2;
		-ms-grid-column:2; -ms-grid-row:5;
	  } 
	.plc2{grid-area:plc2;
		-ms-grid-column:3; -ms-grid-row:5;
	} 
	.prs2{grid-area:prs2;
		-ms-grid-column:4; -ms-grid-row:5;
	} 
	.org2{grid-area:org2;
		-ms-grid-column:5; -ms-grid-row:5;
	}
	
	.dt3{grid-area:dt3; color:green;
		-ms-grid-column:1; -ms-grid-row:6;
	  }                                 
	.nm3{grid-area:nm3;color:green;      
		-ms-grid-column:2; -ms-grid-row:6;
	}                                   
	.plc3{grid-area:plc3;color:green;    
		-ms-grid-column:3; -ms-grid-row:6;
	}                                   
	.prs3{grid-area:prs3;color:green;    
		-ms-grid-column:4; -ms-grid-row:6;
	}                                   
	.org3{grid-area:org3;color:green;    
		-ms-grid-column:5; -ms-grid-row:6;
	}
	
	
	.dt4{grid-area:dt4;
		-ms-grid-column:1; -ms-grid-row:7;
	  }
	.nm4{grid-area:nm4;
		-ms-grid-column:2; -ms-grid-row:7;
	  } 
	.plc4{grid-area:plc4;
		-ms-grid-column:3; -ms-grid-row:7;
	} 
	.prs4{grid-area:prs4;
		-ms-grid-column:4; -ms-grid-row:7;
	} 
	.org4{grid-area:org4;
		-ms-grid-column:5; -ms-grid-row:7;
	}
	
	
	
	.dt5{grid-area:dt5; 
		-ms-grid-column:1; -ms-grid-row:8;
	  }                                 
	.nm5{grid-area:nm5;      
		-ms-grid-column:2; -ms-grid-row:8;
	}                                   
	.plc5{grid-area:plc5;   
		-ms-grid-column:3; -ms-grid-row:8;
	}                                   
	.prs5{grid-area:prs5;    
		-ms-grid-column:4; -ms-grid-row:8;
	}                                   
	.org5{grid-area:org5;    
		-ms-grid-column:5; -ms-grid-row:8;
	}
	
	
	.dt6{grid-area:dt6; color:red;
		-ms-grid-column:1; -ms-grid-row:9;
	}
	.nm6{grid-area:nm6;color:red;
		-ms-grid-column:2; -ms-grid-row:9;
	} 
	.plc6{grid-area:plc6;color:red;
		-ms-grid-column:3; -ms-grid-row:9;
	} 
	.prs6{grid-area:prs6;color:red;
		-ms-grid-column:4; -ms-grid-row:9;
	} 
	.org6{grid-area:org6;color:red;
		-ms-grid-column:5; -ms-grid-row:9;
	}
	
	.dt7{grid-area:dt7; color:green;
		-ms-grid-column:1; -ms-grid-row:10;
	}
	.nm7{grid-area:nm7;color:green;
		-ms-grid-column:2; -ms-grid-row:10;
	} 
	.plc7{grid-area:plc7;color:green; 
		-ms-grid-column:3; -ms-grid-row:10;
	} 
	.prs7{grid-area:prs7; color:green; 
		-ms-grid-column:4; -ms-grid-row:10;
	} 
	.org7{grid-area:org7; color:green;   
		-ms-grid-column:5; -ms-grid-row:10;
	}
	
	.dt8{grid-area:dt8;
		-ms-grid-column:1; -ms-grid-row:11;
	  }                                 
	.nm8{grid-area:nm8;      
		-ms-grid-column:2; -ms-grid-row:11;
	}                                   
	.plc8{grid-area:plc8;   
		-ms-grid-column:3; -ms-grid-row:11;
	}                                   
	.prs8{grid-area:prs8;   
		-ms-grid-column:4; -ms-grid-row:11;
	}                                   
	.org8{grid-area:org8; 
		-ms-grid-column:5; -ms-grid-row:11;
	}
	
	.dt9{grid-area:dt9;color:green;
		-ms-grid-column:1; -ms-grid-row:12;
	}
	.nm9{grid-area:nm9;color:green;
		-ms-grid-column:2; -ms-grid-row:12;
	} 
	.plc9{grid-area:plc9;color:green; 
		-ms-grid-column:3; -ms-grid-row:12;
	} 
	.prs9{grid-area:prs9;color:green; 
		-ms-grid-column:4; -ms-grid-row:12;
	} 
	.org9{grid-area:org9;color:green; 
		-ms-grid-column:5; -ms-grid-row:12;
	}
	
	.dt10{grid-area:dt10; 
		-ms-grid-column:1; -ms-grid-row:13;
	  }                                 
	.nm10{grid-area:nm10;      
		-ms-grid-column:2; -ms-grid-row:13;
	}                                   
	.plc10{grid-area:plc10;   
		-ms-grid-column:3; -ms-grid-row:13;
	}                                   
	.prs10{grid-area:prs10;   
		-ms-grid-column:4; -ms-grid-row:13;
	}                                   
	.org10{grid-area:org10;   
		-ms-grid-column:5; -ms-grid-row:13;
	}
	
	.dt11{grid-area:dt11;
		-ms-grid-column:1; -ms-grid-row:14;
	}
	.nm11{grid-area:nm11;
		-ms-grid-column:2; -ms-grid-row:14;
	} 
	.plc11{grid-area:plc11;
		-ms-grid-column:3; -ms-grid-row:14;
	} 
	.prs11{grid-area:prs11;
		-ms-grid-column:4; -ms-grid-row:14;
	} 
	.org11{grid-area:org11;
		-ms-grid-column:5; -ms-grid-row:14;
	}
	
	.dt12{grid-area:dt12; 
		-ms-grid-column:1; -ms-grid-row:15;
	  }                                 
	.nm12{grid-area:nm12;     
		-ms-grid-column:2; -ms-grid-row:15;
	}                                   
	.plc12{grid-area:plc12;   
		-ms-grid-column:3; -ms-grid-row:15;
	}                                   
	.prs12{grid-area:prs12;    
		-ms-grid-column:4; -ms-grid-row:15;
	}                                   
	.org12{grid-area:org12;  
		-ms-grid-column:5; -ms-grid-row:15;
	}
	
	.dt13{grid-area:dt13; color:green;
		-ms-grid-column:1; -ms-grid-row:16;
	  }                                 
	.nm13{grid-area:nm13;color:green;      
		-ms-grid-column:2; -ms-grid-row:16;
	}                                   
	.plc13{grid-area:plc13;color:green;    
		-ms-grid-column:3; -ms-grid-row:16;
	}                                   
	.prs13{grid-area:prs13;color:green;    
		-ms-grid-column:4; -ms-grid-row:16;
	}                                   
	.org13{grid-area:org13;color:green;    
		-ms-grid-column:5; -ms-grid-row:16;
	}
	
	.dt14{grid-area:dt14; color:green;
		-ms-grid-column:1; -ms-grid-row:17;
	  }                                 
	.nm14{grid-area:nm14;color:green;      
		-ms-grid-column:2; -ms-grid-row:17;
	}                                   
	.plc14{grid-area:plc14;color:green;    
		-ms-grid-column:3; -ms-grid-row:17;
	}                                   
	.prs14{grid-area:prs14;color:green;    
		-ms-grid-column:4; -ms-grid-row:17;
	}                                   
	.org14{grid-area:org14;color:green;    
		-ms-grid-column:5; -ms-grid-row:17;
	}
	
	.dt15{grid-area:dt15; 
		-ms-grid-column:1; -ms-grid-row:18;
	  }                                 
	.nm15{grid-area:nm15;     
		-ms-grid-column:2; -ms-grid-row:18;
	}                                   
	.plc15{grid-area:plc15;   
		-ms-grid-column:3; -ms-grid-row:18;
	}                                   
	.prs15{grid-area:prs15;    
		-ms-grid-column:4; -ms-grid-row:18;
	}                                   
	.org15{grid-area:org15;  
		-ms-grid-column:5; -ms-grid-row:18;
	}
	
	.dt16{grid-area:dt16; color:green;
		-ms-grid-column:1; -ms-grid-row:19;
	  }                                 
	.nm16{grid-area:nm16;color:green;      
		-ms-grid-column:2; -ms-grid-row:19;
	}                                   
	.plc16{grid-area:plc16;color:green;    
		-ms-grid-column:3; -ms-grid-row:19;
	}                                   
	.prs16{grid-area:prs16;color:green;    
		-ms-grid-column:4; -ms-grid-row:19;
	}                                   
	.org16{grid-area:org16;color:green;    
		-ms-grid-column:5; -ms-grid-row:19;
	}
	
	
	.dt17{grid-area:dt17; color:green;
		-ms-grid-column:1; -ms-grid-row:20;
	  }                                 
	.nm17{grid-area:nm17;color:green;      
		-ms-grid-column:2; -ms-grid-row:20;
	}                                   
	.plc17{grid-area:plc17;color:green;    
		-ms-grid-column:3; -ms-grid-row:20;
	}                                   
	.prs17{grid-area:prs17;color:green;    
		-ms-grid-column:4; -ms-grid-row:20;
	}                                   
	.org17{grid-area:org17;color:green;    
		-ms-grid-column:5; -ms-grid-row:20;
	}
	
	
	.dt18{grid-area:dt18; color:red;
		-ms-grid-column:1; -ms-grid-row:21;
	}
	.nm18{grid-area:nm18;color:red;
		-ms-grid-column:2; -ms-grid-row:21;
	} 
	.plc18{grid-area:plc18;color:red;
		-ms-grid-column:3; -ms-grid-row:21;
	} 
	.prs18{grid-area:prs18;color:red;
		-ms-grid-column:4; -ms-grid-row:21;
	} 
	.org18{grid-area:org18;color:red;
		-ms-grid-column:5; -ms-grid-row:21;
	}
	
	.dt19{grid-area:dt19; 
		-ms-grid-column:1; -ms-grid-row:22;
	  }                                 
	.nm19{grid-area:nm19;     
		-ms-grid-column:2; -ms-grid-row:22;
	}                                   
	.plc19{grid-area:plc19;   
		-ms-grid-column:3; -ms-grid-row:22;
	}                                   
	.prs19{grid-area:prs19;    
		-ms-grid-column:4; -ms-grid-row:22;
	}                                   
	.org19{grid-area:org19;  
		-ms-grid-column:5; -ms-grid-row:22;
	}
	
	
	.dt20{grid-area:dt20; 
		-ms-grid-column:1; -ms-grid-row:23;
	  }                                 
	.nm20{grid-area:nm20;     
		-ms-grid-column:2; -ms-grid-row:23;
	}                                   
	.plc20{grid-area:plc20;   
		-ms-grid-column:3; -ms-grid-row:23;
	}                                   
	.prs20{grid-area:prs20;    
		-ms-grid-column:4; -ms-grid-row:23;
	}                                   
	.org20{grid-area:org20;  
		-ms-grid-column:5; -ms-grid-row:23;
	}
	
	.dt21{grid-area:dt21; color:green;
		-ms-grid-column:1; -ms-grid-row:24;
	  }                                 
	.nm21{grid-area:nm21;color:green;      
		-ms-grid-column:2; -ms-grid-row:24;
	}                                   
	.plc21{grid-area:plc21;color:green;    
		-ms-grid-column:3; -ms-grid-row:24;
	}                                   
	.prs21{grid-area:prs21;color:green;    
		-ms-grid-column:4; -ms-grid-row:24;
	}                                   
	.org21{grid-area:org21;color:green;    
		-ms-grid-column:5; -ms-grid-row:24;
	}
	
	
	.dt22{grid-area:dt22; color:green;
		-ms-grid-column:1; -ms-grid-row:25;
	  }                                 
	.nm22{grid-area:nm22;color:green;      
		-ms-grid-column:2; -ms-grid-row:25;
	}                                   
	.plc22{grid-area:plc22;color:green;    
		-ms-grid-column:3; -ms-grid-row:25;
	}                                   
	.prs22{grid-area:prs22;color:green;    
		-ms-grid-column:4; -ms-grid-row:25;
	}                                   
	.org22{grid-area:org22;color:green;    
		-ms-grid-column:5; -ms-grid-row:25;
	}
	
	
	.dt23{grid-area:dt23; 
		-ms-grid-column:1; -ms-grid-row:26;
	  }                                 
	.nm23{grid-area:nm23;     
		-ms-grid-column:2; -ms-grid-row:26;
	}                                   
	.plc23{grid-area:plc23;   
		-ms-grid-column:3; -ms-grid-row:26;
	}                                   
	.prs23{grid-area:prs23;    
		-ms-grid-column:4; -ms-grid-row:26;
	}                                   
	.org23{grid-area:org23;  
		-ms-grid-column:5; -ms-grid-row:26;
	}
	
	
	.dt24{grid-area:dt24; 
		-ms-grid-column:1; -ms-grid-row:27;
	  }                                 
	.nm24{grid-area:nm24;     
		-ms-grid-column:2; -ms-grid-row:27;
	}                                   
	.plc24{grid-area:plc24;   
		-ms-grid-column:3; -ms-grid-row:27;
	}                                   
	.prs24{grid-area:prs24;    
		-ms-grid-column:4; -ms-grid-row:27;
	}                                   
	.org24{grid-area:org24;  
		-ms-grid-column:5; -ms-grid-row:27;
	}
	
	
	.dt25{grid-area:dt25; color:green;
		-ms-grid-column:1; -ms-grid-row:28;
	  }                                 
	.nm25{grid-area:nm25;color:green;      
		-ms-grid-column:2; -ms-grid-row:28;
	}                                   
	.plc25{grid-area:plc25;color:green;    
		-ms-grid-column:3; -ms-grid-row:28;
	}                                   
	.prs25{grid-area:prs25;color:green;    
		-ms-grid-column:4; -ms-grid-row:28;
	}                                   
	.org25{grid-area:org25;color:green;    
		-ms-grid-column:5; -ms-grid-row:28;
	}
	
	.dt26{grid-area:dt26; 
		-ms-grid-column:1; -ms-grid-row:29;
	  }                                 
	.nm26{grid-area:nm26;     
		-ms-grid-column:2; -ms-grid-row:29;
	}                                   
	.plc26{grid-area:plc26;   
		-ms-grid-column:3; -ms-grid-row:29;
	}                                   
	.prs26{grid-area:prs26;    
		-ms-grid-column:4; -ms-grid-row:29;
	}                                   
	.org26{grid-area:org26;  
		-ms-grid-column:5; -ms-grid-row:29;
	}
	
	
	.dt27{grid-area:dt27; 
		-ms-grid-column:1; -ms-grid-row:30;
	  }                                 
	.nm27{grid-area:nm27;     
		-ms-grid-column:2; -ms-grid-row:30;
	}                                   
	.plc27{grid-area:plc27;   
		-ms-grid-column:3; -ms-grid-row:30;
	}                                   
	.prs27{grid-area:prs27;    
		-ms-grid-column:4; -ms-grid-row:30;
	}                                   
	.org27{grid-area:org27;  
		-ms-grid-column:5; -ms-grid-row:30;
	}
	
	
	.dt28{grid-area:dt28; color:red;
		-ms-grid-column:1; -ms-grid-row:31;
	}
	.nm28{grid-area:nm28;color:red;
		-ms-grid-column:2; -ms-grid-row:31;
	} 
	.plc28{grid-area:plc28;color:red;
		-ms-grid-column:3; -ms-grid-row:31;
	} 
	.prs28{grid-area:prs28;color:red;
		-ms-grid-column:4; -ms-grid-row:31;
	} 
	.org28{grid-area:org28;color:red;
		-ms-grid-column:5; -ms-grid-row:31;
	}
	
	
	.dt29{grid-area:dt29; 
		-ms-grid-column:1; -ms-grid-row:32;
	  }                                 
	.nm29{grid-area:nm29;     
		-ms-grid-column:2; -ms-grid-row:32;
	}                                   
	.plc29{grid-area:plc29;   
		-ms-grid-column:3; -ms-grid-row:32;
	}                                   
	.prs29{grid-area:prs29;    
		-ms-grid-column:4; -ms-grid-row:32;
	}                                   
	.org29{grid-area:org29;  
		-ms-grid-column:5; -ms-grid-row:32;
	}