@charset "UTF-8";

@font-face {
    font-family: 'NectoFont';
    src: url('../fonts/Dosis-Light.eot'); /* IE9 Compat Modes */
    src: url('../fonts/Dosis-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../fonts/Dosis-Light.woff') format('woff'), /* Modern Browsers */
        url('../fonts/Dosis-Light.ttf')  format('truetype'); /* Safari, Android, iOS */
}

body {	
    font-family: 'NectoFont','Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size:20px;
    color:#666;
    padding-top: 51px;
}

code {
    font-size: 80%;
}

a, 
a:hover, 
a:visited {
    color:#DD137B;
}

h1,h2,h3,h4,h5,h6 {
    font-family: 'NectoFont','Helvetica Neue', Helvetica, Arial, sans-serif;
}

/* Sticky footer styles
-------------------------------------------------- */

html,
body {
    height: 100%;
    /* The html and body elements cannot have any padding or margin. */
}

/* Wrapper for page content to push down footer */
#wrap {
    min-height: 100%;
    height: auto;
    /* Negative indent footer by its height */
    margin: 0 auto -255px;
    /* Pad bottom by footer height */
    padding: 0 0 255px;
}

@media (max-width: 992px) { 
    /* Set the fixed height of the footer here */
    #footer {
        height: 330px;
        background-color: #DADADA;
    }
}

@media (max-width: 500px) { 
    /* Set the fixed height of the footer here */
    #footer {
        height: 360px;
        background-color: #DADADA;
    }
}

@media (min-width: 992px) { 
    /* Set the fixed height of the footer here */
    #footer {
        height: 255px;
        background-color: #DADADA;
    }
}

@media (min-width: 1200) { }


/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

#wrap > .prvi {
    padding: 60px 15px 0;
}

#wrap > .container {
    padding-left: 15px;
    padding-right: 15px;
}

#footer > .container {
    padding-left: 15px;
    padding-right: 15px;
}

.navbar-brand {
    padding-top:13px;
    padding-bottom:14px;
}

.banner {
    display: table;
    position: relative;
    width: 100%;
    height: 100%;
    background: url(../images/banner.jpg) no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

#ponuda {
    display: table;
    position: relative;
    top:-51px;
    width: 100%;
    height: 100%;
}

.text-vertical-left {
    display: table-cell;
    text-align: left;
    vertical-align: middle;
}

.white {
    color:white;
}

.white-shadow {
    text-shadow: 3px 3px 2px #C8C8C8;
}

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

.margin-bottom-20 {
    margin-bottom: 20px;
}

.margin-top-40 {
    margin-top:40px;
}

.margin-top-60 {
    margin-top:60px;
}

.margin-bottom-40 {
    margin-bottom:40px;
}

.margin-0 {
    margin:0px;
}

.okvir {
    border: #ddd solid 1px;
    border-radius: 4px;
    padding:10px;
}

.siva-pozadina {
    background-color: #F1F1F1;
}

.crvena {
    color: #DD137B;
}