@font-face {
  src: url(HELIOSLC.TTF) format("truetype");
  font-family: "HELIOSLC";
}

body {
    font-family: Verdana, Arial;
    font-size: 12px;
}
h1, h2, h3, h4, h5, h6 {
    font-family: Arial;
    font-weight: 700;
}
h1 {
    text-align: left;
    color: #ec008c;
    font-size: 1.9em;
    margin: 0 0 0.1em;
    line-height:1.4em;
    font-weight: normal;
}
h4 { color: #ec008c; font-size: 1.5em; margin: 0.2em 0; }
h6 { color: #ec008c; }
ul { padding:0;margin: 0 0 0.5em; }
p { text-align: left; margin: 0 0 0.2em; }
a { color: #0c72bb; text-decoration: underline; }

html.js .no-js {
    display: none;
}

input, textarea {
    font-family: Verdana, Arial;
}

.red { color: #ec008c; }
.blue { color: #0C72BB; }
#page {
    background: url(../images/sw_bg.jpg) no-repeat 50% 0;
    height: 600px;
}

#sw { margin-top: 30px; position: relative; }
    #sw h1 {
        margin-bottom: 0;
        font-size: 2.4em;
        color: #aaa;
    }
    #go-home {
        display:block;
        position:absolute;
        top: 0px;
        left: 0px;
        width: 118px;
        height: 62px;
        text-decoration:none;
    }
#oc-calendar {
    text-align: right;
    margin-top: 2em;
}

#calendar { }
    
    div.calendar-title {
        background: #0c72bb;
        color: #fff;
        margin-bottom: 2px;
        overflow: hidden;
        width: 125px;
        font-size: 10px;
    }
        div.calendar-title span { padding: 0 5px; }

    table.calendar-month { width: 125px; }
    table.calendar-month th,
    table.calendar-month td {
        border: 1px solid #ccc;
        background: #fff;
        vertical-align: middle;
        text-align: center;
        font-size: 0.6em;
    }

table.calendar-month { margin-bottom:0; border-collapse: collapse; }
    table.calendar-month td.selected-day { background: #f2cbd4; color: #fff; }
    td.other-month { color: #ccc; }

#login-form { width:80px; margin:45px 0 0 50px; }
    #login-form div.row { overflow: hidden; margin: 1px 0 1px; }
    #login-form input {
        padding:1px;
        margin:0;
        border:0;
        background:transparent;
        height:15px;
        color:#838383;
    }
    #login-form div.text { background:url(../images/login-input.jpg) no-repeat; }
    #login-form div.submit { background:url(../images/login-submit.jpg) no-repeat; }
    #login-form #login {
        width: 80px;
    }
    #login-form #password {
        float: left;
        width: 61px;
    }
    #login-form #submit {
        float: right;
        width: 15px;
    }

#menu { margin-top: 0em; }
    #menu ul { list-style: none; }
    #menu li { float: left; margin: 0 8px 0 0; }
    #menu li a { color: #0c72bb; font-size: 12px; }
    #menu li.selected { background: #ec008c; }
    #menu li.selected a { color: #fff; padding: 0 4px; text-decoration: none;
        font-weight: 700; }
#submenu { margin-top: 0em; list-style: none; }
    #submenu li { float: left; margin: 0 12px 0 0; }
    #submenu li a { color: #0c72bb; font-size: 11px; }
    #submenu li.selected a { color: #ec008c; text-decoration: none; }

#content {
    height: 480px;
    margin-top:0.5em;
}

div.block {
    height: 162px;
    font-size: 11px;
    background: #f7f8f8;
    margin-top: 6px;
    margin-bottom: 6px;
    box-shadow: 3px 3px 5px #ddd;
    -webkit-box-shadow: 3px 3px 5px #ddd;
    -moz-box-shadow: 3px 3px 5px #ddd;
}
    div.block div { padding: 1em; }

.title { color: #ec008c; font-size: 1.5em; text-decoration: underline; margin-bottom: 0.6em; }

#lastnews { }

#lastreports { }
    #lastreports ul { list-style: none; }
    #lastreports li { margin-left: 0; }

#sidebar { text-align: center; }
    .sidebar-block { 
        margin-bottom: 1em;
        font-size:10px;
        padding: 0.5em;
        text-align: center;
    }
    .sidebar-block h6 { margin-bottom: 0; text-align: left; }

.block-1 {
    height: 150px;
    width: 120px;
}
.block2 { padding: 1em; }

.bg-g {
    background-color: #f7f8f8;
}
.shadow {
    box-shadow: 3px 3px 5px #ddd;
    -webkit-box-shadow: 3px 3px 5px #ddd;
    -moz-box-shadow: 3px 3px 5px #ddd;
}

a.selected { color: #ec008c; }