/*
	CSS personalizado para 02 GRUPO TUMASA
*/

/**************************************** GAMA DE COLORES ****************************************/

/*      Azul Oscuro: 2E65AE rgb( 46,101,174) */
/*             Gris: 999999 rgb(153,153,153) */
/*       Azul Medio: 96B2D6 rgb(150,178,214) */
/*       Azul Claro: CAD8EA rgb(202,216,234) */
/*   Azul Muy Claro: E4EBF4 rgb(228,235,244) */

/*      Azul Oscuro: 0099CC rgb(  0,153,204) */
/*Azul Menos Oscuro: 77CCEE rgb(119,204,238) */
/*       Azul Medio: BBEEFF rgb(187,238,255) */
/*       Azul Claro: DDF6FF rgb(221,246,255) */
/*   Azul Muy Claro: EEFBFF rgb(238,251,255) */

/*   Naranja Oscuro: FF6000 rgb(255, 96,  0) */

/************************************ MODIFICADOS DE syle-home ***********************************/

/**************************************** #rowGrupoTumasa ****************************************/

#rowGrupoTumasa .divGrupoTumasa     { display: flex; justify-content: space-between; }
#rowGrupoTumasa .divGrupoTumasa *   { font-family: var(--font-family-narrow); line-height: 120%; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
#rowGrupoTumasa .divGrupoTumasa .fa { font-family: "FontAwesome"; }

#rowGrupoTumasa .divIzda { padding: 20px 30px; width: 300px; background: var(--color5-hex); }
#rowGrupoTumasa .divDcha { width: calc(100% - 300px - 40px); }

#rowGrupoTumasa .divIzda .divLogo                      { margin: auto; width: 200px; max-width: 100%; }
#rowGrupoTumasa .divIzda .divFoto                      { line-height: 0px; }
#rowGrupoTumasa .divIzda .divInstalaciones .divTitulo  { margin: 15px 0px; font-size: 16px; font-weight: 600; color: var(--color1-hex); }
#rowGrupoTumasa .divIzda .divInstalacion   .spanTitulo { font-size: 18px; font-weight: 600; }
#rowGrupoTumasa .divIzda .divInstalacion   ul          { margin: 10px 0px 20px 10px; list-style-type: none; }
#rowGrupoTumasa .divIzda .divInstalacion   ul li       { margin-bottom: 5px; font-size: 14px; font-weight: 400; }
#rowGrupoTumasa .divIzda .divInstalacion   ul li a     { line-height: 140%; }

#rowGrupoTumasa .divDcha .divTitulo          { font-size: 28px; font-weight: 600; color: var(--color1-hex); text-align: center; }
#rowGrupoTumasa .divDcha .divMarcas          { margin: 20px 0px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }
#rowGrupoTumasa .divDcha .divMarca           { padding: 5px; width: calc((100% - 30px) / 7); border: solid 1px var(--color1-hex); border-radius: 5px; box-shadow: 0px 16px 6px -16px rgba(0,0,0,0.5); }
#rowGrupoTumasa .divDcha .divMarca:hover     { transform: scale(1.1); }
#rowGrupoTumasa .divDcha .divMarca       a   { display: block; line-height: 0px; }
#rowGrupoTumasa .divDcha .divFrase           { font-size: 20px; text-align: center; }
#rowGrupoTumasa .divDcha .divFoto            { margin-top: 20px; line-height: 0px; }
#rowGrupoTumasa .divDcha .divGallery         { margin-top: 5px; display: flex; flex-wrap: wrap; justify-content: space-between; }
#rowGrupoTumasa .divDcha .divSlide           { margin: 2px 0px; width: calc(25% - 4px); line-height: 0px; overflow: hidden; }
#rowGrupoTumasa .divDcha .divSlide *         { -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
#rowGrupoTumasa .divDcha .divSlide a         { display: block; line-height: 0px; }
#rowGrupoTumasa .divDcha .divSlide:hover img { transform: scale(1.2); }

#rowGrupoTumasa .divDcha .divTextos p { text-align: justify; }

