/*
 General CSS
 Copyright (c) 2010 by Zoran Perin
 http://www.zoranperin.com
*/

/*RESET................................................*/
a img, :link img, :visited img {border: 0; cursor:pointer;}
body, div, dl, dt, dd, pre, form, fieldset, input, table, th, td, embed, object {padding:0; margin: 0;}
:focus {outline: 0;}
:link,:visited { text-decoration:none;}
table {border-collapse:collapse; border-spacing:0;} 

/*HTML ELEMENTS.......................................*/
body {
	background:#1a2b38;
	color:#444;
	font:12px Helvetica, Arial, Sans-Serif;
	height:100%;
	line-height:1.4em;
	text-align:left;
	}
a:link, a:visited {color:#0093DD;}
a:hover, a:active {color:#DD137B;}

h1, h2, h3 {
	color:#0093DD;
	font-weight:normal;
	line-height:1em;
	margin:10px 0;
	}
h1 {font-size:21px; margin-bottom:20px;}
h2 {font-size:17px;margin-bottom:15px;}
h3 {font-size:15px;}

.bold {font-weight:bold;}
.clear {clear:both;}
.left {float:left;}
.right {float:right;}
.center {text-align:center;}
.justify {text-align:justify;}
.hidden {display:none;}

hr {
	border:0; 
	border-bottom: 1px solid #0093DD;
	color:#fff; 
	margin:0 0 20px 0;
	_margin:0;
	width:100%; 
}

/*LAYOUT.............................................*/

/*Header*/
#header_wrap {
	background:url(../images/header_bg.png) repeat;
	height:160px;
	width:100%;
}
/*top*/
#header_wrap .header_top {
	height:140px;
	margin:0 auto;
	width:910px;
}
#header_wrap .header_top .logo {
	display:inline;
	float:left;
	height:70px;
	margin:35px 0;
	width:270px;
}
#header_wrap .header_top .nav {
	display:inline;
	float:right;
	height:30px;
	margin:60px 0 0 0;
	width:auto;
	}
#header_wrap .header_top .nav ul {
	margin:0;
	padding:0;
	list-style:none;
	}	
#header_wrap .header_top .nav ul li {
	float:left;
	font-size:17px;
	height:20px;
	margin:0;
	padding:0 10px;
	width:auto;
}	
#header_wrap .header_top .nav ul li a:link, #header_wrap .header_top .nav ul li a:visited {color:#fff;}
#header_wrap .header_top .nav ul li a:hover, #header_wrap .header_top .nav ul li a:active {color:#0093DD;}

/*bottom*/
#header_wrap .header_bottom {
	background:#fff;
	height:120px;
	margin:0 auto;
	width:934px;
	border-radius:10px 10px 0 0;
	-moz-border-radius:10px 10px 0 0;
	-webkit-border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
}

/*Main*/
#main_wrap {
	background:#fff url(../images/main_wrap_bg.png) repeat-x;
	overflow:hidden;
	width:100%;
}
#main_wrap .main {
	background:#fff url(../images/main_bg.png) repeat-x;
	margin:0 auto;
	overflow:hidden;
	padding:0 35px 10px 35px;
	width:890px;
}

/*left*/
#main_wrap .main .left {
	display:inline;
	float:left;
	overflow:hidden;
	width:690px;
}
/*slider*/
#main_wrap .main .left #slider {
	display:inline;
	float:left;
	height:250px;
	margin:0 0 20px 0;
	position:relative;
	width:690px;
}
#main_wrap .main .left #slider img {
	position:absolute;
	top:0px;
	left:0px;
}
.nivo-slice {
	display:block;
	height:100%;
	position:absolute;
	z-index:50;
}
/*content*/
#main_content {
	clear:both;
	overflow:hidden;
	margin:0 0 10px 0;
	width:690px;
}

/*right*/
#main_wrap .main .right {
	display:inline;
	float:left;
	margin-left:20px;
	overflow:hidden;
	width:180px;
}
/*baner*/
#main_wrap .main .right #baner_shop {
	height:250px;
	margin-bottom:20px;
	width:180px;
}
#main_wrap .main .right .baner {
	margin-bottom:20px;
	overflow:hidden;
	width:180px;
}

/*Footer*/
#footer_wrap {
	background:#1a2b38;
	height:80px;
	width:100%;
}
#footer_wrap .footer {
	color:#fff;
	height:80px;
	margin:0 auto;
	width:960px;
}
#footer_wrap .footer ul {
	list-style:none;
	margin:20px 0 10px 0;
	padding:0;
	text-align:center;
}
#footer_wrap .footer ul li {
	display:inline;
	padding:0 8px;
}
#footer_wrap .footer a:link, #footer_wrap .footer a:visited {color:#fff;}
#footer_wrap .footer a:hover, #footer_wrap .footer a:active {color:#0093dd;}

#footer_wrap .footer .credits {
	clear:both;
	text-align:center;
}

	
/*PAGES..............................................*/

