/* mixin definitivo de todos los estilos comunes televes*/
/* Televes Basic Stylesheet */

/** ************************************* **
	@Author			Departamento de Imagen de Televes
	@Last Update	06/11/2020



	
	NOTE: 	- Only minifying this file, 10% is reduced!
			- Using gzip or deflate compression via your 
			  .htaccess, this file will be reduced by 83%


	TABLE CONTENTS
	---------------------------
	00. FUENTES 
		00.01 RALEWAY
		00.02 OPEN SANS
		00.03 NOTO
		00.04 FUENTE ICONOS TELEVES
		00.05 TAMAÑO DE FUENTE
		00.06 LINE-HEIGHT
		00.07 FONT-WEIGHT
		00.08 FONT-STYLE
		00.09 TEXT-ALIGN
		00.10 TEXT-TRANSFORM
		00.11 TEXT-DECORATION
		00.12 LETTER SPACING
		00.13 COLUMNIZE
		00.14 TEXTO COMPRIMIDO)
	01. COLOR
		01.01 COLOR-
		01.02 BG-
		01.03 BORDE-
	02. OPACIDAD
	03. Z-INDEX
	04. MARGIN
		03.01 GENERAL
		03.02 LEFT
		03.03 RIGHT
		03.04 TOP
		03.05 BOTTOM
		03.06 HORIZONTAL (X)
		03.07 VERTICAL (Y)
	05. PADDING
		04.01 GENERAL
		04.02 LEFT
		04.03 RIGHT
		04.04 TOP
		04.05 BOTTOM
		04.06 HORIZONTAL (X)
		04.07 VERTICAL (Y))
	06. BORDES
		05.01 GENERAL
		05.02 LEFT
		05.03 RIGHT
		05.04 TOP
		05.05 BOTTOM)
	09. DISPLAY Y POSITION
		09.01 DISPLAY
		09.02 POSITION
		09.03 FLOAT
	10. RADIUS
	11. NOES GENERALES
	12. CLEARFIX, HEADINGS Y ETIQUETAS
	13. TOTOP
	14. ANIMA BOTONES
	15. NUMERACIÓN
		15.01 GENERAL
		15.02 NARANJA
		15.03 GRIS
		15.04 NEGRA
		15.05 MOSTRAR Nº POR PÁGINA
	16. SPINNER
	
	
 /** ************************************* **/
 /** 00. FUENTES
 **************************************************************** **/
	/* 00.01 FUENTE ICONOS TELEVES */
	@import url("televes-icons.css");
 
 
 
 
	/* 00.02 RALEWAY */
	
	
	
	.raleway {
		font-family: 'Raleway';
	}
	
	@font-face {
	  font-family: 'Raleway';
	  src: 	url('../fonts/Raleway-Thin.ttf') format('truetype');
	  font-weight: 100;
	  font-style: normal;
	}
	
	@font-face {
	  font-family: 'Raleway';
	  src: 	url('../fonts/Raleway-ThinItalic.ttf') format('truetype');
	  font-weight: 100;
	  font-style: italic;
	}
	
	@font-face {
	  font-family: 'Raleway';
	  src: 	url('../fonts/Raleway-ExtraLight.ttf') format('truetype');
	  font-weight: 200;
	  font-style: normal;
	}
	
	@font-face {
	  font-family: 'Raleway';
	  src: 	url('../fonts/Raleway-ExtraLightItalic.ttf') format('truetype');
	  font-weight: 200;
	  font-style: italic;
	}
	
	@font-face {
	  font-family: 'Raleway';
	  src: 	url('../fonts/Raleway-Light.ttf') format('truetype');
	  font-weight: 300;
	  font-style: normal;
	}
	
	@font-face {
	  font-family: 'Raleway';
	  src: 	url('../fonts/Raleway-LightItalic.ttf') format('truetype');
	  font-weight: 300;
	  font-style: italic;
	}
	
	@font-face {
	  font-family: 'Raleway';
	  src: 	url('../fonts/Raleway-Regular.ttf') format('truetype');
	  font-weight: 400;
	  font-style: normal;
	}
	
	@font-face {
	  font-family: 'Raleway';
	  src: 	url('../fonts/Raleway-Italic.ttf') format('truetype');
	  font-weight: 400;
	  font-style: italic;
	}
	
	@font-face {
	  font-family: 'Raleway';
	  src: 	url('../fonts/Raleway-Medium.ttf') format('truetype');
	  font-weight: 500;
	  font-style: normal;
	}
	
	@font-face {
	  font-family: 'Raleway';
	  src: 	url('../fonts/Raleway-MediumItalic.ttf') format('truetype');
	  font-weight: 500;
	  font-style: italic;
	}
	
	@font-face {
	  font-family: 'Raleway';
	  src: 	url('../fonts/Raleway-SemiBold.ttf') format('truetype');
	  font-weight: 600;
	  font-style: normal;
	}
	
	@font-face {
	  font-family: 'Raleway';
	  src: 	url('../fonts/Raleway-SemiBoldItalic.ttf') format('truetype');
	  font-weight: 600;
	  font-style: italic;
	}
	
	@font-face {
	  font-family: 'Raleway';
	  src: 	url('../fonts/Raleway-Bold.ttf') format('truetype');
	  font-weight: 700;
	  font-style: normal;
	}
	
	@font-face {
	  font-family: 'Raleway';
	  src: 	url('../fonts/Raleway-BoldItalic.ttf') format('truetype');
	  font-weight: 700;
	  font-style: italic;
	}
	
	@font-face {
	  font-family: 'Raleway';
	  src: 	url('../fonts/Raleway-ExtraBold.ttf') format('truetype');
	  font-weight: 800;
	  font-style: normal;
	}
	
	@font-face {
	  font-family: 'Raleway';
	  src: 	url('../fonts/Raleway-BoldItalic.ttf') format('truetype');
	  font-weight: 800;
	  font-style: italic;
	}
	
	@font-face {
	  font-family: 'Raleway';
	  src: 	url('../fonts/Raleway-Black.ttf') format('truetype');
	  font-weight: 900;
	  font-style: normal;
	}
	
	@font-face {
	  font-family: 'Raleway';
	  src: 	url('../fonts/Raleway-BlackItalic.ttf') format('truetype');
	  font-weight: 900;
	  font-style: italic;
	}
	/* FIN RALEWAY */
	
	/* 00.03 OPEN SANS */
	.opensans {
		font-family: 'Open Sans';
	}
	
	@font-face {
	  font-family: 'Open Sans';
	  src:  url('../fonts/OpenSans-Light.ttf') format('truetype');
	  font-weight: 300;
	  font-style: normal;
	}
	
	@font-face {
	  font-family: 'Open Sans';
	  src:  url('../fonts/OpenSans-LightItalic.ttf') format('truetype');
	  font-weight: 300;
	  font-style: italic;
	}
	
	@font-face {
	  font-family: 'Open Sans';
	  src:  url('../fonts/OpenSans-Regular.ttf') format('truetype');
	  font-weight: 400;
	  font-style: normal;
	}
	
	@font-face {
	  font-family: 'Open Sans';
	  src:  url('../fonts/OpenSans-Italic.ttf') format('truetype');
	  font-weight: 400;
	  font-style: italic;
	}
	
	@font-face {
	  font-family: 'Open Sans';
	  src:  url('../fonts/OpenSans-SemiBold.ttf') format('truetype');
	  font-weight: 600;
	  font-style: normal;
	}
	
	@font-face {
	  font-family: 'Open Sans';
	  src:  url('../fonts/OpenSans-SemiBoldItalic.ttf') format('truetype');
	  font-weight: 600;
	  font-style: italic;
	}
	
	@font-face {
	  font-family: 'Open Sans';
	  src:  url('../fonts/OpenSans-Bold.ttf') format('truetype');
	  font-weight: 700;
	  font-style: normal;
	}
	
	@font-face {
	  font-family: 'Open Sans';
	  src:  url('../fonts/OpenSans-BoldItalic.ttf') format('truetype');
	  font-weight: 700;
	  font-style: italic;
	}
	
	@font-face {
	  font-family: 'Open Sans';
	  src:  url('../fonts/OpenSans-ExtraBold.ttf') format('truetype');
	  font-weight: 800;
	  font-style: normal;
	}
	
	@font-face {
	  font-family: 'Open Sans';
	  src:  url('../fonts/OpenSans-BoldItalic.ttf') format('truetype');
	  font-weight: 800;
	  font-style: italic;
	}
	/* FIN OPEN SANS */
	
	/* 00.04 NOTO */
	.noto {
		font-family: 'Noto';
	}
	
	@font-face {
	  font-family: 'Noto';
	  src:  url('../fonts/NotoSans-Regular.ttf') format('truetype');
	  font-weight: 400;
	  font-style: normal;
	}
	
	@font-face {
	  font-family: 'Noto';
	  src:  url('../fonts/NotoSans-Italic.ttf') format('truetype');
	  font-weight: 400;
	  font-style: italic;
	}
	
	@font-face {
	  font-family: 'Noto';
	  src:  url('../fonts/NotoSans-Bold.ttf') format('truetype');
	  font-weight: 700;
	  font-style: normal;
	}
	/* FIN NOTO */
	
	


	/* FIN FUENTE ICONOS TELEVES */
	
	/* 00.05 TAMAÑO DE FUENTE */	
	.size-7 			{ font-size:7px; line-height:10px; }
	.size-8 			{ font-size:8px; line-height:11px; }
	.size-9 			{ font-size:9px; line-height:12px; }
	.size-10 			{ font-size:10px; line-height:14px; }
	.size-11 			{ font-size:11px; line-height:15px; }
	.size-12 			{ font-size:12px; line-height:16px; }
	.size-13 			{ font-size:13px; line-height:17px; }
	.size-14 			{ font-size:14px; line-height:18px; }
	.size-15 			{ font-size:15px; line-height:19px; }
	.size-16 			{ font-size:16px; line-height:20px; }
	.size-17 			{ font-size:17px; line-height:23px; }
	.size-18 			{ font-size:18px; line-height:24px; }
	.size-19 			{ font-size:19px; line-height:25px; }
	.size-20 			{ font-size:20px; line-height:26px; }
	.size-21 			{ font-size:21px; line-height:26px; }
	.size-22 			{ font-size:22px; line-height:27px; }
	.size-23 			{ font-size:23px; line-height:28px; }
	.size-24 			{ font-size:24px; line-height:29px; }
	.size-25 			{ font-size:25px; line-height:30px; }
	.size-26 			{ font-size:26px; line-height:31px; }
	.size-27 			{ font-size:27px; line-height:32px; }
	.size-28 			{ font-size:28px; line-height:33px; }
	.size-29 			{ font-size:29px; line-height:34px; }
	.size-30 			{ font-size:30px; line-height:36px; }
	.size-31 			{ font-size:31px; line-height:37px; }
	.size-32 			{ font-size:32px; line-height:38px; }
	.size-33 			{ font-size:33px; line-height:39px; }
	.size-34 			{ font-size:34px; line-height:40px; }
	.size-35 			{ font-size:35px; line-height:41px; }
	.size-36 			{ font-size:36px; line-height:42px; }
	.size-37 			{ font-size:37px; line-height:43px; }
	.size-38 			{ font-size:38px; line-height:44px; }
	.size-39 			{ font-size:39px; line-height:45px; }
	.size-40 			{ font-size:40px; line-height:46px; }
	.size-41 			{ font-size:41px; line-height:47px; }
	.size-42 			{ font-size:42px; line-height:48px; }
	.size-43 			{ font-size:43px; line-height:49px; }
	.size-44 			{ font-size:44px; line-height:50px; }
	.size-45 			{ font-size:45px; line-height:51px; }
	.size-46 			{ font-size:46px; line-height:52px; }
	.size-47 			{ font-size:47px; line-height:53px; }
	.size-48 			{ font-size:48px; line-height:54px; }
	.size-49 			{ font-size:49px; line-height:55px; }
	.size-50 			{ font-size:50px; line-height:56px; }
	.size-51 			{ font-size:50px; line-height:57px; }
	.size-52 			{ font-size:51px; line-height:58px; }
	.size-53 			{ font-size:52px; line-height:59px; }
	.size-54 			{ font-size:53px; line-height:60px; }
	.size-55 			{ font-size:54px; line-height:61px; }
	.size-56 			{ font-size:55px; line-height:62px; }
	.size-57 			{ font-size:56px; line-height:63px; }
	.size-58 			{ font-size:57px; line-height:64px; }
	.size-59 			{ font-size:58px; line-height:65px; }
	.size-60 			{ font-size:60px; line-height:66px; }
	.size-61 			{ font-size:61px; line-height:67px; }
	.size-62 			{ font-size:62px; line-height:68px; }
	.size-63 			{ font-size:63px; line-height:69px; }
	.size-64 			{ font-size:64px; line-height:70px; }
	.size-65 			{ font-size:65px; line-height:71px; }
	.size-66 			{ font-size:66px; line-height:72px; }
	.size-67 			{ font-size:67px; line-height:73px; }
	.size-68 			{ font-size:68px; line-height:74px; }
	.size-69 			{ font-size:69px; line-height:75px; }
	.size-70 			{ font-size:70px; line-height:76px; }
	.size-71 			{ font-size:71px; line-height:77px; }
	.size-72 			{ font-size:72px; line-height:78px; }
	.size-73 			{ font-size:73px; line-height:79px; }
	.size-74 			{ font-size:74px; line-height:80px; }
	.size-75 			{ font-size:75px; line-height:81px; }
	.size-76 			{ font-size:76px; line-height:82px; }
	.size-77 			{ font-size:77px; line-height:83px; }
	.size-78 			{ font-size:78px; line-height:84px; }
	.size-79 			{ font-size:79px; line-height:85px; }
	.size-80 			{ font-size:80px; line-height:86px; }
	.size-81 			{ font-size:81px; line-height:87px; }
	.size-82 			{ font-size:82px; line-height:88px; }
	.size-83 			{ font-size:83px; line-height:89px; }
	.size-84 			{ font-size:84px; line-height:90px; }
	.size-85 			{ font-size:85px; line-height:91px; }
	.size-86 			{ font-size:86px; line-height:92px; }
	.size-87 			{ font-size:87px; line-height:93px; }
	.size-88 			{ font-size:88px; line-height:94px; }
	.size-89 			{ font-size:89px; line-height:95px; }
	.size-90 			{ font-size:90px; line-height:96px; }
	.size-91 			{ font-size:91px; line-height:97px; }
	.size-92 			{ font-size:92px; line-height:98px; }
	.size-93 			{ font-size:93px; line-height:99px; }
	.size-94 			{ font-size:94px; line-height:100px; }
	.size-95 			{ font-size:95px; line-height:101px; }
	.size-96 			{ font-size:96px; line-height:102px; }
	.size-97 			{ font-size:97px; line-height:103px; }
	.size-98 			{ font-size:98px; line-height:104px; }
	.size-99 			{ font-size:99px; line-height:105px; }
	.size-100 			{ font-size:100px; line-height:106px; }
	.size-110 			{ font-size:110px; line-height:116px; }
	.size-120 			{ font-size:120px; line-height:126px; }
	.size-130 			{ font-size:130px; line-height:136px; }
	.size-140 			{ font-size:140px; line-height:146px; }
	.size-150 			{ font-size:150px; line-height:166px; }
	.size-160 			{ font-size:160px; line-height:176px; }
	.size-170 			{ font-size:170px; line-height:186px; }
	.size-180 			{ font-size:180px; line-height:196px; }
	.size-190 			{ font-size:190px; line-height:206px; }
	.size-200 			{ font-size:200px; line-height:216px; }
	/* FIN TAMAÑO DE FUENTE */
	
	/* 00.06 LINE-HEIGHT */
	.line-height-0		{ line-height:0; 		}
	.line-height-10		{ line-height:10px; 	}
	.line-height-20		{ line-height:20px; 	}
	.line-height-30		{ line-height:30px; 	}
	.line-height-40		{ line-height:40px; 	}
	.line-height-50		{ line-height:50px; 	}
	.line-height-60		{ line-height:60px; 	}
	.line-height-70		{ line-height:70px; 	}
	.line-height-80		{ line-height:80px; 	}
	.line-height-90		{ line-height:90px; 	}
	.line-height-100	{ line-height:100px; 	}	
	/* FIN LINE-HEIGHT */
	
	/* 00.07 FONT-WEIGHT */
	.font-normal, .normal 	{ font-weight: normal; 	}
	.font-bold, .bold 		{ font-weight: bold;	}
	.font-100 				{ font-weight: 100;		}
	.font-200 				{ font-weight: 200; 	}
	.font-300 				{ font-weight: 300; 	}
	.font-400 				{ font-weight: 400;		}
	.font-500 				{ font-weight: 500; 	}
	.font-600 				{ font-weight: 600; 	}
	.font-700, b, strong 	{ font-weight: 700;		}
	.font-800 				{ font-weight: 800; 	}
	.font-900 				{ font-weight: 900; 	}
	/* FIN FONT-WEIGHT */
	
	/* 00.08 FONT-STYLE */
	.font-normal					 	{ font-style: normal;	}
	.font-italic						{ font-style: italic;	}
	.font-oblique 						{ font-style: oblique; 	}
	/* FIN FONT-STYLE */
	
	/* 00.09 TEXT-ALIGN */
	.text-center 						{ text-align: center;	}
	.text-left 							{ text-align: left; 	}
	.text-right 						{ text-align: right; 	}
	.text-justify, .justify  			{ text-align: justify;	}
	/* FIN TEXT-ALIGN */
	
	/* 00.10 TEXT-TRANSFORM */
	.uppercase 				{ text-transform: uppercase; }
	.lowercase 				{ text-transform: lowercase; }
	.capitalize 			{ text-transform: capitalize;}
	/* FIN TEXT-TRANSFORM */
	
	/* 00.11 TEXT-DECORATION */
	.txt-no-decoration,
	.no-text-underline,
	.no-text-decoration		{ text-decoration:none; }
	.line-through			{ text-decoration: line-through; }	
	.underline				{ text-decoration: underline; }
	/* FIN TEXT-DECORATION */
	
	/* 00.12 LETTER SPACING */
	.letter-spacing-0 	{ letter-spacing: 0em !important;	}
	.letter-spacing-1 	{ letter-spacing: 0.1em !important;	}
	.letter-spacing-2 	{ letter-spacing: 0.2em !important;	}
	.letter-spacing-3 	{ letter-spacing: 0.3em !important;	}
	.letter-spacing-4 	{ letter-spacing: 0.4em !important;	}
	.letter-spacing-5 	{ letter-spacing: 0.5em !important;	}
	.letter-spacing-6 	{ letter-spacing: 0.6em !important;	}
	.letter-spacing-7 	{ letter-spacing: 0.7em !important;	}
	.letter-spacing-8 	{ letter-spacing: 0.8em !important;	}
	.letter-spacing-9 	{ letter-spacing: 0.9em !important;	}
	.letter-spacing-10 	{ letter-spacing: 1em !important;	}
	/* FIN LETTER SPACING */
	
	/* 00.13 COLUMNIZE */	
	.columnize-2 {
		margin: 0 0 1.313em;

		-webkit-column-count: 2;
		   -moz-column-count: 2;
				column-count: 2;

		-webkit-column-gap: 3em;
		   -moz-column-gap: 3em;
				column-gap: 3em;


		-webkit-column-rule: 1px solid rgba(0,0,0,0.05);
		   -moz-column-rule: 1px solid rgba(0,0,0,0.05);
				column-rule: 1px solid rgba(0,0,0,0.05);
	}

	.columnize-3 {
		margin: 0 0 1.313em;

		-webkit-column-count: 3;
		   -moz-column-count: 3;
				column-count: 3;

		-webkit-column-gap: 3em;
		   -moz-column-gap: 3em;
				column-gap: 3em;


		-webkit-column-rule: 1px solid rgba(0,0,0,0.05);
		   -moz-column-rule: 1px solid rgba(0,0,0,0.05);
				column-rule: 1px solid rgba(0,0,0,0.05);
	}

	.columnize-4 {
		margin: 0 0 1.313em;

		-webkit-column-count: 4;
		   -moz-column-count: 4;
				column-count: 4;

		-webkit-column-gap: 3em;
		   -moz-column-gap: 3em;
				column-gap: 3em;


		-webkit-column-rule: 1px solid rgba(0,0,0,0.05);
		   -moz-column-rule: 1px solid rgba(0,0,0,0.05);
				column-rule: 1px solid rgba(0,0,0,0.05);
	}

	.columnize-5 {
		margin: 0 0 1.313em;

		-webkit-column-count: 5;
		   -moz-column-count: 5;
				column-count: 5;

		-webkit-column-gap: 3em;
		   -moz-column-gap: 3em;
				column-gap: 3em;


		-webkit-column-rule: 1px solid rgba(0,0,0,0.05);
		   -moz-column-rule: 1px solid rgba(0,0,0,0.05);
				column-rule: 1px solid rgba(0,0,0,0.05);
	}

	.columnize-6 {
		margin: 0 0 1.313em;

		-webkit-column-count: 6;
		   -moz-column-count: 6;
				column-count: 6;

		-webkit-column-gap: 3em;
		   -moz-column-gap: 3em;
				column-gap: 3em;


		-webkit-column-rule: 1px solid rgba(0,0,0,0.05);
		   -moz-column-rule: 1px solid rgba(0,0,0,0.05);
				column-rule: 1px solid rgba(0,0,0,0.05);
	}
	@media only screen and (max-width: 767px) {
		.columnize-4,
		.columnize-5,
		.columnize-6 {
			margin: 0 0 1.313em;

			-webkit-column-count: 3;
			   -moz-column-count: 3;
					column-count: 3;

			-webkit-column-gap: 3em;
			   -moz-column-gap: 3em;
					column-gap: 3em;


			-webkit-column-rule: 1px solid rgba(0,0,0,0.05);
			   -moz-column-rule: 1px solid rgba(0,0,0,0.05);
					column-rule: 1px solid rgba(0,0,0,0.05);
		}
	}
	@media only screen and (max-width: 480px) {
		.columnize-2,
		.columnize-3,
		.columnize-4,
		.columnize-5,
		.columnize-6 {
			font-size:13px;

			-webkit-column-count: 1;
			   -moz-column-count: 1;
					column-count: 1;
		}
	}
	/* FIN COLUMNIZE */
	
	/* 00.14 TEXTO COMPRIMIDO */
	.break-word {
		white-space: pre;           /* CSS 2.0 */
		white-space: pre-wrap;      /* CSS 2.1 */
		white-space: pre-line;      /* CSS 3.0 */
		white-space: -pre-wrap;     /* Opera 4-6 */
		white-space: -o-pre-wrap;   /* Opera 7 */
		white-space: -moz-pre-wrap; /* Mozilla */
		white-space: -hp-pre-wrap;  /* HP Printers */
		word-wrap: break-word;      /* IE 5+ */
	}
	
	.elipsis { 
		overflow:hidden; 
		text-overflow:ellipsis; 
		white-space: nowrap; 
	}
	/* FIN TEXTO COMPRIMIDO */
 /** ************************************* **/
 /** FIN FUENTES
 **************************************************************** **/
 
  /** ************************************* **/
 /** 01. COLOR
 **************************************************************** **/
	/* 00.01 COLOR- */
	.color-transparent, .nocolor 	{ color: transparent; 	}
	.color-black					{ color: #000000; 		}
	.color-g0						{ color: #212121;		}
	.color-g1, .color-333 			{ color: #333333; 		}
	.color-g2 						{ color: #494949; 		}
	.color-g3 						{ color: #5f5f5f; 		}
	.color-g4		 				{ color: #757575; 		}
	.color-g5 						{ color: #8b8b8b; 		}
	.color-g6 						{ color: #a0a0a0; 		}
	.color-g7 						{ color: #b6b6b6; 		}
	.color-g8 						{ color: #cccccc; 		}
	.color-g9 						{ color: #e2e2e2; 		}
	.color-g10 						{ color: #f8f8f8; 		}
	.color-white					{ color: #ffffff; 		}
	.color-orange 					{ color: #f6a400; 		}
	.color-dark-blue 				{ color: #020518; 		}
	.color-666 						{ color: #666666; 		}
	.color-correcto 				{ color: #5c9732; 		}
	.color-error	 				{ color: #e65848; 		}
	/* FIN COLOR- */
	
	/* 00.02 BG- */
	.bg-transparent, .nobg 		{ background-color: transparent; 	}
	.bg-black 					{ background-color: #000000; 		}
	.bg-g0 						{ background-color: #212121;		}
	.bg-g1, .bg-333 			{ background-color: #333333; 		}
	.bg-g2 						{ background-color: #494949; 		}
	.bg-g3 						{ background-color: #5f5f5f; 		}
	.bg-g4		 				{ background-color: #757575; 		}
	.bg-g5 						{ background-color: #8b8b8b; 		}
	.bg-g6 						{ background-color: #a0a0a0; 		}
	.bg-g7 						{ background-color: #b6b6b6; 		}
	.bg-g8 						{ background-color: #cccccc; 		}
	.bg-g9 						{ background-color: #e2e2e2; 		}
	.bg-g10 					{ background-color: #f8f8f8; 		}
	.bg-white 					{ background-color: #ffffff; 		}
	.bg-orange 					{ background-color: #f6a400; 		}
	.bg-dark-blue 				{ background-color: #020518; 		}
	.bg-666 					{ background-color: #666666; 		}
	.bg-correcto 				{ background-color: #5c9732; 		}
	.bg-error	 				{ background-color: #e65848; 		}
	/* FIN BG- */
	
	/* 00.03 BORDER- */
	.border-transparent, .noborder 	{ border-color: transparent; 	}
	.border-black 					{ border-color: #000000; 		}
	.border-g0 						{ border-color: #212121;		}
	.border-g1, .border-333 		{ border-color: #333333; 		}
	.border-g2 						{ border-color: #494949; 		}
	.border-g3 						{ border-color: #5f5f5f; 		}
	.border-g4		 				{ border-color: #757575; 		}
	.border-g5 						{ border-color: #8b8b8b; 		}
	.border-g6 						{ border-color: #a0a0a0; 		}
	.border-g7 						{ border-color: #b6b6b6; 		}
	.border-g8 						{ border-color: #cccccc; 		}
	.border-g9 						{ border-color: #e2e2e2; 		}
	.border-g10 					{ border-color: #f8f8f8; 		}
	.border-white 					{ border-color: #ffffff; 		}
	.border-orange 					{ border-color: #f6a400; 		}
	.border-dark-blue 				{ border-color: #020518; 		}
	.border-666 					{ border-color: #666666; 		}
	.border-correcto 				{ border-color: #5c9732; 		}
	.border-error	 				{ border-color: #e65848; 		}
	/* FIN BORDE- */
 /** ************************************* **/
 /** FIN COLOR
 **************************************************************** **/
 
   /** ************************************* **/
 /** 02. OPACIDAD
 **************************************************************** **/
	.opacity-0 		{ filter: Alpha(Opacity=0); 	opacity:0;		}
	.opacity-1 		{ filter: Alpha(Opacity=10);	opacity:0.1;	}
	.opacity-2 		{ filter: Alpha(Opacity=20);	opacity:0.2;	}
	.opacity-3 		{ filter: Alpha(Opacity=30);	opacity:0.3;	}
	.opacity-4 		{ filter: Alpha(Opacity=40);	opacity:0.4;	}
	.opacity-5 		{ filter: Alpha(Opacity=50);	opacity:0.5;	}
	.opacity-6 		{ filter: Alpha(Opacity=60);	opacity:0.6;	}
	.opacity-7 		{ filter: Alpha(Opacity=70);	opacity:0.7;	}
	.opacity-8 		{ filter: Alpha(Opacity=80);	opacity:0.8;	}
	.opacity-9 		{ filter: Alpha(Opacity=90);	opacity:0.9;	}
	.opacity-10 	{ filter: Alpha(Opacity=100);	opacity:1;		}
 /** ************************************* **/
 /** FIN OPACIDAD
 **************************************************************** **/
 
  /** ************************************* **/
 /** 03. Z-INDEX
 **************************************************************** **/	
	.z-0 		{ z-index: 0; 		}
	.z-10 		{ z-index: 10; 		}		
	.z-20 		{ z-index: 20; 		}
	.z-30	 	{ z-index: 30; 		}
	.z-40 		{ z-index: 40;		}
	.z-50 		{ z-index: 50;		}
	.z-60 		{ z-index: 60;		}
	.z-70	 	{ z-index: 70; 		}
	.z-80 		{ z-index: 80;		}
	.z-90 		{ z-index: 90;		}
	.z-100 		{ z-index: 100;		}
	.z-200 		{ z-index: 200; 	}
	.z-300 		{ z-index: 300;		}
	.z-400	 	{ z-index: 400;		}
	.z-500 		{ z-index: 500;		}
	.z-600	 	{ z-index: 600; 	}
	.z-700 		{ z-index: 700;		}
	.z-800 		{ z-index: 800;		}
	.z-900 		{ z-index: 900;		}
	.z-1000 	{ z-index: 1000;	}
	.z-2000 	{ z-index: 2000;	}	
	.z-3000 	{ z-index: 3000;	}
	.z-4000 	{ z-index: 4000; 	}
	.z-5000 	{ z-index: 5000;	}
	.z-6000 	{ z-index: 6000; 	}
	.z-7000 	{ z-index: 7000; 	}
	.z-8000 	{ z-index: 8000;	}
	.z-9000 	{ z-index: 9000;	}
	.z-10000 	{ z-index: 10000; 	}
 /** ************************************* **/
 /** FIN Z-INDEX
 **************************************************************** **/
 
 /** ************************************* **/
 /** 04. MARGIN
 **************************************************************** **/
	/* 04.01 GENERAL */
	.margin-center 			{ margin: 0 auto; }
	
	.margin-auto 			{ margin: auto;	}
	.margin-0, .nomargin	{ margin: 0; }
	.margin-5 				{ margin: 5px;  }
	.margin-10 				{ margin: 10px;	}
	.margin-15 				{ margin: 15px; }
	.margin-20 				{ margin: 20px; }
	.margin-25	 			{ margin: 25px;	}
	.margin-30 				{ margin: 30px; }
	.margin-35 				{ margin: 35px; }
	.margin-40 				{ margin: 40px; }
	.margin-45	 			{ margin: 45px; }
	.margin-50 				{ margin: 50px; }
	.margin-55 				{ margin: 55px;	}
	.margin-60 				{ margin: 60px;	}
	.margin-65	 			{ margin: 65px; }
	.margin-70 				{ margin: 70px;	}
	.margin-75 				{ margin: 75px;	}
	.margin-80 				{ margin: 80px;	}
	.margin-85				{ margin: 85px;	}
	.margin-90 				{ margin: 90px;	}
	.margin-95 				{ margin: 95px; }
	.margin-100 			{ margin: 100px;}
	.margin-110 			{ margin: 110px;}
	.margin-120 			{ margin: 120px;}
	.margin-130 			{ margin: 130px;}
	.margin-140 			{ margin: 140px;}
	.margin-150 			{ margin: 150px;}
	.margin-160 			{ margin: 160px;}
	.margin-170 			{ margin: 170px;}
	.margin-180 			{ margin: 180px;}
	.margin-190 			{ margin: 190px;}
	.margin-200 			{ margin: 200px;}
	.margin-210 			{ margin: 210px;}
	.margin-220 			{ margin: 220px;}
	.margin-230 			{ margin: 230px;}
	.margin-240 			{ margin: 240px;}
	.margin-250 			{ margin: 250px;}
	.margin-260 			{ margin: 260px;}
	.margin-270 			{ margin: 270px;}
	.margin-280 			{ margin: 280px;}
	.margin-290 			{ margin: 290px;}
	.margin-300 			{ margin: 300px;}
	/* FIN GENERAL */
	
	/* 04.02 LEFT */
	.margin-left-auto	 	{ margin-left: auto;	}
	.margin-left-0, .nomargin-left			{ margin-left: 0;		}
	.margin-left-5 			{ margin-left: 5px; 	}
	.margin-left-10 		{ margin-left: 10px; 	}
	.margin-left-15 		{ margin-left: 15px; 	}
	.margin-left-20	 		{ margin-left: 20px; 	}
	.margin-left-25 		{ margin-left: 25px; 	}
	.margin-left-30		 	{ margin-left: 30px;	}
	.margin-left-35		 	{ margin-left: 35px; 	}
	.margin-left-40 		{ margin-left: 40px;	}
	.margin-left-45 		{ margin-left: 45px;	}
	.margin-left-50 		{ margin-left: 50px;	}
	.margin-left-55 		{ margin-left: 55px;	}
	.margin-left-60 		{ margin-left: 60px;	}
	.margin-left-65 		{ margin-left: 65px;	}
	.margin-left-70 		{ margin-left: 70px;	}
	.margin-left-75 		{ margin-left: 75px;	}
	.margin-left-80 		{ margin-left: 80px;	}
	.margin-left-85 		{ margin-left: 85px;	}
	.margin-left-90 		{ margin-left: 90px;	}
	.margin-left-95 		{ margin-left: 95px; 	}
	.margin-left-100 		{ margin-left: 100px;	}
	.margin-left-110 		{ margin-left: 110px;	}
	.margin-left-120 		{ margin-left: 120px;	}
	.margin-left-130 		{ margin-left: 130px;	}
	.margin-left-140 		{ margin-left: 140px;	}
	.margin-left-150 		{ margin-left: 150px;	}
	.margin-left-160 		{ margin-left: 160px;	}
	.margin-left-170 		{ margin-left: 170px;	}
	.margin-left-180 		{ margin-left: 180px;	}
	.margin-left-190 		{ margin-left: 190px;	}
	.margin-left-200 		{ margin-left: 200px;	}
	.margin-left-210 		{ margin-left: 210px;	}
	.margin-left-220 		{ margin-left: 220px;	}
	.margin-left-230 		{ margin-left: 230px;	}
	.margin-left-240 		{ margin-left: 240px;	}
	.margin-left-250 		{ margin-left: 250px;	}
	.margin-left-260 		{ margin-left: 260px;	}
	.margin-left-270 		{ margin-left: 270px;	}
	.margin-left-280 		{ margin-left: 280px;	}
	.margin-left-290 		{ margin-left: 290px;	}
	.margin-left-300 		{ margin-left: 300px;	}
	/* FIN LEFT */
	
	/* 04.03 RIGHT */
	.margin-right-auto 		{ margin-right: auto;	}
	.margin-right-0, .nomargin-right	  		{ margin-right: 0;		}
	.margin-right-5 		{ margin-right: 5px;	}
	.margin-right-10 		{ margin-right: 10px;	}
	.margin-right-14		{ margin-right: 14px;	}
	.margin-right-15 		{ margin-right: 15px;	}
	.margin-right-20 		{ margin-right: 20px;	}
	.margin-right-25 		{ margin-right: 25px;	}
	.margin-right-30 		{ margin-right: 30px;	}
	.margin-right-35 		{ margin-right: 35px;	}
	.margin-right-40 		{ margin-right: 40px;	}
	.margin-right-45 		{ margin-right: 45px;	}
	.margin-right-50 		{ margin-right: 50px;	}
	.margin-right-55 		{ margin-right: 55px;	}
	.margin-right-60 		{ margin-right: 60px;	}
	.margin-right-65 		{ margin-right: 65px;	}
	.margin-right-70 		{ margin-right: 70px;	}
	.margin-right-75 		{ margin-right: 75px;	}
	.margin-right-80 		{ margin-right: 80px;	}
	.margin-right-85 		{ margin-right: 85px;	}
	.margin-right-90 		{ margin-right: 90px;	}
	.margin-right-95 		{ margin-right: 95px;	}
	.margin-right-100 		{ margin-right: 100px;	}
	.margin-right-110 		{ margin-right: 110px;	}
	.margin-right-120 		{ margin-right: 120px;	}
	.margin-right-130 		{ margin-right: 130px;	}
	.margin-right-140 		{ margin-right: 140px;	}
	.margin-right-150 		{ margin-right: 150px;	}
	.margin-right-160 		{ margin-right: 160px;	}
	.margin-right-170 		{ margin-right: 170px;	}
	.margin-right-180 		{ margin-right: 180px;	}
	.margin-right-190 		{ margin-right: 190px;	}
	.margin-right-200 		{ margin-right: 200px;	}
	.margin-right-210 		{ margin-right: 210px;	}
	.margin-right-220 		{ margin-right: 220px;	}
	.margin-right-230 		{ margin-right: 230px;	}
	.margin-right-240 		{ margin-right: 240px;	}
	.margin-right-250 		{ margin-right: 250px;	}
	.margin-right-260 		{ margin-right: 260px;	}
	.margin-right-270 		{ margin-right: 270px;	}
	.margin-right-280 		{ margin-right: 280px;	}
	.margin-right-290 		{ margin-right: 290px;	}
	.margin-right-300 		{ margin-right: 300px;	}
	/* FIN RIGHT */
	
	/* 04.04 TOP */
	.margin-top-auto 		{ margin-top: auto;		}
	.margin-top-0, .nomargin-top	 			{ margin-top: 0;		}
	.margin-top-5 			{ margin-top: 5px;		}
	.margin-top-10 			{ margin-top: 10px;		}
	.margin-top-15 			{ margin-top: 15px;		}
	.margin-top-20 			{ margin-top: 20px;		}
	.margin-top-25 			{ margin-top: 25px;		}
	.margin-top-30 			{ margin-top: 30px;		}
	.margin-top-35 			{ margin-top: 35px;		}
	.margin-top-40 			{ margin-top: 40px;		}
	.margin-top-45 			{ margin-top: 45px;		}
	.margin-top-50 			{ margin-top: 50px;		}
	.margin-top-55 			{ margin-top: 55px;		}
	.margin-top-60 			{ margin-top: 60px;		}
	.margin-top-65 			{ margin-top: 65px;		}
	.margin-top-70 			{ margin-top: 70px;		}
	.margin-top-75 			{ margin-top: 75px;		}
	.margin-top-80 			{ margin-top: 80px;		}
	.margin-top-85 			{ margin-top: 85px;		}
	.margin-top-90 			{ margin-top: 90px;		}
	.margin-top-95 			{ margin-top: 95px;		}
	.margin-top-100 		{ margin-top: 100px;	}
	.margin-top-110 		{ margin-top: 110px;	}
	.margin-top-120 		{ margin-top: 120px;	}
	.margin-top-130 		{ margin-top: 130px;	}
	.margin-top-140 		{ margin-top: 140px;	}
	.margin-top-150 		{ margin-top: 150px;	}
	.margin-top-160 		{ margin-top: 160px;	}
	.margin-top-170 		{ margin-top: 170px;	}
	.margin-top-180 		{ margin-top: 180px;	}
	.margin-top-190 		{ margin-top: 190px;	}
	.margin-top-200 		{ margin-top: 200px;	}
	.margin-top-210 		{ margin-top: 210px;	}
	.margin-top-220 		{ margin-top: 220px;	}
	.margin-top-230 		{ margin-top: 230px;	}
	.margin-top-240 		{ margin-top: 240px;	}
	.margin-top-250 		{ margin-top: 250px;	}
	.margin-top-260 		{ margin-top: 260px;	}
	.margin-top-270 		{ margin-top: 270px;	}
	.margin-top-280 		{ margin-top: 280px;	}
	.margin-top-290 		{ margin-top: 290px;	}
	.margin-top-300 		{ margin-top: 300px;	}
	/* FIN TOP */
	
	/* 04.05 BOTTOM */
	.margin-bottom-auto 	{ margin-bottom: auto;	}
	.margin-bottom-0, .nomargin-bottom			{ margin-bottom: 0;		}
	.margin-bottom-5 		{ margin-bottom: 5px;	}
	.margin-bottom-10 		{ margin-bottom: 10px;	}
	.margin-bottom-15 		{ margin-bottom: 15px;	}
	.margin-bottom-20 		{ margin-bottom: 20px;	}
	.margin-bottom-25 		{ margin-bottom: 25px;	}
	.margin-bottom-30 		{ margin-bottom: 30px;	}
	.margin-bottom-35 		{ margin-bottom: 35px;	}
	.margin-bottom-40 		{ margin-bottom: 40px;	}
	.margin-bottom-45 		{ margin-bottom: 45px;	}
	.margin-bottom-50 		{ margin-bottom: 50px;	}
	.margin-bottom-55 		{ margin-bottom: 55px;	}
	.margin-bottom-60 		{ margin-bottom: 60px;	}
	.margin-bottom-65 		{ margin-bottom: 65px;	}
	.margin-bottom-70 		{ margin-bottom: 70px;	}
	.margin-bottom-75 		{ margin-bottom: 75px;	}
	.margin-bottom-80 		{ margin-bottom: 80px;	}
	.margin-bottom-85 		{ margin-bottom: 85px;	}
	.margin-bottom-90 		{ margin-bottom: 90px;	}
	.margin-bottom-95 		{ margin-bottom: 95px;	}
	.margin-bottom-100 		{ margin-bottom: 100px;	}
	.margin-bottom-110 		{ margin-bottom: 110px;	}
	.margin-bottom-120 		{ margin-bottom: 120px;	}
	.margin-bottom-130 		{ margin-bottom: 130px;	}
	.margin-bottom-140 		{ margin-bottom: 140px;	}
	.margin-bottom-150 		{ margin-bottom: 150px;	}
	.margin-bottom-160 		{ margin-bottom: 160px;	}
	.margin-bottom-170 		{ margin-bottom: 170px;	}
	.margin-bottom-180 		{ margin-bottom: 180px;	}
	.margin-bottom-190 		{ margin-bottom: 190px;	}
	.margin-bottom-200 		{ margin-bottom: 200px;	}
	.margin-bottom-210 		{ margin-bottom: 210px;	}
	.margin-bottom-220 		{ margin-bottom: 220px;	}
	.margin-bottom-230 		{ margin-bottom: 230px;	}
	.margin-bottom-240 		{ margin-bottom: 240px;	}
	.margin-bottom-250 		{ margin-bottom: 250px;	}
	.margin-bottom-260 		{ margin-bottom: 260px;	}
	.margin-bottom-270 		{ margin-bottom: 270px;	}
	.margin-bottom-280 		{ margin-bottom: 280px;	}
	.margin-bottom-290 		{ margin-bottom: 290px;	}
	.margin-bottom-300 		{ margin-bottom: 300px;	}
	/* FIN BOTTOM */
	
	/* 04.06 HORIZONTAL (X) */
	.margin-x-auto 			{ margin-left: auto; 	margin-right: auto;		}
	.margin-x-0		 		{ margin-left: 0;		margin-right: 0;		}
	.margin-x-5 			{ margin-left: 5px;		margin-right: 5px;		}
	.margin-x-10 			{ margin-left: 10px;	margin-right: 10px;		}
	.margin-x-15 			{ margin-left: 15px;	margin-right: 15px;		}
	.margin-x-20 			{ margin-left: 20px;	margin-right: 20px;		}
	.margin-x-25 			{ margin-left: 25px;	margin-right: 25px;		}
	.margin-x-30 			{ margin-left: 30px;	margin-right: 30px; 	}
	.margin-x-35 			{ margin-left: 35px;	margin-right: 35px;		}
	.margin-x-40 			{ margin-left: 40px;	margin-right: 40px;		}
	.margin-x-45 			{ margin-left: 45px;	margin-right: 45px;		}
	.margin-x-50 			{ margin-left: 50px;	margin-right: 50px;		}
	.margin-x-55 			{ margin-left: 55px;	margin-right: 55px;		}
	.margin-x-60 			{ margin-left: 60px;	margin-right: 60px;		}
	.margin-x-65 			{ margin-left: 65px;	margin-right: 65px;		}
	.margin-x-70 			{ margin-left: 70px;	margin-right: 70px;		}
	.margin-x-75 			{ margin-left: 75px;	margin-right: 75px;		}
	.margin-x-80 			{ margin-left: 80px;	margin-right: 80px;		}
	.margin-x-85 			{ margin-left: 85px;	margin-right: 85px;		}
	.margin-x-90 			{ margin-left: 90px;	margin-right: 90px;		}
	.margin-x-95 			{ margin-left: 95px;	margin-right: 95px;		}
	.margin-x-100 			{ margin-left: 100px;	margin-right: 100px;	}
	.margin-x-110 			{ margin-left: 110px;	margin-right: 110px;	}
	.margin-x-120 			{ margin-left: 120px;	margin-right: 120px;	}
	.margin-x-130 			{ margin-left: 130px;	margin-right: 130px;	}
	.margin-x-140 			{ margin-left: 140px;	margin-right: 140px;	}
	.margin-x-150 			{ margin-left: 150px;	margin-right: 150px;	}
	.margin-x-160 			{ margin-left: 160px;	margin-right: 160px;	}
	.margin-x-170 			{ margin-left: 170px;	margin-right: 170px;	}
	.margin-x-180 			{ margin-left: 180px;	margin-right: 180px;	}
	.margin-x-190 			{ margin-left: 190px;	margin-right: 190px;	}
	.margin-x-200 			{ margin-left: 200px;	margin-right: 200px;	}
	.margin-x-210 			{ margin-left: 210px;	margin-right: 210px;	}
	.margin-x-220 			{ margin-left: 220px;	margin-right: 220px;	}
	.margin-x-230 			{ margin-left: 230px;	margin-right: 230px;	}
	.margin-x-240 			{ margin-left: 240px;	margin-right: 240px;	}
	.margin-x-250 			{ margin-left: 250px;	margin-right: 250px;	}
	.margin-x-260 			{ margin-left: 260px;	margin-right: 260px;	}
	.margin-x-270 			{ margin-left: 270px;	margin-right: 270px;	}
	.margin-x-280 			{ margin-left: 280px;	margin-right: 280px;	}
	.margin-x-290 			{ margin-left: 290px;	margin-right: 290px;	}
	.margin-x-300 			{ margin-left: 300px;	margin-right: 300px;	}
	/* FIN HORIZONTAL (X) */
	
	/* 04.07 VERTICAL (Y) */
	.margin-y-auto 			{ margin-top: auto;		margin-bottom: auto;	}
	.margin-y-0 			{ margin-top: 0;		margin-bottom: 0;		}
	.margin-y-5 			{ margin-top: 5px;		margin-bottom: 5px;		}
	.margin-y-10 			{ margin-top: 10px;		margin-bottom: 10px;	}
	.margin-y-15 			{ margin-top: 15px;		margin-bottom: 15px;	}
	.margin-y-20 			{ margin-top: 20px;		margin-bottom: 20px;	}
	.margin-y-25 			{ margin-top: 25px;		margin-bottom: 25px;	}
	.margin-y-30 			{ margin-top: 30px;		margin-bottom: 30px;	}
	.margin-y-35 			{ margin-top: 35px;		margin-bottom: 35px;	}
	.margin-y-40 			{ margin-top: 40px;		margin-bottom: 40px;	}
	.margin-y-45 			{ margin-top: 45px;		margin-bottom: 45px;	}
	.margin-y-50 			{ margin-top: 50px;		margin-bottom: 50px;	}
	.margin-y-55 			{ margin-top: 55px;		margin-bottom: 55px;	}
	.margin-y-60 			{ margin-top: 60px;		margin-bottom: 60px;	}
	.margin-y-65 			{ margin-top: 65px;		margin-bottom: 65px;	}
	.margin-y-70 			{ margin-top: 70px;		margin-bottom: 70px;	}
	.margin-y-75 			{ margin-top: 75px;		margin-bottom: 75px;	}
	.margin-y-80 			{ margin-top: 80px;		margin-bottom: 80px;	}
	.margin-y-85 			{ margin-top: 85px;		margin-bottom: 85px;	}
	.margin-y-90 			{ margin-top: 90px;		margin-bottom: 90px;	}
	.margin-y-95 			{ margin-top: 95px;		margin-bottom: 95px;	}
	.margin-y-100 			{ margin-top: 100px;	margin-bottom: 100px;	}
	.margin-y-110 			{ margin-top: 110px;	margin-bottom: 110px;	}
	.margin-y-120 			{ margin-top: 120px;	margin-bottom: 120px;	}
	.margin-y-130 			{ margin-top: 130px;	margin-bottom: 130px;	}
	.margin-y-140 			{ margin-top: 140px;	margin-bottom: 140px;	}
	.margin-y-150 			{ margin-top: 150px;	margin-bottom: 150px;	}
	.margin-y-160 			{ margin-top: 160px;	margin-bottom: 160px;	}
	.margin-y-170 			{ margin-top: 170px;	margin-bottom: 170px;	}
	.margin-y-180 			{ margin-top: 180px;	margin-bottom: 180px;	}
	.margin-y-190 			{ margin-top: 190px;	margin-bottom: 190px;	}
	.margin-y-200 			{ margin-top: 200px;	margin-bottom: 200px;	}
	.margin-y-210 			{ margin-top: 210px;	margin-bottom: 210px;	}
	.margin-y-220 			{ margin-top: 220px;	margin-bottom: 220px;	}
	.margin-y-230 			{ margin-top: 230px;	margin-bottom: 230px;	}
	.margin-y-240 			{ margin-top: 240px;	margin-bottom: 240px;	}
	.margin-y-250 			{ margin-top: 250px;	margin-bottom: 250px;	}
	.margin-y-260 			{ margin-top: 260px;	margin-bottom: 260px;	}
	.margin-y-270 			{ margin-top: 270px;	margin-bottom: 270px;	}
	.margin-y-280 			{ margin-top: 280px;	margin-bottom: 280px;	}
	.margin-y-290 			{ margin-top: 290px;	margin-bottom: 290px;	}
	.margin-y-300 			{ margin-top: 300px;	margin-bottom: 300px;	}
	/* FIN VERTICAL (Y) */
 /** ************************************* **/
 /** FIN MARGIN
 **************************************************************** **/
 
 /** ************************************* **/
 /** 05. PADDING
 **************************************************************** **/
	/* 05.01 GENERAL */
	.padding-auto 			{ padding: auto; 	}
	.padding-0, .nopadding 	{ padding: 0; 		}
	.padding-5 				{ padding: 5px; 	}
	.padding-6 				{ padding: 6px; 	}
	.padding-10 			{ padding: 10px; 	}
	.padding-15 			{ padding: 15px;	}
	.padding-20 			{ padding: 20px;	}
	.padding-25 			{ padding: 25px;	}
	.padding-30 			{ padding: 30px;	}
	.padding-35 			{ padding: 35px;	}
	.padding-40 			{ padding: 40px;	}
	.padding-45 			{ padding: 45px;	}
	.padding-50 			{ padding: 50px;	}
	.padding-55 			{ padding: 55px;	}
	.padding-60 			{ padding: 60px;	}
	.padding-65 			{ padding: 65px;	}
	.padding-70 			{ padding: 70px;	}
	.padding-75 			{ padding: 75px;	}
	.padding-80 			{ padding: 80px;	}
	.padding-85 			{ padding: 85px;	}
	.padding-90 			{ padding: 90px;	}
	.padding-95 			{ padding: 95px;	}
	.padding-100 			{ padding: 100px;	}
	.padding-110 			{ padding: 110px;	}
	.padding-120 			{ padding: 120px;	}
	.padding-130 			{ padding: 130px;	}
	.padding-140 			{ padding: 140px;	}
	.padding-150 			{ padding: 150px;	}
	.padding-160 			{ padding: 160px;	}
	.padding-170 			{ padding: 170px;	}
	.padding-180 			{ padding: 180px;	}
	.padding-190 			{ padding: 190px;	}
	.padding-200 			{ padding: 200px;	}
	.padding-210 			{ padding: 210px;	}
	.padding-220 			{ padding: 220px;	}
	.padding-230 			{ padding: 230px;	}
	.padding-240 			{ padding: 240px;	}
	.padding-250 			{ padding: 250px;	}
	.padding-260 			{ padding: 260px;	}
	.padding-270 			{ padding: 270px;	}
	.padding-280 			{ padding: 280px;	}
	.padding-290 			{ padding: 290px;	}
	.padding-300 			{ padding: 300px;	}
	/* FIN GENERAL */
	
	/* 05.02 LEFT */
	.padding-left-auto 		{ padding-left: auto;	}
	.padding-left-0, .nopadding-left  		{ padding-left: 0;		}
	.padding-left-5 		{ padding-left: 5px;	}
	.padding-left-10 		{ padding-left: 10px;	}
	.padding-left-15 		{ padding-left: 15px;	}
	.padding-left-20 		{ padding-left: 20px;	}
	.padding-left-25 		{ padding-left: 25px;	}
	.padding-left-30 		{ padding-left: 30px;	}
	.padding-left-35 		{ padding-left: 35px;	}
	.padding-left-40 		{ padding-left: 40px;	}
	.padding-left-45 		{ padding-left: 45px;	}
	.padding-left-50 		{ padding-left: 50px;	}
	.padding-left-55 		{ padding-left: 55px;	}
	.padding-left-60 		{ padding-left: 60px;	}
	.padding-left-65 		{ padding-left: 65px;	}
	.padding-left-70 		{ padding-left: 70px;	}
	.padding-left-75 		{ padding-left: 75px;	}
	.padding-left-80 		{ padding-left: 80px;	}
	.padding-left-85 		{ padding-left: 85px;	}
	.padding-left-90 		{ padding-left: 90px;	}
	.padding-left-95 		{ padding-left: 95px;	}
	.padding-left-100 		{ padding-left: 100px;	}
	.padding-left-110 		{ padding-left: 110px;	}
	.padding-left-120 		{ padding-left: 120px;	}
	.padding-left-130 		{ padding-left: 130px;	}
	.padding-left-140 		{ padding-left: 140px;	}
	.padding-left-150 		{ padding-left: 150px;	}
	.padding-left-160 		{ padding-left: 160px;	}
	.padding-left-170 		{ padding-left: 170px;	}
	.padding-left-180 		{ padding-left: 180px;	}
	.padding-left-190 		{ padding-left: 190px;	}
	.padding-left-200 		{ padding-left: 200px;	}
	.padding-left-210 		{ padding-left: 210px;	}
	.padding-left-220 		{ padding-left: 220px;	}
	.padding-left-230 		{ padding-left: 230px;	}
	.padding-left-240 		{ padding-left: 240px;	}
	.padding-left-250 		{ padding-left: 250px;	}
	.padding-left-260 		{ padding-left: 260px;	}
	.padding-left-270 		{ padding-left: 270px;	}
	.padding-left-280 		{ padding-left: 280px;	}
	.padding-left-290 		{ padding-left: 290px;	}
	.padding-left-300 		{ padding-left: 300px;	}
	/* FIN LEFT */
	
	/* 05.03 RIGHT */
	.padding-right-auto 	{ padding-right: auto;	}
	.padding-right-0, .nopadding-right		{ padding-right: 0;		}
	.padding-right-5 		{ padding-right: 5px;	}
	.padding-right-10 		{ padding-right: 10px;	}
	.padding-right-15 		{ padding-right: 15px;	}
	.padding-right-20 		{ padding-right: 20px;	}
	.padding-right-25 		{ padding-right: 25px;	}
	.padding-right-30 		{ padding-right: 30px;	}
	.padding-right-35 		{ padding-right: 35px;	}
	.padding-right-40 		{ padding-right: 40px;	}
	.padding-right-45 		{ padding-right: 45px;	}
	.padding-right-50 		{ padding-right: 50px;	}
	.padding-right-55 		{ padding-right: 55px;	}
	.padding-right-60 		{ padding-right: 60px;	}
	.padding-right-65 		{ padding-right: 65px;	}
	.padding-right-70 		{ padding-right: 70px;	}
	.padding-right-75 		{ padding-right: 75px;	}
	.padding-right-80 		{ padding-right: 80px;	}
	.padding-right-85 		{ padding-right: 85px;	}
	.padding-right-90 		{ padding-right: 90px;	}
	.padding-right-95 		{ padding-right: 95px;	}
	.padding-right-100 		{ padding-right: 100px;	}
	.padding-right-110 		{ padding-right: 110px;	}
	.padding-right-120 		{ padding-right: 120px;	}
	.padding-right-130 		{ padding-right: 130px;	}
	.padding-right-140 		{ padding-right: 140px;	}
	.padding-right-150 		{ padding-right: 150px;	}
	.padding-right-160 		{ padding-right: 160px;	}
	.padding-right-170 		{ padding-right: 170px;	}
	.padding-right-180 		{ padding-right: 180px;	}
	.padding-right-190 		{ padding-right: 190px;	}
	.padding-right-200 		{ padding-right: 200px;	}
	.padding-right-210 		{ padding-right: 210px;	}
	.padding-right-220 		{ padding-right: 220px;	}
	.padding-right-230 		{ padding-right: 230px;	}
	.padding-right-240 		{ padding-right: 240px;	}
	.padding-right-250 		{ padding-right: 250px;	}
	.padding-right-260 		{ padding-right: 260px;	}
	.padding-right-270 		{ padding-right: 270px;	}
	.padding-right-280 		{ padding-right: 280px;	}
	.padding-right-290 		{ padding-right: 290px;	}
	.padding-right-300 		{ padding-right: 300px;	}
	/* FIN RIGHT */
	
	/* 05.04 TOP */
	.padding-top-auto 		{ padding-top: auto;	}
	.padding-top-0, .nopadding-top 			{ padding-top: 0;		}
	.padding-top-5 			{ padding-top: 5px;		}
	.padding-top-10 		{ padding-top: 10px;	}
	.padding-top-15 		{ padding-top: 15px;	}
	.padding-top-20 		{ padding-top: 20px;	}
	.padding-top-25 		{ padding-top: 25px;	}
	.padding-top-30 		{ padding-top: 30px;	}
	.padding-top-35 		{ padding-top: 35px;	}
	.padding-top-40 		{ padding-top: 40px;	}
	.padding-top-45 		{ padding-top: 45px;	}
	.padding-top-50 		{ padding-top: 50px;	}
	.padding-top-55 		{ padding-top: 55px;	}
	.padding-top-60 		{ padding-top: 60px;	}
	.padding-top-65 		{ padding-top: 65px;	}
	.padding-top-70 		{ padding-top: 70px;	}
	.padding-top-75 		{ padding-top: 75px;	}
	.padding-top-80 		{ padding-top: 80px;	}
	.padding-top-85 		{ padding-top: 85px;	}
	.padding-top-90 		{ padding-top: 90px;	}
	.padding-top-95 		{ padding-top: 95px;	}
	.padding-top-100 		{ padding-top: 100px;	}
	.padding-top-110 		{ padding-top: 110px;	}
	.padding-top-120 		{ padding-top: 120px;	}
	.padding-top-130 		{ padding-top: 130px;	}
	.padding-top-140 		{ padding-top: 140px;	}
	.padding-top-150 		{ padding-top: 150px;	}
	.padding-top-160 		{ padding-top: 160px;	}
	.padding-top-170 		{ padding-top: 170px;	}
	.padding-top-180 		{ padding-top: 180px;	}
	.padding-top-190 		{ padding-top: 190px;	}
	.padding-top-200 		{ padding-top: 200px;	}
	.padding-top-210 		{ padding-top: 210px;	}
	.padding-top-220 		{ padding-top: 220px;	}
	.padding-top-230 		{ padding-top: 230px;	}
	.padding-top-240 		{ padding-top: 240px;	}
	.padding-top-250 		{ padding-top: 250px;	}
	.padding-top-260 		{ padding-top: 260px;	}
	.padding-top-270 		{ padding-top: 270px;	}
	.padding-top-280 		{ padding-top: 280px;	}
	.padding-top-290 		{ padding-top: 290px;	}
	.padding-top-300 		{ padding-top: 300px;	}
	/* FIN TOP */
	
	/* 05.05 BOTTOM */
	.padding-bottom-auto 	{ padding-bottom: auto;	}
	.padding-bottom-0, .nopadding-bottom		{ padding-bottom: 0;	}
	.padding-bottom-5 		{ padding-bottom: 5px;	}
	.padding-bottom-10 		{ padding-bottom: 10px;	}
	.padding-bottom-15 		{ padding-bottom: 15px;	}
	.padding-bottom-20 		{ padding-bottom: 20px;	}
	.padding-bottom-25 		{ padding-bottom: 25px;	}
	.padding-bottom-30 		{ padding-bottom: 30px;	}
	.padding-bottom-35 		{ padding-bottom: 35px;	}
	.padding-bottom-40 		{ padding-bottom: 40px;	}
	.padding-bottom-45 		{ padding-bottom: 45px;	}
	.padding-bottom-50 		{ padding-bottom: 50px;	}
	.padding-bottom-55 		{ padding-bottom: 55px;	}
	.padding-bottom-60 		{ padding-bottom: 60px;	}
	.padding-bottom-65 		{ padding-bottom: 65px;	}
	.padding-bottom-70 		{ padding-bottom: 70px;	}
	.padding-bottom-75 		{ padding-bottom: 75px;	}
	.padding-bottom-80 		{ padding-bottom: 80px;	}
	.padding-bottom-85 		{ padding-bottom: 85px;	}
	.padding-bottom-90 		{ padding-bottom: 90px;	}
	.padding-bottom-95 		{ padding-bottom: 95px;	}
	.padding-bottom-100 	{ padding-bottom: 100px;}
	.padding-bottom-110 	{ padding-bottom: 110px;}
	.padding-bottom-120 	{ padding-bottom: 120px;}
	.padding-bottom-130 	{ padding-bottom: 130px;}
	.padding-bottom-140 	{ padding-bottom: 140px;}
	.padding-bottom-150 	{ padding-bottom: 150px;}
	.padding-bottom-160 	{ padding-bottom: 160px;}
	.padding-bottom-170 	{ padding-bottom: 170px;}
	.padding-bottom-180 	{ padding-bottom: 180px;}
	.padding-bottom-190 	{ padding-bottom: 190px;}
	.padding-bottom-200 	{ padding-bottom: 200px;}
	.padding-bottom-210 	{ padding-bottom: 210px;}
	.padding-bottom-220 	{ padding-bottom: 220px;}
	.padding-bottom-230 	{ padding-bottom: 230px;}
	.padding-bottom-240 	{ padding-bottom: 240px;}
	.padding-bottom-250 	{ padding-bottom: 250px;}
	.padding-bottom-260 	{ padding-bottom: 260px;}
	.padding-bottom-270 	{ padding-bottom: 270px;}
	.padding-bottom-280 	{ padding-bottom: 280px;}
	.padding-bottom-290 	{ padding-bottom: 290px;}
	.padding-bottom-300 	{ padding-bottom: 300px;}
	/* FIN BOTTOM */
	
	/* 05.06 HORIZONTAL (X) */
	.padding-x-auto 		{ padding-left: auto;	padding-right: auto;	}
	.padding-x-0 			{ padding-left: 0;		padding-right: 0;		}
	.padding-x-5 			{ padding-left: 5px;	padding-right: 5px;		}
	.padding-x-10 			{ padding-left: 10px;	padding-right: 10px;	}
	.padding-x-15 			{ padding-left: 15px;	padding-right: 15px;	}
	.padding-x-20 			{ padding-left: 20px;	padding-right: 20px;	}
	.padding-x-25 			{ padding-left: 25px;	padding-right: 25px;	}
	.padding-x-30 			{ padding-left: 30px;	padding-right: 30px;	}
	.padding-x-35 			{ padding-left: 35px;	padding-right: 35px;	}
	.padding-x-40 			{ padding-left: 40px;	padding-right: 40px;	}
	.padding-x-45 			{ padding-left: 45px;	padding-right: 45px;	}
	.padding-x-50 			{ padding-left: 50px;	padding-right: 50px;	}
	.padding-x-55 			{ padding-left: 55px; 	padding-right: 55px;	}
	.padding-x-60 			{ padding-left: 60px;	padding-right: 60px;	}
	.padding-x-65 			{ padding-left: 65px;	padding-right: 65px;	}
	.padding-x-70 			{ padding-left: 70px;	padding-right: 70px;	}
	.padding-x-75 			{ padding-left: 75px;	padding-right: 75px;	}
	.padding-x-80 			{ padding-left: 80px;	padding-right: 80px;	}
	.padding-x-85 			{ padding-left: 85px;	padding-right: 85px;	}
	.padding-x-90 			{ padding-left: 90px;	padding-right: 90px;	}
	.padding-x-95 			{ padding-left: 95px;	padding-right: 95px;	}
	.padding-x-100 			{ padding-left: 100px;	padding-right: 100px;	}
	.padding-x-110 			{ padding-left: 110px;	padding-right: 110px;	}
	.padding-x-120 			{ padding-left: 120px;	padding-right: 120px;	}
	.padding-x-130 			{ padding-left: 130px;	padding-right: 130px;	}
	.padding-x-140 			{ padding-left: 140px;	padding-right: 140px;	}
	.padding-x-150 			{ padding-left: 150px;	padding-right: 150px;	}
	.padding-x-160 			{ padding-left: 160px;	padding-right: 160px;	}
	.padding-x-170 			{ padding-left: 170px;	padding-right: 170px;	}
	.padding-x-180 			{ padding-left: 180px;	padding-right: 180px;	}
	.padding-x-190 			{ padding-left: 190px;	padding-right: 190px;	}
	.padding-x-200 			{ padding-left: 200px;	padding-right: 200px;	}
	.padding-x-210 			{ padding-left: 210px;	padding-right: 210px;	}
	.padding-x-220 			{ padding-left: 220px;	padding-right: 220px;	}
	.padding-x-230 			{ padding-left: 230px;	padding-right: 230px;	}
	.padding-x-240 			{ padding-left: 240px;	padding-right: 240px;	}
	.padding-x-250 			{ padding-left: 250px;	padding-right: 250px;	}
	.padding-x-260 			{ padding-left: 260px;	padding-right: 260px;	}
	.padding-x-270 			{ padding-left: 270px;	padding-right: 270px;	}
	.padding-x-280 			{ padding-left: 280px;	padding-right: 280px;	}
	.padding-x-290 			{ padding-left: 290px;	padding-right: 290px;	}
	.padding-x-300 			{ padding-left: 300px;	padding-right: 300px;	}
	/* FIN HORIZONTAL (X) */
	
	/* 05.07 VERTICAL (Y) */
	.padding-y-auto 		{ padding-top: auto; 	padding-bottom: auto;	}
	.padding-y-0 			{ padding-top: 0;		padding-bottom: 0;		}
	.padding-y-5 			{ padding-top: 5px;		padding-bottom: 5px;	}
	.padding-y-10 			{ padding-top: 10px;	padding-bottom: 10px;	}
	.padding-y-15 			{ padding-top: 15px;	padding-bottom: 15px;	}
	.padding-y-20 		 	{ padding-top: 20px;	padding-bottom: 20px;	}
	.padding-y-25 			{ padding-top: 25px;	padding-bottom: 25px;	}
	.padding-y-30 			{ padding-top: 30px;	padding-bottom: 30px;	}
	.padding-y-35 			{ padding-top: 35px;	padding-bottom: 35px;	}
	.padding-y-40 			{ padding-top: 40px;	padding-bottom: 40px;	}
	.padding-y-45 			{ padding-top: 45px;	padding-bottom: 45px;	}
	.padding-y-50 			{ padding-top: 50px;	padding-bottom: 50px;	}
	.padding-y-55 			{ padding-top: 55px;	padding-bottom: 55px;	}
	.padding-y-60 			{ padding-top: 60px;	padding-bottom: 60px;	}
	.padding-y-65 			{ padding-top: 65px;	padding-bottom: 65px;	}
	.padding-y-70 			{ padding-top: 70px;	padding-bottom: 70px;	}
	.padding-y-75 			{ padding-top: 75px;	padding-bottom: 75px;	}
	.padding-y-80 			{ padding-top: 80px;	padding-bottom: 80px;	}
	.padding-y-85 			{ padding-top: 85px;	padding-bottom: 85px;	}
	.padding-y-90 			{ padding-top: 90px;	padding-bottom: 90px;	}
	.padding-y-95 			{ padding-top: 95px;	padding-bottom: 95px;	}
	.padding-y-100 			{ padding-top: 100px;	padding-bottom: 100px;	}
	.padding-y-110 			{ padding-top: 110px;	padding-bottom: 110px;	}
	.padding-y-120 			{ padding-top: 120px;	padding-bottom: 120px;	}
	.padding-y-130 			{ padding-top: 130px;	padding-bottom: 130px;	}
	.padding-y-140 			{ padding-top: 140px;	padding-bottom: 140px;	}
	.padding-y-150 			{ padding-top: 150px;	padding-bottom: 150px;	}
	.padding-y-160 			{ padding-top: 160px;	padding-bottom: 160px;	}
	.padding-y-170 			{ padding-top: 170px;	padding-bottom: 170px;	}
	.padding-y-180 			{ padding-top: 180px;	padding-bottom: 180px;	}
	.padding-y-190 			{ padding-top: 190px;	padding-bottom: 190px;	}
	.padding-y-200 			{ padding-top: 200px;	padding-bottom: 200px;	}
	.padding-y-210 			{ padding-top: 210px;	padding-bottom: 210px;	}
	.padding-y-220 			{ padding-top: 220px;	padding-bottom: 220px;	}
	.padding-y-230 			{ padding-top: 230px;	padding-bottom: 230px;	}
	.padding-y-240 			{ padding-top: 240px;	padding-bottom: 240px;	}
	.padding-y-250 			{ padding-top: 250px;	padding-bottom: 250px;	}
	.padding-y-260 			{ padding-top: 260px;	padding-bottom: 260px;	}
	.padding-y-270 			{ padding-top: 270px;	padding-bottom: 270px;	}
	.padding-y-280 			{ padding-top: 280px;	padding-bottom: 280px;	}
	.padding-y-290 			{ padding-top: 290px;	padding-bottom: 290px;	}
	.padding-y-300 			{ padding-top: 300px;	padding-bottom: 300px;	}
	/* FIN VERTICAL (Y) */ 
/** ************************************* **/
 /** FIN PADDING
 **************************************************************** **/
 
  /** ************************************* **/
 /** 06. BORDES
 **************************************************************** **/
	/* 06.01 GENERAL */
	.border-0, .noborder 	{ border: 0px solid; }
	.border-1 				{ border: 1px solid; }
	.border-2 				{ border: 2px solid; }
	.border-3 				{ border: 3px solid; }
	.border-4 				{ border: 4px solid; }
	.border-5 				{ border: 5px solid; }
	/* FIN GENERAL */
	
	/* 06.02 LEFT */
	.border-left-0, .noborder-left	{ border-left: 0px solid; }
	.border-left-1 					{ border-left: 1px solid; }
	.border-left-2 					{ border-left: 2px solid; }
	.border-left-3 					{ border-left: 3px solid; }
	.border-left-4 					{ border-left: 4px solid; }
	.border-left-5 					{ border-left: 5px solid; }
	/* FIN LEFT */
	
	/* 06.03 RIGHT */
	.border-right-0, .noborder-right	{ border-right: 0px solid; }
	.border-right-1 					{ border-right: 1px solid; }
	.border-right-2 					{ border-right: 2px solid; }
	.border-right-3 					{ border-right: 3px solid; }
	.border-right-4 					{ border-right: 4px solid; }
	.border-right-5 					{ border-right: 5px solid; }
	/* FIN RIGHT */
	
	/* 06.04 TOP */
	.border-top-0, .noborder-top 	{ border-top: 0px solid; }
	.border-top-1		 			{ border-top: 1px solid; }
	.border-top-2 					{ border-top: 2px solid; }
	.border-top-3		 			{ border-top: 3px solid; }
	.border-top-4 					{ border-top: 4px solid; }
	.border-top-5 					{ border-top: 5px solid; }
	/* FIN TOP */
	
	/* 06.05 BOTTOM */
	.border-bottom-0, .noborder-bottom	{ border-bottom: 0 solid; }
	.border-bottom-1			 		{ border-bottom: 1px solid; }
	.border-bottom-2			 		{ border-bottom: 2px solid; }
	.border-bottom-3 					{ border-bottom: 3px solid; }
	.border-bottom-4			 		{ border-bottom: 4px solid; }
	.border-bottom-5			 		{ border-bottom: 5px solid; }
	/* FIN BOTTOM */
 /** ************************************* **/
 /** FIN BORDES
 **************************************************************** **/
 
 /** ************************************* **/
 /** 07. WIDTH
 **************************************************************** **/
	.width-10			{ width:10px; }
	.width-20			{ width:20px; }
	.width-30			{ width:30px; }
	.width-40			{ width:40px; }
	.width-50			{ width:50px; }
	.width-100			{ width:100px; }
	.width-150			{ width:150px; }
	.width-200			{ width:200px; }
	.width-250			{ width:250px; }
	.width-300			{ width:300px; }
	.width-350			{ width:350px; }
	.width-400			{ width:400px; }
	.width-450			{ width:450px; }
	.width-500			{ width:500px; }
	.width-550			{ width:550px; }
	.width-600			{ width:600px; }
	.width-650			{ width:650px; }
	.width-700			{ width:700px; }
	.width-750			{ width:750px; }
	.width-800			{ width:800px; }
	
	.fullwidth 			{ width:100%; 	max-width:100%; }
	.halfwidth 			{ width:50%;   }
 /** ************************************* **/
 /** FIN WIDTH
 **************************************************************** **/
 
 /** ************************************* **/
 /** 08. HEIGHT
 **************************************************************** **/
	.height-10			{ height:10px; }
	.height-20			{ height:20px; }
	.height-30			{ height:30px; }
	.height-50			{ height:50px; }
	.height-100			{ height:100px; }
	.height-150			{ height:150px; }
	.height-200			{ height:200px; }
	.height-250			{ height:250px; }
	.height-300			{ height:300px; }
	.height-350			{ height:350px; }
	.height-400			{ height:400px; }
	.height-450			{ height:450px; }
	.height-500			{ height:500px; }
	.height-550			{ height:550px; }
	.height-600			{ height:600px; }
	.height-650			{ height:650px; }
	.height-700			{ height:700px; }
	.height-750			{ height:750px; }
	.height-800			{ height:800px; }
	.fullheight 		{ height:100%; 	}
 /** ************************************* **/
 /** FIN HEIGHT
 **************************************************************** **/
 
 /** ************************************* **/
 /** 09. DISPLAY, POSITION Y FLOAT
 **************************************************************** **/
	/* 09.01 DISPLAY */
	.flex, .d-flex										{ display: flex; 			}
	.block-inline, .inline-block, .d-inline-block	 	{ display: inline-block; 	}
	.block, .d-block 									{ display: block; 			}
	.inline, .d-inline 									{ display: inline; 			}	
	.none, .d-none, .softhide 							{ display: none; 			}
	.display-table, .d-table							{ display:table; width:100%; height:100%; position:relative; z-index:99; }
	.display-table-cell, .d-table-cell					{ display:table-cell; width:100%; height:100%; }
	.inline-flex, .d-inline-flex						{ display: inline-flex; 			   }
	/* FIN DISPLAY */

	/* 09.02 POSITION */
	.inherit, .p-inherit				{ position: inherit; 		}
	.absolute, .p-absolute				{ position: absolute; 		}
	.relative, .p-relative 				{ position: relative;		}
	.fixed, .p-fixed 					{ position: fixed;			}
	.sticky, .p-sticky 					{ position: sticky;			}
	/* FIN POSITION */
	
	/* 09.03 FLOAT */
	.nopull, .nofloat 					{ float: none;		}
	.pull-right, .float-right 			{ float: right;		}
	.pull-left, .float-left 			{ float: left;		}
	/* FIN POSITION */
  /** ************************************* **/
 /** FIN DISPLAY, POSITION Y FLOAT
 **************************************************************** **/
 
  /** ************************************* **/
 /** 10. RADIUS 
 **************************************************************** **/
	.radius-0, .noradius {
		-webkit-border-radius: 0;
		   -moz-border-radius: 0;
				border-radius: 0;
	}
	.radius-3 {
		-webkit-border-radius: 3px;
		   -moz-border-radius: 3px;
				border-radius: 3px;
	}
	.radius-4{
		-webkit-border-radius: 4px;
		   -moz-border-radius: 4px;
				border-radius: 4px;
	}
	.radius-5 {
		-webkit-border-radius: 5px;
		   -moz-border-radius: 5px;
				border-radius: 5px;
	}
	.radius-6 {
		-webkit-border-radius: 6px;
		   -moz-border-radius: 6px;
				border-radius: 6px;
	}
	.radius-7 {
		-webkit-border-radius: 7px;
		   -moz-border-radius: 7px;
				border-radius: 7px;
	}
	.radius-8 {
		-webkit-border-radius: 8px;
		   -moz-border-radius: 8px;
				border-radius: 8px;
	}	
	.rounded {
		-webkit-border-radius: 50% !important;
		   -moz-border-radius: 50% !important;
				border-radius: 50% !important;
	}
  /** ************************************* **/
 /** FIN RADIUS
 **************************************************************** **/
 
  /** ************************************* **/
 /** 11. NOES GENERALES
 **************************************************************** **/
	.no-transition {
		-webkit-transition: all 0s !important;
		   -moz-transition: all 0s !important;
			 -o-transition: all 0s !important;
				transition: all 0s !important;
	}
  /** ************************************* **/
 /** FIN NOES GENERALES
 **************************************************************** **/ 
 
  /** ************************************* **/
 /** 12. CLEARFIX, HEADINGS Y ETIQUETAS
 **************************************************************** **/	
	::selection {
		background: #f6a400;
		color: #fff;
	}
	::-moz-selection {
		background: #f6a400; /* Firefox */
		color: #fff;
	}
	::-webkit-selection {
		background: #f6a400; /* Safari */
		color: #fff;
	}
	
	html, body { background: #fff; }
	
	
	body {
		position: relative;
		font-family: 'Open Sans',Arial,Helvetica,sans-serif;
		font-size: 14px;
		line-height: 1.4;
		color: #414141;
	}
	
	a, a:focus, a:hover, a:active, button, button:focus, button:active {
		outline: 0;
		cursor: pointer;
		text-decoration: none;
	}
	
	a {
		-webkit-transition: all .300s;
		-moz-transition: all .300s;
		-o-transition: all .300s;
		transition: all .300s;
	}
	
	p { display: block;	}
	
	p, pre, ul, ol, dl, dd, blockquote, address, table, fieldset, form {
		margin-bottom: 30px;
	}
	
	img {
		display: inline-block;
		border: 0;
	}
	
	body #wrapper {
		position: relative;
		min-height: 100%;
	}
	
	.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
		outline: none;
	}
 /** ************************************* **/
 /** FIN HEADINGS Y ETIQUETAS
 **************************************************************** **/
 
  /** ************************************* **/
 /** 13. TOTOP
 **************************************************************** **/
	#toTop:hover {
		background-color: rgba(0,0,0,0.7);
	}
	
	#toTop {
		font-size: 20px;
		line-height: 29px;
		background-color: rgba(0,0,0,0.3);
		color: #FFF;
		position: fixed;
		height: 35px;
		width: 40px;
		right: 6px;
		bottom: 10px;
		text-align: center;
		text-transform: uppercase;
		opacity: 0.9;
		filter: alpha(opacity=90);
		display: none;
		z-index: 1000;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
		-webkit-transition: all 0.2s;
		-moz-transition: all 0.2s;
		-o-transition: all 0.2s;
		transition: all 0.2s;
		padding: 3px;
	}
	
	#toTop::before {
		font-family: 'televes-icons';
		content: "\e9cc";
	}
  /** ************************************* **/
 /** FIN TOTOP
 **************************************************************** **/
 
  /** ************************************* **/
 /** 14. ANIMA BOTONES
 **************************************************************** **/ 
	.anima-top {
		display: inline-block;
		-webkit-transform: perspective(0px) translateZ(0);
		transform: perspective(0px) translateZ(0);
		position: relative;
		overflow: hidden;
	}
	
	.anima-top:hover::before {
		left: 0;
		right: 0;
	}
	
	.anima-top::before {
		z-index: 999;
		content: "";
		position: absolute;
		background: #F6A400;
		height: 4px;
		top: 0;
		left: 51%;
		right: 50%;
		-webkit-transition-property: left, right;
		transition-property: left, right;
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
		-webkit-transition-timing-function: ease-out;
		transition-timing-function: ease-out;
	}
 /** ************************************* **/
 /** FIN ANIMA BOTONES
 **************************************************************** **/

  /** ************************************* **/
 /** 15. NUMERACIÓN
 **************************************************************** **/ 
	/* 15.01 GENERAL */
	.toolbar.toolbar-objects {
		display: flex;
		position: relative;
		flex-flow: nowrap;
		justify-content: space-between;
		align-items: center;
		margin-bottom: 20px;
		padding-top: 10px;
		padding-bottom: 10px;
		top: 0;
		width: 100%;
		background-color: transparent;
		text-align: center;
	}
	
	.pagination li a{
		margin: 0 5px 0 0;
		font-size: 13px;
		letter-spacing: normal;
		width: 32px;
		line-height: 22px;
	}
	/* FIN GENERAL */
	
	/* 15.02 NARANJA */
	.pagination.pagination-orange li a{
		color: #f6a400;
	}
	
	.pagination.pagination-orange li a:hover{
		background-color: #f6a400;
		border-color: #f6a400;
		color: #fff;
	}
	
	.pagination.pagination-orange li.active a{
		background-color: #f6a400;
		border-color: #f6a400;
		color: #fff;
	}
	
	.pagination.pagination-orange li.active a:hover{
		background-color: #f6a400;
		border-color: #f6a400;
		color: #fff;
	}
	/* FIN NARANJA */
	
	/* 15.03 GRIS */
	.pagination.pagination-gris li a{
		color: #666;
	}
	
	.pagination.pagination-gris li a:hover{
		border-color: #ccc;
		background: rgba(0,0,0,0.05);
	}
	
	.pagination.pagination-gris li.active a{
		background-color: #f6a400;
		border-color: #f6a400;
		color: #fff;
	}
	
	.pagination.pagination-gris li.active a:hover{
		background-color: #f6a400;
		border-color: #f6a400;
		color: #fff;
	}
	/* FIN GRIS */
	
	/* 15.04 NEGRO */
	.pagination.pagination-black li a{
		color: #666;
	}
	
	.pagination.pagination-black li a:hover{
		border-color: #ccc;
		background: #000;
		color: #fff;
	}
	
	.pagination.pagination-black li.active a{
		background-color: #f6a400;
		border-color: #f6a400;
		color: #fff;
	}
	
	.pagination.pagination-black li.active a:hover{
		background-color: #f6a400;
		border-color: #f6a400;
		color: #fff;
	}
	/* FIN NEGRO */
	
	/* 15.05 MOSTRAR Nº POR PÁGINA */
	.toolbar .field.limiter {
		padding-left: 10px;
		display: flex;
		align-items: center;
		position: relative;
		float: right !important;
	}
	
	.toolbar .limiter .label {
		margin: 0;
	}
	
	.toolbar .field.limiter label span {
		font-weight: 600;
		color: #999999;
		font-size: 14px;
	}
	
	.toolbar .limiter .control {
		display: inline-block;
	}
	
	.toolbar select {
		border: 1px solid #e4e4e4;
		height: 37px;
		color: #7a7d82;
		font-weight: 400;
		font-size: 14px;
		text-transform: capitalize;
		padding: 0 10px;
		padding-right: 30px;
		border-radius: 0;
		background-color: #ffffff;
		-webkit-appearance: none;
		-moz-appearance: none;
		-ms-appearance: none;
		appearance: none;
		background: #fff url('../images/elementos/select-bg.svg') no-repeat 100% 48%;
		background-size: 30px 60px;
	}
		
	.toolbar .limiter-options {
		width: auto;
		margin: 0 5px 0 7px;
		cursor: pointer;
	}
	
	.limiter-options:focus {
		border: 1px solid #f6a400;
	}
	
	.limiter-options, .select2-selection__rendered {
		background: #fff url('/assets/imag/select-bg.svg') no-repeat 100% 48%;
	}
	/* FIN MOSTRAR Nº POR PÁGINA */
 /** ************************************* **/
 /** FIN NUMERACIÓN
 **************************************************************** **/
 
 
  /** ************************************* **/
 /** SPINNER
 **************************************************************** **/
	 #preloader {
		position: fixed;
		z-index: 9999999;
		left: 50%;
		top: 50%;
		right: 0;
		left: 0;
		 text-align: center;
		/*background: rgba(0, 0, 0, .5);*/
	}
	 #preloaderW {
		position: fixed;
		z-index: 9999999;
		left: 0;
		top: 0;
		bottom: 0;
		right: 0;
		/*background: rgba(0, 0, 0, .5);*/
	}

	 #preloaderM {
		position: fixed;
		z-index: 9999999;
		left: 0;
		top: 0;
		bottom: 0;
		right: 0;
		
		/*background: rgba(0, 0, 0, .5);*/
	}

	 .msgSpinner {
		margin: auto auto 0;
		width: 100%; /* tredess 70px*/
		text-align: center;
		display: flex;
		 color: #FFA800;
		/*height: 100%; tredess: para facer spin con texto */
		/*align-items: center; tredess: para que quede mellor centrado, utilizamos justify-content*/
		justify-content: center;
	}
	
	 .spinner {
		margin: auto auto 0;
		width: 100%; /* tredess 70px*/
		text-align: center;
		display: flex;
		/*height: 100%; tredess: para facer spin con texto */
		/*align-items: center; tredess: para que quede mellor centrado, utilizamos justify-content*/
		justify-content: center;
	}
	
	.spinner > div {
		width: 18px;
		height: 18px;
		background-color: #f6a400;
		border-radius: 100%;
		display: inline-block;
		-webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
		animation: sk-bouncedelay 1.4s infinite ease-in-out both;
	}
	
	.spinner .bounce1 {
		-webkit-animation-delay: -0.32s;
		animation-delay: -0.32s;
	}
	
	.spinner .bounce2 {
		-webkit-animation-delay: -0.16s;
		animation-delay: -0.16s;
	}
	
	@-webkit-keyframes sk-bouncedelay {

	0%, 80%, 100% { -webkit-transform: scale(0) }
		40% { -webkit-transform: scale(1.0) }

	}

	@keyframes sk-bouncedelay {

		0%, 80%, 100% { 
				-webkit-transform: scale(0);
				transform: scale(0);
			} 
			40% { 
				-webkit-transform: scale(1.0);
				transform: scale(1.0);
			}

		}
 /** ************************************* **/
 /** FIN SPINNER
 **************************************************************** **/