.topnav {
	overflow: hidden;
	background-color:#555;
}

.topnav a{
	font-family: monospace;
	font-size:15px;
	float: left;
	color: white;
	text-align: center;
	padding : 15px 16px;
	text-decoration: none;
}

.topnav a:hover{
	background-color:#f2f2f2;
	color: black;
}

.topnav a:focus{
	display:block;
	background-color:#828282;
	outline: 0;
}
.active{
	background-color:#4caf50;
	color:white;
}

iframe{
	position:relative;
	margin-left:22%;
	border-radius: 25px;
	border: 1px solid red;
	padding: 2px;
	width: 40%;
	height: 40%;
}
.right_list{
	list-style-type:none;
}
.rightnav{
	position:absolute;
	right:10px;
	top:56px;
	background-color:#f1f1f1;
	overflow: auto;
}
.rightnav a{
	font-family:monospace;
	float:left;
	display:block;
	color:black;
	text-align:center;
	padding:15px 16px;
	text-decoration:none;	
}
.right a:hover{
	display:black;
	background-color:green;
	color:black;
}
.right a:focus{
	display:block;
	background-color:pink;
	outline:0;
}

.dropbtn{
	color:black;
	padding:16px;
	font-size:16px;
	border:none;
	cursor:pointer;
	position:relative;
	top:50px;
}
.dropdown{
	position:relative;
	display:inline-block;
}
/*to mesa otan  kanei dropdown to menou*/
.dropdown-content{
	display:none;
	position:absolute;
	background-color:#f1f1f1;
	mid-width:160px;
	box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);
}
/*ta mesas tou menou*/
.dropdown-content a{
	color:black;
	padding:12px 16px;
	text-decoration:none;
þ	display:block;
}
/*to hover tou menou*/
.dropdown:hover .dropdown-content{
	display:block;
}