/* ---------------------------------------------------------------- */
/* ---- INI FICHA LUGARES [datos][mapa] --------------------------- */

.ficha {
	display: table; /* hace que el alto de los div datos y mapa tengan misma altura */
	width: 100%; 
}

.datos,
.mapa {
	width: 49%;
	display:table-cell;
}

@media (max-width: 450px) {
	.datos,
	.mapa {
		width: 100%;
	}
}

.datos {
	float: left;
}

.datos li {
    list-style-type: none;
}

.datos li:nth-child(odd) {
    float: left;
    text-align: right;
	padding-right: 6px;
	font-weight: bold;
	white-space: nowrap; /* evita doble lines por ancho reducido */
    width: 35%;
}

.datos li:nth-child(even) {
    float: right;
    text-align: left;
	padding-left: 6px;
    width: 65%;
}

.mapa {
	float: right;
	position: relative;
	padding-bottom: 40%;
	overflow: hidden;
}

@media (max-width: 450px) {
	.mapa {
		padding-bottom: 100%;
	}
}

.mapa iframe {
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
}