/* =============================================================================
   App specific CSS file.

   This is usually where the site/app's CSS specific rules are setup. Note that you could
   do exactly the same using less by adding a '@import "app.less";' at the end of
   css/less/bootstrap.less file.

   ========================================================================== */


.default_hide .news_body {
    display: none;
}
.default_hide .news_hide {
    display: none;
}
.default_show .news_show {
    display: none;
}

.default_hide .tender_body {
    display: none;
}
.default_hide .tender_hide {
    display: none;
}
.default_show .tender_show {
    display: none;
}

/* STATIC ELEMENTS =============================
================================================
*/

/* positioning & reset elements */

body, html {
    overflow-x: hidden;
}

html {
    max-width: 1366px;
    margin: 0 auto;
    background: #ffffff;
    position: relative;
}

.floatLeft {
    float: left;
}

.floatRight {
    float: right;
}

.resetPadding {
    padding: 0;
}

.resetMargin {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
}

.marginBottom15 {
    margin-bottom: 100px;
}

.cleanList {
        list-style: none;
        padding: 0;
    }

@media (min-width: 992px){
    .zdjecieMockup3strona { /* placeholder */
        width: 352px;
        height: 234px;
        background-color: #f0f0f0;
        background-image: url('/static/img/photo_sm.png?b8403ccccd81');
    }
}

/* content container */

@media (min-width: 992px) {
    .contentContainer {
        padding-left: 100px;
        padding-right: 100px;
    }
}

@media (max-width: 992px) {
    .contentContainer {
        padding-left: 0;
        padding-right: 0;
    }
}

/* responsive container for text */

@media (max-width: 992px) {
    .textContainer {
        padding-left: 20px;
        padding-right: 20px;
    }
}

/* fonts */

h1 {
    font-size: 29px;
    font-family: 'Arial', sans-serif;
}

h2 {
    font-size: 29px;
    font-family: 'Arial', sans-serif;
}

h3 {
    font-size: 21px;
    font-family: 'Arial', sans-serif;
}

h4 {
    font-size: 16px;
    font-weight: bold;
}

h5 {
    font-size: 18px;
    font-weight: bold;
}

/* backgrounds */

.shadowBg {
    background-color: #f7f7f7;
    padding-bottom: 23px;
}

.whiteBg {
    background-color: white;
    padding-bottom: 23px;
}

/* lines */

.underline {
        width: 100%;
        margin-bottom: 20px;
        border-bottom-style: solid;
        border-bottom-color: #0ac256;
        border-bottom-width: 2px;
}

.contractorPage .underline {
        width: 100%;
        margin-bottom: 20px;
        border-bottom-style: solid;
        border-bottom-color: #0ac256;
        border-bottom-width: 2px;
        margin-top: -5px;
}

.contactPage .underline {
        width: 100%;
        margin-bottom: 20px;
        border-bottom-style: solid;
        border-bottom-color: #0ac256;
        border-bottom-width: 2px;
        margin-top: -5px;
}

.residentPage .underline {
        width: 100%;
        margin-bottom: 20px;
        border-bottom-style: solid;
        border-bottom-color: #0ac256;
        border-bottom-width: 2px;
        margin-top: -5px;
}

.housingAssociationPage .underline {
        width: 100%;
        margin-bottom: 20px;
        border-bottom-style: solid;
        border-bottom-color: #0ac256;
        border-bottom-width: 2px;
        margin-top: -5px;
}

.dotUnderline {
    width: 100%;
    height: 1px;
    margin-bottom: 30px;
    margin-top: 30px;
    background-image: url('/static/img/dottedLine.png?1b9104b416f0');

}

/* big icons */

.bigIco {
    margin-bottom: 5px;
    margin-right: 30px;
    margin-left: 10px;
}

/* links */

.blueLink a {
    text-decoration: underline;
}

.blueLink a:hover{
    color: #004a9b !important;
    text-decoration: underline;
    }

.blueLink a:active {
    color: #004a9b !important;
    text-decoration: underline;
}

.blueLink a:focus {
    color: #004a9b !important;
    text-decoration: underline;
}

/* dots */

.blueDot {
    list-style: url('/static/img/bluedot.png?1b9104b416f0');
}

.greenDot {
    list-style: url('/static/img/greendot.png?1b9104b416f0');
}

/* select */

@media (min-width: 768px) {
    .contactPage select {
        width: 260px;
        height: 40px;
        padding-left: 10px;
        margin-right: -20px;
        border-style: solid;
        border-width: 1px;
        border-radius: 0px 5px 5px 0px;
        border-color: #b1b1b1;
        background: white url('/static/img/paginator_triangle.png?1b9104b416f0') 95% no-repeat;
        outline: none;
        margin-top: 5px;
        margin-bottom: 5px;
        text-indent: none;

        background:none\9\0;

        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }
}

@media (max-width: 768px) {
    .contactPage select {
        width: 95%;
        height: 40px;
        padding-left: 10px;
        margin-right: -20px;
        border-style: solid;
        border-width: 1px;
        border-radius: 0px 5px 5px 0px;
        border-color: #b1b1b1;
        background: white url('/static/img/paginator_triangle.png?1b9104b416f0') 95% no-repeat;
        outline: none;
        margin-top: 5px;
        margin-bottom: 5px;
        text-indent: none;

        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }
}

select {
        padding-right: 20px;
        border-style: solid;
        border-width: 1px;
        border-radius: 5px;
        border-color: #b1b1b1;
        background: white url('/static/img/paginator_triangle.png?1b9104b416f0') 95% no-repeat;
        outline: none;
        margin: 0;

        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;

        padding-right: 5px\9\0;
}

.selectPage {
        padding-right: 20px;
        border-style: solid;
        border-width: 1px;
        border-radius: 5px;
        border-color: black;
        background: white url('/static/img/paginator_triangle.png?1b9104b416f0') 95% no-repeat;
        outline: none;
        max-width: 150px;

        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;

        padding-right: 5px\9\0;
}

/* buttons */

.blueButton {

    margin-top: 25px;
    margin-left: -15px;
    padding-left: 5px !important;
    padding-right: 5px !important;
    padding-top: 3px !important;
    width: 180px;
    height: 27px;
    border-radius: 5px;
    border: none;
    text-decoration: none !important;

    /* gradient */

    background: #2a9ccb; /* Old browsers */
    background: -moz-linear-gradient(top, #2a9ccb 0%, #2fade2 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2a9ccb), color-stop(100%,#2fade2)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #2a9ccb 0%,#2fade2 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #2a9ccb 0%,#2fade2 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #2a9ccb 0%,#2fade2 100%); /* IE10+ */
    background: linear-gradient(to bottom, #2a9ccb 0%,#2fade2 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a9ccb', endColorstr='#2fade2',GradientType=0 ); /* IE6-9 */


    /* shadows */

    -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.65);
    -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.65);
    box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.65);
}

.blueButton:hover {
    /* gradient */

        background: #085f8b; /* Old browsers */
        background: -moz-linear-gradient(top, #085f8b 0%, #09699a 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#085f8b), color-stop(100%,#09699a)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #085f8b 0%,#09699a 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #085f8b 0%,#09699a 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #085f8b 0%,#09699a 100%); /* IE10+ */
        background: linear-gradient(to bottom, #085f8b 0%,#09699a 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#085f8b', endColorstr='#09699a',GradientType=0 ); /* IE6-9 */
}

.blueButton a {
    color: white;
}

.blueButton a:hover {
    text-decoration: none;
    color: white;
}

.blueButtonBigger {

    margin-top: 25px;
    padding-left: 5px !important;
    padding-right: 5px !important;
    padding-top: 3px !important;
    width: 215px;
    height: 27px;
    color: white;
    border-radius: 5px;
    border: none;
    text-decoration: none !important;

    /* gradient */

    background: #2a9ccb; /* Old browsers */
    background: -moz-linear-gradient(top, #2a9ccb 0%, #2fade2 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2a9ccb), color-stop(100%,#2fade2)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #2a9ccb 0%,#2fade2 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #2a9ccb 0%,#2fade2 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #2a9ccb 0%,#2fade2 100%); /* IE10+ */
    background: linear-gradient(to bottom, #2a9ccb 0%,#2fade2 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a9ccb', endColorstr='#2fade2',GradientType=0 ); /* IE6-9 */


    /* shadows */

    -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.65);
    -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.65);
    box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.65);
}

.blueButtonBigger:hover {
    /* gradient */

        background: #085f8b; /* Old browsers */
        background: -moz-linear-gradient(top, #085f8b 0%, #09699a 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#085f8b), color-stop(100%,#09699a)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #085f8b 0%,#09699a 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #085f8b 0%,#09699a 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #085f8b 0%,#09699a 100%); /* IE10+ */
        background: linear-gradient(to bottom, #085f8b 0%,#09699a 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#085f8b', endColorstr='#09699a',GradientType=0 ); /* IE6-9 */
}

.blueButtonBigger a {
    color: white;
}

.blueButtonBigger a:hover {
    text-decoration: none;
    color: white;
}

.blueButtonRN {

    margin-top: 25px;
    padding-left: 5px !important;
    padding-right: 5px !important;
    padding-top: 3px !important;
    width: 145px;
    height: 27px;
    color: white;
    border-radius: 5px;
    border: none;
    text-decoration: none !important;

    /* gradient */

    background: #2a9ccb; /* Old browsers */
    background: -moz-linear-gradient(top, #2a9ccb 0%, #2fade2 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2a9ccb), color-stop(100%,#2fade2)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #2a9ccb 0%,#2fade2 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #2a9ccb 0%,#2fade2 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #2a9ccb 0%,#2fade2 100%); /* IE10+ */
    background: linear-gradient(to bottom, #2a9ccb 0%,#2fade2 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a9ccb', endColorstr='#2fade2',GradientType=0 ); /* IE6-9 */


    /* shadows */

    -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.65);
    -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.65);
    box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.65);
}

.blueButtonRN:hover {
    /* gradient */

        background: #085f8b; /* Old browsers */
        background: -moz-linear-gradient(top, #085f8b 0%, #09699a 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#085f8b), color-stop(100%,#09699a)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #085f8b 0%,#09699a 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #085f8b 0%,#09699a 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #085f8b 0%,#09699a 100%); /* IE10+ */
        background: linear-gradient(to bottom, #085f8b 0%,#09699a 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#085f8b', endColorstr='#09699a',GradientType=0 ); /* IE6-9 */
}

.blueButtonRN a {
    color: white;
}

.blueButtonRN a:hover {
    text-decoration: none;
    color: white;
}

/* NAVIGATION ==================================
================================================
*/

/* MENU > 1024px ==============================
*/

/* not responsive elemenets */

.header a {
    color: black;
}

.header .active a {
    color: #0b9444;
    font-weight: bold;
}

.header a:hover {
    color: #0b9444 !important;
    text-decoration: none;
}

.header a:active {
    color: #0b9444 !important;
    text-decoration: none;
}

.header a:focus {
    color: #0b9444 !important;
    text-decoration: none;
}



@media (min-width: 1150px) {
    .space {
        margin-top: 80px;
    }

    .goSmall {
    margin-top: -16px !important;
    }

    .goSmallLogo {
    margin-top: -14px !important;
    }
}

@media (min-width: 768px) and (max-width: 1150px) {
    .space {
        margin-top: 80px;
    }
}

@media (max-width: 768px) {
    .space {
        margin-top: 50px
    }
}

/* menu > 1366 px */

@media (min-width: 1400px) {

    /* header elements */

    .header {
        position: fixed;
        width: 100%;
        max-width: 1366px;
        height: 80px;
        border-bottom-color: #bdbdbd;
        border-bottom-style: solid;
        border-bottom-width: 1px;
        font-family: 'Arial', sans-serif;
        font-size: 15px;
        background-color: white;
        z-index: 109;
    }

    .header .active {
        background-image: url('/static/img/active_link.png?1b9104b416f0');
        background-repeat: no-repeat;
        background-position: center;
    }

    .header .staticLogo {
        margin-left: 100px;
        padding-top: 18px;
        padding-right: 63px;
    }

    .header ul {
        position: absolute;
        right: 0px;
        padding-top: 32px;
        height: 50px;
        width: 780px;
    }

    .header li {
        padding-top: 70px;
        display: inline;
        margin-right: 15px;
    }

    .header .homeIco {
        display: inline;
        background-image: url('/static/img/home_ico_noactive.png?1b9104b416f0');
        background-repeat: no-repeat;
        background-position: center;
        width: 14px;
        height: 13px;
        margin-top: -4px;
        padding-left: 30px;
        padding-right: 30px;
    }

    .header .homeIco:hover {
        display: inline;
        background-image: url('/static/img/home_ico.png?1b9104b416f0');
        background-repeat: no-repeat;
        background-position: center;
        width: 14px;
        height: 13px;
        margin-top: -4px;
        padding-left: 30px;
        padding-right: 30px;
    }

    .header .active .homeIco {
        display: inline;
        background-image: url('/static/img/home_ico.png?1b9104b416f0');
        background-repeat: no-repeat;
        background-position: center;
        width: 14px;
        height: 13px;
        margin-top: -4px;
        padding-left: 30px;
        padding-right: 30px;
    }

    .header #menu {
        display: none;
    }

    #menuContent {
        margin: 0;
        display: block;
    }
}

@media (max-width: 480px) {

    .header .staticLogo {
        margin-left: 10px;
        margin-top: 10px;
        padding-right: 63px;
        max-width: 200px;
}
}

@media (min-width: 1150px) and (max-width: 1400px) {

    /* header elements */

    .header {
        position: fixed;
        width: 100%;
        height: 80px;
        border-bottom-color: #bdbdbd;
        border-bottom-style: solid;
        border-bottom-width: 1px;
        font-family: 'Arial', sans-serif;
        font-size: 15px;
        background-color: white;
        z-index: 109;
    }

    .header .active {
        background-image: url('/static/img/active_link.png?1b9104b416f0');
        background-repeat: no-repeat;
        background-position: center;
    }

    .header .staticLogo {
        margin-left: 100px;
        padding-top: 18px;
        padding-right: 63px;
    }

    .header ul {
        position: absolute;
        right: 80px;
        padding-top: 32px;
        height: 50px;
        width: 780px;
    }

    .header li {
        padding-top: 70px;
        display: inline;
        margin-right: 15px;
    }

    .header .homeIco {
        display: inline;
        background-image: url('/static/img/home_ico_noactive.png?1b9104b416f0');
        background-repeat: no-repeat;
        background-position: center;
        width: 14px;
        height: 13px;
        margin-top: -4px;
        padding-left: 30px;
        padding-right: 30px;
    }

    .header .homeIco:hover {
        display: inline;
        background-image: url('/static/img/home_ico.png?1b9104b416f0');
        background-repeat: no-repeat;
        background-position: center;
        width: 14px;
        height: 13px;
        margin-top: -4px;
        padding-left: 30px;
        padding-right: 30px;
    }

    .header .active .homeIco {
        display: inline;
        background-image: url('/static/img/home_ico.png?1b9104b416f0');
        background-repeat: no-repeat;
        background-position: center;
        width: 14px;
        height: 13px;
        margin-top: -4px;
        padding-left: 30px;
        padding-right: 30px;
    }

    .header #menu {
        display: none;
    }

    #menuContent {
        margin: 0;
        display: block;
    }
}

/* MENU < 1024px > 768px =======================
*/

@media (min-width: 768px) and (max-width: 1150px) {

    /* header elements */

     .header {
        position: fixed;
        width: 100%;
        height: 80px;
        border-bottom-color: #bdbdbd;
        border-bottom-style: solid;
        border-bottom-width: 1px;
        font-family: 'Arial', sans-serif;
        background-color: white;
        font-size: 13px;
        z-index: 109;
    }

    .header .active {
        background-image: url('/static/img/active_link.png?1b9104b416f0');
        background-repeat: no-repeat;
        background-position: center;
    }

    .header .staticLogo {
        margin-left: 15px;
        padding-top: 18px;
        padding-right: 20px;
    }

    .header ul {
        position: absolute;
        right: 15px;
        margin-right: 10px;
        padding-top: 32px;
    }

    .header li {
        float: left;
        max-width: 95px;
        padding-top: 80px;
        margin-top: -75px;
        text-align: center;
        list-style: none;
    }

    .headerLiCorector {
        margin-top: -15px;
    }

    .header li a {
        display: block;
    }

    .header .homeIco {
        display: inline;
        background-image: url('/static/img/home_ico_noactive.png?1b9104b416f0');
        background-repeat: no-repeat;
        background-position: center;
        width: 14px;
        height: 13px;
        padding-left: 30px;
        padding-right: 30px;
    }

    .header .homeIco:hover {
        display: inline;
        background-image: url('/static/img/home_ico.png?1b9104b416f0');
        background-repeat: no-repeat;
        background-position: center;
        width: 14px;
        height: 13px;
        margin-top: -4px;
        padding-left: 30px;
        padding-right: 30px;
    }

    .header .active .homeIco {
        display: inline;
        background-image: url('/static/img/home_ico.png?1b9104b416f0');
        background-repeat: no-repeat;
        background-position: center;
        width: 14px;
        height: 13px;
        margin-top: -4px;
        padding-left: 30px;
        padding-right: 30px;
    }

    .header #menu {
        display: none;
    }

    #menuContent {
        display: block;
    }

}

/* MENU < 768px ================================
*/

