html { height: auto!important; }
body { color: /*gray*/ #999; background-color: black; background-image: url(/gui/nav-background.jpg); background-repeat: no-repeat; background-size: 18.5% 100%; 
       position: static!important; }
.navbar { width: 25%; position: absolute; background-image: url(/gui/nav-vignette.jpg); background-repeat: no-repeat; background-size: 74.4% 100%; text-align: center; }
.container { width: 100%; padding-left: 26%; padding-right: 4%; }
.nav-logo { width: 95%; margin: 0px; }
.nav-button { width: 75%; margin-bottom: 6px; }
.nav-dropdown { position: relative; display: inline-block; }
.nav-dropdown:hover .nav-dropdown-content { display: block; }
.nav-dropdown-content { display: none; position: absolute; background-color: #e3e3e3; min-width: 160px; z-index: 1; margin-left: 15%; }
.nav-dropdown-content a { color: black; padding: 12px 16px; text-decoration: none;  display: block; }
.nav-dropdown-content a:link { color: black; }
.nav-dropdown-content a:visited { color: black; }
.nav-dropdown-content a:hover { color: white; background-color: #ea002a; }
.nav-dropdown-content a:active { color: white; background-color: #ea002a; }

.vert-align { float: none; display: inline-block; vertical-align: middle; margin-right: -4px; }
.btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary:visited { border: 0px; background-color: #ccc !important; color: black !important; }

a:link { color:#999; text-decoration: underline; }
a:visited { color: #999; text-decoration: underline; }
a:hover { color: #fff; }
a:active { color: crimson; text-decoration: none; }

h1 { font-size: 2.0em; font-weight: bolder; margin: 0px 0px 10px 0px; color: white; }
h2 { font-size: 1.3em; font-weight: bold; margin: 0px 0px 4px 0px; color: #a7a7f2; /*#5a52ef*/ }
h3 { font-size: 1.2em; font-weight: bold; margin: 0px 0px 4px 0px; color: #ccc; }
b { color: #ccc; }
.tag { font-size: 1.6em; font-weight: bold; margin: 25px 0px 6px 0px; color: #ea002a; }
.hr { width: 100%; height: 1.5px; margin: 15px 0px 15px 0px; }
.nobr	{ white-space:nowrap; }

.red { color: #ea002a; }
.blue { color: #5a52ef; }

.newsticker { background-color: #ccc; padding: 8px 6px 8px 12px; border-radius: 6px; margin: 15px 0px 15px 0px; }

table, th, td { border: 0px; padding: 0px; border-spacing: 0px; }

.image-float { width: 100%; max-width: 500px; float: right; margin: 6px 0 10px 20px; border: 0px; }

.icon-brochure { width: 100%; max-width: 178px; min-width: 90px; }

.legal { text-align: center; padding: 10px 0px 30px 0px; color: gray; }

.social-icons { width: 40px; padding: 6px; border: 0; }

.vignette { background: #ea002a; /* browsers that do not support gradients */ background: -webkit-linear-gradient(left, #ea002a, #2b2873); /* Safari 5.1 to 6.0 */ background: -o-linear-gradient(right, #ea002a, #2b2873); /* Opera 11.1 to 12.0 */ background: -moz-linear-gradient(right, #ea002a, #2b2873); /* Firefox 3.6 to 15 */ background: linear-gradient(to right, #ea002a, #2b2873); /* Standard syntax */ }

@media(max-width:  767px) { }
@media(min-width:  768px) { .navbar { width: 180px; } .container { padding-left: 190px; } body { background-size: 134px 100%; } }
@media(min-width:  992px) { }
@media(min-width: 1200px) { }