/* CSS Document */

div#provincias_izquierda, div#provincias_derecha { float: left; width: 50%; }

div#mapa_flotante { float: right; margin-left: 10px; margin-bottom: 10px; }

div.imagen_iz { float: left; width: 200px; margin-right: 10px; }
div.imagen_ct { width: 100%; max-width: 300px; margin: 0px auto; }
div.imagen_dr { float: right; width: 200px; margin-left: 10px; }
div.imagen_iz img, div.imagen_ct img { width: 100%; }
div.imagen_dr img { width: 100%; }
div.imagen_iz p, div.imagen_ct p, div.imagen_dr p { font-size: 0.8em; }

div.mini_mapa { width: 150px; }
div.escudo { width: 80px; }

h3, h4 { clear: both; text-transform: capitalize; }

@media screen and (max-width: 450px) {
	div.imagen_iz, div.imagen_dr { float: none; width: 100%; max-width: 300px; margin: 0px auto; }
	div.mini_mapa { width: 150px; }
	div.escudo { width: 80px; }
} 

div#alojate_aqui { position: fixed; z-index: 88; border: 2px solid white; background-color: #4868fb; padding: 10px; bottom: 20px; right: 10px; font-size: 1.2em; color: white; cursor: pointer; }
	div#alojate_aqui:hover { background-color: #36F; }
	div#alojate_aqui a { color: inherit; text-decoration: none; }