*{
	margin:0px;
	padding: 0px;
	box-sizing: border-box;
	/*font-family: sans-serif;*/
}

footer{
	width: 100%;				/* cambia el ancho toda la pagina*/
	max-width: 90%;
	margin: 15px auto; 
	/*width: 100%;*/
	background: #202020;
	color:white;
	/*padding: 40px; lo quita en 35:50*/
	border-radius: 1em;
}
.container-footer-all{
	width: 100%;
	max-width: 1200px;
	margin:auto; /*20:50 para q siempre este centrado*/
	padding: 20px; /*lo agrega en 35:50 despues de quitarle al footer*/
	font-size: 22px;
	font-family: sans-serif;
}
.container-body{	/*19:30 agrega display flex para q el contenido se convierta en 3 columnas*/
	display: flex;
	justify-content: space-between; /*Ojo añadido en 30:30 1ro era "center"- pero queda espacio en los bordes y 32:20 lo cambia space between para que ocupen el espacio total y yano hay bordes  */

}

/*Creacion de clases para aplicar uno sola clase a varios lugares*/
.inicio{
	text-align: justify;
}

.big {
	font-size: 19px;
	/*font-family:tangerine;*/
	font-family: verdana;
	color:#AA2323;
	/*font-weight: bold;*/
}

.column1{
	max-width: 500px;
}
.column1 h3{
	font-size: 15px;
}
.column1 p{
	font-size: 16px;
	color: #c7c7c7;
	margin-top: 10px;
	/*text-align: justify; ojo se puso mas arriba en creacion de clases*/
}
.column2{
	max-width: 300px;
}
.column2 h3{
	font-size: 15px;
}
.row{
	margin-top: 10px;
	display: flex;		/*Ojo*/
}
.row img{
	width: 25px;
	height: 25px;
}

.row label{
	margin-top: 4px; /* hace q se centre (siguenos en..) con respecto a su icono*/
	margin-left: 10px; /*lo mismo para (siguenos en ) para que se aleje de su icono*/
	color: #c7c7c7;
	font-size: 12px; /*COntrola letras de las etiquetas siguenos en..*/
}
.column3{
	max-width: 300px;
}
.column3 h3{
	font-size: 15px;
}
.row2{
	margin-top: 10px;
	display: flex;  /*Ojo*/
}

.row2 img{
	width: 19px;
	height: 19px;
}

.row2 label{
	margin-bottom: 4px;
	margin-left: 10px;
	max-width: 160px;
	font-size: 12px;	/*Letra av. circunalacion..*/
}

.container-footer{
	width: 100%;
	background: #5D6261;
}
.footer{
	max-width: 900px;
	margin:auto;
	display: flex;
	justify-content: space-between;
	padding: 8px;
}
.copyright{
	color:#c7c7c7;
	font-size: 13px;
}
.row a{
	color: #c7c7c7;
	text-decoration: none;
}
.row2 a{
	text-decoration: none;
	color: #c7c7c7;
	font-size: 12px;/*Letras de llama por telef al progr*/
}

.copyright a{
	text-decoration:none;
	color: #d2691e;
	font-weight: bold;
}
.information a{
	text-decoration: none;
	color: #c7c7c7;
	font-size: 10px; /*Letra Informacion de la .. abajo de todo*/
}

@media screen and (max-width:894px){ /*HAsta aqui esta aguantando las 3 columnas en una sola fila*/
	.container-footer-all{ /*se da mas espacio a las 3 columnas para que puedan salir mas a los costados*/
		padding: 25px;
	}
	.column1{
	max-width: 200px;
	margin-right: 15px;
	margin-left: 0px;
	}
	.column1 p{
	font-size: 12px;
	}
	.column2{
	max-width: 210px;
	} 
}


@media screen and (max-width:722px){ /*Aqui pone las 3 columnas una debajo de otra*/
	.container-body{
		flex-wrap: wrap;
	}	
	.column1 {
		max-width: 100%;
	}
	.column2,
	.column3{
		margin-top: 40px;
	}
}



/*Aqui comienza wasap Actual, L56 en Index.php*/
.aw{
	position: fixed;
	right: 26px;
	bottom: 120px;
	width: 60px;
	z-index: 1000;
}

.aw img{
	width: 100%;
	height: auto;
}
/*Aqui termina wasap Actual*/