@charset "utf-8";
/*-------------------------------------------------------
	KROJAČ CSS
---------------------------------------------------------

Developed by: 		Krojač web dizajn (www.krojac.com)
Date:				February, 2011
Version:			1.00

Copyright (C) 2003-2011 Krojač. All rights reserved.

---------------------------------------------------------
	CONTENT
---------------------------------------------------------

1.	RESET	
2.	GENERAL STYLES		
3.	MAIN CONTAINERS		
4.	HOLDERS				
5.	MENUS				
6.	PRODUCTS			
7.	PAGINATION			
8.	GALLERIES			
9.	FOOTER				
10.	FORMS
11. TABLES
12.	SPECIFIC STYLES		
13.	DEBUGGING TOOLS	

/*-------------------------------------------------------
	RESET
--------------------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, input, textarea,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font:inherit;
	vertical-align: baseline;
}

article, aside, details, figcaption, figure, header, hgroup, menu, nav, section, footer {display: block}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
	}

table {
	border-collapse: collapse;
	border-spacing: 0;
	}

body {line-height: 1}
li {list-style: none}
blockquote, q {quotes: none}
a img {border:none}
:focus {outline:none}

/*-------------------------------------------------------
	GENERAL STYLES
--------------------------------------------------------*/
@font-face {
    font-family: 'Kind Print';
    src: url('../fonts/kidprint-webfont.eot');
    src: url('../fonts/kidprint-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/kidprint-webfont.woff') format('woff'),
         url('../fonts/kidprint-webfont.ttf') format('truetype'),
         url('../fonts/kidprint-webfont.svg#KidprintRegular') format('svg');
    font-weight: normal;
    font-style: normal;
	}

/*------- child pixels/parent pixels=child ems -------*/
html, body {
	width:100%;
	
	}
	/*html {background:#dff0fb url(../pic/bg-html.png) repeat-x 0 0 fixed}*/
	body{
	color:#606060;
	margin:0 0 1px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.3;
	background-attachment: fixed;
	background-color: #F9E373;
	background-image: url(../pic/bg-body.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	}
	
p {
	margin-bottom:5px
}
p strong {
	font-weight:bold;
	color:#333;
}

/*------- Links -------*/
a {
	text-decoration: none;
	color: #606060;
	font-size: 14px;
	line-height: 1.1;
    }
    a:hover {
	text-decoration: none;
	color: #333;
}

/*------- Nested elements -------*/
p a, p span, p font, li a, li span, li a span, li li, li p, a span, a font, span font  {font-size:inherit}

/*------- Headings -------*/
h1, h2, h3, h4, h5, h6 {
	line-height: 1;
	font-weight: bold;
	}
	h1 span, h3 span, h4 span, h5 span, h6 span {
	font-size:inherit;
	}
	h1 {
	font-size:30px;
	}
	h1 a {font-size:inherit; color:inherit}
	h1 a:hover {color:#333}
	h2 {
		font-size:22px;
		color:#80001A;
		font-weight:bold;
		line-height:0.8;
		margin-bottom:15px;
		}
		h2 span{
		font-size:20px;
		line-height: 2;
		display: block;
		}
	h3 {
	font-size:18px;
	padding-bottom: 10px;
	color:#333;
	}
	h4 {
	font-size:18px;
	line-height:1.3;
	padding-bottom: 15px;
	}
		h4 span {
	color:#ffe500;
	font-size:20px;
	line-height: 1;
			}
	h5 {
	font-size:12px;
	color:#F90
	}
	h6 {font-size:10px}
	
details {
	font-style:italic;
	font-weight:bold;
	padding:10px 0;
	}
	details p{
		font-size:11px;
		font-weight:normal;
		}
	summary {
	color:#333;
	padding-bottom:5px;
	display: block;
}

/*-------------------------------------------------------
	MAIN CONTAINERS
--------------------------------------------------------*/

#container,
#main_header,
#main_content,
#container_left,
#container_middle,
#inner_middle,
#container_right {position:relative; /*outline:1px solid #CCC*/}

#container{
	margin:0 auto;
	width:980px;
	min-height:100%;
	overflow:hidden;
	padding-bottom:0px;	/* Sticky footer fix - height of the footer image!  */
	}
	
#main_header {
	float:left;
	width:100%;
	height:115px;
	}
	
