@media screen {

    body {
        background-color: #49729a;
        margin: 0px;
        cursor: default;
        font-family: 'Segoe UI', 'Segoe WP', Arial;
        background-image: url('grad.png');
        background-position: top center;
        border: 0px;
    }
    
    a {
        outline-style: none;
    }

    #background {
        background-image: url('background.png');
        background-position: center 70px;
        background-repeat: no-repeat;
        height: 1000px;
    }

    #toolbar {
        height: 85px;
        background-image: url('toolbar.png');
        background-repeat: repeat-x;
        background-position: left top;
        margin-bottom: 15px;
        min-width: 1004px;
    }

    #toolbarback {
        color: #ffffff;
        float: right;
        text-align: right;
        background-image: url('toolbartop.png');
        width: 987px;
        height: 22px;
        line-height: 19px;
    }

    #toolbarcontent {
        padding-right: 12px;
    }

    #toolbarback a {
        font-size: 12px;
        font-weight: bold;
        color: #ffffff;
        text-decoration: none;
    }

    #toolbarback a:hover {
        color: #ffcf01;
    }

    #glasstop {
        width: 1004px;
        height: 10px;
        background-image: url('glasstop.png');
        background-repeat: no-repeat;
        margin: 0px auto;
    }

    #glassmain {
        width: 1004px;
        background-image: url('glassmain.png');
        background-repeat: repeat-y;
        margin: 0px auto;
    }

    #glassbottom {
        width: 1004px;
        height: 30px;
        background-image: url('glassbottom.png');
        background-position: center top;
        background-repeat: no-repeat;
        margin: 0px auto;
    }

    #main {
        width: 984px;
        background-color: #ffffff;
        margin-left: 10px;
        font-size: 0.8em;
    }

    #maintop {
        width: 984px;
        height: 30px;
        margin: 0px auto;
        text-indent: 10px;
        font-size: 20px;
        line-height: 30px;
        color: #000000;
    }
    
    #maintop img {
        float: right;
    }

    #mainbottom {
        width: 984px;
        height: 6px;
        background-image: url('mainbottom.png');
        background-repeat: no-repeat;
        margin: 0px auto;
    }

    #header {
        width: 984px;
        height: 300px;
    }

    #headershade {
        width: 984px;
        height: 300px;
        background-image: url('topover.png');   
    }

    #content {
        padding: 0px 0px 4px 0px;
        background-repeat: no-repeat;
        min-height: 530px;
    }

    #sidebar {
        float: right;
        width: 325px;
        border-spacing: 2px;
        font-size: 0.85em;
        background-image: url('sidebar.png');
        margin-left: 15px;
        padding-top: 4px;
    }

    #sidebar th {
        vertical-align: top;
        text-align: left;
    }
    
    #sidebar th.header {
        padding-top: 5px;
        font-size: 1.15em;
        background-image: url('sidebar.png');
    }

    #nadpis {
        background-image: url('whitebackground.png');
        background-repeat: no-repeat;
        background-position: left top;
        text-indent: 7px;
        max-width: 484px;
        padding-top: 1px;
    }

    #gradient {
        width: 500px;
        height: 30px;
        background-image: url('whitegradient.png');
        background-repeat: no-repeat;
    }

    h1 {
        margin: 0px;
        padding: 0px;
        font-size: 20px;
        font-family: Arial;
        text-align: left;
    }
    
    h2 {
        color: #2b58ab;
        font-size: 1.6em;
        font-style: italic;
        font-weight: bold;
        margin: 6px 0px 2px 15px;
        text-align: left;
    }
    
    h3 {
        color: #2b58ab;
        font-size: 1.25em;
        font-style: italic;
        font-weight: bold;
        margin: 4px 0px 0px 15px;
        padding: 0px;
        text-align: left;
    }
    
    h4 {
        color: #2b58ab;
        font-size: 1em;
        font-style: italic;
        font-weight: bold;
        margin: 4px 0px 0px 15px;
        padding-left: 0px;
        text-align: left;
    }

    p {
        margin: 0px;   
        padding: 0px 15px 4px 15px;
        text-align: justify;
    }
    
    p.date {
        padding-top: 10px;
        text-align: left;
        color: #353535;
        font-size: 0.85em;
    }
    
    p:nth-child(2) {
        padding-top: 10px;
    }
    
    strong {
        color: #2b58ab;
        font-weight: bold;
    }
    
    #references {
        font-family: 'Segoe UI', 'Segoe WP', Verdana;
        font-size: 0.85em;
        color: #353535;
        margin-bottom: 10px;
    }
    
    #references ul {
        list-style-type: none;
        margin: 0px 15px 0px 15px;
        padding: 0px;
    }
    
    #references li {
        margin: 0px;
        padding: 0px;
    }
    
    #references cite {
        font-style: normal;
    }
    
    #references cite span {
        text-transform: uppercase;
    }
    
    #references a {
        text-decoration: none;
        color: #353535;
    }
    
    #socialite-container {
        margin-bottom: 5px;
    }

    #adv {
        margin: 20px auto 0 auto;
        width: 728px;
        height: 90px;
    }

}

@media print {
    
    body {
        font-family: Arial;
    }

    #toolbar {
        display: none;
    }

    #glasstop {
        display: none;
    }

    #gradient {
        display: none;
    }

    #header {
        display: none;
    }
    
    #sidebar {
        float: right;
        width: 325px;
        border-spacing: 2px;
        font-size: 0.85em;
        margin-left: 7px;
        padding-top: 4px;
    }

    #sidebar th {
        vertical-align: top;
        text-align: left;
    }
    
    #sidebar th.header {
        font-size: 1.2em;
    }

    #nadpis {
        max-width: 484px;
        padding-top: 1px;
    }

    h1 {
        margin: 0px;
        padding: 0px;
        font-size: 1.8em;
    }
    
    h2 {        
        margin: 6px 0px 2px 7px;
        font-size: 1.6em;
        text-align: left;
    }
    
    h3 {
        font-size: 1.25em;
        margin: 4px 0px 0px 7px;
        padding: 0px;
        text-align: left;
    }
    
    h4 {
        font-size: 1em;
        margin: 4px 0px 0px 7px;
        padding-left: 0px;
        text-align: left;
    }

    p {
        margin: 0px;   
        padding: 7px 7px 0px 7px;
    }
    
    p.date {
        padding-top: 10px;
        text-align: left;
        font-size: 0.85em;
    }
    
    #references {
        font-size: 0.85em;
    }
    
    #references ul {
        list-style-type: none;
        margin: 0px 7px 0px 7px;
        padding: 0px;
    }
    
    #references li {
        margin: 0px;
        padding: 0px;
    }
    
    #references cite {
        font-style: normal;
    }
    
    #references cite span {
        text-transform: uppercase;
    }
    
    #references a {
        text-decoration: none;
        color: black;
    }

    #adv {
        display: none;
    }

}