/* FIXED DIMENSIONS*/


/*
 
W           W  III  DDD    TTTTTTT  H   H
 W         W    I   D  D      T     H   H
  W   W   W     I   D   D     T     HHHHH
   W W W W      I   D  D      T     H   H
    W   W      III  DDD       T     H   H
 */

	/* WIDTH */
		.width-10 
		{
			min-width: 	10px!important;
			width: 		10px!important;
			max-width: 	10px!important;
		}

		.width-20 
		{
			min-width: 	20px!important;
			width: 		20px!important;
			max-width: 	20px!important;
		}

		.width-30 
		{
			min-width: 	30px!important;
			width: 		30px!important;
			max-width: 	30px!important;
		}

		.width-40 
		{
			min-width: 	40px!important;
			width: 		40px!important;
			max-width: 	40px!important;
		}

		.width-50 
		{
			min-width: 	50px!important;
			width:		50px!important;
			max-width: 	50px!important;
		}

		.width-60 
		{
			min-width: 	60px!important;
			width: 		60px!important;
			max-width: 	60px!important;
		}

		.width-70 
		{
			min-width: 	70px!important;
			width: 		70px!important;
			max-width: 	70px!important;
		}

		.width-80  
		{
			min-width: 	80px!important;
			width: 		80px!important;
			max-width: 	80px!important;
		}

		.width-90  
		{
			min-width: 	90px!important;
			width: 		90px!important;
			max-width: 	90px!important;
		}

		.width-100 
		{
			min-width: 	100px!important;
			width: 		100px!important;
			max-width: 	100px!important;
		}

		.width-110 
		{
			min-width: 	110px!important;
			width: 		110px!important;
			max-width: 	110px!important;
		}

		.width-115 
		{
			min-width: 	115px!important;
			width: 		115px!important;
			max-width: 	115px!important;
		}

		.width-120 
		{
			min-width: 	120px!important;
			width: 		120px!important;
			max-width: 	120px!important;
		}

		.width-130 
		{
			min-width: 	130px!important;
			width: 		130px!important;
			max-width: 	130px!important;
		}

		.width-140 
		{
			min-width: 	140px!important;
			width: 		140px!important;
			max-width: 	140px!important;
		}

		.width-150 
		{
			min-width: 	150px!important;
			width: 		150px!important;
			max-width: 	150px!important;
		}

		.width-160 
		{
			min-width: 	160px!important;
			width: 		160px!important;
			max-width: 	160px!important;
		}

		.width-170 
		{
			min-width: 	170px!important;
			width: 		170px!important;
			max-width: 	170px!important;
		}

		.width-180 
		{
			min-width: 	180px!important;
			width: 		180px!important;
			max-width: 	180px!important;
		}

		.width-190 
		{
			min-width: 	190px!important;
			width: 		190px!important;
			max-width: 	190px!important;
		}

		.width-200 
		{
			min-width: 	200px!important;
			width: 		200px!important;
			max-width: 	200px!important;
		}

		.width-210 
		{
			min-width: 	210px!important;
			width: 		210px!important;
			max-width: 	210px!important;
		}

		.width-220 
		{
			min-width: 	220px!important;
			width: 		220px!important;
			max-width: 	220px!important;
		}

		.width-230 
		{
			min-width: 	230px!important;
			width: 		230px!important;
			max-width: 	230px!important;
		}

		.width-240 
		{
			min-width: 	240px!important;
			width: 		240px!important;
			max-width: 	240px!important;
		}

		.width-250 
		{
			min-width: 	250px!important;
			width: 		250px!important;
			max-width: 	250px!important;
		}

		.width-260 
		{
			min-width: 	260px!important;
			width: 		260px!important;
			max-width: 	260px!important;
		}

		.width-270 
		{
			min-width: 	270px!important;
			width: 		270px!important;
			max-width: 	270px!important;
		}

		.width-280 
		{
			min-width: 	280px!important;
			width: 		280px!important;
			max-width: 	280px!important;
		}

		.width-290 
		{
			min-width: 	290px!important;
			width: 		290px!important;
			max-width: 	290px!important;
		}

		.width-300 
		{
			min-width: 	300px!important;
			width: 		300px!important;
			max-width: 	300px!important;
		}

		.width-310 
		{
			min-width: 	310px!important;
			width: 		310px!important;
			max-width: 	310px!important;
		}

		.width-320 
		{
			min-width: 	320px!important;
			width: 		320px!important;
			max-width: 	320px!important;
		}

		.width-330 
		{
			min-width: 	330px!important;
			width: 		330px!important;
			max-width: 	330px!important;
		}

		.width-340 
		{
			min-width: 	340px!important;
			width: 		340px!important;
			max-width: 	340px!important;
		}

		.width-350 
		{
			min-width: 	350px!important;
			width: 		350px!important;
			max-width: 	350px!important;
		}

		.width-360 
		{
			min-width: 	360px!important;
			width: 		360px!important;
			max-width: 	360px!important;
		}

		.width-370 
		{
			min-width: 	370px!important;
			width: 		370px!important;
			max-width: 	370px!important;
		}

		.width-380 
		{
			min-width: 	380px!important;
			width: 		380px!important;
			max-width: 	380px!important;
		}

		.width-390 
		{
			min-width: 	390px!important;
			width: 		390px!important;
			max-width: 	390px!important;
		}

		.width-400 
		{
			min-width: 	400px!important;
			width: 		400px!important;
			max-width: 	400px!important;
		}

		.width-410 
		{
			min-width: 	410px!important;
			width: 		410px!important;
			max-width: 	410px!important;
		}

		.width-420 
		{
			min-width: 	420px!important;
			width: 		420px!important;
			max-width: 	420px!important;
		}

		.width-430 
		{
			min-width: 	430px!important;
			width: 		430px!important;
			max-width: 	430px!important;
		}

		.width-440 
		{
			min-width: 	440px!important;
			width: 		440px!important;
			max-width: 	440px!important;
		}

		.width-450 
		{
			min-width: 	450px!important;
			width: 		450px!important;
			max-width: 	450px!important;
		}

		.width-460 
		{
			min-width: 	460px!important;
			width: 		460px!important;
			max-width: 	460px!important;
		}

		.width-470
		{
			min-width: 	470px!important;
			width: 		470px!important;
			max-width: 	470px!important;
		}

		.width-480
		{
			min-width: 	480px!important;
			width:		480px!important;
			max-width: 	480px!important;
		}

		.width-490
		{
			min-width: 	490px!important;
			width: 		490px!important;
			max-width: 	490px!important;
		}

		.width-500
		{
			min-width: 	500px!important;
			width: 		500px!important;
			max-width: 	500px!important;
		}

		.width-510
		{
			min-width: 	510px!important;
			width: 		510px!important;
			max-width: 	510px!important;
		}

		.width-520
		{
			min-width: 	520px!important;
			width: 		520px!important;
			max-width: 	520px!important;
		}

		.width-530
		{
			min-width: 	530px!important;
			width: 		530px!important;
			max-width: 	530px!important;
		}

		.width-540
		{
			min-width: 	540px!important;
			width: 		540px!important;
			max-width: 	540px!important;
		}

		.width-550
		{
			min-width: 	550px!important;
			width: 		550px!important;
			max-width: 	550px!important;
		}

		.width-560
		{
			min-width: 	560px!important;
			width: 		560px!important;
			max-width: 	560px!important;
		}

		.width-570
		{
			min-width: 	570px!important;
			width: 		570px!important;
			max-width: 	570px!important;
		}

		.width-580
		{
			min-width: 	580px!important;
			width: 		580px!important;
			max-width: 	580px!important;
		}

		.width-590
		{
			min-width: 	590px!important;
			width: 		590px!important;
			max-width: 	590px!important;
		}

		.width-600
		{
			min-width: 	600px!important;
			width: 		600px!important;
			max-width: 	600px!important;
		}

		.width-610
		{
			min-width: 	610px!important;
			width: 		610px!important;
			max-width: 	610px!important;
		}

		.width-620
		{
			min-width: 	620px!important;
			width: 		620px!important;
			max-width: 	620px!important;
		}

		.width-630
		{
			min-width: 	630px!important;
			width: 		630px!important;
			max-width: 	630px!important;
		}

		.width-640
		{
			min-width: 	640px!important;
			width: 		640px!important;
			max-width: 	640px!important;
		}

		.width-650
		{
			min-width: 	650px!important;
			width: 		650px!important;
			max-width: 	650px!important;
		}

		.width-660
		{
			min-width: 	660px!important;
			width: 		660px!important;
			max-width: 	660px!important;
		}

		.width-670
		{
			min-width: 	670px!important;
			width: 		670px!important;
			max-width: 	670px!important;
		}

		.width-680
		{
			min-width: 	680px!important;
			width: 		680px!important;
			max-width: 	680px!important;
		}

		.width-690
		{
			min-width: 	690px!important;
			width: 		690px!important;
			max-width: 	690px!important;
		}

		.width-700
		{
			min-width: 	700px!important;
			width: 		700px!important;
			max-width: 	700px!important;
		}

		.width-710 
		{
			min-width: 	710px!important;
			width: 		710px!important;
			max-width: 	710px!important;
		}

		.width-720 
		{
			min-width: 	720px!important;
			width: 		720px!important;
			max-width: 	720px!important;
		}

		.width-730 
		{
			min-width: 	730px!important;
			width: 		730px!important;
			max-width: 	730px!important;
		}

		.width-740 
		{
			min-width: 	740px!important;
			width: 		740px!important;
			max-width: 	740px!important;
		}

		.width-750 
		{
			min-width: 	750px!important;
			width:		750px!important;
			max-width: 	750px!important;
		}

		.width-760 
		{
			min-width: 	760px!important;
			width: 		760px!important;
			max-width: 	760px!important;
		}

		.width-770 
		{
			min-width: 	770px!important;
			width: 		770px!important;
			max-width: 	770px!important;
		}

		.width-780  
		{
			min-width: 	780px!important;
			width: 		780px!important;
			max-width: 	780px!important;
		}

		.width-790  
		{
			min-width: 	790px!important;
			width: 		790px!important;
			max-width: 	790px!important;
		}

		.width-800 
		{
			min-width: 	800px!important;
			width: 		800px!important;
			max-width: 	800px!important;
		}

		.width-810 
		{
			min-width: 	810px!important;
			width: 		810px!important;
			max-width: 	810px!important;
		}

		.width-820 
		{
			min-width: 	820px!important;
			width: 		820px!important;
			max-width: 	820px!important;
		}

		.width-830 
		{
			min-width: 	830px!important;
			width: 		830px!important;
			max-width: 	830px!important;
		}

		.width-840 
		{
			min-width: 	840px!important;
			width: 		840px!important;
			max-width: 	840px!important;
		}

		.width-850 
		{
			min-width: 	850px!important;
			width:		850px!important;
			max-width: 	850px!important;
		}

		.width-860 
		{
			min-width: 	860px!important;
			width: 		860px!important;
			max-width: 	860px!important;
		}

		.width-870 
		{
			min-width: 	870px!important;
			width: 		870px!important;
			max-width: 	870px!important;
		}

		.width-880  
		{
			min-width: 	880px!important;
			width: 		880px!important;
			max-width: 	880px!important;
		}

		.width-890  
		{
			min-width: 	890px!important;
			width: 		890px!important;
			max-width: 	890px!important;
		}

		.width-900 
		{
			min-width: 	900px!important;
			width: 		900px!important;
			max-width: 	900px!important;
		}

		.width-910 
		{
			min-width: 	910px!important;
			width: 		910px!important;
			max-width: 	910px!important;
		}

		.width-920 
		{
			min-width: 	920px!important;
			width: 		920px!important;
			max-width: 	920px!important;
		}

		.width-930 
		{
			min-width: 	930px!important;
			width: 		930px!important;
			max-width: 	930px!important;
		}

		.width-940 
		{
			min-width: 	940px!important;
			width: 		940px!important;
			max-width: 	940px!important;
		}

		.width-950 
		{
			min-width: 	950px!important;
			width:		950px!important;
			max-width: 	950px!important;
		}

		.width-960 
		{
			min-width: 	960px!important;
			width: 		960px!important;
			max-width: 	960px!important;
		}

		.width-970 
		{
			min-width: 	970px!important;
			width: 		970px!important;
			max-width: 	970px!important;
		}

		.width-980  
		{
			min-width: 	980px!important;
			width: 		980px!important;
			max-width: 	980px!important;
		}

		.width-990  
		{
			min-width: 	990px!important;
			width: 		990px!important;
			max-width: 	990px!important;
		}

		.width-1000 
		{
			min-width: 	1000px!important;
			width: 		1000px!important;
			max-width: 	1000px!important;
		}

		.width-1090
		{
			min-width: 	1090px!important;
			width: 		1090px!important;
			max-width: 	1090px!important;
		}



