/* CSS Document */

h2 { margin-top: 20px; }
div.imagen_flotante { float: right; margin-left: 20px; width: 100%; max-width: 400px; }
p#llamada_accion { border-radius: 4px; background-color: #999; color: white; padding: 10px; margin-top: 20px; float:left; font-size: 1.1em; cursor: pointer; }
	p#llamada_accion a { color: inherit; text-decoration: none; }
	p#llamada_accion:hover { color: white; background-color: #090; }

@media screen and (max-width: 600px) {
	div.imagen_flotante { float: right; margin-left: 20px; width: 100%; max-width: 200px; }
}
@media screen and (max-width: 400px) {
	div.imagen_flotante { float: none; width: 100%; max-width: 400px; margin: 0 auto; }
}