
<style type="text/css">

body {padding-bottom: 1000px;}

/* Estilos Globales /*

/* Fila 100% */
.g-rowx100 { width: 100%; clear: both; }

/* Columna */
.g-col { display: inline-block; vertical-align: text-top;  }

/* Columnas de 100 */
.g-col100x100 { width: 100%; } .g-col100x99 { width: 99%; } .g-col100x98 { width: 98%; } .g-col100x97 { width: 97%; } .g-col100x96 { width: 96%; } .g-col100x95 { width: 95%; } .g-col100x94 { width: 94%; } .g-col100x93 { width: 93%; } .g-col100x92 { width: 92%; } .g-col100x91 { width: 91%; } .g-col100x90 { width: 90%; } .g-col100x89 { width: 89%; } .g-col100x88 { width: 88%; } .g-col100x87 { width: 87%; } .g-col100x86 { width: 86%; } .g-col100x85 { width: 85%; } .g-col100x84 { width: 84%; } .g-col100x83 { width: 83%; } .g-col100x82 { width: 82%; } .g-col100x81 { width: 81%; } .g-col100x80 { width: 80%; } .g-col100x79 { width: 79%; } .g-col100x78 { width: 78%; } .g-col100x77 { width: 77%; } .g-col100x76 { width: 76%; } .g-col100x75 { width: 75%; } .g-col100x74 { width: 74%; } .g-col100x73 { width: 73%; } .g-col100x72 { width: 72%; } .g-col100x71 { width: 71%; } .g-col100x70 { width: 70%; } .g-col100x69 { width: 69%; } .g-col100x68 { width: 68%; } .g-col100x67 { width: 67%; } .g-col100x66 { width: 66%; } .g-col100x65 { width: 65%; } .g-col100x64 { width: 64%; } .g-col100x63 { width: 63%; } .g-col100x62 { width: 62%; } .g-col100x61 { width: 61%; } .g-col100x60 { width: 60%; } .g-col100x59 { width: 59%; } .g-col100x58 { width: 58%; } .g-col100x57 { width: 57%; } .g-col100x56 { width: 56%; } .g-col100x55 { width: 55%; } .g-col100x54 { width: 54%; } .g-col100x53 { width: 53%; } .g-col100x52 { width: 52%; } .g-col100x51 { width: 51%; } .g-col100x50 { width: 50%; } .g-col100x49 { width: 49%; } .g-col100x48 { width: 48%; } .g-col100x47 { width: 47%; } .g-col100x46 { width: 46%; } .g-col100x45 { width: 45%; } .g-col100x44 { width: 44%; } .g-col100x43 { width: 43%; } .g-col100x42 { width: 42%; } .g-col100x41 { width: 41%; } .g-col100x40 { width: 40%; } .g-col100x39 { width: 39%; } .g-col100x38 { width: 38%; } .g-col100x37 { width: 37%; } .g-col100x36 { width: 36%; } .g-col100x35 { width: 35%; } .g-col100x34 { width: 34%; } .g-col100x33 { width: 33%; } .g-col100x32 { width: 32%; } .g-col100x31 { width: 31%; } .g-col100x30 { width: 30%; } .g-col100x29 { width: 29%; } .g-col100x28 { width: 28%; } .g-col100x27 { width: 27%; } .g-col100x26 { width: 26%; } .g-col100x25 { width: 25%; } .g-col100x24 { width: 24%; } .g-col100x23 { width: 23%; } .g-col100x22 { width: 22%; } .g-col100x21 { width: 21%; } .g-col100x20 { width: 20%; } .g-col100x19 { width: 19%; } .g-col100x18 { width: 18%; } .g-col100x17 { width: 17%; } .g-col100x16 { width: 16%; } .g-col100x15 { width: 15%; } .g-col100x14 { width: 14%; } .g-col100x13 { width: 13%; } .g-col100x12 { width: 12%; } .g-col100x11 { width: 11%; } .g-col100x10 { width: 10%; } .g-col100x9 { width: 9%; } .g-col100x8 { width: 8%; } .g-col100x7 { width: 7%; } .g-col100x6 { width: 6%; } .g-col100x5 { width: 5%; } .g-col100x4 { width: 4%; } .g-col100x3 { width: 3%; } .g-col100x2 { width: 2%; } .g-col100x1 { width: 1%; }

/* Columnas de 50 */
.g-col50x50 { width:100%; } .g-col50x49 { width:98%; } .g-col50x48 { width:96%; } .g-col50x47 { width:94%; } .g-col50x46 { width:92%; } .g-col50x45 { width:90%; } .g-col50x44 { width:88%; } .g-col50x43 { width:86%; } .g-col50x42 { width:84%; } .g-col50x41 { width:82%; } .g-col50x40 { width:80%; } .g-col50x39 { width:78%; } .g-col50x38 { width:76%; } .g-col50x37 { width:74%; } .g-col50x36 { width:72%; } .g-col50x35 { width:70%; } .g-col50x34 { width:68%; } .g-col50x33 { width:66%; } .g-col50x32 { width:64%; } .g-col50x31 { width:62%; } .g-col50x30 { width:60%; } .g-col50x29 { width:58%; } .g-col50x28 { width:56%; } .g-col50x27 { width:54%; } .g-col50x26 { width:52%; } .g-col50x25 { width:50%; } .g-col50x24 { width:48%; } .g-col50x23 { width:46%; } .g-col50x22 { width:44%; } .g-col50x21 { width:42%; } .g-col50x20 { width:40%; } .g-col50x19 { width:38%; } .g-col50x18 { width:36%; } .g-col50x17 { width:34%; } .g-col50x16 { width:32%; } .g-col50x15 { width:30%; } .g-col50x14 { width:28%; } .g-col50x13 { width:26%; } .g-col50x12 { width:24%; } .g-col50x11 { width:22%; } .g-col50x10 { width:20%; } .g-col50x9 { width:18%; } .g-col50x8 { width:16%; } .g-col50x7 { width:14%; } .g-col50x6 { width:12%; } .g-col50x5 { width:10%; } .g-col50x4 { width:8%; } .g-col50x3 { width:6%; } .g-col50x2 { width:4%; } .g-col50x1 { width:2%; }

/* Columnas de 24 */
.g-col24x24 { width:100%; } .g-col24x23 { width:95.83333333%; } .g-col24x22 { width:91.66666667%; } .g-col24x21 { width:87.5%; } .g-col24x20 { width:83.33333333%; } .g-col24x19 { width:79.16666667%; } .g-col24x18 { width:75%; } .g-col24x17 { width:70.83333333%; } .g-col24x16 { width:66.66666667%; } .g-col24x15 { width:62.5%; } .g-col24x14 { width:58.33333333%; } .g-col24x13 { width:54.16666667%; } .g-col24x12 { width:50%; } .g-col24x11 { width:45.83333333%; } .g-col24x10 { width:41.66666667%; } .g-col24x9 { width:37.5%; } .g-col24x8 { width:33.33333333%; } .g-col24x7 { width:29.16666667%; } .g-col24x6 { width:25%; } .g-col24x5 { width:20.83333333%; } .g-col24x4 { width:16.66666667%; } .g-col24x3 { width:12.5%; } .g-col24x2 { width:8.333333333%; } .g-col24x1 { width:4.166666667%; }

/* Columnas de 18 */
.g-col18x18 { width:100%; } .g-col18x17 { width:94.44444444%; } .g-col18x16 { width:88.88888889%; } .g-col18x15 { width:83.33333333%; } .g-col18x14 { width:77.77777778%; } .g-col18x13 { width:72.22222222%; } .g-col18x12 { width:66.66666667%; } .g-col18x11 { width:61.11111111%; } .g-col18x10 { width:55.55555556%; } .g-col18x9 { width:50%; } .g-col18x8 { width:44.44444444%; } .g-col18x7 { width:38.88888889%; } .g-col18x6 { width:33.33333333%; } .g-col18x5 { width:27.77777778%; } .g-col18x4 { width:22.22222222%; } .g-col18x3 { width:16.66666667%; } .g-col18x2 { width:11.11111111%; } .g-col18x1 { width:5.555555556%; }

/* Columnas de 12 */
.g-col12x12 { width:100%; } .g-col12x11 { width:91.66666667%; } .g-col12x10 { width:83.33333333%; } .g-col12x9 { width:75%; } .g-col12x8 { width:66.66666667%; } .g-col12x7 { width:58.33333333%; } .g-col12x6 { width:50%; } .g-col12x5 { width:41.66666667%; } .g-col12x4 { width:33.33333333%; } .g-col12x3 { width:25%; } .g-col12x2 { width:16.66666667%; } .g-col12x1 { width:8.333333333%; }

/* Columnas de 10 */
.g-col10x10 { width:100%; } .g-col10x9 { width:90%; } .g-col10x8 { width:80%; } .g-col10x7 { width:70%; } .g-col10x6 { width:60%; } .g-col10x5 { width:50%; } .g-col10x4 { width:40%; } .g-col10x3 { width:30%; } .g-col10x2 { width:20%; } .g-col10x1 { width:10%; }

/* Columnas con margin = 100% */
.g-col98--2 { width: 98%; margin-left: 1%; margin-right: 1%; } .g-col96--4 { width: 96%; margin-left: 2%; margin-right: 2%; } .g-col94--6 { width: 94%; margin-left: 3%; margin-right: 3%; } .g-col92--8 { width: 92%; margin-left: 4%; margin-right: 4%; }
.g-col90--10 { width: 90%; margin-left: 5%; margin-right: 5%; } .g-col80--20 { width: 80%; margin-left: 10%; margin-right: 10%; } .g-col70--30 { width: 70%; margin-left: 15%; margin-right: 15%; } .g-col60--40 { width: 60%; margin-left: 20%; margin-right: 20%; } .g-col50--50 { width: 50%; margin-left: 25%; margin-right: 25%; } .g-col40--60 { width: 40%; margin-left: 30%; margin-right: 30%; } .g-col30--70 { width: 30%; margin-left: 35%; margin-right: 35%; } .g-col20--80 { width: 20%; margin-left: 40%; margin-right: 40%; } .g-col10--90 { width: 10%; margin-left: 45%; margin-right: 45%; }

