body {
    
    margin: 0px;
    font: 10px/1.5 Verdana, Arial, sans-serif;
    text-align: center;
    background-image: url('elementi/goreBack.gif');
    background-repeat: repeat-x;
    background-color: #999;
    color: #000;

}

a {
    
    outline-style:none;
    outline-width:0;

}

#container {
    
    width: 964px;
    background-color: #fff;
    margin: 25px auto 0 auto;
    overflow: hidden;
    text-align: left;
    
}

#mainNav {
    
    width: 319px;
    float: left;
    
}

#siteMap {
    
    float: right;
    margin: 30px 25px 0 0;
    display: inline;
    color: #999;   
       
}

#siteMap a {
    
    color: #999;
    text-decoration: none;
    
}

#header {
    
    margin: 30px 45px 0 0;
    float: right;
       
}

a.gumbHome {
    
    width: 319px;
    height: 24px;
    background-image: url('elementi/gumbHome.gif');
    display: block;
    
}

a.gumbHome:hover {
    
    background-image: url('elementi/gumbHome.gif');
    background-position: 319px 0;
    
}

a.gumbOnama {
    
    width: 319px;
    height: 24px;
    background-image: url('elementi/gumbOnama.gif');
    display: block;
    
}

a.gumbOnama:hover {
    
    background-image: url('elementi/gumbOnama.gif');
    background-position: 319px 0;
    
}

a.gumbNasaPoslovanja {
    
    width: 319px;
    height: 24px;
    background-image: url('elementi/gumbNasaPoslovanja.gif');
    display: block;
    
}

a.gumbNasaPoslovanja:hover {
    
    background-image: url('elementi/gumbNasaPoslovanja.gif');
    background-position: 319px 0;
    
}

a.gumbInformacije {
    
    width: 319px;
    height: 24px;
    background-image: url('elementi/gumbInformacije.gif');
    display: block;
    
}

a.gumbInformacije:hover {
    
    background-image: url('elementi/gumbInformacije.gif');
    background-position: 319px 0;
    
}

a.gumbUpravljanje {
    
    width: 319px;
    height: 24px;
    background-image: url('elementi/gumbUpravljenje.gif');
    display: block;
    
}

a.gumbUpravljanje:hover {
    
    background-image: url('elementi/gumbUpravljenje.gif');
    background-position: 319px 0;
    
}

a.gumbKarijera {
    
    width: 319px;
    height: 24px;
    background-image: url('elementi/gumbKarijera.gif');
    display: block;
    
}

a.gumbKarijera:hover {
    
    background-image: url('elementi/gumbKarijera.gif');
    background-position: 319px 0;
    
}

a.gumbKontakt {
    
    width: 319px;
    height: 24px;
    background-image: url('elementi/gumbKontakt.gif');
    display: block;
    
}

a.gumbKontakt:hover {
    
    background-image: url('elementi/gumbKontakt.gif');
    background-position: 319px 0;
    
}

#mainNav .active {
    
    background-position: -319px 0;
    
}

#navContainer {
    
    background-image: url('elementi/navCont.gif');
    clear: both;
    float: left;
    height: 31px;
    width: 100%;
    padding: 29px 0 0 0;
    
}

#subNav {
    
    background-image: url('elementi/subBack.gif');
    height: 23px;
    padding: 6px 0 0 40px;
    width: 924px;

}

#subNav a {
    
    color: #000;
    text-decoration: none;
    margin: 0 10px 0 0;
    font-weight: bold;
    
}

#subNav a:hover, #subNav a:active {
    
    text-decoration: underline;
    
}

#subNav a.activeLink {
    
    color: #00a0e1;
    
}

#subNav a.activeLink:hover, #subNav a.activeLink:active {

    text-decoration: none;
    
} 

.noShow {
    
    visibility:hidden;
    
}

#content {
    
    float: left;
    width: 964px;
    min-height: 570px;
    height: auto !important;
    height: 570px;
    background-color: #eeefef;
    display: inline;
    padding: 0 0 30px 0;
    color: #333;

}

#contentHeaders {
    
    float: left;
    display: inline;
    width: 880px;
    margin: 0 0 0 40px;
    height: 58px;
    font-size: 14px;
    font-weight: bold;
    
}

#contentHeaderOne {
 
    border-bottom: 1px dotted #666;
    width: 150px;
    float: left;
    height: 28px;
    padding: 30px 0 0 0;
    
}

#contentHeaderTwo {
    
    border-bottom: 1px dotted #666;
    width: 350px;
    height: 28px;
    padding: 30px 0 0 0;
    float: left;
    
}    
        
