/*
	******************************
	***** 1. General cleaning up	 ****
	******************************
*/

html, body , *{
	margin:								0;
	padding:								0;
}

body	{
	text-align: 							center;
	background: 							white;
	font: 									62.5%/147% verdana, arial, tahoma, sans-serif;
	color:									#5F4E2F;
}

ul	{
	cursor:									default;
	margin-left:	1.7em;
}

a,	a:link	{
	color:	#BD7B07;
	text-decoration:	none;
}
a:visited	{
	color:	#CF9F4D;
}
a:visited:hover {
	color:	#BD7B07;
}
a:hover	{
	text-decoration:	underline;
}
a:active,	a:focus, a.active	{
	color:	white !important;
	background-color:	#BD7B07	!important;
	text-decoration:	none;
}


img	{
	border:								0;
}

p{
	margin:	0.7em	0;
}

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

.skip_link	{
	display:	none;
}

option	{
	margin-right:	7px;
}

.align_center	{
	text-align: center;
}

.align_left	{
	text-align: left !important;
}

.align_right	{
	text-align: right;
}

.block_labels.align_center	label {
	display: block;
	text-align: center;
}

.noborder	{
	border:	0;
}

.add_padding	{
	padding:	10px;
}

.script	{
	display: none;
}

/*
	******************************
	*****	1.2. Clearing floats		*****
	******************************
*/

.clearfix:after {
    content: 								".";
    display: 								block;
    height: 								0;
    clear: 									both;
    visibility:								hidden;
}
.clearfix {
	display: 								inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 								1%;
}
.clearfix {
	display: 								block;
}
/* End hide from IE-mac */


.align_right	{
	text-align:	right !important;
}


/*
	******************************
	*****	Forme		*****
	******************************
*/

#login	fieldset	{
	border:	0;
}

form	{
	margin:	10px;
}


form	div	{
	margin-bottom:	2px;
	padding:	2px;
	position: relative;
}

form	div	{
	margin-bottom:	2px;
	padding:	2px;
	position: relative;
}

form.add_div_borders div	{
	border-bottom:	1px solid #DFD7B5;
}

form	label,
form	.label	{
	display: block;
	float:	left;
	width:	100px;
	margin-right:	10px;
	text-align: right;
}

form p.radio_block	{
	display: block;
}

form p.radio_block	label	{
	display: block;
	float:	none;
	width:	auto;
	margin-bottom:	4px;
	text-align: left;
}

form	fieldset	{
	margin:	10px 0;
	padding: 14px 0;
	border: 	1px solid #DFD7B5;
	border-width:	1px 0 0;
}

form fieldset legend	{
	border: 	1px solid #DFD7B5;
	background: #EFECD1;
	padding:	2px 7px;
}

form select,
form option,
form textarea,
form input
{
	font: inherit;
}

.input,
.select,
textarea	{
	background: white url("img/input.png") repeat-x left top;
	border:	1px solid #DFD7B5;
	padding:	2px;
	color:	#5F4E2F;
}

select	option	{
	padding-right:	4px;
}

.input,
textarea	{
	padding:	3px;
}


*	html	textarea	{
	font-family: verdana, arial, tahoma, sans-serif;
	font-size: 1em;
	line-height: 1.6em;
}


.input:focus,
select:focus,
textarea:focus	{
	border:	1px solid #5F4E2F;
}

input.small_input	{
	width:	20px !important;
	text-align:	right;
}

.button	{
	padding:	1px 4px;
	border:	2px solid black;
	background: #000 url("img/button.png") repeat-x left top;
	color:	white;
	font-family: "Trebuchet MS", geneva, sans-serif;
	font-weight:	bold;
	font-size: 1em;
}

*	html .button	{
	padding:	1px;
}

.button:hover	{
	background-position: left -2px;
}

.order_button	{
	float:	right;
}

.link_button	{
	font-size:	1.2em;
	font-weight: bold;
}



/*
	******************************
	*****	Layout		*****
	******************************
*/

#aligner
{
	width: 749px;
	margin:	0 auto 20px;
	font-size:	1.1em;
	line-height:	1.7;
	text-align:	left;
}

h2.logotip	{
	margin:	4px 0 4px -2px;
	text-indent:	-2000px;
	/*background: white url("/img/logotip.png") no-repeat left top;*/
	display: block;
	width: 177px;
	height: 50px;
}

h3	{
	font-size: 1.1em;
}

h4	{
	font-size: 1em;
}

#header	{
	background: white url("img/novi-header.jpg") no-repeat left top;
	height:	172px;
	position: relative;
}

