/*-------------- CLASSI GOOGLEMAPS ---------------------*/
.title-howto {
	width:39%;
	margin-left:1%;
	margin:20px 0 4px 1%;
	padding:10px 0;
	float:left;
	text-align:center;
	background-color:#E8E8E8;
	color: #000;
    font-weight:300;
}
#map_canvas{
	width: 60%;
	height: 490px;
	float:left;
    margin-top:20px;
	margin-bottom:20px;
}
#selector{
	width: 39%;
	margin-left:1%;
	float:left;
	overflow: auto;
}
#directionsPanel{
	width: 39%;
	height: 404px;
	margin-left:1%;
	float:left;
	overflow: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color:#E8E8E8;
}
#cloud{
	width: 320px;
}
.p_map_title {
	text-align: left;
	vertical-align: top;
	font-size: 14px;
	/* [disabled]color: #900; */
	margin:0;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.p_map_text {
	text-align: left;
	vertical-align: top;
	font-size: 12px;
	color: #000;
	margin:0;
	font-family: Arial, Helvetica, sans-serif;
}
@media (max-width: 939px) {
.title-howto {
	width:100%;
	margin:0;
}
#map_canvas{
	width: 100%;
	margin-bottom:5px;
	height: 350px;
}
#selector{
	width: 100%;
	margin:0;
}
#directionsPanel{
	width: 100%;
	height: 350px;
	margin-left:0;
}
}