@charset "utf-8";
/* CSS Document */
Header {
	position: fixed;
	
	
}
p {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
    font-size: 30px;
}
div.d2 {
	position: fixed;
	top: 0px;
	right:10px;
	float:right;
}
div.d3 {
	position: fixed;
	top: 0px;
	right:0px;
	float:right;
}
div.d4 {
	 position: fixed;
	 top: 200px;
	 left:100px;
	 width: 50px;
	
}
div.d5 {
	 margin-top: 200px;
	 margin-left: 10px;

}
div.d51 {
	 margin-top: 70px;
	 margin-left: 10px;

}
div.d6 {
	 margin-left:100px;
	 padding:3px;
	 max-width: 520px;
	 float:left;

}
div.d7 
{
	 margin-top:140px;
	 margin-left: 200px;
	 
}
div.d8
{
	 margin-top:350px;
	 margin-left: 400px;
	 width:412px; 
  	 border:20px solid rgba(2,0,255,1.00);
	 
}
div.d9
{
	 margin-top:160px;
	 margin-left: 400px;
		 
}
div.d11
{
	 float:left;
	 width: 30px;
	 margin-left: 5px;
}

div.d12
{
	 float:left;
	
	 margin-left: 5px;
	 
  
		 
}
div.df01
{
	 color: black;
	 font-size: 16px;
	 margin-left: 2.8cm;
	 font-weight:bold;
	  text-decoration: underline;
	
		 
}
div.df02
{    
	color: black;
	margin-left: 3.9cm;
	font-size: 15px;
	font-weight:bold;	 
}
img.imag1
{
	 margin: 3px;
}

div.d4 h6{
	color:rgba(51,14,240,1.00);
    font-size:100px;
	text-align:left;
}

h4 {color:rgba(10,33,213,1.00);
    font-size:30px;
	
}
h6 {color:rgba(9,9,9,1.00);
    font-size:15px;
	text-align:left;
}
h5 {color:rgba(9,9,9,1.00);
    font-size:20px;
	text-align: left;
	
}

ul.fir {
    position: fixed;
	top: 0px;
	list-style-type: none;
    margin-left: 10px;
    padding: 0;
	overflow: hidden;
    
} 
ul.sec{
    position: fixed;
	top: 40px;
	list-style-type: none;
    margin-left: 10px;
    padding: 0;
    overflow: hidden;
	
   }
ul.thi{
    position: fixed;
	top: 90px;
	list-style-type: none;
    margin-top: 0px;
 	margin-left: 10px;
	overflow: hidden;
	padding: 0;
   	
	}
ul.for{
    position: fixed;
	top: 152px;
	list-style-type: none;
    margin-top: 0px;
 	margin-left: 10px;
	overflow: hidden;
	padding: 0;
   	
	}
ul.fif{
    position: fixed;
	top: 187px;
	list-style-type: none;
    margin-top: 0px;
 	margin-left: 10px;
	overflow: hidden;
	padding: 0;
    background-color: #FBF8F5;
	}
ul.fif li{
	margin-right: 5px;
	border: solid;
}
img.ip1 {
	margin-top: 15px;
	float:left;
}
ul.ulno {
   margin-top: 300px;
   float: right;
   margin-right: 75px;
   list-style-type: none;
   overflow:visible;
   background-color: none;
	width: 400px;
}

ul.dai {
   margin-top: 150px;
   float: left;
   margin-left: 75px;
   list-style-type: none;
   overflow:visible;
   background-color: none;
	width: 400px;
}
ul.dow {
	width: 100%;
	margin-top: 120px;
	list-style:none;
    float: left;
    margin-left: 20px;
	text-align:left;
}
div.im1{
	
	margin: 100px;
	padding:25px;
}	

div.te0{
	width: 900px;
	margin: 50px 50px 0px 50px;
	padding:10px 10px 10px 10px;
	border: 10px solid blue;
}
div.te0 p{
padding:0;
font-size:25px;
font-weight:bold;
}

