/*

	project:  Znanje d.o.o. (www.znanje.hr)
	
*/

*{margin:0;padding:0;}:focus,:active {outline:0}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6,pre,code {font-size:1em;}a img{border:0} 
body { font: .74em Georgia, "Times New Roman", Arial, Sans-Serif; background: #FBF6E4 url(../images/bg.jpg) no-repeat top center; color: #000; }


/* jonesbo temp */
body { background: #F4F0E5 url(../images/ads/spasitelj/jonesbo-wallpaper.jpg) no-repeat center top; }

a { color: #8E0900; text-decoration: none; cursor:pointer; }
h1 { font-size: 1.7em; font-weight: normal; margin: 0 0 7px; }
h2 { margin: 0 0 10px; font-size: 1.1em; }
h3 { font-size: 1.3em; margin: 0 0 2px; }
p  { margin: 0 0 15px; line-height: 1.6em; }
.x { clear: both; }
#content { margin: 0 auto; width: 935px; cursor: auto; }
	#header { cursor: auto; }
	#cont { background: #FBF6E4; padding: 15px 10px;  }
	#logo { float: left; margin: 0 28px 0 0; }
	#ad { float: right; margin: 0 2px 19px 0; height: 88px; }
	.menu  { float: right; display: inline; }
		.menu li { float: left; }
		.menu a { display: block; }
			.menu li a { float: left; font-size: 1.3em; background: url(../images/tab.gif) no-repeat; text-align: center; width: 146px; color: #fff; padding: 13px 0 0; height: 30px; margin: 0 0 0 1px; }
			.menu li a:hover, .menu li a.current { background-position: left bottom; }
			.menu li ul { position: absolute; clear: both; display: block; top: 150px; display:none; z-index:100; }
				.menu li ul li { float: left; clear: left; margin:0; padding:0; font-size: 9px; }
					.menu li ul li a { width: 146px; white-space: nowrap; background: #000; }
					.menu li ul li a:hover { background: #ea9c00; }
					.menu li ul li a.bottom { width: 146px; white-space: nowrap; background: url(../images/dropdown-bottom.gif) no-repeat; }
					.menu li ul li a.bottom:hover { background-position: left bottom; }
	#main .menu { float: left; }

	#featured { margin-left: 3px; }
	#pitch { clear: both; float: left; width: 465px; height: 280px; margin: 0 25px 0 0; }
		#pitch .thumb { width: 150px; height: 230px; margin: 0 30px 20px 0; }
		#pitch .thumb img { float: left; }
		#pitch div img { margin-bottom: 10px; }
		#pitch p { margin-bottom: 2px; }
		.cat { font-size: .84em; color: #9F9677; }
		.ft { height: 252px; }
		.pager { float: left; margin-left: 71px; }
			.ball { float: left; width: 8px; height: 8px; margin: 6px 6px 0 0; background: url(../images/ball-unlit.gif) no-repeat; }
				.ball.lit { background: url(../images/ball-lit.gif) no-repeat; }
		
		#toplist { float: left; width: 220px; background: #DFD6B5; padding: 5px 9px; position: relative; margin: -5px 0 0; height: 262px; }
			#toplist li { padding: 4px 0; border-bottom: 1px solid #CFC6A8; }
			#toplist li.last { border: 0; }
				#toplist li span { float: left; font-size: 1.2em; font-weight: bold; margin: -2px 16px 0 0; position: relative; color: #9F9677; }
		
		.poll ul { margin: 0 0 16px; }
		.poll { float: right; width: 157px; background: #9F9677; padding: 5px 9px; position: relative; margin: -5px 0 0; height: 262px; }
		.poll li { padding: 7px 0 0; list-style: none; margin: 0; }
			.poll li input { margin: 0 2px 0 0; padding: 0; }
			.poll li a:hover { color: #000; }
			input.pollbutton { background: #000; padding: 4px 4px; color: #fff; border: 0; font: .9em Georgia, "times new roman", serif; }
		.poll-res-holder { width: 160px; background: #8F876B; height: 5px; margin: 0 0 3px; font-size: 1px; }
		.poll-res { height: 5px; background: #000; }
		.poll-txt { margin: 0 0 7px; font-size: .84em; color: #fff; }
		.poll-txt span { color: #000; font-size: .9em; }
		
		
	/* wallpaper */
	#wallpaper { cursor: pointer; }
		
	/* SECOND PITCH (RECOMMENDATIONS) */
	#pitch-rec { clear: both; float: left; width: 580px; height: 280px; margin: 0 25px 0 0; padding: 10px 0 0; }
		#pitch-rec .thumb { width: 150px; height: 220px; margin: 0 30px 0 0; }
		#pitch-rec .thumb img { float: left; }
		#pitch-rec div img { margin-bottom: 10px; position: relative; }
		#pitch-rec p { margin-bottom: 2px; }
		#pitch-rec h4 { color: #932E00; font-size: .9em; padding: 20px 0 7px 0; }
		#pitch-rec h3 { color: #932E00; font-size: 1.7em; font-weight: normal; margin: 0 0 18px; }
		
		#pitch-rec .pager { margin-left: 0px; }
	
	.third { float: left; width: 285px; padding: 0 10px; }
	.lcol { float: left; width: 430px; }
	.rcol { float: right; width: 430px; }
		.featured { background: url(../images/star.gif) no-repeat 0 5px; padding: 0 0 0 22px; margin: 0 0 0 13px; width: 267px; }
		.date { margin: 0 0 5px; font-size: .9em; }
		.link { float: right; width: 19px; height: 19px; background: url(../images/h3link.gif) no-repeat; margin: 0 20px 0 0; }
	.line { clear: both; padding: 10px 0 0; margin: 0 0 10px; border-bottom: 1px solid #DFD6B5; }
	.pitchdivide { margin: 0 0 20px; }

	.third em a { background: url(../images/h3link.gif) no-repeat; padding: 2px 0 3px 30px; }
	
	.thumb { float: left; margin: 0 15px 5px 0; }
		.thumb img { float: left; }
		.overlay { clear: both; margin: 0 0 6px; padding: 4px 10px; background: #000; color: #DFD6B5; font: bolder 1.5em Arial, Helvetica, Sans-Serif; }
			sup  { font-size: .64em; vertical-align:top; }
			
	.sixth { width: 135px; float: left; margin: 0 20px 0 0; }
		.sixth .thumb { float: left; margin-right: 0; }
		.sixth.last { margin: 0; }
		.sixth h4 { clear: both; background: url(../images/star.gif) no-repeat right 2px; margin: 0 0 10px; }
		.sixth p { clear: both; font-size: .9em; }
			.sixth .overlay { clear: both; font-size: 1.6em; }
	
	.part { width: 100px; float: left; margin: 0 20px 0 0; }
		.part .overlay { padding: 5px 4px; font-size: .9em; }
		.part p { font-size: .8em; }
		.part img { width: 100px; float: left; }
		.part .pr, .sec .pr { background: #DDD5B4; padding: 5px 3px; margin: 0; font-size: 1em;}
		
		
	.sec { width: 135px; float: left; margin: 0 11px 0 0; }
		.sec .overlay { padding: 5px 4px; font-size: .9em; }
		.sec p { font-size: .8em; }
		.sec img { width: 135px; float: left; }
	
	.frame { background: #DFD9C3; border: 1px solid #BFB79B; padding: 4px; float: left; margin: 0 5px 10px 0; }
		
	.chapter { font-weight: bold; }
	.chapter a {  background: url(../images/chapter.png) no-repeat; padding: 1px 0 2px 20px; }
		
	#side { float: left; clear: left; width: 150px; background: #DFD6B5; padding: 15px 0; margin: 0 0 20px; }
		#side ul { margin: 0 0 15px; }
		#side li a { color: #443C1E; display: block; padding: 2px 16px; font-size: .9em; }
		#side li a:hover { color: #000; }
		#side li.big a { font-size: 1.1em; font-weight: bold; color: #000; margin: 0 0 4px; border-bottom: 1px solid #D2C597; padding-bottom: 7px; }
	#main { float: right; width: 736px; margin: 14px 0 30px; }
		#main h3 { margin: 0 0 7px; }

		table { border-collapse: collapse; font-size: .9em; width: 700px; margin: 0 0 10px; }
		td { padding: 8px; border-bottom: 1px solid #7D7B72; }
		thead td { border-bottom: 3px double #000; color: #9B1401; font-weight: bold; }
			td.department { width: 180px; }
			td.name { width: 150px; }
			td.email { width: 180px; }
			
	/* osnovni podaci */
	.tl { width: 130px; padding-right: 30px; }
	
	/* legend */
	#legend { float: right; margin: 0 0 30px 20px; }
	
	/* marks */
	
	.chicklit, .komercijalnaproza, .krimic, .ljubavni, .povijesni, .publicistika, .youngadult { position: relative; margin: -59px 5px 0 0; float: right; width: 44px; height: 49px; }
	
	.chicklit { background: url(../images/marks/chicklit.png) no-repeat; }
	.komercijalnaproza { background: url(../images/marks/komercijalnaproza.png) no-repeat; }
	.krimic { background: url(../images/marks/krimic.png) no-repeat; }
	.ljubavni { background: url(../images/marks/ljubavni.png) no-repeat; }
	.povijesni { background: url(../images/marks/povijesni.png) no-repeat; }
	.publicistika { background: url(../images/marks/publicistika.png) no-repeat; }
	.youngadult { background: url(../images/marks/youngadult.png) no-repeat; }
	
	.kdsptag { position: absolute; margin: 236px 0 0; }
	
	/* prices */
	.price { float: right; width: 127px; height: 131px; }
	
	.p99 { background: url(../images/cijene/99.png) no-repeat; }
	.p109 { background: url(../images/cijene/109.png) no-repeat; }
	.p119 { background: url(../images/cijene/119.png) no-repeat; }
	.p129 { background: url(../images/cijene/129.png) no-repeat; }
	.p139 { background: url(../images/cijene/139.png) no-repeat; }
	.p149 { background: url(../images/cijene/149.png) no-repeat; }
	.p159 { background: url(../images/cijene/159.png) no-repeat; }
	.p169 { background: url(../images/cijene/169.png) no-repeat; }
	.p179 { background: url(../images/cijene/179.png) no-repeat; }
	.p189 { background: url(../images/cijene/189.png) no-repeat; }
	.p199 { background: url(../images/cijene/199.png) no-repeat; }
	
	
	/* shelf */
	.shelf { clear: both; height: 158px; background: url(../images/shelf.jpg) no-repeat; padding: 14px 0 0 47px; }
	.sbook { float: left; position: relative; width: 86px; margin: 0 19px 0 0; }
	.sbook.last { margin-right: 0; }
	.sbook-img { float: left; height: 142px; }
	.sbook img { float: left; }
	.sbook p { clear: both; text-align: center; font-size: .84em; margin: 0; height: 12px; }
	
	.more { clear: both; text-align: right; padding: 16px 5px 0; margin: 0 0 12px; }
	
	/* buy */
	.buy { background: #E1D5B3; float: left; height: 20px; padding: 8px; color: #000; font-weight: bold; font-size: .9em; }
	.buy span { float: left; margin: 0 8px 0 0; padding: 1px 0 0; }
	.tm { float: left; background: url(../images/tisakmedia.png) no-repeat; width: 110px; height: 20px; margin: 0 8px 0 0; }
	.konzum { float: left; background: url(../images/konzum.png) no-repeat; width: 60px; height: 19px; }
	.vecernji { float: left; background: url(../images/vecernji.png) no-repeat; width: 67px; height: 19px; }
	
	/* HOME RIGHT SIDE */
	#hside { float: right; width: 293px; }
	.hsitem { background: #E1D5B3; clear: both; margin: 0 0 1px; }
	.hsitem p { margin: 0 0 5px; }
	
	.hsitem-locations { padding: 12px 0 4px 15px; }
		.hsitem-locations img { margin: 0 12px 0 0; }
	.hsitem-facebook { background: #E1D5B3 url(../images/fb.png) no-repeat 15px 9px; padding: 18px 0 13px 65px; }
	.hsitem-newsletter { background: #E1D5B3 url(../images/newsletter.png) no-repeat 15px 15px; padding: 9px 0 6px 65px; }
	
	.hsitem-brochure { background: #E1D5B3 url(../images/brochure-icon.png) no-repeat 12px 20px; padding: 10px 0 6px 65px; }
	
	#zajednicki-projekt { clear: both; background: url(../images/zajednicki-projekt.jpg) no-repeat; height: 345px; padding: 76px 0 0 20px; margin: 0 0 10px; }
	#zajednicki-projekt h4 { clear: both; text-align: right; padding: 6px 28px 0 0; }
	.zp-book { float: left; width: 207px; margin: 0 16px 0 0; }
	.zp-book h4 { color: #C37D3C; font: bold 1.4em "Trebuchet MS", Arial, Sans-Serif; text-align: center; letter-spacing: 1px; margin: 0 0 6px; }
	.zp-book.last { margin: 0; }
	
	/*
	======================
	TOP LIST RE-DEFINITION
	======================
	*/
	#toplist { width: 588px; height: 240px; margin: -5px 0 15px; }
	#toplist ul { float: left; width: 270px; margin: 0 15px 0 0; }
	#toplist li { padding: 13px 0; }
	
	#poll { width: 275px; height: 240px; }
	.poll li { padding: 8px 0 0; }
	.align { padding: 0 0 0 55px; }
	#poll-results { width: 275px; height: 240px; }
	#toplist h2, #poll h2 { height: 12px; padding: 7px 0 0; text-align: center; }
	#avail { float: right; width: 425px; height: 265px; background: #E8E0C3; }
	#avail img { float: left; margin: 0 15px 0 0; }
	.avdesc { padding: 10px; font-size: .9em; }
	.avdesc .str { font-size: 1.2em; }
	.avdesc p { margin: 0 0 8px; }
	
	#video { float: right; width: 415px; padding: 5px; height: 255px; background: #E8E0C3; }
	.youtube-player { z-index: -10; }

	/* newsletter */
	#nl { padding: 22px 18px 6px; background: #DFD6B5 url(../images/newsletter.png) no-repeat 670px 20px; }
	#nl label { clear: left; float: left; padding: 3px 0 0; width: 100px; }
	input.nl { padding: 5px; width: 290px; background: url(../images/input.png) no-repeat; border: 0; }
	input.nl-submit { margin: 0 0 0 97px; background: url(../images/nl-submit.png) no-repeat; width: 103px; height: 30px; border: 0; }
	#error { color: #8E0900; margin: 0 0 15px 100px; }
	
	/* nagradna igra */
	body#nibody { background: #F4F8FB url(../images/ads/nagradna-igra/ni-bg.jpg) no-repeat center top; }
	#distance { clear: both; margin: 0 auto; width: 934px; padding: 0 25px 0 0; height: 740px; }
	#nagradna-igra { overflow: auto; height: 654px; font: 1.1em "Trebuchet MS", Arial, Verdana, Sans-Serif; color: #525252; }
	.s { padding: 10px 40px 10px 35px; }
	.center { text-align: center; }
	.s strong { font-size: 1.1em; }
	
	
	#wc-banner { float: right; background: url(../images/ads/wc/wc-banner.jpg) no-repeat; }
	#countdown { color: #E74F24; font-size: .94em; }
	
	.cp { float: left; padding: 0 10px 0 4px; font-weight: bold; margin: 0 7px 0 0; font-size: 2em; color: #E74F24; text-align: center; }
	.cpc { font-size: .5em; color: #585856; font-weight: normal; }
	
	
	
	body#spasitelj { background: #fff url(../images/ads/spasitelj/spasitelj.jpg) no-repeat center top;  }
	#spasitelj-content { clear: both; margin: 0 auto; width: 934px; padding: 0 25px 0 0; height: 740px; }
	#shold { overflow: auto; height: 654px; font: 1.1em "Trebuchet MS", Arial, Verdana, Sans-Serif; color: #525252; }
	#shold h1 { color: #000; font-size: 1.2em; text-align: center; }
	#sph { }
	#sph li { margin: 0 0 4px; }
	#sph li span { color: #000; font-weight: bold;  }
	#sph.details li {  background: url(../images/ads/spasitelj/dot.png) no-repeat 0 7px; padding: 0 0 0 12px; }
	
	/* warrior cats */
	body#wc { background: #fff url(../images/ads/wc/wc.jpg) no-repeat center top;  }
	#wc-content { clear: both; margin: 0 auto; width: 910px; padding: 0 25px 0 0; height: 740px; background: url(../images/ads/wc/t.png); }
	#wc-content #shold { padding: 20px; }
	.wc  { color: #fff; font-family: Georgia, "Times New Roman", Serif; }
	.wc h2 { font-size: 1.6em; text-shadow: #000 1px 1px; color: #DDCAA4; }
	.wc-img { float: left; }
	.wc-desc { float: right; width: 635px; }
	
	/* strumpfovi */
	body#strumpfovi { background: #A2CEFF url(../images/strumpfovi/strumpfovi-bg.jpg) no-repeat center top; }
	body#strumpfovi #logo { margin-bottom: 0; }
	#st { background: #1E8FB7; color: #0C3443; font-family: "Trebuchet MS", Arial, Verdana, Tahoma, Sans-Serif; padding: 20px 20px 30px; }
	#st p { font-size: 1.1em; }
	#st h1 { color: #fff; text-shadow: #1B7A9E 1px 1px; }
	#st h2 { color: #fff; text-shadow: #1B7A9E 1px 1px; margin: 0 0 14px; font-size: 1.3em; font-weight: normal; }
	#st h1 em { color: #F4F048; }
	#st-video { background: #fff; padding: 10px; margin: 0 0 20px 100px; width: 640px; height: 390px;  -moz-border-radius: 9px; -webkit-border-radius: 9px; }
	.st-right { float: right; margin: 0 0 0 20px; }
	.st-center { text-align: center; font-style: italic; font-size: .9em; }
	.st-center p { padding: 0 100px; }
	.st-book { width: 270px; float: left; margin: 0 30px 0 0; }
	.st-book.bojanka { padding-left: 140px; }
	#st .st-book p { font-size: .9em; }
	.st-book.last { margin: 0; }
	#st .st-book h2 { font-size: 1.3em; }
	#stul li { font-size: 1.2em; padding: 0 0 6px 20px; background: url(../images/strumpfovi/starrow.png) no-repeat left 6px; color: #fff; text-shadow: #1B7A9E 1px 1px; }
	#stul li.odd { color: #F4F048; }
	#st p.mln { line-height: 2em; }
	
	/* poppixie */
	body#poppixie { background: #fff url(../images/ads/poppixie/bg.jpg);  }
	#poppixie-content { clear: both; margin: 0 auto; width: 910px; padding: 0 25px 0 0; height: 740px; background: url(../images/ads/poppixie/t.png); overflow-x: hidden; }
	#poppixie-content #shold { padding: 20px; }
	.poppixie  { color: #FFD5EC; text-shadow: #500C4A 1px 1px; font-family: "Trebuchet MS", Verdana, Arial, Sans-Serif; }
	.poppixie a { color: #C7E32E; }
	.poppixie h2 { font-size: 1.4em; color: #fff; }
	.poppixie h3 { font-size: 1.2em; color: #fff; }
	.poppixie-img { float: left; margin: 0 20px 0 0; }
	.poppixie-desc { float: right; width: 635px; }
	
	
	#prefooter { clear: both; height: 70px; background: #DFD6B5; font-size: 1.1em; padding: 0 0 0 75px; }
		#catalogue { background: url(../images/catalogue.gif) no-repeat 15px 9px; float: left; padding: 20px 35px 10px 80px; }
		#tisakmedia { float: left; background: url(../images/cart.gif) no-repeat 0 10px; padding: 20px 0 0 70px; }
			#tisakmedia img { vertical-align: middle; padding: 0 4px; }
	
	#footer { clear: both; font-size: .9em; background: #000; color: #ddd; cursor: auto; }
		#footer a { color: #fff; }
		#footer-content { margin: 0 auto; background: #000 url(../images/footer-logo.gif) no-repeat 0 27px; width: 825px; padding: 18px 0 20px 90px; }
		#copy { float: left; padding: 34px 0 0; }
			#copy p { margin: 0 0 5px; }
		#isocertificate { float: right; }