body{
	background-color:rgb(225,225,225);
}

h1{
	text-size:40px;
	text-align:center;
}


.mclass1{
	position:relative;
	width:100%;
	height:50vh;
	border:1px solid green;
}


.mclass2{
	position:absolute;
	top:60px;
	left:0px;
	border-style:dashed solid;
	border-width:1px;
	border-color:red;
	height:10vh;
	z-index:1;
	background-color:rgba(125,125,125,0.5);
}


.mtable{
	border-collapse:collapse;

}


.mtable td, .mtable th{
	border:1px solid black;
	text-align:center;
}


.mtable th{
	background-color:black;
	color:white;
	border:1px dashed red;
	width:30vw;
}

.mtable tr:nth-child(even){
	background-color:#dfdfdf;
} /*Για πίνακα ζεύρα/*

#result{
	text-align:right;
}
/*Χρησιμοποίησα το id για διαχείριση εξερααίσεων*/




.viewtable{
	background-color:orange;
	display:block;
	position:absolute;
	z-index:2;
}

a{
	text-decoration:none;
	color:white;
}

a:hover{
	font-weight:bold;
	font-size:2em;
}


li{
	border:1px solid red;
	display:block; /*by default: block */ /* inline: το ένα δίπλα  στο άλλο */
	width:80px;
	color:white;
	background-color:black;
}

li:hover{
	background-color:green;
}


caption{
	caption-side:bottom;
}