#main_content {
	float:left;
	width:950px;
	padding:15px;
	background:url(../pic/bg-content.png) repeat 0 0;
	margin-bottom: 20px;
	}
	
#container_left {
	float:left;
	width:168px;
	margin-right:23px;
}

#container_middle {
	float:left;
	width:560px; /* 580px */
	padding:7px;
	background-color:#f5f9fc;
	margin-bottom:10px;
	border:3px solid #FFF;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	}
	body#home #container_middle {
		background:none;
		padding:0;
		border-radius:0;
		width:580px;
		border:0;}

#inner_middle {
	float:left;
	width:490px;
	left:35px;
	margin-bottom:15px;
	}

#container_right {
	float:right;
	width:156px;
}

/*banner*/
#banner {
	position:relative;
	float:left;
	width: 950px;
	height:200px;
	padding-bottom: 15px;
	margin-top: 12px;
	}
	
	.banner_flash {
	position:relative;
	float:left; 
	top:-15px;
	top:0px\9;
	left:-3px\9;
	}
	
	*+html .banner_flash {top:-15px;left:0px} /* for IE7 */
	
	
	#top5 {
		position:absolute;
		z-index:400;
		top:15px;
		right:15px;
		background: url(../pic/bg-top5.png) repeat 0 0;
		width:122px;
		height:150px;
		padding:10px;
		white-space:normal;
		line-height:1.1;
		}
		#top5 li {
			color:#364e5d;
			margin-bottom:2px;
			font-size:11px;
			
			}
			#top5 li span {
				padding-right: 5px;
				position: relative;
				left: -6px;
				}
			#top5 li a {
				color:#B16D00;
				font-size:11px;
				
				}
				#top5 li a:hover {text-decoration:underline}
		#top5_title {
			background:url(../pic/bg-top5-title.png) no-repeat 0 0;
			height:31px; /*31px*/
			text-indent:-9999px;
			border-bottom:2px solid #999;
			padding-bottom:4px;
			}
			#top5_title li span {
			display:block;
			width:20px;
			height:20px;
			background:url(../pic/bg-top5-pehar.png) no-repeat right top;
			}


	

/*-------------------------------------------------------
	HOLDERS
--------------------------------------------------------*/

.holder,
.holder_content,
.holder_line,
.holder_separator,
.holder_separator_right {
	position:relative;
	float:left;
	width:100%;
	}
	.holder_separator {
	margin-bottom:15px
}
	.holder_line {
		padding-bottom:20px;
		line-height:1.2;
		margin:0 25px 25px 0;
		background:url(../pic/bg-dashed-wide.gif) repeat-x left bottom;
		}
		.holder_line section {
			width: 250px;
			}
			.holder_line section span  {
			font-size: 16px;
			line-height: 1.2;
			color: #ffe500;
			}
	

/*-------------------------------------------------------
	MENUS
--------------------------------------------------------*/

/* Main navigation */
#main_nav {
	position:relative;
	float:left;
	width:100%;
	height:52px;
	background:url(../pic/bg-nav-menu.png) repeat-x 0 0;
	
	}
	#main_nav li {
		position:relative;
		float:left;
		width:84px;
		margin:15px 0;
		padding:0 5px;
		background:url(../pic/bg-nav-separator.gif) no-repeat 100% 50%;
		}
		#main_nav li:last-child {background:none}
		#main_nav a {
			display: block;
			width:84px;
			height:26px;
			text-indent:-9999px;
			background-position:0 0;
			background-repeat:no-repeat;
			}
			#home_link {background-image:url(../pic/bg-home-link.png)}
			#about_link {background-image:url(../pic/bg-about-link.png)}
			#products_link {background-image:url(../pic/bg-products-link.png)}
			#partnership_link {background-image:url(../pic/bg-partnership-link.png)}
			#impresssum_link {background-image:url(../pic/bg-impresssum-link.png)}
			#register_link {background-image:url(../pic/bg-register-link.png)}
			#contact_link {background-image:url(../pic/bg-contact-link.png)}	
			#foto_link {background-image:url(../pic/bg-foto-link.png)}	
			#video_link {background-image:url(../pic/bg-video-link.png)}		
		
		
		
