@font-face {
    font-family: 'futura_bdcn_btbold';
    src: url('font/futurabc-webfont.eot');
    src: url('font/futurabc-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/futurabc-webfont.woff') format('woff'),
         url('font/futurabc-webfont.ttf') format('truetype'),
         url('font/futurabc-webfont.svg#futura_bdcn_btbold') format('svg');
    font-weight: normal;
    font-style: normal;

}


#map_canvas {
	width: 100%;
	height: 370px;
	width: 450px;
	float: left;
	margin-left:10px;
	
/*	position: relative;
	z-index: 30 !important;*/
	
}
#locations {
	list-style: none;
	width: 200px;
	float: left;
	 color:#f4082e;
	 font-family:'futura_bdcn_btbold', Verdana, Geneva, sans-serif; 
}
#locations li {
	width: 150px;
	padding-left:20px;
	float: left;
	position: relative;
	z-index: 20;
}
#locations li:hover, #locations li.hover {
}
#locations li:hover h3, #locations li.hover h3 {
	text-shadow: 0 1px 0px rgba(255,255,255,0.3);
}
#content {
	width: 300px; 
	
}
#more-info {
	width: 270px;
	float: right;
	height: 250px;
	font-family:'futura_bdcn_btbold', Verdana, Geneva, sans-serif; 
}
#more-info * {
	position: relative;
	z-index: 40;
}
#more-info > div{
	background: none;
/*box-shadow*/
-webkit-box-shadow: 0 1px 5px rgba(255,255,255,0.75);
-moz-box-shadow: 0 1px 5px rgba(255,255,255,0.75);
box-shadow: 0 1px 5px rgba(255,255,255,0.75);
/*border-radius*/
-webkit-border-radius:10px;
   -moz-border-radius:10px;
        border-radius:10px;
padding:10px;
height:350px;

}

.longdesc {
	display: none;
	color:#f4082e;

}
.longdesc p{
	color:#f4082e;

}
.tamesp {
	margin-bottom:10px;
}

.mapa{color:#f4082e;}
p{color:#000; line-height:20px;}