/****************************/
/*        margin top        */
/*      tipo : pixeles      */
/****************************/


.mt-10-px{
  margin-top: 10px;
}

.mt-20-px{
  margin-top: 20px;
}

.mt-30-px{
  margin-top: 30px;
}

.mt-40-px{
  margin-top: 40px;
}

.mt-50-px{
  margin-top: 50px;
}

.mt-60-px{
  margin-top: 60px;
}

.mt-70-px{
  margin-top: 70px;
}

.mt-80-px{
  margin-top: 80px;
}



/****************************/
/*        margin top        */
/*     tipo : porcentage    */
/****************************/


.mt-10-p{
  margin-top: 10%;
}

.mt-9-p{
  margin-top: 9%;
}

.mt-8-p{
  margin-top: 8%;
}

.mt-7-p{
  margin-top: 7%;
}

.mt-6-p{
  margin-top: 6%;
}

.mt-5-p{
  margin-top: 5%;
}

.mt-4-p{
  margin-top: 4%;
}

.mt-3-p{
  margin-top: 3%;
}

.mt-2-p{
  margin-top: 2%;
}

.mt-1-p{
  margin-top: 1%;
}



/****************************/
/*        margin top        */
/*        tipo : rem        */
/****************************/


.mt-10-r{
  margin-top: 10rem;
}

.mt-9-r{
  margin-top: 9rem;
}

.mt-8-r{
  margin-top: 8rem;
}

.mt-7-r{
  margin-top: 7rem;
}

.mt-6-r{
  margin-top: 6rem;
}

.mt-5-r{
  margin-top: 5rem;
}

.mt-4-r{
  margin-top: 4rem;
}

.mt-3-r{
  margin-top: 3rem;
}

.mt-2-r{
  margin-top: 2rem;
}

.mt-1-r{
  margin-top: 1rem;
}


/****************************/
/*      margin bottom       */
/*      tipo : pixeles      */
/****************************/


.mb-10-px{
  margin-bottom: 10px;
}

.mb-20-px{
  margin-bottom: 20px;
}

.mb-30-px{
  margin-bottom: 30px;
}

.mb-40-px{
  margin-bottom: 40px;
}

.mb-50-px{
  margin-bottom: 50px;
}

.mb-60-px{
  margin-bottom: 60px;
}

.mb-70-px{
  margin-bottom: 70px;
}

.mb-80-px{
  margin-bottom: 80px;
}



/****************************/
/*       margin bottom      */
/*     tipo : porcentage    */
/****************************/


.mb-10-p{
  margin-bottom: 10%;
}

.mb-9-p{
  margin-bottom: 9%;
}

.mb-8-p{
  margin-bottom: 8%;
}

.mb-7-p{
  margin-bottom: 7%;
}

.mb-6-p{
  margin-bottom: 6%;
}

.mb-5-p{
  margin-bottom: 5%;
}

.mb-4-p{
  margin-bottom: 4%;
}

.mb-3-p{
  margin-bottom: 3%;
}

.mb-2-p{
  margin-bottom: 2%;
}

.mb-1-p{
  margin-bottom: 1%;
}



/****************************/
/*       margin bottom      */
/*        tipo : rem        */
/****************************/


.mb-10-r{
  margin-bottom: 10rem;
}

.mb-9-r{
  margin-bottom: 9rem;
}

.mb-8-r{
  margin-bottom: 8rem;
}

.mb-7-r{
  margin-bottom: 7rem;
}

.mb-6-r{
  margin-bottom: 6rem;
}

.mb-5-r{
  margin-bottom: 5rem;
}

.mb-4-r{
  margin-bottom: 4rem;
}

.mb-3-r{
  margin-bottom: 3rem;
}

.mb-2-r{
  margin-bottom: 2rem;
}

.mb-1-r{
  margin-bottom: 1rem;
}



/****************************/
/*        margin left       */
/*      tipo : pixeles      */
/****************************/


.ml-10-px{
  margin-left: 10px;
}

.ml-20-px{
  margin-left: 20px;
}

.ml-30-px{
  margin-left: 30px;
}

.ml-40-px{
  margin-left: 40px;
}

.ml-50-px{
  margin-left: 50px;
}

.ml-60-px{
  margin-left: 60px;
}

.ml-70-px{
  margin-left: 70px;
}

.ml-80-px{
  margin-left: 80px;
}



