html,body
{
    margin:0px;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    font-size: 14px;
    font-family: Helvetica;
    color: #330000;
    background-color: #fff;
    background-image:url('/Content/Slike/background-image.png');
    background-position:right bottom;
    background-repeat:no-repeat;

}



#glavni 
{
    position: fixed;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 90%;
}


#glava
{
    position:relative;
    display:block;
    margin:0px auto;
    width: 1010px;
    height:100%; 
    background-image:url('/Content/Slike/Logo-main.png');
    background-position:center 10px;
    background-repeat:no-repeat;
    z-index:1;
    /*clear:both;*/
}

/*---------------------------------------------meni------------------------------------*/
#sadrzaj_foot
{
    position:fixed;
    display:block;
    bottom:0px;
    left:0px;
    height:50px;
    text-align:center;
    color:#00aeef;
    width:100%;
    z-index:2;

}



#meni_okvir 
{
    position:fixed;
    display:block;
    bottom:0px;
    left:0px;
    height:25%;
    width:100%;
}

#meni
{
    position:relative;
    display:block;
    height:150px;
    width:1010px;
    margin:0px auto;
    z-index:5;
    
}

/*---------------------------------------------sadržaj-----------------------------------*/

#okvir 
{
    position:relative;
    display:block;
    height:70%;
    width:100%;
    margin-top:30px;
    margin-bottom:20px;
}
#sadrzaj
{
    position:relative;
    display:block;
    font-family:Helvetica;
    color:#330000;
    clear:both;
    background-color:#fff;
    height:100%;
    width:100%;
    z-index:0;
    opacity:0.85;
    filter: alpha(opacity = 85);
    overflow:auto;
}

#sadrzaj p
{
    margin:20px;
}

#sadrzaj_head
{
   display:block;
   height:40px;
}

.naslov 
{
    position:relative;
    display:block;
    height:70px;
    width:100%;
    background-image:url('/Content/Slike/ss-logo-mali.png');
    background-position:left;
    background-repeat:no-repeat;
}

#okvir h2
{
    position:absolute;
    display:block;
    width:90%;
    border-bottom:1px solid #00aeef; 
    text-align:left;
    text-indent:20px;
    font-size:36px;
    font-weight:100;
    color:#959595;
    left:40px;
    bottom:-30px;
}

#sadrzaj h3
{
    text-indent:30px;
}

#sadrzaj li
{
    margin:10px;
}

#sadrzaj_foot span
{
    text-align:center;
    margin-left:-185px;
}


#profilna
{
    margin:0px 25px 15px 25px;
    float:right;
}



.usluge
{
    display:block;
    width:700px;
    float:left;
    margin:10px;
    
    border-bottom:1px solid #00aeef; 
}
.usluge1
{
    display:block;
    width:700px;
    float:right;
    margin:10px;
    
    border-bottom:1px solid #00aeef; 
}





#naslovna
{
    display:block;
    height:40px;
    width:150px;
    background-image:url('/Content/Slike/Naslovna-SS.fw.png');
    background-repeat:no-repeat;
}
#naslovna:hover
{
    background-position:center bottom;
}

#onama
{
    display:block;
    height:40px;
    width:150px;
    background-image:url('/Content/Slike/O-nama-SS.fw.png');
    background-repeat:no-repeat;
}
#onama:hover
{
    background-position:center bottom;
}

#reference
{
    display:block;
    height:40px;
    width:150px;
    background-image:url('/Content/Slike/Reference-SS.fw.png');
    background-repeat:no-repeat;
}
#reference:hover
{
    background-position:center bottom;
}

#projekti
{
    display:block;
    height:40px;
    width:150px;
    background-image:url('/Content/Slike/Projekti-SS.fw.png');
    background-repeat:no-repeat;
}
#projekti:hover
{
    background-position:center bottom;
}

#usluge
{
    display:block;
    height:40px;
    width:150px;
    background-image:url('/Content/Slike/Usluge-SS.fw.png');
    background-repeat:no-repeat;
}
#usluge:hover
{
    background-position:center bottom;
}

#kontakt
{
    display:block;
    height:40px;
    width:150px;
    background-image:url('/Content/Slike/Kontakt-SS.fw.png');
    background-repeat:no-repeat;
}
#kontakt:hover
{
    background-position:center bottom;
}

#facebook 
{
    display:inline-block ;
    float:left;
    height:45px;
    width:45px;
    margin-left:30px;
    background-image:url('/Content/Slike/facebook.png');
    background-repeat:no-repeat;
}

#twitter
{
    display:inline-block ;
    float:left;
    height:45px;
    width:46px;
    margin-left:10px;
    background-image:url('/Content/Slike/twitter.png');
    background-repeat:no-repeat;
}

#linked_in
{
    display:inline-block ;
    float:left;
    height:45px;
    width:46px;
    margin-left:10px;
    background-image:url('/Content/Slike/LinkedIn-logo.png');
    background-repeat:no-repeat;
}

/*----------------------------------------------------------------------------------*/




nav,
section {
    display: block;
}

/* Styles for basic forms
-----------------------------------------------------------*/

fieldset 
{
    border:1px solid #ddd;
    padding:0 1.4em 1.4em 1.4em;
    margin:0 0 1.5em 0;
}

legend 
{
    font-size:1.2em;
    font-weight: bold;
}

textarea 
{
    min-height: 75px;
}

.editor-label 
{
    margin: 1em 0 0 0;
}

.editor-field 
{
    margin:0.5em 0 0 0;
}


/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
    color: #ff0000;
}

.field-validation-valid
{
    display: none;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid
{
    display: none;
}