/*
   NOTICE OF LICENSE
   Copyright (c) 2009 Prinli (http://www.prinli.com)
 */

/**************** STRUCTURE ****************************************************
    Basic
	Layout
	Navigation
	Content
	Home page widgets
	Catalog page
	Product page
	cms page
	contact page
	login
*/

/* BASIC
*******************************************************************************/
body {
	font-size:12px;
	text-align:center;
	background:#ccc url(../images/default/patt.jpg) top center;
	color:#0e0401;
	font-family: verdana, arial, 'lucida grande', 'lucida sans unicode', helvetica, sans-serif;}
body, h1, h2, h3, h4, h5, h6, ul, li, form, div, p {
	margin:0;
	padding:0;}
h1, h2, h3, h4, h5, h6 {
	font-family: 'lucida grande', 'lucida sans unicode', arial,helvetica,sans-serif;}
h1, h2, h3, h4, h5, h6 {
	font-weight:normal;}
div {
	width:auto;
	height:auto;
	margin-left:auto;
	margin-right:auto;}
a {
	text-decoration:none;
	color:#ab1e1b;
	outline:none;}
	a:hover {
		text-decoration:underline;
		color:#ab1e1b;}
img {
	border:0;}

/* LAYOUT
*******************************************************************************/
#wrapper {
	width:920px;
	text-align:left;}
#header {
	padding:0 10px;
	height:110px;
	position:relative;}
	#header h1 {
		color:#fff;
		font-size:26px;
		position:absolute;
		top:40px;}
		#header h1 a {
			text-decoration:none;
			display:block;
			width:258px;
			height:35px;
			text-indent:-99999px;
			background: url(../images/default/logo.gif) top left no-repeat;}
		.header-top span {
			position:absolute;
			right:10px;
			top:0;
			font-size:12px;
			color:#fff;}
			.header-top span a {
				color:#fff;
				text-decoration:none;}
	#header .nav-opt {
        height:40px;
		width:550px;
		position:absolute;
		right:10px;
		top:10px;
		color:#d0b8ae;}
            #header .nav-opt a {
				color:#d0b8ae;}
	#header .nav-opt span {
		line-height:24px;
		float:left;
		text-align: right;
		width:342px;
		/*margin-right:12px;*/}
	#header .nav-opt form {
		float:right;
		width:177px;}
		#header .nav-opt form input {
			width:100px;
			float:left;
			margin-right:3px;
			border:3px solid #5f5558;}
		#header .nav-opt form button {
			float:left;
			background:#827a7d;
			color:#fff;
			border:3px solid #5f5558;}
		#header .nav-opt form p {
			float:left;
			line-height:18px;
			font-size:11px;
			padding-left:3px;}
	#header .nav-bar {
		height:29px;
		position:absolute;
		right:0;
		bottom:4px;
		color:#fff;}
	#header .nav-bar ul {
		list-style-type:none;
		float:right;}
		#header .nav-bar li {
			float:left;
			height:29px;}
			#header .nav-bar li a {
				display:block;
				padding:6px 12px 6px 12px;
				font-size:14px;
				float:left;
				color:#fff;
				text-align:center;
				text-decoration:none;}
				#header .nav-bar li a:hover {
					text-decoration:underline;}
				#header .nav-bar li a.active {
					background:#AC1818;
					-moz-border-radius: 6px;
					-webkit-border-radius: 6px;}
					.nav-bar li a.active:hover {
						background:#c15d46;
						text-decoration:none;}
#page {
	padding:10px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background:#fff;}
#footer {
	padding:10px;
	font-size:11px;
	color:#fff;}
	#footer p {
		line-height:18px;
		text-align:right;}
		#footer p a {
			text-decoration:underline;
			color:#d0b8ae;}
			#footer p a:hover {
				text-decoration:none;
				color:#d0b8ae;}
/* NAVIGATION
*******************************************************************************/
#sidebar {
	height:490px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	float:left;
	padding:10px;
	clear:both;
	position:relative;}
        .bck_01 {
            background: url(../images/default/image_home_01.jpg) top left no-repeat;}
        .bck_02 {
            background: url(../images/default/image_home_02.jpg) top left no-repeat;}
        .bck_03 {
            background: url(../images/default/image_home_03.jpg) top left no-repeat;}
	.s_home {
		width:560px;}
	.s_content {
		width:220px;}
	#content_nav {
		position:absolute;
		top:10px;
		left:-30px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		background:#ac1818;
		width:260px;
		opacity:0.92;
		-ms-filter:"alpha(opacity=92)";
		filter:alpha(opacity=92);
		zoom:1;}
		#content_nav h2 {
			padding:10px 20px;
			font-size:18px;
			font-weight:bold;
			color:#fff;}
		#content_nav ul {
			list-style-type:none;
			float:left;
			padding:10px;}
			#content_nav li {
				border-bottom:1px dotted #F7BE99;
				line-height:20px;}
				#content_nav li:last-child {
					border-bottom:none;}
				#content_nav li a {
					display:block;
					text-align:left;
					font-size:13px;
					font-weight:bold;
					padding:6px 10px;
					width:220px;
					color:#fff;
					text-decoration:none;}
					#content_nav li a:hover, #content_nav li a.active {
						text-decoration:none;
						background:#C15D46;
						color:#31211C;}

