* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

/* VARIABLES */

:root {
	--azul1: #0058a3;
	--azul2: #00b2e3;
	--azul3: #8bcdee;
	--azul4: #cbe7f8;

	--gris1: #ededed;
	--gris2: #cccccc;
	--gris3: #999999;
	--gris4: #666666;
	--gris5: #374049;

	--titulos1-familia: 'Montserrat', sans-serif;
	--titulos1-fontweight: 100;
	--titulos2-fontweight: 200;
	--titulos3-fontweight: 300;
	--titulos4-fontweight: 400;
	--titulos5-fontweight: 500;
	--titulos6-fontweight: 600;
	--titulos7-fontweight: 700;
	--titulos8-fontweight: 800;
	--titulos9-fontweight: 900;

	--open: 'Open Sans', sans-serif;
	--open-fontweight3: 300;
	--open-fontweight4: 400;
	--open-fontweight6: 600;
	--open-fontweight8: 800;
}

/* BODY */

body{
	background:var(--gris4);
	max-width: 98vw;
	margin: auto;
	font-family: var(--open);
	font-weight: var(--open-fontweight3);
	color: var(--gris4);
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: auto auto auto auto;
	grid-template-areas:"homepage"
						"contenidocontactenos"
						"formalpp" 	
						"direcciones" ; 	
}
/* ------------------------------------------------------------------------------------------------- */

/* PANTALLAS GRANDES */
/* PANTALLAS GRANDES */
/* PANTALLAS GRANDES */
/* PANTALLAS GRANDES */
/* PANTALLAS GRANDES */