@media (max-width: 768px) {
    /* header elements */

    .header {
        position: fixed;
        width: 100%;
        height: 50px;
        border-bottom-color: #bdbdbd;
        border-bottom-style: solid;
        border-bottom-width: 1px;
        font-family: 'Arial', sans-serif;
        font-size: 15px;
        background-color: white;
        z-index: 109;
    }

    .header .active {
        background-image: url('/static/img/active_link_small.png?1b9104b416f0');
        background-repeat: no-repeat;
        background-position: left;
    }

    .header .staticLogo {
        padding-top: 5px;
        padding-left: 20px;
    }

    .header ul {
        margin-top: 10px;
        position: absolute;
        right: 0;
        background-color: white;
        z-index: 105;
        width: 250px;
        padding-bottom: 20px;
        padding-top: 20px;
        padding-right: 20px;

        /* shadow */

        -webkit-box-shadow: 5px 5px 5px -3px rgba(0,0,0,0.75);
        -moz-box-shadow: 5px 5px 5px -3px rgba(0,0,0,0.75);
        box-shadow: 5px 5px 5px -3px rgba(0,0,0,0.75);
    }

    .header li {
        margin-left: -40px;
        padding-left: 40px;
        margin-top: -10px;
        padding-top: 10px;
        height: 48px;
        list-style: none;
    }

    .header .homeIco {
        display: inline;
        background-image: url('/static/img/home_ico_noactive.png?1b9104b416f0');
        background-repeat: no-repeat;
        background-position: center;
        width: 14px;
        height: 13px;
        padding-right: 30px;
    }

    .header .homeIco:hover {
        display: inline;
        background-image: url('/static/img/home_ico.png?1b9104b416f0');
        background-repeat: no-repeat;
        background-position: center;
        width: 14px;
        height: 13px;
        margin-top: -4px;
        padding-right: 30px;
    }

    .header .active .homeIco {
        display: inline;
        background-image: url('/static/img/home_ico.png?1b9104b416f0');
        background-repeat: no-repeat;
        background-position: center;
        width: 14px;
        height: 13px;
        margin-top: -4px;
        padding-right: 30px;
    }


    #menuContent {
        display: none;
    }

    .header #menu {
        float: right;
        margin-top: -25px;
        padding-top: 40px;
        margin-right: 40px;
        display: block;
        font-size: 14px;
        font-family: 'Arial', sans-serif;
        cursor: pointer;
        color: #0b9444;

        background-image: url('/static/img/menu_ico.png?1b9104b416f0');
        background-repeat: no-repeat;
        background-position: center;

    }
}

/* FOOTER ======================================
================================================
*/

footer {
    width: 100%;
    height: 55px;
    background-color: #0b9444;
    margin-top: 20px;
}

@media (min-width: 610px) {

    .mit {
        position: absolute;
        bottom: 17px;
        right: 25px;
        float: right;
        margin-right: 25px;
        color: white !important;
    }

}

@media (min-width: 430px) and (max-width: 610px) {
    .mit {
        position: absolute;
        bottom: 17px;
        right: 5px;
        float: right;
        margin-right: 25px;
        color: white !important;
        font-size: 10px;
    }
}

@media (max-width: 430px) {
    .mit {
        display: none;
    }
}

.mit:hover {
    color: white !important;
    text-decoration: none !important;
}

footer img {
    padding-top: 17px;
    display: block;
    margin: 0 auto;
}

/* SUB MENU ====================================
================================================
*/

@media (min-width: 1150px) {
    .subMenuContainer {
        width: 100%;
        max-width: 1366px;
        position: fixed;
        z-index: 100;
        height: 50px;
        background-color: #f0f0f0;
        border-bottom-color: #bdbdbe;
        border-bottom-style: solid;
        border-bottom-width: 1px;
        font-size: 15px;
        color: black;
    }

    .subMenuMarginTop {
        margin-top: 50px;
    }

    .centering {
        width: 375px;
        width: 380px\9\0;
        margin: 0 auto;
        margin-top:-10px\9\0;
    }

        .subMenuContainer .active {
        font-weight: bold;
    }

    /* icons */

        /* housing association page */

        .subMenuOrgansIco {
            margin-right: 10px;
            float: left;
            background-image: url('/static/img/organs_small_ico.png?1b9104b416f0');
            background-repeat: no-repeat;
            width: 26px;
            height: 19px;
        }

        .subMenuContainer .subMenuLink:hover .subMenuOrgansIco {
            margin-right: 10px;
            float: left;
            background-image: url('/static/img/organs_small_ico_hover.png?1b9104b416f0');
            background-repeat: no-repeat;
            width: 26px;
            height: 19px;
        }

        .subMenuContainer .subMenuLink:focus .subMenuOrgansIco {
            font-weight: bold;
            margin-right: 10px;
            float: left;
            background-image: url('/static/img/organs_small_ico_hover.png?1b9104b416f0');
            background-repeat: no-repeat;
            width: 26px;
            height: 19px;
        }

        .subMenuContainer .active .subMenuOrgansIco {
            font-weight: bold;
            margin-right: 10px;
            float: left;
            background-image: url('/static/img/organs_small_ico_hover.png?1b9104b416f0');
            background-repeat: no-repeat;
            width: 26px;
            height: 19px;
}

        .subMenuDocsIco {
            margin-right: 10px;
            float: left;
            background-image: url('/static/img/docs_small_ico.png?1b9104b416f0');
            background-repeat: no-repeat;
            width: 21px;
            height: 19px;
        }

        .subMenuContainer .subMenuLink:hover .subMenuDocsIco {
            margin-right: 10px;
            float: left;
            background-image: url('/static/img/docs_small_ico_hover.png?1b9104b416f0');
            background-repeat: no-repeat;
            width: 21px;
            height: 19px;
        }

        .subMenuContainer .subMenuLink:focus .subMenuDocsIco {
            font-weight: bold;
            margin-right: 10px;
            float: left;
            background-image: url('/static/img/docs_small_ico_hover.png?1b9104b416f0');
            background-repeat: no-repeat;
            width: 21px;
            height: 19px;
        }

        .subMenuContainer .active .subMenuDocsIco {
            margin-right: 10px;
            float: left;
            background-image: url('/static/img/docs_small_ico_hover.png?1b9104b416f0');
            background-repeat: no-repeat;
            width: 21px;
            height: 19px;
            font-weight: bold;
        }

        .subMenuWorkIco {
            margin-right: 10px;
            margin-top: 3px;
            float: left;
            background-image: url('/static/img/work_small_ico.png?1b9104b416f0');
            background-repeat: no-repeat;
            width: 16px;
            height: 13px;
        }

        .subMenuContainer .subMenuLink:focus .subMenuWorkIco {
            font-weight: bold;
            margin-right: 10px;
            margin-top: 3px;
            float: left;
            background-image: url('/static/img/work_small_ico_hover.png?1b9104b416f0');
            background-repeat: no-repeat;
            width: 16px;
            height: 13px;
        }

        .subMenuContainer .subMenuLink:hover .subMenuWorkIco {
            margin-right: 10px;
            margin-top: 3px;
            float: left;
            background-image: url('/static/img/work_small_ico_hover.png?1b9104b416f0');
            background-repeat: no-repeat;
            width: 16px;
            height: 13px;
        }

        .subMenuContainer .active .subMenuWorkIco {
            margin-right: 10px;
            margin-top: 3px;
            float: left;
            background-image: url('/static/img/work_small_ico_hover.png?1b9104b416f0');
            background-repeat: no-repeat;
            width: 16px;
            height: 13px;
            font-weight: bold;
        }
}

@media (max-width: 1150px) {
    .subMenuContainer {
        position: fixed;
        width: 100%;
        z-index: 100;
        height: 50px;
        background-color: #f0f0f0;
        border-bottom-color: #bdbdbe;
        border-bottom-style: solid;
        border-bottom-width: 1px;
        font-size: 0px;
        color: black;
    }

    .subMenuMarginTop {
        margin-top: 50px;
    }

    .centering {
        width: 180px;
        margin: 0 auto;
    }

    /* icons */

        /* housing association page */

        .subMenuOrgansIco {
            float: left;
            background-image: url('/static/img/organs_small_ico.png?1b9104b416f0');
            background-repeat: no-repeat;
            width: 26px;
            height: 19px;
        }

        .subMenuContainer .subMenuLink:hover .subMenuOrgansIco {
            float: left;
            background-image: url('/static/img/organs_small_ico_hover.png?1b9104b416f0');
            background-repeat: no-repeat;
            width: 26px;
            height: 19px;
        }

        .subMenuContainer .subMenuLink:focus .subMenuOrgansIco {
            font-weight: bold;
            float: left;
            background-image: url('/static/img/organs_small_ico_hover.png?1b9104b416f0');
            background-repeat: no-repeat;
            width: 26px;
            height: 19px;
        }

        .subMenuContainer .active .subMenuOrgansIco {
            float: left;
            background-image: url('/static/img/organs_small_ico_hover.png?1b9104b416f0');
            background-repeat: no-repeat;
            width: 26px;
            height: 19px;
        }

        .subMenuDocsIco {
            float: left;
            background-image: url('/static/img/docs_small_ico.png?1b9104b416f0');
            background-repeat: no-repeat;
            width: 21px;
            height: 19px;
        }

        .subMenuContainer .subMenuLink:hover .subMenuDocsIco {
            float: left;
            background-image: url('/static/img/docs_small_ico_hover.png?1b9104b416f0');
            background-repeat: no-repeat;
            width: 21px;
            height: 19px;
        }

        .subMenuContainer .subMenuLink:focus .subMenuDocsIco {
            font-weight: bold;
            float: left;
            background-image: url('/static/img/docs_small_ico_hover.png?1b9104b416f0');
            background-repeat: no-repeat;
            width: 21px;
            height: 19px;
        }

        .subMenuContainer .active .subMenuDocsIco {
            float: left;
            background-image: url('/static/img/docs_small_ico_hover.png?1b9104b416f0');
            background-repeat: no-repeat;
            width: 21px;
            height: 19px;
        }

        .subMenuWorkIco {
            margin-top: 3px;
            float: left;
            background-image: url('/static/img/work_small_ico.png?1b9104b416f0');
            background-repeat: no-repeat;
            width: 16px;
            height: 13px;
        }

        .subMenuContainer .subMenuLink:focus .subMenuWorkIco {
            font-weight: bold;
            margin-top: 3px;
            float: left;
            background-image: url('/static/img/work_small_ico_hover.png?1b9104b416f0');
            background-repeat: no-repeat;
            width: 16px;
            height: 13px;
        }

        .subMenuContainer .active .subMenuWorkIco {
            margin-top: 3px;
            float: left;
            background-image: url('/static/img/work_small_ico_hover.png?1b9104b416f0');
            background-repeat: no-repeat;
            width: 16px;
            height: 13px;
        }

     .subMenuContainer .subMenuLink:hover .subMenuWorkIco {
            margin-top: 3px;
            float: left;
            background-image: url('/static/img/work_small_ico_hover.png?1b9104b416f0');
            background-repeat: no-repeat;
            width: 16px;
            height: 13px;
        }
}

@media (min-width: 1250px) {
    .centeringResidentPage {
        width: 1250px;
        margin: 0 auto;
        margin-top:-10px\9\0;
        width: 1270px\9\0;
    }

    /* resident page */

    .subMenuContainer .active {
        font-weight: bold !important;
    }

        .subMenuCostIco {
            margin-right: 10px;
            margin-top: 3px;
            float: left;
            background-image: url('/static/img/cost_small_ico.png?1b9104b416f0');
            background-repeat: no-repeat;
            width: 24px;
            height: 17px;
        }

        .subMenuContainer .subMenuLink:focus .subMenuCostIco {
            font-weight: bold;
            margin-right: 10px;
            margin-top: 3px;
            float: left;
            background-image: url('/static/img/cost_small_ico_hover.png?1b9104b416f0');
            background-repeat: no-repeat;
            width: 24px;
            height: 17px;
        }

    .subMenuContainer .active .subMenuCostIco {
            margin-right: 10px;
            margin-top: 3px;
            float: left;
            background-image: url('/static/img/cost_small_ico_hover.png?1b9104b416f0');
            background-repeat: no-repeat;
            width: 24px;
            height: 17px;
        font-weight: bold;
        }

     .subMenuContainer .subMenuLink:hover .subMenuCostIco {
            margin-right: 10px;
            margin-top: 3px;
            float: left;
            background-image: url('/static/img/cost_small_ico_hover.png?1b9104b416f0');
            background-repeat: no-repeat;
            width: 24px;
            height: 17px;
        }

        .subMenuPrintIco {
            margin-right: 10px;
            margin-top: 3px;
            float: left;
            background-image: url('/static/img/print_small_ico.png?1b9104b416f0');
            background-repeat: no-repeat;
            width: 16px;
            height: 18px;
        }

        .subMenuContainer .subMenuLink:focus .subMenuPrintIco {
            font-weight: bold;
            margin-right: 10px;
            margin-top: 3px;
            float: left;
            background-image: url('/static/img/print_small_ico_hover.png?1b9104b416f0');
            background-repeat: no-repeat;
            width: 16px;
            height: 18px;
        }

    .subMenuContainer .active .subMenuPrintIco {
            margin-right: 10px;
            margin-top: 3px;
            float: left;
            background-image: url('/static/img/print_small_ico_hover.png?1b9104b416f0');
            background-repeat: no-repeat;
            width: 16px;
            height: 18px;
        font-weight: bold;
        }

     .subMenuContainer .subMenuLink:hover .subMenuPrintIco {
            margin-right: 10px;
            margin-top: 3px;
            float: left;
            background-image: url('/static/img/print_small_ico_hover.png?1b9104b416f0');
            background-repeat: no-repeat;
            width: 16px;
            height: 18px;
        }

        .subMenuRepairIco {
            margin-right: 10px;
            margin-top: 3px;
            float: left;
            background-image: url('/static/img/repairPlan_small_ico.png?1b9104b416f0');
            background-repeat: no-repeat;
            width: 16px;
            height: 15px;
        }

        .subMenuContainer .subMenuLink:focus .subMenuRepairIco {
            font-weight: bold;
            margin-right: 10px;
            margin-top: 3px;
            float: left;
            background-image: url('/static/img/repairPlan_small_ico_hover.png?1b9104b416f0');
            background-repeat: no-repeat;
            width: 16px;
            height: 15px;
        }

    .subMenuContainer .active .subMenuRepairIco {
            margin-right: 10px;
            margin-top: 3px;
            float: left;
            background-image: url('/static/img/repairPlan_small_ico_hover.png?1b9104b416f0');
            background-repeat: no-repeat;
            width: 16px;
            height: 15px;
        font-weight: bold;
        }

     .subMenuContainer .subMenuLink:hover .subMenuRepairIco {
            margin-right: 10px;
            margin-top: 3px;
            float: left;
            background-image: url('/static/img/repairPlan_small_ico_hover.png?1b9104b416f0');
            background-repeat: no-repeat;
            width: 16px;
            height: 15px;
        }

        .subMenuMeetingIco {
            margin-right: 10px;
            margin-top: 3px;
            float: left;
            background-image: url('/static/img/meeting_small_ico.png?1b9104b416f0');
            background-repeat: no-repeat;
            width: 15px;
            height: 16px;
        }

        .subMenuContainer .subMenuLink:focus .subMenuMeetingIco {
            font-weight: bold;
            margin-right: 10px;
            margin-top: 3px;
            float: left;
            background-image: url('/static/img/meeting_small_ico_hover.png?1b9104b416f0');
            background-repeat: no-repeat;
            width: 15px;
            height: 16px;
        }

    .subMenuContainer .active .subMenuMeetingIco {
            margin-right: 10px;
            margin-top: 3px;
            float: left;
            background-image: url('/static/img/meeting_small_ico_hover.png?1b9104b416f0');
            background-repeat: no-repeat;
            width: 15px;
            height: 16px;
        font-weight: bold;
        }

     .subMenuContainer .subMenuLink:hover .subMenuMeetingIco {
            margin-right: 10px;
            margin-top: 3px;
            float: left;
            background-image: url('/static/img/meeting_small_ico_hover.png?1b9104b416f0');
            background-repeat: no-repeat;
            width: 15px;
            height: 16px;
        }

        .subMenuRNIco {
            margin-right: 10px;
            margin-top: 3px;
            float: left;
            background-image: url('/static/img/RN_small_ico.png?1b9104b416f0');
            background-repeat: no-repeat;
            width: 16px;
            height: 16px;
        }

        .subMenuContainer .subMenuLink:focus .subMenuRNIco {
            font-weight: bold;
            margin-right: 10px;
            margin-top: 3px;
            float: left;
            background-image: url('/static/img/RN_small_ico_hover.png?1b9104b416f0');
            background-repeat: no-repeat;
            width: 16px;
            height: 16px;
        }

    .subMenuContainer .active .subMenuRNIco {
            margin-right: 10px;
            margin-top: 3px;
            float: left;
            background-image: url('/static/img/RN_small_ico_hover.png?1b9104b416f0');
            background-repeat: no-repeat;
            width: 16px;
            height: 16px;
        font-weight: bold;
        }

     .subMenuContainer .subMenuLink:hover .subMenuRNIco {
            margin-right: 10px;
            margin-top: 3px;
            float: left;
            background-image: url('/static/img/RN_small_ico_hover.png?1b9104b416f0');
            background-repeat: no-repeat;
            width: 16px;
            height: 16px;
        }

        .subMenuCouncilIco {
            margin-right: 10px;
            margin-top: 3px;
            float: left;
            background-image: url('/static/img/council_small_ico.png?1b9104b416f0');
            background-repeat: no-repeat;
            width: 16px;
            height: 14px;
        }

        .subMenuContainer .subMenuLink:focus .subMenuCouncilIco {
            font-weight: bold;
            margin-right: 10px;
            margin-top: 3px;
            float: left;
            background-image: url('/static/img/council_small_ico_hover.png?1b9104b416f0');
            background-repeat: no-repeat;
            width: 16px;
            height: 14px;
        }

    .subMenuContainer .active .subMenuCouncilIco {
            margin-right: 10px;
            margin-top: 3px;
            float: left;
            background-image: url('/static/img/council_small_ico_hover.png?1b9104b416f0');
            background-repeat: no-repeat;
            width: 16px;
            height: 14px;
        font-weight: bold;
        }

     .subMenuContainer .subMenuLink:hover .subMenuCouncilIco {
            margin-right: 10px;
            margin-top: 3px;
            float: left;
            background-image: url('/static/img/council_small_ico_hover.png?1b9104b416f0');
            background-repeat: no-repeat;
            width: 16px;
            height: 14px;
        }

        .subMenuUserIco {
            margin-right: 10px;
            margin-top: 3px;
            float: left;
            background-image: url('/static/img/user_small_ico.png?1b9104b416f0');
            background-repeat: no-repeat;
            width: 16px;
            height: 16px;
        }

        .subMenuContainer .subMenuLink:focus .subMenuUserIco {
            font-weight: bold;
            margin-right: 10px;
            margin-top: 3px;
            float: left;
            background-image: url('/static/img/user_small_ico_hover.png?1b9104b416f0');
            background-repeat: no-repeat;
            width: 16px;
            height: 16px;
        }

    .subMenuContainer .active .subMenuUserIco {
            margin-right: 10px;
            margin-top: 3px;
            float: left;
            background-image: url('/static/img/user_small_ico_hover.png?1b9104b416f0');
            background-repeat: no-repeat;
            width: 16px;
            height: 16px;
        font-weight: bold;
        }

     .subMenuContainer .subMenuLink:hover .subMenuUserIco {
            margin-right: 10px;
            margin-top: 3px;
            float: left;
            background-image: url('/static/img/user_small_ico_hover.png?1b9104b416f0');
            background-repeat: no-repeat;
            width: 16px;
            height: 16px;
        }
}