body#home a#home_link, body#page a#about_link, body#impresssum a#impresssum_link, body#partnership a#partnership_link,
 body#about a#about_link,body#products a#products_link, body#contact a#contact_link, body#program_body a#program_body_link,
 body#register a#register_link,body#foto a#foto_link, body#video a#video_link {
	background-position:0 -26px; height:26px
}

/* Subnavigation - Products menu (left sidebar) */
#sub_nav {
	background:url(../pic/bg-product-menu.png) repeat 0 0;
	width:168px; /*165px*/
	padding:0 0 3px;
	margin-bottom:15px;
	}
	#sub_nav li ul {
		margin-bottom:10px;
	}
	#sub_nav li ul li {padding:0 10px}
		#sub_nav li ul li:first-child{padding:0}
	#sub_nav li span {
		display:block;
		width:164px;
		height:42px;
		text-indent:-9999px;
		}
		#editions_menu span {background:url(../pic/bg-izdanja.png) no-repeat 0 0}
		#categories_menu span {background:url(../pic/bg-kategorije.png) no-repeat 0 0}
		#age_menu span {background:url(../pic/bg-uzrast.png) no-repeat 0 0}
	#sub_nav a {
		font:11px/1 Verdana, Geneva, sans-serif;
		color:#666;
		}
		#sub_nav a:hover {text-decoration:underline}
		
/* Right sidebar */
.sidebar_heading{
	position:relative;
	right:4px;
	width:166px;
	height:41px;
	margin-top:10px;
	line-height:41px;
	background:url(../pic/sidebar-heading.png) no-repeat 0 0;
	color:#FFF;
	font-weight:bold;
	text-align:center;
	font-family:"Kind Print", "Comic Sans MS", cursive;
}

/*-------------------------------------------------------
	PRODUCTS
--------------------------------------------------------*/
#product_list {
	position:relative;
	float:left;
	padding:0px 0;
	background-image: url(../pic/bg-line-up.png);
	background-repeat: repeat-y;
	background-position: 245px top;
	}
	#product_list li {
	position:relative;
	float:left;
	width:220px;
	height:140px;
	line-height:1.2;
	background:url(../pic/bg-dashed-wide.gif) repeat-x left bottom;
	margin-top: 10px;
	margin-right: 50px;
	margin-bottom: 10px;
	margin-left: 0;
		}
		#product_list .price {
			position:relative;
			left:0;
			top:0;
			clear:none;
			/*margin-bottom:30px;*/
			}
		#product_list .add_cart_yellow {
			position:absolute;
			bottom:10px;
			/*display: none;*/
		}	
		#product_list li a {
			color:#cc3366;
			font-weight:bold;
			}
			#product_list li a:hover { color:#80001A}
			
#top_products {
	margin-top:10px;
	background-color:#fced89;
	border:3px solid #FFF;
	width:574px;
}

/*-------------------------------------------------------
	PAGINATION
--------------------------------------------------------*/

#pagination_holder{
	position: relative;
	float: left;
	width: 100%;
	font-size:1em;
	color: #999;
	margin:10px 0;
	}
	
#pagination_holder_left, #pagination_holder_right{
	position: relative;
	float: right;
	margin-right: 0px;
	margin-bottom:0px;
	margin-top:10px;
	}
	#pagination_holder_left {display:none}
	#pagination_holder_right {}

a.pagination_link{
	color: #333;
	font-size:1em;
	text-decoration: none;
	padding:0.2em 0.6em;
	line-height: 1.8em;
	border:1px solid #D9C748;
	background-color:#F0DD51;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	}

#pagination_holder_right a:hover{
	background-color: #F90;
	border-color:#F60;
}

.pagination_link_active{
	color: #FFF;
	font-size:1em;
	font-weight: bold;
	text-decoration: none;
	background-color:#F90;
	border:1px solid #F60;
	padding:0.2em 0.6em;
	border-radius:4px;
		-moz-border-radius:4px;
		-webkit-border-radius:4px;
	}

/*-------------------------------------------------------
	GALLERIES
--------------------------------------------------------*/

