* {
	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:white;
	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;
	grid-template-areas:"homepage"
						"formalpp" 	
						"direcciones"; 	
	overflow-x: hidden;					

}
/* ------------------------------------------------------------------------------------------------- */

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

@media screen and (max-width: 687px){


.homepage{
	grid-area: homepage;
	background-color:rgb(255, 255, 255);
	display: grid;
	grid-template-columns: 98vw;
	grid-template-areas: "headerproductos"
						  "titulodefe"
						  "transparencia"
						 "titulodos"
						  "transparenciados"
						 "titulotres"
						  "transparenciatres"
						 "titulocuatro"
						  "transparenciacuatro"
						 "titulocinco"
						  "transparenciacinco"
}

/* .contenidopqr1{
	grid-area: contenidopqr1;
	max-width: 98vw;
	background: #ffffff;
	text-align: center;
} */


.formalpp{
	grid-area: formalpp;
	width: 98vw;
	/* margin-top: 3rem; */
	display: grid;
	grid-template-columns: 98vw;
	grid-template-areas: "formalcol1"
						 "formalcol2"
						 "formalcol3"
						 "formalcol4"
						 "formalcol5"
						 "formalcol6"
						 "formalcol7"
						 "formalcol8"
						 "formalcol9"
						 "formalcol10"
						 "formalcol11"

	}

.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 3.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: 5vw 35vw 53vw 5vw;
	grid-template-areas:   "blanco1 logo  redes1 blanco2"
							"blanco1 logo redes1 blanco2"
						 "blanco1 navppal navppal blanco2"
	}

	.titulodefe{
		grid-area: titulodefe;
		margin-top: 120px;
		display: flex;
		justify-content: center;
		align-items: flex-end;
		width: 1fr;
		background-color: var(--azul1);
		z-index: 10;
		}

.titulodos, .titulotres, .titulocuatro, .titulocinco{
		/* grid-area: titulodefe; */
		width: 1fr;
		background-color: var(--azul1);
		display: flex;
		justify-content: center;
		align-items: center;
		z-index: 10;
		/* max-width: 1313px; */

		}			
	
.transparencia{
	grid-area: transparencia;
	margin-bottom: 2rem;

	margin: 0rem 4rem 0rem 4rem;
	/* display: grid;
	grid-template-columns: 2fr 1fr;
	grid-template-rows: auto auto; */
}

.transparenciados{
	grid-area: transparenciados;
	margin: 0rem 4rem 0rem 4rem;
	/* display: grid;
	grid-template-columns: 2fr 1fr;
	grid-template-rows: auto auto; */
}

.transparenciatres{
	grid-area: transparenciatres;
	margin: 0rem 4rem 0rem 4rem;
	/* display: grid;
	grid-template-columns: 2fr 1fr;
	grid-template-rows: auto auto; */
}

.transparenciacuatro{
	grid-area: transparenciacuatro;
	margin: 0rem 4rem 0rem 4rem;
	/* display: grid;
	grid-template-columns: 2fr 1fr;
	grid-template-rows: auto auto; */
}

.transparenciacinco{
	grid-area: transparenciacinco;
	margin: 0rem 4rem 0rem 4rem;
	/* display: grid;
	grid-template-columns: 2fr 1fr;
	grid-template-rows: auto auto; */
}


.formulariopqr{
	grid-area: formulariopqr;
	background:var(--azul3);
	width: 98vw;
}

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

		/* HEADERPRODUCTOS */
		/* HEADERPRODUCTOS */


		.cajaheader1{
			grid-area: blanco1;
		}
		
		.cajaheader2 {
			grid-area: logo;
			text-align: left;
			margin-top: .5rem;
			}
		
		.logoaress {
			height: 65px;
			object-fit: cover;
			}
		
		
		.cajaheader3{
			grid-area: navppal;
			font-size: 1rem;
			line-height: 15px;
			display: flex;
			justify-content: space-between;
			align-items: center;
		
			}
		
		.cajaheader3 ul li a{
				font-size: .9rem;
			}
			
		.cajaheader6 a{
			text-decoration: none;
			text-align: center;
			color: var(--azul1);
			}
		
		.lineavertical{
			grid-area: navppal;
			width: 2px;
			height: 2rem;
			background: var(--azul2);
		}
		
		
		.cajaheader7 {
			grid-area: redes1;
			background-color:white;
			display: flex;
			justify-content: flex-end;
			align-items: flex-end;
			margin-right: 1rem;
			margin-bottom: 1.2rem;
			}
		
		.cajaheader8{
			display: none;
		
		}	
