@charset "UTF-8";

*, *::before, *::after {
	box-sizing: border-box;
}

html, body {
	height: 100%;
}

#sitio {
	margin: 0;
	color: #555;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;
	display: flex;
	flex-direction: column;
}

#sitio hr {
	border-top: 1px solid #ddd;
	border-bottom: 0;
}

#sitio img {
	display: block;
}

h1 {
	font-size: 3em;
	font-weight: 300;
}

h2 {
	font-size: 2.25em;
	font-weight: 300;
}

h3 {
	font-size: 1.5em;
	font-weight: 400;
}

h4 {
	font-size: 1.25em;
	font-weight: 400;
}

figure {
	margin: 0;
}


/*****************************
***** Empieza navegación *****
*****************************/


#sitio #navegacion {
	position: fixed;
	display: flex;
	align-items: center;
	top: 0;
	left: 0;
	width: 100%;
	white-space: nowrap;
	height: 50px;
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.5));
	font-weight: 500;
	z-index: 20;
}

#navegacion nav {
	position: absolute;
	text-align: left;
	top: 50px;
	right: 0;
	width: 100%;
	transform: scale(1, 0);
	transform-origin: top;
	transition: transform 300ms ease-in-out;
	background: rgba(0, 0, 0, 0.5);
}

#navegacion nav ul {
	height: 50px;
	margin: 0;
	padding: 0;
	list-style: none;
}

#navegacion nav li {
	position: relative;
	margin-bottom: 0.5em;
	margin-left: 0.5em;
	margin-right: 0.5em;
}

#navegacion nav li:first-child {
	margin-top: 0.5em;
}

#navegacion nav li > ul {
	display: none;
}

#navegacion nav li > ul > li, #navegacion nav li > ul > li:first-child {
	margin: 0.8em 0.5em;
}

#navegacion nav a {
	display: block;
	line-height: 1;
	padding: 5px 10px;
	color: #eee;
	text-decoration: none;
	text-transform: uppercase;
	opacity: 0;
	transition: opacity 100ms ease-in-out;
}

#navegacion nav li:hover {
	background-color: white;
}

#navegacion nav li:hover a {
	color: #444;
}

#navegacion nav a:hover {
	color: black;
}

#navegacion #activador-menu {
	display: none;
}

#navegacion label[for="activador-menu"] {
	position: absolute;
	top: 0;
	right: 0;
	margin-right: 1em;
	height: 100%;
	display: flex;
	align-items: center;
	cursor: pointer;
}

#navegacion label[for="activador-menu"] span {
	cursor: pointer;
}

#navegacion label[for="activador-menu"] span,
#navegacion label[for="activador-menu"] span::before,
#navegacion label[for="activador-menu"] span::after {
	display: block;
	background: white;
	height: 2px;
	width: 2em;
	border-radius: 2px;
	position: relative;
}

#navegacion label[for="activador-menu"] span::before,
#navegacion label[for="activador-menu"] span::after {
	content: '';
	position: absolute;
}

#navegacion label[for="activador-menu"] span::before {
	bottom: 7px;
}

#navegacion label[for="activador-menu"] span::after {
	top: 7px;
}

#navegacion #activador-menu:checked ~ nav {
	transform: scale(1, 1);
}

#navegacion #activador-menu:checked ~ nav a {
	opacity: 1;
	transition: opacity 200ms ease-in-out 200ms;
}

#navegacion #titulo {
	color: white;
	flex-grow: 0;
}

#navegacion #titulo > img {
	height: 46px;
	max-width: 100px;
	display: inline-block;
	object-fit: contain;
	margin-left: 10px;
	padding: 2px 10px;
	/*flex-grow: 0;*/
	vertical-align: middle;
}

#navegacion #titulo > span {
	font-size: 20px;
	display: inline-block;
	/*flex-grow: 0;*/
	max-width: 350px;
	overflow: hidden;
	text-overflow: ellipsis;
	text-decoration: none;
	padding: 8px 10px;
	line-height: 1;
	vertical-align: middle;
}