@media screen and (max-width: 1182px) { /*Tamaño grande -gd (mas chico que el "xl o natural")*/
	/* Columnas de 100 */
	.g-col100x100-gd { width: 100%; } .g-col100x99-gd { width: 99%; } .g-col100x98-gd { width: 98%; } .g-col100x97-gd { width: 97%; } .g-col100x96-gd { width: 96%; } .g-col100x95-gd { width: 95%; } .g-col100x94-gd { width: 94%; } .g-col100x93-gd { width: 93%; } .g-col100x92-gd { width: 92%; } .g-col100x91-gd { width: 91%; } .g-col100x90-gd { width: 90%; } .g-col100x89-gd { width: 89%; } .g-col100x88-gd { width: 88%; } .g-col100x87-gd { width: 87%; } .g-col100x86-gd { width: 86%; } .g-col100x85-gd { width: 85%; } .g-col100x84-gd { width: 84%; } .g-col100x83-gd { width: 83%; } .g-col100x82-gd { width: 82%; } .g-col100x81-gd { width: 81%; } .g-col100x80-gd { width: 80%; } .g-col100x79-gd { width: 79%; } .g-col100x78-gd { width: 78%; } .g-col100x77-gd { width: 77%; } .g-col100x76-gd { width: 76%; } .g-col100x75-gd { width: 75%; } .g-col100x74-gd { width: 74%; } .g-col100x73-gd { width: 73%; } .g-col100x72-gd { width: 72%; } .g-col100x71-gd { width: 71%; } .g-col100x70-gd { width: 70%; } .g-col100x69-gd { width: 69%; } .g-col100x68-gd { width: 68%; } .g-col100x67-gd { width: 67%; } .g-col100x66-gd { width: 66%; } .g-col100x65-gd { width: 65%; } .g-col100x64-gd { width: 64%; } .g-col100x63-gd { width: 63%; } .g-col100x62-gd { width: 62%; } .g-col100x61-gd { width: 61%; } .g-col100x60-gd { width: 60%; } .g-col100x59-gd { width: 59%; } .g-col100x58-gd { width: 58%; } .g-col100x57-gd { width: 57%; } .g-col100x56-gd { width: 56%; } .g-col100x55-gd { width: 55%; } .g-col100x54-gd { width: 54%; } .g-col100x53-gd { width: 53%; } .g-col100x52-gd { width: 52%; } .g-col100x51-gd { width: 51%; } .g-col100x50-gd { width: 50%; } .g-col100x49-gd { width: 49%; } .g-col100x48-gd { width: 48%; } .g-col100x47-gd { width: 47%; } .g-col100x46-gd { width: 46%; } .g-col100x45-gd { width: 45%; } .g-col100x44-gd { width: 44%; } .g-col100x43-gd { width: 43%; } .g-col100x42-gd { width: 42%; } .g-col100x41-gd { width: 41%; } .g-col100x40-gd { width: 40%; } .g-col100x39-gd { width: 39%; } .g-col100x38-gd { width: 38%; } .g-col100x37-gd { width: 37%; } .g-col100x36-gd { width: 36%; } .g-col100x35-gd { width: 35%; } .g-col100x34-gd { width: 34%; } .g-col100x33-gd { width: 33%; } .g-col100x32-gd { width: 32%; } .g-col100x31-gd { width: 31%; } .g-col100x30-gd { width: 30%; } .g-col100x29-gd { width: 29%; } .g-col100x28-gd { width: 28%; } .g-col100x27-gd { width: 27%; } .g-col100x26-gd { width: 26%; } .g-col100x25-gd { width: 25%; } .g-col100x24-gd { width: 24%; } .g-col100x23-gd { width: 23%; } .g-col100x22-gd { width: 22%; } .g-col100x21-gd { width: 21%; } .g-col100x20-gd { width: 20%; } .g-col100x19-gd { width: 19%; } .g-col100x18-gd { width: 18%; } .g-col100x17-gd { width: 17%; } .g-col100x16-gd { width: 16%; } .g-col100x15-gd { width: 15%; } .g-col100x14-gd { width: 14%; } .g-col100x13-gd { width: 13%; } .g-col100x12-gd { width: 12%; } .g-col100x11-gd { width: 11%; } .g-col100x10-gd { width: 10%; } .g-col100x9-gd { width: 9%; } .g-col100x8-gd { width: 8%; } .g-col100x7-gd { width: 7%; } .g-col100x6-gd { width: 6%; } .g-col100x5-gd { width: 5%; } .g-col100x4-gd { width: 4%; } .g-col100x3-gd { width: 3%; } .g-col100x2-gd { width: 2%; } .g-col100x1-gd { width: 1%; }

	/* Columnas de 50 */
	.g-col50x50-gd { width:100%; } .g-col50x49-gd { width:98%; } .g-col50x48-gd { width:96%; } .g-col50x47-gd { width:94%; } .g-col50x46-gd { width:92%; } .g-col50x45-gd { width:90%; } .g-col50x44-gd { width:88%; } .g-col50x43-gd { width:86%; } .g-col50x42-gd { width:84%; } .g-col50x41-gd { width:82%; } .g-col50x40-gd { width:80%; } .g-col50x39-gd { width:78%; } .g-col50x38-gd { width:76%; } .g-col50x37-gd { width:74%; } .g-col50x36-gd { width:72%; } .g-col50x35-gd { width:70%; } .g-col50x34-gd { width:68%; } .g-col50x33-gd { width:66%; } .g-col50x32-gd { width:64%; } .g-col50x31-gd { width:62%; } .g-col50x30-gd { width:60%; } .g-col50x29-gd { width:58%; } .g-col50x28-gd { width:56%; } .g-col50x27-gd { width:54%; } .g-col50x26-gd { width:52%; } .g-col50x25-gd { width:50%; } .g-col50x24-gd { width:48%; } .g-col50x23-gd { width:46%; } .g-col50x22-gd { width:44%; } .g-col50x21-gd { width:42%; } .g-col50x20-gd { width:40%; } .g-col50x19-gd { width:38%; } .g-col50x18-gd { width:36%; } .g-col50x17-gd { width:34%; } .g-col50x16-gd { width:32%; } .g-col50x15-gd { width:30%; } .g-col50x14-gd { width:28%; } .g-col50x13-gd { width:26%; } .g-col50x12-gd { width:24%; } .g-col50x11-gd { width:22%; } .g-col50x10-gd { width:20%; } .g-col50x9-gd { width:18%; } .g-col50x8-gd { width:16%; } .g-col50x7-gd { width:14%; } .g-col50x6-gd { width:12%; } .g-col50x5-gd { width:10%; } .g-col50x4-gd { width:8%; } .g-col50x3-gd { width:6%; } .g-col50x2-gd { width:4%; } .g-col50x1-gd { width:2%; }

	/* Columnas de 24 */
	.g-col24x24-gd { width:100%; } .g-col24x23-gd { width:95.83333333%; } .g-col24x22-gd { width:91.66666667%; } .g-col24x21-gd { width:87.5%; } .g-col24x20-gd { width:83.33333333%; } .g-col24x19-gd { width:79.16666667%; } .g-col24x18-gd { width:75%; } .g-col24x17-gd { width:70.83333333%; } .g-col24x16-gd { width:66.66666667%; } .g-col24x15-gd { width:62.5%; } .g-col24x14-gd { width:58.33333333%; } .g-col24x13-gd { width:54.16666667%; } .g-col24x12-gd { width:50%; } .g-col24x11-gd { width:45.83333333%; } .g-col24x10-gd { width:41.66666667%; } .g-col24x9-gd { width:37.5%; } .g-col24x8-gd { width:33.33333333%; } .g-col24x7-gd { width:29.16666667%; } .g-col24x6-gd { width:25%; } .g-col24x5-gd { width:20.83333333%; } .g-col24x4-gd { width:16.66666667%; } .g-col24x3-gd { width:12.5%; } .g-col24x2-gd { width:8.333333333%; } .g-col24x1-gd { width:4.166666667%; }

	/* Columnas de 18 */
	.g-col18x18-gd { width:100%; } .g-col18x17-gd { width:94.44444444%; } .g-col18x16-gd { width:88.88888889%; } .g-col18x15-gd { width:83.33333333%; } .g-col18x14-gd { width:77.77777778%; } .g-col18x13-gd { width:72.22222222%; } .g-col18x12-gd { width:66.66666667%; } .g-col18x11-gd { width:61.11111111%; } .g-col18x10-gd { width:55.55555556%; } .g-col18x9-gd { width:50%; } .g-col18x8-gd { width:44.44444444%; } .g-col18x7-gd { width:38.88888889%; } .g-col18x6-gd { width:33.33333333%; } .g-col18x5-gd { width:27.77777778%; } .g-col18x4-gd { width:22.22222222%; } .g-col18x3-gd { width:16.66666667%; } .g-col18x2-gd { width:11.11111111%; } .g-col18x1-gd { width:5.555555556%; }

	/* Columnas de 12 */
	.g-col12x12-gd { width:100%; } .g-col12x11-gd { width:91.66666667%; } .g-col12x10-gd { width:83.33333333%; } .g-col12x9-gd { width:75%; } .g-col12x8-gd { width:66.66666667%; } .g-col12x7-gd { width:58.33333333%; } .g-col12x6-gd { width:50%; } .g-col12x5-gd { width:41.66666667%; } .g-col12x4-gd { width:33.33333333%; } .g-col12x3-gd { width:25%; } .g-col12x2-gd { width:16.66666667%; } .g-col12x1-gd { width:8.333333333%; }

	/* Columnas de 10 */
	.g-col10x10-gd { width:100%; } .g-col10x9-gd { width:90%; } .g-col10x8-gd { width:80%; } .g-col10x7-gd { width:70%; } .g-col10x6-gd { width:60%; } .g-col10x5-gd { width:50%; } .g-col10x4-gd { width:40%; } .g-col10x3-gd { width:30%; } .g-col10x2-gd { width:20%; } .g-col10x1-gd { width:10%; }
}