div.im0{
	width: 600px;
	margin: 250px 0px 0px 50px;
	padding:10px 40px 40px 40px;
	border: 10px solid blue;
}
div.im0 p{
padding:0;
font-size:25px;
font-weight:bold;
}
	div.im2{
	float:right;
	margin-top: 80px;
	margin-left: 50px;

}

.selec{
	background-color:#F9E5AA;
}


li {
    float: left;
	border-radius:10px;
	

}
.dow li {
	float:none;
	font-size: 20px;
	color:#F90C10;
	text-align: left;
	
}

li.lino a{
    
    text-align: center;
    padding: 5px 15px;
	float:none;
	font-size: 50px;
	color:#F90C10;
}
li.linod a{
    
    list-style-type:none;
	float: none;
	
}

		

li a, .dropbtn {
    display: inline-block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
	}

li a:hover{
    background-color:#F9E5AA;
}

ul.fir li {
	margin-left: 5px;
	background-color: #170DF4;
	}
ul.sec li {
	margin-left: 5px;
	background-color:rgba(248,220,161,1.00);
}
ul.thi li {
	margin-left: 5px;
	background-color: #0DAFF4;
	}
ul.for li {
	margin-left: 5px;
	background-color: #F1B126;
	}
ul.fir li a {
    display: inline-block;
    color: white;
    text-align: center;
    padding: 10px 10px;
    text-decoration: none;
	}
ul.sec li a {
    display: inline-block;
    color: white;
    text-align: center;
    padding: 6px 6px;
    text-decoration: none;
	}
ul.thi li a {
    display: inline-block;
    color: #FFFFFF;
    text-align: center;
    padding: 4px 4px;
    text-decoration: none;
	}
ul.for li a {
    display: inline-block;
    color: #0D0400;
    text-align: center;
    padding: 8px 10px;
    text-decoration: none;
	}
ul.fif li a {
    display: inline-block;
    color: #0D0400;
    text-align: center;
    padding: 5px 8px;
    text-decoration: none;
		}

li.teli a{font-size: 30px;
	color:#F90C10;
    text-align:left; 
}	

li.teli p{font-size: 25px;
	color:#3A0BF9;
    text-align:left;  
	
}	
li.a1 a{
    background-color:#F9E5AA;
}

table.publ {
	color: #170DF4;
	font-weight: bold;
}
table.expi {
	color: #000000;
}

.grid1{
   display: grid;
  grid-template-columns:  150px 50px 50px 50px 70px 50px 50px 50px 50px;
/*  grid-gap: 10px;*/
  /*background-color: #2196F3;*/
/*  padding: 10px;*/
}
.grid100{
  display: grid;
  grid-template-columns:  150px 50px 50px 50px 70px 50px 50px 50px 50px 50px 50px 50px 70px 50px 50px 50px 50px;
/*  grid-gap: 10px;*/
  /*background-color: #2196F3;*/
/*  padding: 10px;*/
} 
.cs15{
   display: grid;
  grid-template-columns:  150px 50px 50px 50px 70px 50px 50px 50px 50px 50px 50px 50px 70px 50px 50px 50px 50px;
/*  grid-gap: 10px;*/
  /*background-color: #2196F3;*/
/*  padding: 10px;*/
}
.cs25{
   display: grid;
  grid-template-columns:  150px 50px 50px 50px 70px 50px 50px 50px 50px 50px 50px 50px 70px 50px 50px 50px 50px;
/*  grid-gap: 10px;*/
  /*background-color: #2196F3;*/
/*  padding: 10px;*/
}
.cs35{
   display: grid;
  grid-template-columns:  150px 50px 50px 50px 70px 50px 50px 50px 50px 50px 50px 50px 70px 50px 50px 50px 50px;
/*  grid-gap: 10px;*/
background-color: #ADD7F9;
/*  padding: 10px;*/
}

.grid1 > div {
/*  background-color: rgba(255, 255, 255, 0.8);*/
  text-align: left;
/*  padding: 30px 0;*/
/*  font-size: 20px;*/
}
div.stu {
color:#000000; 
font-weight:bold;
}

div.u1 {
font-weight:bold;
}