/* Empiezan estilos alternos de navegación */

#navegacion.alterno {
	border-bottom: 1px solid #ddd;
	background: #f3f3f3 !important;
}

#navegacion.alterno #titulo {
	color: #555;
}

#navegacion.alterno nav {
	background: rgba(255, 255, 255, 0.95);
	border-bottom: 1px solid #eee;
}

#navegacion.alterno nav a {
	color: #555;
}

#navegacion.alterno nav a:hover {
	color: #111;
}

#navegacion.alterno label[for="activador-menu"] span,
#navegacion.alterno label[for="activador-menu"] span::before,
#navegacion.alterno label[for="activador-menu"] span::after {
	background: #555;
}

/* Terminan estilos alternos de navegación */

/*****************************
***** Termina navegación *****
*****************************/


#sitio #encabezado {
	flex: 1 0 auto;
	position: relative;
	background-position: center;
	background-size: cover;
	display: flex;
	align-items: center;
	justify-items: center;
	color: white;
	text-align: center;
}

#sitio #encabezado > * {
	margin: auto;
}

#encabezado > .seccion {
	padding: 60px 20px 10px 20px;
	width: 100%;
}

#encabezado .parte {
	width: 100%;
}

#encabezado .parte:not(.texto) {
	height: 100%;
}

#encabezado > .seccion, #encabezado > .seccion > div, #encabezado .parte > figure, #encabezado .parte > figure > img {
	height: 100%
}

#sitio #piedepagina {
	display: flex;
	flex-shrink: 0;
	align-items: center;
	justify-items: center;
	flex-direction: column;
	width: 100%;
	min-height: 120px;
	color: #eee;
	text-align: center;
	background-color: #444;
	padding: 15px 5px;
}

#sitio #piedepagina > div {
	width: 100%;
}

#sitio .seccion > div {
	width: 100%;
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: space-around;
	margin-left: auto;
	margin-right: auto;
}

#sitio .seccion.anchura-600px > div {
	max-width: 600px;
}

#sitio .seccion.anchura-700px > div {
	max-width: 700px;
}

#sitio .seccion.anchura-800px > div {
	max-width: 800px;
}

#sitio .seccion.anchura-1000px > div {
	max-width: 1000px;
}

#sitio .seccion.anchura-1200px > div {
	max-width: 1200px;
}

#sitio .seccion.anchura-1400px > div {
	max-width: 1400px;
}

#sitio .seccion > div > .columna {
	flex-basis: 0;
	flex-grow: 1;
}

#sitio .seccion > div > .columna > .parte {
	margin: auto;
}

#sitio .seccion > div > .columna > .parte.texto {
	padding: 10px;
}

#sitio .seccion figure {
	margin: 0;
}

#sitio .seccion img {
	margin: auto;
}

#sitio .seccion.imagenes-redondas img {
	border-radius: 50%;
}

#sitio .seccion.imagenes-bordeadas img {
	border: 1px solid silver;
	padding: 5px;
}

/* #sitio #main es para uso en el constructor únicamente */
#sitio main, #sitio #main {
	margin: auto;
	width: 100%;
}

#sitio main.borde, #sitio #main.borde {
	border-left: 1px solid silver;
	border-right: 1px solid silver;
}

#sitio main.borde.sombreado, #sitio #main.borde.sombreado {
	box-shadow: 0px 0px 10px 0px grey;
}

#sitio main.anchura-1200px, #sitio #main.anchura-1200px {
	max-width: 1200px;
}

#sitio main.anchura-1400px, #sitio #main.anchura-1400px {
	max-width: 1400px;
}

.boton-flotante {
	position: fixed;
	display: table;
	overflow: hidden;
	bottom: 30px;
	right: 30px;
}

.boton-flotante > div {
	display: table-cell;
	vertical-align: middle;
}