/* CONTENT
*******************************************************************************/
#content {
	float:right;}
	.c_home {
		width:310px;}
	.c_content {
		width:620px;
		padding:15px;}
	.c_content p {
		padding-bottom:12px;
		line-height:17px;}
	.c_error {
		width:870px;
		padding:15px;}
	#content h1, #content h2 {
		margin-bottom:12px;
		padding-bottom:6px;
		border-bottom:1px solid #ecebeb;
		font-size:16px;
		font-weight:bold;
		line-height:22px;}
	#content h3, #content h4 {
		margin-bottom:8px;
		font-size:13px;}

/* HOME PAGE WIDGETS
*******************************************************************************/
#vesti {
	padding:10px;
	line-height:16px;}
	#vesti p.more {
		text-align:right;}
	.vest {
		padding-bottom:12px;}
#poslovnica {
	background:#f7be99;
	padding:0 10px 10px 10px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;}
	#poslovnica h3 {
		line-height:12px;
		font-size:12px;
		padding-top:10px;
		margin-bottom:4px;
		font-weight:normal;}
	#poslovnica p {
		line-height:14px;
		font-size:11px;}
        #brands {
            margin-top:10px;}
        .brand {
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            float:left;
            width:80px;
            height:40px;
            padding-right:5px;
			padding-left:5px;
			overflow:hidden;}

/* CATALOG PAGE
*******************************************************************************/
#catalog {}
	#catalog span.image {
		padding:3px;
		float:left;}
		#catalog span.image a {
			border:2px solid #d2c6c2;
			padding:1px;
			display:block;
			float:left;
			width:110px;
			height:110px;}
			#catalog span.image a:hover {
				border:3px solid #31211C;
				padding:0;}
.sub_cats, #products, .product_num {
	float:left;
	width:620px;
	margin-bottom:10px;}
	.sub_cats ul {
		list-style-type:none;}
		.sub_cats ul li {
			float:left;
			padding-right:4px;}
			.sub_cats ul li a {
				border-right:1px solid #43373b;
        			padding-right:4px;}
                        .sub_cats ul li:last-child a {
                            border-right:none;}
#series {
    margin:0;
    margin-top:12px;}
	#series .product {
				width:266px;
				padding:6px;
				margin:0 5px;
				margin-bottom:10px;
				height:198px;
				float:left;
				background:#fbf5f7;
				border:1px solid #ecebeb;}
		#series .image {
				float:left;
				width:266px;
				height:198px;
				overflow:hidden;
				border:1px solid #beb5b8;
				background:#fff;
				position:relative;}
			#series .image a {
				width:266px;
				height:198px;
				display:block;
				color:#000;
				font-weight:bold;}
			#series .image span {
				opacity:0.50;
				-ms-filter:"alpha(opacity=50)";
				filter:alpha(opacity=50);
				zoom:1; 
				position:absolute;
				top:4px;
				left:4px;
				background:#fff;
				padding:2px;}
#products {
    margin:0;
    margin-top:12px;}
	#products .product {
            width:122px;
            padding:6px;
            margin:0 5px;
            margin-bottom:10px;
            height:122px;
            float:left;
            background:#fbf5f7;
            border:1px solid #ecebeb;}
	#products .image {
            float:left;
            width:120px;
            height:120px;
            border:1px solid #beb5b8;
            background:#fff;
            position:relative;}
        #products .image a {
            width:120px;
            height:120px;
            display:block;
            color:#000;
            font-weight:bold;}
        #products .image span {
            opacity:0.50;
            -ms-filter:"alpha(opacity=50)";
            filter:alpha(opacity=50);
            zoom:1;
            position:absolute;
            top:4px;
            left:4px;
            background:#fff;
            padding:2px;}
/*
#products {
	margin:0;
	margin-top:12px;}
	#products .product {
		width:274px;
		padding:12px;
		margin:0 5px;
		margin-bottom:10px;
		height:120px;
		float:left;
		background:#fbf5f7;
		border:1px solid #ecebeb;}
	#products h3 {
		font-size:14px;}
	#products .image {
		float:left;
		width:120px;
		height:120px;
		border:1px solid #beb5b8;
		background:#fff;}
	#products .product_data {
		float:left;
		width:120px;
		padding-left:12px;}
*/
.pagination {
	text-align:right;
	font-size:11px;}

