/*

MOOD Framework :: 2.1 - Made by @lickybuay

2013-09-14

m = Margin / p = Padding / s = Size
ml = Margin Left   /   mr = Margin Right
mt = Margin Top   /    mb = Margin Bottom
pl = Padding Left   /   pr = Padding Right
pt = Padding Top   /    pb = Padding Bottom
dn = Display None

*/

/*margin y padding ceros
----------------------------------------------------------------------------------------------------*/
.m0 { margin: 0 !important; }
.p0 { padding: 0 !important; }

/*Tamanhos
----------------------------------------------------------------------------------------------------*/
.s20 	{ width: 20px; }
.s40 	{ width: 40px; }
.s60 	{ width: 60px; }
.s80 	{ width: 80px; }
.s100 	{ width: 100px; }
.s120 	{ width: 120px; }
.s140 	{ width: 140px; }
.s160 	{ width: 160px; }
.s180 	{ width: 180px; }
.s200 	{ width: 200px; }
.s220 	{ width: 220px; }
.s240 	{ width: 240px; }
.s260 	{ width: 260px; }
.s280 	{ width: 280px; }
.s300 	{ width: 300px; }
.s320 	{ width: 320px; }
.s340 	{ width: 340px; }
.s360 	{ width: 360px; }
.s380 	{ width: 380px; }
.s400 	{ width: 400px; }
.s420 	{ width: 420px; }
.s440 	{ width: 440px; }
.s460 	{ width: 460px; }
.s480 	{ width: 480px; }
.s500 	{ width: 500px; }
.s520 	{ width: 520px; }
.s540 	{ width: 540px; }
.s560 	{ width: 560px; }
.s580 	{ width: 580px; }
.s600 	{ width: 600px; }
.s620 	{ width: 620px; }
.s640 	{ width: 640px; }
.s660 	{ width: 660px; }
.s680 	{ width: 680px; }
.s700 	{ width: 700px; }
.s720 	{ width: 720px; }
.s740 	{ width: 740px; }
.s760 	{ width: 760px; }
.s780 	{ width: 780px; }
.s800 	{ width: 800px; }
.s820 	{ width: 820px; }
.s840 	{ width: 840px; }
.s860 	{ width: 860px; }
.s880 	{ width: 880px; }
.s900 	{ width: 900px; }
.s920 	{ width: 920px; }
.s940 	{ width: 940px; }
.s960 	{ width: 960px; }
.s980 	{ width: 980px; }

/*Margenes
----------------------------------------------------------------------------------------------------*/
.margin5  { margin: 5px; }
.margin10 { margin: 10px; }
.margin15 { margin: 15px; }
.margin20 { margin: 20px; }

/*Margene izquierdo
----------------------------------------------------------------------------------------------------*/
.ml10 	{ margin-left: 10px; }
.ml20 	{ margin-left: 20px; }
.ml30 	{ margin-left: 30px; }
.ml40 	{ margin-left: 40px; }
.ml50 	{ margin-left: 50px; }
.ml60 	{ margin-left: 60px; }
.ml70 	{ margin-left: 70px; }
.ml80 	{ margin-left: 80px; }
.ml90 	{ margin-left: 90px; }
.ml100 	{ margin-left: 100px; }
.ml110 	{ margin-left: 110px; }
.ml120 	{ margin-left: 120px; }
.ml130 	{ margin-left: 130px; }
.ml140 	{ margin-left: 140px; }
.ml150 	{ margin-left: 150px; }
.ml160 	{ margin-left: 160px; }
.ml170 	{ margin-left: 170px; }
.ml180 	{ margin-left: 180px; }
.ml190 	{ margin-left: 190px; }
.ml200 	{ margin-left: 200px; }

/*margen derecho
----------------------------------------------------------------------------------------------------*/
.mr10 	{ margin-right: 10px; }
.mr20 	{ margin-right: 20px; }
.mr30 	{ margin-right: 30px; }
.mr40 	{ margin-right: 40px; }
.mr50 	{ margin-right: 50px; }
.mr60 	{ margin-right: 60px; }
.mr70 	{ margin-right: 70px; }
.mr80 	{ margin-right: 80px; }
.mr90 	{ margin-right: 90px; }
.mr100 	{ margin-right: 100px; }
.mr110 	{ margin-right: 110px; }
.mr120 	{ margin-right: 120px; }
.mr130 	{ margin-right: 130px; }
.mr140 	{ margin-right: 140px; }
.mr150 	{ margin-right: 150px; }
.mr160 	{ margin-right: 160px; }
.mr170 	{ margin-right: 170px; }
.mr180 	{ margin-right: 180px; }
.mr190 	{ margin-right: 190px; }
.mr200 	{ margin-right: 200px; }

/*margen superior
----------------------------------------------------------------------------------------------------*/
.mt10 	{ margin-top: 10px; }
.mt20 	{ margin-top: 20px; }
.mt30 	{ margin-top: 30px; }
.mt40 	{ margin-top: 40px; }
.mt50 	{ margin-top: 50px; }
.mt60 	{ margin-top: 60px; }
.mt70 	{ margin-top: 70px; }
.mt80 	{ margin-top: 80px; }
.mt90 	{ margin-top: 90px; }
.mt100 	{ margin-top: 100px; }
.mt110 	{ margin-top: 110px; }
.mt120 	{ margin-top: 120px; }
.mt130 	{ margin-top: 130px; }
.mt140 	{ margin-top: 140px; }
.mt150 	{ margin-top: 150px; }
.mt160 	{ margin-top: 160px; }
.mt170 	{ margin-top: 170px; }
.mt180 	{ margin-top: 180px; }
.mt190 	{ margin-top: 190px; }
.mt200 	{ margin-top: 200px; }