.photo_hover{
	position: relative;
	float:left;
	width:auto;
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 0;
	}
	#top_product  .photo_hover {margin:0}
	#three_boxes .photo_hover {margin:0; float:none}
	.photo_hover:hover {opacity: 0.8}
	
	.photo_hover2{
	position: relative;
	float:left;
	width:auto;
	margin-top: 0;
	margin-right: 7px;
	margin-bottom: 7px;
	margin-left: 0;
	/* [disabled]border: 1px solid #CCC; */
	padding: 3px;
	}
	
/*-------------------------------------------------------
	FORMS
--------------------------------------------------------*/

form{
	font-size: 1em;
	font-family:inherit;
	position:relative;
	}
	#contact_form p {margin-bottom:10px}

fieldset {
	position:relative;
	}
	
legend {
	font:16px/1 Verdana, Geneva, sans-serif;
	color:#333;
	margin-bottom:15px;
	width:100%;
	padding-top: 15px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FC0;
	}

label{
	display: block;
	font-size: 12px;
	font-weight:bold;
	color: #666;
	text-shadow:1px 1px 1px #FFF;
	line-height: 1.4;
	padding-bottom: 2px;
	padding-left:6px;
	cursor:pointer;
	}

.textbox, .textbox_error, .input_captcha, .input_captcha_error, textarea, .textarea, .textarea_error{
	font-size: 12px;
	font-family:inherit;
	width: 220px;
	height:18px;
	line-height:18px;
	border: 1px solid #CCC;
	background-color:#FFF;
	padding:4px 6px;
	color:#999;
	border-radius:6px;
		-moz-border-radius:6px;
		-webkit-border-radius:6px;
	}
	.input_captcha, .input_captcha_error {
		width:100px;
		}
	textarea, .textarea, .textarea_error {
	width:450px;
	height:auto;
	}
	.textbox_error, .textarea_error, .input_captcha_error  {
	border-color:red;
	}
	.textbox:focus, .textbox_error:focus, textarea:focus, .textarea_error:focus{
	border: 1px solid #FC0;
	background-color:#FFF;
	color:#333;
	}
	
#submit_form{
	position:relative;
	width:auto;
	float:left;
	cursor:pointer;
	padding:5px 10px;
	}
	
.req {
	color:red;
	}

#captcha_client_notif, #captchaServer {
	color:red;
	font-weight:normal;
	}
	
#form_error {
	color:red;
	font-size:20px;
	clear:both;
}

	
/* Search form */
#local_search {
	position:absolute;
	right:30px;
	top:30px;
	}
#local_search label {display:none}
input[type="search"] {
	  -webkit-appearance: textfield;
	}
	#search_input {
	background-color:#FFF;
	padding:5px 30px 5px 7px;
	width:106px; /*170px*/
	outline:none;
	border:none;
	box-shadow:inset 1px 1px 1px #999;
		-moz-box-shadow:inset 1px 1px 1px #999;
		-webkit-box-shadow:inset 1px 1px 1px #999;
	}
	
#search_submit {
	display:block;
	width:20px;
	height:16px;
	background:url(../pic/bg-search-submit.gif) no-repeat 0 0;
	position:absolute;
	right:5px;
	top:4px;
	text-indent:-9999px;
	cursor:pointer;	
}

/*-------------------------------------------------------
	TABLES
--------------------------------------------------------*/
#partners {
	width:100%;
	}
	
th {
	color:#80001A;
	font-weight:bold;
	font-size:12px;
	text-align:left;
	padding:2px 0;
	text-transform:lowercase;
	border-right:1px solid #FFF;
	background-color:#F3E354;
}

td {
	border-bottom:1px solid #dede79;
	font-size:11px;
	padding:5px;
	vertical-align:middle;
}

