/* @override http://butler.local/draguljarna-vrecko.si/html/vrecko.css */

/*
	Copyright Boris Jerenec, Studio Tandem, 2008
	http://studiotandem.si/
*/

/* @group general */

h1 {
	color: #960;
	font-size: 18px;
	font-weight: lighter;
	margin-bottom: 40px;
}

p {
	line-height: 130%;
}

.cb {
	clear: both;
}

.alt {
	display:  none;
}

.label {
	text-transform: uppercase;
	font-size: 10px;
	font-weight: bold;
	width: 40px;
	display: block;
	float: left;
	text-align: right;
	margin-right: 5px;
}

a {
	color: #960;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

body {
	font-family: Arial, Helvetica, Geneva, sans-serif;
	font-size: 12px;
	text-align: center;

	background: url(img/body-bg.gif) repeat #28190e;
	color: #333;
	
	width: 100%;
	margin: 0;
	padding: 0;
}

/* @end */


/* @group layout */

#frame {
	width: 1000px;
	height: 500px;
	margin: 100px auto;
	overflow: hidden;
	/* display: none; */
}

#logo {
	width: 300px;
	height: 500px;
	background: url(img/dv-logo.jpg) no-repeat;	
	margin-right: 1px;
	float: left;
}

#menu-content {
	/* overflow: hidden; */
}

#intro {
	width: 500px;
	height: 500px;
	background-color: #999;
	background: url(img/intro-bg.jpg) no-repeat;
	float: left;	
}

#kolekcije {
}

#storitve {
	background-color: yellow;
}

#podjetje {
	background-color: blue;
}




#kontakt {
	background-color: brown;
}



/* @end */

/* @group footer */

#footer {
	display: block;
	width: 100%;
	padding: 0;	
	margin: 0;
	color: #bd9c79;
	text-align: center;
	font-size: 11px;
}

#footer a {
	color: #bd9c79;
	text-decoration: none;
	padding: 2px 3px;
}

#footer a:hover {
	background-color: #492c17;
	color: #ccc;
}



/* @end */

/* @group menus */

.menu {
	width: 40px;
	height: 500px;
	background: url(img/menu-bg.png) no-repeat;
	display: block;
	margin: 0 1px;
	float: left;	
}

.menu:hover {
	background-color: #bbb;
}

.content {
	width: 0px;
	height: 500px;
	overflow: hidden;
	text-align: left;
	
	float: left;
	background: url(img/collection-bg.jpg) no-repeat;

}

#services .menu {	background-position: -44px 0;}
#about .menu { 	background-position: -88px 0;}
#contact .menu { 	background-position: -132px 0;}

#collections .menu:hover {	background-position: -200px 0;}
#services .menu:hover {	background-position: -244px 0;}
#about .menu:hover 	{ background-position: -288px 0;}
#contact .menu:hover { 	background-position: -332px 0;}

#collections .selected,
#collections .selected:hover {	background-position: -400px 0;}
#services .selected,
#services .selected:hover {	background-position: -444px 0;}
#about .selected,
#about .selected:hover 	{ background-position: -488px 0;}
#contact .selected,
#contact .selected:hover { 	background-position: -532px 0;}



.inner-frame {
	padding: 10px;
	/* width: 280px; */
	height: 380px;
}


#kontakt h1 {
	margin-bottom: 100px;
}

#kontakt p {
	margin-left: 5px;
}
#kolekcije .inner-frame {
	padding: 0;
}


#storitve .inner-frame,
#podjetje .inner-frame,
#kontakt .inner-frame
 {
	padding: 50px 50px 50px 50px;
	background: url(img/bg-WD033.jpg) no-repeat center 380px;
}

#podjetje .inner-frame {
	background: url(img/bg-WD108.jpg) no-repeat center 380px;
}

#kontakt .inner-frame {
	background: url(img/zemljevid-bg.jpg) no-repeat;
	height: 500px;
}



#storitve ul {
	width: 300px;
	padding-left: 10px;
}

#storitve li {
	margin-bottom: 5px;
	margin-left: 10px;
}

/* @end */

/* @group kolekcije */

/* @group iframe verzija */

#izdelki-iframe {
	width: 480px;
	height: 435px;
	padding-left: 16px;
	overflow: hidden;
	border: none;
}

/* @end */

#izbira-kolekcije {
	height: 26px;
	overflow: hidden;
	margin-bottom: 15px;
}

.white {
	background-image: none;
	background-color: #fff;
}

.collection {
	float:left;
	display: block;	
	width:  115px;
	height: 18px;
	margin-left: 7px;
	margin-right: 1px;
	text-transform: uppercase;
	font-size: 11px;
	text-align: center;
	padding-top: 7px;
	background-color: #D49D49;
	color: #fff;
	margin-top: 1px;
	line-height: 11px;
}

#izbira-kolekcije .selected,
.collection:hover {
	background-color: #392415;
	text-decoration: none;
	color: #fff;
}

#izbira-kolekcije .selected {
	color: #D49D49;
}

#izdelki {
	display: block;
	position: relative; /* IE fix problem */
	width: 480px;
	height: 435px;
	padding-left: 16px;
	overflow: hidden !important;
	
	/* word-wrap: break-word; */
}

#scroller {
	position: relative;
	overflow: hidden;
	width: 7200px;
}

.stran {
	width: 500px;
	height: 425px;
	float: left; 
}

.izdelek {
	width: 135px;
	height: 125px;
	float: left;
	background-color: #fff;
	margin: 8px 10px;
	text-align: center;
	border: 1px solid #fff;
	font-size: 10px;
	font-family: arial, helvetica, _sans;
}

.izdelek img {
	display: block;
	margin: 0 auto 5px auto !important;
	border: none;
	width: 110px;
	height: 110px;
}

.izdelek a:hover {
	text-decoration: none;	
}

.izdelek p {
	margin: 5px 0 0 0;
	font-size: 11px;
}

.izdelek:hover {
	border-color: bluegreen;
}

#navigacija {
	height:  30px;
	clear: left;
	padding-left: 8px;
}

#nazaj,
#naprej {
	width: 20px;
	height: 18px;
	display: block;
	float: left;
	background: url(img/arrows-bg.gif) no-repeat #ccc;
	margin: 0 8px;
}

#naprej {
	float: right;
	background-position: -20px 0px;
}

#naprej:hover,
#nazaj:hover {
	background-color: #999;
}

#strani {
	float: left;
	padding-top: 0px;
	width: 420px;
	text-align: center;
}

#strani a {
	color: #aaa;
	padding: 0 5px;
}

#strani a:hover {
	color: #960;
}

#strani a.selected,
#strani a.slected:hover {
	font-weight: bold;
	color:  #960;
}

#kolekcije-velika {
	width: 490px;
	height: 500px;
	background: url(img/big-bg.png) no-repeat 130px 150px #fff;
}

#velika-slika {
	margin: 20px 0 0 25px;
	width: 450px;
	height: 450px;
}

#velika-koda {
	text-align: center;
	color:  #960;
	font-size: 10px;
	margin-top: 8px;
	background: url(img/close.gif) no-repeat 25px 1px;
}

/* @end */

/* @group schoeffel */

#schoeffel,
#zenski-nakit,
#moski-nakit {
	text-align: center;
	width: 430px;
	padding: 90px 10px 0 20px;
}

#zenski-nakit, #moski-nakit {
	padding-top: 70px;
}

#zenski-nakit h1,
#moski-nakit h1{
	letter-spacing: 5px;
	font-weight: normal !important;	
}


/* @end */