*{
	margin:0;
	padding: 0;
	box-sizing:border-box;
	font-family: Arial, Helvetica, Sans-Serif;
}

.fondo-especial{
	background: #f4f4f4;
}

a{
	text-decoration: none;
	color: #000;
	cursor:pointer;
}

p, a{font-size: 14px}

img{
	width: 100%;
	display: block;
	vertical-align: top;
}

img.auto{
    width:auto
}


/*---------CONTENEDORES--------*/

.all-fluid{
	width: 100%;
}

/*---------centrado-container------------------*/

.center{
	margin: auto;
	width: 90%;
	display: flex;
	flex-wrap:wrap;
}


@media (min-width: 401px) {
  .center {
    max-width: 370px;
  }
}


@media (min-width: 577px) {
  .center {
    max-width: 540px;
  }
}

@media (min-width: 769px) {
  .center {
    max-width: 750px;
  }
}

@media (min-width: 993px) {
  .center {
    max-width: 960px;
  }
}

@media (min-width: 1201px) {
  .center {
    max-width: 1140px;
  }
}

/*---------ALINEAMIENTO HORIZONTAL--------*/
.flex-start{
	justify-content:flex-start;
}

.flex-center{
	justify-content:center;
}

.flex-end{
	justify-content:flex-end;
}

.space-between{
	justify-content:space-between;
}

.space-around{
	justify-content:space-around;
}

/*---------ALINEAMIENTO VERTICAL--------*/

.align-start{
	align-items:flex-start;
}

.align-center{
	align-items:center;
}

.align-content-center{
	align-content:center;
}

.align-end{
	align-items:flex-end;
}

.align-between{
	align-items:space-between;
}

.align-around{
	align-items:space-around;
}



/*--------------FILAS Y COLUMNAS-----------------*/

.column{
	flex-direction:column;
	width: 100%;
}

.row-container{
	display: flex;
	flex-wrap:wrap;
}

.no-wrap{
    flex-wrap: nowrap;
}

/*----------- MEDIDAS TAMAÑO PC  PARA ARRIBA "(col-n)"--------------*/


	.col-1 {
		-ms-flex: 0 0 8.333333%;
	     flex: 0 0 8.333333%;
	  	max-width: 8.333333%;
	}

	.col-2 {
		-ms-flex: 0 0 16.666667%;
	      flex: 0 0 16.666667%;
	  	max-width: 16.666667%;
	}

	.col-3 {
		-ms-flex: 0 0 25%;
	      flex: 0 0 25%;
	  	max-width: 25%;
	}

	.col-4 {
		 -ms-flex: 0 0 33.333333%;
	      flex: 0 0 33.333333%;
	  	max-width: 33.333333%;
	}

	.col-5 {
		-ms-flex: 0 0 41.666667%;
	      flex: 0 0 41.666667%;
	  	max-width: 41.666667%;
	}

	.col-6 {
		-ms-flex: 0 0 50%;
	      flex: 0 0 50%;
	  	max-width: 50%;
	}

	.col-7 {
		-ms-flex: 0 0 58.333333%;
	      flex: 0 0 58.333333%;
	 	max-width: 58.333333%;
	}

	.col-8 {
		 -ms-flex: 0 0 66.666667%;
	      flex: 0 0 66.666667%;
	  	max-width: 66.666667%;
	}

	.col-9 {
		-ms-flex: 0 0 75%;
	      flex: 0 0 75%;
	  	max-width: 75%;
	}

	.col-10 {
		-ms-flex: 0 0 83.333333%;
	      flex: 0 0 83.333333%;
	 	 max-width: 83.333333%;
	}

	.col-11 {
		-ms-flex: 0 0 91.666667%;
	      flex: 0 0 91.666667%;
	  	max-width: 91.666667%;
	}

	.col-12 {
		-ms-flex: 0 0 100%;
	      flex: 0 0 100%;
	  	max-width: 100%;
	}

    .hide{
        display: none;
    }