th.tu {
color:#000000; 
font-weight:bold;
}

div.fu1 {
font-weight:bold;
}

div.cs11 {
color:#000000; 
font-weight:bold;
}

div.cs21 {
color:#000000; 
font-weight:bold;
}

div.cs31 {
font-weight:bold;
}




.grid3{
   display: grid;
  grid-template-columns: 30px 60px 250px;
/*  grid-gap: 10px;*/
  /*background-color: #2196F3;*/
/*  padding: 10px;*/
}

.grid3 > div {
/*  background-color: rgba(255, 255, 255, 0.8);*/
  text-align: left;
/*  padding: 30px 0;*/
/*  font-size: 20px;*/
}

.grid4{
   display: grid;
  grid-template-columns: 60px 250px;
/*  grid-gap: 10px;*/
  /*background-color: #2196F3;*/
/*  padding: 10px;*/
}

.grid4 > div {
/*  background-color: rgba(255, 255, 255, 0.8);*/
  text-align: left;
/*  padding: 30px 0;*/
/*  font-size: 20px;*/
}

.grid2{
   display: grid;
  grid-template-columns: 100px 100px 100px 100px 100px;
  border-top: 3px solid;
/*  grid-gap: 10px;*/
  /*background-color: #2196F3;*/
/*  padding: 10px;*/
}


.grid5{
   display: grid;
  grid-template-columns: auto auto auto auto auto;
/*  grid-gap: 10px;*/
  /*background-color: #2196F3;*/
/*  padding: 10px;*/
}

.grid5 > div {
/*  background-color: rgba(255, 255, 255, 0.8);*/
  text-align: left;
/*  padding: 30px 0;*/
/*  font-size: 20px;*/
}

#eintall {
width: 40%;
}

#eintall th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  }

.grid1a {
  display: grid;
  margin-left: 0.6cm;
  grid-template-columns: 4.4cm 4.9cm 4.9cm;
  grid-template-rows: 0.75;
}

.ita1 {

  border: solid 1px #070707;
  background-color: #DCD9D9;
  text-align: center;
  font-size: 15px;
  color:#070707;
}
.ita2 {
 font-size: 20px;
 font-weight: bold;
 color:#070707;
	}
.ita21 {
 font-size: 20px;
 font-weight: bold;
 color:#070707;
	}

.ita3 {
  grid-column: 3 / span 12;
  grid-row: 2 ;
}

.ita4 {
  grid-column: 1 / span 4;
  grid-row: 3 ;
}

.ita5 {
  grid-column: 5 / span 8;
  grid-row: 3 ;
}

.ita6 {
  grid-column: 9 / span 12;
  grid-row: 3 ;
}

.ita7 {
  grid-column: 5;
  grid-row: 4 ;
}

.ita8 {
  grid-column: 6;
  grid-row: 4 ;
}

.ita9 {
  grid-column: 7;
  grid-row: 4 ;
}

.ita10 {
  grid-column: 8;
  grid-row: 4 ;
}

.ita11 {
  grid-column: 9;
  grid-row: 4 ;
}

.ita12 {
  grid-column: 10;
  grid-row: 4 ;
}

.ita13 {
  grid-column: 11;
  grid-row: 4 ;
}

.ita14 {
  grid-column: 12;
  grid-row: 4 ;
}
.grid30{
   display: grid;
  grid-template-columns: auto auto auto;
/*  grid-gap: 10px;*/
  /*background-color: #2196F3;*/
/*  padding: 10px;*/
}
.grid1b{
   display: grid;
  margin-left: 0.6cm;
  grid-template-columns:  2.3cm 2.3cm 4.7cm 4.7cm;
  grid-template-rows: 0.50cm;
/*  grid-gap: 10px;*/
  /*background-color: #2196F3;*/
/*  padding: 10px;*/
}

.grid20a{
   display: grid;
  margin-left: 0.6cm;
  grid-template-columns:  2.3cm 2.3cm 8cm 8cm;
  grid-template-rows: 0.50cm;
/*  grid-gap: 10px;*/
  /*background-color: #2196F3;*/
/*  padding: 10px;*/
}

