/* =) https://www.colourlovers.com/palette/2186500/our_moonlight_dance */
:root {
	color-scheme: light;

	--color-main-00-norm-n:#F2F2F2;
	--color-main-00-cont-n:#0A0C0D;

	--color-main-01-norm-n:#EEE;
	--color-main-01-comp-n:#333;
	--color-main-01-norm-h:#DDD;
	--color-main-01-comp-h:#111;

	--color-main-02-norm-n:#0fbcc7;
	--color-main-02-comp-n:#964711;

	--color-main-03-norm-n:#348E91;
	--color-main-03-norm-h: #49aaae;
	--color-main-03-comp-n:#EEE;
	--color-main-03-comp-h:#EEE;

	--color-main-04-norm-n:#1C5052;
	--color-main-04-norm-h:#21585a;
	--color-main-04-comp-n:#EEE;
	--color-main-04-comp-h:#FFF;

	--color-main-05-norm-n:#DFDFDF;
	--color-main-05-comp-n:#222;
	--color-main-05-norm-l:#D0D0D0;
	--color-main-05-comp-l:#000;
	--color-main-05-norm-h:#EEE;
	--color-main-05-comp-h:#333;

	--color-main-06-norm-n:#F2F2F2;
	--color-main-06-comp-n:#222;
	--color-main-06-norm-l:#F2F2F2;
	--color-main-06-comp-l:#222;
	--color-main-06-norm-h:#F2F2F2;
	--color-main-06-comp-h:#222;

	--color-link-n:#039;
	--color-link-d:#06F;
	--color-link-h:#0099FF;

	--color-accent:#0fbcc7;

	/*
	@media (prefers-color-scheme: dark) {
		--color-main-00-norm-n: #1d2325;
		--color-main-00-cont-n:#F2F2F2;

		--color-main-01-norm-n:#333;
		--color-main-01-comp-n:#EEE;
		--color-main-01-norm-h:#111;
		--color-main-01-comp-h:#DDD;
	}
	*/
}
/* General content reset */
body { font-family:Verdana, sans-serif; text-align:justify; font-size:1.6rem; background-color:var(--color-main-00-norm-n); color:var(--color-main-00-cont-n); }
input, select {}
h1, h2, h3, h4, h5, h6 { font-size:1.4rem; color:#343434; text-align:left; font-weight:normal; font-family:Verdana, sans-serif; }
h1 { font-weight:bolder; margin-bottom:15px; }
h2 { font-weight:bold; margin-bottom:10px; }
h3 { font-style:italic; font-weight:bold; margin-bottom:5px; }
h4 { text-decoration:underline; margin-bottom:5px; }
h5 { margin-bottom:5px; }
p { padding:0; margin:0 0 10px; }
a { text-decoration:none; color:#039; cursor:pointer; }
a:link { color:#009; }
a:hover { color:#007; }
/*
ESTRUCTURA
---------------------------------------->*/
#se_main { display:flex; flex-direction:column; min-height:100vh; }

/* END OF STYLE */


/*<editor-fold desc="Site Top">*/

#se_top { display:block; }

/*<editor-fold desc="Top Site Mobile">*/
.site_nav_mobile { display:none; position:fixed; top:0; left:0; width:100vw; flex-direction:column; z-index:1000;
	--color-nav-top-bkg: var(--color-main-03-norm-n);
	--color-nav-top-txt: var(--color-main-03-comp-n);
	--color-nav-top-bkg-hover: var(--color-main-03-norm-h);
	--color-nav-bkg: #333333AA;
	--color-nav-menu-bkg: var(--color-main-01-norm-n);
	--color-nav-menu-txt: var(--color-main-01-comp-n);
	--color-nav-menu-lines: var(--color-main-02-norm-n);
}
/*<editor-fold desc="Bar">*/
.site_nav_mobile .bar { height:50px; background-color:var(--color-nav-top-bkg); color:var(--color-nav-top-txt); display:flex; justify-content:space-between; }
.site_nav_mobile .bar > * { height:100%; }
.site_nav_mobile .bar .logo { display:inline-flex; justify-content:center; align-items:center; padding:5px 0; }
.site_nav_mobile .bar button { color:inherit; font-size:1.6rem; }
/*</editor-fold>*/

/*<editor-fold desc="Mobile menu">*/
/* */
site-mobile-nav {
	& button {
		position: absolute;
		display: inline-flex;
		justify-content: center;
		align-items: center;
		width: 50px;
		height: 50px;
		top: 0;
		left: 0;
	}

	& button:hover {
		background-color: #262626
	}

	& .navigation {
		position: absolute;
		top: 50px;
		left: 0;
		width: 80vw;
		z-index: 5;
		height: calc(100vh - 50px);
		background-color: var(--color-nav-menu-bkg);
		color: var(--color-nav-menu-txt);
	}

	& .background {
		position: absolute;
		opacity: 0;
		top: 0;
		left: 0;
		z-index: -1;
		width: 100vw;
		height: 100vh;
		background-color: var(--color-nav-bkg);
	}

	&[data-state="opened"] .button {
		background-color: #5A5A5A;
	}

	&[data-state="opened"] .background {
		display: block;
		animation: navMenuBkgOpen 300ms ease-in-out forwards;
	}

	&[data-state="closing"] .background {
		animation: navMenuBkgClose 300ms ease-in-out forwards;
	}

	&[data-state="closed"] .background {
		display: none;
	}

	&[data-state="opened"] .navigation {
		display: block;
		animation: navMenuLeftOpen 300ms ease-in-out forwards;
	}

	&[data-state="closing"] .navigation {
		animation: navMenuLeftClose 300ms ease-in-out forwards;
	}

	&[data-state="closed"] .navigation {
		display: none;
	}

	&.right button {
		left: auto;
		right: 0;
	}

	&.right .navigation {
		right: -80vw;
		left: auto;
	}

	&.right[data-state="opened"] .navigation {
		display: block;
		animation: navMenuRightOpen 300ms ease-in-out forwards;
	}

	&.right[data-state="closing"] .navigation {
		animation: navMenuRightClose 300ms ease-in-out forwards;
	}

	/* */
	& .mainMenu a { display:block; padding:15px 20px; color:inherit; font-size:1.6rem; }
	& .mainMenu a + a { border-top:1px solid var(--color-nav-menu-lines); }
	& .mainMenu { margin-bottom:10px; }
}

@keyframes navMenuLeftOpen {
	0% { transform:translateX(-100%); }
	100% { transform:translateX(0); }
}
@keyframes navMenuLeftClose {
	0% { transform:translateX(0); }
	100% { transform:translateX(-100%); }
}

@keyframes navMenuRightOpen {
	0% { transform:translateX(0); }
	100% { transform:translateX(-100%); }
}
@keyframes navMenuRightClose {
	0% { transform:translateX(-100%); }
	100% { transform:translateX(0); }
}
@keyframes navMenuBkgOpen {
	0% { opacity:0; }
	100% { opacity:1; }
}
@keyframes navMenuBkgClose {
	0% { opacity:1; }
	100% { opacity:0; }
}


/*</editor-fold>*/


/*</editor-fold>*/


/*<editor-fold desc="Top Site Desktop">*/
.site_nav_desktop { display:block; }

#se_top_menu {
	background-color: var(--color-main-04-norm-n);
	color: var(--color-main-04-comp-n);
	height: 60px;

	& > div {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
	}

	& .logo {
		display: block;
		margin: 10px 0;
		color: var(--color-main-04-comp-n);
		font-size: 3rem;
	}

	& .logo img {
		display: block;
		height: 40px;
	}

	& nav {
		display: flex;
		height: 60px;
		flex-direction: row;
		justify-content: flex-start;
		font-family: "Montserrat", sans-serif;
		gap: 10px;
	}

	& nav a {
		display: flex;
		justify-content: center;
		align-items: center;
		text-transform: uppercase;
		padding: 0 10px;
		color: inherit;
	}

	& nav a:hover {
		background-color: var(--color-main-01-norm-h);
		color: var(--color-main-01-comp-h);
	}

	& nav a:active {
	}
}
/*</editor-fold>*/

@media only screen and (max-width:767px) {
	.site_nav_desktop { display:none; }
	.site_nav_mobile { display:flex; }

	#se_top { position:fixed; z-index:1000; top:0; left:0; width:100%; }
}

/*</editor-fold>*/


/*<editor-fold desc="Site Middle">*/

#se_middle { display:block; overflow:auto; margin:0 0 10px 0; flex-grow:1; scroll-margin-top:60px; }
.wpContent { width:1100px; margin:0 auto; }
.pageCont { width:1200px; max-width:100%; margin:0 auto; }
.page_title { font-size: 4rem; margin-bottom: 1em; }
.show_table { font-size: 1.4rem; }

@media only screen and (max-width:767px) {
	.wpContent { width:calc(100% - 20px); }
	#se_middle { padding-top: 50px; scroll-margin-top:60px; }
}
@media only screen and (min-width:768px) and (max-width:979px) {
	.wpContent { width:calc(100% - 20px); }
}
@media only screen and (min-width:980px) and (max-width:1199px) {
	.wpContent { width:calc(100% - 40px); }
}
/*</editor-fold>*/

/*<editor-fold desc="Site Bottom">*/
#se_footer {}

/* FOOTER */
#se_footer a { color:inherit; }

/* bottom */
#se_bottom_1 {
	display: block;
	overflow: auto;
	background-color: var(--color-main-03-norm-n);
	color: var(--color-main-03-comp-n);
	padding: 20px 0;

	& .logos {
		display: flex;
		gap:2em;
		flex-direction: row;
		align-items: center;
		justify-content: center;
	}
}
.bottom_menu a { display:block; padding:5px 0; color:#7EAA40 !important; text-align:left; }
.bottom_menu a:hover { background:rgba(153,153,153,0.3); }
.btn_snFA { font-size:1.7rem; display:inline-block; cursor:pointer; padding:10px; border-radius:50%; color:#FFF !important; }
.btn_snFA:hover { background-color:#FFF; color:#000 !important; }

#se_bottom_2 {
	display: block;
	overflow: auto;
	background-color: var(--color-main-04-norm-n);
	color: var(--color-main-04-comp-n);
	padding: 10px 0;

	& > div {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	& .logos {
		display: flex;
		gap:1em;
		flex-direction: row;
	}
}

/*</editor-fold>*/