/* ********************************** ************** ******************************** */
/* ************************** PADR�ES DE ESTILO DO TOOLSYS 7 ************************ */

/* -------------------------------------- IMPORT ------------------------------------ */
@import 'Base.less';
/* ---------------------------------------------------------------------------------- */





/* ------------------------------------- BLOCKS ------------------------------------- */
.blocks-2, .blocks-3, .blocks-4, .blocks-5, .blocks-6, .blocks-7, .blocks-8 {
	padding-left: 0;
	list-style: none;
	margin-top: 0px;
	margin-left: -@grid-gutter-width / (@grid-width / 100) * 1%;
	.clearfix;
	& li { height: auto; float: left; margin-bottom: @base-line; margin-left: @grid-gutter-width / (@grid-width / 100) * 1%; }
}

.blocks-2 > li { .block(2); }
.blocks-3 > li { .block(3); }
.blocks-4 > li { .block(4); }
.blocks-5 > li { .block(5); }
.blocks-6 > li { .block(6); }
.blocks-7 > li { .block(7); }
.blocks-8 > li { .block(8); }
.block-first { clear: both; }

@media only screen and (max-width: 767px)
{
	.blocks-2, .blocks-3, .blocks-4, .blocks-5, .blocks-6 , .blocks-7 , .blocks-8 { margin-left: 0; margin-bottom: @base-line; }
	.blocks-2 > li, .blocks-3 > li, .blocks-4 > li, .blocks-5 > li, .blocks-6 > li, .blocks-7 > li, .blocks-8 > li { float: none; margin-left: 0; width: 100%; }
	.blocks-mobile-50 > li, .blocks-mobile-33 > li { float: left; margin-left: @grid-gutter-width/(@grid-width/100)*1%; }
	.blocks-mobile-33, .blocks-mobile-50 { margin-left: -@grid-gutter-width/(@grid-width/100)*1%; }
	.blocks-mobile-50 > li { .block(2); }
	.blocks-mobile-33 > li { .block(3); }
}
/* ---------------------------------------------------------------------------------- */




/* ------------------------------------- GRIDS -------------------------------------- */
.units-container, .units-row { .clearfix; }

.units-container { padding-top: 1px; margin-top: -1px; }
.units-row { margin-bottom: @base-line; }

.width-100, .unit-100 { width: 100%;  }
.width-90, .unit-90   { width: 90%;   }
.width-80, .unit-80   { width: 80%;   }
.width-75, .unit-75   { width: 75%;   }
.width-70, .unit-70   { width: 70%;   }
.width-66, .unit-66   { width: 66.6%; }
.width-65, .unit-65   { width: 65%;   }
.width-60, .unit-60   { width: 60%;   }
.width-50, .unit-50   { width: 50%;   }
.width-40, .unit-40   { width: 40%;   }
.width-35, .unit-35   { width: 35%;   }
.width-33, .unit-33   { width: 33.3%; }
.width-30, .unit-30   { width: 30%;   }
.width-25, .unit-25   { width: 25%;   }
.width-20, .unit-20   { width: 20%;   }
.width-15, .unit-15   { width: 15%;   }
.width-10, .unit-10   { width: 10%;   }

.units-row .unit-90, .units-row .unit-80, .units-row .unit-75, .units-row .unit-70, .units-row .unit-66, .units-row .unit-65, .units-row .unit-60, .units-row .unit-50, .units-row .unit-40, .units-row .unit-35, .units-row .unit-33, .units-row .unit-30, .units-row .unit-25, .units-row .unit-20, .units-row .unit-15, .units-row .unit-10 { float: left; margin-left: @grid-gutter-width/(@grid-width/100)*1%; &:first-child { margin-left: 0; } }

.units-row .unit-90 { .columns(9, 10); }
.units-row .unit-80 { .columns(4, 5); }
.units-row .unit-75 { .columns(3, 4); }
.units-row .unit-70 { .columns(7, 10); }
.units-row .unit-66 { .columns(2, 3); }
.units-row .unit-65 { .columns(2, 3); }
.units-row .unit-60 { .columns(3, 5); }
.units-row .unit-50 { .column(2); }
.units-row .unit-40 { .columns(2, 5); }
.units-row .unit-35 { .column(3); }
.units-row .unit-33 { .column(3); }
.units-row .unit-30 { .columns(3, 10); }
.units-row .unit-25 { .column(4); }
.units-row .unit-20 { .column(5); }
.units-row .unit-15 { .columns(1.5, 10); width: 14.0%; }
.units-row .unit-10 { .columns(1, 10); }

.unit-push-90, .unit-push-80, .unit-push-75, .unit-push-70, .unit-push-66, .unit-push-65, .unit-push-60, .unit-push-50, .unit-push-40, .unit-push-35, .unit-push-33, .unit-push-30, .unit-push-25, .unit-push-20, .unit-push-15, .unit-push-10 { position: relative; }

