body {
	color: white;
	font-family: Arial, Helvetica, sans-serif;
}

.nota {
	background-color: rgba(255, 255, 255, 0.6);
	cursor:pointer
}
.main {
	position: relative;
	color: black;
	background-color: rgba(255, 255, 255, 0.6);
	font-size: 2em;
	font-family: inherit;
	border-style:solid; border-width: 2px; border-color:gray white white gray; 
	height:72px; width:380px;
	
}
.ahref {
	text-decoration: underline;
	font-size: 1.0em;
	padding: 8px;
	cursor: pointer;
	color: white;

}
.ahref:hover {
	color: yellow;
}
div, p {
	margin: 1px;
	padding: 1px;
}
.flag {
	margin: 2px;
	cursor: pointer;
}
#dop-block {
	position: relative;
	float: right;
	right: 50%;
}
#block {
	position: relative;
	float: left;
	left: 50%;
}

#footer {
	max-width:1400px;
	
	
}

#maindiv {
max-width: 1400px; 
}
.rufont {
	font-size: 2.5em;
	

}
/* Portrait tablets and small desktops */
@media screen and (min-width: 768px) and (max-width: 991px) {
.rufont {
	font-size: 2.0em;
}

#maindiv {
max-width: 1000px; 
}


#footer {
	
}

/* Landscape phones and portrait tablets */
@media screen and (max-width: 767px) {
.rufont {
	font-size: 1.8em;
}

#maindiv {
max-width: 800px; 
}

#footer {
}
}
/* Landscape phones and smaller */
@media screen and (max-width: 480px) {
.rufont {
	font-size: 1.5em;
}

#maindiv {
max-width: 560px; 
}

#footer {
}
}