/* ---------------------------------------------------------------------------------------------------- */
/* ***** css stil za Obrt Subotić                                        ****************************** */
/* ***** stil pisao : Siniša Kusić                                       ****************************** */
/* ***** datum : 25.09.2006                                              ****************************** */
/* ---------------------------------------------------------------------------------------------------- */


/* reset */
* { margin: 0; padding: 0; }

/* ----- osnovno -------------------------------------------------------------------------------------- */

/* body */
#body { width: 905px; margin: 0 auto; font-family: "Trebuchet MS" , Tahoma, Sans-Serif; font-size: 12px; color: #616161; background-color: #eee; }

/* linkovi */
a { text-decoration: none; color: #5b5b5b; background-color: inherit; }
a:hover { color: #5c83ad; background-color: inherit; text-decoration: underline; }
.a_saznajte_vise { padding: 0 0 0 8px; color: #7b0000; background-color: inherit; }
#footer a { color: #466725; background-color: inherit; }

/* headingzi */
h1 { font-size: 20px; font-weight: lighter; }
h2 { font-size: 18px; font-weight: lighter; }
h3 { font-size: 16px; font-weight: lighter; }
h4 { font-size: 14px; font-weight: lighter; }
h5 { font-size: 12px; font-weight: lighter; }
h6 { font-size: 10px; font-weight: lighter; }
.lijeva-kolumna-naslov { margin: 0 0 15px 0; padding: 15px 5px 5px 5px; font-size: 18px; text-align: center; color: #3a3331; background-color: inherit; background: url( assets/layout/lijeva-kolumna-heading-bg.gif) no-repeat 50% 0%; display: block; clear: both; }
.desna-kolumna-naslov { margin: 0 0 15px 0; padding: 5px 5px 20px 5px; font-size: 18px; text-align: center; color: #3a3331; background-color: inherit; background: url( assets/layout/desna-kolumna-heading-bg.gif) no-repeat 50% 100%; display: block; clear: both; }
#lijeva-kolumna .uvod h2 { margin: 0 0 5px 0; font-size: 14px; font-weight: bold; color: #3a3331; background-color: inherit; }
#materijalNaslov, #uOvojRubriciNaslov, #sitemap-naslov { padding: 5px 5px 20px 5px; font-size: 24px; text-align: center; color: #3a3331; background-color: inherit; background: url( assets/layout/desna-kolumna-heading-bg.gif) no-repeat 50% 100%; display: block; clear: both; }
 #uOvojRubriciNaslov, #sitemap-naslov { margin-top: 25px; }
#kontaktNaslov { margin: 25px 0 15px 0; border-bottom: solid 1px #eee; display: block; clear: both; }

/* wrapper */
#wrapper { width: 905px; margin: 0 auto; color: #616161; background-color: inherit; overflow: hidden; }

/* top */
#top { width: 905px; margin: 0 auto; padding: 5px 0 5px 0; background: url( assets/layout/top.gif ) no-repeat 0% 100%; overflow: hidden; }

/* lijeva kolumna */
#lijeva-kolumna-wrapper { width: 255px; background: url( assets/layout/lijeva-kolumna-body-bg.gif ) repeat-y; display: inline; float: left; overflow: hidden; }
#lijeva-kolumna-wrapper-inner { width: 255px; background: url( assets/layout/lijeva-kolumna-top-bg.gif ) no-repeat 50% 0%; overflow: hidden; }
#lijeva-kolumna { width: 240px; padding: 35px 5px 25px 10px; background: url( assets/layout/lijeva-kolumna-bottom.gif ) no-repeat 0% 100%; overflow: hidden; }

/* desna kolumna */
#desna-kolumna-wrapper { width: 650px; background: url( assets/layout/desna-kolumna-body-bg.gif ) repeat-y; display: inline; float: right; overflow: hidden; }
#desna-kolumna-wrapper-inner { width: 650px; background: url( assets/layout/desna-kolumna-top-bg.gif ) no-repeat 50% 0%; float: right; overflow: hidden; }
#desna-kolumna { width: 635px; padding: 0 10px 25px 5px; background: url( assets/layout/desna-kolumna-bottom.gif ) no-repeat center bottom; overflow: hidden; }

/* footer */
#footer { width: 905px; margin: 0 auto; padding: 15px 0 15px 0; font-size: 14px; clear: both; overflow: hidden; }
#footerLijevo { float: left; clear: left; display: inline; overflow: hidden; }
#footerDesno { float: right; clear: right; display: inline; overflow: hidden; }

/* ----- // kraj osnovno ------------------------------------------------------------------------------ */

/* logotip */
#logotip { width: 200px; height: 83px; display: inline; float: left; clear: left; overflow: hidden; }
#logotip a { width: 200px; height: 83px; background: url( assets/layout/logotip.gif ) no-repeat 50% 50%; display: block; overflow: hidden; }
#logotip a span { display: none; }

/* servisna traka */
.servisnaTraka { margin: 65px 0 0 0; list-style: none; float: right; clear: right; display: inline; overflow: hidden; }
.servisnaTraka li { padding: 0 0 0 25px; float: left; display: inline; overflow: hidden; }
.servisnaTraka a { font-size: 14px; font-weight: bold; text-decoration: none; color: #7b0000; background-color: inherit; }
.servisnaTraka a:hover { color: #5c83ad; background-color: inherit; text-decoration: underline; }

/* navigacija */
#navigacija { width: 240px; margin: 0 0 35px 0; list-style: none; clear: both; overflow: hidden; }
#navigacija li { }
#navigacija a { width: 210px; padding: 2px 5px 2px 25px; font-size: 14px; font-weight: bold; color: #7b0000; background-color: inherit; display: block; clear: both; overflow: hidden; background: url( assets/bullets/bullet-1.gif ) no-repeat 0% 50%; border-bottom: solid 1px #eee; }
#navigacija a:hover { color: #5c83ad; background-color: #fcfcfc; text-decoration: none; }

/* katalog browse */
.ul_grupe { width: 240px; margin: 0 0 35px 0; list-style: none; clear: both; overflow: hidden; }
.ul_grupe a { padding: 2px 5px 2px 25px; display: block; clear: both; overflow: hidden; background: url( assets/bullets/bullet-1.gif ) no-repeat 0% 50%; border-bottom: solid 1px #eee; }
.ul_grupe a:hover { color: #5c83ad; background-color: #fcfcfc; text-decoration: none; }
.grupa_1 { font-size: 14px; }
.a_grupa_1 { width: 210px; font-weight: bold; color: #7b0000; background-color: inherit; }
.ul_podgrupe { width: 187px; padding: 0 0 0 25px; list-style: none; color: inherit; background-color: #fff; }
.a_podgrupa_1 { width: 187px; font-size: 12px; color: #000; background-color: #616161; }

/* uvodi ( svi ) */
.uvod { margin: 0 0 5px 0; padding: 0 0 10px 0; overflow: hidden; }
.uvod_tijelo { color: inherit; background-color: #fff; overflow: hidden; }
.saznajteViseWrapper { text-align: right; }

/* novosti */
#lijeva-kolumna .uvod img { display: none; }

/* u ovoj rubrici */
#ul_UOvojRubrici { margin: 15px 0 25px 0; list-style: none; clear: both; overflow: hidden; }
#ul_UOvojRubrici a { padding: 0 0 0 25px; background: url( assets/bullets/bullet-1.gif ) no-repeat 0% 50%; border-bottom: solid 1px #eee; display: block; clear: both; overflow: hidden; }

/* header */
#desna-kolumna-header { width: 630px; height: 390px; margin: 13px 0 0 5px; background: url( assets/layout/desna-kolumna-header-bg.jpg ) no-repeat 50% 50%; clear: both; overflow: hidden; }

/* dobrodošli */
#dobrodosli { width: 100%; margin: 0 auto 25px 0; display: block; clear: both; overflow: hidden; }
#dobrodosli .uvod { margin: 0 0 30px 0; display: inline; overflow: hidden; }
#dobrodosli .uvod h2 { display: none; }
#dobrodosli .uvod img { margin: 0 10px 10px 0; float: left; display: inline; overflow: hidden; }

/* reference */
#reference { width: 100%; margin: 0 auto 25px 0; display: block; clear: both; overflow: hidden; }
#reference .uvod { width: 194px; height: 175px; margin: 10px 0 10px 5px; padding: 5px; border: solid 1px #eee; display: inline; float: left; overflow: hidden; }
#reference .uvodna_fotografija { margin: 0 5px 0 0; float: left; display: inline; }
#reference .uvod_tijelo { display: inline; }
#reference .uvod h2 { margin: 0 auto 5px auto; font-size: 12px; font-weight: bold; }
#reference .uvod img { }

/* izdvojeno iz ponude */
#izdvojeno-iz-ponude { width: 100%; margin: 0 auto 25px 0; display: block; clear: both; overflow: hidden; }
.izdvojeni_unos { width: 152px; height: 250px; margin: 10px 0 0 4px; border: solid 1px #eee; display: inline; float: left; overflow: hidden; }
.izdvojeni_unos_tekst { padding: 5px; }
.izdvojeni_unos_tekst h4 { margin: 0 0 5px 0; font-size: 14px; font-weight: bold; }
.izdvojeni_unos_tekst p { display: none; }
.izdvojeni_unos_fotografija { width: 153px; height: 115px; margin: 0 0 5px 0; overflow: hidden; }

/* materijal */
.materijal { margin: 0 0 50px 0; padding: 0 10px; font-size: 14px; display: block; clear: both; overflow: hidden; }
.materijal p { padding: 5px 0 25px 0; }

/* materijal headingzi */
.materijal h1 { margin: 0 0 25px 0; }
.materijal h2 { margin: 0 0 15px 0; }
.materijal h3 { margin: 0 0 10px 0; }
.materijal h4, .materijal h5 { margin: 0 0 5px 0; }

/* materijal liste */
.materijal ul, .materijal ol { padding: 5px 25px 25px 25px; }
.materijal li { margin: 0 0 15px 0; line-height: 1.7em; }

/* katalog */
.katalog_bread_crumbs { width: 95%; margin: 25px 0 25px 0; padding: 5px; font-size: 20px; display: block; clear: both; }
.dgrdKatalog { width: 95%; margin: 0 auto; border: 0; }
.dgrdKatalog tr { border: 0; }
.dgrdKatalog_Item { padding: 5px; }
.dgrdKatalog_AlternatingItem { padding: 5px; }
.dgrdKatalog_Item .dgrd-desna-kolumna, .dgrdKatalog_Item .dgrd-lijeva-kolumna { color: inherit; background-color: #fcfcfc; }
.dgrd-lijeva-kolumna { width: 20%; margin: 0 auto; padding: 10px; border-right: solid 1px #fff; }
.dgrd-desna-kolumna { padding: 10px; }
.dgrd-pager a { padding: 10px; text-decoration: underline; font-size: 14px; font-weight: bold; }

/* katalog unos */
#katalog_unos { margin-top: 25px; }
#katalog_unos .katalog_fotografije { width: 145px; margin: 5px 0 0 0; padding: 5px; text-align: center; display: inline; float: left; overflow: hidden; }
#katalog_unos .katalog_fotografije img { margin: 0 auto; display: block; clear: both; overflow: hidden; }
#katalog_unos .katalog_osnovni_podaci { width: 469px; margin: 5px 0 0 0; padding: 5px; border-left: solid 1px #eee; display: inline; float: right; overflow: hidden; }
#katalog_unos h2 { padding: 5px 5px 20px 5px; font-size: 24px; text-align: center; color: #3a3331; background-color: inherit; background: url( assets/layout/desna-kolumna-heading-bg.gif) no-repeat 50% 100%; display: block; clear: both; }
#katalog_unos h3 { padding: 10px; font-size: 16px; color: #615a33; background-color: inherit; }
#katalog_unos .katalog_vrijednost { padding: 10px; }

/* mapa site-a */
#sitemap { margin: 25px 0 0 35px; padding: 5px 25px 25px 25px; list-style: none; }
.li_sitemap_rubrika { }
.sitemap_rubrika { padding: 7px 5px 7px 0px; font-size: 16px; font-weight: lighter; text-decoration: none; color: #000; background-color: inherit; }
.sitemap_rubrika:hover { }
.ul_sitemap_materijal { list-style: none; }
.sitemap_materijal { padding: 0 0 0 25px; background: url( assets/bullets/bullet-1.gif ) no-repeat 0% 50%; }
#sitemap ul li { margin: 0 0 0 15px; line-height: 2.5em; }

/* kontakt formular */
.kontakt-fieldset { padding: 20px; margin-bottom: 10px; }
.kontakt-fieldset br { display: none; }
.kontakt-fieldset legend { font-size: 1.2em; color: #990000; font-weight: bold; }
.kontakt-fieldset input, textarea { width: 90%; margin: 0 0 5px 0; padding: 5px; border: solid 1px #ccc; }
.kontakt-fieldset input:focus, textarea:focus { border: solid 1px #334960; }
.kontakt-fieldset label { font-size: 14px; font-weight: bold; display: block; clear: left; }
.posalji-button { margin: 0 0 25px 0; font-size: 18px; font-weight: bold; display: block; clear: both; }

/* OBSOLETE STYLES
.kontakt-label { font-size: 14px; font-weight: bold; display: block; clear: left; }
.form_text { width: 90%; margin: 0 0 5px 0; padding: 5px; border: solid 1px #ccc; }
.form_text:focus { border: solid 1px #334960; }
.form_button { margin: 0 0 25px 0; font-size: 18px; font-weight: bold; display: block; clear: both; }
.form_textarea { height: 100px; }
*/