@media screen {

/**
 * Layout
 */
html {margin:0; padding:0;}
body {
    margin:0;
    padding:0;
    font:normal 80% Arial, Helvetica, sans-serif;
    text-align:left;
    background:#fff5f5;
    color:#3a0000;
}

b.corner {
    position:absolute;
    width:1px;
    height:1px;
    font-size:1px;
    line-height:1px;
    overflow:hidden;
    background:#ffe5e5;
    font-weight:normal;
}
b.lt {left:0px; top:0px;}
b.rt {right:0px; top:0px;}
b.lb {left:0px; bottom:0px;}
b.rb {right:0px; bottom:0px;}

.strong {font-weight:bold;}
div.clear {clear:both; height:1px; overflow:hidden; font-size:1px;}

div.holder {text-align:center; clear:both;}
div.holder div.content {width:980px; text-align:left; margin:0px auto;}

div#header div.content {position:relative; height:90px;}

div.Header {text-align:left; float:left; position:absolute}
div.Header h1,
div.Header h2 {
    font-weight:normal;
    color:#b30000;
    white-space:nowrap;
    font-size:28px;
    padding-left:15px
}

h1.slogan {
    position:absolute;
    right:0;
    top:15px;
    font-weight:normal;
    color:#cc0000;
}

div#footer {margin-bottom:25px; color:#660000;}

div#topDecoration {clear:both; height:24px}
div#topDecoration div.one {height:12px; overflow:hidden; background:#990000;}
div#topDecoration div.two {height:12px; overflow:hidden; background:#cc0000;}

div#bottomDecoration {clear:both; height:24px; position:relative;}
div#bottomDecoration div.one {height:12px; overflow:hidden; background:#cc0000;}
div#bottomDecoration div.two {height:12px; overflow:hidden; background:#990000;}

ul#bottonNavigation {margin:0; padding:0; list-style:none; float:left; height:50px; font-size:85%}
ul#bottonNavigation li {
    margin:10px 0 0;
    padding:0 15px;
    list-style:none;
    float:left;
    border-right:1px dashed #cc6666;
}
ul#bottonNavigation li.last {border-right-style:none;}

div#body {width:980px;}

div#body div.column {display:block}
div#body div#left.column {float:left; overflow:hidden; width:400px}
div#body div#right.column {float:right; width:325px}

p.submitbutton {margin:0px 0 0 100px;}
.button, .submit {
    cursor:pointer;
    background:#cc0000;
    color:#ffffff;
    border:1px solid #990000;
}

.button:hover, .submit:hover {
    background:#990000;
}

div.QuickSearch {width:300px; overflow:hidden; margin:0 auto; text-align:left; display:block}
div.QuickSearch h2 {
    font-weight:normal;
    padding-top:20px;
    font-size:20px;
    text-align:center;
    color:#b30000;
}

div.QuickSearch .button.common {
    width:185px;
    height:45px;
    margin-left:100px;
    font-size:22px;
    font-weight:normal;
    background:#cc0000;
    color:#ffffff;
    border:1px solid #990000;
}

.SearchResult {display:block; float:left; padding-top:25px; overflow:hidden; width:100%}
div.simple div.member {border:none; width:76px; height:95px}
div.member div.info {display:none}

div.Registration {
    overflow:hidden;
    width:295px;
    margin:0;
    background:#ffe5e5;
    padding:10px;
}

div.Registration h1,
div.Registration h2 {
    color:#b30000;
    font-size:20px;
    font-weight:normal;
}

div.Registration input.submit {
    width:185px;
    height:50px;
    line-height:50px;
    color:#ffffff;
    font-weight:normal;
    font-size:22px;
    margin-top:5px;
    background-color:#cc0000;
    border:1px solid #990000;
}

div.Registration dd input {width:99%; border:1px solid #cc6666;}
div.Registration dd input.checkbox {width:auto}

h1.onlineCounter,
h2.onlineCounter {
    font-weight:normal;
    font-size:16px;
    color:#cc0000;
}

h1.onlineCounter strong,
h2.onlineCounter strong {
    font-weight:normal;
    font-size:30px;
    color:#990000;
}

h1.onlineCounter span.online,
h2.onlineCounter span.online {
    color:#660000;
    font-size:26px;
    background:none;
    text-transform:none;
}

h1.onlineCounter span.online small,
h2.onlineCounter span.online small {
    font-size:16px;
}

a {
    color:#cc0000;
    text-decoration:none;
}

a:hover {
    color:#990000;
    text-decoration:underline;
}

}


/* WebKit Fix */
@media screen and (-webkit-min-device-pixel-ratio:0) {
div.Registration dl dt {margin-bottom:0 !important}
div.Registration dl dd {margin-bottom:0 !important}
dd p.warning {margin:3px 0}
div.QuickSearch dl dt {margin-bottom:0 !important}
div.QuickSearch dl dd {margin-bottom:0 !important}
}

/* ===================================== */
/* MINIMAL RESPONSIVE FIX (NE DIRATI IZNAD) */
/* ===================================== */

/* Sprječava horizontalni scroll */
html, body {
    max-width:100%;
    overflow-x:hidden;
}

/* Tablet i manji laptopi */
@media screen and (max-width:1024px) {

    div.holder div.content,
    div#body {
        width:100%;
        max-width:980px;
    }

    div#body div#left.column,
    div#body div#right.column {
        float:none;
        width:100%;
    }

}

/* Mobiteli */
@media screen and (max-width:768px) {

    div.holder div.content,
    div#body {
        width:100%;
        max-width:100%;
    }

    div#body div#left.column,
    div#body div#right.column {
        float:none;
        width:100%;
    }

    ul#bottonNavigation {
        float:none;
        height:auto;
    }

    ul#bottonNavigation li {
        float:none;
        border-right:none;
        border-bottom:1px dashed #cc6666;
        padding:8px 0;
    }

    div.QuickSearch,
    div.Registration {
        width:100%;
    }

    div.QuickSearch .button.common,
    div.Registration input.submit {
        width:100%;
        margin-left:0;
    }

    p.submitbutton {
        margin-left:0;
    }

}

/*484014.1.86.7.88445ab*/