body
{
    padding         : 20px;
    background  : linear-gradient(#006070 0px, #006070 0px 120px, white 130px) no-repeat;

    &.ecur
    {
        background  : linear-gradient(#614ba6 0px,  white 160px) no-repeat;
    }
    &.vmeste
    {
        background  : linear-gradient(#2e193d 0px , #2e193d 120px, #614ba6 130px,  white 140px) no-repeat;
    }
}

h1 
{
    font-weight : normal;
    
    .pageTitle &
    {
        color       : white;
        margin-top  : 10px;
    }
    .ecur .pageTitle &
    {
        color       : #2e193d;
        margin-top  : 10px;
    }
    
}
h2
{
    font-weight : normal;
    margin-top  : 50px;
}
h3
{
    font-weight : 100;
    margin-top  : 30px;
}
h4.blockTitle
{
    font-weight : normal;
    margin      : 0px;
    cursor      : pointer;
    font-size   : 20px;
    color       : #444;

    .ecur &:hover
    {
        color   : #0065ff;
    }

    .vmeste &:hover
    {
        color   : #614ba6;
        text-shadow: #614ba666 0px 0px 10px;
    }
}
a
{
    .main &
    {
        color   : #006070;
        text-decoration: none;

        &:hover
        {
            color   : #00a8b0;
            text-decoration: underline;
        }
    }
}
.small
{
    font-size   : small;
}
.gray
{
    color       : gray;
}

ul.records 
{
    margin      : 0px;
    padding     : 0px;
    list-style-type: none;

    li
    {
        box-shadow      : 0px 0px 20px rgb(97,75,166,0.1);
        padding         : 20px;
        border-radius   : 20px;
    }
}

.collapsible-box
{
    display             : none;

    div
    {
        margin-top      : 20px;
        margin-bottom   : 20px;
        color           : #666;
    }
}