.table_name, .table_city, .table_address, .table_pone {}
	.table_pone{ width:110px}
	thead th.table_name {
		border-top-left-radius: 6px;
		border-top-right-radius: 0px;
		border-bottom-right-radius: 0px;
		border-bottom-left-radius: 0px; 
			-webkit-border-top-left-radius: 6px;
			-webkit-border-top-right-radius: 0px;
			-webkit-border-bottom-right-radius: 0px;
			-webkit-border-bottom-left-radius: 0px;
			-moz-border-radius-topleft: 6px;
			-moz-border-radius-topright: 0px;
			-moz-border-radius-bottomright: 0px;
			-moz-border-radius-bottomleft: 0px;
		}
		thead th.table_pone{
		border-top-left-radius: 0px;
		border-top-right-radius: 6px;
		border-bottom-right-radius: 0px;
		border-bottom-left-radius: 0px; 
			-webkit-border-top-left-radius: 0px;
			-webkit-border-top-right-radius: 6px;
			-webkit-border-bottom-right-radius: 0px;
			-webkit-border-bottom-left-radius: 0px;
			-moz-border-radius-topleft: 0px;
			-moz-border-radius-topright: 6px;
			-moz-border-radius-bottomright: 0px;
			-moz-border-radius-bottomleft: 0px;
		}
		tfoot th.table_name {
		border-top-left-radius: 0px;
		border-top-right-radius: 0px;
		border-bottom-right-radius: 0px;
		border-bottom-left-radius: 6px; 
			-webkit-border-top-left-radius: 0px;
			-webkit-border-top-right-radius: 0px;
			-webkit-border-bottom-right-radius: 0px;
			-webkit-border-bottom-left-radius: 6px;
			-moz-border-radius-topleft: 0px;
			-moz-border-radius-topright: 0px;
			-moz-border-radius-bottomright: 0px;
			-moz-border-radius-bottomleft: 6px;
		}
		tfoot th.table_pone {
			-webkit-border-top-left-radius: 0px;
			-webkit-border-top-right-radius: 0px;
			-webkit-border-bottom-right-radius: 6px;
			-webkit-border-bottom-left-radius: 0px;
			-moz-border-radius-topleft: 0px;
			-moz-border-radius-topright: 0px;
			-moz-border-radius-bottomright: 6px;
			-moz-border-radius-bottomleft: 0px;
			border-top-left-radius: 0px;
			border-top-right-radius: 0px;
			border-bottom-right-radius: 6px;
			border-bottom-left-radius: 0px; 
		}
	
td.table_name {color:#333; font-weight:bold}
.table_name, .table_address{ padding:2px 10px}
.table_city, .table_pone { text-align:center}

/*-------------------------------------------------------
	FOOTER
--------------------------------------------------------*/

footer { margin-bottom:20px}

#sticky_footer {
	position: relative;
	height:580px;
	margin-top:-610px;	 /* Negative value of footer height */
	clear:both;
	background:url(../pic/footer-bcg1.png) no-repeat center;
	}
	/* Opera Fix for Sticky footer*/
	body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;
	}
	
#footer_content {
	width:938px;
	overflow:hidden;
	position: relative;
	padding:20px;
	background:url(../pic/footertransyellow-bcg.png) repeat;
	border:1px solid #C9D8E2;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	}
	
#footer_left {
	position:relative;
	float:left;
	color:#333;
	font-size:11px;
	bottom:0;
	width:50%;
	border-top:1px dotted #FFF;
	padding-top:10px;
	}

#footer_right {
	position: relative;
	float:right;
	text-align:right;
	color:#333;
	font-size:11px;
	bottom:0;
	border-top:1px dotted #FFF;
	width:50%;
	padding-top:32px;
	}
	
#footer_left a, #footer_right a {
	color:#80001A;
	text-decoration:underline;
	}
	#footer_left a:hover, #footer_right a:hover{text-decoration:none}

#footer_logo {
	position:relative;
	float:left;
	display:block;
	width:71px;
	height:94px;
	margin-right:20px;
}

.footer_holders {
	position:relative;
	float:left;
	width:150px;
	margin-bottom:20px;
	}
	ul.footer_holders li { margin-bottom:3px; color:#ff6600}
	ul.footer_holders li.subnav_title {
	margin-bottom:15px;
	color:#80001A;
	font-size:18px;
	font-weight:bold;
		}
	ul.footer_holders li a {
		color:#970014;
		text-decoration:none;
		}
		ul.footer_holders li a:hover { text-decoration: underline}

/*-------------------------------------------------------
	SPECIFIC STYLES
--------------------------------------------------------*/

#bread_crumbs {
	position:relative;
	float:left;
	width:100%;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 0;
	}
	#bread_crumbs li {
		position:relative;
		float:left;
		width:auto;
		height:33px;
		line-height:33px;
		margin-right:10px;
		}
		#bread_crumbs li a {
			color:#F93;
			font-weight:bold;
			}
			#bread_crumbs li a:hover { color:#80001a}
	