@media screen and (max-width: 980px) { /*Tamaño mediano -md (mas chico que el "-gd")*/
	/* Columnas de 100 */
	.g-col100x100-md { width: 100%; } .g-col100x99-md { width: 99%; } .g-col100x98-md { width: 98%; } .g-col100x97-md { width: 97%; } .g-col100x96-md { width: 96%; } .g-col100x95-md { width: 95%; } .g-col100x94-md { width: 94%; } .g-col100x93-md { width: 93%; } .g-col100x92-md { width: 92%; } .g-col100x91-md { width: 91%; } .g-col100x90-md { width: 90%; } .g-col100x89-md { width: 89%; } .g-col100x88-md { width: 88%; } .g-col100x87-md { width: 87%; } .g-col100x86-md { width: 86%; } .g-col100x85-md { width: 85%; } .g-col100x84-md { width: 84%; } .g-col100x83-md { width: 83%; } .g-col100x82-md { width: 82%; } .g-col100x81-md { width: 81%; } .g-col100x80-md { width: 80%; } .g-col100x79-md { width: 79%; } .g-col100x78-md { width: 78%; } .g-col100x77-md { width: 77%; } .g-col100x76-md { width: 76%; } .g-col100x75-md { width: 75%; } .g-col100x74-md { width: 74%; } .g-col100x73-md { width: 73%; } .g-col100x72-md { width: 72%; } .g-col100x71-md { width: 71%; } .g-col100x70-md { width: 70%; } .g-col100x69-md { width: 69%; } .g-col100x68-md { width: 68%; } .g-col100x67-md { width: 67%; } .g-col100x66-md { width: 66%; } .g-col100x65-md { width: 65%; } .g-col100x64-md { width: 64%; } .g-col100x63-md { width: 63%; } .g-col100x62-md { width: 62%; } .g-col100x61-md { width: 61%; } .g-col100x60-md { width: 60%; } .g-col100x59-md { width: 59%; } .g-col100x58-md { width: 58%; } .g-col100x57-md { width: 57%; } .g-col100x56-md { width: 56%; } .g-col100x55-md { width: 55%; } .g-col100x54-md { width: 54%; } .g-col100x53-md { width: 53%; } .g-col100x52-md { width: 52%; } .g-col100x51-md { width: 51%; } .g-col100x50-md { width: 50%; } .g-col100x49-md { width: 49%; } .g-col100x48-md { width: 48%; } .g-col100x47-md { width: 47%; } .g-col100x46-md { width: 46%; } .g-col100x45-md { width: 45%; } .g-col100x44-md { width: 44%; } .g-col100x43-md { width: 43%; } .g-col100x42-md { width: 42%; } .g-col100x41-md { width: 41%; } .g-col100x40-md { width: 40%; } .g-col100x39-md { width: 39%; } .g-col100x38-md { width: 38%; } .g-col100x37-md { width: 37%; } .g-col100x36-md { width: 36%; } .g-col100x35-md { width: 35%; } .g-col100x34-md { width: 34%; } .g-col100x33-md { width: 33%; } .g-col100x32-md { width: 32%; } .g-col100x31-md { width: 31%; } .g-col100x30-md { width: 30%; } .g-col100x29-md { width: 29%; } .g-col100x28-md { width: 28%; } .g-col100x27-md { width: 27%; } .g-col100x26-md { width: 26%; } .g-col100x25-md { width: 25%; } .g-col100x24-md { width: 24%; } .g-col100x23-md { width: 23%; } .g-col100x22-md { width: 22%; } .g-col100x21-md { width: 21%; } .g-col100x20-md { width: 20%; } .g-col100x19-md { width: 19%; } .g-col100x18-md { width: 18%; } .g-col100x17-md { width: 17%; } .g-col100x16-md { width: 16%; } .g-col100x15-md { width: 15%; } .g-col100x14-md { width: 14%; } .g-col100x13-md { width: 13%; } .g-col100x12-md { width: 12%; } .g-col100x11-md { width: 11%; } .g-col100x10-md { width: 10%; } .g-col100x9-md { width: 9%; } .g-col100x8-md { width: 8%; } .g-col100x7-md { width: 7%; } .g-col100x6-md { width: 6%; } .g-col100x5-md { width: 5%; } .g-col100x4-md { width: 4%; } .g-col100x3-md { width: 3%; } .g-col100x2-md { width: 2%; } .g-col100x1-md { width: 1%; }

	/* Columnas de 50 */
	.g-col50x50-md { width:100%; } .g-col50x49-md { width:98%; } .g-col50x48-md { width:96%; } .g-col50x47-md { width:94%; } .g-col50x46-md { width:92%; } .g-col50x45-md { width:90%; } .g-col50x44-md { width:88%; } .g-col50x43-md { width:86%; } .g-col50x42-md { width:84%; } .g-col50x41-md { width:82%; } .g-col50x40-md { width:80%; } .g-col50x39-md { width:78%; } .g-col50x38-md { width:76%; } .g-col50x37-md { width:74%; } .g-col50x36-md { width:72%; } .g-col50x35-md { width:70%; } .g-col50x34-md { width:68%; } .g-col50x33-md { width:66%; } .g-col50x32-md { width:64%; } .g-col50x31-md { width:62%; } .g-col50x30-md { width:60%; } .g-col50x29-md { width:58%; } .g-col50x28-md { width:56%; } .g-col50x27-md { width:54%; } .g-col50x26-md { width:52%; } .g-col50x25-md { width:50%; } .g-col50x24-md { width:48%; } .g-col50x23-md { width:46%; } .g-col50x22-md { width:44%; } .g-col50x21-md { width:42%; } .g-col50x20-md { width:40%; } .g-col50x19-md { width:38%; } .g-col50x18-md { width:36%; } .g-col50x17-md { width:34%; } .g-col50x16-md { width:32%; } .g-col50x15-md { width:30%; } .g-col50x14-md { width:28%; } .g-col50x13-md { width:26%; } .g-col50x12-md { width:24%; } .g-col50x11-md { width:22%; } .g-col50x10-md { width:20%; } .g-col50x9-md { width:18%; } .g-col50x8-md { width:16%; } .g-col50x7-md { width:14%; } .g-col50x6-md { width:12%; } .g-col50x5-md { width:10%; } .g-col50x4-md { width:8%; } .g-col50x3-md { width:6%; } .g-col50x2-md { width:4%; } .g-col50x1-md { width:2%; }

	/* Columnas de 24 */
	.g-col24x24-md { width:100%; } .g-col24x23-md { width:95.83333333%; } .g-col24x22-md { width:91.66666667%; } .g-col24x21-md { width:87.5%; } .g-col24x20-md { width:83.33333333%; } .g-col24x19-md { width:79.16666667%; } .g-col24x18-md { width:75%; } .g-col24x17-md { width:70.83333333%; } .g-col24x16-md { width:66.66666667%; } .g-col24x15-md { width:62.5%; } .g-col24x14-md { width:58.33333333%; } .g-col24x13-md { width:54.16666667%; } .g-col24x12-md { width:50%; } .g-col24x11-md { width:45.83333333%; } .g-col24x10-md { width:41.66666667%; } .g-col24x9-md { width:37.5%; } .g-col24x8-md { width:33.33333333%; } .g-col24x7-md { width:29.16666667%; } .g-col24x6-md { width:25%; } .g-col24x5-md { width:20.83333333%; } .g-col24x4-md { width:16.66666667%; } .g-col24x3-md { width:12.5%; } .g-col24x2-md { width:8.333333333%; } .g-col24x1-md { width:4.166666667%; }

	/* Columnas de 18 */
	.g-col18x18-md { width:100%; } .g-col18x17-md { width:94.44444444%; } .g-col18x16-md { width:88.88888889%; } .g-col18x15-md { width:83.33333333%; } .g-col18x14-md { width:77.77777778%; } .g-col18x13-md { width:72.22222222%; } .g-col18x12-md { width:66.66666667%; } .g-col18x11-md { width:61.11111111%; } .g-col18x10-md { width:55.55555556%; } .g-col18x9-md { width:50%; } .g-col18x8-md { width:44.44444444%; } .g-col18x7-md { width:38.88888889%; } .g-col18x6-md { width:33.33333333%; } .g-col18x5-md { width:27.77777778%; } .g-col18x4-md { width:22.22222222%; } .g-col18x3-md { width:16.66666667%; } .g-col18x2-md { width:11.11111111%; } .g-col18x1-md { width:5.555555556%; }

	/* Columnas de 12 */
	.g-col12x12-md { width:100%; } .g-col12x11-md { width:91.66666667%; } .g-col12x10-md { width:83.33333333%; } .g-col12x9-md { width:75%; } .g-col12x8-md { width:66.66666667%; } .g-col12x7-md { width:58.33333333%; } .g-col12x6-md { width:50%; } .g-col12x5-md { width:41.66666667%; } .g-col12x4-md { width:33.33333333%; } .g-col12x3-md { width:25%; } .g-col12x2-md { width:16.66666667%; } .g-col12x1-md { width:8.333333333%; }

	/* Columnas de 10 */
	.g-col10x10-md { width:100%; } .g-col10x9-md { width:90%; } .g-col10x8-md { width:80%; } .g-col10x7-md { width:70%; } .g-col10x6-md { width:60%; } .g-col10x5-md { width:50%; } .g-col10x4-md { width:40%; } .g-col10x3-md { width:30%; } .g-col10x2-md { width:20%; } .g-col10x1-md { width:10%; }
}