@media (max-width: 1180px) { #rowGrupoTumasa .divGrupoTumasa { padding: 0px 20px; } }

@media (max-width: 980px) {
	#rowGrupoTumasa .divIzda                               { padding: 15px 20px; width: 240px; }
	#rowGrupoTumasa .divDcha                               { width: calc(100% - 240px - 30px); }
	#rowGrupoTumasa .divIzda .divLogo                      { width: 180px; }
	#rowGrupoTumasa .divIzda .divInstalaciones .divTitulo  { margin: 15px 0px; text-align: center; }
	#rowGrupoTumasa .divIzda .divInstalacion   .spanTitulo { font-size: 16px; }
	#rowGrupoTumasa .divIzda .divInstalacion   ul          { margin: 5px 0px 15px 0px; }
	#rowGrupoTumasa .divDcha .divTitulo                    { font-size: 24px; }
	#rowGrupoTumasa .divDcha .divMarcas                    { margin: 15px 0px; }
	#rowGrupoTumasa .divDcha .divFrase                     { font-size: 16px; }
	#rowGrupoTumasa .divDcha .divFoto                      { margin-top: 15px; }
}

@media (max-width: 780px) {
	#rowGrupoTumasa .divIzda                             { padding: 10px 15px; width: 180px; }
	#rowGrupoTumasa .divDcha                             { width: calc(100% - 180px - 20px); }
	#rowGrupoTumasa .divIzda .divLogo                    { width: 140px; }
	#rowGrupoTumasa .divIzda .divInstalacion .spanTitulo { font-size: 14px; }
	#rowGrupoTumasa .divIzda .divInstalacion ul li       { font-size: 13px; }
	#rowGrupoTumasa .divDcha .divTitulo                  { font-size: 20px; }
	#rowGrupoTumasa .divDcha .divSlide                   { width: calc(33.33% - 4px); }
}

@media (max-width: 680px) {
	#rowGrupoTumasa .divDcha .divMarcas   { margin: 15px 0px 0px 0px; justify-content: center; }
	#rowGrupoTumasa .divDcha .divMarca    { margin: 0px 5px 10px 5px; width: calc((100% - 40px) / 4); }
	#rowGrupoTumasa .divDcha .divTextos p { font-size: 14px; }
}

@media (max-width: 580px) {
	#rowGrupoTumasa .divGrupoTumasa                  { flex-wrap: wrap; }
	#rowGrupoTumasa .divIzda                         { position: relative; width: 100%; height: 370px; }
	#rowGrupoTumasa .divDcha                         { margin-top: 20px; width: 100%; }
	#rowGrupoTumasa .divIzda .divLogo                { margin: 0px; width: 150px; }
	#rowGrupoTumasa .divIzda .divFoto                { width: 150px; }
	#rowGrupoTumasa .divIzda .divInstalaciones       { position: absolute; top: 10px; right: 0px; width: calc(100% - 165px); text-align: center; }
	#rowGrupoTumasa .divIzda .divInstalacion ul      { margin: 0px 0px 10px 0px; }
	#rowGrupoTumasa .divIzda .divInstalacion ul li   { margin: 0px !important; }
	#rowGrupoTumasa .divIzda .divInstalacion ul li i { display: none; }
	#rowGrupoTumasa .divDcha .divFrase               { margin: 10px 0px 20px 0px; }
	#rowGrupoTumasa .divDcha .divFoto                { margin: 0px; }
}

@media (max-width: 480px) {
	#rowGrupoTumasa .divGrupoTumasa                       { padding: 0px; }
	#rowGrupoTumasa .divIzda                              { padding: 5px 15px; height: 300px; }
	#rowGrupoTumasa .divIzda .divLogo                     { width: 120px; }
	#rowGrupoTumasa .divIzda .divFoto                     { width: 120px; }
	#rowGrupoTumasa .divIzda .divInstalaciones            { width: calc(100% - 135px); }
	#rowGrupoTumasa .divIzda .divInstalaciones .divTitulo { margin: 0px 0px 5px 0px; font-size: 14px; }
	#rowGrupoTumasa .divIzda .divInstalacion ul           { margin: 0px 0px 5px 0px; }
	#rowGrupoTumasa .divIzda .divInstalacion ul li        { font-size: 12px; letter-spacing: -0.6px; }
	#rowGrupoTumasa .divDcha .divTitulo                   { font-size: 18px; }
}

@media (max-width: 350px) {
	#rowGrupoTumasa .divIzda                         { padding: 5px 15px 15px 15px; height: auto; }
	#rowGrupoTumasa .divIzda .divLogo                { margin: auto; width: 120px; }
	#rowGrupoTumasa .divIzda .divFoto                { margin: auto; width: 120px; }
	#rowGrupoTumasa .divIzda .divInstalaciones       { position: relative; top: auto; right: auto; margin-top: 15px; width: 100%; }
	#rowGrupoTumasa .divIzda .divTitulo br600:before { content: " "; }
	#rowGrupoTumasa .divIzda .divInstalacion ul li   { font-size: 13px; letter-spacing: 0px; }
	#rowGrupoTumasa .divDcha .divMarca               { margin: 5px; width: calc(33% - 10px); }
	#rowGrupoTumasa .divDcha .divSlide               { width: calc(50% - 4px); }
}
