.col { border:0px solid rgba(0,0,0,0); float:left; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -moz-background-clip:padding-box !important; -webkit-background-clip:padding-box !important; background-clip:padding-box !important;}
.col {border-left-width:18px; padding:0 0px;}
.col.long {border-left-width:30px !important; padding:0 0px;}

.row {margin-left:-18px;}
.row .col:first-child {margin-left:0;}
.row.long {margin-left:-30px !important;}

.row .col.esp:first-child {margin-left:0;}
.row .col.esp:last-child {margin-right:0;}

.row .col.long:first-child {margin-left:0 !important;}
.row .col.long:last-child {margin-right:0 !important;}

.span-1 {width:8.33333333333%;}
.span-2 {width:16.6666666667%;}
.span-25 {width:20%;}
.span-3 {width:25.0%;}
.span-4 {width:33.3333333333%;}
.span-5 {width:41.6666666667%;}
.span-6 {width:50.0%;}
.span-7 {width:58.3333333333%;}
.span-8 {width:66.6666666667%;}
.span-9 {width:75.0%;}
.span-10 {width:83.3333333333%;}
.span-11 {width:91.6666666667%;}
.span-12 {margin-left:0; width:100%;}

/*--XS Extra Small Móviles--*/
@media screen and (max-width: 767px) {
	.xs-1 {width:8.33333333333%;}
	.xs-2 {width:16.6666666667%;}
	.xs-25{width:20%}
	.xs-3 {width:25.0%;}
	.xs-4 {width:33.3333333333%;}
	.xs-5 {width:41.6666666667%;}
	.xs-6 {width:50.0%;}
	.xs-7 {width:58.3333333333%;}
	.xs-8 {width:66.6666666667%;}
	.xs-9 {width:75.0%;}
	.xs-10 {width:83.3333333333%;}
	.xs-11 {width:91.6666666667%;}
	.xs-12 {margin-left:0; width:100%;}
    }

/*--XSM Small Móviles--*/
@media (min-width:426px) and (max-width: 766px){
	.xsm-1 {width:8.33333333333%;}
	.xsm-2 {width:16.6666666667%;}
	.xsm-25{width:20%}
	.xsm-3 {width:25.0%;}
	.xsm-4 {width:33.3333333333%;}
	.xsm-5 {width:41.6666666667%;}
	.xsm-6 {width:50.0%;}
	.xsm-7 {width:58.3333333333%;}
	.xsm-8 {width:66.6666666667%;}
	.xsm-9 {width:75.0%;}
	.xsm-10 {width:83.3333333333%;}
	.xsm-11 {width:91.6666666667%;}
	.xsm-12 {margin-left:0; width:100%;}
    }

/*--SM Small Tablet y móviles grandes--*/
@media screen and (min-width: 768px) and (max-width: 991px) {
	.sm-1 {width:8.33333333333%;}
	.sm-2 {width:16.6666666667%;}
	.sm-25{width:20%}
	.sm-3 {width:25.0%;}
	.sm-4 {width:33.3333333333%;}
	.sm-5 {width:41.6666666667%;}
	.sm-6 {width:50.0%;}
	.sm-7 {width:58.3333333333%;}
	.sm-8 {width:66.6666666667%;}
	.sm-9 {width:75.0%;}
	.sm-10 {width:83.3333333333%;}
	.sm-11 {width:91.6666666667%;}
	.sm-12 {margin-left:0; width:100%;}
    }

/*--MD Medium PC pequeño y tablet--*/
@media screen and (min-width: 991px) and (max-width: 1199px) {
	.md-1 {width:8.33333333333%;}
	.md-2 {width:16.6666666667%;}
	.md-25{width:20%}
	.md-3 {width:25.0%;}
	.md-4 {width:33.3333333333%;}
	.md-5 {width:41.6666666667%;}
	.md-6 {width:50.0%;}
	.md-7 {width:58.3333333333%;}
	.md-8 {width:66.6666666667%;}
	.md-9 {width:75.0%;}
	.md-10 {width:83.3333333333%;}
	.md-11 {width:91.6666666667%;}
	.md-12 {margin-left:0; width:100%;}
    }

/*--LG Large PC grande--*/
@media screen and (min-width: 1200px) {
	.lg-1 {width:8.33333333333%;}
	.lg-2 {width:16.6666666667%;}
	.lg-25{width:20%}
	.lg-3 {width:25.0%;}
	.lg-4 {width:33.3333333333%;}
	.lg-5 {width:41.6666666667%;}
	.lg-6 {width:50.0%;}
	.lg-7 {width:58.3333333333%;}
	.lg-8 {width:66.6666666667%;}
	.lg-9 {width:75.0%;}
	.lg-10 {width:83.3333333333%;}
	.lg-11 {width:91.6666666667%;}
	.lg-12 {margin-left:0; width:100%;}
    }