@media screen and (max-width: 750px) { /*Tamaño chico -ch (mas chico que el "-md")*/
	/* Columnas de 100 */
	.g-col100x100-ch { width: 100%; } .g-col100x99-ch { width: 99%; } .g-col100x98-ch { width: 98%; } .g-col100x97-ch { width: 97%; } .g-col100x96-ch { width: 96%; } .g-col100x95-ch { width: 95%; } .g-col100x94-ch { width: 94%; } .g-col100x93-ch { width: 93%; } .g-col100x92-ch { width: 92%; } .g-col100x91-ch { width: 91%; } .g-col100x90-ch { width: 90%; } .g-col100x89-ch { width: 89%; } .g-col100x88-ch { width: 88%; } .g-col100x87-ch { width: 87%; } .g-col100x86-ch { width: 86%; } .g-col100x85-ch { width: 85%; } .g-col100x84-ch { width: 84%; } .g-col100x83-ch { width: 83%; } .g-col100x82-ch { width: 82%; } .g-col100x81-ch { width: 81%; } .g-col100x80-ch { width: 80%; } .g-col100x79-ch { width: 79%; } .g-col100x78-ch { width: 78%; } .g-col100x77-ch { width: 77%; } .g-col100x76-ch { width: 76%; } .g-col100x75-ch { width: 75%; } .g-col100x74-ch { width: 74%; } .g-col100x73-ch { width: 73%; } .g-col100x72-ch { width: 72%; } .g-col100x71-ch { width: 71%; } .g-col100x70-ch { width: 70%; } .g-col100x69-ch { width: 69%; } .g-col100x68-ch { width: 68%; } .g-col100x67-ch { width: 67%; } .g-col100x66-ch { width: 66%; } .g-col100x65-ch { width: 65%; } .g-col100x64-ch { width: 64%; } .g-col100x63-ch { width: 63%; } .g-col100x62-ch { width: 62%; } .g-col100x61-ch { width: 61%; } .g-col100x60-ch { width: 60%; } .g-col100x59-ch { width: 59%; } .g-col100x58-ch { width: 58%; } .g-col100x57-ch { width: 57%; } .g-col100x56-ch { width: 56%; } .g-col100x55-ch { width: 55%; } .g-col100x54-ch { width: 54%; } .g-col100x53-ch { width: 53%; } .g-col100x52-ch { width: 52%; } .g-col100x51-ch { width: 51%; } .g-col100x50-ch { width: 50%; } .g-col100x49-ch { width: 49%; } .g-col100x48-ch { width: 48%; } .g-col100x47-ch { width: 47%; } .g-col100x46-ch { width: 46%; } .g-col100x45-ch { width: 45%; } .g-col100x44-ch { width: 44%; } .g-col100x43-ch { width: 43%; } .g-col100x42-ch { width: 42%; } .g-col100x41-ch { width: 41%; } .g-col100x40-ch { width: 40%; } .g-col100x39-ch { width: 39%; } .g-col100x38-ch { width: 38%; } .g-col100x37-ch { width: 37%; } .g-col100x36-ch { width: 36%; } .g-col100x35-ch { width: 35%; } .g-col100x34-ch { width: 34%; } .g-col100x33-ch { width: 33%; } .g-col100x32-ch { width: 32%; } .g-col100x31-ch { width: 31%; } .g-col100x30-ch { width: 30%; } .g-col100x29-ch { width: 29%; } .g-col100x28-ch { width: 28%; } .g-col100x27-ch { width: 27%; } .g-col100x26-ch { width: 26%; } .g-col100x25-ch { width: 25%; } .g-col100x24-ch { width: 24%; } .g-col100x23-ch { width: 23%; } .g-col100x22-ch { width: 22%; } .g-col100x21-ch { width: 21%; } .g-col100x20-ch { width: 20%; } .g-col100x19-ch { width: 19%; } .g-col100x18-ch { width: 18%; } .g-col100x17-ch { width: 17%; } .g-col100x16-ch { width: 16%; } .g-col100x15-ch { width: 15%; } .g-col100x14-ch { width: 14%; } .g-col100x13-ch { width: 13%; } .g-col100x12-ch { width: 12%; } .g-col100x11-ch { width: 11%; } .g-col100x10-ch { width: 10%; } .g-col100x9-ch { width: 9%; } .g-col100x8-ch { width: 8%; } .g-col100x7-ch { width: 7%; } .g-col100x6-ch { width: 6%; } .g-col100x5-ch { width: 5%; } .g-col100x4-ch { width: 4%; } .g-col100x3-ch { width: 3%; } .g-col100x2-ch { width: 2%; } .g-col100x1-ch { width: 1%; }

	/* Columnas de 50 */
	.g-col50x50-ch { width:100%; } .g-col50x49-ch { width:98%; } .g-col50x48-ch { width:96%; } .g-col50x47-ch { width:94%; } .g-col50x46-ch { width:92%; } .g-col50x45-ch { width:90%; } .g-col50x44-ch { width:88%; } .g-col50x43-ch { width:86%; } .g-col50x42-ch { width:84%; } .g-col50x41-ch { width:82%; } .g-col50x40-ch { width:80%; } .g-col50x39-ch { width:78%; } .g-col50x38-ch { width:76%; } .g-col50x37-ch { width:74%; } .g-col50x36-ch { width:72%; } .g-col50x35-ch { width:70%; } .g-col50x34-ch { width:68%; } .g-col50x33-ch { width:66%; } .g-col50x32-ch { width:64%; } .g-col50x31-ch { width:62%; } .g-col50x30-ch { width:60%; } .g-col50x29-ch { width:58%; } .g-col50x28-ch { width:56%; } .g-col50x27-ch { width:54%; } .g-col50x26-ch { width:52%; } .g-col50x25-ch { width:50%; } .g-col50x24-ch { width:48%; } .g-col50x23-ch { width:46%; } .g-col50x22-ch { width:44%; } .g-col50x21-ch { width:42%; } .g-col50x20-ch { width:40%; } .g-col50x19-ch { width:38%; } .g-col50x18-ch { width:36%; } .g-col50x17-ch { width:34%; } .g-col50x16-ch { width:32%; } .g-col50x15-ch { width:30%; } .g-col50x14-ch { width:28%; } .g-col50x13-ch { width:26%; } .g-col50x12-ch { width:24%; } .g-col50x11-ch { width:22%; } .g-col50x10-ch { width:20%; } .g-col50x9-ch { width:18%; } .g-col50x8-ch { width:16%; } .g-col50x7-ch { width:14%; } .g-col50x6-ch { width:12%; } .g-col50x5-ch { width:10%; } .g-col50x4-ch { width:8%; } .g-col50x3-ch { width:6%; } .g-col50x2-ch { width:4%; } .g-col50x1-ch { width:2%; }

	/* Columnas de 24 */
	.g-col24x24-ch { width:100%; } .g-col24x23-ch { width:95.83333333%; } .g-col24x22-ch { width:91.66666667%; } .g-col24x21-ch { width:87.5%; } .g-col24x20-ch { width:83.33333333%; } .g-col24x19-ch { width:79.16666667%; } .g-col24x18-ch { width:75%; } .g-col24x17-ch { width:70.83333333%; } .g-col24x16-ch { width:66.66666667%; } .g-col24x15-ch { width:62.5%; } .g-col24x14-ch { width:58.33333333%; } .g-col24x13-ch { width:54.16666667%; } .g-col24x12-ch { width:50%; } .g-col24x11-ch { width:45.83333333%; } .g-col24x10-ch { width:41.66666667%; } .g-col24x9-ch { width:37.5%; } .g-col24x8-ch { width:33.33333333%; } .g-col24x7-ch { width:29.16666667%; } .g-col24x6-ch { width:25%; } .g-col24x5-ch { width:20.83333333%; } .g-col24x4-ch { width:16.66666667%; } .g-col24x3-ch { width:12.5%; } .g-col24x2-ch { width:8.333333333%; } .g-col24x1-ch { width:4.166666667%; }

	/* Columnas de 18 */
	.g-col18x18-ch { width:100%; } .g-col18x17-ch { width:94.44444444%; } .g-col18x16-ch { width:88.88888889%; } .g-col18x15-ch { width:83.33333333%; } .g-col18x14-ch { width:77.77777778%; } .g-col18x13-ch { width:72.22222222%; } .g-col18x12-ch { width:66.66666667%; } .g-col18x11-ch { width:61.11111111%; } .g-col18x10-ch { width:55.55555556%; } .g-col18x9-ch { width:50%; } .g-col18x8-ch { width:44.44444444%; } .g-col18x7-ch { width:38.88888889%; } .g-col18x6-ch { width:33.33333333%; } .g-col18x5-ch { width:27.77777778%; } .g-col18x4-ch { width:22.22222222%; } .g-col18x3-ch { width:16.66666667%; } .g-col18x2-ch { width:11.11111111%; } .g-col18x1-ch { width:5.555555556%; }

	/* Columnas de 12 */
	.g-col12x12-ch { width:100%; } .g-col12x11-ch { width:91.66666667%; } .g-col12x10-ch { width:83.33333333%; } .g-col12x9-ch { width:75%; } .g-col12x8-ch { width:66.66666667%; } .g-col12x7-ch { width:58.33333333%; } .g-col12x6-ch { width:50%; } .g-col12x5-ch { width:41.66666667%; } .g-col12x4-ch { width:33.33333333%; } .g-col12x3-ch { width:25%; } .g-col12x2-ch { width:16.66666667%; } .g-col12x1-ch { width:8.333333333%; }

	/* Columnas de 10 */
	.g-col10x10-ch { width:100%; } .g-col10x9-ch { width:90%; } .g-col10x8-ch { width:80%; } .g-col10x7-ch { width:70%; } .g-col10x6-ch { width:60%; } .g-col10x5-ch { width:50%; } .g-col10x4-ch { width:40%; } .g-col10x3-ch { width:30%; } .g-col10x2-ch { width:20%; } .g-col10x1-ch { width:10%; }
}

