body
{
    font-family:  'Trebuchet MS' , Tahoma, Arial, Helvetica, sans-serif;
    background-color: #e8e8e8;
    color: #2f3a40;
    font-size: 12pt;
}
/*RESETOVANJE CSS-a*/
div
{
    margin: 0px;
    padding: 0px;
}
h1, h2, h3, h4
{
    margin: 0px;
    padding: 0px;
}
ul
{
    margin: 0px;
    padding: 0px;
}
li
{
    margin: 0px;
    padding: 0px;
}
p
{
    margin: 0px;
    padding: 0px;
}
hr
{
    border: dashed 1px #b5babd;
}
h1
{
    color: #fd6a02;
    font-size: 34px;
}
h2
{
    color: #1f6088;
}
a:hover h2{color:#E96719;}
a{text-decoration:none;}
h3
{
    color: #1c5b84;
    text-align:left;
}
h4
{
    color: black;
}
a
{
    cursor: pointer;
}

td{vertical-align:top;}

#wrap
{
    width: 900px;
}
#top_link
{
    text-align:right;
    height:30px;
    }
#top_link li{display:inline;list-style:none;margin-left:5px;}
#top_link li a{color:#1f6088;font-weight:bold;}
#top_link li a:hover{color:#fd6a02;font-weight:bold;text-decoration:underline;}

#header
{
    height: 56px;
    background-image: url(     'images/header_beckground.png' );
    padding-top: 44px;
    color: #2f3a40;
    display: block;
}
#logo
{
    width: 234px;
    height: 54px;
    background-image: url(   '../../layout/logo_b_t.png' );
    background-repeat: no-repeat;
    display: inline;
    float: left;
    margin-right: 39px;
    margin-left: 40px;
}

#content
{
}

#content_wrap
{
    border-top: solid 2px white;
    text-align: justify;
    background-image: url(     'images/pozadina_sekundarnog_sadrzaja.png' );
    background-repeat: repeat-x;
    padding: 30px;
    background-color: #feffff;
    overflow: hidden;
    display: block;
    float: left;
    width: 840px;
    text-align: left;
}

#banners{background-color:White;}



#header_content_wrap
{
    height: 319px;
    background-image: url(     'images/header_beckground.png' );
    padding-top: 0px;
    color: #2f3a40;
    display: block;
}

#header_content
{
    height: 249px;
    width: 797px;
    background-image: url(     'images/pozadina_centralnog_sadrzaja.png' );
    text-align: left;
    padding: 20px;
    text-align: justify;
}

#header_content a
{
    color: #1c5b84;
    text-decoration: underline;
}
#header_content a:hover
{
    color: #fd6a02;
    text-decoration: underline;
}

#footer
{
    height: 68px;
    width: 900px;
    background-color: #d8d9db;
    border-top: solid 1px #4b4f50;
    padding-top: 20px;
    display: block;
    float: left;
}
#horizontalni_meni
{
    float: none;
    background-color: #b2dded;
}

/*- HORIZONTALNI MENI */
ul#mojmeni /*Ovo je lista koja sadrzi stavke (stavke su dugmici)*/
{
    width: auto; /*ukupna sirina menija*/
    height: 56px; /*ukupna visina menija*/
    margin: 0; /*margine su nula*/
    padding: 0; /*isto*/
    display: block; /*definise kako ce se stavke pojavljivati horizontalno ili vertikalno*/
    position: relative; /*pozicija menija*/
    border: none; /**/
    text-align: right;
}

ul#mojmeni li /*Ovo definise svaku stavku posebno. Stavka je u stvari dugme*/
{
    display: block; /*definise kako ce se stavke pojavljivati horizontalno ili vertikalno*/
    float: left; /*ovim odredjujemo da se stavke grupisu jedna do druge s lijeve strane*/
    border-right: 0px; /*ovo je linija koja razdvaja dugmice. U nasem slucaju nema linije*/
    vertical-align: bottom;
    border-bottom: solid 1px white;
}

ul#mojmeni li a /*Ovo su linkovi koji se pojavljuju u dugmicima*/
{
    display: block; /*definise kako ce se stavke pojavljivati horizontalno ili vertikalno*/
    float: left; /*ovim odredjujemo da se stavke grupisu jedna do druge s lijeve strane*/
    color: #2b3d49; /*boja linkova*/
    font-weight: bold;
    text-decoration: none; /*ovim smo uklonili liniju ispod linka*/
    height: 30px; /*visina linkova. Napominjem da je ukupna visina dugmica 35px, obzirom da uzimamo padding-top 8px da bi tekst bio vertikalno na sredini, ova visina je jednaka 35-8 tj 27px*/
    width: 111px; /*sirina linka*/
    padding-top: 26px; /*ovim tekst na dugmicu pomjeramo gore-dole*/
    background-image: url(     'images/hor_dugme1.png' ); /*ovo je stanje kada nije mis preko dugmeta*/
    background-repeat: no-repeat;
    text-align: center; /*centriramo tekst na dugmetu*/
    vertical-align: bottom;
    font-family: 'Trebuchet MS';
}

ul#mojmeni li a.lijevo /*Ovo su linkovi koji se pojavljuju u dugmicima*/
{
    background-image: url(     'images/hor_dugme_lijevo.png' ); /*ovo je stanje kada nije mis preko dugmeta*/
}
ul#mojmeni li a.desno /*Ovo su linkovi koji se pojavljuju u dugmicima*/
{
    background-image: url(     'images/hor_dugme_desno.png' ); /*ovo je stanje kada nije mis preko dugmeta*/
}
ul#mojmeni li a:hover /*Ovo definise stanje kada je mis preko menija. U ovom slucaju se samo slika mjenja*/
{
    background-image: url(     'images/hor_dugme2.png' );
    background-repeat: no-repeat;
    color: White;
    font-weight: bold;
}

ul#mojmeni li a:active{background-image: url(     'images/hor_dugme2.png' );
    background-repeat: no-repeat;
    color: White;
    font-weight: bold;}