.boton-flotante a {
	text-decoration: none;
	color: #555 !important;
}

.boton-flotante-texto {
	background-color: white;
	padding: 6px 12px;
	margin-right: 10px;
	border: 1px solid #eee;
	border-radius: 10px;
	box-shadow: 5px 5px 10px grey;
}

.boton-flotante svg {
	background-color: white;
	border: 1px solid #eee;
	border-radius: 50%;
	display: block;
	padding: 5px;
}

#sitio .parte a:link {
	color: grey;
}

#sitio .parte a:visited {
	color: grey;
}

#sitio .parte a:hover {
	color: black;
}

#sitio .espaciado-horizontal-1 {
	padding-left: 10px;
	padding-right: 10px;
}

#sitio .espaciado-horizontal-2 {
	padding-left: 20px;
	padding-right: 20px;
}

#sitio .espaciado-horizontal-3 {
	padding-left: 30px;
	padding-right: 30px;
}

#sitio .espaciado-horizontal-4 {
	padding-left: 40px;
	padding-right: 40px;
}

#sitio .espaciado-horizontal-5 {
	padding-left: 50px;
	padding-right: 50px;
}

#sitio .espaciado-horizontal-6 {
	padding-left: 60px;
	padding-right: 60px;
}

#sitio .espaciado-horizontal-7 {
	padding-left: 70px;
	padding-right: 70px;
}

#sitio .espaciado-horizontal-8 {
	padding-left: 80px;
	padding-right: 80px;
}

#sitio .espaciado-horizontal-9 {
	padding-left: 90px;
	padding-right: 90px;
}

#sitio .espaciado-horizontal-10 {
	padding-left: 100px;
	padding-right: 100px;
}

#sitio .espaciado-vertical-1 {
	padding-top: 10px;
	padding-bottom: 10px;
}

#sitio .espaciado-vertical-2 {
	padding-top: 20px;
	padding-bottom: 20px;
}

#sitio .espaciado-vertical-3 {
	padding-top: 30px;
	padding-bottom: 30px;
}

#sitio .espaciado-vertical-4 {
	padding-top: 40px;
	padding-bottom: 40px;
}

#sitio .espaciado-vertical-5 {
	padding-top: 50px;
	padding-bottom: 50px;
}

#sitio .espaciado-vertical-6 {
	padding-top: 60px;
	padding-bottom: 60px;
}

#sitio .espaciado-vertical-7 {
	padding-top: 70px;
	padding-bottom: 70px;
}

#sitio .espaciado-vertical-8 {
	padding-top: 80px;
	padding-bottom: 80px;
}

#sitio .espaciado-vertical-9 {
	padding-top: 90px;
	padding-bottom: 90px;
}

#sitio .espaciado-vertical-10 {
	padding-top: 100px;
	padding-bottom: 100px;
}

.seccion.espaciado-intermedio-1 > div {
	gap: 5px;
}

.seccion.espaciado-intermedio-2 > div {
	gap: 10px;
}

.seccion.espaciado-intermedio-3 > div {
	gap: 15px;
}

.seccion.espaciado-intermedio-4 > div {
	gap: 20px;
}

.seccion.espaciado-intermedio-5 > div {
	gap: 25px;
}

.parte.texto.espaciado-1 h1,
.parte.texto.espaciado-1 h2,
.parte.texto.espaciado-1 h3,
.parte.texto.espaciado-1 h4,
.parte.texto.espaciado-1 h5,
.parte.texto.espaciado-1 h6,
.parte.texto.espaciado-1 p {
	margin-top: 10px;
	margin-bottom: 10px;
}

.parte.texto.espaciado-2 h1,
.parte.texto.espaciado-2 h2,
.parte.texto.espaciado-2 h3,
.parte.texto.espaciado-2 h4,
.parte.texto.espaciado-2 h5,
.parte.texto.espaciado-2 h6,
.parte.texto.espaciado-2 p {
	margin-top: 20px;
	margin-bottom: 20px;
}