/*----------BUSCADOR-----------*/



.content-table{
	align-content: center;
	right: 15%; 
	top:95px;
	position:fixed;
	align-content:center;
	width:70%;/*50%*/
	max-width: 80%;/*50%*/
	margin:auto;
	background-color:#fff;
	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: 3.5rem;/*8rem*/
		height: 1.9rem;
		font-size:16px;
		padding: 5px;
		display: flex;
		justify-content:flex-end;
		align-items: center;
		margin-right: 10px;	
		border-radius: 50px;
		}
						
						
	.search input {
		width: 8rem;/*8rem*/
		height: 1.9rem;
		border-color:#00b2e3 !important;
		border-width: 2px;
		border: 1px solid ;
		border-radius: 20px;
		background-image: url("img/todos/lupa.svg");
		background-repeat: no-repeat;
		background-size: 18px 18px;
		background-position: center;
		}
					
						
	.search input { text-indent: 18px;}
	.search .fa-search { 
	position: absolute;
	top: 10px;
	left: 10px;
	}
					
						
						
	.cajalupa{
	width: 2rem;
	height: 1.9rem;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	/*	border-color:#00b2e3;
	border-width: 2px;
	border-style: solid;*/
	margin-right: 10px;	
	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;
}

		.cajalupa{
			display: inline-block;
		}
		
		.cajaencaja{
			width: 70%;
			height: 1.9rem;
			border-color:#00b2e3;
			border-width: 2px;
			border-style: solid;
			border-radius: 1rem;
			display: none;
		}
		
		.cajaheader9{
			display: none;
		}
		
		.cajaheader5{
			grid-area: blanco2;
			}
			
		.lupaa{
			height: 1.3rem;
		}
		
		.vl {
			border-left: 2px solid rgb(150, 150, 150);
			height: 27px;
			}
		
		.linkedinimg {
			width: 1.5rem;
			margin-left: .5rem;
			}
		
		.instagramimg, .facebookimg {
			width: 1.5rem;
			margin-left: .5rem;
			}
		
		.atencioncliente{
			font-weight: var(--open-fontweight6);
			letter-spacing: -1px;
			}	
		
		/* ------------------------------------------------------------------------------------------------- */
		
		/* ESTILOS PARA MENU DESPLEGABLE */
		
		
			/* header nav{
				background: rgb(56, 71, 56);
				max-width: 1000px;
				z-index: 1000;
				width: 95%;
				margin: 20px auto;
			} */
			
			.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 10px;
			}
		
			.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: -50%;
				width: 200%;
				z-index: 1000;
				padding: 10px;
				}
							
			.headerproductos ul li:hover .children1{
			display: block;
			}
							
			.headerproductos ul li .children1 li{
				display: block;
			}
			
			.children1 {
				/* list-style-type: none; */
				columns: 1;
				-webkit-columns: 1;
				-moz-columns: 1;
			}
		
			ul .children1 li a{
				color:var(--gris4);
				text-align: left;
				margin: 2px;
				padding: 0px 1rem;
			}
		
			ul .children1 li a:hover{
				background:var(--azul1);
				text-align: left;
				margin: 2px;
			}
		
			ul .children1 br{
				display: none;			
				}
		
		
			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: -0%;
				width: 200%;
				z-index: 1000;
				padding: 10px;
				}
							
			.headerproductos ul li:hover .childrendos{
			display: block;
			}
							
			.headerproductos ul li .childrendos li{
				display: block;
			}
			
			.childrendos {
				/* list-style-type: none; */
				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 {
				/* list-style-type: none; */
				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;
			}
				

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

				/* MENU TITULODEFE */
				/* MENU TITULODEFE */





					.contenedorfoto{
						display: none;
						}
			
					.derecha-gris-personas2{
						color: white;
						font-family: var(--open);
						font-weight: var(--open-fontweight3);
						margin: 0rem 0 0 0rem;
						display: flex;
						align-items: center;
						width: 80%;
						}
						
			
					.titulopersonas{
						font-size: 2.3rem;
						line-height: 2.3rem;
						font-family: var(--titulos1-familia);
						font-weight: var(--titulos1-fontweight);
						color: white;
						padding: 1rem 0 .8rem 0;
						/* margin-top: 1.8rem; */
						}

					.regresar{
						background-image: url(../img/educacion/regresar.svg);
						background-repeat: no-repeat;
						height: 30px;
						width: 50px;
						padding-bottom: 2.7rem;
						/* position: relative; */
						/* top: 210px;
						right: 99px; */


					}	

					.uno ul li, .dos ul li, .tres ul li{
						margin-left: 1.5rem;
					}
			
					.uno p{
						margin-bottom: 2rem;

					}

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

		/* ESTILOS PETICIONES */
		/* ESTILOS PETICIONES */


.fotofirma{
	/* float: right; */
	/* width: 35vw; */
	/* height: 40vw; */
	display: flex;
	flex-wrap: wrap;
	overflow: hidden;
}

.fotofirma img{
	margin: .5rem auto;
	/* width: 33vw; */
}

.uno{
margin-top: 2rem;
}

.transparencia img, .transparenciados img, .transparenciatres img, .transparenciacuatro img, .transparenciacinco img{
	max-width: 300px;
}

.transparencia h3 {
	font-size: 2.2rem;
	font-family: var(--titulos1-familia);
	font-weight: var(--titulos9-fontweight);
	line-height: 2.2rem;
	color: var(--azul2);
	margin: .4rem 0rem;
	padding-top: 2rem;
	text-align: center;
	/* margin: 0.5rem 0rem 0 5rem; */
	/* padding-right: 2rem; */

}

.transparencia h4, .transparenciados h4, .transparenciatres h4, .transparenciacuatro h4, .transparenciacinco h4{
	/* margin: 2rem; */
	font-family: var(--titulos1-familia);
	font-size: 1.2rem;
	color: var(--azul1);
}

.cajatransparencia{
	margin: .5rem 0rem;
}

/* .transparencia p{
margin: 2rem 5rem;
padding-right: 0rem;
} */

hr {
	margin: .9rem 0 2rem 0rem;
	height: 2px;
	background-color:var(--azul1);
	border: none;
}

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

		/* ESTILOS FORMULARIO PQR */
		/* ESTILOS FORMULARIO PQR */


.contact-form{
	width: 98vw;
	background: var(--azul3);
	display: grid;
	grid-template-columns: 1fr;
	grid-template-areas:  "formizquierdo  "
 						  "formderecho  "
}

.bynuno{
	grid-area: bynuno;
}

.formizquierdo{
	grid-area: formizquierdo;
	width: 80vw;
	margin: auto;
}

.formizquierdo br{
	display: none;
}

/* .formizquierdo li{
	margin: 2rem 0;
} */

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

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

ol{
	margin: 0 1rem 0 1rem;
}

.formizquierdo b{
font-size: 1.2rem;
}

.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: 2rem;
}