.date {
	font-size:12px;
	color:#999;
	font-style:italic;
}

.price {
	font:bold 11px/1 Verdana, Geneva, sans-serif;
	color:#333;
	display:block;
	position:relative;
	float:left;
	clear:both;
	top:25px;
}

#logo {
	position: absolute;
	left:0;
	bottom:0;
	display:block;
	width:397px;
	height:107px;
	}

#top_info {
	position:relative;
	float:right;
	width:580px;
	text-align:right;
	color:#FFF;
	font-family:"Kind Print", "Comic Sans MS", cursive; 
	font-weight:bold;
	}
	#top_info p { margin:20px 0 0; font-size:26px}
	p#bottom_info {
		font-size:19px;
		/*display: none;*/
		}
	#top_info p span {margin:0 0 0 10px}
	#top_info a {
		color:#FFF;
		text-decoration:none;
		}
		#top_info a:hover { color:#036}
	
.rounded_corner {
	border-radius:8px;
	-moz-border-radius:8px;	
	-webkit-border-radius:8px;
	-khtml-border-radius:10px;
	behavior:url(border-radius.htc);
	}
	
/* Home page - Top product */	
#top_product {
	position:relative;
	float:left;
	width:554px; /* 580px */
	height:245px;
	padding:5px 10px;
	background-color:#f5f9fc;
	margin-bottom:10px;
	border:3px solid #FFF;
	}
	#top_title {
	display:block;
	width:374px;
	height:33px;
	background:url(../pic/bg-top-title.png) no-repeat 0 0;
	text-indent:-9999px;
	margin-bottom:10px;
	}
	#top_product .product_title a {
		/*text-transform:uppercase;*/
		display:block;
		color:#80001a;
		font-weight:bold;
		font-size:18px;
		padding-bottom:5px;
		}
		#top_product .product_title a:hover { color:#cc3366}
	#top_product .product_description {font-size:11px}
	#top_product .price {
	font-size:11px;
	position: absolute;
	top:180px;
	left:-75px;
	letter-spacing:-1px;
	font-weight:normal;
	height: 19px;
	text-align: right;
		}
	.add_cart_yellow {
	position:relative;
	float:right;
	right:0;
	bottom:0;
	display:block;
	/*display: none;*/
	width:119px;
	height:44px;
	background:url(../pic/bg-cart-yellow.png) no-repeat 0 0;
	text-indent:-9999px;
	outline:none;
	}
	.rasprodato {
	position:relative;
	float:right;
	right:0;
	bottom:0;
	display:block;
	/*display: none;*/
	width:119px;
	height:44px;
	background:url(../pic/nije-na-stanju.png) no-repeat 0 0;
	text-indent:-9999px;
	outline:none;
	}
	body#home .add_cart_yellow {
	position: absolute;
	right:0;
	top: 155px;
	}
	.look_inside {
	height:40px;
	width:110px;
	display:block;
	background:url(../pic/look-inside.png) no-repeat 0 0;
	text-indent:-9999px;
	outline:none;
	}
#book_slider {
	position:relative;
	float: left;
	width:150px;
	height:225px;
	/*padding-top:15px;*/
	padding-left:25px;
	}
	#book_slider li {
	width:100%;
	float:left;
	margin-bottom:10px;
	line-height:1.2;
		}
		#book_slider li a.photo_hover { margin-right:5px}
		#book_slider li span a {
			font-size:11px;
			color:#606060;
			}
			#book_slider li span a:hover { text-decoration:underline}
	

