body {
    font-family: 'Gill Sans' , 'Gill Sans MT' , Calibri, 'Trebuchet MS' , sans-serif;
}

header {
    width: 100%;
    background-color: #F7F9F9;
    float: left;
}

.headerMaliMeni {
    display:none;
    position:absolute;
    z-index:22;
    left:3px;
    top:10px;
    width:40px;
    height:40px;
}

.Content {
    width:100%;
    float:left;
}

footer {
    width: 100%;
    background-color: #DEE7E7;
    float: left;
}

.footerContent {
    width:100%;
    float:left;
}


.ContentKocka {
    width:20%;
    float:left;
    text-align:center;
    margin-left:4%;
}

.footerStatus {
    width: 100%;
    height: 40px;
    background-color: #333333;
    float: left;
}

.SirinaStranice {
    width:1280px;
    margin:auto;
}

.FloatLeft100p {
    width:100%;
    float:left;
    margin-top:5px;
    margin-bottom:5px;
}

.headerGore {
    width:100%;
    height:60px;
    font-size:30px;
    padding-top:30px;
    float:left;
}
.headerMeni {
    width: 100%;
    height: 50px;
    float: left;
    font-size: 16px;
    background-image: url('../Podaci/Slike/Master/1pxMenu.jpg');
}

.HeaderMeniStavka {
    float:left;
    padding-right:25px;
    padding-left:25px;
    padding-top:17px;
    padding-bottom:17px;
    color:white;
    text-transform:uppercase;
    cursor:pointer;
    position:relative;
}

.HeaderMeniStavkaA {
    float:left;
    padding-right:25px;
    padding-left:25px;
    padding-top:17px;
    padding-bottom:17px;
    color:white;
    text-transform:uppercase;
    cursor:pointer;
    position:relative;
    background-image: url('../Podaci/Slike/Master/1pxMenu2.jpg');
}
.HeaderMeniStavkaA .strelica {
    visibility: visible;
    width: 14px;
    height: 7px;
    position:absolute;
    margin:auto;
    left:0;
    right:0;
    top:5px;
    background-image: url('../Podaci/Slike/Master/Arrow-Down-icon.png');
}

.HeaderMeniStavka:hover {
    background-image: url('../Podaci/Slike/Master/1pxMenu2.jpg');
}

.strelica {
    visibility: hidden;
    width: 14px;
    height: 7px;
    position:absolute;
    margin:auto;
    left:0;
    right:0;
    top:5px;
    background-image: url('../Podaci/Slike/Master/Arrow-Down-icon.png');
}

.HeaderMeniStavka:hover > .strelica {
    visibility:visible;
}



.Logo {
    float: left;
    width: 250px;
    height:45px;
    background-image: url('../Podaci/Slike/Master/logo.png');
}

.HeaderSlike {
    width:100%;
    float:left;
    background-color: #F7F9F9;
}

.HeaderSlikeSlika {
    width:1280px;
    height:256px;
    margin-top:60px;
    border:3px solid white;
    border:3px solid white;
    background-color:white;
    float:left;
    overflow:hidden;
}

.HeaderSlikeSjena {
    
    width:1280px;
    height:67px;
    float:left;
}

.headerSlika {
    width:100%;
}

.Naslov {
    font-size:18px;
    font-weight:bold;
    margin-bottom:20px;
    margin-top:20px;
}

.Tekst {
    font-size: 16px;
    line-height: 20px;
    text-align:justify;
}

b {
    font-weight:bold;
}

.footerKucica {
    color:black;
    width:27%;
    margin:3%;
    float:left;
}

.footerKucica a:link {
    color:black;
}
.footerKucica a:visited {
    color:black;
}

.TekstSlika img {
    
}

.facebookikona {
    background-image: url('../Podaci/Slike/Master/facebookheader1.jpg');
    width:133px;
    height:50px;
    cursor:pointer;
}
.facebookikona:hover {
    background-image: url('../Podaci/Slike/Master/facebookheader2.jpg');
}

.IkonePonuda {
    width:100%;
    float:left;
}

.IkonePonuda .Ikona {
    width:140px;
    min-height:150px;
    margin:20px;
    float:left;

}

.IkonePonuda2 {
    width:500px;
    margin:auto;
}

.IkonePonuda2 .Ikona2 {
    width:200px;
    min-height:200px;
    margin:20px;
    float:left;
}

.IkonePonuda2 .Ikona2 .Tekst {
    width:100%;
    min-height:20px;
    text-align:center;
    float:left;
    font-weight:bold;
}


.IkonePonuda .Ikona .Slika {
    width:100%;
    height:130px;
    float:left;
}

.IkonePonuda .Ikona .Tekst {
    width:100%;
    min-height:20px;
    text-align:center;
    float:left;
}

@media only screen and (max-width: 1280px) {
    .SirinaStranice {
        width: 100%;
        margin: auto;
    }

    .ContentKocka{
        width:43%;
    }

    .footerKucica {
        width:43%;
    }

    .HeaderSlikeSlika {
        width:100%;
        height:auto;
    }

    .HeaderSlikeSjena {
        width:100%;
    }

}

@media only screen and (max-width: 705px) {

    .headerMeni {
        display:none; 
    }

    .ContentKocka{
        width:90%;
    }

    .footerKucica {
        width:90%;
    }

    .Logo {
        float: none;
        margin:auto;
    }
    .headerGore {
        height:45px;
        padding-top:5px;
    }

    .headerMaliMeni {
        display: inline;
        background-image: url('../Podaci/Slike/Master/meni.png');
    }

        .headerMeni {
        width: 100%;
        height:auto;
        float: left;
        font-size: 16px;
        background-image: url('../Podaci/Slike/Master/1pxMenu.jpg');
        top:65px;
        left:0px;
        position:absolute;
        z-index:55;
    }

    .HeaderMeniStavka {
        height:50px;
        float:left;
        width:100%;
        padding:0;
    }

    .HeaderMeniStavkaA {
        height:50px;
        float:left;
        width:100%;
        padding:0;
    }

    .HeaderSlikeSlika {
        margin-top:15px;
        
    }

   .HeaderSlikeSjena {
    
    height:40px;
    
    }


}