/*


H   H  EEEEE  III   GGGG  H   H  TTTTTTT
H   H  E       I   G      H   H     T
HHHHH  EEEE    I   G  GG  HHHHH     T
H   H  E       I   G   G  H   H     T
H   H  EEEEE  III   GGG   H   H     T


*/
	@media (min-width:768px) 
	{
		.height-10
		{
			min-height: 10px!important;
			height: 	10px!important;
			max-height: 10px!important;
		}

		.height-20
		{
			min-height: 20px!important;
			height: 	20px!important;
			max-height: 20px!important;
		}

		.height-30
		{
			min-height: 30px!important;
			height: 	30px!important;
			max-height: 30px!important;
		}

		.height-40
		{
			min-height: 40px!important;
			height: 	40px!important;
			max-height: 40px!important;
		}

		.height-50
		{
			min-height: 50px!important;
			height: 	50px!important;
			max-height: 50px!important;
		}

		.height-60
		{
			min-height: 60px!important;
			height: 	60px!important;
			max-height: 60px!important;
		}

		.height-70
		{
			min-height: 70px!important;
			height: 	70px!important;
			max-height: 70px!important;
		}

		.height-80
		{
			min-height: 80px!important;
			height: 	80px!important;
			max-height: 80px!important;
		}

		.height-90
		{
			min-height: 90px!important;
			height: 	90px!important;
			max-height: 90px!important;
		}

		.height-100
		{
			min-height: 100px!important;
			height: 	100px!important;
			max-height: 100px!important;
		}
		.height-200
		{
			min-height: 200px!important;
			height: 	200px!important;
			max-height: 200px!important;
		}
		.height-300
		{
			min-height: 300px!important;
			height: 	300px!important;
			max-height: 300px!important;
		}
		.height-400
		{
			min-height: 400px!important;
			height: 	400px!important;
			max-height: 400px!important;
		}

		.height-425
		{
			min-height: 425px!important;
			height: 	425px!important;
			max-height: 425px!important;
		}

		.height-450
		{
			min-height: 450px!important;
			height: 	450px!important;
			max-height: 450px!important;
		}
		.height-500
		{
			min-height: 500px!important;
			height: 	500px!important;
			max-height: 500px!important;
		}

		.height-540
		{
			min-height: 540px!important;
			height: 	540px!important;
			max-height: 540px!important;
		}

		.height-550
		{
			min-height: 550px!important;
			height: 	550px!important;
			max-height: 550px!important;
		}

		.height-560
		{
			min-height: 560px!important;
			height: 	560px!important;
			max-height: 560px!important;
		}
	}

		
		























