.parte.texto.espaciado-3 h1,
.parte.texto.espaciado-3 h2,
.parte.texto.espaciado-3 h3,
.parte.texto.espaciado-3 h4,
.parte.texto.espaciado-3 h5,
.parte.texto.espaciado-3 h6,
.parte.texto.espaciado-3 p {
	margin-top: 30px;
	margin-bottom: 30px;
}

.parte.texto.espaciado-4 h1,
.parte.texto.espaciado-4 h2,
.parte.texto.espaciado-4 h3,
.parte.texto.espaciado-4 h4,
.parte.texto.espaciado-4 h5,
.parte.texto.espaciado-4 h6,
.parte.texto.espaciado-4 p {
	margin-top: 40px;
	margin-bottom: 40px;
}

.parte.texto.espaciado-5 h1,
.parte.texto.espaciado-5 h2,
.parte.texto.espaciado-5 h3,
.parte.texto.espaciado-5 h4,
.parte.texto.espaciado-5 h5,
.parte.texto.espaciado-5 h6,
.parte.texto.espaciado-5 p {
	margin-top: 50px;
	margin-bottom: 50px;
}

.parte.texto.espaciado-6 h1,
.parte.texto.espaciado-6 h2,
.parte.texto.espaciado-6 h3,
.parte.texto.espaciado-6 h4,
.parte.texto.espaciado-6 h5,
.parte.texto.espaciado-6 h6,
.parte.texto.espaciado-6 p {
	margin-top: 60px;
	margin-bottom: 60px;
}

.parte.texto.espaciado-7 h1,
.parte.texto.espaciado-7 h2,
.parte.texto.espaciado-7 h3,
.parte.texto.espaciado-7 h4,
.parte.texto.espaciado-7 h5,
.parte.texto.espaciado-7 h6,
.parte.texto.espaciado-7 p {
	margin-top: 70px;
	margin-bottom: 70px;
}

.parte.texto.espaciado-8 h1,
.parte.texto.espaciado-8 h2,
.parte.texto.espaciado-8 h3,
.parte.texto.espaciado-8 h4,
.parte.texto.espaciado-8 h5,
.parte.texto.espaciado-8 h6,
.parte.texto.espaciado-8 p {
	margin-top: 80px;
	margin-bottom: 80px;
}

.parte.texto.espaciado-9 h1,
.parte.texto.espaciado-9 h2,
.parte.texto.espaciado-9 h3,
.parte.texto.espaciado-9 h4,
.parte.texto.espaciado-9 h5,
.parte.texto.espaciado-9 h6,
.parte.texto.espaciado-9 p {
	margin-top: 90px;
	margin-bottom: 90px;
}

.parte.texto.espaciado-10 h1,
.parte.texto.espaciado-10 h2,
.parte.texto.espaciado-10 h3,
.parte.texto.espaciado-10 h4,
.parte.texto.espaciado-10 h5,
.parte.texto.espaciado-10 h6,
.parte.texto.espaciado-10 p {
	margin-top: 100px;
	margin-bottom: 100px;
}

.parte.icono figure > svg {
	display: block;
	margin: auto;
}

.parte.imagen figure > img {
	object-fit: cover;
	max-width: 100%;
}

.parte.imagen.redonda figure > img {
	border-radius: 50%;
}

.parte.imagen.contenida figure > img {
	object-fit: contain;
}

.parte.imagen figure > img, .parte.imagen:not(.redonda):not(.cuadrada) figure > img {
	width: 100%;
}

.parte.imagen.tamaño-100px figure > img, .parte.icono.tamaño-100px figure > svg {
	width: 100px;
	height: 100px;
}

.parte.imagen.tamaño-120px figure > img, .parte.icono.tamaño-120px figure > svg {
	width: 120px;
	height: 120px;
}

.parte.imagen.tamaño-140px figure > img, .parte.icono.tamaño-140px figure > svg {
	width: 140px;
	height: 140px;
}