@media (min-width: 480px) and (max-width: 1250px) {
    .centeringResidentPage {
        width: 400px;
        margin: 0 auto;
        font-size: 0;
    }

        /* resident page */

        .subMenuCostIco {
            margin-top: 3px;
            float: left;
            background-image: url('/static/img/cost_small_ico.png?1b9104b416f0');
            background-repeat: no-repeat;
            width: 24px;
            height: 17px;
        }

            .subMenuContainer .subMenuLink:focus .subMenuCostIco {
            float: left;
            background-image: url('/static/img/cost_small_ico_hover.png?1b9104b416f0');
            background-repeat: no-repeat;
            width: 24px;
            height: 17px;
        }

    .subMenuContainer .active .subMenuCostIco {
            float: left;
            background-image: url('/static/img/cost_small_ico_hover.png?1b9104b416f0');
            background-repeat: no-repeat;
            width: 24px;
            height: 17px;
        }

    .subMenuContainer .subMenuLink:hover .subMenuCostIco {
            float: left;
            background-image: url('/static/img/cost_small_ico_hover.png?1b9104b416f0');
            background-repeat: no-repeat;
            width: 24px;
            height: 17px;
        }

    .subMenuPrintIco {
            margin-top: 3px;
            float: left;
            background-image: url('/static/img/print_small_ico.png?1b9104b416f0');
            background-repeat: no-repeat;
            width: 16px;
            height: 18px;
        }

    .subMenuContainer .subMenuLink:focus .subMenuPrintIco {
    float: left;
    background-image: url('/static/img/print_small_ico_hover.png?1b9104b416f0');
    background-repeat: no-repeat;
    width: 16px;
    height: 18px;
}

    .subMenuContainer .active .subMenuPrintIco {
        float: left;
        background-image: url('/static/img/print_small_ico_hover.png?1b9104b416f0');
        background-repeat: no-repeat;
        width: 16px;
        height: 18px;
}

    .subMenuContainer .subMenuLink:hover .subMenuPrintIco {
            float: left;
            background-image: url('/static/img/print_small_ico_hover.png?1b9104b416f0');
            background-repeat: no-repeat;
            width: 16px;
            height: 18px;
        }

    .subMenuRepairIco {
            margin-top: 3px;
            float: left;
            background-image: url('/static/img/repairPlan_small_ico.png?1b9104b416f0');
            background-repeat: no-repeat;
            width: 16px;
            height: 15px;
        }
    .subMenuContainer .subMenuLink:focus .subMenuRepairIco {
            float: left;
            background-image: url('/static/img/repairPlan_small_ico_hover.png?1b9104b416f0');
            background-repeat: no-repeat;
            width: 16px;
            height: 15px;
        }

    .subMenuContainer .active .subMenuRepairIco {
            float: left;
            background-image: url('/static/img/repairPlan_small_ico_hover.png?1b9104b416f0');
            background-repeat: no-repeat;
            width: 16px;
            height: 15px;
        }

    .subMenuContainer .subMenuLink:hover .subMenuRepairIco {
            float: left;
            background-image: url('/static/img/repairPlan_small_ico_hover.png?1b9104b416f0');
            background-repeat: no-repeat;
            width: 16px;
            height: 15px;
        }


    .subMenuMeetingIco {
            margin-top: 3px;
            float: left;
            background-image: url('/static/img/meeting_small_ico.png?1b9104b416f0');
            background-repeat: no-repeat;
            width: 15px;
            height: 16px;
        }

    .subMenuContainer .subMenuLink:focus .subMenuMeetingIco {
            float: left;
            background-image: url('/static/img/meeting_small_ico_hover.png?1b9104b416f0');
            background-repeat: no-repeat;
            width: 15px;
            height: 16px;
        }

    .subMenuContainer .active .subMenuMeetingIco {
            float: left;
            background-image: url('/static/img/meeting_small_ico_hover.png?1b9104b416f0');
            background-repeat: no-repeat;
            width: 15px;
            height: 16px;
        }

    .subMenuContainer .subMenuLink:hover .subMenuMeetingIco {
            float: left;
            background-image: url('/static/img/meeting_small_ico_hover.png?1b9104b416f0');
            background-repeat: no-repeat;
            width: 15px;
            height: 16px;
        }

    .subMenuRNIco {
            margin-top: 3px;
            float: left;
            background-image: url('/static/img/RN_small_ico.png?1b9104b416f0');
            background-repeat: no-repeat;
            width: 16px;
            height: 16px;
        }

    .subMenuContainer .subMenuLink:focus .subMenuRNIco {
            float: left;
            background-image: url('/static/img/RN_small_ico_hover.png?1b9104b416f0');
            background-repeat: no-repeat;
            width: 16px;
            height: 16px;
        }

    .subMenuContainer .active .subMenuRNIco {
            float: left;
            background-image: url('/static/img/RN_small_ico_hover.png?1b9104b416f0');
            background-repeat: no-repeat;
            width: 16px;
            height: 16px;
        }

    .subMenuContainer .subMenuLink:hover .subMenuRNIco {
            float: left;
            background-image: url('/static/img/RN_small_ico_hover.png?1b9104b416f0');
            background-repeat: no-repeat;
            width: 16px;
            height: 16px;
        }

    .subMenuCouncilIco {
            margin-top: 3px;
            float: left;
            background-image: url('/static/img/council_small_ico.png?1b9104b416f0');
            background-repeat: no-repeat;
            width: 16px;
            height: 14px;
        }

    .subMenuContainer .subMenuLink:focus .subMenuCouncilIco {
            float: left;
            background-image: url('/static/img/council_small_ico_hover.png?1b9104b416f0');
            background-repeat: no-repeat;
            width: 16px;
            height: 14px;
        }

    .subMenuContainer .active .subMenuCouncilIco {
            float: left;
            background-image: url('/static/img/council_small_ico_hover.png?1b9104b416f0');
            background-repeat: no-repeat;
            width: 16px;
            height: 14px;
        }

    .subMenuContainer .subMenuLink:hover .subMenuCouncilIco {
            float: left;
            background-image: url('/static/img/council_small_ico_hover.png?1b9104b416f0');
            background-repeat: no-repeat;
            width: 16px;
            height: 14px;
        }

    .subMenuUserIco {
            margin-top: 3px;
            float: left;
            background-image: url('/static/img/user_small_ico.png?1b9104b416f0');
            background-repeat: no-repeat;
            width: 16px;
            height: 16px;
        }

    .subMenuContainer .subMenuLink:focus .subMenuUserIco {
            float: left;
            background-image: url('/static/img/user_small_ico_hover.png?1b9104b416f0');
            background-repeat: no-repeat;
            width: 16px;
            height: 16px;
        }

    .subMenuContainer .active .subMenuUserIco {
            float: left;
            background-image: url('/static/img/user_small_ico_hover.png?1b9104b416f0');
            background-repeat: no-repeat;
            width: 16px;
            height: 16px;
        }

    .subMenuContainer .subMenuLink:hover .subMenuUserIco {
            float: left;
            background-image: url('/static/img/user_small_ico_hover.png?1b9104b416f0');
            background-repeat: no-repeat;
            width: 16px;
            height: 16px;
        }
}

@media (max-width: 480px) {
    .centeringResidentPage {
        width: 300px;
        margin: 0 auto;
        font-size: 0;
    }

        /* resident page */

        .subMenuCostIco {
            margin-top: 3px;
            float: left;
            background-image: url('/static/img/cost_small_ico.png?1b9104b416f0');
            background-repeat: no-repeat;
            width: 24px;
            height: 17px;
        }

            .subMenuContainer .subMenuLink:focus .subMenuCostIco {
            float: left;
            background-image: url('/static/img/cost_small_ico_hover.png?1b9104b416f0');
            background-repeat: no-repeat;
            width: 24px;
            height: 17px;
        }

    .subMenuContainer .active .subMenuCostIco {
            float: left;
            background-image: url('/static/img/cost_small_ico_hover.png?1b9104b416f0');
            background-repeat: no-repeat;
            width: 24px;
            height: 17px;
        }

    .subMenuContainer .subMenuLink:hover .subMenuCostIco {
            float: left;
            background-image: url('/static/img/cost_small_ico_hover.png?1b9104b416f0');
            background-repeat: no-repeat;
            width: 24px;
            height: 17px;
        }

    .subMenuPrintIco {
            margin-top: 3px;
            float: left;
            background-image: url('/static/img/print_small_ico.png?1b9104b416f0');
            background-repeat: no-repeat;
            width: 16px;
            height: 18px;
        }

    .subMenuContainer .subMenuLink:focus .subMenuPrintIco {
    float: left;
    background-image: url('/static/img/print_small_ico_hover.png?1b9104b416f0');
    background-repeat: no-repeat;
    width: 16px;
    height: 18px;
}

    .subMenuContainer .active .subMenuPrintIco {
        float: left;
        background-image: url('/static/img/print_small_ico_hover.png?1b9104b416f0');
        background-repeat: no-repeat;
        width: 16px;
        height: 18px;
}

    .subMenuContainer .subMenuLink:hover .subMenuPrintIco {
            float: left;
            background-image: url('/static/img/print_small_ico_hover.png?1b9104b416f0');
            background-repeat: no-repeat;
            width: 16px;
            height: 18px;
        }

    .subMenuRepairIco {
            margin-top: 3px;
            float: left;
            background-image: url('/static/img/repairPlan_small_ico.png?1b9104b416f0');
            background-repeat: no-repeat;
            width: 16px;
            height: 15px;
        }
    .subMenuContainer .subMenuLink:focus .subMenuRepairIco {
            float: left;
            background-image: url('/static/img/repairPlan_small_ico_hover.png?1b9104b416f0');
            background-repeat: no-repeat;
            width: 16px;
            height: 15px;
        }

    .subMenuContainer .active .subMenuRepairIco {
            float: left;
            background-image: url('/static/img/repairPlan_small_ico_hover.png?1b9104b416f0');
            background-repeat: no-repeat;
            width: 16px;
            height: 15px;
        }

    .subMenuContainer .subMenuLink:hover .subMenuRepairIco {
            float: left;
            background-image: url('/static/img/repairPlan_small_ico_hover.png?1b9104b416f0');
            background-repeat: no-repeat;
            width: 16px;
            height: 15px;
        }


    .subMenuMeetingIco {
            margin-top: 3px;
            float: left;
            background-image: url('/static/img/meeting_small_ico.png?1b9104b416f0');
            background-repeat: no-repeat;
            width: 15px;
            height: 16px;
        }

    .subMenuContainer .subMenuLink:focus .subMenuMeetingIco {
            float: left;
            background-image: url('/static/img/meeting_small_ico_hover.png?1b9104b416f0');
            background-repeat: no-repeat;
            width: 15px;
            height: 16px;
        }

    .subMenuContainer .active .subMenuMeetingIco {
            float: left;
            background-image: url('/static/img/meeting_small_ico_hover.png?1b9104b416f0');
            background-repeat: no-repeat;
            width: 15px;
            height: 16px;
        }

    .subMenuContainer .subMenuLink:hover .subMenuMeetingIco {
            float: left;
            background-image: url('/static/img/meeting_small_ico_hover.png?1b9104b416f0');
            background-repeat: no-repeat;
            width: 15px;
            height: 16px;
        }

    .subMenuRNIco {
            margin-top: 3px;
            float: left;
            background-image: url('/static/img/RN_small_ico.png?1b9104b416f0');
            background-repeat: no-repeat;
            width: 16px;
            height: 16px;
        }

    .subMenuContainer .subMenuLink:focus .subMenuRNIco {
            float: left;
            background-image: url('/static/img/RN_small_ico_hover.png?1b9104b416f0');
            background-repeat: no-repeat;
            width: 16px;
            height: 16px;
        }

    .subMenuContainer .active .subMenuRNIco {
            float: left;
            background-image: url('/static/img/RN_small_ico_hover.png?1b9104b416f0');
            background-repeat: no-repeat;
            width: 16px;
            height: 16px;
        }

    .subMenuContainer .subMenuLink:hover .subMenuRNIco {
            float: left;
            background-image: url('/static/img/RN_small_ico_hover.png?1b9104b416f0');
            background-repeat: no-repeat;
            width: 16px;
            height: 16px;
        }

    .subMenuCouncilIco {
            margin-top: 3px;
            float: left;
            background-image: url('/static/img/council_small_ico.png?1b9104b416f0');
            background-repeat: no-repeat;
            width: 16px;
            height: 14px;
        }

    .subMenuContainer .subMenuLink:focus .subMenuCouncilIco {
            float: left;
            background-image: url('/static/img/council_small_ico_hover.png?1b9104b416f0');
            background-repeat: no-repeat;
            width: 16px;
            height: 14px;
        }

    .subMenuContainer .active .subMenuCouncilIco {
            float: left;
            background-image: url('/static/img/council_small_ico_hover.png?1b9104b416f0');
            background-repeat: no-repeat;
            width: 16px;
            height: 14px;
        }

    .subMenuContainer .subMenuLink:hover .subMenuCouncilIco {
            float: left;
            background-image: url('/static/img/council_small_ico_hover.png?1b9104b416f0');
            background-repeat: no-repeat;
            width: 16px;
            height: 14px;
        }

    .subMenuUserIco {
            margin-top: 3px;
            float: left;
            background-image: url('/static/img/user_small_ico.png?1b9104b416f0');
            background-repeat: no-repeat;
            width: 16px;
            height: 16px;
        }

    .subMenuContainer .subMenuLink:focus .subMenuUserIco {
            float: left;
            background-image: url('/static/img/user_small_ico_hover.png?1b9104b416f0');
            background-repeat: no-repeat;
            width: 16px;
            height: 16px;
        }

    .subMenuContainer .active .subMenuUserIco {
            float: left;
            background-image: url('/static/img/user_small_ico_hover.png?1b9104b416f0');
            background-repeat: no-repeat;
            width: 16px;
            height: 16px;
        }

    .subMenuContainer .subMenuLink:hover .subMenuUserIco {
            float: left;
            background-image: url('/static/img/user_small_ico_hover.png?1b9104b416f0');
            background-repeat: no-repeat;
            width: 16px;
            height: 16px;
        }
}

.subMenuContainer .subMenuLink {
    color: black;
    text-decoration: none !important;
}

.subMenuContainer .active {
        background-color: white;
    color: #0b9444 !important;
    border-bottom-color: #bdbdbe;
    border-bottom-style: solid;
    border-bottom-width: 1px;
}



.subMenuContainer .subMenuLink:focus, subMenuLink:active {
    display: block;
    color: #0b9444 !important;
    font-weight: bold;
    background-color: white !important;
}

.subMenuContainer .subMenuLink:hover .subMenuTwoLanesTop {
    height: 100%;
    color: #0b9444 !important;
    background-color: white !important;
}

.subMenuContainer ul {
    height: 100%;
    list-style: none;
}

.subMenuContainer .housingPageMenu li {
    padding-top: 12px;
    height: 50px;
    display: block;
    float: left;
    padding-left: 20px;
    padding-right: 20px;
    background-image: url('/static/img/subMenuLane.png?1b9104b416f0');
    background-repeat: no-repeat;
    background-position: left;
}

@media (min-width: 480px) {
    .subMenuContainer li {
        padding-top: 12px;
        height: 50px;
        display: block;
        float: left;
        padding-left: 20px;
        padding-right: 20px;
        background-image: url('/static/img/subMenuLane.png?1b9104b416f0');
        background-repeat: no-repeat;
        background-position: left;
    }
}

@media (max-width: 480px) {
    .subMenuContainer li {
        padding-top: 12px;
        height: 50px;
        display: block;
        float: left;
        padding-left: 12px;
        padding-right: 12px;
        background-image: url('/static/img/subMenuLane.png?1b9104b416f0');
        background-repeat: no-repeat;
        background-position: left;
    }
}

.menuBorder {
    z-index: 122;
    height: 100%;
    width: 1px;
    background-color: red;
}

.subMenuContainer li:hover {
    background-color: white;
    color: #0b9444 !important;
    border-bottom-color: #bdbdbe;
    border-bottom-style: solid;
    border-bottom-width: 1px;
}

.subMenuContainer .subMenuLink:focus > li {
    background-color: white;
    color: #0b9444 !important;
    border-bottom-color: #bdbdbe;
    border-bottom-style: solid;
    border-bottom-width: 1px;
}

@media (min-width: 480px) {
    .subMenuContainer .firstElementSubMenu {
        margin-left: -50px;
        background-image: none;
    }
}

@media (max-width: 480px) {
    .subMenuContainer .firstElementSubMenu {
        margin-left: -48px;
        background-image: none;
    }
}


/* HOME ELEMENTS ===============================
================================================
*/

.homeBiggerMarginTop {
    margin-top: 25px;
}

.homeBiggerMarginBottom {
    margin-bottom: 35px;
}

.addedFilesStyle {
    width: 100%;
    text-decoration: underline;
    margin-left: 20px;
    font-size: 14px;
    margin-bottom: 10px;
}

.addedFilesStyle a {
    display: block;
    width: 100%;
    margin-top: -5px;
    margin-bottom: 10px;
}

.addedFilesStyleP {
    width: 100%;
    margin-left: 20px;
    font-size: 14px;
    margin-bottom: 3px;
}

/* Home > 992px
*/

/* photo behave */

@media (min-width: 1280px) {
    .headerPhoto {
        position: relative;
        right: 7%;
        max-height: 340px;
        z-index: 100;
-webkit-box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    2px 2px 5px 0px rgba(50, 50, 50, 0.75);
box-shadow:         2px 2px 5px 0px rgba(50, 50, 50, 0.75);
    }
}

@media (min-width: 992px) and (max-width: 1280px) {
        .headerPhoto {
        position: relative;
        right: 15%;
        max-height: 340px;
        z-index: 100;
-webkit-box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    2px 2px 5px 0px rgba(50, 50, 50, 0.75);
box-shadow:         2px 2px 5px 0px rgba(50, 50, 50, 0.75);
    }

}