/*Porcentajes*/


/*
 
W           W  III  DDD    TTTTTTT  H   H
 W         W    I   D  D      T     H   H
  W   W   W     I   D   D     T     HHHHH
   W W W W      I   D  D      T     H   H
    W   W      III  DDD       T     H   H
 */

	/* WIDTH */
		.width-per-10 
		{
			width: 		10%!important;
		}

		.width-per-20 
		{
			width: 		20%!important;
		}

		.width-per-30 
		{
			width: 		30%!important;
		}

		.width-per-40 
		{
			width: 		40%!important;
		}

		.width-per-50 
		{
			width:		50%!important;
		}

		.width-per-60 
		{
			width: 		60%!important;
		}

		.width-per-70 
		{
			width: 		70%!important;
		}

		.width-per-80  
		{
			width: 		80%!important;
		}

		.width-per-90  
		{
			width: 		90%!important;
		}

		.width-per-100 
		{
			width: 		100%!important;
		}


/*


H   H  EEEEE  III   GGGG  H   H  TTTTTTT
H   H  E       I   G      H   H     T
HHHHH  EEEE    I   G  GG  HHHHH     T
H   H  E       I   G   G  H   H     T
H   H  EEEEE  III   GGG   H   H     T


*/

		.height-per-10
		{
			height: 	10%!important;
		}

		.height-per-20
		{
			height: 	20%!important;
		}

		.height-per-30
		{
			height: 	30%!important;
		}

		.height-per-40
		{
			height: 	40%!important;
		}

		.height-per-50
		{
			height: 	50%!important;
		}

		.height-per-60
		{
			height: 	60%!important;
		}

		.height-per-70
		{
			height: 	70%!important;
		}

		.height-per-80
		{
			height: 	80%!important;
		}

		.height-per-90
		{
			height: 	90%!important;
		}

		.height-per-100
		{
			height: 	100%!important;
		}