.parte.imagen.tamaño-160px figure > img, .parte.icono.tamaño-160px figure > svg {
	width: 160px;
	height: 160px;
}

.parte.imagen.tamaño-180px figure > img, .parte.icono.tamaño-180px figure > svg {
	width: 180px;
	height: 180px;
}

.parte.imagen.tamaño-200px figure > img, .parte.icono.tamaño-200px figure > svg {
	width: 200px;
	height: 200px;
}

.parte.imagen.tamaño-220px figure > img, .parte.icono.tamaño-220px figure > svg {
	width: 220px;
	height: 220px;
}

.parte.imagen.tamaño-240px figure > img, .parte.icono.tamaño-240px figure > svg {
	width: 240px;
	height: 240px;
}

.parte.imagen.tamaño-260px figure > img, .parte.icono.tamaño-260px figure > svg {
	width: 260px;
	height: 260px;
}

.parte.imagen.tamaño-280px figure > img, .parte.icono.tamaño-280px figure > svg {
	width: 280px;
	height: 280px;
}

.parte.imagen.tamaño-300px figure > img, .parte.icono.tamaño-300px figure > svg {
	width: 300px;
	height: 300px;
}

.parte.imagen.tamaño-320px figure > img, .parte.icono.tamaño-320px figure > svg {
	width: 320px;
	height: 320px;
}

.parte.imagen.tamaño-340px figure > img, .parte.icono.tamaño-340px figure > svg {
	width: 340px;
	height: 340px;
}

.parte.imagen.tamaño-360px figure > img, .parte.icono.tamaño-360px figure > svg {
	width: 360px;
	height: 360px;
}

.parte.imagen.tamaño-380px figure > img, .parte.icono.tamaño-380px figure > svg {
	width: 380px;
	height: 380px;
}

.parte.imagen.tamaño-400px figure > img, .parte.icono.tamaño-400px figure > svg {
	width: 400px;
	height: 400px;
}

.parte.imagen.tamaño-420px figure > img, .parte.icono.tamaño-420px figure > svg {
	width: 420px;
	height: 420px;
}

.parte.imagen.tamaño-440px figure > img, .parte.icono.tamaño-440px figure > svg {
	width: 440px;
	height: 440px;
}

.parte.imagen.tamaño-460px figure > img, .parte.icono.tamaño-460px figure > svg {
	width: 460px;
	height: 460px;
}

.parte.imagen.tamaño-480px figure > img, .parte.icono.tamaño-480px figure > svg {
	width: 480px;
	height: 480px;
}

.parte.imagen.tamaño-500px figure > img, .parte.icono.tamaño-500px figure > svg {
	width: 500px;
	height: 500px;
}

.parte.imagen.tamaño-520px figure > img, .parte.icono.tamaño-520px figure > svg {
	width: 520px;
	height: 520px;
}

.parte.imagen.tamaño-540px figure > img, .parte.icono.tamaño-540px figure > svg {
	width: 540px;
	height: 540px;
}

.parte.imagen.tamaño-560px figure > img, .parte.icono.tamaño-560px figure > svg {
	width: 560px;
	height: 560px;
}

.parte.imagen.tamaño-580px figure > img, .parte.icono.tamaño-580px figure > svg {
	width: 580px;
	height: 580px;
}

.parte.imagen.tamaño-600px figure > img, .parte.icono.tamaño-600px figure > svg {
	width: 600px;
	height: 600px;
}


/*****************************
***** Empieza formulario *****
*****************************/


.parte form input, .parte form select, .parte form textarea {
	width: 100%;
	font-size: 1em;
	margin: 0.4em 0 0.8em 0;
	border: 1px solid silver;
	background-color: transparent;
}

.parte form input {
	padding: 0.5em 0.7em;
}

.parte form select {
	appearance: none;
	padding: 0.5em 2.5em 0.5em 0.7em;
}

