
.color-AMARILLO{background: yellow}
.color-AMARILLO_FLUO{background: #f9fe06}
.color-AMARILLO_OPACO{background: #d3d64d}
.color-AMARILLO_PASTEL{}
.color-AMARILLO-NEGRO{
    background: rgb(247,240,37); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(247,240,37,1) 1%, rgba(241,255,48,1) 42%, rgba(2,1,1,1) 59%, rgba(10,0,0,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(247,240,37,1)), color-stop(42%,rgba(241,255,48,1)), color-stop(59%,rgba(2,1,1,1)), color-stop(100%,rgba(10,0,0,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(247,240,37,1) 1%,rgba(241,255,48,1) 42%,rgba(2,1,1,1) 59%,rgba(10,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(247,240,37,1) 1%,rgba(241,255,48,1) 42%,rgba(2,1,1,1) 59%,rgba(10,0,0,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(247,240,37,1) 1%,rgba(241,255,48,1) 42%,rgba(2,1,1,1) 59%,rgba(10,0,0,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(247,240,37,1) 1%,rgba(241,255,48,1) 42%,rgba(2,1,1,1) 59%,rgba(10,0,0,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f025', endColorstr='#0a0000',GradientType=0 ); /* IE6-9 */

}
.color-APPLE{}
.color-AZUL{background: blue}
.color-AZUL_FRANCIA{background: #074582}
.color-AZUL_MARINO{background: #02203e}
.color-AZUL_METALIZADO{
    background: rgb(59,103,158); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(59,103,158,1) 0%, rgba(43,136,217,1) 50%, rgba(32,124,202,1) 51%, rgba(125,185,232,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(59,103,158,1)), color-stop(50%,rgba(43,136,217,1)), color-stop(51%,rgba(32,124,202,1)), color-stop(100%,rgba(125,185,232,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(59,103,158,1) 0%,rgba(43,136,217,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(59,103,158,1) 0%,rgba(43,136,217,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(59,103,158,1) 0%,rgba(43,136,217,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(59,103,158,1) 0%,rgba(43,136,217,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b679e', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */

}
.color-AZUL_OSCURO{background: #032240}
.color-AZUL_PASTEL{
    background: rgb(53,106,160); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(53,106,160,1) 0%, rgba(53,106,160,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(53,106,160,1)), color-stop(100%,rgba(53,106,160,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(53,106,160,1) 0%,rgba(53,106,160,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(53,106,160,1) 0%,rgba(53,106,160,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(53,106,160,1) 0%,rgba(53,106,160,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(53,106,160,1) 0%,rgba(53,106,160,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#356aa0', endColorstr='#356aa0',GradientType=0 ); /* IE6-9 */

}
.color-AZUL-NEGRO{
    background: rgb(37,0,252); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(37,0,252,1) 1%, rgba(46,100,247,1) 50%, rgba(5,4,4,1) 50%, rgba(12,0,3,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(37,0,252,1)), color-stop(50%,rgba(46,100,247,1)), color-stop(50%,rgba(5,4,4,1)), color-stop(100%,rgba(12,0,3,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(37,0,252,1) 1%,rgba(46,100,247,1) 50%,rgba(5,4,4,1) 50%,rgba(12,0,3,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(37,0,252,1) 1%,rgba(46,100,247,1) 50%,rgba(5,4,4,1) 50%,rgba(12,0,3,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(37,0,252,1) 1%,rgba(46,100,247,1) 50%,rgba(5,4,4,1) 50%,rgba(12,0,3,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(37,0,252,1) 1%,rgba(46,100,247,1) 50%,rgba(5,4,4,1) 50%,rgba(12,0,3,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2500fc', endColorstr='#0c0003',GradientType=0 ); /* IE6-9 */
}
.color-BANANA{
    background: rgb(241,231,103); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(241,231,103,1) 0%, rgba(254,182,69,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(241,231,103,1)), color-stop(100%,rgba(254,182,69,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(241,231,103,1) 0%,rgba(254,182,69,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(241,231,103,1) 0%,rgba(254,182,69,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(241,231,103,1) 0%,rgba(254,182,69,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(241,231,103,1) 0%,rgba(254,182,69,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1e767', endColorstr='#feb645',GradientType=0 ); /* IE6-9 */

}
.color-BLANCO{
    background: white;
    border: solid 1px #ccc;
}
.color-BLANCO-AZUL{
    background: rgb(248,249,244); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(248,249,244,1) 43%, rgba(70,76,252,1) 58%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(43%,rgba(248,249,244,1)), color-stop(58%,rgba(70,76,252,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(248,249,244,1) 43%,rgba(70,76,252,1) 58%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(248,249,244,1) 43%,rgba(70,76,252,1) 58%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(248,249,244,1) 43%,rgba(70,76,252,1) 58%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(248,249,244,1) 43%,rgba(70,76,252,1) 58%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f9f4', endColorstr='#464cfc',GradientType=0 ); /* IE6-9 */

}
.color-BLANCO-NEGRO{
    background: rgb(248,249,244); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(248,249,244,1) 43%, rgba(5,1,1,1) 58%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(43%,rgba(248,249,244,1)), color-stop(58%,rgba(5,1,1,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(248,249,244,1) 43%,rgba(5,1,1,1) 58%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(248,249,244,1) 43%,rgba(5,1,1,1) 58%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(248,249,244,1) 43%,rgba(5,1,1,1) 58%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(248,249,244,1) 43%,rgba(5,1,1,1) 58%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f9f4', endColorstr='#050101',GradientType=0 ); /* IE6-9 */

}
.color-BLANCO-ROJO{
    background: rgb(248,249,244); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(248,249,244,1) 43%, rgba(252,77,50,1) 54%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(43%,rgba(248,249,244,1)), color-stop(54%,rgba(252,77,50,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(248,249,244,1) 43%,rgba(252,77,50,1) 54%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(248,249,244,1) 43%,rgba(252,77,50,1) 54%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(248,249,244,1) 43%,rgba(252,77,50,1) 54%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(248,249,244,1) 43%,rgba(252,77,50,1) 54%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f9f4', endColorstr='#fc4d32',GradientType=0 ); /* IE6-9 */

}
.color-BLUEBERRY{background: #291465}
.color-BORDEAUX{background: #732002}
.color-BORRAVINO{background: #4b1501}
.color-BRONZE{background: #9e4c2e}
.color-BUBBLEGUM{background: #e178b6}
.color-CELESTE{background: #35c5e0}
.color-CHOCOLATE{background: #503e05}
.color-CINAMON{background: #a54b26}
.color-COLA{color: #9c4c2b}
.color-COLOR{}
.color-CRISTAL{background: transparent}
.color-CROMADO{
   background: rgb(238,238,238); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(238,238,238,1) 0%, rgba(204,204,204,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(100%,rgba(204,204,204,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */

}
.color-CYAN{ background-color: cyan}
.color-CYAN_CLARO{background: #ccffff}
.color-DORADO{background: goldenrod}
.color-DORADO-NEGRO{
   background: rgb(219,199,50); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(219,199,50,1) 41%, rgba(10,9,9,1) 63%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(41%,rgba(219,199,50,1)), color-stop(63%,rgba(10,9,9,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(219,199,50,1) 41%,rgba(10,9,9,1) 63%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(219,199,50,1) 41%,rgba(10,9,9,1) 63%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(219,199,50,1) 41%,rgba(10,9,9,1) 63%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(219,199,50,1) 41%,rgba(10,9,9,1) 63%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbc732', endColorstr='#0a0909',GradientType=0 ); /* IE6-9 */

}
.color-GRAPE{background: #54315b}
.color-GRIS{background: gray}
.color-GUINDA{background: #861746}
.color-LADRILLO{background: #cc7355}
.color-LIGHT_BLUE{color: #0099cc}
.color-MAGENTA{background-color: magenta}
.color-MAGENTA_CLARO{background-color: #ff99ff}
.color-MAGENTA-CYAN{
    background: rgb(255,0,233); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,0,233,1) 41%, rgba(0,255,255,1) 61%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(41%,rgba(255,0,233,1)), color-stop(61%,rgba(0,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,0,233,1) 41%,rgba(0,255,255,1) 61%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,0,233,1) 41%,rgba(0,255,255,1) 61%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,0,233,1) 41%,rgba(0,255,255,1) 61%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,0,233,1) 41%,rgba(0,255,255,1) 61%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff00e9', endColorstr='#00ffff',GradientType=0 ); /* IE6-9 */

}
.color-MANILA{background: #e5c190}
.color-MARRON{background: brown}
.color-MARRON_OSCURO{background: #663300}
.color-MINT{}
.color-MULTICOLOR{}
.color-NARANJA{background: orange}
.color-NARANJA_FLUO{background: #ff4e0b}
.color-NARANJA_PASTEL{}
.color-NEGRO{background: black}
.color-NEGRO-AMARILLO{}
.color-NEGRO-BLANCO{}
.color-NEGRO-COLOR{}
.color-NEGRO-DORADO{
    background: rgb(7,1,1); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(7,1,1,1) 0%, rgba(241,255,48,1) 74%, rgba(233,249,0,1) 100%, rgba(2,1,1,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(7,1,1,1)), color-stop(74%,rgba(241,255,48,1)), color-stop(100%,rgba(233,249,0,1)), color-stop(100%,rgba(2,1,1,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(7,1,1,1) 0%,rgba(241,255,48,1) 74%,rgba(233,249,0,1) 100%,rgba(2,1,1,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(7,1,1,1) 0%,rgba(241,255,48,1) 74%,rgba(233,249,0,1) 100%,rgba(2,1,1,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(7,1,1,1) 0%,rgba(241,255,48,1) 74%,rgba(233,249,0,1) 100%,rgba(2,1,1,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(7,1,1,1) 0%,rgba(241,255,48,1) 74%,rgba(233,249,0,1) 100%,rgba(2,1,1,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#070101', endColorstr='#020101',GradientType=0 ); /* IE6-9 */
}
.color-NEGRO-ROJO{
    background: rgb(255,50,50); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255,50,50,1) 0%, rgba(252,71,47,1) 50%, rgba(2,0,1,1) 51%, rgba(2,1,1,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,50,50,1)), color-stop(50%,rgba(252,71,47,1)), color-stop(51%,rgba(2,0,1,1)), color-stop(100%,rgba(2,1,1,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255,50,50,1) 0%,rgba(252,71,47,1) 50%,rgba(2,0,1,1) 51%,rgba(2,1,1,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255,50,50,1) 0%,rgba(252,71,47,1) 50%,rgba(2,0,1,1) 51%,rgba(2,1,1,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255,50,50,1) 0%,rgba(252,71,47,1) 50%,rgba(2,0,1,1) 51%,rgba(2,1,1,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(255,50,50,1) 0%,rgba(252,71,47,1) 50%,rgba(2,0,1,1) 51%,rgba(2,1,1,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3232', endColorstr='#020101',GradientType=0 ); /* IE6-9 */
}
.color-NO_ELEGIBLE{}
.color-OPACO{}
.color-ORANGE{background: orange}
.color-ORO{}
.color-PINTADO{}
.color-PLATA{}
.color-PLATEADO{}
.color-PLATEADO-NEGRO{}
.color-POPCORN{}
.color-ROJO{background: red}
.color-ROJO_FLUO{}
.color-ROJO_METALIZADO{}
.color-ROJO_PASTEL{}
.color-ROJO-NEGRO{}
.color-ROSA{background: pink}
.color-ROSA_FLUO{}
.color-ROSA_METALIZADO{}
.color-ROSA_PASTEL{}
.color-STRAWBERRY{}
.color-SURTIDO{}
.color-TRANSPARENTE-NEGRO{}
.color-TRANSPARENTE{}
.color-VERDE{background: green}
.color-VERDE_AGUA{}
.color-VERDE_CLARO{}
.color-VERDE_FLUO{}
.color-VERDE_METALIZADO{}
.color-VERDE_NOCHE{}
.color-VERDE_OSCURO{}
.color-VERDE_PASTEL{}
.color-VERDE-NEGRO{}
.color-VIOLETA{background: violet}
.color-VIOLETA_METALIZADO{}
.color-VIOLETA_PASTEL{}

.color-container{
    height: 9px;
    width: 9px;
    border-radius: 100%;
    display: inline-block;
    margin-left: 3px;    
}