﻿body {
    font-family: 'Open Sans', sans-serif, Verdana;
}

#backImgMain {
    /*background-image: url(/Content/Images/COLOR_W_OVERLAY_TRIMMED.jpg);
    background-size: cover;*/
}

/* Set padding to keep content from hitting the edges */
/*.body-content {
    padding-left: 15px;
    padding-right: 15px;
}*/

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
}

/* styles for validation helpers */
.field-validation-error {
    color: #b94a48;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border: 1px solid #b94a48;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #b94a48;
}

.validation-summary-valid {
    display: none;
}

.pageurl {
    border: 1px dotted #a2a2a2;
    padding: 3px;
    border-radius: 5px;
}


/*------------------------------------------------*/
/*--------------- CUSTOM TYPOGRAPHY --------------*/
/*------------------------------------------------*/

::selection {
    color: #000000;
    font-weight: bold;
    background: #c3c3c3;
}

::-moz-selection {
    color: #000000;
    font-weight: bold;
    background: #c3c3c3;
}

.textCustom {
}

    .textCustom a {
        color: #428bca;
        text-decoration: none;
        border-bottom: 1px dotted;
    }

        .textCustom a:hover, a:focus {
            color: #2a6496;
            text-decoration: none;
            border-bottom: 1px dotted;
        }

/*------------------------------------------------*/
/*-------------- HEADER AREA ---------------------*/
/*------------------------------------------------*/

.logoM img {
    float: left;
    margin-top: 10px;
    margin-bottom: 5px;
    padding-left: 0;
    margin-left: -8px;
}


/*------------------------------------------------*/
/*----------------- Static Pages------------------*/
/*------------------------------------------------*/

.static-icon {
    height: auto;
    float: right;
    padding: 10px 0 20px 0;
}


/*------------------------------------------------*/
/*--------  MEDIA QUERIES & Cross Browser  -------*/
/*------------------------------------------------*/


@media (max-width: 768px) {
    .titleObilasci {
        margin-top: 200px;
    }

    .obilasciIcon {
        float: none;
        margin-top: 0;
        padding-bottom: 20px;
    }

        .obilasciIcon img {
            float: none;
            margin-left: auto;
            margin-right: auto;
        }

    .containerObilasci {
        margin-bottom: 0;
    }

    .filter-area {
        padding-top: 150px;
    }
}

@media(max-width: 460px) {
    .logoM img {
        width: 270px;
    }
}

@media(max-width: 360px) {
    .logoM img {
        width: 216px;
    }
}

@media(max-width: 700px) {
    .footerLogos {
        float: none;
        margin-top: 0;
        margin-right: 0;
    }
}