@media screen and (max-width: 560px) { /*Tamaño extra chico -x_ch (mas chico que el "-ch")*/
	/* Columnas de 100 */
	.g-col100x100-x_ch { width: 100%; } .g-col100x99-x_ch { width: 99%; } .g-col100x98-x_ch { width: 98%; } .g-col100x97-x_ch { width: 97%; } .g-col100x96-x_ch { width: 96%; } .g-col100x95-x_ch { width: 95%; } .g-col100x94-x_ch { width: 94%; } .g-col100x93-x_ch { width: 93%; } .g-col100x92-x_ch { width: 92%; } .g-col100x91-x_ch { width: 91%; } .g-col100x90-x_ch { width: 90%; } .g-col100x89-x_ch { width: 89%; } .g-col100x88-x_ch { width: 88%; } .g-col100x87-x_ch { width: 87%; } .g-col100x86-x_ch { width: 86%; } .g-col100x85-x_ch { width: 85%; } .g-col100x84-x_ch { width: 84%; } .g-col100x83-x_ch { width: 83%; } .g-col100x82-x_ch { width: 82%; } .g-col100x81-x_ch { width: 81%; } .g-col100x80-x_ch { width: 80%; } .g-col100x79-x_ch { width: 79%; } .g-col100x78-x_ch { width: 78%; } .g-col100x77-x_ch { width: 77%; } .g-col100x76-x_ch { width: 76%; } .g-col100x75-x_ch { width: 75%; } .g-col100x74-x_ch { width: 74%; } .g-col100x73-x_ch { width: 73%; } .g-col100x72-x_ch { width: 72%; } .g-col100x71-x_ch { width: 71%; } .g-col100x70-x_ch { width: 70%; } .g-col100x69-x_ch { width: 69%; } .g-col100x68-x_ch { width: 68%; } .g-col100x67-x_ch { width: 67%; } .g-col100x66-x_ch { width: 66%; } .g-col100x65-x_ch { width: 65%; } .g-col100x64-x_ch { width: 64%; } .g-col100x63-x_ch { width: 63%; } .g-col100x62-x_ch { width: 62%; } .g-col100x61-x_ch { width: 61%; } .g-col100x60-x_ch { width: 60%; } .g-col100x59-x_ch { width: 59%; } .g-col100x58-x_ch { width: 58%; } .g-col100x57-x_ch { width: 57%; } .g-col100x56-x_ch { width: 56%; } .g-col100x55-x_ch { width: 55%; } .g-col100x54-x_ch { width: 54%; } .g-col100x53-x_ch { width: 53%; } .g-col100x52-x_ch { width: 52%; } .g-col100x51-x_ch { width: 51%; } .g-col100x50-x_ch { width: 50%; } .g-col100x49-x_ch { width: 49%; } .g-col100x48-x_ch { width: 48%; } .g-col100x47-x_ch { width: 47%; } .g-col100x46-x_ch { width: 46%; } .g-col100x45-x_ch { width: 45%; } .g-col100x44-x_ch { width: 44%; } .g-col100x43-x_ch { width: 43%; } .g-col100x42-x_ch { width: 42%; } .g-col100x41-x_ch { width: 41%; } .g-col100x40-x_ch { width: 40%; } .g-col100x39-x_ch { width: 39%; } .g-col100x38-x_ch { width: 38%; } .g-col100x37-x_ch { width: 37%; } .g-col100x36-x_ch { width: 36%; } .g-col100x35-x_ch { width: 35%; } .g-col100x34-x_ch { width: 34%; } .g-col100x33-x_ch { width: 33%; } .g-col100x32-x_ch { width: 32%; } .g-col100x31-x_ch { width: 31%; } .g-col100x30-x_ch { width: 30%; } .g-col100x29-x_ch { width: 29%; } .g-col100x28-x_ch { width: 28%; } .g-col100x27-x_ch { width: 27%; } .g-col100x26-x_ch { width: 26%; } .g-col100x25-x_ch { width: 25%; } .g-col100x24-x_ch { width: 24%; } .g-col100x23-x_ch { width: 23%; } .g-col100x22-x_ch { width: 22%; } .g-col100x21-x_ch { width: 21%; } .g-col100x20-x_ch { width: 20%; } .g-col100x19-x_ch { width: 19%; } .g-col100x18-x_ch { width: 18%; } .g-col100x17-x_ch { width: 17%; } .g-col100x16-x_ch { width: 16%; } .g-col100x15-x_ch { width: 15%; } .g-col100x14-x_ch { width: 14%; } .g-col100x13-x_ch { width: 13%; } .g-col100x12-x_ch { width: 12%; } .g-col100x11-x_ch { width: 11%; } .g-col100x10-x_ch { width: 10%; } .g-col100x9-x_ch { width: 9%; } .g-col100x8-x_ch { width: 8%; } .g-col100x7-x_ch { width: 7%; } .g-col100x6-x_ch { width: 6%; } .g-col100x5-x_ch { width: 5%; } .g-col100x4-x_ch { width: 4%; } .g-col100x3-x_ch { width: 3%; } .g-col100x2-x_ch { width: 2%; } .g-col100x1-x_ch { width: 1%; }

	/* Columnas de 50 */
	.g-col50x50-x_ch { width:100%; } .g-col50x49-x_ch { width:98%; } .g-col50x48-x_ch { width:96%; } .g-col50x47-x_ch { width:94%; } .g-col50x46-x_ch { width:92%; } .g-col50x45-x_ch { width:90%; } .g-col50x44-x_ch { width:88%; } .g-col50x43-x_ch { width:86%; } .g-col50x42-x_ch { width:84%; } .g-col50x41-x_ch { width:82%; } .g-col50x40-x_ch { width:80%; } .g-col50x39-x_ch { width:78%; } .g-col50x38-x_ch { width:76%; } .g-col50x37-x_ch { width:74%; } .g-col50x36-x_ch { width:72%; } .g-col50x35-x_ch { width:70%; } .g-col50x34-x_ch { width:68%; } .g-col50x33-x_ch { width:66%; } .g-col50x32-x_ch { width:64%; } .g-col50x31-x_ch { width:62%; } .g-col50x30-x_ch { width:60%; } .g-col50x29-x_ch { width:58%; } .g-col50x28-x_ch { width:56%; } .g-col50x27-x_ch { width:54%; } .g-col50x26-x_ch { width:52%; } .g-col50x25-x_ch { width:50%; } .g-col50x24-x_ch { width:48%; } .g-col50x23-x_ch { width:46%; } .g-col50x22-x_ch { width:44%; } .g-col50x21-x_ch { width:42%; } .g-col50x20-x_ch { width:40%; } .g-col50x19-x_ch { width:38%; } .g-col50x18-x_ch { width:36%; } .g-col50x17-x_ch { width:34%; } .g-col50x16-x_ch { width:32%; } .g-col50x15-x_ch { width:30%; } .g-col50x14-x_ch { width:28%; } .g-col50x13-x_ch { width:26%; } .g-col50x12-x_ch { width:24%; } .g-col50x11-x_ch { width:22%; } .g-col50x10-x_ch { width:20%; } .g-col50x9-x_ch { width:18%; } .g-col50x8-x_ch { width:16%; } .g-col50x7-x_ch { width:14%; } .g-col50x6-x_ch { width:12%; } .g-col50x5-x_ch { width:10%; } .g-col50x4-x_ch { width:8%; } .g-col50x3-x_ch { width:6%; } .g-col50x2-x_ch { width:4%; } .g-col50x1-x_ch { width:2%; }

	/* Columnas de 24 */
	.g-col24x24-x_ch { width:100%; } .g-col24x23-x_ch { width:95.83333333%; } .g-col24x22-x_ch { width:91.66666667%; } .g-col24x21-x_ch { width:87.5%; } .g-col24x20-x_ch { width:83.33333333%; } .g-col24x19-x_ch { width:79.16666667%; } .g-col24x18-x_ch { width:75%; } .g-col24x17-x_ch { width:70.83333333%; } .g-col24x16-x_ch { width:66.66666667%; } .g-col24x15-x_ch { width:62.5%; } .g-col24x14-x_ch { width:58.33333333%; } .g-col24x13-x_ch { width:54.16666667%; } .g-col24x12-x_ch { width:50%; } .g-col24x11-x_ch { width:45.83333333%; } .g-col24x10-x_ch { width:41.66666667%; } .g-col24x9-x_ch { width:37.5%; } .g-col24x8-x_ch { width:33.33333333%; } .g-col24x7-x_ch { width:29.16666667%; } .g-col24x6-x_ch { width:25%; } .g-col24x5-x_ch { width:20.83333333%; } .g-col24x4-x_ch { width:16.66666667%; } .g-col24x3-x_ch { width:12.5%; } .g-col24x2-x_ch { width:8.333333333%; } .g-col24x1-x_ch { width:4.166666667%; }

	/* Columnas de 18 */
	.g-col18x18-x_ch { width:100%; } .g-col18x17-x_ch { width:94.44444444%; } .g-col18x16-x_ch { width:88.88888889%; } .g-col18x15-x_ch { width:83.33333333%; } .g-col18x14-x_ch { width:77.77777778%; } .g-col18x13-x_ch { width:72.22222222%; } .g-col18x12-x_ch { width:66.66666667%; } .g-col18x11-x_ch { width:61.11111111%; } .g-col18x10-x_ch { width:55.55555556%; } .g-col18x9-x_ch { width:50%; } .g-col18x8-x_ch { width:44.44444444%; } .g-col18x7-x_ch { width:38.88888889%; } .g-col18x6-x_ch { width:33.33333333%; } .g-col18x5-x_ch { width:27.77777778%; } .g-col18x4-x_ch { width:22.22222222%; } .g-col18x3-x_ch { width:16.66666667%; } .g-col18x2-x_ch { width:11.11111111%; } .g-col18x1-x_ch { width:5.555555556%; }

	/* Columnas de 12 */
	.g-col12x12-x_ch { width:100%; } .g-col12x11-x_ch { width:91.66666667%; } .g-col12x10-x_ch { width:83.33333333%; } .g-col12x9-x_ch { width:75%; } .g-col12x8-x_ch { width:66.66666667%; } .g-col12x7-x_ch { width:58.33333333%; } .g-col12x6-x_ch { width:50%; } .g-col12x5-x_ch { width:41.66666667%; } .g-col12x4-x_ch { width:33.33333333%; } .g-col12x3-x_ch { width:25%; } .g-col12x2-x_ch { width:16.66666667%; } .g-col12x1-x_ch { width:8.333333333%; }

	/* Columnas de 10 */
	.g-col10x10-x_ch { width:100%; } .g-col10x9-x_ch { width:90%; } .g-col10x8-x_ch { width:80%; } .g-col10x7-x_ch { width:70%; } .g-col10x6-x_ch { width:60%; } .g-col10x5-x_ch { width:50%; } .g-col10x4-x_ch { width:40%; } .g-col10x3-x_ch { width:30%; } .g-col10x2-x_ch { width:20%; } .g-col10x1-x_ch { width:10%; }
}

/*Tamaño Fuente*/
.g-font-s-1e { font-size: 1.4em; }

/* Texto Alineado */
.g-text-left { text-align: left; }
.g-text-center { text-align: center; }
.g-text-right { text-align: right; }
/*.g-text_abajo{vertical-align: text-bottom; }*/
.g-text_down{vertical-align: text-bottom; }


/* Padding */
.g-pa-4 { padding: 4px; }
.g-pt-10 { padding-top: 10px; }
.g-pt-20 { padding-top: 20px; }
.g-pl-10 { padding-left: 10px; }
.g-pb-10 { padding-bottom: 10px; }

/*Border Radius*/
.g-borde-rd-3 { border-radius: 3px; }
.g-borde-rd-100 { border-radius: 100%; }