.parte form textarea {
	padding: 0.5em 0.5em;
	resize: vertical;
}

.parte form input[type="submit"] {
	outline: none;
	cursor: pointer;
	box-shadow: 0 3px 6px 0 rgba(0,0,0,0.2);
}

.parte form input[type="submit"]:hover {
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.4);
}

.parte form .select {
	position: relative;
}

.parte form .select > select ~ span {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	height: 100%;
	width: 2em;
	pointer-events: none;
}

.parte form .select > select ~ span::before,
.parte form .select > select ~ span::after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	left: 50%;
	transform: translate(-50%, -50%);
}

.parte form .select > select ~ span::before {
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid grey;
	top: 36%;
}

.parte form .select > select ~ span::after {
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid grey;
	top: 54%;
}

.parte form form > h3 {
	margin-top: 0;
}


/*****************************
***** Termina formulario *****
*****************************/


/*****************************
****** Empieza contacto ******
*****************************/


.contacto:not(:empty) {
	padding: 20px 5px;
}

.contacto a {
	color: white;
	text-decoration: none;
}

.contacto a:hover {
	color: #ccc;
}

.contacto img, .contacto svg {
	width: 2em;
	height: 2em;
	display: inline !important;
}

.contacto figure {
	display: inline;
	margin-left: 7px;
	margin-right: 7px;
}


/*****************************
****** Termina contacto ******
*****************************/

.leaflet-pane img {
	min-width: unset !important;
}

.parte.mapa > div {
	height: 400px;
}

@media screen and (min-width: 10cm) and (max-width: 14cm) {
	.seccion.rf10a14cm > div {
		flex-direction: row !important;
		align-items: unset !important;
		flex-wrap: wrap;
	}

	.seccion.rf10a14cm > div > .columna {
		flex-basis: calc(50% - 10px) !important;
	}
}

@media screen and (min-width: 10cm) and (max-width: 16cm) {
	.seccion.rf10a16cm > div {
		flex-direction: row !important;
		align-items: unset !important;
		flex-wrap: wrap;
	}

	.seccion.rf10a16cm > div > .columna {
		flex-basis: calc(50% - 10px) !important;
	}
}

@media screen and (min-width: 10cm) and (max-width: 20cm) {
	.seccion.rf10a20cm > div {
		flex-direction: row !important;
		align-items: unset !important;
		flex-wrap: wrap;
	}

	.seccion.rf10a20cm > div > .columna {
		flex-basis: calc(50% - 10px) !important;
	}
}


@media screen and (min-width: 12cm) and (max-width: 16cm) {
	.seccion.rf12a16cm > div {
		flex-direction: row !important;
		align-items: unset !important;
		flex-wrap: wrap;
	}

	.seccion.rf12a16cm > div > .columna {
		flex-basis: calc(50% - 10px) !important;
	}
}

@media screen and (min-width: 12cm) and (max-width: 18cm) {
	.seccion.rf12a18cm > div {
		flex-direction: row !important;
		align-items: unset !important;
		flex-wrap: wrap;
	}

	.seccion.rf12a18cm > div > .columna {
		flex-basis: calc(50% - 10px) !important;
	}
}

@media screen and (min-width: 12cm) and (max-width: 22cm) {
	.seccion.rf12a22cm > div {
		flex-direction: row !important;
		align-items: unset !important;
		flex-wrap: wrap;
	}

	.seccion.rf12a22cm > div > .columna {
		flex-basis: calc(50% - 10px) !important;
	}
}

@media screen and (min-width: 12cm) and (max-width: 25cm) {
	.seccion.rf12a25cm > div {
		flex-direction: row !important;
		align-items: unset !important;
		flex-wrap: wrap;
	}

	.seccion.rf12a25cm > div > .columna {
		flex-basis: calc(50% - 10px) !important;
	}
}


