@CHARSET "UTF-8";

html, body {
	height: 100%;
}

BODY {
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	margin: 0;
	padding: 0;
	background-color: white;
}

A{
	color: #405060;
}
A:hover{
	color: blue;
}

A IMG {
	border: none;
}

FORM{
	padding: 0;
	margin: 0;	
}

TEXTAREA {
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
}

.gumb{
	background-color: #F0EFEF;
	border:1px outset #FaF5E8;
	font-family: Verdana, Arial;
	font-size:11px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
}

TABLE TBODY TR TD{
	vertical-align: top;
}

h1.naslov_stranice{
	margin: 0px;
	padding: 2px 0 8px 0;
}

div.clr{
	clear: both;
	height: 0px;
	line-height: 0px;
	padding: 0;
	margin: 0;
}

DIV.center{
	text-align:center;
}

div.centrirani_box{
	margin: 0 auto;
	padding: 10px;
}

div.container_800x600{
	width: 774px;
	margin: 0 auto;
	padding: 0;
	z-index: 0;
}

.sivi_box{
	background-color:#FaFaFa;
	border:1px solid #e5e5e5;
}

.broj_proizvoda{
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	color: #808080;
}

A.naziv_proizvoda{
	font-weight: bold;
}

A.naziv_proizvoda:hover{
	color: blue;

}

H1.naziv_proizvoda{
	font-size: 24px;
	font-weight: bold;
}

.cijena{
	font-weight: bold;
	font-size: 13px;
}

.broj_ponuda{
	font-style: italic;
	color: #606060;
}

SPAN.highlight{
	background-color: #fff0e0;
/*	font-style: italic;*/
}

H1.naziv_kategorije{
	display: inline;
	font-size: 12px;
}

#content_wrapper{
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -63px;
}


#header{
	background: #406580 url("../slike/header_background.png") repeat-x;
    position: relative;
	top: 0px;
    left: 0px;
    margin: 0;
    padding: 0;
    height: 80px;
    width: 100%;
}

#header_logo{
	float: left;
}

FORM#trazilica_header_form{
	background: #DFDFDF url("../slike/trazilica_background.gif") repeat-x;
	width: 100%;
	height: 32px;
	text-align: center;
	padding: 0;
	margin: 0;
	display:block;
	z-index:5;
}
.trazilica_tekst{
	color: #808080;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
}
.trazilica_input{
	color: #555555;
	font-size : 14px;
	border: 1px #7F9DB9 solid;
	background-color:#ffffff;

	padding: 1px 2px 1px 2px;
	width: 140px;
	height: 16px;
}

#trazilica_submit{
	position: relative;
	top: 4px;
	z-index: 5;
}


#putanja{
/*	background: #f0f0f0; */
	font-family: Vedrana, Arial, sans-serif;
	border-bottom:  1px black dotted;
 	margin: 0 20px;
 	padding: 5px;
}

#putanja a{
	color: #606060;
}

#napredna_trazilica_form{
	border: 1px solid #EAE0C0 ;
	background: #fdfaea;
	display: block;
	margin: 0 auto;
	width: 750px;
	padding: 8px;
}

.postavke_pregleda_form{
	border: 1px solid #EAE0C0 ;
	background: #fdfaea;
	display: block;
	width: 400px;
	padding: 8px;
	margin: 0px auto;
}
.postavke_pregleda_form select{
	font-size: 10px;
}

#footer{
	text-align:center;
	width: 100%;
	background: #fafafa url("../slike/footer_background.gif") repeat-x;
	margin: 20px 0 0 0;
	padding: 8px 0 0 0;
	border-color: #7090b0 #ffffff #ffffff #ffffff;
	border-width: 1px 0px 0px 0px;
	border-style: dotted;
	height: 34px;
}
#footer_push {
	height: 63px; /* visina treba biti jednaka negativnoj bottom margini .content_wrappera */
}

table.formular {
	background-color: #FAF5E8;
	border: 1px solid #ccc;
}

table.formular tr th {
	text-align: right; vertical-align: middle;
}

table.formular tr td {
	text-align: left; vertical-align: middle;
}

.poruka {
	background:url("../slike/icons/information.png") no-repeat scroll 5px 5px #FFFFCC;
	border:1px solid #FFCC00;
	font-weight:bold;
	margin: auto ;
	padding:6px 6px 6px 30px;
}