/****************************/
/*       margin left        */
/*     tipo : porcentage    */
/****************************/


.ml-10-p{
  margin-left: 10%;
}

.ml-9-p{
  margin-left: 9%;
}

.ml-8-p{
  margin-left: 8%;
}

.ml-7-p{
  margin-left: 7%;
}

.ml-6-p{
  margin-left: 6%;
}

.ml-5-p{
  margin-left: 5%;
}

.ml-4-p{
  margin-left: 4%;
}

.ml-3-p{
  margin-left: 3%;
}

.ml-2-p{
  margin-left: 2%;
}

.ml-1-p{
  margin-left: 1%;
}



/****************************/
/*       margin left        */
/*        tipo : rem        */
/****************************/


.ml-10-r{
  margin-left: 10rem;
}

.ml-9-r{
  margin-left: 9rem;
}

.ml-8-r{
  margin-left: 8rem;
}

.ml-7-r{
  margin-left: 7rem;
}

.ml-6-r{
  margin-left: 6rem;
}

.ml-5-r{
  margin-left: 5rem;
}

.ml-4-r{
  margin-left: 4rem;
}

.ml-3-r{
  margin-left: 3rem;
}

.ml-2-r{
  margin-left: 2rem;
}

.ml-1-r{
  margin-left: 1rem;
}



/****************************/
/*      margin right        */
/*      tipo : pixeles      */
/****************************/


.mr-10-px{
  margin-right: 10px;
}

.mr-20-px{
  margin-right: 20px;
}

.mr-30-px{
  margin-right: 30px;
}

.mr-40-px{
  margin-right: 40px;
}

.mr-50-px{
  margin-right: 50px;
}

.mr-60-px{
  margin-right: 60px;
}

.mr-70-px{
  margin-right: 70px;
}

.mr-80-px{
  margin-right: 80px;
}



/****************************/
/*       margin right       */
/*     tipo : porcentage    */
/****************************/


.mr-10-p{
  margin-right: 10%;
}

.mr-9-p{
  margin-right: 9%;
}

.mr-8-p{
  margin-right: 8%;
}

.mr-7-p{
  margin-right: 7%;
}

.mr-6-p{
  margin-right: 6%;
}

.mr-5-p{
  margin-right: 5%;
}

.mr-4-p{
  margin-right: 4%;
}

.mr-3-p{
  margin-right: 3%;
}

.mr-2-p{
  margin-right: 2%;
}

.mr-1-p{
  margin-right: 1%;
}



/****************************/
/*       margin right       */
/*        tipo : rem        */
/****************************/


.mr-10-r{
  margin-right: 10rem;
}

.mr-9-r{
  margin-right: 9rem;
}

.mr-8-r{
  margin-right: 8rem;
}

.mr-7-r{
  margin-right: 7rem;
}

.mr-6-r{
  margin-right: 6rem;
}

.mr-5-r{
  margin-right: 5rem;
}

.mr-4-r{
  margin-right: 4rem;
}

.mr-3-r{
  margin-right: 3rem;
}

.mr-2-r{
  margin-right: 2rem;
}

.mr-1-r{
  margin-right: 1rem;
}


/****************************/
/*        margin y          */
/*      tipo : pixeles      */
/****************************/


.my-10-px{
  margin-top: 10px;
  margin-bottom: 10px; 
}

.my-20-px{
  margin-top: 20px;
  margin-bottom: 20px; 
}

.my-30-px{
  margin-top: 30px;
  margin-bottom: 30px; 
}

.my-40-px{
  margin-top: 40px;
  margin-bottom: 40px; 
}

.my-50-px{
  margin-top: 50px;
  margin-bottom: 50px; 
}

.my-60-px{
  margin-top: 60px;
  margin-bottom: 60px; 
}

.my-70-px{
  margin-top: 70px;
  margin-bottom: 70px; 
}

.my-80-px{
  margin-top: 80px;
  margin-bottom: 80px; 
}



/****************************/
/*         margin y         */
/*     tipo : porcentage    */
/****************************/


.my-10-p{
  margin-top: 10%;
  margin-bottom: 10%; 
}

.my-9-p{
  margin-top: 9%;
  margin-bottom: 9%; 
}

.my-8-p{
  margin-top: 8%;
  margin-bottom: 8%; 
}

.my-7-p{
  margin-top: 7%;
  margin-bottom: 7%; 
}

