.clearfix {
	clear: both;
}
.left{
   float: left;
}
.right{
   float: right;
}
.relativo {
	position: relative;
}
.flex-center {
   display: flex;
   align-items: center;
   justify-content: center;
   min-height: 120px;
}
.border-left {
	border-left: 1px solid #102c31;
    padding-left: 10px;
}
.border-right {
	border-right: 1px solid #102c31;
   padding-right: 10px;
}
.info{
   margin: 0 0 20px 0;
}

.hr{
   width: 100%;
   height: 1px;
   border-bottom: 1px solid #2d2d2d;
   margin: 15px 0;
}

.justificado {
	text-align: justify;
}
.color-blanco{
   color: #fff !important;
}

/*Magenes*/

.mt10{ margin-top: 10px }
.mt20{ margin-top: 20px }
.mt30{ margin-top: 30px }
.mt40{ margin-top: 40px }
.mt50{ margin-top: 50px }

.mr10{ margin-right: 10px }
.mr20{ margin-right: 20px }
.mr30{ margin-right: 30px }
.mr40{ margin-right: 40px }
.mr50{ margin-right: 50px }

.mb10{ margin-bottom: 10px }
.mb20{ margin-bottom: 20px }
.mb30{ margin-bottom: 30px }
.mb40{ margin-bottom: 40px }
.mb50{ margin-bottom: 50px }
.mb60{ margin-bottom: 60px }
.mb70{ margin-bottom: 70px }
.mb80{ margin-bottom: 80px }
.mb90{ margin-bottom: 90px }
.mb100{ margin-bottom: 100px }

.ml10{ margin-left: 10px }
.ml20{ margin-left: 20px }
.ml30{ margin-left: 30px }
.ml40{ margin-left: 40px }
.ml50{ margin-left: 50px }

/*Padding*/

.pt10{ padding-top: 10px }
.pt20{ padding-top: 20px }
.pt30{ padding-top: 30px }
.pt40{ padding-top: 40px }
.pt50{ padding-top: 50px }

.pr10{ padding-right: 10px }
.pr20{ padding-right: 20px }
.pr30{ padding-right: 30px }
.pr40{ padding-right: 40px }
.pr50{ padding-right: 50px }

.pb10{ padding-bottom: 10px }
.pb20{ padding-bottom: 20px }
.pb30{ padding-bottom: 30px }
.pb40{ padding-bottom: 40px }
.pb50{ padding-bottom: 50px }

.pl10{ padding-left: 10px }
.pl20{ padding-left: 20px }
.pl30{ padding-left: 30px }
.pl40{ padding-left: 40px }
.pl50{ padding-left: 50px }