@media screen and (max-width: 991px) and (min-width: 688px){


.homepage{
	grid-area: homepage;
	background-color:var(--gris1);
	display: grid;
	grid-template-columns: 98vw;
	grid-template-rows: auto auto auto;
	grid-template-areas: "headerproductos"
						  "contactenos"
						  "formulariocontactenos"
}

.formalpp{
	grid-area: formalpp;
	/* margin-top: 150px; */
	width: 98vw;
	display: grid;
	grid-template-columns: 5.5vw 42vw 3vw 42vw 5.5vw;
	grid-template-rows: auto auto auto;
}

.direcciones{
	grid-area: direcciones;
	width: 98vw;
	background-color: var(--gris2);
	display: grid;
	grid-template-columns: 5vw 88vw 5vw;
	grid-template-rows: auto auto auto auto 1.5rem;
}


/* ------------------------------------------------------------------------------------------------- */

/* ESTILOS PARA EL HOMEPRODUCTOS */
/* ESTILOS PARA EL HOMEPRODUCTOS */
/* ESTILOS PARA EL HOMEPRODUCTOS */
/* ESTILOS PARA EL HOMEPRODUCTOS */


.headerproductos{
	grid-area: headerproductos;
	position:fixed;
	z-index:999;
	background-color:rgb(255, 255, 255);
	display: grid;
	grid-template-columns: 7vw 24vw 62vw 5vw;
	grid-template-rows: 50px 50px;
	grid-template-areas: "blanco1 logo redes blanco2"
						 "blanco1 logo navppal blanco2"

	}


.contactenos{
	grid-area: contactenos;
	margin: 120px 4.5rem 3rem 4.5rem;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-template-rows: auto auto auto;
	grid-gap: 2rem;
}

.formulariocontactenos{
	grid-area: formulariocontactenos;
	background:white;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: auto;
	grid-gap: 2rem;
	padding: 0 4.5rem 2rem 4.5rem;
}

/* ------------------------------------------------------------------------------------------------- */

		/* HEADERPRODUCTOS */
		/* HEADERPRODUCTOS */

		.cajaheader1{
			grid-area: blanco1;
			background-color: white;
			}
	
		.cajaheader2 {
			grid-area: logo;
			display: flex;
			text-align: center;
			align-items: center;
			}
	
		.logoaress {
			margin-top: .8rem;
			height: 80px;
			}
	
		.cajaheader3{
			grid-area: navppal;
			font-size: 1rem;
			margin-top: 0rem;
			line-height: 15px;
			display: flex;
			justify-content: flex-end;
			align-items: center;
			}
	
		.lineavertical{
			grid-area: navppal;
			width: 2px;
			height: 2rem;
			background: var(--azul2);
		}
			
		.cajaheader7 {
			grid-area: redes;
			display: flex;
			justify-content: flex-end;
			align-items: center;
			margin-top: 2rem;
			margin-right: 1rem;
			margin-bottom: 1rem;
	
			}
	
		.cajaheader7 a{
			display: flex;
			justify-content: space-between;
			align-items: center;
	
			}
	
		.cajaheader5{
			grid-area: blanco2;
			}
			
		.cajaheader8, .cajaheader9{
			display: none;				
		}
	
/*----------BUSCADOR-----------*/



.content-table{
	align-content: center;
	right:15%;/*250px*/
	top:95px;
	position:fixed;
	align-content:center;
	width:70%;/*50%*/
	max-width: 80%;/*50%*/
	margin: auto;
	background-color:#fff;
	/*padding: 50px;*/
	padding: 0 10px;
	padding-bottom: 5px;
	max-height: 500px;
	overflow: hidden;
	display:none;
	z-index: 2000;
	
	}
	

	tbody tr td{
		
		width:50%;

	}
	
.search-table{
	width: 100%;
	
	
}
	
	tbody tr td a{	
		margin-top: 30px;
		text-align: center;
		align-content:center;
		text-decoration: none;
		font-size: 18px;
		color: #057BF5;
		display: block;
		width: 100%;
		height: 100%;
		padding: 20px 0;
		padding-left: 20px;
		border: 2px solid #fff;
		display:block;
		
}

	
	tbody tr td a:hover{
		color: aliceblue;
		background-color:#00b2e3;
}


.content-table::-webkit-scrollbar{
	/*background: rgba(0,0,0,0);*/
	width: 10px;
}

.content-table::-webkit-scrollbar-track{
	background:#C1C1C1;
}

.content-table::-webkit-scrollbar-button{
	background:#C1C1C1;
}	


.content-table::-webkit-scrollbar-button-thumb{
	background:#C1C1C1;
}


.dataTables_length,
.dataTables_filter,
.dataTables_info,
.dataTables_paginate{

display: none;
}


	
	
		.search {
		 
			width: 8rem;
			height: 1.9rem;
			font-size: 16px;
			padding: 5px;
			display: flex;
			justify-content:center;
			align-items: center;
			margin-right: 20px;	
			border-radius: 50px;
		   }
	
	
	   .search input {
		   width: 8rem;
		   height: 1.9rem;
		   border-color:#00b2e3 !important;
		   border-width: 2px;
		   border: 1px solid ;
		   border-radius: 20px;
		   text-align: center;

	 }

	
	   .search input { text-indent: 10px;}


	   .search .fa-search { 
		  position: absolute;
		  top: 10px;
		  left: 10px;
	}

	
	
		.cajalupa{
			width: 8rem;
			height: 1.9rem;
			display: flex;
			/* justify-content: flex-end; */
			align-items: center;
		/*	border-color:#00b2e3;
			border-width: 2px;
			border-style: solid;*/
			/* margin-right: 20px;	 */
			border-radius: 1rem;;
			}

		.lupaa{
			height: 1.3rem;
			padding: 0px 8px;
			}
	
/*---------------------------------*/
.cajagracias{
	
	
	text-align: center;
	position: relative;
	margin: auto;
}
.gracias h3 {
	font-size: 3.5rem;
	font-family: var(--titulos1-familia);
	font-weight: var(--titulos1-fontweight);
	line-height: 3.4rem;
	color: var(--azul1);
	margin: 0.5rem 0 0 2rem;
}
.gracias {
    margin-top: 135px;
    width: 77vw;/*98vw*/
    padding: 0 11rem 0 11rem;
    display: flex;
    justify-content: center;
}
		.vl {
			border-left: 2px solid rgb(150, 150, 150);
			height: 27px;
			}
	
		.linkedinimg {
			width: 1.9rem;
			margin: 0px;
			}
	
	
		.instagramimg, .facebookimg {
			width: 1.9rem;
			margin-right: 15px;
			}
	
		.atencioncliente{
			font-weight: var(--open-fontweight6);
			}	

	/* ------------------------------------------------------------------------------------------------- */
			
				/* MENU DESPLEGABLE */
			
					.headerproductos ul{
						list-style: none;
					}
					
					.headerproductos ul li{
					display: inline-block;
					position: relative;
					}
					
					.headerproductos ul li:hover{
						background:white;
						border-radius: 0em;
						}
					
					.headerproductos ul li a{
						color: var(--gris4);
						display: block;
						text-decoration: none;
						text-align: center;
						padding: 5px 20px;
					}
			
					.headerproductos ul li a:hover{
						color: var(--azul2);
					}
			
					.headerproductos ul li .children1{
						display: none;
						background:white;
						border-radius: 5px;
						box-shadow:0 4px 8px rgba(0,0,0,0.2);
						position: absolute;
						left: -220%;
						width: 400%;
						z-index: 1000;
						padding: 10px;
						}
									
					.headerproductos ul li:hover .children1{
					display: block;
					}
									
					.headerproductos ul li .children1 li{
						display: block;
					}
					
					.children1 {
						columns: 2;
						-webkit-columns: 2;
						-moz-columns: 2;
					}
			
					ul .children1 li a{
						color:var(--gris4);
						text-align: left;
						margin: 2px;
						padding: 5px 1rem;
					}
			
					ul .children1 li a:hover{
						background:var(--azul1);
						text-align: left;
						margin: 2px;
					}
			
			
					ul .children1 h3{
						color: var(--gris4);
						padding: 20px;
						text-align: left;
						font-size: 1rem;
					}
			
					.headerproductos ul li .childrendos{
						display: none;
						background:white;
						border-radius: 5px;
						box-shadow:0 4px 8px rgba(0,0,0,0.2);
						position: absolute;
						left: -100%;
						width: 200%;
						z-index: 1000;
						padding: 10px;
						}
									
					.headerproductos ul li:hover .childrendos{
					display: block;
					}
									
					.headerproductos ul li .childrendos li{
						display: block;
					}
					
					.childrendos {
						columns: 1;
						-webkit-columns: 1;
						-moz-columns: 1;
					}
			
					ul .childrendos li a{
						color:var(--gris4);
						text-align: left;
						margin: 2px;
						padding: 5px 1rem;
					}
			
					ul .childrendos li a:hover{
						background:var(--azul1);
						text-align: left;
						margin: 2px;
					}
			
			
					ul .childrendos h3{
						color: var(--gris4);
						padding: 20px;
						text-align: left;
						font-size: 1rem;
					}
			
			
					.headerproductos ul li .childrentres{
						display: none;
						background:white;
						border-radius: 5px;
						box-shadow:0 4px 8px rgba(0,0,0,0.2);
						position: absolute;
						left: -100%;
						width: 200%;
						z-index: 1000;
						padding: 10px;
						}
									
					.headerproductos ul li:hover .childrentres{
					display: block;
					}
									
					.headerproductos ul li .childrentres li{
						display: block;
					}
					
					.childrentres {
						columns: 1;
						-webkit-columns: 1;
						-moz-columns: 1;
					}
			
					ul .childrentres li a{
						color:var(--gris4);
						text-align: left;
						margin: 2px;
						padding: 5px 1rem;
					}
			
					ul .childrentres li a:hover{
						background:var(--azul1);
						text-align: left;
						margin: 2px;
					}
			
			
					ul .childrentres h3{
						color: var(--gris4);
						padding: 20px;
						text-align: left;
						font-size: 1rem;
					}
			
/* ------------------------------------------------------------------------------------------------- */

		/* ESTILOS CONTACTENOS */
		/* ESTILOS CONTACTENOS */

.oficinas1 {
	grid-column: 1 / 4;
	grid-row: 1 / 2;
}

.oficinas2 {
	grid-column: 1 / 2;
	grid-row: 2 / 3;
	text-align: center;
	border: 2px solid var(--azul2);
	border-radius: .7rem;
	width: 100%;
	height: 100%;
	padding: 1rem;
}

.oficinas3 {
	grid-column: 2 / 3;
	grid-row: 2 / 3;
	text-align: center;
	border: 2px solid var(--azul2);
	border-radius: .7rem;
	width: 100%;
	height: 100%;
	padding: 1rem;
}

.oficinas4 {
	grid-column: 3 / 4;
	grid-row: 2 / 3;
	text-align: center;
	border: 2px solid var(--azul2);
	border-radius: .7rem;
	width: 100%;
	height: 100%;
	padding: 1rem;
}

.oficinas5 {
	grid-column: 1 / 2;
	grid-row: 3 / 4;
	text-align: center;
	border: 2px solid var(--azul2);
	border-radius: .7rem;
	width: 100%;
	height: 100%;
	padding: 1rem;

}

.oficinas6 {
	grid-column: 2 / 3;
	grid-row: 3 / 4;
	text-align: center;
	border: 2px solid var(--azul2);
	border-radius: .7rem;
	width: 100%;
	height: 100%;
	padding: 1rem;
}

.oficinas7 {
	grid-column: 3 / 4;
	grid-row: 3 / 4;
	text-align: center;
	border: 2px solid var(--azul2);
	border-radius: .7rem;
	width: 100%;
	height: 100%;
	padding: 1rem;
}

.oficinas8 {
	/* grid-column: 4 / 5;
	grid-row: 1 / -1;
	text-align: center;
	background: url(../img/atencion/call.jpg) no-repeat center center;
	width: 100%;
	height: 100%;
	padding: 1rem; */
	display: none;

}


/* .fotopeticionesuno{
	width: 30vw;
	height: 63%;
	object-fit: cover;
	padding: 1rem;
} */

/* .fotopeticionesdos{
	width: 30vw;
	height: 34%;
	object-fit: cover;
	padding: 1rem;
} */

.titcontactenos h2 {
	font-size: 4rem;
	font-family: var(--titulos1-familia);
	font-weight: var(--titulos1-fontweight);
	line-height: 3.4rem;
	color: var(--azul1);
	/* margin: 0.5rem 0 0 2rem; */
}

.titcontactenos h3{
	margin: 1rem 0 0 0;
	font-family: var(--titulos1-familia);
	font-size: 2rem;
}

hr {
	margin: .9rem 0 0 0;
}



/* ------------------------------------------------------------------------------------------------- */

		/* ESTILOS FORMULARIO CONTACTENOS */
		/* ESTILOS FORMULARIO CONTACTENOS */

.contact-form{
	grid-column: 2 / 3;
	grid-row: 1 / -1;
}

.cajacontactenosder{
	grid-column: 1 / 2;
	grid-row: 1 / -1;
	/* background-color: orange; */
	margin: 3rem 0 0 0rem;
}


.formizquierdo{
	grid-area: formizquierdo;
}

.formizquierdo h3{
	font-family: var(--titulos1-familia);
	font-weight: var(--titulos5-fontweight);
	font-size: 2rem;
	margin: 0 0 2rem 1rem;

}

.formizquierdo h4{
	font-family: var(--titulos1-familia);
	font-weight: var(--titulos3-fontweight);
	font-size: .7rem;
	margin: 20px;
}

.formderecho h4{
	font-family: var(--titulos1-familia);
	font-weight: var(--titulos5-fontweight);
	text-align: center;
	font-size: 1rem;
	margin: 20px;
}

  
.formderecho{
	grid-area: formderecho;
	margin-bottom: 3rem;
}

.bynuno{
	grid-area: byndos;
}

.fotocontactenostres{
	background-repeat: no-repeat;
	background-position-x: center;
	width: 100%;
	height: 100%;
	object-fit: cover;
} 

  /* grid item */
  .submit-button {
	  margin: auto;
	  text-align: center;
	/* justify-self: center; */
  }
  
  /* ============ form styles ============ */
  
  /* adds space on top for label */
  .contact-form {
	margin-top: 30px;
  }
  
  /* positioning .form-field relative, so .lable can be positioned on-top (absolute) */
  .form-field {
	position: relative;
  }
  
  /* label styles */
  .label {
	position: absolute;
	left: 20px;
	top: -5px;
	font-family: var(--open);
	font-weight: var(--open-fontweight4);
	color: var(--gris5);
	cursor: text;
  }
  
  /* input styles */
  input[type="text"],
  input[type="password"],
  input[type="date"],
  input[type="datetime"],
  input[type="email"],
  input[type="number"],

  input[type="tel"],
  input[type="time"],
  input[type="url"],
  textarea,
  select {
  
	border: 2px solid var(--azul2);
	border-radius: 8px;
	height: 40px;
	width: 100%;
	background: white;
	margin: 20px 0 20px 0;
	color:var(--gris5);
	font-size: 1rem;
  }
  

  select{
	border-radius: 8px 0 0 8px;

  }
  /* text area styles */
  textarea {
	height: 140px !important;
	padding: 10px 10px;
	background: white;
  }
  
  /* ============ submit button styles ============ */


  .btn {
	background-color: var(--azul2);
	color: white;
	border: 2px solid rgb(61,197,223);
	border-radius: 15px;
	/* display: inline-block; */
	padding: 8px 30px;
	min-width: 200px;
	margin: auto auto;
	text-transform: uppercase;
	font-family: var(--titulos1-familia);
	font-weight: var(--titulos7-fontweight);
	font-size: 1.2rem;
	cursor: pointer;
	transition: all 0.4s ease-in-out;
  }
  
  .btn:hover {
	background-color: white;
	color: rgb(61,197,223);
  }
  
  .btn:active {
	box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
  }




/* ------------------------------------------------------------------------------------------------- */

/* ESTILOS PARA CONTENIDOHOME1 */
/* ESTILOS PARA CONTENIDOHOME1 */
/* ESTILOS PARA CONTENIDOHOME1 */
/* ESTILOS PARA CONTENIDOHOME1 */




/* ------------------------------------------------------------------------------------------------- */

/* ESTILOS PARA FORMALPP */
/* ESTILOS PARA FORMALPP */
/* ESTILOS PARA FORMALPP */
/* ESTILOS PARA FORMALPP */


.formalpp {
	background-color: var(--gris5);
}


.formales1{
	grid-column: 1 / 2;
	grid-row: 1 / 3;
	text-align: center;
	}

.dropdown-uno{
	grid-column: 2 / 3;
	grid-row: 1 / 2;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin: 0rem;
	}

.formales3{
	grid-column: 3 / 4;
	grid-row: 1 / -1;
	width: 2px;
	height: 70%;
	background-color: var(--azul2);
	margin: auto;
	}

.dropdown-dos{
	grid-column: 4 / 5;
	grid-row: 1 / 2;
	text-align: center;
	display: flex;
	flex-direction: column;
	margin: 0rem;
	justify-content: center;
	}

.formales5{
	display: none;
	}

.dropdown-tres{
	grid-column: 2 / 3;
	grid-row: 2 / 3;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content:right;
/* text-align: center; */
padding-left: 3rem;
	}

.formales7{
	grid-column: 7 / 8;
	grid-row: 1 / 2;
	width: 2px;
	height: 70%;
	background-color: var(--azul2);
	margin: auto;
	display: none;
	}
	
.dropdown-cinco{
	grid-column: 4/ 5;
	grid-row: 2 / 3;
	text-align: center;
	display: flex;
	flex-direction: column;
	margin: 0rem;
	justify-content: center;
	}	
	
		
.dropdown-cuatro{
	grid-column: 4/ 5;
	grid-row: 3 / 4;
	text-align: center;
	display: flex;
	flex-direction: column;
	margin: 0rem;
	justify-content: center;
	}

.dropdown-seis{
	grid-column: 2/ 3;
	grid-row: 3 / 4;
	text-align: center;
	display: flex;
	flex-direction: column;
	margin: 0rem;
	justify-content: center;
	}	

.formales9{
	grid-column: 9 / 10;
	grid-row: 1 / 2;
	text-align: center;

	}

.formalpp a{
	color: var(--gris2);
	line-height: 1rem;
	font-size: 1rem;
}

.formalpp i{
	color: var(--gris2);
	margin: 1.5rem 0;
}

.formalpp i:hover{
	color: var(--azul2);
}

.fas.fa-phone-square-alt.fa-3x{
	color: var(--azul2);
}

.fas.fa-phone-square-alt.fa-3x:hover{
	color: white;
}

.fas.fa-users{
	font-size: 3rem;
}

.fa-shield-halved{
	font-size: 3rem;

}

.fa-3x{
margin-left: 2rem;
}


/* ------------------------------------------------------------------------------------------------- */

/* SUBMENU GOBIERNO */


.dropdown-uno, .dropdown-dos, .dropdown-tres, .dropdown-cuatro, .dropdown-cinco, .dropdown-seis{
display:inline-block;
position:relative;
}

.dropdown-uno button{
border:none;
padding: 0px 16px 0 16px;
background-color: var(--gris5);
color: var(--gris2);
transition:.3s;
cursor:pointer;
font-size: 1rem;
font-family: var(--open);
font-weight: 100;
line-height: 1rem;
position: relative;
bottom: 15px;
}


.dropdown-dos button{
	border:none;
	padding: 0px 16px 0 16px;
	background-color: var(--gris5);
	color: var(--gris2);
	transition:.3s;
	cursor:pointer;
	font-size: 1rem;
	font-family: var(--open);
	font-weight: 100;
	line-height: 1rem;
	position: relative;
	bottom: 15px;
	left: -11px;

	}
	

.dropdown-tres button{
	border:none;
	padding: 0px 16px 0 16px;
	background-color: var(--gris5);
	color: var(--gris2);
	transition:.3s;
	cursor:pointer;
	font-size: 1rem;
	font-family: var(--open);
	font-weight: 100;
	line-height: 1rem;
	position: relative;
	bottom: 15px;
	left: -50px;

	}
		
.dropdown-cuatro button{
	border:none;
	padding: 0px 16px 0 16px;
	background-color: var(--gris5);
	color: var(--azul2);
	transition:.3s;
	cursor:pointer;
	font-size: 1rem;
	font-family: var(--open);
	font-weight: 100;
	line-height: 1rem;
	position: relative;
	bottom: 15px;
	left: 5px;
	}
			
.dropdown-cinco button{
	border:none;
	padding: 0px 16px 0 16px;
	background-color: var(--gris5);
	color: var(--gris2);
	transition:.3s;
	cursor:pointer;
	font-size: 1rem;
	font-family: var(--open);
	font-weight: 100;
	line-height: 1rem;
	position: relative;
	bottom: 15px;
	left: 5px;
	}

.dropdown-seis button{
	border:none;
	padding: 0px 16px 0 16px;
	background-color: var(--gris5);
	color: var(--gris2);
	transition:.3s;
	cursor:pointer;
	font-size: 1rem;
	font-family: var(--open);
	font-weight: 100;
	line-height: 1rem;
	position: relative;
	bottom: 15px;
	}

.dropdown-uno:hover button, .dropdown-dos:hover button, .dropdown-tres:hover button, .dropdown-cinco:hover button, .dropdown-seis:hover button{
color: var(--azul2);
}

.dropdown-cuatro:hover button{
	color: white;
	}



.dropdown-uno div, .dropdown-dos div, .dropdown-tres div, .dropdown-cuatro div, .dropdown-cinco div, .dropdown-seis div{
background-color: white;
box-shadow:0 4px 8px rgba(0,0,0,0.2);
z-index:1;
border-radius: .5rem;
visibility:hidden;
position:absolute;
min-width:100%;
opacity:0;
transition:.3s;
}

.dropdown-uno:hover div, .dropdown-dos:hover div, .dropdown-tres:hover div, .dropdown-cuatro:hover div, .dropdown-cinco:hover div, .dropdown-seis:hover div{
visibility:visible;
opacity:1;
}

.dropdown-uno div a, .dropdown-dos div a, .dropdown-tres div a, .dropdown-cuatro div a, .dropdown-cinco:hover div a, .dropdown-seis:hover div a{
display:block;
text-decoration:none;
padding:8px;
color:#000;
transition:.1s;
white-space:nowrap;
}

.dropdown-uno  div a:hover, .dropdown-dos div a:hover, .dropdown-tres  div a:hover, .dropdown-cuatro div a:hover, .dropdown-cinco div a:hover, .dropdown-seis div a:hover{
background-color: var(--gris4);
color:white;
}

/* .dropdown-uno div {
	left: 1.5rem;
} */

.dropdown-dos i{
margin-right: 1rem;	
}
	
.dropdown-tres i{
	margin-right: 4rem;	
	}
	
.dropdown-cuatro i{
	margin-right: 0rem;	
	}


/* ------------------------------------------------------------------------------------------------- */

/* ESTILOS PARA EL GRID DE DIRECCIONES */
/* ESTILOS PARA EL GRID DE DIRECCIONES */
/* ESTILOS PARA EL GRID DE DIRECCIONES */
/* ESTILOS PARA EL GRID DE DIRECCIONES */



.titulodirecciones{
	grid-column: 1 / -1;
	grid-row: 1 / 2;
	text-align: center;
	font-family: var(--titulos1-familia);
	font-weight: var(--titulos9-fontweight);
	padding: 1.5rem;
	font-size: 2rem;
	}
	
	.direccionestodas{
	grid-column: 2 / 3;
	grid-row: 2 / 3;
	display: grid;
	grid-template-columns: 1fr 10px 1fr;
	grid-template-rows: auto auto auto;
	text-align: center;
	/* display: flex;
	justify-content: space-between; */
	}
	
	.verticaldirecciones{
		grid-column: 2 / 3;
		grid-row: 1 / 4;
		width: 2px;
		height: 100%;
		background-color: var(--azul1);
		margin: auto;
	}
	
	.dir1{
		grid-column: 1 / 2;
		grid-row: 1 / 2;
	}	
	
	.dir2{
		grid-column: 3 / 4;
		grid-row: 1 / 2;
	}	
	.dir3{
		grid-column: 1 / 2;
		grid-row: 2 / 3;
	}	
	.dir4{
		grid-column: 3 / 4;
		grid-row: 2 / 3;
	}	
	.dir6{
		grid-column: 1 / 3;
		grid-row: 3 / 4;
	}	
	.dir7{
		grid-column: 3 / 4;
		grid-row: 3 / 4;
	}	
	
	
	.direcciones6 {
		grid-column: 1 / -1;
		grid-row: 3 / 4;
		display: flex;
		justify-content: center;
		margin:  1rem auto 0rem auto;
	
	
		}
		
	/* .direccionestodasc{
	grid-column: 2 / 3;
	grid-row: 3 / 4;
	display: flex;
	justify-content: space-between;
	
	} */
	
	.contieneiconos{
	width: 4rem;
	/* nuevo */
	position: relative;
	right: 50px;
	}
	
	.politicapata{
		display: none;
	}
	
	.patapolitica{
		grid-column: 1 / -1;
		grid-row: 4 / 5;
		margin: 2rem;
	
	}
	
	.patapolitica a{
		text-decoration: none;
		color: #004070;
		display: flex;
		justify-content: center;
		font-family: var(--open);
		font-weight: var(--open-fontweight8);
	}
	
	.direcciones7{
	grid-column: 1 / -1;
	grid-row: 5 / 6;
	background-color: var(--azul2);
	
	}
	
	.direccionesvertical, .dir5{
	width: 2px;
	height: 33vh;
	background-color: var(--azul1);
	display: none;
	}
	
	
	.direcciones h5{
	font-family: var(--open);
	font-weight: var(--open-fontweight3);
	margin: 0px 1rem 3rem 1rem;
	text-align: center;
	font-size: 1.1rem;
	}
	
	.direcciones b{
	font-family: var(--open);
	font-weight: var(--open-fontweight8);
	}
	
	
	.icontec{
		/* grid-column: 1 / 2;
		grid-row: 1 / 2; */
		width: 7vw;
		margin: auto;
	
	}
	
	.iqnet{
		/* grid-column: 2 / 3;
		grid-row: 1 / 2; */
		width: 5vw;
		margin: auto;
		margin-left: 1rem;
		margin-top: .5rem;
	
	}
	
	.instagram22{
		/* grid-column: 1 / 2;
		grid-row: 2 / 3; */
		width: 6vw;
		margin: auto;
		margin-left: 5rem;
	
	}
	
	.facebook22{
		/* grid-column: 2 / 3;
		grid-row: 2 / 3; */
		width: 6vw;
		margin: auto;
		margin-left: 1rem;
	
	
	}
	
	.linkedin22{
		/* grid-column: 1 / 2;
		grid-row: 3 / 4; */
		width: 6vw;
		margin: auto 1rem;
	
	}
	
	.tiktok22{
		/* grid-column: 2 / 3;
		grid-row: 3 / 4; */
		width: 6vw;
		margin: auto;
	}
	
	.politicapata{
		/* grid-column: 1 / -1;
		grid-row: 4 / 5; */
		text-decoration: none;
		font-size: .8rem;
		font-family: var(--titulos1-familia);
		font-weight: var(--titulos5-fontweight);
		color: var(--azul2);
		margin: auto;
		text-align: center;
	
	}
	
	.terminospata{
		/* grid-column: 1 / -1;
		grid-row: 5 / 6; */
		text-decoration: none;
		font-size: .8rem;
		font-family: var(--titulos1-familia);
		font-weight: var(--titulos5-fontweight);
		color: var(--azul1);
		margin: auto;
		text-align: center;
	}
	
	.terminos{
		margin-top: 2rem;
	}
/* ------------------------------------------------------------------------------------------------- */


/* --------CHAT FIXED---------------------------------------------------------------------------------- */

.chatfixed{
	width: 50px;
	height: 50px;
	position: fixed;
	bottom: 15px;
	right: 15px;
	background-image: url(../img/todos/chatwp.svg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	z-index: 1000;
}
					

/* -------CHAT FIXED-------------------------------------------------------------------------------- */


					






}