ul#mojmeni li a#lijevo:hover /*Ovo definise stanje kada je mis preko menija. U ovom slucaju se samo slika mjenja*/
{
    background-image: url(     'images/hor_dugme2.png' );
    background-repeat: no-repeat;
    color: White;
    font-weight: bold;
}

ul#mojmeni li a#desno:hover /*Ovo definise stanje kada je mis preko menija. U ovom slucaju se samo slika mjenja*/
{
    background-image: url(     'images/hor_dugme2.png' );
    background-repeat: no-repeat;
    color: White;
    font-weight: bold;
}

.btn160x32
{
    cursor: pointer;
    width: 160px;
    height: 32px;
    background-image: url(     'images/btn160x32.png' );
    border: none;
    color: White;
    font-weight: bold;
}
.btn160x32:hover
{
    background-image: url(     'images/btn160x32_h.png' );
}

.btn85x32
{
    cursor: pointer;
    width: 85px;
    height: 32px;
    background-image: url(     'images/btn85x32.png' );
    border: none;
    color: White;
    font-weight: bold;
}
.btn85x32:hover
{
    background-image: url(     'images/btn85x32_h.png' );
}

.post277
{
    width: 277px;
    display: inline;
    float: left;
    margin-left: 1px;
    margin-right: 1px;
    text-align: left;
}
.posttop277
{
    background-image: url(  'images/posttop277x8.png' );
    background-repeat: no-repeat;
    height: 8px;
}
.postitem277
{
   background-image: url(  'images/postitem277x8.png' );
    background-repeat: repeat-y;
   
    padding: 10px;
    padding-top:0px;
    height: 298px;
}


.postbottom277
{
    background-image: url(  'images/postbottom277x8.png' );
    background-repeat: no-repeat;
    height: 8px;
}
.postinfo
{
    color: #1c5b84;
    font-size: 10pt;
    display: block;
    margin-bottom: 5px;
}
/*zajednicko za sve velicine postova*/
#content_wrap h1
{
    font-size: 18pt;
    font-family: 'Trebuchet MS';
    color: black;
}
.post277 h2, .ostalevijesti h2,.post277 h2 a
{
    color: #e96719;
    font-size: 12pt;
    text-decoration:none;
    text-align:left;
    padding:0px;
    margin:0px;
}

.post277 h2 a:hover,.ostalevijesti a:hover h2
{
    color: #003366;
}

.faq
{
    background-image: url(  'images/star.png' );
    background-repeat: no-repeat;
    color: #2a5c7d;
    padding-left: 25px;
    height: 20px;
    font-weight: bold;
    text-align: left;
}
a:hover.faq{color:#E96719;}

#content_wrap h1
{
    font-size: 20pt;
}

.post554
{
    width: 554px;
    display: inline;
    float: left;
    margin-left: 1px;
    margin-right: 1px;
    text-align: left;
}
.posttop554
{
   background-image: url(  'images/posttop554x8.png' );
    background-repeat: no-repeat;
    height: 8px;
}
.postitem554
{
   background-image: url(  'images/postitem554x8.png' );
    background-repeat: repeat-x;
    padding: 10px;
    min-height: 298px;
}

.postitem544 img
{
    border: solid 3px white;
}
.postbottom554
{
   background-image: url(  'images/postbottom554x8.png' );
    background-repeat: no-repeat;
    height: 10px;
}
a.star
{
    background-image: url(  'images/bullet.png' );
    background-repeat: no-repeat;
    color: #2a5c7d;
    padding-left: 25px;
    height: 20px;
    font-weight: bold;
    text-align: left;
}

a.star:hover{color:#E96719;}
.postitem277, .postitem554
{
    overflow: hidden;
}

.detalji_klijenta_kontakt
{
    padding: 0px;
    margin: 0px;
    width: 33%;
    display: inline-block;
    font-size: 11pt;
    vertical-align: top;
}
.detalji_klijenta_slike
{
    padding: 0px;
    margin: 0px;
    width: 32%;
    display: inline-block;
    vertical-align: top;
}
.detalji_klijenta_aktuelnosti
{
    padding: 0px;
    margin: 0px;
    width: 33%;
    display: inline-block;
    vertical-align: top;
}
.detalji_klijenta_opis
{
    vertical-align: top;
}
/*MODAL POP UP GALERIJA*/
/*Siva pozadina koja se pojavi kad kliknes na sliku*/
.modalBackground
{
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

/*Pozadina slike*/
.modalPopup
{
    background-color: #CEE6F3;
    border-width: 3px;
    border-style: solid;
    border-color: Gray;
    padding: 3px;
}

/*STRANICA NOVOSTI DETALJNO*/
.glavnitekst
{
    width: 544px;
    display: inline-block;
    float: left;
    padding-right: 10px;
    border-right: dashed 1px gray;
}

.ostalevijesti
{
    padding-left: 10px;
    display: inline-block;
    width: 267px;
    float: left;
}