.errors {
	color: red;
	font-weight: bold;
}

/* ------------------------------------------------------------------------------------- */
/* -- Izgled tablica kod prikaza proizvoda kategorije, artikala proizvoda i trazilice -- */
/* ------------------------------------------------------------------------------------- */
table.tablica{
	border-spacing: 0px;
	border: none;
	border-collapse: collapse;
}

table.tablica tbody tr td
{
	border-bottom: 1px #c0c0c0 dashed;
	padding: 6px 4px;
	vertical-align: middle;
}

.odd1
{
	background-color: #ffffff;
}

.odd2
{
	background-color: #f6f9ff;
}

.activerow
{
	background-color: #FDF2D2;
}

/* -- trazilica i proizvod specific --*/
.firme_stupac1{
	background-color: #fffdf5;
}

.firme_stupac2{
	background-color: #faf8ea;
}

.artikl_stupac{
	color: #404040;
	font-size: 11px;
	font-family: Vedrana, Arial, sans-serif;
}


/* -- tablica za listu zelja -- */
table.tbl_lista_zelja{
	width: 80%;
	margin: auto;
/* */	border: 1px solid #FFFFFF;  /* */
	text-align: center;
	border-spacing: 0px;
	border-collapse: collapse;
}
table.tbl_lista_zelja thead tr
{
	padding: 6px 4px;
	vertical-align: middle;
	background: #D3D8DA;
	color:#607080;
	font-size:1.2em;
	font-weight: bold;
}

table.tbl_lista_zelja thead tr td, table.tbl_lista_zelja tbody tr td, table.tbl_lista_zelja tfoot tr td
{
	border: 1px #c0c0c0 dashed;
	padding: 6px 4px;
	vertical-align: middle;
}
table.tbl_lista_zelja tr td.lijevi_align{
	text-align: left;
}
table.tbl_lista_zelja tfoot tr{
	background: #F0F0F0;
	font-size: 14px;
}


/* -- info redak na zaglavlju tablice s popisom proizvoda -- */
table.tbl_head_kategorija{
	width: 100%;
	padding: 3px;
	margin-bottom: 4px;
	background: #f5f5f5;
	border-color: #e5e5e5;
	border-width: 1px 0px;
	border-style: solid;
}

/* -- redak sa popisom stranica -- */
table.tbl_stranice_redak{
	width: 100%;
	padding: 3px;
	margin: 8px 0;
	background: #f5f5f5;
	border-color: #e5e5e5;
	border-width: 1px 0px;
	border-style: solid;
	text-align:center;
	font-size: 14px;
	word-spacing: 5px;
}


/* ------------------ */
/* - firme info box - */
/* ------------------ */
.firme_link_box{
	font-size: 13px;
	text-align: center;
	font-weight: bold;
}

.firme_info_container{
	display: none;
	position: absolute;
	border-style: none;
	padding: 0px;
}
.firme_info_frame{
	border: solid black 1px;
	background: #fffcf0;
	padding: 8px;
	height: auto;
	width: 300px;
}
.firme_info_box{
	overflow: auto;
	height: 130px;
	text-align: left;
}
.firme_info_box UL{
	list-style-image: url('../slike/kuca.gif');
	margin-top: 12px;
	margin-bottom: 2px;
}
.firme_info_box UL LI{
	margin: 0px;
	padding-left: 2px;
}
.firme_info_box UL LI UL{
	list-style-image: none;
	margin-top: 2px;
}
.firme_info_box UL LI UL LI{
	margin: 3px;
	font-size: 11px;
}


/* -------------------------------------------------------------------- */
/* - definicije za desni i lijevi stupac (kad je desni fiksne sirine) - */
/* -------------------------------------------------------------------- */

table.kategorije_tablica{
	border: 1px solid #f0e8e0;
	background-color: #fffdf5;
}
table.kategorije_tablica td{
	padding: 5px 10px 5px 40px;
}

table.kategorije_tablica ul{
	list-style-image: url('../slike/li1.gif')
}
table.kategorije_tablica ul li{
	margin: 4px;
}
table.kategorije_tablica ul li ul{
	list-style-image: url('../slike/li2.gif')
}
table.kategorije_tablica ul li ul li{
	margin: 5px 5px 5px -5px;
}
table.kategorije_tablica thead tr{
	height: 20px;
	background: #faf5e6;
}