/* Margin */
.g-ma-1 { margin: 4px; }
.g-mt-10 { margin-top: 10px; }
.g-mt-20 { margin-top: 20px; }

/*Backgrounds*/
.g-bg-white { background: #FFFFFF; color: #333333; }

/*Objetos de Formulario*/

.g-inputText-1 { width: auto; height: auto; background: #FFFFFF; border: solid 1px #22222220; border-radius: 3px; color: #333333; padding: 3px 5px; font-size: 1.4em; margin-top: 4px; margin-bottom: 4px; margin-left: 4px; margin-right: 4px; }
.g-btn-1 { width: auto; height: auto; border: solid 1px #777777; border-radius: 3px; color: #222222; padding: 5px 12px; font-size: 1.4em; margin-top: 4px; margin-bottom: 4px; margin-left: 4px; margin-right: 4px; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05); }

.g-inp-check { width: auto; height: auto; position: relative; }
	.g-inp-check input[type='checkbox'] {  }
	.g-inp-check span { position: relative; top: 4px; margin-left: 8px; font-size: 1.4em;  }


.g-pesos { font-weight: bold; }
.g-pesos::before { content: "$"; }


/* Estilos de color de empresa */ 

.g-bg-empresa-claro { background: rgb( 6, 141, 232 ); }
.g-bg-empresa { background: rgb( 5, 126, 207 ); }
.g-bg-empresa-fuerte { background: rgb( 4, 111, 182 ); }
.g-bg-empresa-hover { background: rgb( 5, 126, 207 ); }
.g-bg-empresa-hover:hover { background: rgb( 6, 141, 232 ); }

.g-color-empresa { color: #FFFFFF; }
.g-border-s1-empresa { border: solid 1px rgb( 5, 126, 207 ); }

/* Termina - Estilos de color de empresa */ 

/*Separadores*/




#msn_organigrama { right: 80px; display: none; }
#msn_notificacion { right: 145px; display: none; }
#msn_documentos { right: 74px; display: none; }
#msn_correo { right: 60px; display: none; }
#msn_directorio { right: 10px; display: none; }
#msn_close {right: 2px; display: none;}
.msn {font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%; position: fixed; top: 40px; z-index: 9999999;}
	.msn > .msn_up { margin:auto; width:0px; height:0px; border-left:6px solid transparent; /* izquierda flecha */ border-right:6px solid transparent; /* derecha flecha */ border-bottom:6px solid rgba(10,10,10,0.8); /* base flecha y color*/ font-size:0px; line-height:0px; }
	.msn > .msn_r { position: relative; left: 75px; width:0px; height:0px; border-left:6px solid transparent; /* izquierda flecha */ border-right:6px solid transparent; /* derecha flecha */ border-bottom:6px solid rgba(10,10,10,0.8); /* base flecha y color*/ font-size:0px; line-height:0px; }
	.msn > .msn_contenedor { position: absolute; border-radius: 2px; position: relative; background-color: rgba(10,10,10,0.8); color: #fff; padding: 5px 10px; font-size: 12px; }

.row_n { width: 100%; display: table; clear: both; }

.col_n { float: left; }
.col_r { float: right; }
.line_n { display: inline-block; clear: both; }

.col_n1	{ width: 4.166666667%; } .col_n2	{ width: 8.333333333%; } .col_n3	{ width: 12.5%; } .col_n4	{ width: 16.66666667%; } .col_n5	{ width: 20.83333333%; } .col_n6	{ width: 25%; } .col_n7	{ width: 29.16666667%; } .col_n8	{ width: 33.33333333%; } .col_n9	{ width: 37.5%; } .col_n10 { width: 41.66666667%; } .col_n11 { width: 45.83333333%; } .col_n12 { width: 50%; } .col_n13 { width: 54.16666667%; } .col_n14 { width: 58.33333333%; } .col_n15 { width: 62.5%; } .col_n16 { width: 66.66666667%; } .col_n17 { width: 70.83333333%; } .col_n18 { width: 75%; } .col_n19 { width: 79.16666667%; } .col_n20 { width: 83.33333333%; } .col_n21 { width: 87.5%; } .col_n22 { width: 91.66666667%; } .col_n23 { width: 95.83333333%; } .col_n24 { width: 100%; }

.msg_config_cubic {position: fixed; bottom: 26px; right: 50px; z-index: 999999 !important;}
	.msg_config_cubic > .texto_msg {display:inline; position: relative; font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%; padding: 5px 10px; font-size: 12px; border-radius: 2px; background-color: rgba(10,10,10,0.8); color:#fff;}
	.msg_config_cubic > .tri_msg {top: -4px; display:inline; position: relative; margin:auto; width:0px; height:0px; border-left:6px solid rgba(10,10,10,0.8); /* izquierda flecha */ border-right:6px solid transparent; /* derecha flecha */ border-bottom:6px solid transparent; border-top:6px solid transparent;/* base flecha y color*/ font-size:0px; line-height:0px;}
.ventana_config_cubic {cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%; display: none; font-size: 18px; display: ; position: fixed; bottom: 76px; right: 10px; background-color: #fff; border-radius: 8px; overflow: hidden; z-index: 999999 !important; padding: 6px; box-shadow: 0 0 4px #333; background-image: url("../img/escheresque.png"); }
.ventana_config_cubic:hover {  }
	.ventana_config_cubic > .titulo_config_cubic { text-align: center; font-weight: bold; padding: 6px 10px; }

	.ventana_config_cubic > .contenedor_config_cubic { font-size: inherit; padding: 0 4px;}
		.contenedor_config_cubic > #linea_div { background-color: rgba(0,0,0,0.2); width: 100%; height: 3px; border-radius: 50px; }
		.contenedor_config_cubic > .cambio_menu {}
		.contenedor_config_cubic > .descripcion_cambio_menu { display: none; max-width: 400px; margin: 20px 0 20px 0; padding: 0 20px; text-align: justify;}

			.descripcion_cambio_menu > .btn_cambiar_menu { margin: 15px 0 15px 0; text-transform: none;  padding: 6px 0; border-radius: 50px; text-align: center; background: linear-gradient(to bottom, rgba(123,168,0,1) 0%, rgba(72,132,16,1) 100%); cursor: pointer; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05); border:solid 1px rgba(72,132,16,1); color:#fff; }
			.descripcion_cambio_menu > .btn_cambiar_menu:hover { color: #fff; }
			.descripcion_cambio_menu > .actualiza_i {text-decoration: underline; color: #09f; cursor: pointer;}

		.contenedor_config_cubic > .btn_config_i { font-weight:bold; text-align: center; color: #FFFFFF ; padding: 5px 12px; box-shadow: 0 0 4px #333; border-radius: 4px; margin: 10px 0; font-size: 14px; cursor: pointer; background: linear-gradient(to bottom, rgb( 6, 141, 232 ) 0%, rgb( 5, 126, 207 ) 100%); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05); border:solid 1px rgb( 5, 126, 207 ); }
		.contenedor_config_cubic > .descripcion_i { display: none; font-size: 13px; max-width: 400px; padding: 4px 4px 8px 4px; text-align: left; }
			.descripcion_i > .descripcion_interfaz { margin: 20px 0 10px 0; }
				.descripcion_interfaz > p { text-transform: lowercase; }
				.descripcion_interfaz > p:first-letter { text-transform: uppercase; }

.config_cubic { position: fixed; bottom: 10px; right: 10px; font-size: 35px; cursor: pointer; z-index: 99999 !important; text-shadow: 0 0 4px rgba(51,51,51,1); color: #111; }
.config_cubic:hover { color: rgb( 5, 126, 207 ); text-shadow: 0 0 4px rgb( 5, 126, 207 ,0.8 ); }
.config_cubic > div { transition:0.5s; -ms-transform: rotate(-180deg); /* IE 9 */
    -webkit-transform: rotate(-180deg); /* Chrome, Safari, Opera */
    transform: rotate(-180deg); }
.js-config_cubic { color: rgb( 5, 126, 207 ); text-shadow: 0 0 4px #90c6f4; }
	.js-config_cubic > div { transition:0.5s; -ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
    transform: rotate(180deg);  }

#cubic_header { position: relative; cursor:default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%; height: 30px; overflow: hidden; background: linear-gradient(to bottom, rgb( 5, 126, 207 ) 0%, rgb( 4, 111, 182 ) 100%); font-family: "Arial"; border:solid 1px rgb( 4, 111, 182 ); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05); border-radius: 1px; }

	#cubic_header > #cubic_header_box { }
		#cubic_header_box > #cubic_navegacion { padding: 4px 0px; }
			#cubic_navegacion > .miniatura { margin-left: 5px; margin-right: 2px; padding: 1px 6px 0px 6px; }
			#cubic_navegacion > .miniatura:hover { }
			#cubic_navegacion > .js-miniatura { background: linear-gradient(to bottom, rgba(183,222,237,1) 0%, rgba(113,206,239,1) 50%, rgba(33,180,226,1) 51%, rgba(183,222,237,1) 100%); color: #fff;  }
			#cubic_navegacion > .js-miniatura:hover { background: linear-gradient(to bottom, rgba(183,222,237,1) 0%, rgba(113,206,239,1) 50%, rgba(33,180,226,1) 51%, rgba(183,222,237,1) 100%); color: #fff;  }
				.miniatura > .miniatura_icon { padding-right: 6px; }
					.miniatura_icon > img { position: relative; height: 23px; top: -2px; }
				.miniatura > .miniatura_nombre {text-transform: uppercase; color: #FFFFFF; font-size: 14px; margin-top: 1px; }
				.miniatura > .miniatura_close { margin-left: 4px; padding: 0 4px; cursor: pointer; border-radius: 4px; }
				.miniatura > .miniatura_close:hover { background: linear-gradient(to bottom, rgba(255,94,77,0.9) 0%, rgba(255,35,10,0.9) 100%);}
					.miniatura_close > span { font-size: 0.6em; top: -1px; }

		#cubic_header_box > #cubic_access_user { padding: 5px 20px; color: #FFFFFF; }
			#cubic_access_user > #cubic_user {  }
				#cubic_user > #cubic_icon { padding: 0px 5px; }
				#cubic_user > #cubic_nombre { font-size: 14px; margin-top: 1px; font-weight: bold; }

		#cubic_header_box > #cubic_access_icons { padding: 6px 0px;  }
			#cubic_access_icons > #cubic_icons { cursor: pointer; }
				#cubic_icons > * { font-size: 16px; padding: 0px 10px; color: #FFFFFF; position: relative;}
				#cubic_icons > *:hover { cursor:pointer; transform: scale(1.2); }
					#cubic_notificaciones { display: none; }
					#cubic_documentos { display: none; }
					#cubic_notificaciones > #cubic_num_notifi { display: none; position: absolute; margin-top: -30px; font-size: 0.6em; background-color: #09f; color: inherit; border-radius: 50px; padding: 1px 5px; margin-left: -10px; background: linear-gradient(to bottom, rgba(77,190,255,1) 0%, rgba(10,165,255,1) 100%);}

.logo_empresa_cubic {position: fixed; bottom: 15px; left: 15px; z-index: 999999999 !important;}

#mini_logo {}
	#mini_logo > img { position: relative; height: 30px; top: -4px;}

.error_conexion { text-transform: uppercase; padding-top: 120px; }

/* Espacio en blanco al final de las interfaces para dejar lugar visual al logo de la empresa y al engrane */
.zona_gab_NO_cubic { height: 70px; }
.zona_gab_cubic { height: 30px; }

/* ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ Iconos ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ */


/* iconos_gab */
.g-icono { background-image: url("icon_cubic/iconos_gab.svg"); margin:auto; width: 25px; height: 25px; background-color: #222222; background-size: 225px auto;  }
.g-iconox25 { width: 25px; height: 25px; background-size: 225px auto; }
.g-iconox30 { width: 30px; height: 30px; background-size: 270px auto; }
.g-iconox40 { width: 40px; height: 40px; background-size: 360px auto; }
.g-iconox50 { width: 50px; height: 50px; background-size: 450px auto; }
.g-iconox60 { width: 60px; height: 60px; background-size: 540px auto; }

.g-icono.g-icono-refresh { background-position: 0px 0px; }
.g-icono.g-icono-check { background-position: -25px 0px; }
.g-icono.g-icono-move { background-position: -50px 0px; }
.g-icono.g-icono-down { background-position: -75px 0px; }
.g-icono.g-icono-up { background-position: -100px 0px; }
.g-icono.g-icono-pencil { background-position: -125px 0px; }
.g-icono.g-icono-plus { background-position: -150px 0px; }
.g-icono.g-icono-flag { background-position: -175px 0px; }
.g-icono.g-icono-gear { background-position: -200px 0px;  }

.g-icono.g-icono-transfer { background-position: 0px -25px; }
.g-icono.g-icono-left { background-position: -25px -25px; }
.g-icono.g-icono-right { background-position: -50px -25px; }
.g-icono.g-icono-person { background-position: -75px -25px; }
.g-icono.g-icono-prioridad { background-position: -100px -25px; } /* icono creado */
.g-icono.g-icono-shuffle { background-position: -125px -25px; }
.g-icono.g-icono-clock { background-position: -150px -25px; }
.g-icono.g-icono-link { background-position: -175px -25px; }

.g-icono.g-icono-newwin { background-position: 0px -50px; }
.g-icono.g-icono-document { background-position: -25px -50px; }
.g-icono.g-icono-note { background-position: -50px -50px; }
.g-icono.g-icono-print { background-position: -75px -50px; }
.g-icono.g-icono-folder { background-position: -100px -50px; }
.g-icono.g-icono-search { background-position: -125px -50px; }
.g-icono.g-icono-pin-s { background-position: -150px -50px; }
.g-icono.g-icono-key { background-position: -175px -50px; }
.g-icono.g-icono-disk { background-position: -200px -50px; }

.g-icono.g-icono-bookmark { background-position: 0px -75px; }
.g-icono.g-icono-price { background-position: -25px -75px; }
.g-icono.g-icono-mail { background-position: -50px -75px; }
.g-icono.g-icono-suitcase { background-position: -75px -75px; }
.g-icono.g-icono-tag { background-position: -100px -75px; }
.g-icono.g-icono-map { background-position: -125px -75px; } /* icono creado */
.g-icono.g-icono-calculator { background-position: -150px -75px; }
.g-icono.g-icono-document-plus { background-position: -175px -75px; }
.g-icono.g-icono-calendar { background-position: -200px -75px; }

.g-icono.g-icono-close { background-position: 0px -100px; }
.g-icono.g-icono-trash { background-position: -25px -100px; }
.g-icono.g-icono-alert { background-position: -50px -100px; }

.g-icono.g-icono-excel-down { background-position: 0px -125px; } /* icono creado */
.g-icono.g-icono-word-down { background-position: -25px -125px; } /* icono creado */
.g-icono.g-icono-pdf-down { background-position: -50px -125px; } /* icono creado */
.g-icono.g-icono-zip-down { background-position: -75px -125px; } /* icono creado */
.g-icono.g-icono-excel-up { background-position: -100px -125px; } /* icono creado */
.g-icono.g-icono-word-up { background-position: -125px -125px; } /* icono creado */
.g-icono.g-icono-pdf-up { background-position: -150px -125px; } /* icono creado */

.g-icono.g-icono-cart { background-position: 0px -150px; }

.g-icono.g-icono-materiales { background-position: -100px -150px; }
.g-icono.g-icono-herramienta { background-position: -125px -150px; }
.g-icono.g-icono-mano-obra { background-position: -150px -150px; }
.g-icono.g-icono-comentario { background-position: -175px -150px; }

/* ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ */
/* ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦  Estilos que afectan el ui-jqgrid ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ */
/* ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ */

div.ui-pg-div>span.icon_cubic.icon_cubic_recargar { width: 25px; height: 25px; background: none; background-image: url("icon_cubic/refresh.svg"); background-size: cover; background-repeat: no-repeat; }


div.ui-jqgrid .ui-jqgrid-toppager { height: 100% !important; }
div.ui-jqgrid .ui-jqgrid-pager { height: 100% !important; }
td.ui-pg-button.ui-corner-all { border:solid 1px transparent !important; border-radius: 5px !important; }
td.ui-pg-button.ui-corner-all.ui-state-hover { border:solid 1px #00000020 !important; padding: 0 1px !important; border-radius: 5px !important; }

/*.ui-jqgrid .ui-jqgrid-toppager*/

									/* • • • • • Afecta los iconos de los botones • • • • • */

/* ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ Iconos ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ */

div.ui-pg-div { line-height: 25px !important; display: inline-grid !important; text-align: center; padding: 0 2px !important; width: 0px !important; width: auto !important; text-transform: uppercase !important; }
div.ui-pg-div span.ui-icon { margin: auto !important; }

div.ui-pg-div span.ui-icon { width: 25px !important; height: 25px !important; background: none; background-size: 225px !important; background-image: url("icon_cubic/iconos_gab.svg") !important; background-position: -25px -25px; background-repeat: no-repeat; margin: auto; border-radius: 3px; box-shadow: 0 1px 1px #FFFFFF40 inset, 0 -2px 1px #00000040 inset; background-color: #222222; }

:root {
	--gb-color-verde: #45923f;
	--gb-color-azul: #39579e;
	--gb-color-rojo: #b83e39;
	--gb-color-anaranjado: #cb6232;
}

div.ui-pg-div span.ui-icon.ui-icon-refresh { background-position: 0px 0px; background-color: var(--gb-color-verde); }
div.ui-pg-div span.ui-icon.ui-icon-update { background-position: 0px 0px; background-color: var(--gb-color-verde); }
div.ui-pg-div span.ui-icon.ui-icon-check { background-position: -25px 0px; background-color: var(--gb-color-verde); }
div.ui-pg-div span.ui-icon.ui-icon-circle-check { background-position: -25px 0px; background-color: var(--gb-color-verde); }
div.ui-pg-div span.ui-icon.ui-icon-arrow-4-diag { background-position: -25px 0px; background-color: var(--gb-color-verde); }
div.ui-pg-div span.ui-icon.ui-icon-arrow-4-diag { background-position: -50px 0px; background-color: var(--gb-color-verde); }
div.ui-pg-div span.ui-icon.ui-icon-arrowthickstop-1-s { background-position: -75px 0px; background-color: var(--gb-color-verde); }
div.ui-pg-div span.ui-icon.ui-icon-arrowstop-1-s { background-position: -75px 0px; background-color: var(--gb-color-verde); }
div.ui-pg-div span.ui-icon.ui-icon-grip-dotted-vertical { background-position: -100px 0px; background-color: var(--gb-color-verde); }
div.ui-pg-div span.ui-icon.ui-icon-arrowthickstop-1-n { background-position: -100px 0px; background-color: var(--gb-color-verde); }
div.ui-pg-div span.ui-icon.ui-icon-circle-arrow-n { background-position: -100px 0px; background-color: var(--gb-color-verde); }
div.ui-pg-div span.ui-icon.ui-icon-arrowthick-1-n { background-position: -100px 0px; background-color: var(--gb-color-verde); }
div.ui-pg-div span.ui-icon.ui-icon-arrowstop-1-n { background-position: -100px 0px; background-color: var(--gb-color-verde); }
div.ui-pg-div span.ui-icon.ui-icon-pencil { background-position: -125px 0px; background-color: var(--gb-color-azul); }
div.ui-pg-div span.ui-icon.ui-icon-edit { background-position: -125px 0px; background-color: var(--gb-color-azul); }
div.ui-pg-div span.ui-icon.ui-icon-plus { background-position: -150px 0px; background-color: var(--gb-color-verde); }
div.ui-pg-div span.ui-icon.ui-icon-add { background-position: -150px 0px; background-color: var(--gb-color-verde); }
div.ui-pg-div span.ui-icon.ui-icon-circle-plus { background-position: -150px 0px; background-color: var(--gb-color-verde); }
div.ui-pg-div span.ui-icon.ui-icon-plusthick { background-position: -150px 0px; background-color: var(--gb-color-verde); }
div.ui-pg-div span.ui-icon.ui-icon-flag { background-position: -175px 0px; background-color: var(--gb-color-verde); }
div.ui-pg-div span.ui-icon.ui-icon-gear { background-position: -200px 0px;  background-color: var(--gb-color-verde); }
div.ui-pg-div span.ui-icon.ui-icon-maquinaria { background-position: -200px 0px; background-color: var(--gb-color-verde); }

div.ui-pg-div span.ui-icon.ui-icon-transferthick-e-w { background-position: 0px -25px; background-color: var(--gb-color-verde); }
div.ui-pg-div span.ui-icon.ui-icon-arrowreturnthick-1-w { background-position: -25px -25px; background-color: var(--gb-color-verde); }
div.ui-pg-div span.ui-icon.ui-icon-arrowreturnthick-1-e { background-position: -50px -25px; background-color: var(--gb-color-verde); }
div.ui-pg-div span.ui-icon.ui-icon-person { background-position: -75px -25px; background-color: var(--gb-color-verde); }
div.ui-pg-div span.ui-icon.ui-icon-prioridad { background-position: -100px -25px; background-color: var(--gb-color-verde); } /* icono creado */
div.ui-pg-div span.ui-icon.ui-icon-shuffle { background-position: -125px -25px; background-color: var(--gb-color-verde); }
div.ui-pg-div span.ui-icon.ui-icon-clock { background-position: -150px -25px; background-color: var(--gb-color-verde); }
div.ui-pg-div span.ui-icon.ui-icon-link { background-position: -175px -25px; background-color: var(--gb-color-verde); }

div.ui-pg-div span.ui-icon.ui-icon-newwin { background-position: 0px -50px; background-color: var(--gb-color-azul); }
div.ui-pg-div span.ui-icon.ui-icon-report { background-position: 0px -50px; background-color: var(--gb-color-azul); }
div.ui-pg-div span.ui-icon.ui-icon-clipboard { background-position: 0px -50px; background-color: var(--gb-color-azul); }
div.ui-pg-div span.ui-icon.ui-icon-script { background-position: 0px -50px; background-color: var(--gb-color-azul); }
div.ui-pg-div span.ui-icon.ui-icon-document { background-position: -25px -50px; background-color: var(--gb-color-azul); }
div.ui-pg-div span.ui-icon.ui-icon-copy { background-position: -25px -50px; background-color: var(--gb-color-azul); }
div.ui-pg-div span.ui-icon.ui-icon-note { background-position: -50px -50px; background-color: var(--gb-color-azul); }
div.ui-pg-div span.ui-icon.ui-icon-print { background-position: -75px -50px; background-color: var(--gb-color-azul); }
div.ui-pg-div span.ui-icon.ui-icon-folder-collapsed { background-position: -100px -50px; background-color: var(--gb-color-azul); }
div.ui-pg-div span.ui-icon.ui-icon-folder-open { background-position: -100px -50px; background-color: var(--gb-color-azul); }
div.ui-pg-div span.ui-icon.ui-icon-circle-zoomin { background-position: -125px -50px; background-color: var(--gb-color-azul); }
div.ui-pg-div span.ui-icon.ui-icon-search { background-position: -125px -50px; background-color: var(--gb-color-azul); }
div.ui-pg-div span.ui-icon.ui-icon-pin-s { background-position: -150px -50px; background-color: var(--gb-color-azul); }
div.ui-pg-div span.ui-icon.ui-icon-key { background-position: -175px -50px; background-color: var(--gb-color-azul); }
div.ui-pg-div span.ui-icon.ui-icon-disk { background-position: -200px -50px; background-color: var(--gb-color-azul); }

div.ui-pg-div span.ui-icon.ui-icon-bookmark { background-position: 0px -75px; background-color: var(--gb-color-azul); }
div.ui-pg-div span.ui-icon.ui-icon-price { background-position: -25px -75px; background-color: var(--gb-color-azul); }
div.ui-pg-div span.ui-icon.ui-icon-generate { background-position: -25px -75px; background-color: var(--gb-color-azul); } /* icono creado */
div.ui-pg-div span.ui-icon.ui-icon-mail { background-position: -50px -75px; background-color: var(--gb-color-azul); }
div.ui-pg-div span.ui-icon.ui-icon-contact { background-position: -50px -75px; background-color: var(--gb-color-azul); }
div.ui-pg-div span.ui-icon.ui-icon-suitcase { background-position: -75px -75px; background-color: var(--gb-color-azul); }
div.ui-pg-div span.ui-icon.ui-icon-tag { background-position: -100px -75px; background-color: var(--gb-color-azul); }
div.ui-pg-div span.ui-icon.ui-icon-map { background-position: -125px -75px; background-color: var(--gb-color-azul); } /* icono creado */
div.ui-pg-div span.ui-icon.ui-icon-calculator { background-position: -150px -75px; background-color: var(--gb-color-azul); }
div.ui-pg-div span.ui-icon.ui-icon-document-plus { background-position: -175px -75px; background-color: var(--gb-color-azul); }
div.ui-pg-div span.ui-icon.ui-icon-calendar { background-position: -200px -75px; background-color: var(--gb-color-azul); }

div.ui-pg-div span.ui-icon.ui-icon-close { background-position: 0px -100px; background-color: var(--gb-color-rojo); }
div.ui-pg-div span.ui-icon.ui-icon-circle-close { background-position: 0px -100px; background-color: var(--gb-color-rojo); }
div.ui-pg-div span.ui-icon.ui-icon-closethick { background-position: 0px -100px; background-color: var(--gb-color-rojo); }
div.ui-pg-div span.ui-icon.ui-icon-trash { background-position: -25px -100px; background-color: var(--gb-color-rojo); }
div.ui-pg-div span.ui-icon.ui-icon-delete { background-position: -25px -100px; background-color: var(--gb-color-rojo); }
div.ui-pg-div span.ui-icon.ui-icon-alert { background-position: -50px -100px; background-color: var(--gb-color-rojo); }
div.ui-pg-div span.ui-icon.ui-icon-notice { background-position: -50px -100px; background-color: var(--gb-color-rojo); }

div.ui-pg-div span.ui-icon.ui-icon-excel-down { background-position: 0px -125px; background-color: var(--gb-color-verde); } /* icono creado */
div.ui-pg-div span.ui-icon.ui-icon-word-down { background-position: -25px -125px; background-color: var(--gb-color-azul); } /* icono creado */
div.ui-pg-div span.ui-icon.ui-icon-pdf-down { background-position: -50px -125px; background-color: var(--gb-color-rojo); } /* icono creado */
div.ui-pg-div span.ui-icon.ui-icon-zip-down { background-position: -75px -125px; background-color: var(--gb-color-anaranjado); } /* icono creado */
div.ui-pg-div span.ui-icon.ui-icon-excel-up { background-position: -100px -125px; background-color: var(--gb-color-verde); } /* icono creado */
div.ui-pg-div span.ui-icon.ui-icon-word-up { background-position: -125px -125px; background-color: var(--gb-color-azul); } /* icono creado */
div.ui-pg-div span.ui-icon.ui-icon-pdf-up { background-position: -150px -125px; background-color: var(--gb-color-rojo); } /* icono creado */
div.ui-pg-div span.ui-icon.ui-icon-txt-down { background-position: -175px -125px; background-color: var(--gb-color-anaranjado); } /* icono creado */

div.ui-pg-div span.ui-icon.ui-icon-cart { background-position: 0px -150px; background-color: var(--gb-color-anaranjado); }

div.ui-pg-div span.ui-icon.ui-icon-materiales { background-position: -100px -150px; background-color: var(--gb-color-azul); }
div.ui-pg-div span.ui-icon.ui-icon-herramienta { background-position: -125px -150px; background-color: var(--gb-color-azul); }
div.ui-pg-div span.ui-icon.ui-icon-mano-obra { background-position: -150px -150px; background-color: var(--gb-color-azul); }
div.ui-pg-div span.ui-icon.ui-icon-comentario { background-position: -175px -150px; background-color: var(--gb-color-azul); }

/* ▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓ ▓▒░ */
/* ▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓  Estilos que afectan el ui-jqgrid  ▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓ */
/* ▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓ */

/* ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ Tablas jqGrid ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ */

div.ui-jqgrid div.ui-jqgrid-view div.ui-jqgrid-titlebar { background: linear-gradient(to bottom, rgb( 5, 126, 207 ) 0%, rgb( 4, 111, 182 ) 100%); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05); color: #FFFFFF ; border: solid 1px rgb( 4, 111, 182); }
div.ui-jqgrid div.ui-jqgrid-view div.ui-jqgrid-titlebar span.ui-jqgrid-title::before { content: "\0000a0" }

/* ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ Fondo de donde se encuentran las tabs ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ */

div.ui-tabs ul.ui-tabs-nav { background: linear-gradient(to bottom, rgb(255,255,255) 0%, rgb(238,238,238) 100%); border: solid 1px #DDDDDD; }
											
/* ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ div#middle ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ */

div#main div#middle { background: #FFFFFF00 !important; }

/* ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ Dialogs ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ */

div.ui-dialog div.ui-dialog-titlebar { background: linear-gradient(to bottom, rgb( 5, 126, 207 ) 0%, rgb( 4, 111, 182 ) 100%); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05); color: #FFFFFF ; border: solid 1px rgb( 4, 111, 182); padding: 2px 0 !important; }
div.ui-dialog div.ui-dialog-titlebar span.ui-dialog-title { color: #FFFFFF ; width: 100% !important; }
div.ui-dialog div.ui-dialog-buttonpane div.ui-dialog-buttonset button { background-color: rgba( 5, 126, 207, 0.2 ); border:0; padding: 4px 12px; border-radius: 2px; border: solid 1px rgba( 5, 126, 207, 0.3 ); }
div.ui-dialog div.ui-dialog-buttonpane div.ui-dialog-buttonset button:hover { background-color: rgba( 5, 126, 207, 0.5 ); }
div.ui-dialog div.ui-dialog-titlebar button.ui-dialog-titlebar-close { width: 20px !important; height: 20px !important; background-color: #DD2222 !important; border: 0px; border-radius: 3px; background-image: url("icon_cubic/iconos_gab.svg") !important; background-size: 180px auto !important; background-position: 0px -140px !important; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05); }
div.ui-dialog div.ui-dialog-titlebar button.ui-dialog-titlebar-close:hover { background-color: #e03838 !important; }
div.ui-dialog div.ui-dialog-titlebar button.ui-dialog-titlebar-close span { background-image: none; }
div.ui-dialog div.ui-dialog-titlebar button.ui-dialog-titlebar-close span:hover { background-image: none; }

</style>