/*----------- MEDIDAS TAMAÑO PC MEDIANA "(col-xl-n)" XL 950PX PARA ABAJO-------------*/

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

	.col-xl-1 {
		-ms-flex: 0 0 8.333333%;
	     flex: 0 0 8.333333%;
	  	max-width: 8.333333%;
	}

	.col-xl-2 {
		-ms-flex: 0 0 16.666667%;
	      flex: 0 0 16.666667%;
	  	max-width: 16.666667%;
	}

	.col-xl-3 {
		-ms-flex: 0 0 25%;
	      flex: 0 0 25%;
	  	max-width: 25%;
	}

	.col-xl-4{
		 -ms-flex: 0 0 33.333333%;
	      flex: 0 0 33.333333%;
	  	max-width: 33.333333%;
	}

	.col-xl-5{
		-ms-flex: 0 0 41.666667%;
	      flex: 0 0 41.666667%;
	  	max-width: 41.666667%;
	}

	.col-xl-6{
		-ms-flex: 0 0 50%;
	      flex: 0 0 50%;
	  	max-width: 50%;
	}

	.col-xl-7 {
		-ms-flex: 0 0 58.333333%;
	      flex: 0 0 58.333333%;
	 	max-width: 58.333333%;
	}

	.col-xl-8 {
		 -ms-flex: 0 0 66.666667%;
	      flex: 0 0 66.666667%;
	  	max-width: 66.666667%;
	}

	.col-xl-9 {
		-ms-flex: 0 0 75%;
	      flex: 0 0 75%;
	  	max-width: 75%;
	}

	.col-xl-10 {
		-ms-flex: 0 0 83.333333%;
	      flex: 0 0 83.333333%;
	 	 max-width: 83.333333%;
	}

	.col-xl-11 {
		-ms-flex: 0 0 91.666667%;
	      flex: 0 0 91.666667%;
	  	max-width: 91.666667%;
	}

	.col-xl-12 {
		-ms-flex: 0 0 100%;
	      flex: 0 0 100%;
	  	max-width: 100%;
	}

	/*alineamiento horizontal*/

	.xl-flex-start{
		justify-content:flex-start;
	}

	.xl-flex-center{
		justify-content:center;
	}

	.xl-flex-end{
		justify-content:flex-end;
	}

	.xl-space-between{
		justify-content:space-between;
	}

	.xl-space-around{
		justify-content:space-around;
	}

	/*alineamiento vertical*/

	.xl-align-start{
		align-items:flex-start;
	}

	.xl-align-center{
		align-items:center;
	}

	.xl-align-end{
		align-items:flex-end;
	}

	.xl-align-between{
		align-items:space-between;
	}

	.xl-align-around{
		align-items:space-around;
	}
    
    .xl-img-auto{
        width:auto
    }
    
    .xl-hide{
        display: none;
    }
}

/*----------- MEDIDAS TAMAÑO TABLET "(col-tb-n)" 768PX PARA ABAJO-------------*/

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

	.col-tb-1 {
		-ms-flex: 0 0 8.333333%;
	     flex: 0 0 8.333333%;
	  	max-width: 8.333333%;
	}

	.col-tb-2 {
		-ms-flex: 0 0 16.666667%;
	      flex: 0 0 16.666667%;
	  	max-width: 16.666667%;
	}

	.col-tb-3 {
		-ms-flex: 0 0 25%;
	      flex: 0 0 25%;
	  	max-width: 25%;
	}

	.col-tb-4{
		 -ms-flex: 0 0 33.333333%;
	      flex: 0 0 33.333333%;
	  	max-width: 33.333333%;
	}

	.col-tb-5{
		-ms-flex: 0 0 41.666667%;
	      flex: 0 0 41.666667%;
	  	max-width: 41.666667%;
	}

	.col-tb-6{
		-ms-flex: 0 0 50%;
	      flex: 0 0 50%;
	  	max-width: 50%;
	}

	.col-tb-7 {
		-ms-flex: 0 0 58.333333%;
	      flex: 0 0 58.333333%;
	 	max-width: 58.333333%;
	}

	.col-tb-8 {
		 -ms-flex: 0 0 66.666667%;
	      flex: 0 0 66.666667%;
	  	max-width: 66.666667%;
	}

	.col-tb-9 {
		-ms-flex: 0 0 75%;
	      flex: 0 0 75%;
	  	max-width: 75%;
	}

	.col-tb-10 {
		-ms-flex: 0 0 83.333333%;
	      flex: 0 0 83.333333%;
	 	 max-width: 83.333333%;
	}

	.col-tb-11 {
		-ms-flex: 0 0 91.666667%;
	      flex: 0 0 91.666667%;
	  	max-width: 91.666667%;
	}

	.col-tb-12 {
		-ms-flex: 0 0 100%;
	      flex: 0 0 100%;
	  	max-width: 100%;
	}

	/*alineamiento horizontal*/

	.tb-flex-start{
		justify-content:flex-start;
	}

	.tb-flex-center{
		justify-content:center;
	}

	.tb-flex-end{
		justify-content:flex-end;
	}

	.tb-space-between{
		justify-content:space-between;
	}

	.tb-space-around{
		justify-content:space-around;
	}

	/*alineamiento vertical*/

	.tb-align-start{
		align-items:flex-start;
	}

	.tb-align-center{
		align-items:center;
	}

	.tb-align-end{
		align-items:flex-end;
	}

	.tb-align-between{
		align-items:space-between;
	}

	.tb-align-around{
		align-items:space-around;
	}
    
    .tb-img-auto{
        width:auto
    }
    
    .tb-hide{
        display: none;
    }
    
    .tb-column{
        flex-direction: column
    }
}