.byndos{
	grid-area: byndos;
}

.fotopqr{
	background-image: url(../img/home/iphone.jpg);
	background-repeat: no-repeat;
	background-position-x: center;
	margin: 20px;
	width: 100%;
	height: 330px;
}

  /* 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: none;
	border-radius: 8px;
	height: 40px;
	width: 100%;
	background: white;
	margin: 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(--azul1);
	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{
	display: none;
}

.dropdown-uno{
	grid-area: formalcol1;
	text-align: center;
	display: flex;
	}


.formales3{
	grid-area: formalcol2;
	width: 70vw;
	height: 2px;
	background-color: var(--azul2);
	margin: auto;
	}

.dropdown-dos{
	grid-area: formalcol3;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	}

.formales5{
	grid-area: formalcol4;
	width: 70vw;
	height: 2px;
	background-color: var(--azul2);
	margin: auto;

	}

.dropdown-tres{
	grid-area: formalcol5;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;

	}

.formales7{
	grid-area: formalcol6;
	width: 70vw;
	height: 2px;
	background-color: var(--azul2);
	margin: auto;
	}
	
.dropdown-cuatro{
	grid-area: formalcol11;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	}

.formales8{
	grid-area: formalcol8;
	width: 70vw;
	height: 2px;
	background-color: var(--azul2);
	margin: auto;
	}
	
.dropdown-cinco{
	grid-area: formalcol7;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	}


.formales10{
	grid-area: formalcol10;
	width: 70vw;
	height: 2px;
	background-color: var(--azul2);
	margin: auto;
	}

.dropdown-seis{
	grid-area: formalcol9;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	}


.formales9{
	display: none;
}

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

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

.formales2 ul li ul{
	position: absolute;
	color: var(--gris2);
	background-color: var(--gris4);
	border-radius: 5px;
	font-size: .8rem;
	margin-top: 21.4rem;
	padding: 0 .5rem 1rem .5rem;
	left: 1rem;
	display: none;
	}

.formales2 ul li:hover ul{
	display: block;
		}
	
.letternorma:hover, .fas:hover{
	color: var(--azul2)
}	

.formales2 ul li ul li{
	width: 100%;
}

.formales2 ul li ul a{
	color:var(--gris2);
	/* background-color: blue; */
	width: 100%;
	padding: 0 1rem;
}