#contentHeaderThree {
    
    border-bottom: 1px dotted #666;
    width: 380px;
    height: 28px;
    padding: 30px 0 0 0;
    float: left;
    
}

#contentHeaderFour {
    
    border-bottom: 1px dotted #666;
    width: 530px;
    height: 28px;
    padding: 30px 0 0 0;
    float: left;
    
}    
        
#contentHeaderFive {
    
    border-bottom: 1px dotted #666;
    width: 160px;
    height: 28px;
    padding: 30px 0 0 30px;
    float: left;
    
}

#contentArea {
    
    float: left;
    display: inline;
    width: 880px;
    margin: 0 0 0 40px;
    
}

#contentAreaOne {
 
    width: 150px;
    float: left;
    padding: 20px 0 0 0;
    
}

#contentAreaTwo {
    
    width: 350px;
    float: left;
    padding: 20px 0 0 0;
    
}    
        
#contentAreaThree {
    
    width: 380px;
    float: left;
    padding: 20px 0 0 0;
        
}

#contentAreaFour {
    
    width: 530px;
    float: left;
    padding: 20px 0 0 0;
    
}    
        
#contentAreaFive {
    
    width: 160px;
    float: left;
    padding: 20px 0 0 30px;
        
}

#contentAreaBig {
    
    width: 730px;
    float: left;
    padding: 20px 0 0 0;
    
}   

#contentAreaBigMap {
    
    width: 450px;
    float: left;
    padding: 20px 0 0 0;
    float: left;
    margin: 0 0 0 250px;
    display: inline;
    
}

.uprava {

    width: 730px;
    padding: 20px 0 0 190px; 
    clear: left;
    
    
}

.uprava img {
    
    float: left;
    margin: 6px 30px 0 0;
    
}

.upravaNaslov {
    
    font-size: 11px;
    font-weight: bold;
    padding: 0 0 6px 0;
    
}

.uprava p {
    
    width: 570px;
    border-bottom: 1px dotted #333;
    float: left;
    padding: 0 0 20px 0;
    
}


.malaSlika {
    
    float: left;
    margin: 40px 0 0 40px;
    display: inline;
    
}

.velikaSlika {
    
    margin: 40px 0 0 80px;
    float: left;
    display: inline;
    
}

.povijest {
    
    float: left;
    display: inline;
    width: 550px;
    margin: 40px 0 0 80px;
    
}

#map {
    
    margin: 0 0 0 100px;
    
}

a.petrolLink, a.petrolLink:active {
	color: #00a0e1;
	text-decoration: none;
	font-weight: bold;     
}

a.petrolLink:hover {

    color: #0083BB; 
    text-decoration: none;
    font-weight: bold; 
     
}

petrolText {

    color: #00a0e1; 
    text-decoration: none;
    font-weight: bold; 
    
}

.petrolText {

    color: #00a0e1; 
    text-decoration: none;
    font-weight: bold; 
    
}

img {
    
    border: 0;
    
}


#kontaktFooter {
    
    width: 880px;
    float: left;
    clear: both;
    border-top: 1px dotted #333;
    margin: 20px 0 0 40px;
    padding: 10px 0 0 0;
    font-size: 9px;
    
}

.naslov, .naslovObjava {
    
    font-weight: bold;
    
}

.homeNews {
    
    border-bottom: 1px dotted #333;
    padding: 8px 0 18px 0;
    
}

#sajtMap {
    
    padding: 0 0 0 40px;
    width: 500px;
    float: left;
    clear: both;
    
}

#sajtMap a {
    
    display: block;
    font-size: 12px;
    padding: 4px 0;
    color: #333;
    text-decoration: none;
    font-weight: bold;
    
}

#sajtMap a.mapDio {
    
    padding: 0 0 0 10px;
    font-size: 10px;
    
}

#sajtMap a.mapNaslov {
    
    color: #999;
    margin: 10px 0;
    
}

.objavaDiv {
    
    padding: 3px 0;
    float: left;
    
}

.naslovIz {
    
    font-weight: bold;
    
}

.datumObjava {
    
    width: 80px;
    float: left;
    
}

.naslovObjava {
    
    width: 650px;
    float: left;
    
}

.goUp {
    
    color: #008000;
    font-weight: normal;
    padding: 0 0 0 14px;
    background-image: url('elementi/up.gif');
    background-repeat: no-repeat;
    
}

.goDown {
    
    color: #CE0000;
    font-weight: normal;
    padding: 0 0 0 14px;
    background-image: url('elementi/down.gif');
    background-repeat: no-repeat;
    
}