/*-----------MEDIDAS SMALL "(col-small-n)" 576PX PARA ABAJO-------------*/

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

	.col-small-1 {
		-ms-flex: 0 0 8.333333%;
	     flex: 0 0 8.333333%;
	  	max-width: 8.333333%;
	}

	.col-small-2 {
		-ms-flex: 0 0 16.666667%;
	      flex: 0 0 16.666667%;
	  	max-width: 16.666667%;
	}

	.col-small-3 {
		-ms-flex: 0 0 25%;
	      flex: 0 0 25%;
	  	max-width: 25%;
	}

	.col-small-4{
		 -ms-flex: 0 0 33.333333%;
	      flex: 0 0 33.333333%;
	  	max-width: 33.333333%;
	}

	.col-small-5{
		-ms-flex: 0 0 41.666667%;
	      flex: 0 0 41.666667%;
	  	max-width: 41.666667%;
	}

	.col-small-6{
		-ms-flex: 0 0 50%;
	      flex: 0 0 50%;
	  	max-width: 50%;
	}

	.col-small-7 {
		-ms-flex: 0 0 58.333333%;
	      flex: 0 0 58.333333%;
	 	max-width: 58.333333%;
	}

	.col-small-8 {
		 -ms-flex: 0 0 66.666667%;
	      flex: 0 0 66.666667%;
	  	max-width: 66.666667%;
	}

	.col-small-9 {
		-ms-flex: 0 0 75%;
	      flex: 0 0 75%;
	  	max-width: 75%;
	}

	.col-small-10 {
		-ms-flex: 0 0 83.333333%;
	      flex: 0 0 83.333333%;
	 	 max-width: 83.333333%;
	}

	.col-small-11 {
		-ms-flex: 0 0 91.666667%;
	      flex: 0 0 91.666667%;
	  	max-width: 91.666667%;
	}

	.col-small-12 {
		-ms-flex: 0 0 100%;
	      flex: 0 0 100%;
	  	max-width: 100%;
	}

	/*alineamiento horizontal*/

	.sm-flex-start{
		justify-content:flex-start;
	}

	.sm-flex-center{
		justify-content:center;
	}

	.sm-flex-end{
		justify-content:flex-end;
	}

	.sm-space-between{
		justify-content:space-between;
	}

	.sm-space-around{
		justify-content:space-around;
	}

	/*alineamiento vertical*/

	.sm-align-start{
		align-items:flex-start;
	}

	.sm-align-center{
		align-items:center;
	}

	.sm-align-end{
		align-items:flex-end;
	}

	.sm-align-between{
		align-items:space-between;
	}

	.sm-align-around{
		align-items:space-around;
	}
    
    .sm-img-auto{
        width:auto
    }
    
    .sm-hide{
        display: none;
    }
}


/*-----------MEDIDAS CELULAR "(col-cel-n)" 400PX PARA ABAJO-------------*/

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

	.col-cel-1 {
		-ms-flex: 0 0 8.333333%;
	     flex: 0 0 8.333333%;
	  	max-width: 8.333333%;
	}

	.col-cel-2 {
		-ms-flex: 0 0 16.666667%;
	      flex: 0 0 16.666667%;
	  	max-width: 16.666667%;
	}

	.col-cel-3 {
		-ms-flex: 0 0 25%;
	      flex: 0 0 25%;
	  	max-width: 25%;
	}

	.col-cel-4{
		 -ms-flex: 0 0 33.333333%;
	      flex: 0 0 33.333333%;
	  	max-width: 33.333333%;
	}

	.col-cel-5{
		-ms-flex: 0 0 41.666667%;
	      flex: 0 0 41.666667%;
	  	max-width: 41.666667%;
	}

	.col-cel-6{
		-ms-flex: 0 0 50%;
	      flex: 0 0 50%;
	  	max-width: 50%;
	}

	.col-cel-7 {
		-ms-flex: 0 0 58.333333%;
	      flex: 0 0 58.333333%;
	 	max-width: 58.333333%;
	}

	.col-cel-8 {
		 -ms-flex: 0 0 66.666667%;
	      flex: 0 0 66.666667%;
	  	max-width: 66.666667%;
	}

	.col-cel-9 {
		-ms-flex: 0 0 75%;
	      flex: 0 0 75%;
	  	max-width: 75%;
	}

	.col-cel-10 {
		-ms-flex: 0 0 83.333333%;
	      flex: 0 0 83.333333%;
	 	 max-width: 83.333333%;
	}

	.col-cel-11 {
		-ms-flex: 0 0 91.666667%;
	      flex: 0 0 91.666667%;
	  	max-width: 91.666667%;
	}

	.col-cel-12 {
		-ms-flex: 0 0 100%;
	      flex: 0 0 100%;
	  	max-width: 100%;
	}

	/*alineamiento horizontal*/

	.cel-flex-start{
		justify-content:flex-start;
	}

	.cel-flex-center{
		justify-content:center;
	}

	.cel-flex-end{
		justify-content:flex-end;
	}

	.cel-space-between{
		justify-content:space-between;
	}

	.cel-space-around{
		justify-content:space-around;
	}

	/*alineamiento vertical*/

	.cel-align-start{
		align-items:flex-start;
	}

	.cel-align-center{
		align-items:center;
	}

	.cel-align-end{
		align-items:flex-end;
	}

	.cel-align-between{
		align-items:space-between;
	}

	.cel-align-around{
		align-items:space-around;
	}
    
    .cel-img-auto{
        width:auto
    }
    
    .cel-hide{
        display: none
    }
}