.formales2 ul li ul a:hover{
	color: var(--azul2);
	background-color:var(--gris5);
	width: 100%;
	/* display: none; */
		}

.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: 3.2rem;

}

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

		/* SUBMENU GOBIERNO */


.dropdown-uno, .dropdown-dos, .dropdown-tres, .dropdown-cuatro, .dropdown-cinco, .dropdown-seis{
display:inline-block;
position:relative;
margin: 0 auto;
text-align: center;
}

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

.dropdown-dos button{
	border:none;
	padding:0px 1px;
	background-color: var(--gris5);
	color: var(--gris2);
	transition:.3s;
	cursor:pointer;
	font-size: 1rem;
	font-family: var(--open);
	font-weight: 100;
	line-height: 1rem;
	float: right;
	position:relative;
	top: 35px;
	left: -30px;
	}

.dropdown-tres button{
	border:none;
	padding:0px 1px;
	background-color: var(--gris5);
	color: var(--gris2);
	transition:.3s;
	cursor:pointer;
	font-size: 1rem;
	font-family: var(--open);
	font-weight: 100;
	line-height: 1rem;
	float: right;
	position:relative;
	top: 35px;
	left: -43px;
	}

.dropdown-cinco button{
	border:none;
	padding:0px 1px;
	background-color: var(--gris5);
	color: var(--gris2);
	transition:.3s;
	cursor:pointer;
	font-size: 1rem;
	font-family: var(--open);
	font-weight: 100;
	line-height: 1rem;
	float: right;
	position:relative;
	top: 35px;
	left: -43px;
	}

.dropdown-cuatro button{
	border:none;
	padding:0px 1px;
	background-color: var(--gris5);
	color: var(--azul2);
	transition:.3s;
	cursor:pointer;
	font-size: 1rem;
	font-family: var(--open);
	font-weight: 100;
	line-height: 1rem;
	float: right;
	position:relative;
	top: 35px;
	left: -14px;
	}
		
.dropdown-seis button{
	border:none;
	padding:0px 1px;
	background-color: var(--gris5);
	color: var(--gris2);
	transition:.3s;
	cursor:pointer;
	font-size: 1rem;
	font-family: var(--open);
	font-weight: 100;
	line-height: 1rem;
	float: right;
	position:relative;
	top: 35px;
left: -32px;
}


.dropdown-uno:hover button, .dropdown-dos:hover button, .dropdown-tres:hover button, .dropdown-cinco: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{
background-color: white;
box-shadow:0 4px 8px rgba(0,0,0,0.2);
z-index:1;
border-radius: .5rem;
/* padding: 0 1rem; */
visibility:hidden;
position:absolute;
/* opacity:0; */
transition:.3s;
}

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

.dropdown-uno div a, .dropdown-dos div a, .dropdown-tres div a, .dropdown-cuatro div a, .dropdown-cinco 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{
background-color: var(--gris4);
color:white;
}

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