/* PRODUCT PAGE
*******************************************************************************/
#product_page {}
	#product_page .images {
		float:left;
		overflow:hidden;
		width:322px;}
	#product_page .images .image {
		float:left;
		width:320px;
		position:relative;
		border:1px solid #beb5b8;
		height:320px;
		background:#fbf5f7;}
		#product_page .images .image a.add_me, #product_page .images .image a.add_pic {
			display:block;
            opacity:0.50;
            -ms-filter:"alpha(opacity=50)";
            filter:alpha(opacity=50);
            zoom:1;
            position:absolute;
            background:#fff;
			top:4px;
			color:#000;
			right:4px;
			padding:2px;}
		#product_page .images .image a.add_pic {
			right:91px;
		}
            #product_page .images .small_images {
                float:left;
                width:320px;
				padding:0 1px;
                margin-top:12px;}
                #product_page .images .small_images .simg {
					width:148px;
					height:148px;
					padding:6px;
					text-align:center;
					overflow:hidden;
                    float:left;}
	#product_page .product_data {
		float:right;
		width:286px;
		overflow:auto;}
		#product_page .product_data p {
			margin-bottom:12px;
			line-height:14px;}
		#product_page .product_data ul {
			list-style-type:none;
			font-size:11px;}
			#product_page .product_data ul li {
				line-height:20px;
				width:286px;
				float:left;}
				#product_page .product_data ul li span {}
				#product_page .product_data ul li strong {}
#product_page .small_images img {
}

/* CMS PAGE
*******************************************************************************/
#cms_page p {
	line-height:17px;}
#cms_page .files {
	margin:12px 0;
	font-size:11px;
	background:#fff;
	border:1px solid #ecebeb;
	padding:6px;}
#cms_page  .list_of_files {
	height:80px;
	padding:4px 0;
	overflow:auto;}
	#cms_page .files h5 {
		font-size:11px;
		font-weight:bold;}
	#cms_page .files ul {
		list-style-type:none;}
	#cms_page .files ul li {
		line-height:14px;}
.article_image {
	float:left;
	border:3px solid #ECEBEB;
	padding:1px;
	margin-right:12px;
	margin-bottom:12px;}

/* CONTACT PAGE
*******************************************************************************/
#contact_page {}
	#contact_page form {}
		#contact_page form label {
			float:left;
			width:100px;}
		#contact_page form input {
			float:left;
			padding:2px;
			margin-bottom:8px;
			border:3px solid #5f5558;
			width:160px;}
		#contact_page form select {
			float:left;
			margin-bottom:8px;
			border:3px solid #5f5558;
			padding:2px;}
		#contact_page form textarea {
			float:left;
			padding:2px;
			margin-bottom:8px;
			border:3px solid #5f5558;
			width:220px;
			height:120px;}
		#contact_page form br {
			clear:both;}
		#contact_page form button {
			float:left;
			padding:2px;
			background:#827a7d;
			color:#fff;
			margin-left:100px;
			border:3px solid #5f5558;}

/* CART PAGE
*******************************************************************************/
#search_page {}
	#search_page form select {
		border:3px solid #5f5558;
		padding:2px;}
	#search_page form input {
		padding:2px;
		border:3px solid #5f5558;
		width:160px;}
	#search_page form button {
		padding:2px;
		margin-left:125px;
		background:#827a7d;
		color:#fff;
		border:3px solid #5f5558;}

/* CART PAGE
*******************************************************************************/
#cart table {
	width:100%;}
	#cart table td, #cart table th {
		padding:4px;}
		#cart table th {
			line-height:32px;}
		#cart form button {
			padding:2px;
			margin-left:4px;
			background:#827a7d;
			color:#fff;
			border:3px solid #5f5558;}
		#cart form input {
			padding:2px;
			border:3px solid #5f5558;
			width:40px;}
		.b {
			border-top:1px solid #ECEBEB;
			margin-top:12px;
			padding-top:8px;}

.create_pdf {
	padding:4px;
	margin-top:12px;
	line-height:18px;}

/* LOGIN
*******************************************************************************/

div#login {
	font-size:12px;
	height:200px;
	left:50%;
	margin-left:-150px;
	margin-top:-100px;
	position:absolute;
	text-align:left;
	top:50%;
	width:300px;}
	div#login div.inner {
		background:#fff;
		border:3px solid #5F5558;
		margin-bottom:12px;
		padding:20px;}
	div#login div#login_footer {
		text-align:center;
		color:#fff;}
		#login form label.labelc {
			float:left;
			margin: 12px 0 0;
			width:60px;}
			#login form div.remember {
				margin-left:70px;
				margin-top:10px;
				margin-bottom:10px;}
		#login form input.inputf {
			border:3px solid #5f5558;
			float:left;
			width: 145px;
			padding: 2px;
			margin: 5px 0 0 10px;}
		#login form input.button {
			padding:2px;
			margin-left:70px;
			background:#827a7d;
			color:#fff;
			border:3px solid #5f5558;}
			#login form br {
				clear: left;}