/* CSS Document */

body { text-align:center; font-family: Arial, Verdana, Tahoma, sans-serif; color:#FFF;}

h1 {  font: bold 12px Arial; color:#666; text-align:left; padding:90px 0 0 115px;}

h2 { font: bold 12px Arial; color:#fff; text-align:center; padding: 5px 0 10px 0;}

h3 { font: bold 14px Verdana; color:#F60; text-align:left; padding: 25px 0 10px 10px;}

h4 { font: bold 13px Arial; color:#FFF; padding: 17px 0 0 0;}

h5 { font: bold 13px Tahoma; color:#696969; text-align:left; padding: 15px 0 10px 20px;}

a { text-decoration:none; color:#256ECB}

a:hover { text-decoration:none; color:#333;}

p { font: 12px Tahoma; margin: 5px; text-align:left; line-height:18px; color:#333;}

p a { font: bold 12px Tahoma; color:#256ECB; text-decoration:underline;}

p a:hover { color:#333;}

p img { margin: 0 10px 0 5px;}

ol { font: 12px Tahoma; color:#333; text-align:left; padding: 0 5px 0 30px; line-height: 20px; }

hr { text-align:center; height:1px; width:95%; color:#666; background-color:#666;}

/*Design elements*/

#wrapper { margin:auto; width:800px; color:#FFF;}

#g_lijevo { width:570px; height:118px; float:left; background-image:url(images/logo.jpg); background-repeat:no-repeat;}

#g_desno { width:230px; height:118px; float:left;}

#menu_okvir { clear:both; width:800px; height:55px;}

#menu { float:left; width:757px; height:55px; background:url(images/Menu_bckgr.jpg); background-repeat:repeat-x;}

img#logo { margin:10px 0 10px 0;}

#middle { width:800px;}

#middle1, #middle2, #middle3{ width:260px; height: 155px; float:left; margin: 0 10px 0 0;}

#middle1 { background:#FF822D;}

#middle2 { background:#256ECB;}

#middle3 { margin: 0 -10px 0 0; background:#6E6C6A;}

#container { margin: 10px 0 10px 0;}

#left, #right { float:left;}

#left { width:560px; margin: 0 10px 0 0;}

#right { width: 228px; text-align:center; margin-bottom:10px; border: #CCC 1px solid;}

/* galerry - zamjenjuje #left i #right - centralni div*/
#galerry { width:800px;}

#podnaslov_desni, #podnaslov_desni_rad, #podnaslov_desni_link { width:207px; height:48px; background:url(images/button_zuti_up.jpg) no-repeat; margin: 15px 0 15px 12px;}

#podnaslov_desni_rad { background:url(images/button_plavi_up.jpg) no-repeat;}

#podnaslov_desni_link { background:url(images/bttn_link.jpg) no-repeat;}

#d_liste { width:800px; height:270px; background:#F2F2F2;}

#lista { float:left; width:220px; margin: 0 0 0 35px;}

#bttn_lista1, #bttn_lista2, #bttn_lista3 { width: 155px; height: 26px; margin: 15px 0 15px 32px; padding-top: 5px;}

#bttn_lista1 { background:url(images/button_lista_naranc.jpg) no-repeat;}
#bttn_lista2 { background:url(images/button_lista_plavi.jpg) no-repeat;}
#bttn_lista3 { background:url(images/button_lista_crveni.jpg) no-repeat;}

#footer { width: 800px; height: 100px; background:url(images/bckg_footer.jpg) repeat-y; padding: 10px 0 0 0;}



/* ikone */
/*   rijesenje za roll-over: umjesto puno klasa i linkova, postavljene 3 definicije sa backgroundom (jedna slika, active i over state jedan ispod drugog) - background se pomice za -47px (visina jednog stanja (active) u minus kako bi na hoveru prikazao skriveni dio - over state */ 
#home { background:url(images/ico_home.jpg);}
#mail { background:url(images/ico_mail.jpg);}
#stmp { background:url(images/ico_stmp.jpg);}
#home, #mail, #stmp { display:block; width:47px; height:47px; float:left; margin:40px 10px 0 15px; background-repeat: no-repeat 0 0;}
#home:hover, #mail:hover, #stmp:hover { background-position: 0 -47px;}
#home span, #mail span, #stmp span { display:none;}

/*menu*/

#menu_okvir img { float:left;}
#menu ul { list-style-type:none; margin:0; padding:0;}
/* problem sa linkovima - prvotno stavio width i height:48px; - problem -border iskace izvan zadanih mjesra radi paddinga koji je postavljen padding-top:15px; - rijesenje - upotreba line-height:48px; i micanje paddinga koji je stvarao problem */
#menu a { float:left; font: bold 15px Verdana; line-height:48px; color:#FFF; display:block; border-right:#FF7A22 1px solid; width:105px; margin:1px 0 0 0; padding:0;}
#menu a:hover { background-color:#FF6600;}
#menu li { display:inline;}

/* STILOVI */

.slika_desno_index { border: #333 1px solid; padding: 1px;}

#right p { margin: 0 0 0 12px;}

#podnaslov_desni_link a { color: #000;}
#podnaslov_desni_link a:hover { color: #fff;}

table#galerija { text-align:center; vertical-align:middle;}

#footer p, #footer a { font: 11px  Tahoma; color:#000; line-height:25px; text-align:center;}

#footer a:hover { color:#fff;}

#right ul { text-align:left; padding: 0 0 0 25px; list-style-type: square; color:#F60;}
#right li { font: bold 12px Tahoma; line-height:18px; }
#right li a { color:#256ECB;}
#right li a:hover {color:#333;}

#d_liste ul { text-align:left; padding-left:30px; font:12px Tahoma; color:#696969; list-style-type:square;}
#d_liste li { line-height:18px;}

.bttn_lista_txt { font: bold 13px Verdana; color:#fff;}

.bold { font-weight:bold;}
.italic { font-style:italic;}

.lijevo { float:left;}
.desno { float:right;}