/*
-------------------------------------------------------------------------------
@system 	HUERTA DE QUINQUI
@version	4
@about		Estilos del sector Pie de Pagina.
@author		Carolina Casanova G., aka quinqui
@date		30/06/2023
-------------------------------------------------------------------------------
*/

/*
---------------------------------------
CONTENEDOR SECUNDARIO
---------------------------------------
*/
ASIDE
{
	display:inline-block;
	width:25%;
	padding:30px 0 0 0;
	vertical-align:top;
}
/* ASIDE: Pantallas Chicas */
@media (max-width:800px)
{
	ASIDE
	{
		display:block;
		width:100%;
	}
}

/* Contenedor Fichas del Aside */
.cssFicha
{
	width:calc(100% - var(--margenXL, 60px));
	margin:0 var(--margenXL, 60px) var(--margenXL, 60px) 0;
	padding-bottom:var(--margenM, 30px);
	background-color:var(--bgHeader, #EEFFEE);
	border-radius:9px;
}
/* Ficha: Pantallas Chicas */
@media (max-width:800px)
{
	.cssFicha
	{
		width:calc(100% - calc(var(--margenXL, 60px) * 2));
		margin:0 var(--margenXL, 60px) var(--margenXL, 60px) var(--margenXL, 60px);
	}
}
.cssFicha .cssEncabezado
{
	padding:var(--margenS, 15px) var(--margenL, 45px);
	background-color:var(--bgLogo1, #98B40F);
	border-radius:8px 8px 0 0;
	color:var(--bgHeader, #EEFFEE);
}
.cssFicha UL,
.cssFicha P
{
	margin:var(--margenS, 15px) var(--margenL, 45px);
	line-height:1.6em;
}
.cssFicha UL.cssHojitas
{
	list-style-type:none;
}
.cssFicha UL.cssHojitas LI
{
	position:relative;
	padding:6px 12px 6px 30px;
	background-image:url("../img/qhuerta_hojita.png");
	background-repeat:no-repeat;
	background-position:left center;
	background-size:auto 8px;
} 
.cssFicha UL.cssHojitas LI A
{
	color:var(--fgBody, #333);
}
.cssFicha UL.cssHojitas LI A:hover
{
	color:var(--bgLogo1, #98B40F);
}


/*
---------------------------------------
PIE DE PAGINA
---------------------------------------
*/
FOOTER
{
	width:calc(100% - 20px);
	padding:60px 10px;
	background-color:var(--bgLogo1, #98B40F);
	color:var(--bgHeader, #EEFFEE);
	text-align:center;
	font-size:0.75em;
}