.unit-push-90 { .columns-push(9, 10); }
.unit-push-80 { .columns-push(4, 5); }
.unit-push-75 { .columns-push(3, 4); }
.unit-push-70 { .columns-push(7, 10); }
.unit-push-66 { .columns-push(2, 3); }
.unit-push-65 { .columns-push(2, 3); }
.unit-push-60 { .columns-push(3, 5); }
.unit-push-50 { .column-push(2); }
.unit-push-40 { .columns-push(2, 5); }
.unit-push-35 { .column-push(3); }
.unit-push-33 { .column-push(3); }
.unit-push-30 { .columns-push(3, 10); }
.unit-push-25 { .column-push(4); }
.unit-push-20 { .column-push(5); }
.unit-push-15 { .column-push(5); }
.unit-push-10 { .columns-push(1, 10); }

.units-row .unit-push-right { float: right; }
.centered, .unit-centered { float: none !important; margin: 0 auto !important; }
.unit-padding { padding: @base-line; }

.units-padding .unit-100, .units-padding .unit-90, .units-padding .unit-80, .units-padding .unit-75, .units-padding .unit-70, .units-padding .unit-66, .units-padding .unit-65, .units-padding .unit-60, .units-padding .unit-50, .units-padding .unit-40, .units-padding .unit-35, .units-padding .unit-33, .units-padding .unit-30, .units-padding .unit-25, .units-padding .unit-20, .units-padding .unit-15, .units-padding .unit-10 { padding: @base-line; }
.units-split .unit-90, .units-split .unit-80, .units-split .unit-75, .units-split .unit-70, .units-split .unit-66, .units-split .unit-65, .units-split .unit-60, .units-split .unit-50, .units-split .unit-40, .units-split .unit-35, .units-split .unit-33, .units-split .unit-30, .units-split .unit-25, .units-split .unit-20, .units-split .unit-15, .units-split .unit-10 { margin-left: 0; }

.units-split .unit-90 { width: 90%;   }
.units-split .unit-80 { width: 80%;   }
.units-split .unit-75 { width: 75%;   }
.units-split .unit-70 { width: 70%;   }
.units-split .unit-66 { width: 66.6%; }
.units-split .unit-65 { width: 65%;   }
.units-split .unit-60 { width: 60%;   }
.units-split .unit-50 { width: 50%;   }
.units-split .unit-40 { width: 40%;   }
.units-split .unit-35 { width: 35%;   }
.units-split .unit-33 { width: 33.3%; }
.units-split .unit-30 { width: 30%;   }
.units-split .unit-25 { width: 25%;   }
.units-split .unit-20 { width: 20%;   }
.units-split .unit-15 { width: 15%;   }
.units-split .unit-10 { width: 10%;   }

@media only screen and (max-width: 767px)
{
	.mobile-width-100 { width: 100%; }
	.units-row .unit-90, .units-row .unit-80, .units-row .unit-75, .units-row .unit-70, .units-row .unit-66, .units-row .unit-65, .units-row .unit-60, .units-row .unit-50, .units-row .unit-40, .units-row .unit-35, .units-row .unit-33, .units-row .unit-30, .units-row .unit-25, .units-row .unit-20, .units-row .unit-15, .units-row .unit-10 { width: 100%; float: none; margin-left: 0; margin-bottom: @base-line; }
	.unit-push-90, .unit-push-80, .unit-push-75, .unit-push-70, .unit-push-66, .unit-push-65, .unit-push-60, .unit-push-50, .unit-push-40, .unit-push-35, .unit-push-33, .unit-push-30, .unit-push-25, .unit-push-20, .unit-push-10 { left: 0; }
	.units-row .unit-push-right { float: none; }
	
	.units-mobile-50 .unit-90, .units-mobile-50 .unit-80, .units-mobile-50 .unit-75, .units-mobile-50 .unit-70, .units-mobile-50 .unit-66, .units-mobile-50 .unit-65, .units-mobile-50 .unit-60, .units-mobile-50 .unit-40, .units-mobile-50 .unit-30, .units-mobile-50 .unit-35, .units-mobile-50 .unit-33, .units-mobile-50 .unit-25, .units-mobile-50 .unit-20, .units-mobile-50 .unit-15, .units-mobile-50 .unit-10 { float: left; margin-left: @grid-gutter-width/(@grid-width/100)*1%; .column(2); }
	.units-mobile-50 .unit-90:first-child, .units-mobile-50 .unit-80:first-child, .units-mobile-50 .unit-75:first-child, .units-mobile-50 .unit-70:first-child, .units-mobile-50 .unit-66:first-child, .units-mobile-50 .unit-65:first-child, .units-mobile-50 .unit-60:first-child, .units-mobile-50 .unit-40:first-child, .units-mobile-50 .unit-35:first-child, .units-mobile-50 .unit-30:first-child, .units-mobile-50 .unit-33:first-child, .units-mobile-50 .unit-25:first-child, .units-mobile-50 .unit-20:first-child, .units-mobile-50 .unit-15:first-child, .units-mobile-50 .unit-10:first-child { margin-left: 0; }
	
	.units-mobile-50 .first-mobile-unit { margin-left: 0px; }
}
/* ---------------------------------------------------------------------------------- */