body {
width:100%px; 
margin:5px; 
font-family:arial; 
font-size: 18px;
color:#0868b4;
}

#map{
	width:100%;
	height:1000px;
	float: left;
}

@media (max-width: 1024px){
	#map{
		width:100%;
		height:500px;
		float: none;
		}
};

@media (max-width:767px){
	#map{
		width:100%;
		height:420px;
		float:none;
		}}
		
#testata{
	padding: 5px;
	font: bold 22px arial, arial;
	display: block;
	float: left;
	min-width:130px;
	max-width:240px;
	color:#0868b4;
	text-align: center;
};

#testa{
	padding: 5px;
	font: bold 22px arial, arial;
	display: block;
	float: left;
	width:400px;
	color:#0868b4;
};

#btn2 {
	border: none;
	width:60px;
	height: 40px;
	text-align: center;
	text-decoration: none;
	font-size: 12px;
}


a {color: #fff;}

.btn {
	border: none;
	width:60px;
	height: 40px;
	text-align: center;
	text-decoration: none;
	font-size: 12px;
	background-color:#NaN3794;
	color:white;
}
.btn:hover {
	background-color: cyan;
	color: black;
	}

.styled {
border: 0;
line-height: 1.5;
width:110px;
font-size:12px;
margin-top: 10px;
padding:10px;
text-align: center;
color: #fff;
text-shadow: 1px 1px 1px #000;
border-radius: 10px;
background-color: DodgerBlue;
background-image: linear-gradient(to top left,
	rgba(0, 0, 0, .2), rgba(0, 0, 0, .2) 30%,rgba(0, 0, 0, 0));
box-shadow: inset 2px 2px 3px rgba(255, 255, 255, .6),
                inset -2px -2px 3px rgba(0, 0, 0, .6);
}

.styled:hover {
		color: black;
}

.styled:active {
    box-shadow: inset -2px -2px 3px rgba(255, 255, 255, .6),
                inset 2px 2px 3px rgba(0, 0, 0, .6);
				}
select {
background-repeat:no-repeat;
width:110px;
padding:10px;
margin-top:8px;
line-height:1.5;
text-align: center;
border-radius:5px;
color:#fff;
font-size:12px;
-webkit-appearance:none;
outline:none;
text-shadow: 1px 1px 1px #000;
border-radius: 10px;
background-color: DodgerBlue;
background-image: linear-gradient(to top left,
	rgba(0, 0, 0, .2), rgba(0, 0, 0, .2) 30%, rgba(0, 0, 0, 0));
box-shadow: inset 2px 2px 3px rgba(255, 255, 255, .6),
	inset -2px -2px 3px rgba(0, 0, 0, .6);
}

select:hover {
	color: black;
	}

.btn-group_1 button 
{
color:white;
background-color:#0868b4;
border-bottom: none;
cursor: pointer; 
margin-top: 10px;
width: 50px; 
height:50px; 
display: inline-block;
border-radius: 15px
}

.btn-group_1 button:not(:last-child) {
border-bottom: none;
}

.btn-group_1 button:hover {
background-color: yellow; 
color: black;
}


.btn-group_2 button 
{
color:white;
background-color:#0868b4;
border-bottom: none;
cursor: pointer; 
margin-top: 10px;
width: 350px; 
height:50px; 
display: inline-block;
border-radius: 0px;
}

.btn-group_2 button:not(:last-child) {
border-bottom: none;
}

.btn-group_2 button:hover {
background-color: yellow; 
color: black;
}

#linea1 {
	min-width: 200px; 
	line-height: 60px; 
	font-size:36px;
	font-family:arial; 
	color:#408fd1; 
	font-weight: bold; 
	text-align: center;
}

#linea2 {
	min-width: 200px; 
	line-height: 60px; 
	font-size:24px;
	font-family:arial; 
	color:#408fd1; 
	font-weight: bold; 
	text-align: center;
}