@media screen and (min-width: 16cm) and (max-width: 22cm) {
	.seccion.rf16a22cm > div {
		flex-direction: row !important;
		align-items: unset !important;
		flex-wrap: wrap;
	}

	.seccion.rf16a22cm > div > .columna {
		flex-basis: calc(50% - 10px) !important;
	}
}

@media screen and (min-width: 16cm) and (max-width: 25cm) {
	.seccion.rf16a25cm > div {
		flex-direction: row !important;
		align-items: unset !important;
		flex-wrap: wrap;
	}

	.seccion.rf16a25cm > div > .columna {
		flex-basis: calc(50% - 10px) !important;
	}
}

@media screen and (min-width: 16cm) and (max-width: 30cm) {
	.seccion.rf16a30cm > div {
		flex-direction: row !important;
		align-items: unset !important;
		flex-wrap: wrap;
	}

	.seccion.rf16a30cm > div > .columna {
		flex-basis: calc(50% - 10px) !important;
	}
}


@media screen and (min-width: 20cm) and (max-width: 25cm) {
	.seccion.rf20a25cm > div {
		flex-direction: row !important;
		align-items: unset !important;
		flex-wrap: wrap;
	}

	.seccion.rf20a25cm > div > .columna {
		flex-basis: calc(50% - 10px) !important;
	}
}

@media screen and (min-width: 20cm) and (max-width: 30cm) {
	.seccion.rf20a30cm > div {
		flex-direction: row !important;
		align-items: unset !important;
		flex-wrap: wrap;
	}

	.seccion.rf20a30cm > div > .columna {
		flex-basis: calc(50% - 10px) !important;
	}
}




@media only screen and (min-width: 10cm) {
	.seccion.hd10cm > div,
	.seccion:not(.hd10cm):not(.hd12cm):not(.hd14cm):not(.hd16cm):not(.hd18cm):not(.hd20cm):not(.hd22cm):not(.hd25cm):not(.hd30cm) > div {
		flex-direction: row !important;
		align-items: unset !important;
	}
}

@media only screen and (min-width: 12cm) {
	.seccion.hd12cm > div {
		flex-direction: row !important;
		align-items: unset !important;
	}
}

@media only screen and (min-width: 14cm) {
	.seccion.hd14cm > div {
		flex-direction: row !important;
		align-items: unset !important;
	}
}

@media only screen and (min-width: 16cm) {
	.seccion.hd16cm > div {
		flex-direction: row !important;
		align-items: unset !important;
	}
}

@media only screen and (min-width: 18cm) {
	.seccion.hd18cm > div {
		flex-direction: row !important;
		align-items: unset !important;
	}
}

@media only screen and (min-width: 20cm) {
	.seccion.hd20cm > div {
		flex-direction: row !important;
		align-items: unset !important;
	}
}

@media only screen and (min-width: 22cm) {
	.seccion.hd22cm > div {
		flex-direction: row !important;
		align-items: unset !important;
	}
}

@media only screen and (min-width: 25cm) {
	.seccion.hd25cm > div {
		flex-direction: row !important;
		align-items: unset !important;
	}
}

@media only screen and (min-width: 30cm) {
	.seccion.hd30cm > div {
		flex-direction: row !important;
		align-items: unset !important;
	}
}



@media screen and (min-width: 800px) {

	#navegacion label[for="activador-menu"] {
		display: none;
	}

	#navegacion nav {
		all: unset;
		background: none !important;
		border: none !important;
		top: 0;
	}

	#navegacion nav ul {
		display: flex;
	}

	#navegacion nav li {
		margin: 0;
	}

	#navegacion nav li:first-child {
		margin: 0;
	}

	#navegacion nav a {
		margin: 10px;
		opacity: 1;	
	}

	#navegacion nav li:hover > ul {
		position: absolute;
		background-color: white;
		display: block;
		top: 50px;
		left: 0px;
		height: unset;
	}

	#navegacion nav li:hover > ul a {
		padding: 5px;
	}

	#navegacion nav li:hover > ul a:hover {
		color: black;
	}

}