body {
    margin-top: 0px;
    padding: 0;
    background: #f0f0f0 repeat-x left top;
    font-family: Arial, Helvetica, sans-serif;
}


#head {
    width:960px;
    height:101px;
    margin-left:auto;
    margin-right:auto;
}

#logo_head {
    width:960px;
    height:101px;
    background: url(logo.jpg) no-repeat;
    float:left;
}

#stranica{
    margin-left:auto;
    margin-right:auto;
    padding: 20px 0px 10px 0px;
    width:960px;
    overflow: hidden;
    background: #fff url(top_page_bg.jpg) repeat-x left top;


}


.servis_stranica {

    margin: 20px 20px;
    font-size: 12px;
    text-decoration:none;
    text-align:justify;

}

.servis_stranica h4{
    font-size: 12px;
    text-decoration: underline;

}
#str_lijevo{
    width:755px;
    float:left;
}

#top_vijest {
    margin:0 auto;
    text-align: center;
    width:755px;
}

#str_desno{
    margin-top:0px;
    padding: 0px 0px 5px 5px ;
    width:195px;
    float: right;
    text-align:center;
    border-left: 1px solid #cee7c9;
}

.naslov_desno{
    width: 190px;
    padding: 5px 0px 0px 5px ;
    height:25px;
    background:#060 url(naslov_bg.jpg)  repeat-x left top;
    color:#FFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    text-decoration:none;
    text-align:left;
    margin-bottom:10px;

}

#menu_glavni {

    width: 960px;
    height: 36px;
    margin-left:auto;
    margin-right:auto;
    color:#FFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    background: #d7ffd7 url(bg.jpg) repeat-x left top;
}

#menu_glavni ul {
    margin: 0;
    padding: 0px 0px 0px 0px;
    list-style: none;
    line-height: normal;
}

#menu_glavni li {
    display: block;
    float: left;
    height: 36px;
    border-right: 1px solid #111;
}

#menu_glavni a:hover {
    color:#cee7c9;
    padding: 8px 29px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    border: 1px solid;
}

#menu_glavni a {
    padding: 8px 30px ;
    display: block;
    color:#FFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    text-decoration:none;

}

#novosti {
    margin-top:10px;
    margin-bottom:10px;
    float:left;
    width: 745px;
    padding-left: 10px;
    height: 30px;
    background:  #d7ffd7 url(naslov_index.jpg) repeat-x left top;
    text-align:left;
    padding-top: 0px;
}

#novosti h4 {
    margin-top: 5px;
    text-transform: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    color:#FFF;

}



.novosti_male {
    width:375px;
    float:left;

}


.novosti_velike {
    width:750px;
    float:left;
    margin-bottom: 20px;

}


.novosti_male_tekst {
    margin-top:5px;
    margin-left:5px;
    padding: 5px 10px 5px 10px;
    width: 210px;
    float: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    text-align:justify;
    background:#FFF url(mali_naslov_bg.jpg) repeat-x left top;

}

.novosti_male_tekst a{

    color: green;
    text-decoration: none;
}


.novosti_male_tekst a:hover{

    text-decoration: underline;
    
}
.novosti_male_slika {
    margin-top:5px;
    margin-left:5px;
    width: 135px;
    float: left;
    background:#fff;
    text-align: center;
}


.novosti_velike_tekst {
    margin-top:5px;
    margin-left:5px;
    padding: 5px 10px 5px 10px;
    width: 380px;
    float: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    text-align:justify;
    background:#FFF url(vele_bg.jpg) repeat-x left top;

}

.novosti_velike_slika {
    margin-top:5px;
    margin-left:5px;
    width: 340px;
    float: left;
    background:#fff;
    text-align: center;
}




.sifra{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color:green;
}

.mali_naslov{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight:bold;
}


.veliki_naslov{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight:bold;
}




.cijena{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight:bold;
    color:green;
}

.linija {
    width: 740px;
    height:1px;
    background:#cee7c9;
    clear:both;
    margin: 10px auto;
}

.linija_desno {
    width: 180px;
    height:1px;
    background:#cee7c9;
    overflow: hidden;
    margin: 5px auto;
}

#bottom {
    margin:2px auto 15px auto;
    width:960px;
    border: solid 1px;
    background:#0f5205 url(bg_down.jpg);

}

#bottom_pc {
    width: 920px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FFF;
    text-align:justify;
    line-height: 1.5em;
    margin: 10px 20px 10px 20px;
}

.tekst_letak {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    margin-bottom:10px;
    text-align:center;
}

.unos_pass
{
    color: #000;
    background: #cee7c9;
    border: 1px solid #000;
}

.posalji
{
    color: #FFF;
    background: #0c4b03;
    border: 1px solid #000;
} 


ul.menu, ul.menu ul {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    text-transform: lowercase;
    list-style-type:none;
    margin: 0;
    padding: 0;
    width: 180px;
}