#sadrzaj	{
	margin:	0	2px;
}

#glavni	{
	float:	right;
	width:	527px;
}

#pomocni	{
	float:	left;
	width:	192px;
}

/*
	******************************
	*****	Izbornik		*****
	******************************
*/

#navigation	{
	margin:	0px 2px 10px;
	padding:	7px 10px 4px;
	border:	1px solid #DFD7B5;
	border-top:	0;
	background-color:	#EFECD1;
	text-align:	right;
}

#mini_cart	{
	float:	left;
	margin:	0;
	padding:	0 0 7px 20px;
	background: transparent url("img/cart.gif") no-repeat left top;
}

.basket	{
	display: block;
	padding-right:	27px;
}

#main_menu	li	{
	display: inline;
}

#main_menu	li	a	{
	padding:	4px 10px 4px 10px;
	margin-left:	10px;
	text-transform:	uppercase;
	font-family: "Trebuchet MS", geneva, sans-serif;
	font-size: 1.1em;
}


#crumbs	{
	margin-bottom:	10px;
}

/*
	******************************
	*****	izbornik - kategorije proizvoda		*****
	******************************
*/


.vertical_menu	{
}

.vertical_menu	ul	ul	{
	margin-left:	10px;
}

.vertical_menu	li	{
	list-style-image: url("img/strelica.png");
}

.vertical_menu		li.active	a	{
	text-decoration:	underline;
}

.vertical_menu		li.active	li	a	{
	text-decoration:	none;
}

.vertical_menu		li.active	li	a:hover	{
	text-decoration:	underline;
}

/*
	******************************
	*****	oblikovanje sadrzaja		*****
	******************************
*/

.box	{
	margin:	0 0 20px;
	padding: 14px 10px;
	border:	1px solid #DFD7B5;
	background-color: white;
}

#home_page .box {margin: 0 }

#pomocni	.box	{
	background-color:	#EFECD1;
}


span.subtitle {
	display:	block;

	text-align:	left;
	font-family: "Trebuchet MS", geneva, sans-serif;
	font-size: 1.2em;
	font-weight:	bold;
	color:	#5F4E2F;
}

#pomocni	span.subtitle {
	margin-bottom:	10px;
	margin-top:	-7px;

	border-bottom:	1px solid #DFD7B5;
}


/*
	******************************
	*****	footer		*****
	******************************
*/

#footer	{
	margin:	20px 0;
	border-top:	1px solid #DFD7B5;
	padding-top:	4px;
	color:	#5F4E2F;
	text-align:	center;
}

#copyright	{
	float:	left;
}

.toTop	{
	float:	right;
	margin-left:	10px;
}

#footer_menu	{
	float:	right;
}

#footer_menu	li	{
	display:	inline;
	margin-left:	10px;
}
#footer_menu	li	a{
	padding:	2px 5px 2px 5px;
}

/*
	******************************
	*****	recent_news		*****
	******************************
*/

.news_item 	{
	margin:	10px 0 27px;
}

.news_item 	h1	{
	font-size:	1.4em;
}

.news_item 	img	{
	margin:	4px;
	border:	1px solid #5F4E2F;
	display: none !important;
}

.news_item 	.meta,
#comments	li .meta
 {
	display: block;
	margin-top:	4px;
	padding:	3px 7px;
	border:	1px solid #DFD7B5;
	border-width: 1px 0;
	background-color: #EFECD1;
}

#comments	li	{
	margin-bottom:	10px;
}

.meta .permalink,
.meta .date	{
	float: right;
	margin-left: 7px;
}



/*
	******************************
	*****	sidebar elementi	*****
	******************************
*/

#send_to_friend_form	form	{
	margin:	0;
	text-align: left;
}

#friend_form	{
	margin: 0;
	padding: 0;
}

#friend_form	.input	{
	width: 140px;
}

#send_to_friend_form	label	{
	text-align: left;
}

#send_to_friend_form	.button	{
	margin-top:	2px;
}

	/* kontakt box, majna */
p.proizvedeno_u_hr	{
	text-align: center;
}
ul.proizvedeno_u_hr {
	margin-left:	1px;
}
ul.proizvedeno_u_hr li {
	list-style: none;
}
	/* end kontakt box, majna */


#login_form	{
	margin:	0;
}

#login_form	label	{
	text-align: left;
}

#login_form	input.input	{
	width:	140px;
}




/*
	******************************
	*****	izbornik - kategorije proizvoda		*****
	******************************
*/

.proizvod	{
	border-bottom:	1px solid #DFD7B5;
	padding:	10px 0 20px;
	margin:	 10px;
}

