/**** LAYOUT ****/

html, body, #wrap {
    min-height: 100%;
    width:100%;
	height: 100%;
}

html>body, html>body #wrap {
    height: auto;
}

html {background:url(../images/bg.jpg)}

body {background:url(../images/top_bg.jpg) repeat-x}

body, ul, h1, h3, p {
	margin:0px;
	padding:0px;
}

#wrap {
	width:960px;
	position:absolute;
	top:0px;
	left:50%;
	margin-left:-480px;
}

#header {
	position:relative;
	height:465px;
	background:url(../images/header_img_s.jpg) bottom no-repeat;
}

a.logo {
	background:url(../images/logo.gif);
	width:293px;
	height:233px;
	position:absolute;
	top:0px;
}

#content {
	padding:0 24px 0 40px;
	margin-bottom:40px;
	color:#311d1d;
	font-family:"Times New Roman", Times, serif;
	overflow:hidden;
}

/**** CONTENT ****/

h1 {
	font-size:48px;
	border-left:2px solid #ca790c;
	padding-left:32px;
	margin-bottom:30px;
}

h3 {
	font-size:24px;
	color:#fff;
	line-height:30px;
	margin-bottom:15px;
	text-indent:33px;
	font-weight:normal;
	letter-spacing:1px;
}

.zlatna {
	background:#e8cc4d;
	border-bottom:1px solid #d59135;
	text-shadow:-1px 1px 2px #ca790c;
}

.srebrna {
	background:#e7e2da;
	border-bottom:1px solid #8a8883;
	text-shadow:-1px 1px 2px #8a8883;
}

.bronzana {
	background:#834b26;
	border-bottom:1px solid #71543e;
	text-shadow:-1px 1px 2px #71543e;
}

p {
	font-size:15px;
	line-height:22px;
	margin-bottom:22px;
}

.col1 {
	float:left;
	width:340px;
	margin-right:40px;
}

.homepic {
	margin-top:50px;
	float:right;
}

a img {
	border:none;
}

.lok {
	display:inline;
	float:left;
	text-align:center;
	margin-right:62px;
}

address {margin-top:5px;}

.medalje {
	float:left;
	width:234px;
	height:240px;
	border:1px solid #eccb92;
	background:#fff2db;
	margin-right:20px;
	-moz-border-radius:12px;
	-webkit-border-radius:12px;
	padding:13px 22px;
	position:relative;
}

.medalje ul {
	list-style:inside;
	margin-left:33px;
}

.last {margin:0;}

.email {
	float:right;
	clear:both;
	margin:-70px 2px 0 0;
}

.email a, .email a:visited {
	background:url(../images/email-btn.jpg) no-repeat;
	width:185px;
	height:39px;
	text-align:center;
	line-height:37px;
	display:block;
	padding-left:15px;
	color:#fff;
	text-decoration:none;
	font-style:italic;
}

/**** PROIZVODI ****/

.item {
	float:left;
	width:209px;
	text-align:center;
	position:relative;
	margin:20px 15px 20px 0;
}

.item a {
	display:block;
	width:207px;
	height:117px;
	border:1px solid #ca790c;
	background:#fff;
	line-height:117px;
	-webkit-border-radius:12px 0;
	-moz-border-radius:12px 0;
}

.item a img {
	vertical-align:middle;
}

.item span {
	font-style:italic;
	font-size:16px;
	line-height:32px;
}

.pricetag {
	position:absolute;
	width:68px;
	height:30px;
	background:url(../images/pricetag.gif);
	top:-21px;
	right:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:15px;
	line-height:30px;
	color:#fff;
}

/**** NAV ****/

ul#nav {
	list-style:none;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	font-weight:bold;
	font-style:italic;
	position:absolute;
	right:0px;
	top:3px;
	text-align:center;
	z-index:1;
}

ul#nav li {
	float:left;
	width:202px;
	background:url(../images/nav_separator.gif) no-repeat;
}

ul#nav li.link1 {background-position:184px 30px}
ul#nav li.link2 {background-position:157px 30px; margin-left:-56px}
ul#nav li.link3 {background-position:170px 30px; margin-left:-70px}
ul#nav li.link4 {background:none; margin-left:-62px}

ul#nav li a, ul#nav li a:visited {
	color:#f7e8cb;
	text-decoration:none;
	background:url(../images/nav_bg.png) center top;
	margin:0px;
	display:block;
	padding:33px 0 37px 0;
	outline:none;
}

ul#nav li a:hover, #home ul#nav li.link1 a, #onama ul#nav li.link2 a, #proizvodi ul#nav li.link3 a, #lokacije ul#nav li.link4 a {
	background-position:center bottom;
	color:#fbbe29;
	text-shadow:0 3px 4px #000;
}

/**** PAGES ****/

.page {
	text-align:center;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	line-height:25px;
	margin-right:16px;
	clear:both;
}

.page a, .page a:visited, .page .tu {
	text-decoration:none;
	color:#fff;
	background:#ca790c url(../images/btn_overlay.png);
	padding:4px 10px;
	margin:0 1px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	outline:none;
}

.page a:hover {
	background:#7c2400 url(../images/btn_overlay.png);
}

.page .tu {
	background:#7c2400 url(../images/btn_overlay.png);
	cursor:default;
}

/**** FOOTER ****/

#nordnet {
	position:absolute;
	bottom:3px;
	right:40px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
}

#nordnet a, #nordnet a:visited {
	color:#311d1d;
	text-decoration:none;
}

#nordnet a:hover {
	text-decoration:underline;
}