/*Index*/
.product_hold {
	background:#f9f9f9;
	border:1px solid #f2f2f2;
	color:#5c5c5c;
	display:inline;
	float:left;
	height:268px;
	margin:0 15px 15px 0;
	padding:5px;
	position:relative;
	width:208px;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
}
.product_hold .img_hold {
	background:#fff;
	border:1px solid #f2f2f2;
	height:160px;
	padding:14px 13px;
	text-align:center;
	width:180px;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
}
.product_hold .txt_hold {
	height:50px;
	margin:10px 0 0 0;
	text-align:center;
	width:208px;
}
.product_hold .txt_hold .cena {
	color:#0093DD;
	font-size:15px;
	font-weight:bold;
}
.product_hold .txt_hold .naziv {
	font-size:13px;
}
.product_hold .details {
	font-size:11px;
	height:20px;
	line-height:20px;
	text-align:right;
	width:208px;
}
.product_hold a:link, .product_hold a:visited {color:#5c5c5c;}
.product_hold a:hover, .product_hold a:active {color:#0093DD;}

.product_hold .hit {
	background:url(../images/hit.png) no-repeat;
	height:66px;
	margin:-6px 0 0 148px;
	position:absolute;
	width:66px;
	z-index:666;
}
.nmrg {
	margin:0 0 15px 0;
}

#vesti_wrap {
	background:#f9f9f9;
	border:1px solid #f2f2f2;
	overflow:hidden;
	padding:10px;
	width:668px;	
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}
#vesti_wrap .vesti_wrap_left {
	display:inline;
	float:left;
	overflow:hidden;
	width:368px;
}
#vesti_wrap .vesti_wrap_left a:link, #vesti_wrap .vesti_wrap_left a:visited {color:#666;}
#vesti_wrap .vesti_wrap_left a:hover, #vesti_wrap .vesti_wrap_left a:active {color:#DD137B;}

.news_all {
	display:inline;
	float:right;
	margin:10px 10px 0 0;
}

#vesti_wrap .vesti_wrap_right {
	display:inline;
	float:left;
	overflow:hidden;
	margin-left:20px;
	width:280px;
}
.newsletter_cont input {
	float:left;
	width:200px;
}
.newsletter_cont .submit {
	cursor:pointer;
	float:left;
	margin:5px 0 0 10px;
	padding:3px 4px;
	width:60px;
}

/*Ponuda*/
.artikal_hold {
	overflow:hidden;
	width:690px;
}
.artikal_hold .txt {
	display:inline;
	float:left;
	margin-right:20px;
	overflow:hidden;
	text-align:justify;
	width:400px;
}
.artikal_hold .pic {
	display:inline;
	float:left;
	overflow:hidden;
	width:270px;
}
.artikal_hold .head {
	font-size:14px;
	font-weight:bold;
}
.artikal_hold .cena {
	color:#0093DD;
	font-size:16px;
	font-weight:bold;
}
.alert {
	color: #F00;
	font-weight:bold;
}

/*O nama*/
.onama_list {
	list-style:none;
	margin:0 0 0 20px;
	padding:0;
}
.onama_list li {
	background:url(../images/category.png) left no-repeat;
	padding:0 0 0 22px;
}

/*Vesti*/
.vest_hold {
	margin:15px 0;
	overflow:hidden;	
}
.vest_naslov {
	font-size:13px;
	font-weight:bold;
}
.vest_datum {
	font-size:11px;
}

/*Kontakt*/
.kontakt_left {
	display:inline;
	float:left;
	overflow:hidden;
	width:260px;
}
.kontakt_right {
	display:inline;
	float:left;
	overflow:hidden;
	width:430px;
}
#done_comment {
	display:none;
}
label {
	float:left; 
	font-size:12px;
	height:25px;
	line-height:25px;
	margin:5px 10px 5px 0;
	text-align:right;
	width:80px;
	}	
input, textarea {
	background:#fff;
	border:1px solid #dfdfdf;
	color:#333;
	font:13px Helvetica, Arial, Sans-Serif;
	margin:5px 0;
	padding:4px;
	width:300px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	}
textarea {overflow:hidden;}	
input:hover, input:focus, textarea:hover, textarea:focus {border-color:#ccc;}
input:focus, textarea:focus, select:focus, .focus {background:#f5f5f5;border-color:#ccc;outline:none;}

.field {
	width:100px;}
	
/*buttons*/	
button,a.button,a.button:link,a.button:visited {
	border: none;
	cursor: pointer;
	display: block;
	float: left;
	margin: 5px 3px 0 3px;
	outline: none;
	overflow: visible;
	padding:0;
	text-decoration: none;
	white-space: nowrap;
	}
* html a.button, * html a.button:link,* html a.button:visited {width: 1%;}
button, x:-moz-any-link {margin:0;}
*:first-child+html button {margin:0 3px;}
button span,a.button span,a.button:link span,a.button:visited span {display: block;}
button,a.button,a.button:link,a.button:visited {
	background-color: #fff;
	color: #666;
	height: 26px; 
	font-family: "Helvetica Neue", Helvetica, clean, sans-serif;
	font-size: 13px;
}
button span,a.button span,a.button:link span,a.button:visited span {
	background: url(../images/buttons/bg_button_right.gif) top right;
	height: 24px;
	padding: 0 14px 0 0;
}
button span span,a.button span span,a.button:link span span,a.button:visited span span {
	background: url(../images/bg_button_left.gif) top left;
	height: 24px;
	line-height: 24px;
	padding: 0 0 0 13px;
}
button:hover,a.button:hover {
	color: #000;
	cursor:pointer;
	outline:none;
}
button.submit span span,a.submit span span,a.submit:link span span,a.submit:visited span span, 
button.submit-popust span span,a.submit-popust span span,a.submit-popust:link span span,a.submit-popust:visited span span {
	background-image: url(../images/buttons/bg_button_left_submit.gif);
	padding-left: 26px;
	}
button.cancel span span,a.cancel span span,a.cancel:link span span,a.cancel:visited span span {
	background-image: url(../images/buttons/bg_button_left_cancel.gif);
	padding-left: 26px;
}
button:active span,a:active:active span,button.button_active span,a.button_active:active span {background-position: bottom right;}
button:active span span,a:active:active span span,button.button_active span span,a.button_active:active span span {background-position: bottom left;}

.submit {margin:10px 0 10px 90px;}

.loading {
	background:url(../images/loader.gif) no-repeat; 
	display:none;
	float:left; 
	height:28px; 
	margin:4px 0 0 10px;
	width:28px; 
}