.desni_stupac_info_box{
	border: #dadae5 1px solid;
	background: #f5faff;
	padding: 4px;
	width: 260px;
}

.desni_stupac_info_box h2{
	padding: 0;
	margin: 0 0 6px 0;
	color: #606060;
	text-align:center;
	background: #e5eaef;
	font-size: 1.3em;
}

h2.naziv_rubrike_naslovna{
	display: inline;
	font-size: 20px;
}

h1.naziv_rubrike{
	font-size: 18px;
	text-align: center;
	margin: 0;
	padding: 0;
}

h2.najpopularniji_title{
	text-align: center;
	margin: 0;
	padding: 2px 0;
	font-size: 14px;
	color: #506070;
}

table.tbl_najpopularniji{
	border: 1px solid #e0e8f0;
	background: #f5faff;
}
table.tbl_najpopularniji thead tr{
	background: #e5eaef;
}
table.tbl_najpopularniji tbody td{
	margin-left: 50px;
}
table.tbl_najpopularniji ul{
	margin-top: 15px;
	margin-bottom: 15px;
}
table.tbl_najpopularniji ul li{
	margin: 15px 25px;
	list-style-image: url('../slike/li2.gif')
}
table.tbl_najpopularniji img{
	border: 1px solid #e0e8f0;
}



/* -------------------------------------------------------------------- */
/* - definicije za lijevi i desni stupac (kad je lijevi fiksne sirine)- */
/* -------------------------------------------------------------------- */
#filtri_stupac{
	padding: 0 20px;
}
#odabrani_filtri_box{
	width: 220px;
	border: 1px solid #f0e8e0;
	background-color: #fffdf5;
	padding: 4px;
}

#odabrani_filtri_box h2{
	padding: 0;
	margin: 0 0 6px 0;
	color: #706050;
	text-align:center;
	background: #efeae0;
	font-size: 1.3em;
}

#filteri_box{
	width: 220px;
	border: #dadae5 1px solid;
	background: #f5faff;
	padding: 4px;
}

#filteri_box h2{
	padding: 0;
	margin: 0 0 6px 0;
	color: #506070;
	text-align:center;
	background: #e5eaef;
	font-size: 1.3em;
}

.naziv_svojstva{
	text-align:center;
/*	background: #ffffff; */
	border-bottom: 2px solid #eff5fa;
	margin: 15px 10px 5px;
	font-weight: bold;
	color: #af4500;
}

#filteri_box a{
	color: #405060;
}

#filteri_box a:hover{
	color: blue;
}

.sve_opcije_link{
	text-align: center;
}

.sve_opcije_link span{
	color: #707070;
	cursor: pointer;
	text-decoration: underline;
}

.sve_opcije_div{
	height:120px;
	background-color: #fafcff;
	overflow:auto;
}


/* -------------------- */
/* - Meni sa opcijama - */
/* -------------------- */
#podmeni{
	float: right;
	margin: 0 10px 0 0;
	padding: 0;
	background: transparent;
}

#podmeni ul{
	margin:0;
	padding:0;
	list-style:none;
}

#podmeni li{
	float:left;
	display:inline;
	margin:0 5px 0 0;
	padding:0;
	line-height: 13px;
}

#podmeni ul li a{
	float:left;
	background: #1E7B7f url(../slike/podmeni_lijevo.gif) no-repeat left bottom;
	font-size: 12px;
	color: #d0e0d0;
	text-decoration: none;
}

#podmeni a span{
	float:none;
	display:block;
	background: transparent url(../slike/podmeni_desno.gif) no-repeat right bottom;
	padding:2px 8px 3px 8px;
}

#podmeni ul li a:hover{
	background-color: #2E8B8f;
	color: #e0f0e0;
}


/* --------------- */
/* - Glavni meni - */
/* --------------- */

/* -- prvo se definiraju stvari oko pozicije menija (bitni dio) -- */

#horiz-menu, #horiz-menu1 {
	position: absolute;
	bottom: 0px;
	left: 0;
	padding: 0 0 0 50%;
	margin: 0;
	height: 25px;
}

#horiz-menu ul.nav, #horiz-menu1 ul.nav1 {
	left: -119px;	/* ovo treba RUCNO namjestiti svaki put kada se mijenja duzina glavnih tabova (a jednak je duzini tabova/2 ) */
	position: relative;
	float:left;
}

