/*
	CSS personalizado para 05 CONTACTO
*/

/**************************************** GAMA DE COLORES ****************************************/

/*      Verde Oscuro: 4D746A rgb( 77,116,106) */
/*              Gris: 999999 rgb(153,153,153) */
/*       Verde Medio: A6B9B4 rgb(166,185,180) */
/*       Verde Claro: D2DCD9 rgb(210,220,217) */
/*   Verde muy Claro: E8EDEC rgb(232,237,236) */

/************************************ MODIFICADOS DE syle-home ***********************************/

/****************************************** #rowContacto *****************************************/

#rowContacto *                        { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
#rowContacto .divContent              { position: relative; padding: 0px 60px; display: flex; justify-content: space-between; }
#rowContacto .divIzda                 { width: calc(100% - 520px - 100px); }
#rowContacto .divIzda ul              { margin: 40px auto 20px auto; list-style-type: none; display: table; }
#rowContacto .divIzda li              { padding-bottom: 10px !important; }
#rowContacto .divIzda a               { font-weight: 600; color: #000000 !important; text-decoration: none; line-height: 140% !important; }
#rowContacto .divIzda a:hover         { text-decoration: underline; }
#rowContacto .divIzda li i            { top: 2px; }
#rowContacto .divDcha                 { width: 520px; }
#rowContacto .divDcha .divFieldSubmit { width: 230px; }
#rowContacto .wpcf7-response-output   { margin: 0px 0px 0px auto; width: 260px; align-self: center; }
#rowContacto .divLegal p              { margin: 10px 0px 0px 0px; padding: 0px 60px; font-size: 16px; font-weight: 400; color: var(--color2-hex); line-height: 120%; text-align: justify; }

@media (max-width: 1180px) {
	#rowContacto .divContacto  { padding: 0px 40px; }
	#rowContacto .divContent   { padding: 0px 40px; }
	#rowContacto .divLegal p   { padding: 0px 40px; }
}

@media (max-width: 1080px) {
	#rowContacto .divContent   { padding: 0px; }
	#rowContacto .divLegal p   { padding: 0px; }
}

@media (max-width:  980px) {
	#rowContacto .divContacto  { padding: 0px 30px; }
	#rowContacto .divIzda      { width: calc(100% - 435px - 60px); }
	#rowContacto .divDcha      { width: 435px; }
}

@media (max-width:  880px) {
	#rowContacto .divContent   { display: block; }
	#rowContacto .divIzda      { margin: auto; width: 400px; max-width: 100%; }
	#rowContacto .divIzda  img { width: 300px; margin: auto; display: table; }
	#rowContacto .divDcha      { margin: auto; width: 600px; max-width: 100%; }
	#rowContacto .divLegal p   { margin: 10px auto 0px auto; width: 600px; max-width: 100%; }
}

@media (max-width:  780px) {
	#rowContacto .divIzda      { width: 360px; }
	#rowContacto .divIzda  img { width: 260px; }
}

@media (max-width:  580px) {
	#rowContacto .divContacto  { padding: 0px 20px; }
	#rowContacto .divIzda      { width: 300px; }
	#rowContacto .divIzda  img { width: 240px; }
	#rowContacto .divLegal p   { font-size: 14px; }
}

@media (max-width:  380px) {
	#rowContacto .divContacto  { padding: 0px 10px; }
	#rowContacto .divIzda  img { width: 200px; } #rowContacto .divLegal p { text-align: left; }
}