@charset "utf-8";

body {

	color: #000000;

	background: #312b24 url(../images/bg.gif) repeat-x fixed top;

	margin: 0px;

	padding: 0px;

	font: 11px/17px Tahoma, "Trebuchet MS", Arial;

}

p {

	margin: 0px;

	padding: 0px 0px 10px;

}

img {

	margin: 0px;

	padding: 0px;

	border-style: none;

	border-width: 0px;

}

ul {

	margin: 0px 0px 10px;

	padding: 0px 0px 10px 30px;

}

ol {

	margin: 0px 0px 10px;

	padding: 0px 0px 10px 30px;

}

h1 {

	margin: 0px;

	padding: 5px 0px 7px;

	font-size: 18px;

	font-style: normal;

	font-weight: normal;

	font-variant: normal;

	line-height: 22px;

}

h2 {

	margin: 0px;

	padding: 0px 0px 10px;

	line-height: 22px;

	font-size: 17px;

	font-weight: normal;

}

h3 {

	margin: 0px;

	padding: 0px;

}

form {

	margin: 0px;

	padding: 0px;

}

a {

	text-decoration: underline;

	color: #000000;

}

a:hover {

	color: #000000;

	text-decoration: none;

}

.clear {

	clear: both;

}

.okvir-slike {

	background: #FFFFFF;

	padding: 4px;

	border: 1px solid #CCCCCC;

	margin: 0px 8px;

}

.katalog-okvir-slike {

	background: #FFFFFF;

	padding: 4px;

	border: 1px solid #CCCCCC;

	margin: 0px 8px 0px 0px;

	float:left;

}

.artikl{

	float:left;

	margin: 0px 20px;

}

.artikl2{

	float:left;

	margin: 0px 10px 10px 0px;

}

.precrtano{

	text-decoration: line-through;

}

#wrapper {

	margin: auto;

	width: 950px;

}

#head {

	background: url(../images/head.jpg) no-repeat left bottom;

	height: 148px;

}

#head-knjige {

	background: url(../images/head-knjige.jpg) no-repeat left top;

	height: 148px;

	width: 456px;

	position: absolute;

}

#banner {

	position: absolute;

	background: url(../images/banner-bg.jpg) no-repeat left top;

	height: 69px;

	width: 476px;

	margin-top: 50px;

	margin-left: 304px;

	padding-top: 10px;

	padding-left: 7px;

}

#logo {

	background: url(../images/logo.jpg) no-repeat left top;

	height: 113px;

	width: 147px;

	position: absolute;

	margin-left: 790px;

	margin-top: 25px;

}

#menu {

	background: url(../images/menu-bg.gif) repeat-x top;

	margin: 0px;

	padding: 0px;

	height: 40px;

	border-top: 1px solid #666666;

}

#menu-title {

	background: url(../images/menu-title.gif) no-repeat left top;

	height: 40px;

	width: 84px;

	float: left;

	position: absolute;

	font-weight: bold;

	text-transform: uppercase;

	color: #FFFFFF;

	line-height: 40px;

	text-indent: 12px;

}

#bc {

	background: url(../images/bc-bg.jpg) no-repeat;

	border-top: 1px solid #bc9f7e;

	border-bottom: 1px solid #bc9f7e;

	font-size: 10px;

	text-indent: 10px;

	padding-top: 7px;

	padding-bottom: 7px;

}

#bc a {

	color: #000000;

	text-decoration: underline;

}

#bc a:hover {

	color: #000000;

	text-decoration: none;

}
#search {
	position: absolute;
	margin: -3px 0px 0px 760px;
	padding: 0px;
	width: 185px;
	background: url(../images/search-input.gif) no-repeat left top;
	text-indent: 0px;
	height: 23px;
}
.search-input {
	margin: 5px 0px 0px;
	padding: 0px 0px 0px 23px;
	color: #e5d9ca;
	position: relative;
	width: 130px;
	background: no-repeat left top;
	border-style: none;
	font: 10px Tahoma, "Trebuchet MS", Arial;
	height: 16px;
	float: left;
}
.search-button {
	height: 23px;
	width: 24px;
	background: url(../images/search-gumb.gif) no-repeat left top;
	border-style: none;
	margin-left: 3px;
	float: left;
}
#container {

	background: #FFFFFF url(../images/container-bg.jpg) no-repeat top;

	padding: 12px 22px 45px;

}

#footer {

	background: url(../images/footer.jpg) no-repeat top;

	height: 185px;

}

#footer-box {

	background: url(../images/footer-kutije.jpg) no-repeat left top;

	height: 237px;

	width: 322px;

	position: absolute;

	margin-top: -34px;

	margin-left: 628px;

}

#ontop {

	background: url(../images/navrh.gif) no-repeat;

	position: absolute;

	display: block;

	height: 19px;

	width: 70px;

	margin-left: 250px;

	margin-top: -19px;

	z-index: 2;

}

#ontop:hover {

	background: url(../images/navrh-hover.gif) no-repeat;

}

#copyright {

	background: url(../images/copyright.jpg) no-repeat;

	width: 142px;

	height: 142px;

	position: absolute;

	margin-left: 55px;

	margin-top: -10px;

}