@media (min-width: 1280px) {

    /* photo, crashReport & counterReport */

    .crashReport {
        position: absolute;
        z-index: 101;
        margin-top: 70px;
        margin-left: 100px;

        text-decoration: none !important;
        width: 210px;
        height: 75px;
        padding-top: 29px;
        border-radius: 5px;
        text-align: center;
        color: white !important;
        font-family: 'Arial', sans-serif;
        font-weight: bold;
        font-size: 14px;

        /* gradient */

        background: #0068da; /* Old browsers */
        background: -moz-linear-gradient(top, #0068da 0%, #2486e1 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0068da), color-stop(100%,#2486e1)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #0068da 0%,#2486e1 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #0068da 0%,#2486e1 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #0068da 0%,#2486e1 100%); /* IE10+ */
        background: linear-gradient(to bottom, #0068da 0%,#2486e1 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0068da', endColorstr='#2486e1',GradientType=0 ); /* IE6-9 */

        /* shadows */

        -webkit-box-shadow: 3px 3px 7px 0px rgba(0,0,0,0.5);
        -moz-box-shadow: 3px 3px 7px 0px rgba(0,0,0,0.5);
        box-shadow: 3px 3px 7px 0px rgba(0,0,0,0.5);
    }

    .counterReport {
        position: absolute;
        z-index: 101;
        margin-top: 175px;
        margin-left: 100px;

        text-decoration: none !important;
        width: 210px;
        height: 75px;
        padding-top: 29px;
        border-radius: 5px;
        text-align: center;
        color: white !important;
        font-family: 'Arial', sans-serif;
        font-weight: bold;
        font-size: 14px;

        /* gradient */

        background: #0095da; /* Old browsers */
        background: -moz-linear-gradient(top, #0095da 0%, #24aae1 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0095da), color-stop(100%,#24aae1)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #0095da 0%,#24aae1 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #0095da 0%,#24aae1 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #0095da 0%,#24aae1 100%); /* IE10+ */
        background: linear-gradient(to bottom, #0095da 0%,#24aae1 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0095da', endColorstr='#24aae1',GradientType=0 ); /* IE6-9 */

        /* cienie */

        -webkit-box-shadow: 3px 3px 7px 0px rgba(0,0,0,0.5);
        -moz-box-shadow: 3px 3px 7px 0px rgba(0,0,0,0.5);
        box-shadow: 3px 3px 7px 0px rgba(0,0,0,0.5);
    }

    .crashReport:hover {

        color: white;
        text-decoration: none;

        /* gradient */

        background: rgba(35,135,229,1);
        background: -moz-linear-gradient(top, rgba(35,135,229,1) 0%, rgba(0,105,218,1) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(35,135,229,1)), color-stop(100%, rgba(0,105,218,1)));
        background: -webkit-linear-gradient(top, rgba(35,135,229,1) 0%, rgba(0,105,218,1) 100%);
        background: -o-linear-gradient(top, rgba(35,135,229,1) 0%, rgba(0,105,218,1) 100%);
        background: -ms-linear-gradient(top, rgba(35,135,229,1) 0%, rgba(0,105,218,1) 100%);
        background: linear-gradient(to bottom, rgba(35,135,229,1) 0%, rgba(0,105,218,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2387e5', endColorstr='#0069da', GradientType=0 );
    }

    .counterReport:hover {

        color: white;
        text-decoration: none;

        /* gradient */

        background: rgba(36,172,225,1);
        background: -moz-linear-gradient(top, rgba(36,172,225,1) 0%, rgba(17,151,218,1) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(36,172,225,1)), color-stop(100%, rgba(17,151,218,1)));
        background: -webkit-linear-gradient(top, rgba(36,172,225,1) 0%, rgba(17,151,218,1) 100%);
        background: -o-linear-gradient(top, rgba(36,172,225,1) 0%, rgba(17,151,218,1) 100%);
        background: -ms-linear-gradient(top, rgba(36,172,225,1) 0%, rgba(17,151,218,1) 100%);
        background: linear-gradient(to bottom, rgba(36,172,225,1) 0%, rgba(17,151,218,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#24ace1', endColorstr='#1197da', GradientType=0 );
    }

    .counterReport a {
        outline: none;
        text-decoration: none;
        color: white !important;
    }

    .counterReport a:hover {
        outline: none;
        text-decoration: none;
        color: white !important;
    }

    .counterReport a:active {
        outline: none;
        text-decoration: none;
        color: white !important;
    }

    .counterReport a:focus {
        outline: none;
        text-decoration: none;
        color: white !important;
    }

    .crashReport a {
        outline: none;
        text-decoration: none;
        color: white !important;
    }

    .crashReport a:hover {
        outline: none;
        text-decoration: none;
        color: white !important;
    }

    .crashReport a:active {
        outline: none;
        text-decoration: none;
        color: white !important;
    }

    .crashReport a:focus {
        outline: none;
        text-decoration: none;
        color: white !important;
    }

    /* news */

        /* elements of home.html & contractor_page.html */

    .paginatorHome {
        float: right;
    }

    .paginatorMargin {
        margin-right: 0px;
    }

    .list-header img {
        margin-right: 10px;
    }

    .news_hide_all {
        margin-top: 35px;
        font-size: 14px;
        font-weight: bold;
        color: black;
        margin-left: 15px;
        margin-right: 20px;
        padding-left: 25px;
        font-size: 14px;
        font-weight: bold;
        color: black;
        background-image: url('/static/img/show_titles_ico.png?1b9104b416f0');
        background-repeat: no-repeat;
        background-position: left;
    }

    .activeHideAll {
        outline: none !important;
        color: #0b9444 !important;
        text-decoration: none !important;
        background-image: url('/static/img/show_titles_ico_hover.png?1b9104b416f0') !important;
        background-repeat: no-repeat !important;
        background-position: left !important;
    }

    .news_show_all {
        font-size: 14px;
        font-weight: bold;
        color: black;

        padding-left: 25px;

        background-image: url('/static/img/show_all_ico.png?1b9104b416f0');
        background-repeat: no-repeat;
        background-position: left;
    }

    .news_hide_all:hover {
        color: #0b9444;
        text-decoration: none;
        background-image: url('/static/img/show_titles_ico_hover.png?1b9104b416f0');
        background-repeat: no-repeat;
        background-position: left;
    }

    .activeShowAll {
        color: #0b9444;
        text-decoration: none;
        outline: none;

                background-image: url('/static/img/hide_title_ico_hover.png?1b9104b416f0');
        background-repeat: no-repeat;
        background-position: left;
    }

    .news_show_all:hover {
        color: #0b9444;
        text-decoration: none;

        background-image: url('/static/img/hide_title_ico_hover.png?1b9104b416f0');
        background-repeat: no-repeat;
        background-position: left;
    }

    .news_hide_all:focus {
        outline: none;
        color: #0b9444;
        text-decoration: none;
        background-image: url('/static/img/show_titles_ico_hover.png?1b9104b416f0');
        background-repeat: no-repeat;
        background-position: left;
    }

    .news_show_all:focus {
        color: #0b9444;
        text-decoration: none;
        outline: none;

                background-image: url('/static/img/hide_title_ico_hover.png?1b9104b416f0');
        background-repeat: no-repeat;
        background-position: left;
    }

    .news_show_all:active {
        color: #0b9444;
        text-decoration: none;

        background-image: url('/static/img/hide_title_ico_hover.png?1b9104b416f0');
        background-repeat: no-repeat;
        background-position: left;
    }

    .news_hide_all:active {
        color: #0b9444;
        text-decoration: none;
        background-image: url('/static/img/show_titles_ico_hover.png?1b9104b416f0');
        background-repeat: no-repeat;
        background-position: left;
    }

    .contractorPage .news_hide_all {
        margin-top: 35px;
        font-size: 14px;
        font-weight: bold;
        color: black;
        margin-left: 0 !important;
        margin-right: 20px;
        padding-left: 25px;
        font-size: 14px;
        font-weight: bold;
        color: black;
        background-image: url('/static/img/show_titles_ico.png?1b9104b416f0');
        background-repeat: no-repeat;
        background-position: left;
    }

    .contractorPage .news_hide_all:hover {
        color: #0b9444;
        text-decoration: none;
                background-image: url('/static/img/show_titles_ico_hover.png?1b9104b416f0');
        background-repeat: no-repeat;
        background-position: left;
    }

    .contractorPage .news_hide_all:focus {
        color: #0b9444;
        text-decoration: none;
                background-image: url('/static/img/show_titles_ico_hover.png?1b9104b416f0');
        background-repeat: no-repeat;
        background-position: left;
    }


    .news_hr { display: block; height: 1px; border: 0; border-top: 1px solid #cccccc !important; margin-top: 40px; padding: 0;}

    .list {
        padding: 0;
    }

    .list_item {
        list-style: none;
    }

    .list_item h1 {
        display: block;
        max-width: 700px;
        font-size: 21px;
    }

    .list_item_date {
        color: #4c4c4c;
        font-size: 14px;
        background-image: url('/static/img/bluedot.png?1b9104b416f0');
        background-repeat: no-repeat;
        background-position: left center;
    }

    .list_item_date span {
        margin-left:10px;
    }

    .news_body {
        color: black;
        font-size: 14px;
    }

    .news_body_inside {
        padding-left: 0px;
        padding-right: 20px;
    }

    .news_show {
        float: right;
        padding-left: 10px;
        padding-top: 4px;
        width: 90px;
        height: 27px;
        color: white;
        font-size: 13px;
        border-radius: 3px;
        text-decoration: none !important;
        transition-duration: 400ms;
        -webkit-transition-duration: 400ms;

        /* gradient */

        background: #2a9ccb; /* Old browsers */
        background: -moz-linear-gradient(top, #2a9ccb 0%, #2fade2 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2a9ccb), color-stop(100%,#2fade2)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #2a9ccb 0%,#2fade2 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #2a9ccb 0%,#2fade2 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #2a9ccb 0%,#2fade2 100%); /* IE10+ */
        background: linear-gradient(to bottom, #2a9ccb 0%,#2fade2 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a9ccb', endColorstr='#2fade2',GradientType=0 ); /* IE6-9 */


        /* shadows */

        -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.65);
        -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.65);
        box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.65);
    }

    .news_show:hover {
        color: white;
        font-weight: 400 !important;

        /* gradient */

        background: #085f8b; /* Old browsers */
        background: -moz-linear-gradient(top, #085f8b 0%, #09699a 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#085f8b), color-stop(100%,#09699a)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #085f8b 0%,#09699a 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #085f8b 0%,#09699a 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #085f8b 0%,#09699a 100%); /* IE10+ */
        background: linear-gradient(to bottom, #085f8b 0%,#09699a 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#085f8b', endColorstr='#09699a',GradientType=0 ); /* IE6-9 */

    }

    .news_show img {
        margin-right: 10px;
    }

    .news_hide {
        float: right;
        padding-left: 10px;
        padding-top: 4px;
        margin-bottom: 40px;
        width: 90px;
        height: 27px;
        color: white;
        font-size: 13px;
        border-radius: 3px;
        text-decoration: none !important;
        transition-duration: 400ms;
        -webkit-transition-duration: 400ms;

        /* gradient */

        background: #085f8b; /* Old browsers */
        background: -moz-linear-gradient(top, #085f8b 0%, #09699a 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#085f8b), color-stop(100%,#09699a)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #085f8b 0%,#09699a 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #085f8b 0%,#09699a 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #085f8b 0%,#09699a 100%); /* IE10+ */
        background: linear-gradient(to bottom, #085f8b 0%,#09699a 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#085f8b', endColorstr='#09699a',GradientType=0 ); /* IE6-9 */


        /* shadows */

        -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.65);
        -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.65);
        box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.65);
    }

    .news_hide:hover {
        color: white;
        font-weight: 400 !important;

        /* gradient */

        background: #2a9ccb; /* Old browsers */
        background: -moz-linear-gradient(top, #2a9ccb 0%, #2fade2 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2a9ccb), color-stop(100%,#2fade2)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #2a9ccb 0%,#2fade2 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #2a9ccb 0%,#2fade2 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #2a9ccb 0%,#2fade2 100%); /* IE10+ */
        background: linear-gradient(to bottom, #2a9ccb 0%,#2fade2 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a9ccb', endColorstr='#2fade2',GradientType=0 ); /* IE6-9 */
    }

    .news_hide img {
        margin-right: 10px;
    }

    .list_item p {
        padding-right: 30px;
    }

    .news_hide_bottom {
        float: none;
        position: absolute;
        display: block;
        width: 90px;
        margin: 0 auto;
        margin-top: 17px;
        margin-bottom: 5px;
        left: 0;
        right: 0;
    }

    .hr_active {
        margin-bottom: 20px;
        margin-top: 20px;
        border-bottom-style: solid;
        border-bottom-width: 1px;
        border-bottom-color: #2fade2;
        width: 100%;
    }

    .pagination {
        margin: 0;
    }

    .pagination a {
        color: black;
        text-decoration: none;
    }

    .pagination a:hover {
        color: #0b9444 !important;
    }

    .pagination a:focus {
        color: #0b9444 !important;
    }

    .pagination .current {
        color: #0b9444;
        font-weight: bold;
    }

    .on_page {
        margin-right: 10px;
    }

    .resultsOnPage {
        font-family: 'Arial', sans-serif;
        margin-right: 10px;
    }

    .pages {
        padding-left: 5px;
        padding-right: 5px;
    }

    .pages li {
        display: inline;
        list-style: none;
        color: black;
        margin: 3px;
    }

    .pages li a:hover {
        text-decoration: none;
    }

        /* end of elements of home.html & contractor_page.html */
}

@media (min-width: 992px) and (max-width: 1280px) {

    /* photo, crashReport & counterReport */

    .crashReport {
        position: absolute;
        z-index: 101;
        margin-top: 70px;
        margin-left: 100px;

        text-decoration: none !important;
        width: 210px;
        height: 75px;
        padding-top: 29px;
        border-radius: 5px;
        text-align: center;
        color: white !important;
        font-family: 'Arial', sans-serif;
        font-weight: bold;
        font-size: 14px;

        /* gradient */

        background: #0068da; /* Old browsers */
        background: -moz-linear-gradient(top, #0068da 0%, #2486e1 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0068da), color-stop(100%,#2486e1)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #0068da 0%,#2486e1 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #0068da 0%,#2486e1 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #0068da 0%,#2486e1 100%); /* IE10+ */
        background: linear-gradient(to bottom, #0068da 0%,#2486e1 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0068da', endColorstr='#2486e1',GradientType=0 ); /* IE6-9 */

        /* shadows */

        -webkit-box-shadow: 3px 3px 7px 0px rgba(0,0,0,0.5);
        -moz-box-shadow: 3px 3px 7px 0px rgba(0,0,0,0.5);
        box-shadow: 3px 3px 7px 0px rgba(0,0,0,0.5);
    }

    .counterReport {
        position: absolute;
        z-index: 101;
        margin-top: 175px;
        margin-left: 100px;

        text-decoration: none !important;
        width: 210px;
        height: 75px;
        padding-top: 29px;
        border-radius: 5px;
        text-align: center;
        color: white !important;
        font-family: 'Arial', sans-serif;
        font-weight: bold;
        font-size: 14px;

        /* gradient */

        background: #0095da; /* Old browsers */
        background: -moz-linear-gradient(top, #0095da 0%, #24aae1 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0095da), color-stop(100%,#24aae1)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #0095da 0%,#24aae1 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #0095da 0%,#24aae1 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #0095da 0%,#24aae1 100%); /* IE10+ */
        background: linear-gradient(to bottom, #0095da 0%,#24aae1 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0095da', endColorstr='#24aae1',GradientType=0 ); /* IE6-9 */

        /* cienie */

        -webkit-box-shadow: 3px 3px 7px 0px rgba(0,0,0,0.5);
        -moz-box-shadow: 3px 3px 7px 0px rgba(0,0,0,0.5);
        box-shadow: 3px 3px 7px 0px rgba(0,0,0,0.5);
    }

    .crashReport:hover {

        color: white;
        text-decoration: none;

        /* gradient */

        background: rgba(35,135,229,1);
        background: -moz-linear-gradient(top, rgba(35,135,229,1) 0%, rgba(0,105,218,1) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(35,135,229,1)), color-stop(100%, rgba(0,105,218,1)));
        background: -webkit-linear-gradient(top, rgba(35,135,229,1) 0%, rgba(0,105,218,1) 100%);
        background: -o-linear-gradient(top, rgba(35,135,229,1) 0%, rgba(0,105,218,1) 100%);
        background: -ms-linear-gradient(top, rgba(35,135,229,1) 0%, rgba(0,105,218,1) 100%);
        background: linear-gradient(to bottom, rgba(35,135,229,1) 0%, rgba(0,105,218,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2387e5', endColorstr='#0069da', GradientType=0 );
    }

    .counterReport:hover {

        color: white;
        text-decoration: none;

        /* gradient */

        background: rgba(36,172,225,1);
        background: -moz-linear-gradient(top, rgba(36,172,225,1) 0%, rgba(17,151,218,1) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(36,172,225,1)), color-stop(100%, rgba(17,151,218,1)));
        background: -webkit-linear-gradient(top, rgba(36,172,225,1) 0%, rgba(17,151,218,1) 100%);
        background: -o-linear-gradient(top, rgba(36,172,225,1) 0%, rgba(17,151,218,1) 100%);
        background: -ms-linear-gradient(top, rgba(36,172,225,1) 0%, rgba(17,151,218,1) 100%);
        background: linear-gradient(to bottom, rgba(36,172,225,1) 0%, rgba(17,151,218,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#24ace1', endColorstr='#1197da', GradientType=0 );
    }

    .counterReport a {
        outline: none;
        text-decoration: none;
        color: white !important;
    }

    .counterReport a:hover {
        outline: none;
        text-decoration: none;
        color: white !important;
    }

    .counterReport a:active {
        outline: none;
        text-decoration: none;
        color: white !important;
    }

    .counterReport a:focus {
        outline: none;
        text-decoration: none;
        color: white !important;
    }

    .crashReport a {
        outline: none;
        text-decoration: none;
        color: white !important;
    }

    .crashReport a:hover {
        outline: none;
        text-decoration: none;
        color: white !important;
    }

    .crashReport a:active {
        outline: none;
        text-decoration: none;
        color: white !important;
    }

    .crashReport a:focus {
        outline: none;
        text-decoration: none;
        color: white !important;
    }

    /* news */

        /* elements of home.html & contractor_page.html */

    .paginatorHome {
        float: right;
    }

    .paginatorMargin {
        margin-right: 0px;
    }

    .list-header img {
        margin-right: 10px;
    }

    .news_hide_all {
        margin-top: 35px;
        font-size: 14px;
        font-weight: bold;
        color: black;
        margin-left: 15px;
        margin-right: 20px;
        padding-left: 25px;
        font-size: 14px;
        font-weight: bold;
        color: black;
        background-image: url('/static/img/show_titles_ico.png?1b9104b416f0');
        background-repeat: no-repeat;
        background-position: left;
    }

    .activeHideAll {
        outline: none !important;
        color: #0b9444 !important;
        text-decoration: none !important;
        background-image: url('/static/img/show_titles_ico_hover.png?1b9104b416f0') !important;
        background-repeat: no-repeat !important;
        background-position: left !important;
    }

    .news_show_all {
        font-size: 14px;
        font-weight: bold;
        color: black;

        padding-left: 25px;

        background-image: url('/static/img/show_all_ico.png?1b9104b416f0');
        background-repeat: no-repeat;
        background-position: left;
    }

    .news_hide_all:hover {
        color: #0b9444;
        text-decoration: none;
        background-image: url('/static/img/show_titles_ico_hover.png?1b9104b416f0');
        background-repeat: no-repeat;
        background-position: left;
    }

    .activeShowAll {
        color: #0b9444;
        text-decoration: none;
        outline: none;

                background-image: url('/static/img/hide_title_ico_hover.png?1b9104b416f0');
        background-repeat: no-repeat;
        background-position: left;
    }

    .news_show_all:hover {
        color: #0b9444;
        text-decoration: none;

        background-image: url('/static/img/hide_title_ico_hover.png?1b9104b416f0');
        background-repeat: no-repeat;
        background-position: left;
    }

    .news_hide_all:focus {
        outline: none;
        color: #0b9444;
        text-decoration: none;
        background-image: url('/static/img/show_titles_ico_hover.png?1b9104b416f0');
        background-repeat: no-repeat;
        background-position: left;
    }

    .news_show_all:focus {
        color: #0b9444;
        text-decoration: none;
        outline: none;

                background-image: url('/static/img/hide_title_ico_hover.png?1b9104b416f0');
        background-repeat: no-repeat;
        background-position: left;
    }

    .news_show_all:active {
        color: #0b9444;
        text-decoration: none;

        background-image: url('/static/img/hide_title_ico_hover.png?1b9104b416f0');
        background-repeat: no-repeat;
        background-position: left;
    }

    .news_hide_all:active {
        color: #0b9444;
        text-decoration: none;
        background-image: url('/static/img/show_titles_ico_hover.png?1b9104b416f0');
        background-repeat: no-repeat;
        background-position: left;
    }

    .contractorPage .news_hide_all {
        margin-top: 35px;
        font-size: 14px;
        font-weight: bold;
        color: black;
        margin-left: 0 !important;
        margin-right: 20px;
        padding-left: 25px;
        font-size: 14px;
        font-weight: bold;
        color: black;
        background-image: url('/static/img/show_titles_ico.png?1b9104b416f0');
        background-repeat: no-repeat;
        background-position: left;
    }

    .contractorPage .news_hide_all:hover {
        color: #0b9444;
        text-decoration: none;
                background-image: url('/static/img/show_titles_ico_hover.png?1b9104b416f0');
        background-repeat: no-repeat;
        background-position: left;
    }

    .contractorPage .news_hide_all:focus {
        color: #0b9444;
        text-decoration: none;
                background-image: url('/static/img/show_titles_ico_hover.png?1b9104b416f0');
        background-repeat: no-repeat;
        background-position: left;
    }


    .news_hr { display: block; height: 1px; border: 0; border-top: 1px solid #cccccc !important; margin-top: 40px; padding: 0;}

    .list {
        padding: 0;
    }

    .list_item {
        list-style: none;
    }

    .list_item h1 {
        display: block;
        max-width: 550px;
        font-size: 21px;
    }

    .list_item_date {
        color: #4c4c4c;
        font-size: 14px;
        background-image: url('/static/img/bluedot.png?1b9104b416f0');
        background-repeat: no-repeat;
        background-position: left center;
    }

    .list_item_date span {
        margin-left:10px;
    }

    .news_body {
        color: black;
        font-size: 14px;
    }

    .news_body_inside {
        padding-left: 0px;
        padding-right: 20px;
    }

    .news_show {
        float: right;
        padding-left: 10px;
        padding-top: 4px;
        width: 90px;
        height: 27px;
        color: white;
        font-size: 13px;
        border-radius: 3px;
        text-decoration: none !important;
        transition-duration: 400ms;
        -webkit-transition-duration: 400ms;

        /* gradient */

        background: #2a9ccb; /* Old browsers */
        background: -moz-linear-gradient(top, #2a9ccb 0%, #2fade2 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2a9ccb), color-stop(100%,#2fade2)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #2a9ccb 0%,#2fade2 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #2a9ccb 0%,#2fade2 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #2a9ccb 0%,#2fade2 100%); /* IE10+ */
        background: linear-gradient(to bottom, #2a9ccb 0%,#2fade2 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a9ccb', endColorstr='#2fade2',GradientType=0 ); /* IE6-9 */


        /* shadows */

        -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.65);
        -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.65);
        box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.65);
    }

    .news_show:hover {
        color: white;
        font-weight: 400 !important;

        /* gradient */

        background: #085f8b; /* Old browsers */
        background: -moz-linear-gradient(top, #085f8b 0%, #09699a 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#085f8b), color-stop(100%,#09699a)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #085f8b 0%,#09699a 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #085f8b 0%,#09699a 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #085f8b 0%,#09699a 100%); /* IE10+ */
        background: linear-gradient(to bottom, #085f8b 0%,#09699a 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#085f8b', endColorstr='#09699a',GradientType=0 ); /* IE6-9 */

    }

    .news_show img {
        margin-right: 10px;
    }

    .news_hide {
        float: right;
        padding-left: 10px;
        padding-top: 4px;
        margin-bottom: 40px;
        width: 90px;
        height: 27px;
        color: white;
        font-size: 13px;
        border-radius: 3px;
        text-decoration: none !important;
        transition-duration: 400ms;
        -webkit-transition-duration: 400ms;

        /* gradient */

        background: #085f8b; /* Old browsers */
        background: -moz-linear-gradient(top, #085f8b 0%, #09699a 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#085f8b), color-stop(100%,#09699a)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #085f8b 0%,#09699a 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #085f8b 0%,#09699a 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #085f8b 0%,#09699a 100%); /* IE10+ */
        background: linear-gradient(to bottom, #085f8b 0%,#09699a 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#085f8b', endColorstr='#09699a',GradientType=0 ); /* IE6-9 */


        /* shadows */

        -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.65);
        -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.65);
        box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.65);
    }

    .news_hide:hover {
        color: white;
        font-weight: 400 !important;

        /* gradient */

        background: #2a9ccb; /* Old browsers */
        background: -moz-linear-gradient(top, #2a9ccb 0%, #2fade2 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2a9ccb), color-stop(100%,#2fade2)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #2a9ccb 0%,#2fade2 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #2a9ccb 0%,#2fade2 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #2a9ccb 0%,#2fade2 100%); /* IE10+ */
        background: linear-gradient(to bottom, #2a9ccb 0%,#2fade2 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a9ccb', endColorstr='#2fade2',GradientType=0 ); /* IE6-9 */
    }

    .news_hide img {
        margin-right: 10px;
    }

    .list_item p {
        padding-right: 30px;
    }

    .news_hide_bottom {
        float: none;
        position: absolute;
        display: block;
        width: 90px;
        margin: 0 auto;
        margin-top: 17px;
        margin-bottom: 5px;
        left: 0;
        right: 0;
    }

    .hr_active {
        margin-bottom: 20px;
        margin-top: 20px;
        border-bottom-style: solid;
        border-bottom-width: 1px;
        border-bottom-color: #2fade2;
        width: 100%;
    }

    .pagination {
        margin: 0;
    }

    .pagination a {
        color: black;
        text-decoration: none;
    }

    .pagination a:hover {
        color: #0b9444 !important;
    }

    .pagination a:focus {
        color: #0b9444 !important;
    }

    .pagination .current {
        color: #0b9444;
        font-weight: bold;
    }

    .on_page {
        margin-right: 10px;
    }

    .resultsOnPage {
        font-family: 'Arial', sans-serif;
        margin-right: 10px;
    }

    .pages {
        padding-left: 5px;
        padding-right: 5px;
    }

    .pages li {
        display: inline;
        list-style: none;
        color: black;
        margin: 3px;
    }

    .pages li a:hover {
        text-decoration: none;
    }

        /* end of elements of home.html & contractor_page.html */
}

    /* paginator universal elements */

    .paginatorForm {
        padding-right: 20px;
        border-style: solid;
        border-width: 1px;
        border-radius: 5px;
        border-color: black;
        background: white url('/static/img/paginator_triangle.png?1b9104b416f0') 90% no-repeat;
        outline: none;

        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;

        background:none\9\0;
        padding-right: 0px\9\0;
    }

    .paginatorLeftTriangle {
        margin-top: 4px;
        width: 8px;
        height: 13px;
        background-image: url('/static/img/paginator_left_triangle.png?1b9104b416f0');
    }

    .paginatorRightTriangle {
        margin-top: 4px;
        width: 8px;
        height: 13px;
        background-image: url('/static/img/paginator_triangle_right.png?1b9104b416f0');
    }

/* home TABLETS version */

@media (min-width: 768px) and (max-width: 992px) {
    .headerPhoto {
        width: 100%;
        min-height: 200px;
        z-index: 100;
    }

    .crashReport {
        position: absolute;
        z-index: 101;
        margin-top: 10px;
        margin-left: 40px;

        text-decoration: none !important;
        width: 210px;
        height: 75px;
        padding-top: 29px;
        border-radius: 5px;
        text-align: center;
        color: white !important;
        font-family: 'Arial', sans-serif;
        font-weight: bold;
        font-size: 14px;

        /* gradient */

        background: #0068da; /* Old browsers */
        background: -moz-linear-gradient(top, #0068da 0%, #2486e1 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0068da), color-stop(100%,#2486e1)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #0068da 0%,#2486e1 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #0068da 0%,#2486e1 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #0068da 0%,#2486e1 100%); /* IE10+ */
        background: linear-gradient(to bottom, #0068da 0%,#2486e1 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0068da', endColorstr='#2486e1',GradientType=0 ); /* IE6-9 */

        /* shadows */

        -webkit-box-shadow: 3px 3px 7px 0px rgba(0,0,0,0.5);
        -moz-box-shadow: 3px 3px 7px 0px rgba(0,0,0,0.5);
        box-shadow: 3px 3px 7px 0px rgba(0,0,0,0.5);
    }

    .counterReport {
       position: absolute;
        z-index: 101;
        margin-top: 100px;
        margin-left: 40px;

        text-decoration: none !important;
        width: 210px;
        height: 75px;
        padding-top: 29px;
        border-radius: 5px;
        text-align: center;
        color: white !important;
        font-family: 'Arial', sans-serif;
        font-weight: bold;
        font-size: 14px;

        /* gradient */

        background: #0095da; /* Old browsers */
        background: -moz-linear-gradient(top, #0095da 0%, #24aae1 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0095da), color-stop(100%,#24aae1)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #0095da 0%,#24aae1 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #0095da 0%,#24aae1 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #0095da 0%,#24aae1 100%); /* IE10+ */
        background: linear-gradient(to bottom, #0095da 0%,#24aae1 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0095da', endColorstr='#24aae1',GradientType=0 ); /* IE6-9 */

        /* cienie */

        -webkit-box-shadow: 3px 3px 7px 0px rgba(0,0,0,0.5);
        -moz-box-shadow: 3px 3px 7px 0px rgba(0,0,0,0.5);
        box-shadow: 3px 3px 7px 0px rgba(0,0,0,0.5);
    }

    .crashReport:hover {

        color: white;
        text-decoration: none;

        /* gradient */

        background: rgba(35,135,229,1);
        background: -moz-linear-gradient(top, rgba(35,135,229,1) 0%, rgba(0,105,218,1) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(35,135,229,1)), color-stop(100%, rgba(0,105,218,1)));
        background: -webkit-linear-gradient(top, rgba(35,135,229,1) 0%, rgba(0,105,218,1) 100%);
        background: -o-linear-gradient(top, rgba(35,135,229,1) 0%, rgba(0,105,218,1) 100%);
        background: -ms-linear-gradient(top, rgba(35,135,229,1) 0%, rgba(0,105,218,1) 100%);
        background: linear-gradient(to bottom, rgba(35,135,229,1) 0%, rgba(0,105,218,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2387e5', endColorstr='#0069da', GradientType=0 );
    }

    .counterReport:hover {

        color: white;
        text-decoration: none;

        /* gradient */

        background: rgba(36,172,225,1);
        background: -moz-linear-gradient(top, rgba(36,172,225,1) 0%, rgba(17,151,218,1) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(36,172,225,1)), color-stop(100%, rgba(17,151,218,1)));
        background: -webkit-linear-gradient(top, rgba(36,172,225,1) 0%, rgba(17,151,218,1) 100%);
        background: -o-linear-gradient(top, rgba(36,172,225,1) 0%, rgba(17,151,218,1) 100%);
        background: -ms-linear-gradient(top, rgba(36,172,225,1) 0%, rgba(17,151,218,1) 100%);
        background: linear-gradient(to bottom, rgba(36,172,225,1) 0%, rgba(17,151,218,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#24ace1', endColorstr='#1197da', GradientType=0 );
    }

    .counterReport a {
        outline: none;
        text-decoration: none;
        color: white !important;
    }

    .counterReport a:hover {
        outline: none;
        text-decoration: none;
        color: white !important;
    }

    .counterReport a:active {
        outline: none;
        text-decoration: none;
        color: white !important;
    }

    .counterReport a:focus {
        outline: none;
        text-decoration: none;
        color: white !important;
    }

    .crashReport a {
        outline: none;
        text-decoration: none;
        color: white !important;
    }

    .crashReport a:hover {
        outline: none;
        text-decoration: none;
        color: white !important;
    }

    .crashReport a:active {
        outline: none;
        text-decoration: none;
        color: white !important;
    }

    .crashReport a:focus {
        outline: none;
        text-decoration: none;
        color: white !important;
    }

    .contentContainer h1 {
        padding-left: 20px;
    }



    /* news */

        /* elements of home.html & contractor_page.html */

    .paginatorHome {
        float: right;
        margin-right: 20px;
    }

    .list-header img {
        margin-right: 10px;
    }

    .list-wrapper ul {
        padding-left: 0;
    }

    .news_hide_all {
        margin-top: 35px;
        font-size: 14px;
        font-weight: bold;
        color: black;

        margin-left: 40px;
        margin-right: 20px;
        padding-left: 25px;
        font-size: 14px;
        font-weight: bold;
        color: black;
        background-image: url('/static/img/show_titles_ico.png?1b9104b416f0');
        background-repeat: no-repeat;
        background-position: left;
    }

    .news_hide_all:hover {
        color: #0b9444;
        text-decoration: none;
                background-image: url('/static/img/show_titles_ico_hover.png?1b9104b416f0');
        background-repeat: no-repeat;
        background-position: left;
    }

    .news_hide_all:focus {
        color: #0b9444;
        text-decoration: none;
                background-image: url('/static/img/show_titles_ico_hover.png?1b9104b416f0');
        background-repeat: no-repeat;
        background-position: left;
        outline: none;
    }

    .activeHideAll {
        color: #0b9444 !important;
        text-decoration: none !important;
                background-image: url('/static/img/show_titles_ico_hover.png?1b9104b416f0') !important;
        background-repeat: no-repeat !important;
        background-position: left !important;
        outline: none !important;
    }

    .news_hide_all img {
        padding-left: 20px;
    }

    .contractorPage .news_hide_all {
        margin-top: 35px;
        font-size: 14px;
        font-weight: bold;
        color: black;
        margin-left: 0 !important;
        margin-right: 20px;
        padding-left: 25px;
        font-size: 14px;
        font-weight: bold;
        color: black;
        background-image: url('/static/img/show_titles_ico.png?1b9104b416f0');
        background-repeat: no-repeat;
        background-position: left;
    }

    .contractorPage .news_hide_all:hover {
        color: #0b9444;
        text-decoration: none;
                background-image: url('/static/img/show_titles_ico_hover.png?1b9104b416f0');
        background-repeat: no-repeat;
        background-position: left;
    }

    .contractorPage .news_hide_all:focus {
        color: #0b9444;
        text-decoration: none;
                background-image: url('/static/img/show_titles_ico_hover.png?1b9104b416f0');
        background-repeat: no-repeat;
        background-position: left;
    }

    .news_show_all {
        font-size: 14px;
        font-weight: bold;
        color: black;
        padding-left: 25px;

        background-image: url('/static/img/show_all_ico.png?1b9104b416f0');
        background-repeat: no-repeat;
        background-position: left;
    }

    .news_show_all:hover {
        color: #0b9444;
        text-decoration: none;

        background-image: url('/static/img/hide_title_ico_hover.png?1b9104b416f0');
        background-repeat: no-repeat;
        background-position: left;
    }

    .news_show_all:focus {
        color: #0b9444;
        text-decoration: none;
        outline: none;

        background-image: url('/static/img/hide_title_ico_hover.png?1b9104b416f0');
        background-repeat: no-repeat;
        background-position: left;
    }

    .activeShowAll {
        color: #0b9444;
        text-decoration: none;
        outline: none;

        background-image: url('/static/img/hide_title_ico_hover.png?1b9104b416f0');
        background-repeat: no-repeat;
        background-position: left;
    }

    .news_hr { display: block; height: 1px; border: 0; border-top: 1px solid #cccccc !important; margin-top: 40px; padding: 0; }

    .list_item {
        list-style: none;
    }

    .list_item h1 {
        display: block;
        max-width: 500px;
        font-size: 21px;
    }

    .list_item_date {
        margin-left: 20px;
        color: #4c4c4c;
        font-size: 14px;
        background-image: url('/static/img/bluedot.png?1b9104b416f0');
        background-repeat: no-repeat;
        background-position: left center;
    }

    .list_item_date span {
        margin-left:10px;
    }

    .news_body {
        color: black;
        font-size: 14px;
    }

    .news_body_inside {
        padding-left: 20px;
        padding-right: 20px;
    }

    .news_show {
        float: right;
        margin-right: 20px;
        padding-left: 10px;
        padding-top: 4px;
        width: 90px;
        height: 27px;
        color: white;
        font-size: 13px;
        border-radius: 3px;

        /* gradient */

        background: #2a9ccb; /* Old browsers */
        background: -moz-linear-gradient(top, #2a9ccb 0%, #2fade2 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2a9ccb), color-stop(100%,#2fade2)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #2a9ccb 0%,#2fade2 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #2a9ccb 0%,#2fade2 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #2a9ccb 0%,#2fade2 100%); /* IE10+ */
        background: linear-gradient(to bottom, #2a9ccb 0%,#2fade2 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a9ccb', endColorstr='#2fade2',GradientType=0 ); /* IE6-9 */


        /* shadows */

        -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.65);
        -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.65);
        box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.65);
    }

    .news_show:hover {
        color: white;
        font-weight: 400;
         background: #085f8b; /* Old browsers */
        background: -moz-linear-gradient(top, #085f8b 0%, #09699a 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#085f8b), color-stop(100%,#09699a)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #085f8b 0%,#09699a 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #085f8b 0%,#09699a 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #085f8b 0%,#09699a 100%); /* IE10+ */
        background: linear-gradient(to bottom, #085f8b 0%,#09699a 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#085f8b', endColorstr='#09699a',GradientType=0 ); /* IE6-9 */
    }

    .news_show img {
        margin-right: 10px;
    }

    .news_hide {
        float: right;
        margin-right: 20px;
        padding-left: 10px;
        padding-top: 4px;
        width: 90px;
        height: 27px;
        color: white;
        font-size: 13px;
        border-radius: 3px;

        /* gradient */

        background: #085f8b; /* Old browsers */
        background: -moz-linear-gradient(top, #085f8b 0%, #09699a 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#085f8b), color-stop(100%,#09699a)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #085f8b 0%,#09699a 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #085f8b 0%,#09699a 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #085f8b 0%,#09699a 100%); /* IE10+ */
        background: linear-gradient(to bottom, #085f8b 0%,#09699a 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#085f8b', endColorstr='#09699a',GradientType=0 ); /* IE6-9 */


        /* shadows */

        -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.65);
        -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.65);
        box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.65);
    }

    .news_hide:hover {
        color: white;
        font-weight: 400;
        background: #2a9ccb; /* Old browsers */
        background: -moz-linear-gradient(top, #2a9ccb 0%, #2fade2 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2a9ccb), color-stop(100%,#2fade2)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #2a9ccb 0%,#2fade2 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #2a9ccb 0%,#2fade2 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #2a9ccb 0%,#2fade2 100%); /* IE10+ */
        background: linear-gradient(to bottom, #2a9ccb 0%,#2fade2 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a9ccb', endColorstr='#2fade2',GradientType=0 ); /* IE6-9 */
    }

    .news_hide img {
        margin-right: 10px;
    }

    .list_item p {
        padding-left: 5px;
        padding-right: 30px;
    }

    .news_hide_bottom {
        float: none;
        position: absolute;
        display: block;
        width: 90px;
        margin: 0 auto;
        margin-top: 17px;
        left: 0;
        right: 0;
    }

    .hr_active {
        margin-bottom: 20px;
        margin-top: 20px;
        border-bottom-style: solid;
        border-bottom-width: 1px;
        border-bottom-color: #2fade2;
        width: 100%;
    }

    .pagination {
        margin: 0;
    }

    .pagination a {
        color: black;
    }

    .pagination a:hover {
        color: #0b9444 !important;
    }

    .pagination .current {
        color: #0b9444;
        font-weight: bold;
    }

    .on_page {
        margin-right: 10px;
    }

    .resultsOnPage {
        font-family: 'Arial', sans-serif;
        font-weight: bold;
        margin-right: 10px;
    }

    .pages {
        padding-left: 5px;
        padding-right: 5px;
    }

    .pages li {
        display: inline;
        list-style: none;
        color: black;
        margin: 3px;
    }

    .pages li a:hover {
        text-decoration: none;
    }

     /* end of home.html * contractor_page.html elements */
}

/* home MOBILE version */

@media (max-width: 768px) {
    .headerPhoto {
        min-height: 80px;
        width: 100%;
        z-index: 100;

        -webkit-box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    2px 2px 5px 0px rgba(50, 50, 50, 0.75);
box-shadow:         2px 2px 5px 0px rgba(50, 50, 50, 0.75);
    }

    .crashReport {
        position: absolute;
        z-index: 101;
        margin-top: 50px;
        left: 15%;

        text-decoration: none !important;
        width: 135px;
        height: 30px;
        padding-top: 5px;
        border-radius: 5px;
        text-align: center;
        color: white !important;
        font-family: 'Arial', sans-serif;
        font-weight: bold;
        font-size: 13px;

        /* gradient */

        background: #0068da; /* Old browsers */
        background: -moz-linear-gradient(top, #0068da 0%, #2486e1 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0068da), color-stop(100%,#2486e1)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #0068da 0%,#2486e1 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #0068da 0%,#2486e1 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #0068da 0%,#2486e1 100%); /* IE10+ */
        background: linear-gradient(to bottom, #0068da 0%,#2486e1 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0068da', endColorstr='#2486e1',GradientType=0 ); /* IE6-9 */

        /* shadows */

        -webkit-box-shadow: 3px 3px 7px 0px rgba(0,0,0,0.5);
        -moz-box-shadow: 3px 3px 7px 0px rgba(0,0,0,0.5);
        box-shadow: 3px 3px 7px 0px rgba(0,0,0,0.5);
    }

    .counterReport {
       position: absolute;
        z-index: 101;
        margin-top: 50px;
        left: 60%;

        text-decoration: none !important;
        width: 135px;
        height: 30px;
        padding-top: 5px;
        border-radius: 5px;
        text-align: center;
        color: white !important;
        font-family: 'Arial', sans-serif;
        font-weight: bold;
        font-size: 13px;

        /* gradient */

        background: #0095da; /* Old browsers */
        background: -moz-linear-gradient(top, #0095da 0%, #24aae1 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0095da), color-stop(100%,#24aae1)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #0095da 0%,#24aae1 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #0095da 0%,#24aae1 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #0095da 0%,#24aae1 100%); /* IE10+ */
        background: linear-gradient(to bottom, #0095da 0%,#24aae1 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0095da', endColorstr='#24aae1',GradientType=0 ); /* IE6-9 */

        /* cienie */

        -webkit-box-shadow: 3px 3px 7px 0px rgba(0,0,0,0.5);
        -moz-box-shadow: 3px 3px 7px 0px rgba(0,0,0,0.5);
        box-shadow: 3px 3px 7px 0px rgba(0,0,0,0.5);
    }

    .crashReport:hover {

        color: white;
        text-decoration: none;

        /* gradient */

        background: rgba(35,135,229,1);
        background: -moz-linear-gradient(top, rgba(35,135,229,1) 0%, rgba(0,105,218,1) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(35,135,229,1)), color-stop(100%, rgba(0,105,218,1)));
        background: -webkit-linear-gradient(top, rgba(35,135,229,1) 0%, rgba(0,105,218,1) 100%);
        background: -o-linear-gradient(top, rgba(35,135,229,1) 0%, rgba(0,105,218,1) 100%);
        background: -ms-linear-gradient(top, rgba(35,135,229,1) 0%, rgba(0,105,218,1) 100%);
        background: linear-gradient(to bottom, rgba(35,135,229,1) 0%, rgba(0,105,218,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2387e5', endColorstr='#0069da', GradientType=0 );
    }

    .counterReport:hover {

        color: white;
        text-decoration: white;

        /* gradient */

        background: rgba(36,172,225,1);
        background: -moz-linear-gradient(top, rgba(36,172,225,1) 0%, rgba(17,151,218,1) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(36,172,225,1)), color-stop(100%, rgba(17,151,218,1)));
        background: -webkit-linear-gradient(top, rgba(36,172,225,1) 0%, rgba(17,151,218,1) 100%);
        background: -o-linear-gradient(top, rgba(36,172,225,1) 0%, rgba(17,151,218,1) 100%);
        background: -ms-linear-gradient(top, rgba(36,172,225,1) 0%, rgba(17,151,218,1) 100%);
        background: linear-gradient(to bottom, rgba(36,172,225,1) 0%, rgba(17,151,218,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#24ace1', endColorstr='#1197da', GradientType=0 );
    }

    .counterReport a {
        outline: none;
        text-decoration: none;
        color: white !important;
    }

    .counterReport a:hover {
        outline: none;
        text-decoration: none;
        color: white !important;
    }

    .counterReport a:active {
        outline: none;
        text-decoration: none;
        color: white !important;
    }

    .counterReport a:focus {
        outline: none;
        text-decoration: none;
        color: white !important;
    }

    .crashReport a {
        outline: none;
        text-decoration: none;
        color: white !important;
    }

    .crashReport a:hover {
        outline: none;
        text-decoration: none;
        color: white !important;
    }

    .crashReport a:active {
        outline: none;
        text-decoration: none;
        color: white !important;
    }

    .crashReport a:focus {
        outline: none;
        text-decoration: none;
        color: white !important;
    }

    .contentContainer h1 {
        padding-left: 20px;
    }

    /* news */

        /* elements of home.html & contractor_page.html */

    .paginatorHome {
        margin-top: 20px;
        margin-left: 35px;
        margin-bottom: 20px;
    }

    .list-header img {
        margin-right: 10px;
    }

    .list-wrapper ul {
        padding-left: 0;
    }

    .news_hide_all {
        margin-top: 35px;
        margin-left: 40px;
        margin-right: 20px;
        padding-left: 25px;
        font-size: 14px;
        font-weight: bold;
        color: black;
        background-image: url('/static/img/show_titles_ico.png?1b9104b416f0');
        background-repeat: no-repeat;
        background-position: left;

    }

    .news_hide_all:hover {
        color: #0b9444;
        text-decoration: none;

        background-image: url('/static/img/show_titles_ico_hover.png?1b9104b416f0');
        background-repeat: no-repeat;
        background-position: left;
    }

    .news_hide_all:focus {
        color: #0b9444;
        text-decoration: none;
        background-image: url('/static/img/show_titles_ico_hover.png?1b9104b416f0');
        background-repeat: no-repeat;
        background-position: left;
        outline: none;

    }

    .activeHideAll {
        color: #0b9444 !important;
        text-decoration: none !important;
        background-image: url('/static/img/show_titles_ico_hover.png?1b9104b416f0') !important;
        background-repeat: no-repeat !important;
        background-position: left !important;
        outline: none !important;

    }

    .news_hide_all img {
        padding-left: 20px;
    }

    .news_show_all {
        font-size: 14px;
        font-weight: bold;
        color: black;
        padding-left: 25px;

        background-image: url('/static/img/show_all_ico.png?1b9104b416f0');
        background-repeat: no-repeat;
        background-position: left;
    }

    .news_show_all:hover {
        color: #0b9444;
        text-decoration: none;

        background-image: url('/static/img/hide_title_ico_hover.png?1b9104b416f0');
        background-repeat: no-repeat;
        background-position: left;
    }

    .news_show_all:focus {
        color: #0b9444;
        text-decoration: none;
        background-image: url('/static/img/hide_title_ico_hover.png?1b9104b416f0');
        background-repeat: no-repeat;
        background-position: left;
        outline: none;
    }

    .activeShowAll {
        color: #0b9444;
        text-decoration: none;
        background-image: url('/static/img/hide_title_ico_hover.png?1b9104b416f0');
        background-repeat: no-repeat;
        background-position: left;
        outline: none;
    }

    .contractorPage .news_hide_all {
        margin-top: 35px;
        font-size: 14px;
        font-weight: bold;
        color: black;
        margin-left: 0 !important;
        margin-right: 20px;
        padding-left: 25px;
        font-size: 14px;
        font-weight: bold;
        color: black;
        background-image: url('/static/img/show_titles_ico.png?1b9104b416f0');
        background-repeat: no-repeat;
        background-position: left;
    }

    .contractorPage .news_hide_all:hover {
        color: #0b9444;
        text-decoration: none;
                background-image: url('/static/img/show_titles_ico_hover.png?1b9104b416f0');
        background-repeat: no-repeat;
        background-position: left;
    }

    .contractorPage .news_hide_all:focus {
        color: #0b9444;
        text-decoration: none;
                background-image: url('/static/img/show_titles_ico_hover.png?1b9104b416f0');
        background-repeat: no-repeat;
        background-position: left;
    }


    .news_hr { display: block; height: 1px; border: 0; border-top: 1px solid #cccccc !important; margin-top: 40px; padding: 0;}

    .list_item {
        list-style: none;
    }

    .list_item h1 {
        font-size: 21px;
    }

    .list_item_date {
        margin-left: 20px;
        color: #4c4c4c;
        font-size: 14px;
        background-image: url('/static/img/bluedot.png?1b9104b416f0');
        background-repeat: no-repeat;
        background-position: left center;
    }

    .list_item_date span {
        margin-left:10px;
    }

    .news_body {
        color: black;
        font-size: 14px;
    }

    .news_body_inside {
        padding-left: 20px;
        padding-right: 20px;
    }

    .news_show {
        float: right;
        margin-right: 20px;
        padding-left: 10px;
        padding-top: 4px;
        width: 90px;
        height: 27px;
        color: white;
        font-size: 13px;
        border-radius: 3px;

        /* gradient */

        background: #2a9ccb; /* Old browsers */
        background: -moz-linear-gradient(top, #2a9ccb 0%, #2fade2 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2a9ccb), color-stop(100%,#2fade2)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #2a9ccb 0%,#2fade2 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #2a9ccb 0%,#2fade2 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #2a9ccb 0%,#2fade2 100%); /* IE10+ */
        background: linear-gradient(to bottom, #2a9ccb 0%,#2fade2 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a9ccb', endColorstr='#2fade2',GradientType=0 ); /* IE6-9 */


        /* shadows */

        -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.65);
        -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.65);
        box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.65);
    }

    .news_show:hover {
        color: white;
        font-weight: 400;

        /* gradient */

        background: #085f8b; /* Old browsers */
        background: -moz-linear-gradient(top, #085f8b 0%, #09699a 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#085f8b), color-stop(100%,#09699a)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #085f8b 0%,#09699a 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #085f8b 0%,#09699a 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #085f8b 0%,#09699a 100%); /* IE10+ */
        background: linear-gradient(to bottom, #085f8b 0%,#09699a 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#085f8b', endColorstr='#09699a',GradientType=0 ); /* IE6-9 */
    }

    .news_show img {
        margin-right: 10px;
    }

    .news_hide {
        float: right;
        margin-right: 20px;
        padding-left: 10px;
        padding-top: 4px;
        width: 90px;
        height: 27px;
        color: white;
        font-size: 13px;
        border-radius: 3px;

        /* gradient */

        background: #085f8b; /* Old browsers */
        background: -moz-linear-gradient(top, #085f8b 0%, #09699a 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#085f8b), color-stop(100%,#09699a)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #085f8b 0%,#09699a 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #085f8b 0%,#09699a 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #085f8b 0%,#09699a 100%); /* IE10+ */
        background: linear-gradient(to bottom, #085f8b 0%,#09699a 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#085f8b', endColorstr='#09699a',GradientType=0 ); /* IE6-9 */


        /* shadows */

        -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.65);
        -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.65);
        box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.65);
    }

    .news_hide:hover {
        color: white;
        font-weight: 400;
        background: #2a9ccb; /* Old browsers */
        background: -moz-linear-gradient(top, #2a9ccb 0%, #2fade2 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2a9ccb), color-stop(100%,#2fade2)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #2a9ccb 0%,#2fade2 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #2a9ccb 0%,#2fade2 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #2a9ccb 0%,#2fade2 100%); /* IE10+ */
        background: linear-gradient(to bottom, #2a9ccb 0%,#2fade2 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a9ccb', endColorstr='#2fade2',GradientType=0 ); /* IE6-9 */

    }

    .news_hide img {
        margin-right: 10px;
    }

    .list_item p {
        padding-left: 5px;
        padding-right: 30px;
    }

    .news_hide_bottom {
        float: none;
        position: absolute;
        display: block;
        width: 90px;
        margin: 0 auto;
        margin-top: 17px;
        left: 0;
        right: 0;
    }

    .hr_active {
        margin-bottom: 20px;
        margin-top: 20px;
        border-bottom-style: solid;
        border-bottom-width: 1px;
        border-bottom-color: #2fade2;
        width: 100%;
    }

    .pagination {
        margin: 0;
    }

    .pagination a {
        color: black;
    }

    .pagination a:hover {
        color: #0b9444 !important;
    }

    .pagination .current {
        color: #0b9444;
        font-weight: bold;
    }

    .on_page {
        margin-right: 10px;
    }

    .resultsOnPage {
        font-family: 'Arial', sans-serif;
        font-weight: bold;
        margin-right: 10px;
    }

    .pages {
        padding-left: 5px;
        padding-right: 5px;
    }

    .pages li {
        display: inline;
        list-style: none;
        color: black;
        margin: 3px;
    }

     /* end of home.html * contractor_page.html elements */
}


/* STREFA MIESZKAŃCA ===========================
================================================
*/

.labelPaginsSM, .labelPaginsSM ul {
    padding-left: 5px !important;
}

.labelPaginsSM li {
    margin-bottom: 7px;
}

.labelPaginsSM2, .labelPaginsSM2 ul {
    padding-left: 13px !important;
}

.labelPaginsSM2 li {
    margin-bottom: 7px;
}

.documentsList {
    margin-top: 25px;
}

.accButton {
    padding-left: 10px;
    padding-top: 4px;
    width: 120px;
    height: 27px;
    color: white;
    font-size: 13px;
    border-radius: 5px;

    /* gradient */

    background: #2a9ccb; /* Old browsers */
    background: -moz-linear-gradient(top, #2a9ccb 0%, #2fade2 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2a9ccb), color-stop(100%,#2fade2)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #2a9ccb 0%,#2fade2 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #2a9ccb 0%,#2fade2 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #2a9ccb 0%,#2fade2 100%); /* IE10+ */
    background: linear-gradient(to bottom, #2a9ccb 0%,#2fade2 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a9ccb', endColorstr='#2fade2',GradientType=0 ); /* IE6-9 */


    /* shadows */

    -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.65);
    -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.65);
    box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.65);
}

.accLink {
    text-decoration: none !important;
}

.residentPage h4 {
    margin-bottom: 25px;
}

.accLink:hover {
    font-weight: 400 !important;
}

@media(min-width: 992px) and (max-width: 1366px) {
    .marginLeftToCenter {
        margin-left: 60px;
    }

    .residentPage .h4WithMargin {
        margin-left: 72px;
        margin-bottom: 25px;
    }
}

/* NASZA SPÓŁDZIELNIA ==========================
================================================
*/

.labelPagins, .labelPagins ul {
    padding-left: 0px !important;
}

.labelPagins li {
    margin-bottom: 7px;
}

.linkMargin {
    margin-top: 10px;
    margin-bottom: 10px;
}

.residentPage .cleanList li {
    margin-top: 10px;
    margin-bottom: 10px;
}

.resetMarginLeft {
    margin-left: -15px;
}

.marginRight {
    margin-right: 15px;
}

.marginLeft {
    margin-left: 15px;
}

.housingAssociationPage .h4WithMargin {
    margin-bottom: 25px;
}

.marginTop {
    margin-top: 15px;
}

@media (min-width: 992px) {
    .duty {
        float: right;
        background-color: #fafafa;
        padding: 10px;
        width: 200px;
        border-color: #cccccc;
        border-width: 1px;
        border-style: solid;
    }

}

@media (min-width: 768px) and (max-width: 992px) {
    .duty {
        float: right;
        right: 20%;
        background-color: #fafafa;
        padding: 10px;
        margin-top: 10px;
        width: 200px;
        border-color: #cccccc;
        border-width: 1px;
        border-style: solid;
    }
}

@media (max-width: 768px) {
    .duty {
        margin: 0 auto;
        background-color: #fafafa;
        padding: 10px;
        margin-top: 10px;
        width: 200px;
        border-color: #cccccc;
        border-width: 1px;
        border-style: solid;
    }
}

/* CONTACT PAGE ================================
================================================
*/

.contactPage {
    margin-left: -15px;
    margin-right: -15px;
}


@media (min-width: 768px) {
    .googleMap {
        margin-top: 20px;
        margin-bottom: 20px;
        width: 100%;
        height: 400px;
    }
}

@media (max-width: 768px) {
    .googleMap {
        display: block;
        width: 100%;
        height: 250px;
        margin: 0 auto;
    }

}

@media (max-width: 992px) {
    .overlay {
       background:transparent;
       position:relative;
       width:100%;
       height:250px;
       top:250px;
       margin-top:-250px;
    }
}

.contactPage h4 {
    font-size: 18px;
    margin-top: 30px;
    padding-left: 40px;
}

@media (min-width: 768px) {
    .contactPage .firstTitle {
    margin-top: 0;
    }
}

@media (max-width: 768px) {
    .contactPage .firstTitle {
    margin-top: 20px;
    }
}

.contactPage .adress {
    font-size: 17px;
    font-weight: bold;
}

@media (min-width: 768px){

    .contactPage .niprgnkrs {
        margin-top: 10px;
        color: #4c4c4c;
        font-size: 14px;
    }
}

@media (max-width: 768px){

    .contactPage .niprgnkrs {
        margin-top: 10px;
        margin-bottom: 20px;
        color: #4c4c4c;
        font-size: 14px;
    }
}

.contactPage ul {
    margin-left: -20px;
}

.contactPage li {
    margin-bottom: 5px;
}

.contactPage li span {
    position: relative;
    left: 20px;
}

.contactPage .cleanList {
        list-style: none;
        padding-left: 20px;
}

/* contact page icons */

.letterIco {
    list-style: url('/static/img/letter_ico.png?1b9104b416f0');
}

.telIco {
    list-style: url('/static/img/tel_ico.png?1b9104b416f0');
}

.doorIco {
    list-style: url('/static/img/door_ico.png?1b9104b416f0');
}

.contactPage .contactList {
    padding-left: 45px;
}

/* contact page form */
@media (max-width: 768px) {

.contactPage input {
    width: 100%;
    height: 40px;
    padding-left: 15px;
    margin-bottom: 5px;
    margin-top: 10px;
}

.contactPage textarea {
    max-width: none !important;
    padding-left: 15px;
    margin-top: 10px !important;
    width: 95% !important;
    resize: vertical;
}

.contactPage .sendButton {
    float: right;
    width: 85px;
    height: 27px;
    padding: 0;
    margin-bottom: 20px;
    color: white;
    border-radius: 5px;
    border: none;

    /* gradient */

        background: #2a9ccb; /* Old browsers */
        background: -moz-linear-gradient(top, #2a9ccb 0%, #2fade2 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2a9ccb), color-stop(100%,#2fade2)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #2a9ccb 0%,#2fade2 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #2a9ccb 0%,#2fade2 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #2a9ccb 0%,#2fade2 100%); /* IE10+ */
        background: linear-gradient(to bottom, #2a9ccb 0%,#2fade2 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a9ccb', endColorstr='#2fade2',GradientType=0 ); /* IE6-9 */


    /* shadows */

        -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.65);
        -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.65);
        box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.65);
}
}

@media (min-width: 768px) {

    .contactForm {
        width: 290px;
    }

    .contactPage input {
    width: 260px !important;
    height: 40px !important;
    padding-left: 15px;
    margin-bottom: 5px !important;
    margin-top: 10px;
}

    .contactPage textarea {
    padding-left: 15px;
    margin-top: 10px;
    width: 260px;
    resize: vertical;
    min-height: 150px;
}

    .contactPage .sendButton {
    float: right;
    width: 85px !important;
    height: 27px !important;
    padding: 0;
    color: white;
    border-radius: 5px;
    border: none;

    /* gradient */

        background: #2a9ccb; /* Old browsers */
        background: -moz-linear-gradient(top, #2a9ccb 0%, #2fade2 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2a9ccb), color-stop(100%,#2fade2)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #2a9ccb 0%,#2fade2 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #2a9ccb 0%,#2fade2 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #2a9ccb 0%,#2fade2 100%); /* IE10+ */
        background: linear-gradient(to bottom, #2a9ccb 0%,#2fade2 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a9ccb', endColorstr='#2fade2',GradientType=0 ); /* IE6-9 */


    /* shadows */

        -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.65);
        -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.65);
        box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.65);
}
}

/* CONTRACTOR PAGE =============================
================================================
*/

/* checkboxs */

.custom-checkbox{
        width: 19px;
        height: 19px;
        display: inline-block;
        position: relative;
        z-index: 1;
        border: none;
        top: 5px;
        background: url('/static/img/checkbox.png?1b9104b416f0') no-repeat;
    }
    .custom-checkbox:hover{
        background: url('/static/img/checkbox-hover.png?1b9104b416f0') no-repeat;
    }
    .custom-checkbox.selected{
        background: url('/static/img/checked.png?1b9104b416f0') no-repeat;
    }
    .custom-checkbox input[type="checkbox"]{
        margin: 0;
        position: absolute;
        z-index: 2;
        cursor: pointer;
        outline: none;
        border: none;
        opacity: 0;
        /* CSS hacks for older browsers */
        _noFocusLine: expression(this.hideFocus=true);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        -khtml-opacity: 0;
        -moz-opacity: 0;
    }

.contractorPage label {
    font-weight: 400;
    padding-left: 10px;
}


@media (min-width: 992px) {

    .subInfo {
        margin-top: -60px;
        margin-left: 65%;
    }
}

@media (min-width: 768px) and (max-width: 992px) {

    .subInfo {
        margin-top: -60px;
        margin-left: 60%;
    }
}

@media (max-width: 768px) {

    .subInfo {
        margin-top: 20px;
        padding-left: 20px;
    }
}

.contractorPage .news_show {
    margin-top: -20px;
}

.contractorPage .news_hide {
    margin-top: -20px;
}

.contractorPage .news_hide_bottom {
    margin-top: 17px;
}


span[title="aktualny"] {
    color: #0b9444;
}

span[title="anulowany"] {
    color: #ff4758;
}

span[title="zakończony"]  {
    color: #808080;
}

/* POP UP ======================================
================================================
*/

.ui-dialog {
    z-index: 112;
    width: 70% !important;
}

.ui-widget-header {
    background: white;
    border: none;
}

#id_name {
    margin-top: 20px;
    margin-bottom: 10px;
    width: 95%;
    height: 35px;
}

#id_email {
    margin-bottom: 10px;
    width: 95%;
    height: 35px;
}

#id_phone {
    margin-bottom: 10px;
    width: 95%;
    height: 35px;
}

#id_building {
    margin-top: 20px;
    margin-bottom: 10px;
    width: 95%;
    height: 35px;
}

#id_apartment_number {
    margin-bottom: 10px;
    width: 95%;
    height: 35px;
}

#id_body {
    margin-top: 20px;
    margin-bottom: 10px;
    max-width: 260px;
}

#id_meter1, #id_meter2, #id_meter3, #id_meter4, #id_meter5 {
    margin-bottom: 10px;
    width: 95%;
    height: 35px;
}

#id_meter1 {
    margin-top: 20px;
}

.ui-dialog {
    -webkit-box-shadow: 10px 10px 0px 1000px rgba(0,0,0,0.51);
-moz-box-shadow: 10px 10px 0px 1000px rgba(0,0,0,0.51);
box-shadow: 10px 10px 0px 1000px rgba(0,0,0,0.51);
}

.ui-button {
    /* gradient */

    background: #2a9ccb; /* Old browsers */
    background: -moz-linear-gradient(top, #2a9ccb 0%, #2fade2 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2a9ccb), color-stop(100%,#2fade2)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #2a9ccb 0%,#2fade2 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #2a9ccb 0%,#2fade2 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #2a9ccb 0%,#2fade2 100%); /* IE10+ */
    background: linear-gradient(to bottom, #2a9ccb 0%,#2fade2 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a9ccb', endColorstr='#2fade2',GradientType=0 ); /* IE6-9 */
}

.checkboxPopup {
    margin-left: 20px;
    margin-right: 20px;
    font-weight: 400;
    font-size: 12px;
    font-family: 'Arial', sans-serif;
    cursor: pointer;
}

.checkboxPopup a {
    color: #0b9444;
}

.checkboxPopup input {
    cursor: pointer;
}

/* password */

.popupPassword a {
    color: #1cbf60;
    text-decoration: underline;
    outline: none;
}

.popupPassword .sendButton {
    padding-left: 5px !important;
    padding-right: 5px !important;
    padding-top: 3px !important;
    width: 215px;
    margin-top: 25px;
    margin-bottom: 25px;
    height: 27px;
    color: white;
    border-radius: 5px;
    border: none;
    text-decoration: none !important;

    /* gradient */

    background: #2a9ccb; /* Old browsers */
    background: -moz-linear-gradient(top, #2a9ccb 0%, #2fade2 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2a9ccb), color-stop(100%,#2fade2)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #2a9ccb 0%,#2fade2 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #2a9ccb 0%,#2fade2 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #2a9ccb 0%,#2fade2 100%); /* IE10+ */
    background: linear-gradient(to bottom, #2a9ccb 0%,#2fade2 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a9ccb', endColorstr='#2fade2',GradientType=0 ); /* IE6-9 */


    /* shadows */

    -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.65);
    -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.65);
    box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.65);
}

.popupPassword .sendButton:hover {
    /* gradient */

        background: #085f8b; /* Old browsers */
        background: -moz-linear-gradient(top, #085f8b 0%, #09699a 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#085f8b), color-stop(100%,#09699a)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #085f8b 0%,#09699a 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #085f8b 0%,#09699a 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #085f8b 0%,#09699a 100%); /* IE10+ */
        background: linear-gradient(to bottom, #085f8b 0%,#09699a 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#085f8b', endColorstr='#09699a',GradientType=0 ); /* IE6-9 */
}

@media (min-width: 768px) {

    .popupPassword select {
        width: 250px !important;
        height: 40px !important;
        border-top-left-radius: 0 !important;
        border-bottom-left-radius: 0 !important;
        margin-left: 20px !important;;
    }

    .popupPassword input {
        width: 250px !important;
        margin-left: 47px !important;
        height: 40px;
    }
}

@media (min-width: 485px) and (max-width: 768px) {

    .popupPassword select {
        width: 200px !important;
        height: 40px !important;
        border-top-left-radius: 0 !important;
        border-bottom-left-radius: 0 !important;
        margin-left: 20px !important;;
    }

    .popupPassword input {
        width: 200px !important;
        margin-left: 47px !important;
        height: 40px;
    }
}

@media (max-width: 485px) {

    .popupPassword select {
        margin-top: 0px !important;
        width: 220px !important;
        height: 40px !important;
        border-top-left-radius: 0 !important;
        border-bottom-left-radius: 0 !important;
    }

    .popupPassword input {

        width: 220px !important;
        height: 40px;
    }

    .popupPassword label {
        margin-bottom: 0px;
        display: block;
        width: 100%;
    }
}


/* PA ==========================================
================================================
*/

/* login panel */

.loginPanelContainer {
    width: 260px;
    margin: 0 auto;
    margin-top: 100px;
    margin-bottom: 230px;
}

.loginForm {
    margin-bottom: 20px;
}

.loginForm input {
    width: 260px;
    height: 40px;
    padding-left: 5px;

}
.loginPanelButton {
    float: right;
    margin-top: 25px;
    margin-left: -15px;
    padding-left: 5px !important;
    padding-right: 5px !important;
    padding-top: 3px !important;
    width: 100px;
    height: 27px;
    border-radius: 5px;
    border: none;
    color: white;
    text-decoration: none !important;

    /* gradient */

    background: #2a9ccb; /* Old browsers */
    background: -moz-linear-gradient(top, #2a9ccb 0%, #2fade2 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2a9ccb), color-stop(100%,#2fade2)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #2a9ccb 0%,#2fade2 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #2a9ccb 0%,#2fade2 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #2a9ccb 0%,#2fade2 100%); /* IE10+ */
    background: linear-gradient(to bottom, #2a9ccb 0%,#2fade2 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a9ccb', endColorstr='#2fade2',GradientType=0 ); /* IE6-9 */


    /* shadows */

    -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.65);
    -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.65);
    box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.65);
}

.loginPanelButton:hover {
    /* gradient */

        background: #085f8b; /* Old browsers */
        background: -moz-linear-gradient(top, #085f8b 0%, #09699a 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#085f8b), color-stop(100%,#09699a)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #085f8b 0%,#09699a 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #085f8b 0%,#09699a 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #085f8b 0%,#09699a 100%); /* IE10+ */
        background: linear-gradient(to bottom, #085f8b 0%,#09699a 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#085f8b', endColorstr='#09699a',GradientType=0 ); /* IE6-9 */
}

/* header PA */

.headerPA {
    width: 100%;
    height: 80px;
    border-bottom-color: #bdbdbd;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    font-family: 'Arial', sans-serif;
    font-size: 15px;
    background-color: white;
    z-index: 109;
}

.headerPA .staticLogo {
    margin-left: 100px;
    padding-top: 5px;
    padding-right: 63px;
}

.headerPA .logUs {
    float: right;
    margin-right: 100px;
    padding-top: 25px;
}

.headerPA p {
    display: inline;
    color: #666666;
}

.headerPA a {
    margin-left: 20px;
    color: #009343;
}

/* menu PA */

/*
.menuPA {
    margin-left: 65px;
}
*/

@media (min-width: 1336px) {

.menuPA ul li {
    padding-left: 20px;
    list-style: none;
    margin-bottom: 10px;
}

.menuPA ul {
    border-right-style: solid;
    border-right-color: #dedede;
    border-right-width: 1px;
}
}

@media (max-width: 1336px) {

.menuPA ul li {
    list-style: none;
    margin-bottom: 10px;
}

.menuPA ul {
    float: left;
    border-right-style: solid;
    border-right-color: #dedede;
    border-right-width: 1px;
}
}

.menuPA ul li a {
    color: black;
}

.menuPA ul li a:hover {
    color: #009343;
}


.menuPA ul .active a {
    color: #009343;
}

.menuPASub li a {
    color: black !important;
}

.menuPASub .active a {
    color: #009343 !important;
}

.menuPASub {
    border-right: none !important;
}

/*.menuPA ul .active {
    background-image: url('/static/img/activePA.png?1b9104b416f0');
    background-repeat: no-repeat;
    background-position: left;
}*/

/* widok zgłoszenia PA */

.failureViewPA {
    margin-right: 100px;
}

.failureViewPA .top {
    margin-bottom: 50px;
    width: 500px;
}

.failureViewPA .top a {
    display: inline;
    font-weight: bold;
    color: #009343;
    padding-left: 20px;
    background-image: url('/static/img/backArrow.png?1b9104b416f0');
    background-repeat: no-repeat;
    background-position: left;
}

.failureViewPA .top form {
    display: inline;
}

.failureViewPA .top span {
    margin-left: 50px;
    display: inline;
}

.failureViewPA .content .date {
    margin-bottom: 35px;
    color: #666666;
}

.failureViewPA .content table {
    margin-bottom: 20px;
}

.failureViewPA .content table tr td {
    padding-top: 5px;
    padding-bottom: 5px;
    min-width: 130px;
}

/* list */

.listPA .top {
    margin-bottom: 50px !important;
}

.listPA .top input {
    margin-left: 15px;
    font-weight: 400;
    padding-left: 15px;
    outline: none;
    border-color: #808080;
    border-width: 1px;
    border-style: solid;
    height: 40px;
    width: 260px;
    background-image: url('/static/img/searchButton.png?1b9104b416f0');
    background-repeat: no-repeat;
    background-position: 95%;
}

.listPA .top .paginatorPA {
    display: inline;
}

.listPA .top .paginatorPATender {
    float: right;
    margin-right: 100px;
    margin-left: 15px;
    margin-top: 10px;
}

@media (min-width: 1366px) {

.listPA .top .showResults {
    position: absolute;
    right: 100px;
    top: 10px;
}
}

@media (max-width: 1366px) {

.listPA .top .showResults {
    position: absolute;
    right: 25px;
    top: 10px;
}
}


.listPA .top .showResultsOnlyPag {
    position: absolute;
    right: 100px;
    top: 60px;
}

.listPA .top .showResults select {
    margin-right: 20px;
}

@media (min-width: 1366px) {
    .listPA .table {
        width: 870px;
    }
}

@media (max-width: 1366px) {
    .listPA .table {
        width: 100%;
    }
}

.listPA .more {
    color: #009343;
    font-weight: bold;
    text-decoration: underline;
}

.arrowUp {
    width: 13px;
    height: 8px;
    background-image: url('/static/img/arrowUp.png?1b9104b416f0');
    cursor: pointer;
    background-repeat: no-repeat;
    margin-bottom: 4px;

}

.arrowDown {
    width: 15px;
    height: 7px;
    background-image: url('/static/img/arrowDown.png?1b9104b416f0');
    cursor: pointer;
    background-repeat: no-repeat;
    margin-top: 4px;
}

.tableList thead {
    color: #666666;
    font-size: 12px;
    font-weight: 400;
    border-color: white;
}

.back {
    font-weight: bold;
    color: #009343;
    padding-left: 20px;
    background-image: url('/static/img/backArrow.png?1b9104b416f0');
    background-repeat: no-repeat;
    background-position: left;
}

.back:hover {
    color: #009343;
}

.listPA .addNews {
    display: block;
    margin-bottom: 20px;
    padding-left: 40px;
    padding-top: 4px;
    padding-bottom: 4px;
    width: 180px;
    max-height: 30px;
    border-radius: 5px;
    border: none;
    text-decoration: none !important;
    color: white;



    /* gradient */

    background: #2a9ccb; /* Old browsers */
    background: -moz-linear-gradient(top, #2a9ccb 0%, #2fade2 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2a9ccb), color-stop(100%,#2fade2)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #2a9ccb 0%,#2fade2 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #2a9ccb 0%,#2fade2 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #2a9ccb 0%,#2fade2 100%); /* IE10+ */
    background: linear-gradient(to bottom, #2a9ccb 0%,#2fade2 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a9ccb', endColorstr='#2fade2',GradientType=0 ); /* IE6-9 */

    /* shadows */

    -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.65);
    -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.65);
    box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.65);
}

.listPA .addNews:hover {
    /* gradient */

        background: #085f8b; /* Old browsers */
        background: -moz-linear-gradient(top, #085f8b 0%, #09699a 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#085f8b), color-stop(100%,#09699a)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #085f8b 0%,#09699a 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #085f8b 0%,#09699a 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #085f8b 0%,#09699a 100%); /* IE10+ */
        background: linear-gradient(to bottom, #085f8b 0%,#09699a 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#085f8b', endColorstr='#09699a',GradientType=0 ); /* IE6-9 */
}

.listPA .addNews .addIco {
    position: absolute;
    left: 30px;
    top: 10px;
    width: 8px;
    height: 8px;
    background-image: url('/static/img/add.png?1b9104b416f0');
    background-repeat: no-repeat;
    background-position: left;
}

.dateBoxPA {
    position: absolute;
    left: 270px;
    top: 60px;
}
/* add docs */

.addDocs {
    display: block;
    margin-bottom: 20px;
    padding-left: 40px;
    padding-right: 5px;
    padding-top: 4px;
    padding-bottom: 4px;
    width: 180px;
    max-height: 30px;
    border-radius: 5px;
    border: none;
    text-decoration: none !important;
    color: white;



    /* gradient */

    background: #2a9ccb; /* Old browsers */
    background: -moz-linear-gradient(top, #2a9ccb 0%, #2fade2 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2a9ccb), color-stop(100%,#2fade2)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #2a9ccb 0%,#2fade2 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #2a9ccb 0%,#2fade2 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #2a9ccb 0%,#2fade2 100%); /* IE10+ */
    background: linear-gradient(to bottom, #2a9ccb 0%,#2fade2 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a9ccb', endColorstr='#2fade2',GradientType=0 ); /* IE6-9 */

    /* shadows */

    -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.65);
    -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.65);
    box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.65);
}

.addDocs:hover {
    color: white;

    /* gradient */

        background: #085f8b; /* Old browsers */
        background: -moz-linear-gradient(top, #085f8b 0%, #09699a 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#085f8b), color-stop(100%,#09699a)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #085f8b 0%,#09699a 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #085f8b 0%,#09699a 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #085f8b 0%,#09699a 100%); /* IE10+ */
        background: linear-gradient(to bottom, #085f8b 0%,#09699a 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#085f8b', endColorstr='#09699a',GradientType=0 ); /* IE6-9 */
}

.addDocs .addIco {
    position: absolute;
    left: 30px;
    top: 10px;
    width: 8px;
    height: 8px;
    background-image: url('/static/img/add.png?1b9104b416f0');
    background-repeat: no-repeat;
    background-position: left;
}

.addDocs a {
    color: white;
    padding-left: 20px;
    text-decoration: none;
}

.addDocs a:hover {
    color: white;
    text-decoration: none;
}

.delete_link {
    margin-left: 10px;
    color: red;
    text-decoration: underline;
}

/* news detail */

.newsDetailPA {
    margin-right: 100px;
}

.newsDetailPA .top {
    margin-bottom: 50px;
    width: 500px;
}

.newsDetailPA .back {
        display: inline;
    font-weight: bold;
    color: #009343;
    padding-left: 20px;
    background-image: url('/static/img/backArrow.png?1b9104b416f0');
    background-repeat: no-repeat;
    background-position: left;
}

.newsDetailPA .edit {
    display: inline;
    font-weight: bold;
    color: #009343;
    margin-left: 50px;
}

.newsDetailPA .delete_form {
    display: inline;
    margin-left: 50px;
}

.newsDetailPA .delete_form input {
    display: inline;
    border: none;
    background: none;
    color: red;
    padding-left: 0;
    text-decoration: underline;
    margin-top: 10px;
    font-weight: bold;

}

.newsDetailPA table tr td {
    padding-top: 5px;
    padding-bottom: 5px;
    min-width: 100px;
}

.newsDetailPA .date {
    color: #666666;
}

.newsDetailPA ul {
    list-style: none;
}

/* add news */

.addContentPA input {
    margin-bottom: 20px;
    font-weight: 400;
    padding-left: 15px;
    outline: none;
    border-color: #808080;
    border-width: 1px;
    border-style: solid;
    height: 40px;
    width: 260px;
}

.addContentPA .button {
    margin-bottom: 20px;
    margin-top: 10px;
    width: 100px;
    height: 27px;
    border-radius: 5px;
    border: none;
    text-decoration: none !important;
    color: white;
    padding-left: 0 !important;



    /* gradient */

    background: #2a9ccb; /* Old browsers */
    background: -moz-linear-gradient(top, #2a9ccb 0%, #2fade2 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2a9ccb), color-stop(100%,#2fade2)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #2a9ccb 0%,#2fade2 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #2a9ccb 0%,#2fade2 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #2a9ccb 0%,#2fade2 100%); /* IE10+ */
    background: linear-gradient(to bottom, #2a9ccb 0%,#2fade2 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a9ccb', endColorstr='#2fade2',GradientType=0 ); /* IE6-9 */

    /* shadows */

    -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.65);
    -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.65);
    box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.65);
}

.addContentPA .button:hover {
    /* gradient */

        background: #085f8b; /* Old browsers */
        background: -moz-linear-gradient(top, #085f8b 0%, #09699a 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#085f8b), color-stop(100%,#09699a)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #085f8b 0%,#09699a 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #085f8b 0%,#09699a 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #085f8b 0%,#09699a 100%); /* IE10+ */
        background: linear-gradient(to bottom, #085f8b 0%,#09699a 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#085f8b', endColorstr='#09699a',GradientType=0 ); /* IE6-9 */
}

.addContentPA select {
    margin-bottom: 20px;
    max-width: 260px;
}

.addContentPA .back {
    display: block;
    margin-bottom: 30px;
    font-weight: bold;
    color: #009343;
    padding-left: 20px;
    background-image: url('/static/img/backArrow.png?1b9104b416f0');
    background-repeat: no-repeat;
    background-position: left;
}

.addContentPA .back:hover {
    color: #009343;
}

.addContentPA .checkbox {
    margin-left: 20px;
}




/* meter detail */

.meterDetailPA .top .back {
    display: inline;
    font-weight: bold;
    color: #009343;
    padding-left: 20px;
    background-image: url('/static/img/backArrow.png?1b9104b416f0');
    background-repeat: no-repeat;
    background-position: left;
}

.meterDetailPA .top a {
    display: inline;
    font-weight: bold;
    color: #009343;
    padding-left: 20px;
    background-image: url('/static/img/backArrow.png?1b9104b416f0');
    background-repeat: no-repeat;
    background-position: left;
}

.meterDetailPA .top span {
    margin-left: 50px;
    display: inline;
}

.meterDetailPA .top form {
    display: inline;
}

.meterDetailPA .date {
    color: #666666;
}

.meterDetailPA table tr td {
    padding-top: 5px;
    padding-bottom: 5px;
    min-width: 200px;
}


/* building detail */

.buildingDetailPA {
    margin-right: 100px;
}

.buildingDetailPA .back {
        display: inline;
    font-weight: bold;
    color: #009343;
    padding-left: 20px;
    background-image: url('/static/img/backArrow.png?1b9104b416f0');
    background-repeat: no-repeat;
    background-position: left;
}

.buildingDetailPA .edit {
    display: inline;
    font-weight: bold;
    color: #009343;
    margin-left: 50px;
}

.buildingDetailPA .delete_form input {
    display: inline;
    border: none;
    background: none;
    color: red;
    padding-left: 0;
    text-decoration: underline;
    margin-top: 10px;
    font-weight: bold;

}

.buildingDetailPA .delete_form {
    display: inline;
    margin-left: 50px;
}

.buildingDetailPA ul, .buildingDetailPA ul li {
    padding-left: 0 !important;
    list-style: none;
}

.buildingDetailPA table tr td {
    width: 150px;
}

.buildingDetailPA .titles {
    margin-top: 30px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #cbcbcb;
}

.buildingDetailPA ul {
    border-right: none;
}

.buildingDetailPA {
    margin-right: 100px;
}

/* buildings form */

.buildingsFormPA .button {
    margin-bottom: 20px;
    margin-top: 10px;
    width: 100px;
    height: 27px;
    border-radius: 5px;
    border: none;
    text-decoration: none !important;
    color: white;
    padding-left: 0 !important;



    /* gradient */

    background: #2a9ccb; /* Old browsers */
    background: -moz-linear-gradient(top, #2a9ccb 0%, #2fade2 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2a9ccb), color-stop(100%,#2fade2)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #2a9ccb 0%,#2fade2 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #2a9ccb 0%,#2fade2 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #2a9ccb 0%,#2fade2 100%); /* IE10+ */
    background: linear-gradient(to bottom, #2a9ccb 0%,#2fade2 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a9ccb', endColorstr='#2fade2',GradientType=0 ); /* IE6-9 */

    /* shadows */

    -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.65);
    -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.65);
    box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.65);
}

.buildingsFormPA .button:hover {
    /* gradient */

        background: #085f8b; /* Old browsers */
        background: -moz-linear-gradient(top, #085f8b 0%, #09699a 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#085f8b), color-stop(100%,#09699a)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #085f8b 0%,#09699a 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #085f8b 0%,#09699a 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #085f8b 0%,#09699a 100%); /* IE10+ */
        background: linear-gradient(to bottom, #085f8b 0%,#09699a 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#085f8b', endColorstr='#09699a',GradientType=0 ); /* IE6-9 */
}

.buildingsFormPA input {
    position: absolute;
    left: 200px;
    margin-bottom: 50px;
    font-weight: 400;
    padding-left: 15px;
    outline: none;
    border-color: #808080;
    border-width: 1px;
    border-style: solid;
    height: 40px;
    width: 260px;
}

.buildingsFormPA .field-wrapper {
    margin-bottom: 30px;
}

#id_parts-0-DELETE, #id_parts-1-DELETE, #id_parts-2-DELETE, #id_parts-3-DELETE {
    width: 16px;
    height: 16px;
}

/* tender details */

.tenderDetailPA .back {
        display: inline;
    font-weight: bold;
    color: #009343;
    padding-left: 20px;
    background-image: url('/static/img/backArrow.png?1b9104b416f0');
    background-repeat: no-repeat;
    background-position: left;
}

.tenderDetailPA .edit {
    display: inline;
    font-weight: bold;
    color: #009343;
    margin-left: 50px;
}

.tenderDetailPA .delete_form {
    display: inline;
    margin-left: 50px;
}

.tenderDetailPA .delete_form input {
    display: inline;
    border: none;
    background: none;
    color: red;
    padding-left: 0;
    text-decoration: underline;
    margin-top: 10px;
    font-weight: bold;

}

.tenderDetailPA span {
    margin-left: 50px;
    display: inline;
}

.tenderDetailPA .top span .change_status_form {
    display: inline;
}

.tenderDetailPA .date {
    color: #666666;
}

.tenderDetailPA table tr td {
    padding-top: 5px;
    padding-bottom: 5px;
    min-width: 200px;
}


/* alerst */


.alert {
    border-radius: 0px;
}

@media (min-width: 1336px) {
    .alert-success {
        background-color: #e5f5ea;
        color: #008446;
        border-width: 1px;
        border-color: #008446;
        border-style: solid;
        max-width: 400px;
        margin-left: 335px;
        background-image:url('/static/img/doneIco.png?1b9104b416f0');
        background-repeat: no-repeat;
        background-position: 5%;
        padding-left: 50px;
    }
}

@media (max-width: 1336px) {
    .alert-success {
        background-color: #e5f5ea;
        color: #008446;
        border-width: 1px;
        border-color: #008446;
        border-style: solid;
        max-width: 400px;
        margin-left: 255px;
        background-image:url('/static/img/doneIco.png?1b9104b416f0');
        background-repeat: no-repeat;
        background-position: 5%;
        padding-left: 50px;
    }
}

/* progress bar */

#progress {
    margin-top: 20px;
    height: 5px;
    max-width: 500px;
}

.add_item {
    font-family: 'Arial', sans-serif;
    font-weight: bold;
    color: #009343;
    cursor: pointer;
}

.remove_item {
    color: red;
    font-weight: bold;
    cursor: pointer;
}

.documents_list {
    list-style: none;
}

#id_in_news {
    width: 15px;
    height: 15px;
    position: absolute;
    left: 0px;
    bottom: -16px;
}

.errorMess {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 3px;
    max-width: 400px;
    margin: 0 auto;
    margin-top: 20px;
    background-color: #ffdada;
    border-width: 1px;
    border-style: solid;
    border-color: #d87272;
    text-align: center;
    color: #d87272;
    font-weight: bold;
}

.adminOptions input {
    max-width: 300px;
    margin-bottom: 10px;
    height: 40px;
    width: 260px;
}

.adminOptions textarea {
    max-width: 260px;
    left: 300px;
    height: 100px;
}

.adminOptions .field-wrapper {
    margin-bottom: 30px;
    margin-top: 15px;
}

.adminOptions .button {
    position: absolute;
    bottom: -50px;
    left: 10px;
    margin-bottom: 50px;
    margin-top: 30px;
    width: 100px;
    height: 27px;
    border-radius: 5px;
    border: none;
    text-decoration: none !important;
    color: white;
    padding-left: 0 !important;



    /* gradient */

    background: #2a9ccb; /* Old browsers */
    background: -moz-linear-gradient(top, #2a9ccb 0%, #2fade2 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2a9ccb), color-stop(100%,#2fade2)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #2a9ccb 0%,#2fade2 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #2a9ccb 0%,#2fade2 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #2a9ccb 0%,#2fade2 100%); /* IE10+ */
    background: linear-gradient(to bottom, #2a9ccb 0%,#2fade2 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a9ccb', endColorstr='#2fade2',GradientType=0 ); /* IE6-9 */

    /* shadows */

    -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.65);
    -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.65);
    box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.65);
}

.adminOptions .button:hover {
    /* gradient */

        background: #085f8b; /* Old browsers */
        background: -moz-linear-gradient(top, #085f8b 0%, #09699a 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#085f8b), color-stop(100%,#09699a)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #085f8b 0%,#09699a 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #085f8b 0%,#09699a 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #085f8b 0%,#09699a 100%); /* IE10+ */
        background: linear-gradient(to bottom, #085f8b 0%,#09699a 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#085f8b', endColorstr='#09699a',GradientType=0 ); /* IE6-9 */
}

.adminOptions label {
    width: 200px;
    vertical-align: top;
}

.addContentPA label {
    vertical-align: top;
}

.addContentPA label[for=id_date] {
    margin-right: 7px;
}
.addContentPA label[for=id_file] {
    margin-right: 8px;
}

/* IE 10+ hacks */

 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

        .paginatorForm {
        padding-right: 0px;
        min-width: 50px;
        border-style: solid;
        border-width: 1px;
        border-radius: 5px;
        border-color: black;
        outline: none;
        background: none;
    }

     .centeringResidentPage {
        width: 1300px;
        margin: 0 auto;
        margin-top:-10px;
    }

     .centering {
         width: 380px;
         margin-top: -10px;
     }

     .contactPage select {
         padding-right: 0px;
         background: none;
     }

     select {
         background: none;
         padding-right: 0px;
     }

     .selectPage {
         background: none;
         padding-right: 0px;
     }
}

/* cookie alert */

@media(min-width: 768px) {

    #cookieInfo {
        position: fixed;
        bottom: 0;
        width: 100%;
        max-width: 1366px;
        margin: 0 auto;
        min-height: 55px;
        max-height: 100px;
        border-top-style: solid;
        border-top-width: 2px;
        border-top-color: #009343;
        background-color: white;
        padding-left: 100px;
        padding-right: 150px;
        padding-top: 15px;
    }
}

@media (max-width: 768px) {
    #cookieInfo {
        position: fixed;
        bottom: 0;
        width: 100%;
        min-height: 80px;
        max-height: 220px;
        border-top-style: solid;
        border-top-width: 2px;
        border-top-color: #009343;
        background-color: white;
        padding-left: 15px;
        padding-right: 60px;
        padding-top: 15px;
    }
}

@media (min-width: 1300px){
    #cookieInfo p {
        float: left;
    }
}

@media (max-width: 1300px) {
    #cookieInfo p {
        float: left;
        display: block;
        width: 80%;
    }
}

#cookieInfo a {
    color: #009343;
    text-decoration: none;
}

#cookieInfo a:hover {
    text-decoration: underline;
}

@media (min-width: 992px) {
    #cookieButton {
        margin-left: 30px;
        color: white !important;
        background-color: #009343;
        width: 45px;
        height: 25px;
        padding-top: 3px;
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 3px;
        text-align: center;
        font-weight: bold;
        border-radius: 2px;
        margin-bottom: 20px;
    }
}

@media (max-width: 992px) {
    #cookieButton {
        color: white !important;
        background-color: #009343;
        width: 45px;
        height: 25px;
        padding-top: 3px;
        padding-bottom: 3px;
        padding-left: 15px;
        padding-right: 15px;
        text-align: center;
        font-weight: bold;
        border-radius: 2px;
        margin-bottom: 20px;
    }
}
#cookieButton:hover {
    text-decoration: none !important;
    background-color: #00642d;
}