ul.menu a {
    display: block;
    text-decoration: none;
}

ul.menu li {
    margin-top: 1px;

}

ul.menu li a {
    background: #128e02;
    color: #fff;
    padding: 0.5em;
}

ul.menu li a:hover , ul.menu li a#selected {
    background: #000;
}

ul.menu li ul li a {
    background: #cee7c9;
    color: #000;
    padding-left: 20px;
}

ul.menu li ul li a:hover , ul.menu li ul li a#selected{
    background: #aaa;
    border-left: 5px #000 solid;
    padding-left: 15px;
}

.code { border: 1px solid #ccc; list-style-type: decimal-leading-zero; padding: 5px; margin: 0; }
.code code { display: block; padding: 3px; margin-bottom: 0; }
.code li { background: #ddd; border: 1px solid #ccc; margin: 0 0 2px 2.2em; }
.indent1 { padding-left: 1em; }
.indent2 { padding-left: 2em; }
.indent3 { padding-left: 3em; }
.indent4 { padding-left: 4em; }
.indent5 { padding-left: 5em; }


.cjenik_grupe {

    background:#025503 url(cj_naslov.jpg) no-repeat left top;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 12px;
    margin: 0;
    padding: 5px 5px 5px 5px;
    width: 170px;
    color: #fff;
    text-align: center;
}

#cjenik_strana_lijevo{

    width: 180px;
    float: left;
}


#cjenik_strana_desno{
    width: 770px;
    float: right;
}

#cjenik_strana_desno h2{
    margin: 0px;
    padding:5px 10px 0px 0px;
    text-align: right;
    width: 760px;
    background:#fff;
    font-size: 16px;
    color: #000;
}

.naziv_grupe_tabela{

    background:#0f5205 url(cj_naslov.jpg) no-repeat left top;
    color: #fff;
    font-size: 14px;
    border-bottom:  1px solid;
    font-weight: bold;
    text-align: center;

}



#cjenik_strana_desno table {

    width: 100%;

}


#cjenik_strana_desno th {
    background:  #128e02;
    font-size: 12px;
    padding:1px 0;
    color: #fff;

}

#cjenik_strana_desno td {
    padding: 5px;
}	


.tabela_prvi_red {
    font-size: 12px;
    color: #000;
    background-color:  #cee7c9;
}

.tabela_drugi_red {
    font-size: 12px;
    color: #000;
    background-color:  #fff;
}

.tabela_prazan_red {
    font-size: 6px;
    background-color:  #fff;

}


.tabela_odabrani_red {

    background-color:  #ff7;
}

#preview {
    position:absolute;
    border:2px solid #0f5205;
    background:#fff;
    padding:5px;
    display:none;
    color:#fff;
}


#desna a {
    text-decoration:none;
    float: right;
}

#desna img {
    border:none;
}


.opis_opis{

    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;

}

.opispop {padding:5px;width:690px;background:#eee;margin:0 auto;font-size: 12px;}


.rollover a { width:165px; 	
              background:#fff url(cjenik.jpg) no-repeat left top;
              height: 136px;
              display: block;
              margin-left: 10px;
}

.rollover a:hover {
    background:#fff url(cjenik_ro.jpg) no-repeat left top;

}

.cjenik_naziv {
    width:165px;
    height: 21px;
    display: block;
    background:#fff url(cjenik_bg.jpg) no-repeat left top;
    font-size: 12px;
    margin-left: 10px;
    margin-top: -20px;
    padding-top: 3px;
}
.servis_naslov{

    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight:bold;
    color:green;

}
.servis_ostalo{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
}

.servis_cjenik{
    width: 840px;
    margin: 20px 60px;
    float: left;
}

.servis_cjenik table{

    border-collapse:collapse;

}


.servis_cjenik th{
    background-color: #24b011;
    color:white;
}

.servis_cjenik th, .servis_cjenik td{
    vertical-align:top;
    padding:5px;
    font-size: 11px;
    border: 1px solid black;

}

.servis_legenda{
    font-size: 10px;
    margin:0;
    padding: 0;
}
.servis_novosti {
    margin-top:10px;
    margin-bottom:10px;
    float:left;
    width: 950px;
    padding-left: 10px;
    height: 30px;
    background:  #d7ffd7 url(naslov_index.jpg) repeat-x left top;
    text-align:left;
    padding-top: 0px;
}

.servis_novosti h4 {
    margin-top: 5px;
    text-transform: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    color:#FFF;

}

#onama{
    margin: 20px;
    text-align: justify;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
}

.prodajni_slika{
    width: 355px;
    padding-left: 20px;
    float: left;
}

.prodajni_tekst{
    width: 365px;
    padding: 5px;
    text-align: justify;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    float:left;
    text-align: center;
    background:#FFF url(mali_naslov_bg.jpg) repeat-x left top;
}

#profil{
    font-size: 12px;

}