.product_item	{
	margin-bottom:	20px;
	padding:	17px 0 17px 147px;
	border-bottom:	1px solid #DFD7B5;
}

a.mala_slika	{
	float:	left;
	border:	1px solid #DFD7B5;
	margin:	0	10px	4px	0;
}

a.mala_slika:hover	{
	float:	left;
	border:	1px solid #BD7B07;
	margin:	0	10px	4px	0;
}


.proizvod	h4,
.product_item	h1,
#prikaz_proizvoda	h1,
.price	{
	font-family: "Trebuchet MS", geneva, sans-serif;
	font-size: 1.2em;
	font-weight:	bold;
	line-height:	1.2;
}

.product_item	h1	{
	font-size:	1.4em;
}

.product_item .thumb,
.product_item .img	{
	margin:	0 4px 4px 0;
	border:	1px solid #5F4E2F;
	display: block;
}


.image_and_price	{
	margin:	0 10px 4px -147px;
	float:	left;
}

*	html	.image_and_price	{
	display: block;
	margin:	0 0 4px -70px;
	padding:	0;
	width:	130px;
}

.price	{
	padding:	2px 4px;
	background-color: #5F4E2F;
	color: white;
	font-size:	1.1em;
}

#prikaz_proizvoda	h1	{
	margin:	-14px -10px 20px;
	padding:	10px;
	background-color:	#EFECD1;
	border-bottom:	1px solid #DFD7B5;
}

#prikaz_proizvoda	h1	span	{
	font-size: 1.4em;
	margin-bottom:	20px;

	padding:	2px 7px;
}

#prikaz_proizvoda	h2	{
	font-size: 1.4em;
}


.product_view_sidebar	{
	width:	212px;
	margin: 0 0 10px 10px;
	float:	right;
	overflow:	hidden;
}

.description	{
	margin-top:	7px;
}

#prikaz_proizvoda	.slike_proizvoda	{
	margin: 0 0 20px;
}

#prikaz_proizvoda	#glavna_slika	{
	margin:	0 auto;
	width:	210px;
	border:	1px solid #DFD7B5;
	text-align:	center;
}

#prikaz_proizvoda	#glavna_slika	a	{
	display:	none;
	margin:	10px auto;
	background: white !important;
}

#prikaz_proizvoda	#glavna_slika	a.aktivna	{
	display:	block;
}

#prikaz_proizvoda	#male_slike	{
	width:	230px;
	margin-left:	0px;
	margin-right: -10px;
}

#prikaz_proizvoda	#male_slike	a	{
	margin: 15px 12px 0 0;
	float:	left;
	border:	1px solid #DFD7B5;
}

#prikaz_proizvoda	#male_slike	a.aktivna	{
	border:	1px solid #5F4E2F;
}


#dodaj_u_kosaricu	{
	border:	1px solid #DFD7B5;
}

#dodaj_u_kosaricu	.cijena	{
	display:	block;
	padding:	10px;
	border-bottom:	1px solid #DFD7B5;
	background-color:	#EFECD1;
}

#dodaj_u_kosaricu	#cartAddForm	{
	margin:	10px;
}

#dodaj_u_kosaricu	#cartAddForm	div	{
	margin-bottom:	2px;
	padding:	2px 2px 3px;
	border-bottom:	1px solid #DFD7B5;
}

#dodaj_u_kosaricu	#cartAddForm	label,
#dodaj_u_kosaricu	#cartAddForm	.label	{
	float:	left;
	width:	50px;
	margin-right:	10px;
}

#dodaj_u_kosaricu	#cartAddForm	.product_option_image	{
	display: block;
	float:	none;
	border:	0;
}

.block_labels	label,
#dodaj_u_kosaricu	#cartAddForm	.block_labels	label,
#dodaj_u_kosaricu	#cartAddForm	.product_option_image	label	{
	display: block;
	float:	none;
	width:	auto;
	text-align:	left;
	margin-bottom:	10px;
}

#dodaj_u_kosaricu	#cartAddForm	.product_option_image	label	input	{
	margin:	4px 10px 10px 0;
	float:	left;
}

#dodaj_u_kosaricu	#cartAddForm	.product_option_image	label	span	{
	display: inline;
}

#dodaj_u_kosaricu	#cartAddForm	.product_option_image	label	span	img	{
	border:	1px solid #5F4E2F;
	margin-right:	4px;
}


/*
	Pagination
*/

.pagination {
	display:	block;
	margin:	10px 0;
	padding:	0;

	color:	#5F4E2F;

	cursor:	default;
	border:	0;
}


