/* Estilos que vienen de main.css personalizables
=============================*/
html {
    color: var(--colorG4);
}
body{
	background-color:var(--colorG1);
}
.containerF1{
	background-color: var(--colorG1);
	color: var(--color1);
}
.containerF2{ 
	background-color: var(--color1);
	color: white;
}
.containerF3{ 
	background-color: var(--color3);
	color: white;
}
.containerF4{ 
	background-color: var(--color4);
	color: var(--color1);
}
/* Fondo de color de cajas con bordes redondeados para títulos
======================== */
.fnd1Titulo{
	background-color: var(--color4) ;
	color: var(--color1);
}
.fnd2Titulo, .fnd2TituloL{
	background-color: var(--color1) ;
	color: var(--color4);
}
.fnd3Titulo{
	background-color: var(--color1);
	color: var(--color5);
}
.fnd4Titulo{
	background-color: white;
	color: var(--colorG4);
}

/* ============
Logo
============== */
.imgLogo{
    width: 100%;
    margin-bottom: var(--spaceDespuesP);
}

/* =============
links2
================*/
a.link2{
	color: var(--color3);
}
a.link2:hover{
	color:var(--color4);
}
/* ============
links3
===============*/
a.link3{
	color: var(--color2);
}
a.link3:hover{
	color:var(--color11);
}
/* ============
 Galería de 3 columnas 
============== */
ul.g3Box > li{
	background-color: var(--color4);
	padding: var(--padding);
}

/* **************************************** */
/* **************************************** */
/* **************************************** */
/* Estilos propios de la web 
=============================*/
.imgLogoFooter{
    width:200px;
    margin-bottom: var(--spaceDespuesP);
}
.mBimg1{
	margin-bottom: 20px;
}
.orderA1{
    order: 2;
}
.orderA2{
    order: 1;
}
@media only screen and (min-width: 320px) {
}
@media only screen and (min-width: 480px) {

} 
@media only screen and (min-width: 590px) {
/* ============
Logo
============== */
.imgLogo{
    width: 280px;
    margin-bottom: var(--spaceMarg);
}
.orderA1{
	order: 1;
}
.orderA2{
	order: 2;
}
}
/* Ancho horizontal del celular Xiomi 11 Ancho:395px - 790px*/
@media only screen and (min-width: 768px) {
	.mBimg1{
		margin-bottom:0;
	}
}
@media only screen and (min-width: 1024px) {

}
@media only screen and (min-width: 1140px) {

}