.dropdown-dos div {
	left: 1.5rem;
}

.dropdown-tres div {
	left: 1.5rem;
}

.dropdown-cinco div {
	left: 5rem;
}


.dropdown-dos i{
margin-right: 4.2rem;	
}
	
.dropdown-cinco i{
	margin-right: 4.2rem;	
	}
	
.dropdown-tres i{
	margin-right: 4.8rem;	
	}
	
.dropdown-cuatro i{
	margin-right: 3rem;	
	}

	.dropdown-seis i{
		margin-right: 4.2rem;	
		}
		
					

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

/* 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: 2 / 3;
	grid-row: 1 / 2;
	text-align: center;
	font-family: var(--titulos1-familia);
	font-weight: var(--titulos9-fontweight);
	padding: 1.5rem;
	font-size: 1.5rem;
	}
	
	/* .direccionestodas, .direccionestodasb, .direccionestodasc,  .direccionestodasd{
	display: none;
	} */
	
	
	/* .direcciones6 {
	display: none;
	} */
	
	.direccionestodas{
		grid-column: 2 / 3;
		grid-row: 2 / 3;
		text-align: center;
	}
	
	.direcciones6{
		grid-column: 2 / 3;
		grid-row: 3 / 4;
		display: flex;
		justify-content: center;
		/* margin:  1rem auto 0rem auto; */
		
		}	
	
	/* .direcciones6 img{
		margin: 5px;
		} */
			
	
	.patapolitica{
		grid-column: 2 / 3;
		grid-row: 4 / 5;
		margin-top: 2rem;

	}	
	
	.patapolitica a{
		text-decoration: none;
		color: #004070;
		display: flex;
		justify-content: center;
		font-family: var(--open);
		font-weight: var(--open-fontweight8);
	}
	
	.direcciones7{
		margin-top: 1rem;
		grid-column: 1 / 4;
		grid-row: 5 / 6;
		background-color: var(--azul2);
	
	}
	
	/* .contieneiconos{
	text-align: center;
	} */
	/* 
	.contieneiconos img{
	height: 70px;
	margin: 0 1rem;
	} */
	
	
	.direcciones h5{
	font-family: var(--open);
	font-weight: var(--open-fontweight3);
	margin: 0px 1rem 2rem 1rem;
	text-align: center;
	font-size: 1.1rem;
	}
	
	.direcciones b{
	font-family: var(--open);
	font-weight: var(--open-fontweight8);
	}
	
	.direccionesvertical{
		display: none;
	}
	
	.icontec{
		/* grid-column: 1 / 2;
		grid-row: 1 / 2; */
		width: 10vw;
		/* margin: auto; */
	
	}
	
	.iqnet{
		/* grid-column: 2 / 3;
		grid-row: 1 / 2; */
		width: 7vw;
		margin: auto;
		margin-top: .6rem;
	}	
	
	
	.facebook22{
		/* grid-column: 2 / 3;
		grid-row: 2 / 3; */
		width: 8vw;
		margin: auto;
	
	}
	
	.youtube22{
		/* grid-column: 2 / 3;
		grid-row: 2 / 3; */
		width: 8vw;
		margin: auto;
	
	}
	
	
	.linkedin22{
		/* grid-column: 1 / 2;
		grid-row: 3 / 4; */
		width: 8vw;
		margin: auto;
		margin: auto;
	
	}
	
	.tiktok22{
		/* grid-column: 2 / 3;
		grid-row: 3 / 4; */
		width: 8vw;
		margin: auto;
	}
	
	.politicapata{
		display: none;
	}
	
	.direcciones6 a img{
		margin-right: .5rem;
	}
	
	.instagram22{
		/* grid-column: 1 / 2;
		grid-row: 2 / 3; */
		width: 8vw;
		margin: auto;
		margin-left: 3rem;
	
	}

	.terminos{
		margin-top: 1.5rem;
	}

	h5.dir3, h5.dir4{
		margin-bottom: .3rem;
	}

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

/* --------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-------------------------------------------------------------------------------- */



p, h4 {
	text-align: center;
}					






}