/*	*****	Pagination		*****
	****************************/

.pagination {
	cursor: default;
	list-style: none;
	margin: 10px 0;
}

.pagination li {
	display: block;
	float: left;
	margin-left: 4px;
}

.pagination a,
.pagination a:visited {
	display: block;
	float: left;
	padding: 1px 4px;
	text-decoration: none;
 	border:	1px solid #DFD7B5;
}

.pagination a:hover {
	border-color:	#DFD7B5;
}

.pagination a:focus,
.pagination a:active	{
	background-color:	#5F4E2F;
}

.pagination strong,
.pagination span
 {
 	display: block;
	float: left;
 	padding: 1px 4px;
 	border:	1px solid #DFD7B5;
}

.pagination strong{
	background-color:	#EFECD1;
	border-color:	#DFD7B5;
}

.pagination .first
 {
 	margin-left: 0;
 	margin-right: 7px;
}

.pagination .last
 {
 	margin-left: 7px;
}


table#cakeSqlLog	{
	width:	1000px !important;
}


/*
	******************************
	*****	Gre�ke		*****
	******************************
*/

.error_page	h1	{
	color:	#CF0000;
}

/*
	******************************
	*****	Ko�arica	*****
	******************************
*/

#cart	{
	background-color: white !important;
	padding: 14px 14px 4px;
	position: relative;
}

#cart .subtitle b {
	background: url("img/new_cart.png") no-repeat left top;
	width: 38px;
	height: 46px;
	display: block;
	position: absolute;
	right: 4px;
	top: 2px;
}

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

#cart	li	{
	padding:	2px 0;
	border-bottom: 1px solid #DFD7B5;
}

#cart	li	a	{
	padding:	1px;
}

#cart_form	{
	display: block;
	border:	1px solid #DFD7B5;
	background-color:	#EFECD1;
	padding:	10px;
	margin:	0;
}

#cart	.kupi_dugme	.kosarica	{
	float: left;
}

#cart	.kupi_dugme	.kupi	{
	float: right;
}

#cart_index	table	{
	border:	1px solid #DFD7B5;
	border-width:	0  0 1px 1px;
	background-color:	white;
}

#cart_index	table	td,
#cart_index	table	th	{
	border:	1px solid #DFD7B5;
	border-width:	1px 1px 0 0;
	padding:	7px;
}

#cart_index	table	.name a,
#cart_index	table	.name sup	{
	display: block;
	font-size:	1em;
	line-height:	1.4em;
}

#cart_index	table tr.table_footer	td	{
	border-top:	2px solid #DFD7B5 !important;
}

#cart_index	table tr.table_footer	{
	background: white url("img/input.png") repeat-x left top;
}

.izvadi	{
	text-align:	center;
}

.cart_table_buttons	{
	text-align:	right;
}

/*
	******************************
	*****	Order	*****
	******************************
*/
#order_form	.navigation	{
	text-align: right;
	border-top:	1px solid #DFD7B5;
	padding:	4px 0;
}

#order_form	.back_to_basket	{
	float: left;
}

#order_form	.total	{
	text-align: center;
}

.payment_options label,
.delivery_options label {
	font-weight: bold;
}


#flashMessage	{
	margin-bottom:	10px;
	padding:	4px 10px;
	text-align:	center;
	font-size:	1.2em;
	font-weight:	bold;
}

#flashMessage.ok	{
	border:	1px solid #70CF0C;
	background-color:	#B7DF8B;
	color:	#518F23;
}

#flashMessage.error,
.error_message	{
	border:	1px solid #CDCF0C;
	background-color:	#EFEFC2;
	color:	#9F6809;
}

form div.error_message	{
	margin-top:	7px;
	padding-left:	10px;
}

p.info	{
	border:	1px solid #DFD7B5;
	background: #EFECD1;
	padding:	10px 10px 10px 17px;
	margin:	4px 0 14px;
}


.borderedTable	{

	border-left:	1px solid #777;
	border-top:	1px solid #777;
}

.borderedTable	td,
.borderedTable	th	{
	border:	1px solid #777;
	border-width:	0px 1px 1px 0;
	padding:	4px;
}


/* FACEBOOK */
#bookmarks { clear:left; margin:5px 0; }
#bookmarks span { float:left; }
#bookmarks a { float:left; line-height:16px; margin:0px 0 0 2px; overflow:hidden; font-weight: bold;}
#bookmarks a#facebook { padding-left:20px; background:white url("img/tools.png") no-repeat left -49px; }
#bookmarks a#facebook:hover { background-position:left -33px; }