@font-face {
    font-family: 'roboto_ltregular' !important;
    src: url('../plugins/roboto/roboto-light-webfont.eot') !important;
    src: url('../plugins/roboto/roboto-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../plugins/roboto/roboto-light-webfont.woff') format('woff'),
         url('../plugins/roboto/roboto-light-webfont.ttf') format('truetype'),
         url('../plugins/roboto/roboto-light-webfont.svg#roboto_ltregular') format('svg') !important;
    font-weight: normal !important;
    font-style: normal !important;
}
@font-face {
    font-family: 'robotoregular' !important;
    src: url('../plugins/roboto/roboto-regular-webfont.eot') !important;
    src: url('../plugins/roboto/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../plugins/roboto/roboto-regular-webfont.woff') format('woff'),
         url('../plugins/roboto/roboto-regular-webfont.ttf') format('truetype'),
         url('../plugins/roboto/roboto-regular-webfont.svg#robotoregular') format('svg') !important;
    font-weight: normal !important;
    font-style: normal !important;

}
@font-face {
    font-family: 'roboto_thregular' !important;
    src: url('../plugins/roboto/roboto-thin-webfont.eot') !important;
    src: url('../plugins/roboto/roboto-thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('../plugins/roboto/roboto-thin-webfont.woff') format('woff'),
         url('../plugins/roboto/roboto-thin-webfont.ttf') format('truetype'),
         url('../plugins/roboto/roboto-thin-webfont.svg#roboto_thregular') format('svg') !important;
    font-weight: normal !important;
    font-style: normal !important;
}

.red {
	background-color: red;
}
.blue {
	background-color: blue;
}