@charset "utf-8";


 body{
	width: 100%;
  }
.xcontainer{
	max-width: 1200px;
}
.x1{
	width: 5%;
}
.x2{
	width: 10%;
}
.x3{
	width: 15%;
}
.x4{
	width: 20%;
}
.x5{
	width: 25%;
}
.x6{
	width: 30%;
}
.x7{
	width: 35%;
}
.x8{
	width: 40%;
}
.x9{
	width: 45%;
}
.x10{
	width: 50%;
}
.x11{
	width: 55%;
}
.x12{
	width: 60%;
}
.x13{
	width: 65%;
}
.x14{
	width: 70%;
}
.x15{
	width: 75%;
}
.x16{
	width: 80%;
}
.x17{
	width: 85%;
}
.x18{
	width: 90%;
}
.x19{
	width: 95%;
}
.x20{
	width: 100%;
}
/****/
.x1, .x2, .x3, 
.x4, .x5, .x6, 
.x7, .x8, .x9, 
.x10, .x11, 
.x12, .x13, 
.x14, .x15, 
.x16, .x17, 
.x18, .x19{
	display: inline;
	float: left;
}
.x1, .x2, .x3, 
.x4, .x5, .x6, 
.x7, .x8, .x9, 
.x10, .x11, 
.x12, .x13, 
.x14, .x15, 
.x16, .x17, 
.x18, .x19, .x20{
	padding: 0 20px 15px;
}
/**Compensa os 15 px espaço de cada lado quando adicionado**/
.xpand{
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 0;
}
.xclear{
	margin: 0 -20px;
}
/****/
.xpush1, .xpull1,
.xpush2, .xpull2,
.xpush3, .xpull3,
.xpush4, .xpull4,
.xpush5, .xpull5,
.xpush6, .xpull6,
.xpush7, .xpull7,
.xpush8, .xpull8,
.xpush9, .xpull9,
.xpush10, .xpull10,
.xpush11, .xpull11,
.xpush12, .xpull12,
.xpush13, .xpull13,
.xpush14, .xpull14,
.xpush15, .xpull15,
.xpush16, .xpull16,
.xpush17, .xpull17,
.xpush18, .xpull18,
.xpush19, .xpull19{
	 position: relative;
}

/**push**/
.xpush1{
	left: 5%;
}
.xpush2{
	left: 10%;
}
.xpush3{
	left: 15%;
}
.xpush4{
	left: 20%;
}
.xpush5{
	left: 25%;
}
.xpush6{
	left: 30%;
}
.xpush7{
	left: 35%;
}
.xpush8{
	left: 40%;
}
.xpush9{
	left: 45%;
}
.xpush10{
	left: 50%;
}
.xpush11{
	left: 55%;
}
.xpush12{
	left: 60%;
}
.xpush13{
	left: 65%;
}
.xpush14{
	left: 70%;
}
.xpush15{
	left: 75%;
}
.xpush16{
	left: 80%;
}
.xpush17{
	left: 85%;
}
.xpush18{
	left: 90%;
}
.xpush19{
	left: 95%;
}
/**pull**/
.xpull1{
	left: -5%;
}
.xpull2{
	left: -10%;
}
.xpull3{
	left: -15%;
}
.xpull4{
	left: -20%;
}
.xpull5{
	left: -25%;
}
.xpull6{
	left: -30%;
}
.xpull7{
	left: -35%;
}
.xpull8{
	left: -40%;
}
.xpull9{
	left: -45%;
}
.xpull10{
	left: -50%;
}
.xpull11{
	left: -55%;
}
.xpull12{
	left: -60%;
}
.xpull13{
	left:-65%;
}
.xpull14{
	left: -70%;
}
.xpull15{
	left: -75%;
}
.xpull16{
	left: -80%;
}
.xpull17{
	left: -85%;
}
.xpull18{
	left: -90%;
}
.xpull19{
	left: -95%;
}
/* Smartphones (Minimo) ----------- */
@media only screen 
and (max-width : 480px) {
.x1, .x2, .x3, 
.x4, .x5, .x6, 
.x7, .x8, .x9, 
.x10, .x11, 
.x12, .x13, 
.x14, .x15, 
.x16, .x17, 
.x18, .x19, .x20{
	width: 100% !important;
}
.xpush1, .xpull1,
.xpush2, .xpull2,
.xpush3, .xpull3,
.xpush4, .xpull4,
.xpush5, .xpull5,
.xpush6, .xpull6,
.xpush7, .xpull7,
.xpush8, .xpull8,
.xpush9, .xpull9,
.xpush10, .xpull10,
.xpush11, .xpull11,
.xpush12, .xpull12,
.xpush13, .xpull13,
.xpush14, .xpull14,
.xpush15, .xpull15,
.xpush16, .xpull16,
.xpush17, .xpull17,
.xpush18, .xpull18,
.xpush19, .xpull19{
	 left: 0;
}

}

/* Smartphones (Medio Portrait) ----------- */
@media only screen 
and (min-width : 480px) 
and (max-width : 768px) {
.x1, .x2, .x3, 
.x4, .x5, .x6, 
.x7, .x8, .x9, 
.x10, .x11, 
.x12, .x13, 
.x14, .x15, 
.x16, .x17, 
.x18, .x19, .x20{
	width: 100% !important;
}
.xpush1, .xpull1,
.xpush2, .xpull2,
.xpush3, .xpull3,
.xpush4, .xpull4,
.xpush5, .xpull5,
.xpush6, .xpull6,
.xpush7, .xpull7,
.xpush8, .xpull8,
.xpush9, .xpull9,
.xpush10, .xpull10,
.xpush11, .xpull11,
.xpush12, .xpull12,
.xpush13, .xpull13,
.xpush14, .xpull14,
.xpush15, .xpull15,
.xpush16, .xpull16,
.xpush17, .xpull17,
.xpush18, .xpull18,
.xpush19, .xpull19{
	 left: 0;
}


}
/* Tablet (Portrait) ----------- */
@media only screen 
and (min-width : 768px) 
and (max-width : 960px) {
.xcontainer{
	max-width: 946px;
}
.x1 .x2, .x3, .x4, .x5, .x6, x7, .x8{
	width: 30%;
}
.x9, .x10, .x11{
	width: 50%;
}
.x12, .x13, .x14, .x15 .x16, .x17, .x18, .x19 {
	width: 70%;
}
.x20{
	width: 100%;
}
.xpush1, .xpull1,
.xpush2, .xpull2,
.xpush3, .xpull3,
.xpush4, .xpull4,
.xpush5, .xpull5,
.xpush6, .xpull6,
.xpush7, .xpull7,
.xpush8, .xpull8,
.xpush9, .xpull9,
.xpush10, .xpull10,
.xpush11, .xpull11,
.xpush12, .xpull12,
.xpush13, .xpull13,
.xpush14, .xpull14,
.xpush15, .xpull15,
.xpush16, .xpull16,
.xpush17, .xpull17,
.xpush18, .xpull18,
.xpush19, .xpull19{
	 left: 0;
}

}