#horiz-menu .li5{	/* i ovo treba RUCNO namjestiti ako se mijenja duzina glavnih tabova */
	top: 0px;
	left: 1px;
}
#horiz-menu .li7{	/* i ovo treba RUCNO namjestiti ako se mijenja duzina glavnih tabova */
	top: 0px;
	left: 73px;
}
#horiz-menu .li65{	/* i ovo treba RUCNO namjestiti ako se mijenja duzina glavnih tabova */
	top: 0px;
	left: 225px;
}


#horiz-menu LI img {
	margin: 8px 0 0px 6px;
}

#horiz-menu LI:hover, #horiz-menu LI.sfHover,
#horiz-menu1 LI:hover, #horiz-menu1 LI.sfHover{
	cursor: pointer;
}


#horiz-menu *, #horiz-menu1 * {
	margin: 0;
	padding: 0;
}

#horiz-menu ul, #horiz-menu1 ul {
	padding: 0;
	margin: 0;
	list-style: none;
	z-index: 50;
}

#horiz-menu li, #horiz-menu1 li {
	display: inline;
	float: left;
	margin: 0;
	padding: 0;
	text-align: left;
}

#horiz-menu a, #horiz-menu1 a {
	height: 25px;
	line-height: 25px;
	float: left;
}

#horiz-menu a:hover, #horiz-menu1 a:hover {
	text-decoration: none;
}

#horiz-menu span, #horiz-menu1 span {
	display: block;
}

#horiz-menu1 a.meni_tab_a span.meni_tab_span,
#horiz-menu1 a.meni_tab_a_aktivan span.meni_tab_span_aktivan{
	margin-left: 7px;
	padding: 2px 8px 0px 14px;
	line-height: 23px;
	text-align: center;
}

#horiz-menu li li a {
	display:block;
	padding: 0;
	margin: 0;
	text-decoration:none;
	float:none;
	height: 20px;
	line-height: 20px;
	text-indent: 10px;
	width:98%;
}

.nav li {
	float:left;
	list-style:none;
	position:relative;
}

.nav li ul {
	float:none;
	left:-999em;
	position:absolute;
	width: 180px;
	z-index: 50;
}
.nav li ul ul{
	width: 140px;
}

.nav li:hover ul,
.nav li.sfHover ul {
	left: 1px;
	top: 25px;
}
.nav li:hover li ul,
.nav li.sfHover li ul,
.nav li li:hover li ul,
.nav li li.sfHover li ul,
.nav li li li:hover li ul,
.nav li li li.sfHover li ul {
	top:-999em;
}
.nav li li:hover ul,
.nav li li.sfHover ul,
.nav li li li:hover ul,
.nav li li li.sfHover ul,
.nav li li li li:hover ul,
.nav li li li li.sfHover ul {
	left: 181px;
	top:-1px;
}

.nav li li {
	position: relative;
	float:none;
	width: 100%;
}

/* -- vizualni izgled menija -- */

#horiz-menu1 a.meni_tab_a,
#horiz-menu1 a.meni_tab_a_aktivan{
	background: #498BB0 url(../slike/meni_lijevo.png) no-repeat left top;
	padding: 0;
	margin-right: 5px;
}

#horiz-menu1 a.meni_tab_a span.meni_tab_span,
#horiz-menu1 a.meni_tab_a_aktivan span.meni_tab_span_aktivan{
	background: #498BB0 url(../slike/meni_desno.png) no-repeat right top;
}

#horiz-menu1 a.meni_tab_a:hover,
#horiz-menu1 a.meni_tab_a_aktivan{
	background: #B97F49 url(../slike/meni_lijevo_active.gif) no-repeat left top;
}

#horiz-menu1 a.meni_tab_a:hover span.meni_tab_span,
#horiz-menu1 a.meni_tab_a_aktivan span.meni_tab_span_aktivan{
	background: #B97F49 url(../slike/meni_desno_active.gif) no-repeat right top;
}

#horiz-menu a, #horiz-menu1 a {
	font-family: Arial Narrow, Helvetica, sans-serif;
	font-weight: normal;
	color: #000000;
	font-size: 12px;
	text-decoration: none;
}

#horiz-menu span, #horiz-menu1 span {
	font-family: Arial, Verdana,sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FAF6F0;
	text-decoration: none;
}

#horiz-menu li li a {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #606060;
}