.itb1 {

  border: solid 1px #070707;
  background-color: #DCD9D9;
  text-align: left;
  font-weight: bold;
  font-size: 15px;
  color:#070707;
  padding-left: 2px;
}

.itb2 {
  border: solid 1px #070707;
  text-align: left;
  font-size: 15px;
 
  color:#070707;
}

.cs10 {

  border: solid 1px #070707;
  background-color: #FDF6F6;
  text-align: left;
  font-size: 15px;
  color:#070707;
  padding-left: 2px;
}

.cs20 {

  border: solid 1px #070707;
  background-color:  #FDF6F6;
  text-align: left;
  font-size: 15px;
  color:#070707;
  padding-left: 2px;
}
.cs30 {

  border: solid 1px #070707;
  background-color: #DCD9D9;
  text-align: left;
  font-weight: bold;
  font-size: 15px;
  color:#070707;
  padding-left: 2px;
}

.itb202 {
  border: solid 1px #070707;
  text-align: left;
  font-size: 15px;
 
  color:#070707;
}

.col1 {
	 margin-top: 20px;
	 margin-left: 20px;
	 float: left;
	 
	 	}
div.vet1
{
 	 
}


.texsm
{
font-size: 15px;
color:#070707; 
}

.texbol
{
font-weight: bold;
padding-right: 10px;
}
.div1 {
  
  padding: 10px;
  border: 3px solid #73AD21;
}

.div2 {
  padding: 10px;
  border: 3px solid red;
}

.grid30{
 
 display: grid;
 grid-template-columns:  3cm 3cm 6cm;
  grid-template-rows: 2cm;
border-top: 1px solid black;
width: 48cm;
border-right: 1px solid black;
font-weight: bold;
font-size: 18px;
 }

.grid40{
 
 display: grid;
 grid-template-columns:  3cm 3cm;
  grid-template-rows: 0.50cm;
border-top: 1px solid black;
width: 12cm;
border-right: 1px solid black;
font-weight: bold;
font-size: 18px;
 }
.grid401{
  display: grid;
 grid-template-columns:  3cm 3cm;

border-top: 1px solid black;
width: 12cm;
border-right: 1px solid black;
font-weight: bold;
font-size: 14px;
 }
.grid402{
  display: grid;
 grid-template-columns:  3cm 3cm;

border-top: 1px solid black;
width: 30cm;
border-right: 1px solid black;
font-weight: bold;
font-size: 14px;
 }

.grid50{
 
 display: grid;
 grid-template-columns: 3cm 3cm 3cm 3cm;
border-bottom: 1px solid black;
border-right: 1px solid black;
width: 12cm;
	
 }

.grid50n{
 
 display: grid;
 grid-template-columns: 6cm 3cm 3cm 3cm 3cm;
border-bottom: 1px solid black;
border-right: 1px solid black;
font-size: 15px;
width: 20cm;
	
 }
.grid501{
 
 display: grid;
 grid-template-columns: 3cm 3cm 3cm 3cm;
border-bottom: 1px solid black;
border-right: 1px solid black;
width: 12cm;
font-size: 12px;	
 }
.grid502{
 
 display: grid;
 grid-template-columns: 7cm 7cm 7cm 7cm;
border-bottom: 1px solid black;
border-right: 1px solid black;
width: 30cm;
font-size: 12px;	
 }

.grid60{
 
 display: grid;
 grid-template-columns:  12cm 8cm 8cm 8cm 8cm;
border-bottom: 1px solid black;
border-right: 1px solid black;
width: 48cm;
	
 }


.gritem501{
font-weight:bold;
color: #000000;
 }

.gritem502{
font-weight:bold;
color: #001AF1;
 }
.grit503{
display: grid;
grid-template-columns: 7cm 7cm;
font-weight:bold;
color: #001AF1;
 }

.tabi1{
font-weight:bold;
color: #001AF1;
font-size: 20px;
border: 1px solid;

 }
.tabi2{
font-weight:bold;
color: #9E9FB9;
font-size: 20px;

 }