


:root {    --c1: #ddd;    --c2: #bbb;    --c3: #333;    --c4: #111;  }

body { font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;     background-image: url("../uhlx/back.svg"),url("../uhlx/back.jpg"),url("../uhlx/back.png");     background-size: cover;   background-repeat: repeat;      background-color: #fff; }

a {    color: var(--c4); }
a:focus, a:hover {    color: var(--c3);   text-decoration: none; }

hr { height: 0;   border-top: 2px solid;   color: var(--c2); }

img { border-radius: 5px;   opacity: 0.95;   border: 1px solid;   border-color: var(--c2); }

#logo {    width: 400px;    height: 75px;    margin: 15px 0 5px 25px;    font-family: inherit;    color: transparent;     font-size: 30px;    font-weight: bold;    transform:rotate(0); -moz-transform:rotate(0); -webkit-transform:rotate(0);   background-image: url("../uhlx/logo.png"), url("../uhlx/logo.jpg"), url("../uhlx/logo.svg");    background-size: contain;   background-repeat: no-repeat;    }
#logo a {    padding: 5px;    color: transparent;    text-decoration: none;    border: none;    border-radius: 10px; }
#logo a:focus, #logo a:hover {    padding: 5px;    color: transparent;    text-decoration: none;    border: none;    border-radius: 10px; }

#menu-toggle-handle {    display: block;    margin: 7px 0 1px 0;    background: var(--c2);    padding: 10px 15px;    color: #fff;    text-align: center;    text-decoration: none; }

.btn {    color: var(--c4);    background-color: var(--c2);    border-color: var(--c2); }

.btn-primary {    color: var(--c4);    background-color: var(--c1);    border-color: var(--c2); }
.btn-primary.active, .btn-primary.focus, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open > .dropdown-toggle.btn-primary {    color: var(--c4);    background-color: var(--c2);    border-color: var(--c2); }

.btn-success {    color: var(--c4);    background-color: var(--c1);    border-color: var(--c2); }
.btn-success.active, .btn-success.focus, .btn-success:active, .btn-success:focus, .btn-success:hover, .open > .dropdown-toggle.btn-success {    color: var(--c4);    background-color: var(--c2);    border-color: var(--c2); }

.btn-danger {    color: var(--c4);    background-color: var(--c1);    border-color: var(--c2); }
.btn-danger.active, .btn-danger.focus, .btn-danger:active, .btn-danger:focus, .btn-danger:hover, .open > .dropdown-toggle.btn-danger {    color: var(--c4);    background-color: var(--c2);    border-color: var(--c2); }

.alert-danger, .alert-success, .alert-warning {    color: var(--c4);    background-color: var(--c1);    border-color: var(--c2); }

.nav > li > a:focus, .nav > li > a:hover {    text-decoration: none;    background-color: var(--c2); }

.col-md-4 {    width: 33.333%;    }
 
 