.bg-abu{
	background-color: #eee;
}
.bg-putih{
	background-color: #fff;
}
.bg-merah{
	background-color: #B20000;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#B20000), to(#E62E00));
    background-image: -moz-linear-gradient(#B20000, #E62E00);
    background-image: -o-linear-gradient(#B20000, #E62E00);
    background-image: linear-gradient(#B20000, #E62E00);
}

.bg-hitam{
	background-color: #333;
}

.bg-hijau{
background: #73880a; /* Old browsers */
background: -moz-linear-gradient(top,  #73880a 0%, #73880a 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#73880a), color-stop(100%,#73880a)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #73880a 0%,#73880a 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #73880a 0%,#73880a 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #73880a 0%,#73880a 100%); /* IE10+ */
background: linear-gradient(to bottom,  #73880a 0%,#73880a 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#73880a', endColorstr='#73880a',GradientType=0 ); /* IE6-9 */
}

.bg-violet{
background: rgb(119,28,65); /* Old browsers */
background: -moz-linear-gradient(45deg,  rgba(119,28,65,1) 2%, rgba(114,65,84,1) 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left bottom, right top, color-stop(2%,rgba(119,28,65,1)), color-stop(99%,rgba(114,65,84,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(45deg,  rgba(119,28,65,1) 2%,rgba(114,65,84,1) 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(45deg,  rgba(119,28,65,1) 2%,rgba(114,65,84,1) 99%); /* Opera 11.10+ */
background: -ms-linear-gradient(45deg,  rgba(119,28,65,1) 2%,rgba(114,65,84,1) 99%); /* IE10+ */
background: linear-gradient(45deg,  rgba(119,28,65,1) 2%,rgba(114,65,84,1) 99%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#771c41', endColorstr='#724154',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.bg-hijau2{
background: #24bd8e; /* Old browsers */
background: -moz-linear-gradient(top,  #24bd8e 0%, #24b5b5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#24bd8e), color-stop(100%,#24b5b5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #24bd8e 0%,#24b5b5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #24bd8e 0%,#24b5b5 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #24bd8e 0%,#24b5b5 100%); /* IE10+ */
background: linear-gradient(to bottom,  #24bd8e 0%,#24b5b5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#24bd8e', endColorstr='#24b5b5',GradientType=0 ); /* IE6-9 */
}

.bg-kuning{
background: #e09c08; /* Old browsers */
background: -moz-linear-gradient(top,  #e09c08 0%, #a37207 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e09c08), color-stop(100%,#a37207)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #e09c08 0%,#a37207 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #e09c08 0%,#a37207 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #e09c08 0%,#a37207 100%); /* IE10+ */
background: linear-gradient(to bottom,  #e09c08 0%,#a37207 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e09c08', endColorstr='#a37207',GradientType=0 ); /* IE6-9 */
}

.bg-merahjambu{
background: #e56053; /* Old browsers */
background: -moz-linear-gradient(top,  #e56053 0%, #e62d1c 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e56053), color-stop(100%,#e62d1c)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #e56053 0%,#e62d1c 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #e56053 0%,#e62d1c 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #e56053 0%,#e62d1c 100%); /* IE10+ */
background: linear-gradient(to bottom,  #e56053 0%,#e62d1c 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e56053', endColorstr='#e62d1c',GradientType=0 ); /* IE6-9 */
}

.bg-merahjambu2{
background: rgb(204,0,0); /* Old browsers */
background: -moz-linear-gradient(45deg,  rgba(204,0,0,1) 0%, rgba(204,0,0,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(204,0,0,1)), color-stop(100%,rgba(204,0,0,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(45deg,  rgba(204,0,0,1) 0%,rgba(204,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(45deg,  rgba(204,0,0,1) 0%,rgba(204,0,0,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(45deg,  rgba(204,0,0,1) 0%,rgba(204,0,0,1) 100%); /* IE10+ */
background: linear-gradient(45deg,  rgba(204,0,0,1) 0%,rgba(204,0,0,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc0000', endColorstr='#cc0000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.bg-biru{
background: #196893; /* Old browsers */
background: -moz-linear-gradient(top,  #196893 0%, #196893 97%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#196893), color-stop(97%,#196893)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #196893 0%,#196893 97%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #196893 0%,#196893 97%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #196893 0%,#196893 97%); /* IE10+ */
background: linear-gradient(to bottom,  #196893 0%,#196893 97%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#196893', endColorstr='#196893',GradientType=0 ); /* IE6-9 */
}

.bg-vermilion{
	background-color: #D9603B;
}