#horiz-menu li:hover li:hover a:hover,
#horiz-menu li a:hover{
	color: #3062C4;
}

#horiz-menu li:hover li:hover,
#horiz-menu li li.sfHover{
	background: #fafafa;
}

#horiz-menu ul ul {
	background: #e5e5e5;
	border-left: 1px solid #fafafa;
	border-right: 1px solid #d7d7d7;
	padding-left: 5px;
}

#horiz-menu li li {
	background: #f0f0f0;
	border-top: 1px solid #fafafa;
	border-bottom: 1px solid #d7d7d7;
}

#horiz-menu li li a.ima_podmenije,
#horiz-menu li:hover li a.ima_podmenije{
	background: url(../slike/li2.gif) 95% 50% no-repeat;
}

/* -- Lista zelja stuff -- */
.lista_zelja_ikonica_dodaj{
}
.lista_zelja_ikonica_makni{
}
/* TODO ovo se moze brisati? */
.ajax_loading_animacija {
	width: 20px;
	height: 20px;
	background: url(http://demos.mootools.net/demos/Group/spinner.gif) no-repeat center;
}

.lista_zelja_ikona_div{
	width: 20px;
	height: 20px;
	background: yellow;
}

/* -- firme.tpl -- */
UL.popis_gradova{
	float: left;
	margin: 0 10px 0 10px;
	padding: 5px;
	width: 140px;
	background:#F5FAFF;
	border:1px solid #E0E8F0;
	list-style: none;
}

DIV.popis_firmi_container{
	float: left;
	width: 570px;
	padding: 10px;
	background-color:#FFFDF5;
	border:1px solid #F0E8E0;
}

UL.popis_firmi{
	float:left;
	padding: 0;
	margin: 0;
	list-style: none;
}
UL.popis_firmi LI{
	border-bottom:1px dashed #C0C0C0;
	margin: 0px 0px 0px 0px;
	padding: 6px 0;
	width: 190px;
}
UL.popis_firmi LI:hover{
	background-color: #FDF2D2;
}
H2.popis_firmi_link{
	display: inline;
	font-size: 13px;
	padding: 0;
	margin: 0;
	font-style: normal;
}

IMG.premium_firme_logo {
	width: 88px;
	height: 31px;
	vertical-align:top;
	margin: -6px 0;
}

IMG.raspolozivost{
	width: 33px;
	height: 16px;
	float:right;
	margin-left: 10px;
}
IMG.raspolozivost_legenda{
	width: 437px;
	height: 54px;
	float: right;
	margin-top: 15px;
	margin-right: 0px;
}
DIV.cijene_su_sa_pdvom {
	float:left;
	padding-top: 4px;
	color: #706060;
	font-size: 11px;
}

TABLE TH.istaknute_ponude{
	text-align:left;
	color: #AF4510;
	padding: 4px;
	border-bottom:#AF4510 solid 3px;
}
TABLE TH.ostale_ponude{
	text-align:left;
	color: #808080;
	padding: 4px;
	border-bottom:#808080 solid 3px;
}

.ToolText{position:relative; }
.ToolTextHover{position:relative;}
.ToolText span{display: none;}

.ToolTextHover span{
  display:block;
  position:absolute;
/*  border:1px solid black;*/
  top:1.3em;
  left:20px;
/*  background-color:gray; */
  color: white;
  font-weight: normal;
  text-align: left;
}

.b1f, .b2f, .b3f, .b4f{font-size:1px; overflow:hidden; display:block;}
.b1f {height:1px; background:#a37b54; margin:0 5px;}
.b2f {height:1px; background:#ac8258; margin:0 3px;}
.b3f {height:1px; background:#ad8359; margin:0 2px;}
.b4f {height:2px; background:#b0855a; margin:0 1px;}
.contentf {background: #b5895d;}
.contentf div {margin-left: 5px;}


/* SLIMBOX */

#lbOverlay {
	position: absolute;
	left: 0;
	width: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	left: 50%;
	overflow: hidden;
	background-color: #fff;
	z-index: 60;	
}

.lbLoading {
	background: #fff url(../slike/slimbox_loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(../slike/slimbox_prevlabel.gif) no-repeat 0% 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(../slike/slimbox_nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 79px;
	height: 22px;
	background: transparent url(../slike/slimbox_zatvori.gif) no-repeat center;
	margin: 5px 0;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}