html, body {
  height: 100%;
  margin: 0;
  padding: 0;
}

#main{
	width:1024px;
	height:1124px;
}

#header{

	position:absolute;
	width:1024;
	height:100px;
	top:0px;
	left:0px;
}

#logoevento{
/*	background-image: url('volcano2012.jpg');
	background-repeat: no-repeat;
	background-position:center center;*/
	position:absolute;
	width:200px;
	height:130px;
	top:0px;
	left:0px;
}

#infoevento{

	font-family: calibri, verdana, sans-serif; 
	font-size: 11px; 
	#letter-spacing: 0.2em;
	position:absolute;
	width:200px;
	height:30px;
	top:131px;
	left:5px;

 	background-color: #57606F;  /* the background          */
	border-top:1px solid #11181C;
	border-right:1px solid #11181C;
	border-left:1px solid #11181C;

}

#left{

	position:absolute;
	width:200px;
	height:750px;
	top:130px;
	left:5px;

 	background-color: #57606F;  /* the background          */

	#border-top:1px solid #11181C;
	border-right:1px solid #11181C;
	border-bottom:1px solid #FFFFFF;
	border-left:1px solid #11181C;
}

.font{
	font-family: calibri, verdana, sans-serif; 
	font-size: 14px; 
	letter-spacing: 0.2em;
	text-align:center;
	color: white;
}

#center{
	position:absolute;
	width:1024px;
	height:900px;
	top:0px;
	left:215px;
}
#map_canvas{

	"position:absolute;
	width:1024px;
	height:850px;
	top:0px;
	left:0px;
}

#cmdbox{
	/*background-image: url('volcano2012.jpg');
	background-repeat: no-repeat;
	background-position:center center;*/
	position:absolute;
	top:40px;
	left:0px;
	width:1024px;
	height:70px;

	
	border-top:20px solid #11181C;
	border-right:0px solid blue;
	border-bottom:1px solid #FFFFFF;
	border-left:0px solid #332299;
}
#biggerBox{
	position: absolute;
	position:absolute;
	top:130px;
	left:660px;
	width:300px;
	height:400px;

}
#route{
 	font-family: calibri, verdana, sans-serif; 
	margin:10px 10px 10px 10px; 
	font-size: 11px; 
	font-color: white; 
	letter-spacing: 0.2em;
}

#urlroute{
 	font-family: calibri, verdana, sans-serif; 
	margin:10px 10px 10px 10px; 
	font-size: 11px; 
	font-color: white; 
	letter-spacing: 0.2em;
}


#infobox{
 	font-family: calibri, verdana, sans-serif; 
	margin:10px 10px 10px 10px; 
	font-size: 11px; 
	color: #2F384B;
	letter-spacing: 0.2em;
	position:absolute;
	top:120px;
	left:230px;
	width:200px;
	height:300px;
	text-align:left;

	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	border-top:10px solid #7FC5FB;
	border-right:1px solid #11181C;
	border-bottom:1px solid #11181C;
	border-left:1px solid #11181C;
}
#box{
 	font-family: calibri, verdana, sans-serif; 
	margin:10px 10px 10px 10px; 
	font-size: 11px; 
	letter-spacing: 0.2em;
	position:absolute;
	top:130px;
	left:660px;
	width:200px;
	height:280px;
	text-align:left;

	background: white;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	border-top:10px solid #CC0000;
	border-right:1px solid #CC0000;
	border-bottom:1px solid #563322;
	border-left:1px solid #CC0000;
}

#subinfobox{
	position:absolute;
	left:300px;
}