

#superficie_mapa{
	width:770px;
	height:420px;
	border-right:solid 1px #ccc;
}

#mapa_zoom_area{
	position:absolute; 
	z-index: 100; 
	width: 749px; 
	height: 400px; 
	 border:solid 1px #ccc;
	position:relative; 
	top:10px; left:10px; 
	
}

#poi_selector{
	width:150px;
	padding-left:10px;
	/*margin-top:-15px;*/
	float:right;
	
}

#title{
	font-family: Tahoma,Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-decoration:underline;
	color: #0E5BAC;	
}

#description{
	font-family: 'Trebuchet MS',Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align:justify;
	color: #000;
}

#poi_selector ul{
	list-style:none;
	margin:0;
	padding:0;
	border:1px solid#CCCCCC;
	border-bottom:0;
}

#poi_selector li{
	margin-top:2px;
	padding:2px;
	border-bottom:1px solid#CCCCCC;
	font-family: 'Trebuchet MS',Arial, Helvetica, sans-serif;
	font-size: 11px;
	
}

#controles_zoom{
	height:16px; 
	width:770px; 
	margin-bottom:4px;
}

#logo{
	margin-top:2px;	
}

.left1pxmrg{
	margin-left:1px;
}
.left2pxmrg{
	margin-left:1px;
}

.right2pxmrg{
	margin-right:2px;
}

#controles_movimiento{
	position:absolute; 
	z-index:1; 
	width:770px; 
	height:420px;
}

.zona_1_1{
	position:relative;
	z-index:1;
	width:256px;
	height:139px; 
	background-color:#eee;
	float:left; 
	border:solid 1px #ccc;
	
	background-image: url('../images/arrow_top_left.gif');    
	background-position: top left; 
	background-repeat:no-repeat; 
}

.zona_1_1_hover{
	position:relative;
	z-index:1;
	width:256px;
	height:139px; 
	background-color:#FCA830;
	float:left; 
	border:solid 1px #ccc;
	
	background-image: url('../images/arrow_top_left_on.gif');    
	background-position: top left; 
	background-repeat:no-repeat; 
	cursor:pointer;
}

.zona_1_2{
	position:relative;
	z-index:1;
	width:255px;
	height:139px; 
	background-color:#eee;  
	float:left; 
	border-right:solid 1px #ccc;
	border-top:solid 1px #ccc;
	background-image: url('../images/arrow_up.gif');
	background-position: top center; 
	background-repeat:no-repeat; 
}

.zona_1_2_hover{
	position:relative;
	z-index:1;
	width:255px;
	height:139px; 
	background-color:#FCA830;
	float:left; 
	border-right:solid 1px #ccc;
	border-top:solid 1px #ccc;
	background-image: url('../images/arrow_up_on.gif');
	background-position: top center; 
	background-repeat:no-repeat; 
	cursor:pointer;
}

.zona_1_3{
	position:relative;
	z-index:1;
	width:256px;
	height:139px; 
	background-color:#eee;  
	float:left; 
	
	border-bottom:solid 1px #ccc; 
	border-top:solid 1px #ccc;
	background-image: url('../images/arrow_top_right.gif');     
	background-position: top right; 
	background-repeat:no-repeat; 
}

.zona_1_3_hover{
	position:relative;
	z-index:1;
	width:256px;
	height:139px; 
	background-color:#FCA830; 
	float:left; 
	
	border-bottom:solid 1px #ccc; 
	border-top:solid 1px #ccc;
	background-image: url('../images/arrow_top_right_on.gif');     
	background-position: top right; 
	background-repeat:no-repeat; 
	cursor:pointer;
}

.zona_2_1{
	position:relative;
	z-index:1;
	width:385px;
	height:139px; 
	background-color:#eee;   
	float:left; 
	border-left:solid 1px #ccc;
	border-bottom:solid 1px #ccc; 
	background-image: url('../images/arrow_left.gif');     
	background-position: center left; 
	background-repeat:no-repeat;
}

.zona_2_1_hover{
	position:relative;
	z-index:1;
	width:385px;
	height:139px; 
	background-color:#FCA830;
	float:left; 
	border-left:solid 1px #ccc;
	border-bottom:solid 1px #ccc; 
	background-image: url('../images/arrow_left_on.gif');     
	background-position: center left; 
	background-repeat:no-repeat;
	cursor:pointer;
}

.zona_2_2{
	position:relative;
	z-index:1;
	width:384px;
	height:139px; 
	background-color:#eee;  
	float:left; 
	border-bottom:solid 1px #ccc; 
	
	background-image: url('../images/arrow_right.gif');    
	background-position: center right; 
	background-repeat:no-repeat;
}

.zona_2_2_hover{
	position:relative;
	z-index:1;
	width:384px;
	height:139px; 
	background-color:#FCA830;
	
	float:left; 
	border-bottom:solid 1px #ccc; 
	background-image: url('../images/arrow_right_on.gif');    
	background-position: center right; 
	background-repeat:no-repeat;
	cursor:pointer;
}

.zona_3_1{
	position:relative;
	z-index:1;
	width:256px;
	height:140px; 
	background-color:#eee; 
	float:left; 
	border-left:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
	border-right:solid 1px #ccc; 
	background-image: url('../images/arrow_bott_left.gif');     
	background-position: bottom left; 
	background-repeat:no-repeat;
}

.zona_3_1_hover{
	position:relative;
	z-index:1;
	width:256px;
	height:140px; 
	background-color:#FCA830;
	float:left; 
	border-left:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
	border-right:solid 1px #ccc; 
	background-image: url('../images/arrow_bott_left_on.gif');     
	background-position: bottom left; 
	background-repeat:no-repeat;
	cursor:pointer;
}

.zona_3_2{
	position:relative;
	z-index:1;
	width:255px;
	height:140px;
	background-color:#eee;  
	float:left; 
	border-bottom:solid 1px #ccc;
	border-right:solid 1px #ccc; 
	background-image: url('../images/arrow_down.gif');     
	background-position: bottom center; 
	background-repeat:no-repeat;
}

.zona_3_2_hover{
	position:relative;
	z-index:1;
	width:255px;
	height:140px;
	background-color:#FCA830;
	float:left; 
	border-bottom:solid 1px #ccc;
	border-right:solid 1px #ccc; 
	background-image: url('../images/arrow_down_on.gif');     
	background-position: bottom center; 
	background-repeat:no-repeat;
	cursor:pointer;
}

.zona_3_3{
	position:relative;
	z-index:1;
	width:256px;
	height:140px; 
	background-color:#eee; 
	float:left; 
	
	border-bottom:solid 1px #ccc;
	background-image: url('../images/arrow_bott_right.gif');     
	background-position: bottom right; 
	background-repeat:no-repeat;
}

.zona_3_3_hover{
	position:relative;
	z-index:1;
	width:256px;
	height:140px; 
	background-color:#FCA830;
	float:left; 
	
	border-bottom:solid 1px #ccc;
	background-image: url('../images/arrow_bott_right_on.gif');     
	background-position: bottom right; 
	background-repeat:no-repeat;
	cursor:pointer;
}