.my-6-p{
  margin-top: 6%;
  margin-bottom: 6%; 
}

.my-5-p{
  margin-top: 5%;
  margin-bottom: 5%; 
}

.my-4-p{
  margin-top: 4%;
  margin-bottom: 4%; 
}

.my-3-p{
  margin-top: 3%;
  margin-bottom: 3%; 
}

.my-2-p{
  margin-top: 2%;
  margin-bottom: 2%; 
}

.my-1-p{
  margin-top: 1%;
  margin-bottom: 1%; 
}



/****************************/
/*         margin y         */
/*        tipo : rem        */
/****************************/


.my-10-r{
  margin-top: 10rem;
  margin-bottom: 10rem; 
}

.my-9-r{
  margin-top: 9rem;
  margin-bottom: 9rem; 
}

.my-8-r{
  margin-top: 8rem;
  margin-bottom: 8rem; 
}

.my-7-r{
  margin-top: 7rem;
  margin-bottom: 7rem; 
}

.my-6-r{
  margin-top: 6rem;
  margin-bottom: 6rem; 
}

.my-5-r{
  margin-top: 5rem;
  margin-bottom: 5rem; 
}

.my-4-r{
  margin-top: 4rem;
  margin-bottom: 4rem; 
}

.my-3-r{
  margin-top: 3rem;
  margin-bottom: 3rem; 
}

.my-2-r{
  margin-top: 2rem;
  margin-bottom: 2rem; 
}

.my-1-r{
  margin-top: 1rem;
  margin-bottom: 1rem; 
}


/****************************/
/*        margin x          */
/*      tipo : pixeles      */
/****************************/


.mx-10-px{
  margin-left: 10px;
  margin-right: 10px; 
}

.mx-20-px{
  margin-left: 20px;
  margin-right: 20px; 
}

.mx-30-px{
  margin-left: 30px;
  margin-right: 30px; 
}

.mx-40-px{
  margin-left: 40px;
  margin-right: 40px; 
}

.mx-50-px{
  margin-left: 50px;
  margin-right: 50px; 
}

.mx-60-px{
  margin-left: 60px;
  margin-right: 60px; 
}

.mx-70-px{
  margin-left: 70px;
  margin-right: 70px; 
}

.mx-80-px{
  margin-left: 80px;
  margin-right: 80px; 
}



/****************************/
/*         margin x         */
/*     tipo : porcentage    */
/****************************/


.mx-10-p{
  margin-left: 10%;
  margin-right: 10%; 
}

.mx-9-p{
  margin-left: 9%;
  margin-right: 9%; 
}

.mx-8-p{
  margin-left: 8%;
  margin-right: 8%; 
}

.mx-7-p{
  margin-left: 7%;
  margin-right: 7%; 
}

.mx-6-p{
  margin-left: 6%;
  margin-right: 6%; 
}

.mx-5-p{
  margin-left: 5%;
  margin-right: 5%; 
}

.mx-4-p{
  margin-left: 4%;
  margin-right: 4%; 
}

.mx-3-p{
  margin-left: 3%;
  margin-right: 3%; 
}

.mx-2-p{
  margin-left: 2%;
  margin-right: 2%; 
}

.mx-1-p{
  margin-left: 1%;
  margin-right: 1%; 
}


/****************************/
/*         margin x         */
/*        tipo : rem        */
/****************************/


.mx-10-r{
  margin-left: 10rem;
  margin-right: 10rem; 
}

.mx-9-r{
  margin-left: 9rem;
  margin-right: 9rem; 
}

.mx-8-r{
  margin-left: 8rem;
  margin-right: 8rem; 
}

.mx-7-r{
  margin-left: 7rem;
  margin-right: 7rem; 
}

.mx-6-r{
  margin-left: 6rem;
  margin-right: 6rem; 
}

.mx-5-r{
  margin-left: 5rem;
  margin-right: 5rem; 
}

.mx-4-r{
  margin-left: 4rem;
  margin-right: 4rem; 
}

.mx-3-r{
  margin-left: 3rem;
  margin-right: 3rem; 
}

.mx-2-r{
  margin-left: 2rem;
  margin-right: 2rem; 
}

.mx-1-r{
  margin-left: 1rem;
  margin-right: 1rem; 
}


/****************************/
/*       margin reset       */
/****************************/