#developing {

	width: 200px;

	text-align: center;

	position: absolute;

	margin-top: 138px;

	margin-left: 23px;

}

#developing a {

	text-decoration: none;

	color: #000000;

}

#developing a:hover {

	color: #000000;

	text-decoration: none;

	background: #baa486;

}

#footer-contact {

	position: absolute;

	width: 220px;

	line-height: 18px;

	margin: 25px 0px 0px 385px;

}

#footer-contact a {

	color: #000000;

	text-decoration: underline;

}

#footer-contact a:hover {

	color: #000000;

	text-decoration: none;

	background: #baa486;

}

#contact-img {

	background: #FFFFFF url(../images/kontakt-slika.jpg) no-repeat center center;

	height: 92px;

	width: 92px;

	display: block;

	position: absolute;

	padding: 3px;

	border: 1px solid #b69f82;

	margin: 25px 0px 0px 270px;

	z-index: 2;

}





.featured {

	background: #f9f1e5 url(../images/izdvojeno-bottom.jpg) no-repeat bottom;

	width: 904px;

}

.featured-top {

	background: url(../images/izdvojeno-top.jpg) no-repeat top;

	padding: 0px 10px 27px;

}

.featured h2, .top-sell h2 {

	font-size: 13px;

	font-weight: bold;

	padding-top: 5px;

	margin-bottom: 10px;

}

.featured-book {

	float: left;

	width: 430px;

	margin-right: 4px;

	margin-left: 4px;

}

.featured-book a {

	color: #000000;

	text-decoration: none;

}

.featured-book a:hover {

	text-decoration: underline;

	color: #000000;

}

.featured-book h2 {

	margin: 0px 0px 7px;

	padding: 0px;

	line-height: 19px;

	font-size: 17px;

	font-weight: normal;

}

.featured-book  img {

	background: #FFFFFF;

	padding: 5px;

	border: 1px solid #d2cabd;

	float: left;

	clear: both;

	margin-right: 7px;

}

.featured-book-right {

	float: left;

	width: 280px;

}





.top-sell {

	background: #f9f1e5 url(../images/top-sell-bottom.jpg) no-repeat bottom;

	width: 251px;

	float: right;

	margin-left: 6px;

}

.top-sell-top {

	background: url(../images/top-sell-top.jpg) no-repeat top;

	padding: 0px 10px 20px;

}

.top-sell ul {

	margin: 0px;

	padding: 0px;

	list-style: none;

}

.top-sell ul li {

	background: url(../images/book.gif) no-repeat 5px 2px;

	padding: 0px 0px 6px 30px;

}

.opsirnije {

	height: 23px;

	width: 61px;

	display: block;

	background: url(../images/opsirnije.gif) no-repeat left top;

	font-weight: bold;

	font-size: 10px;

	text-align: center;

	line-height: 23px;

}

#container-bottom-bg {

	background: url(../images/container-bottom-bg.jpg) no-repeat bottom;

	height: 36px;

	position: absolute;

	margin-top: -36px;

	width: 950px;

}



.box {
	width: 630px;
	background: #f4f4f4;
	margin-bottom: 10px;
	padding: 5px;
	float: left;
}

.box h2 {

	margin: 0px 0px 5px;

	padding: 0px;

	line-height: 18px;

}

.box h2 a {

	background: #eee4d6;

	font-size: 14px;

	font-weight: bold;

	padding: 2px;

}

.box h2 a:hover {

	text-decoration: none;

}

.box-left {

	width: 130px;

	margin: 0px;

	float: left;

	padding-bottom: 5px;

}

.box-right {

	float: left;

	width: 495px;

}





.pagination span {

	float: left;

	display: block;

	padding: 0px 5px;

	font-weight: bold;

	background: #FFFFFF;

	border: 1px solid #CECECE;

	margin: 0px 2px;

}

.pagination a {

	text-decoration: none;

	display: block;

	float: left;

	padding-right: 5px;

	padding-left: 5px;

	margin-right: 2px;

	margin-left: 2px;

	border: 1px solid #CECECE;

	background: #F4F4F4;

}

.pagination a:hover {

	text-decoration: none;

	background: #E5E5E5;

}

.top-sell-top li a.lev1{

	display: block;

	padding: 5px 10px 5px 13px;

	text-decoration: none;

}

.top-sell-top li a.lev2{

	display: block;

	padding: 5px 10px 5px 23px;

	text-decoration: none;

}

.top-sell-top li a.lev3{

	display: block;

	padding: 5px 10px 5px 33px;

	text-decoration: none;

}

.top-sell-top li a.lev4{

	display: block;

	padding: 5px 10px 5px 43px;

	text-decoration: none;

}

.top-sell-top li a.lev5{

	display: block;

	padding: 5px 10px 5px 53px;

	text-decoration: none;

}

.top-sell-top li a:hover{

	text-decoration:none;

	color:#666666;

}

.gumb{

	border: 1px solid #312c26;

	background: url(../images/bc-bg.jpg);

	font-weight:bold;



}