/*Margen inferior
----------------------------------------------------------------------------------------------------*/
.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; }
.mb110 	{ margin-bottom: 110px; }
.mb120 	{ margin-bottom: 120px; }
.mb130 	{ margin-bottom: 130px; }
.mb140 	{ margin-bottom: 140px; }
.mb150 	{ margin-bottom: 150px; }
.mb160 	{ margin-bottom: 160px; }
.mb170 	{ margin-bottom: 170px; }
.mb180 	{ margin-bottom: 180px; }
.mb190 	{ margin-bottom: 190px; }
.mb200 	{ margin-bottom: 200px; }

/*Padding
----------------------------------------------------------------------------------------------------*/
.padding5 	{ padding: 5px; }
.padding10 	{ padding: 10px; }
.padding15 	{ padding: 15px; }
.padding20 	{ padding: 20px; }

.pl5 	{ padding-left: 5px; }
.pl10 	{ padding-left: 10px; }
.pl15 	{ padding-left: 15px; }
.pl20 	{ padding-left: 20px; }
.pl25 	{ padding-left: 25px; }
.pl30 	{ padding-left: 30px; }
.pl35 	{ padding-left: 35px; }
.pl40 	{ padding-left: 40px; }
.pl45 	{ padding-left: 45px; }
.pl50 	{ padding-left: 50px; }

.pr5 	{ padding-right: 5px; }
.pr10 	{ padding-right: 10px; }
.pr15 	{ padding-right: 15px; }
.pr20 	{ padding-right: 20px; }
.pr25 	{ padding-right: 25px; }
.pr30 	{ padding-right: 30px; }
.pr35 	{ padding-right: 35px; }
.pr40 	{ padding-right: 40px; }
.pr45 	{ padding-right: 45px; }
.pr50 	{ padding-right: 50px; }

.pt5 	{ padding-top: 5px; }
.pt10 	{ padding-top: 10px; }
.pt15 	{ padding-top: 15px; }
.pt20 	{ padding-top: 20px; }
.pt25 	{ padding-top: 25px; }
.pt30 	{ padding-top: 30px; }
.pt35 	{ padding-top: 35px; }
.pt40 	{ padding-top: 40px; }
.pt45 	{ padding-top: 45px; }
.pt50 	{ padding-top: 50px; }

.pb5 	{ padding-bottom: 5px; }
.pb10 	{ padding-bottom: 10px; }
.pb15 	{ padding-bottom: 15px; }
.pb20 	{ padding-bottom: 20px; }
.pb25 	{ padding-bottom: 25px; }
.pb30 	{ padding-bottom: 30px; }
.pb35 	{ padding-bottom: 35px; }
.pb40 	{ padding-bottom: 40px; }
.pb45 	{ padding-bottom: 45px; }
.pb50 	{ padding-bottom: 50px; }
.pb100 	{ padding-bottom: 100px; }




/* GILLA 4 COLUMNAS ///////////////////////*/

/* Containers
----------------------------------------------------------------------------------------------------*/
.container_4 {
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/
.container_4 .grid_1,
.container_4 .grid_2,
.container_4 .grid_3,
.container_4 .grid_4{
	display:inline;
	float: left;
	position: relative;
}
.container_4 .grid_1:last-child,
.container_4 .grid_2:last-child,
.container_4 .grid_3:last-child,
.container_4 .grid_4:last-child {
	margin-right: 0px;
}

/*.container_4 .grid_1:nth-child(4n+4),
.container_4 .grid_2:nth-child(2n),
.container_4 .grid_3:nth-child(2n+1){
	margin-right: 0;
}

.container_4 .grid_3 .grid_1:nth-child(3n){
	margin-right: 0;
}
.container_4 .grid_3 .grid_1:nth-child(4n+4){
	margin-right: 35px;
}*/






/* GILLA 10 COLUMNAS ///////////////////////*/
/* Containers
----------------------------------------------------------------------------------------------------*/
.container_10 {
	margin-left: auto;
	margin-right: auto;
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10 {
	display:inline;
	float: left;
	position: relative;
}
.container_10 .grid_1:last-child,
.container_10 .grid_2:last-child,
.container_10 .grid_3:last-child,
.container_10 .grid_4:last-child,
.container_10 .grid_5:last-child,
.container_10 .grid_6:last-child,
.container_10 .grid_7:last-child,
.container_10 .grid_8:last-child,
.container_10 .grid_9:last-child,
.container_10 .grid_10:last-child {
	margin-right: 0px;
}




/* GILLA 12 COLUMNAS ///////////////////////*/

/* Containers
----------------------------------------------------------------------------------------------------*/
.container_12 {
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/
.container_12 .grid_1,
.container_12 .grid_2,
.container_12 .grid_3,
.container_12 .grid_4,
.container_12 .grid_5,
.container_12 .grid_6,
.container_12 .grid_7,
.container_12 .grid_8,
.container_12 .grid_9,
.container_12 .grid_10,
.container_12 .grid_11,
.container_12 .grid_12 {
	display:inline;
	float: left;
	position: relative; 
}
.container_12 .grid_1:last-child,
.container_12 .grid_2:last-child,
.container_12 .grid_3:last-child,
.container_12 .grid_4:last-child,
.container_12 .grid_5:last-child,
.container_12 .grid_6:last-child,
.container_12 .grid_7:last-child,
.container_12 .grid_8:last-child,
.container_12 .grid_9:last-child,
.container_12 .grid_10:last-child,
.container_12 .grid_11:last-child,
.container_12 .grid_12:last-child {
	margin-right: 0;
}