/* Home page - Three boxes */
#three_boxes{
	position:relative;
	left:0;
	float:left;
	width:100%;
	height:430px;
	color:#606060;
	margin-bottom:30px;
	font-size: 11px;
	}
	#three_boxes li {
	position:relative;
	float:left;
	margin-right:20px;
	background-color:#b6b9fb;
	width:154px; /* 174px */
	height:100%;
	/*overflow:hidden;*/
	border:3px solid #FFF;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
		}
		#three_boxes li.hobbies_box {background-color:#f8d6fc}
		#three_boxes li.activities_box { background-color:#e6fdc4}
	#three_boxes a {
		color:#606060;
		font-weight:bold;
		}
		#three_boxes a:hover { text-decoration:underline}
	#three_boxes a span.product_title {
	font-size:12px;
	/*text-transform:uppercase;*/
	line-height:1.3;
	display:block;
	padding: 5px 0;
	}
	a.read_more_link {
	font-size:12px;
	display:block;
	padding:5px 0;
	}
	#three_boxes .product_description {
	font-size:11px;
	}	
#coming_soon, #hobbies, #activities {
	display:block;
	text-align:center;
	width:152px;
	height:32px;
	margin:0 auto 5px;
	background:url(../pic/bg-u-pripremi.png) no-repeat 0 0;
	text-indent:-99999px;
	}
	#hobbies {background-image:url(../pic/bg-zanimacije.png)}
	#activities {background-image:url(../pic/bg-aktivnosti.png)}

/* Home links - Zuuu, zuuu modul */
#home_zuu {
	position:relative;
	float:left;
	width:267px;
	padding:8px 5px;
	border:3px solid #FFF;
	background-color:#e7f4fc;
	}
	#links_title {
	display:block;
	width:267px;
	height:33px;
	text-indent:-9999px;
	background:url(../pic/bg-zoo.png) no-repeat 0 0;
	}
	ul#links_list {
		position:relative;
		float:left;
		padding: 10px 0 0;
		}
		ul#links_list li{
			width:100%;
			height:55px;
			clear:both;
			}
			ul#links_list li a:hover {color:#666}
			ul#links_list li a.zuu {
	font-weight:normal;
	display:block;
	width:200px;
	float:right;
	height:42px;
	padding-top:10px;
	margin-bottom:5px;
	font-size:11px;
	line-height:1.3;
	border-bottom:2px solid #c5cfd5;
	color: #666;
				}
				ul#links_list li a.zuu:hover {
	color:#000
}
			
/* Video section */
#video_article {
	position:relative;
	float:right;
	width:258px;
	height:275px;
	padding:10px;
	background-color:#fced89;
	border:3px solid #FFF;
	overflow:hidden;
	}
		
#register_title, #contact_title {
	background:url(../pic/bg-registracija.png) no-repeat 0 0;
	display:block;
	width:560px;
	height:40px;
	text-indent:-9999px;
	margin-bottom:10px;
	}
	#contact_title { background-image:url(../pic/bg-contact-title.png)}
	
	#side_banners  {margin:0px}


#side_banners li {margin-bottom:5px}


/* Checkout page */
.cart {width:30px; text-align:center}
.action_links {color:#F93}
.cart_submit, .cart_empty {
	position:relative;
	float:right;
	width:158px;
	height:33px;
	line-height:33px;
	display:block;
	background:url(../pic/bg-submit.png) no-repeat 0 0;
	cursor:pointer;
	color:#FFF;
	text-align:center;
	font-family:"Kind Print", "Comic Sans MS", cursive;
	font-size:22px;
	font-weight:bold;
	}
	.cart_empty { background-image:url(../pic/bg-empty.png)}
	
#formPoruci{
	position:relative;
	float:right;
}

a#add_more {
	color:#F90;
	font-weight:bold;
	position:relative;
	left:15px;
	}
	a#add_more:hover {color:#333}
	
/************************************************
JCAROUSEL LITE
************************************************/
#list {
     height:200px;
     width:180px;
     visibility: visible; 
	 overflow: hidden;  
	 z-index: 1; 
	 left: 0px; 
}
 
.sliderko {
	float:left;
	position:relative;
	visibility:hidden;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
}



.sliderko_title {
	font-size:10px;
	padding-top:5px;
	font-weight:bold;
	display:block;
	}
	
.sliderko a:hover {
	color:#80001a;
}
	
	
 
.sliderko ul {
	height:200px;
	width:600px;
	/* [disabled]border:1px solid red; */
	left: 25px;
}
 
.sliderko ul li {
	height:200px;
	padding-top: 0;
	padding-right: 8px;
	padding-bottom: 0;
	padding-left: 9px;
}
 
.sliderko ul li img {
     cursor:pointer;
     height:150px;
     padding-top:3px;
     width:100px;
}
 
.prev, .next {
	cursor:pointer;
	position:absolute;
	right:10px;
	height:24px;
	width:24px;
	z-index:500;
	}
	.prev {
	top:15px
}
	.next {
	bottom:20px
}
	
.next_bottom, .prev_bottom {
	width:28px;
	height:32px;
	position:relative;
	float:left;
	cursor:pointer;
	margin-right: 12px;
	margin-top: 80px;
	margin-left: 12px;
	}
	.prev_bottom {float:right}

#top-proizvodi {
	position:relative;
	visibility: visible;
	overflow: hidden;
	z-index: 1;
	right:0;
	top:15px;
	height:220px;
	width: 170px;
	background-image: url(../pic/bg-line-up.png);
	background-repeat: repeat-y;
	background-position: 10px top;
}
frame{
	position:relative;
	float:right;
	height:280px;
	width:258px;
	padding:10px;
	background-color:#fced89;
	border:3px solid #FFF;
}

/* About us */
#container_middle h1 {
	background:url(../pic/bg-middle-title.png) no-repeat 0 0;
	width:524px;	/*559px*/
	height:28px; 	/*36px*/
	color:#80001a;
	font:bold 22px/1 "Kind Print", "Comic Sans MS", cursive;
	/*padding:8px 15px 0;*/
	padding:8px 0 0 35px;
	margin-bottom:10px;
	}
	#container_middle h1.product_title {background:none; width:auto; height:auto; font:inherit; padding:0}

/*-------------------------------------------------------
	VALIDATION
--------------------------------------------------------*/
#nameError, #mailError, #nameError, #telError, #messageError, #captchaError, #condError {
	color:#FFF;
	position:absolute;
	top:22px;
	font-weight:normal;
	display:block;
	padding:2px 4px;
	background-color:#F90;
	left: 260px;
	}
	#captchaError {
	top:40px;
	left: 220px;
	}
	#condError {
		top: -3px;
	}
	.specLink {
		color: #F90;
		font-weight: bold;
		text-decoration: underline;
	}
	#messageError{ right:65px}
	#captchaNotif {
	position:relative;
	float:left;
	width:550px;
	left:0;
	color:#FFF;
	padding:20px;
	margin-bottom:20px;
	background-color: #FC0;
	background-image: url(../pic/captcha-bg-notifications.gif);
	background-repeat: repeat;
	background-position: 0 0;
		}
		#captchaNotif p {
			font-size:16px;
			line-height:1.3;
			font-weight:bold;
			}
			#captchaNotif p a { font-size:inherit; color:#FFF; text-decoration:underline; font-style:italic}
			#captchaNotif p span {
			display:block;
			width:42px;
			height:43px;
			float:left;
			margin-right:15px;
			background:url(../pic/captcha-form-error.png) no-repeat 0 0;	
			}
	
#grForm  {
	position:relative;
	float:left;
	width:363px;
	height:80px;
	line-height:80px;
	text-align:right;
	top:-16px;
	padding:0 20px 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size:15px;
	text-transform:uppercase;
	color:#FFF;
	background:url(../pic/bg-form-notif.png) no-repeat 0 0;
	}
	#form_error  {
	position:relative;
	float:left;
	width:383px;
	height:80px;
	line-height:80px;
	text-align:center;
	top:16px;
	padding:0;
	font-family: 'Oswald', serif;
	font-size:14px;
	text-transform:uppercase;
	color:#FFF;
	background:url(../pic/bg-form-notif.png) no-repeat 0 0;
	}
/*-------------------------------------------------------
	DEBUGGING TOOLS
--------------------------------------------------------*/

/*
* { outline: 2px dotted red}
* * { outline: 2px dotted green}
* * * { outline: 2px dotted orange}
* * * * { outline: 2px dotted blue}
* * * * * { outline: 1px solid red}
* * * * * * { outline: 1px solid green}
* * * * * * * { outline: 1px solid orange}
* * * * * * * * { outline: 1px solid blue}
*/
.arhiva_button {
display: block;
width: 119px;
height: 44px;
background: url(../pic/arhiva_03.png) no-repeat 0 0;
text-indent: -9999px;
outline: none;
float:right;

}