/*
Theme Name: Fabrika Knjiga
Theme URI: http://www.fabrikaknjiga.co.rs
Description: A custom WordPress theme
Version: 1.0
Author: Dejan Cancarevic
*/

/* ----------------------------------------------------------------------------------- */
/* ----------------------------- FABRIKA KNJIGA STYLE -------------------------------- */
/* ----------------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------------- */
/* RESET STYLE */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

html, body {
height: 100%;
}

body {
	line-height: 1;
	background:#fff;
	font-size:12px;
	color:#000000;
	font-family: 'DINProRegular', Arial;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

a { color:#ff0000; text-decoration:none;}
a:hover { text-decoration:underline;}

/* ----------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------- */
/* CLASSES STYLE */

.clr { clear:both !important;}
.red { color:#ff0000 !Important;}
.last { margin-right:0px !important;}
.no-border { border:none !important;}
.no-bg { background:none !important;}
.margin-bottom { margin-bottom:0px !important;}
.margin-top { margin-top:0px !important;}
.grey-border { border:1px solid #ccc;}



blockquote {margin:1.5em;color:#666;font-style:italic;}
strong, dfn {font-weight:bold;}
em, dfn {font-style:italic;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0;}
ul, ol {margin:0 1.5em 1.5em 0;padding-left:1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
thead th {background:#c3d9ff;}
th, td, caption {padding:4px 10px 4px 5px;}
tbody tr:nth-child(even) td, tbody tr.even td {background:#e5ecf9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.alignright {float:right; margin:0 0 1em 1em; }
.alignleft {float:left;  margin:0 1em 1em 0; }
.aligncenter {display: block; margin-left: auto; margin-right: auto}

h2, h3, h4, h6 {font-weight:normal;color:#111;}
h2 {font-size:2em;margin-bottom:0.75em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h6 {font-size:1em;font-weight:bold;}

/* END CLASSES STYLE */
/* ----------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------- */

.wrap {
	position:relative;
	width:1000px;
}

/* ----------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------- */
/* LEFTSIDEBAR STYLE */
#leftsidebar {
	float:left;
	width:135px;
}

#leftsidebar a.logo-img {
	display:block;
	width:126px;
	height:182px;
	margin-bottom:20px;
}
/* END LEFTSIDEBAR STYLE */
/* ----------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------- */


/* ----------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------- */
/* MENU STYLE */

#menu {
	background:url(images/menu-bg.png) left top no-repeat;
	height:408px;
}

#menu ul{
	margin:0px; list-style:none; padding:0px;
}

#menu ul li{
	list-style:none;
	text-transform:uppercase;
	height:33px;
	line-height:34px;
	width:120px;
	padding-left:5px;
}

#menu ul li.posebno { margin-bottom:3px;}

#menu ul li a{
	list-style:none;
	font-size:12px;
	color:#000;
}

#menu ul li a:hover, #menu ul li.selected a { color:#ff0000; text-decoration:none;}

#menu ul li.red-li, #menu ul li.red-li a {
	font-family: 'DINProBold';
	color:#fff;
}

#menu ul li.red-li a:hover { color:#fff;}

.fabrika-link { line-height:38px !Important;}

/* END MENU STYLE */
/* ----------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------- */


/* ----------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------- */
/* BEGIN CONTENT STYLE */

#content {
	float:left;
	width:710px;
	margin-left:10px;
	margin-right:0px;
}

#content a.logo-text {
	display:block;
	width:424px;
	height:83px;
	margin:30px 0 20px -6px;
}

/* ----------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------- */
/* UVOD STYLE */

#content #uvod {
	height:70px;
	position:relative;
}

#content #uvod p {
	display:block;
	width:380px;
	height:60px;
	overflow:hidden;
	line-height:14px;
}

#content #uvod #breadcrumbs {
	position:absolute;
	left:0px;
	bottom:10px;
	text-transform:lowercase;
}

#content #uvod #breadcrumbs a {
	float:left;
	font-size:12px;
	color:#ff0000;
	background:url(images/red-arrow.png) right center no-repeat;
	padding-right:12px;
	margin-right:5px;
}

#content #uvod #breadcrumbs a:last-child {
	background:none;
}

#content #uvod #breadcrumbs a{
	font-size:12px;
	color:#ff0000;
}

#content #uvod #breadcrumbs a:hover{
	text-decoration:none;
	color:#000;
}
/* END UVOD STYLE */
/* ----------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------- */


/* ----------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------- */
/* MAIN STYLE */

#content #main h1{
	font-size:12px;
	text-transform:uppercase;
	color:#fff;
	background:url(images/grey-top-one.png) left top no-repeat;
	display:block;
	height:34px;
	padding-left:10px;
	padding-top:12px;
	font-family: 'DINProBold';
	margin-bottom:10px;
}

#content #main p { letter-spacing:0.3px;}

#content #main h1 a{ color:#fff; }

#content #main h1.grey-two {background:url(images/grey-top-two.png) left top no-repeat;}
#content #main h1.grey-small {background:url(images/grey-top-small.png) left top no-repeat;}
#content #main h1.grey-big {background:url(images/grey-top-big.png) left top no-repeat;}

#content #main .edicijabox { padding:0 0 30px 0 !important; margin-bottom:20px !Important; background:url(images/footer-bg.png) left bottom no-repeat;}
#content #main .edicija .novo-img {float:left; width:117px !Important;}
/* #content #main .edicija .novo-img a img{ display:block; width:104px !Important; height:172px !important;} 
.category-casopis-rec #content #main .edicija .novo-img a img{ width:117px !Important; height:133px !Important;} */
#content #main .edicija .novo-text {float:left; width:210px !Important; margin-left:8px;}
#content #main .edicija span.more  { left:136px !important;}

#content #main .novo .novo-img a{
	display:block;
	width:104px;
}

#content #main .novo {
	width:340px;
	padding-left:10px;
	float:left;
	position:relative;
}

#content #main .bilten .novo {
	margin-bottom:30px;
}

#content #main .novo .novo-img {
	float:left;
	width:104px;
	position:relative;
}

#content #main .novo .novo-img a{
	display:block;
	width:104px;
}

#content #main .novo .novo-text {
	float:left;
	width:226px;
	margin-left:8px;
	padding-bottom:5px;
}

.noimg {
	float:none !important;
	width:100% !important;
	margin-left:0px !important;
}

#content #main .novo .novo-text h6{
	font-size:12px;
	margin-bottom:5px;
}
#content #main .novo .novo-text h2 { margin-bottom:7px; line-height:14px; font-size:12px; line-height:14px;}

#content #main .novo .novo-text h2 a{
	font-size:12px;
	color:#ff0000;
	font-family: 'DINProBold';
	text-transform:uppercase;
}

#content #main .novo .novo-text p {
	
	
	width:80%;
}

#content #main .novo span.more {
	position:absolute;
	left:122px;
	bottom:2px;
}

#content #main .novo .noimg span.more {
	position:absolute;
	left:10px;
	bottom:0px;
}

#content #main .bookbox { margin-bottom:30px; padding-bottom:45px;}

.kriva-na-dole { background:url(images/kriva-na-dole.png) left bottom no-repeat;}

#content #main .bookbox h6 { font-size:12px; font-weight:normal; margin-bottom:5px;}
#content #main .bookbox h5 { font-size:12px; color:#ff0000; text-transform:uppercase; font-family: 'DINProBold'; margin-bottom:10px;}
#content #main .bookbox p { font-size:12px; line-height:14px; margin-bottom:10px;}

/* ----------------------------------------------------------------------------------- */
/* PDF STYLE */
.pdf-item {
	float:left;
	width:170px;
	margin-right:5px;
	height:170px;
	padding:5px 0 15px 0;
	text-align:center;
	text-transform:uppercase;
	color:#ff0000;
	font-size:10px;
}
.pdf-item  h5 { margin-bottom:5px; font-size:10px; font-weight:normal; font-family: 'DINProRegular';}
.pdf-item img{
	display:inline-block;
	margin-bottom:10px;
	width:100px !important; height:140px !important;
}

/* ----------------------------------------------------------------------------------- */
/* ITEM  STYLE */
.first-item { background:url(images/horizontal-desno.png) right center no-repeat;}
.second-item { background:url(images/horizontal-levo.png) right center no-repeat; padding-right:20px; width:150px;}
.third-item { background:url(images/horizontal-big-desno.png) right center no-repeat; padding-right:20px; width:150px;}

/* ----------------------------------------------------------------------------------- */
/* PAGINATION  STYLE */
#prev-next {
	height:25px;
	background:url(images/footer-bg.png) left top no-repeat;
	margin-top:10px;
	padding-top:6px;
}

#prev-next a {
	float:left;
	background:url(images/prev.png) left top no-repeat;
	text-indent:-9999pt;
	font-size:1px;
	width:47px;
	height:27px;
}

#prev-next span.next a{
	float:right;
	background:url(images/next.png) left top no-repeat;
	margin-right:3px;
}

/* ----------------------------------------------------------------------------------- */
/* SUBSCRIBE  STYLE */
#subscribe {
	background:url(images/subscribe-bg.png) left top no-repeat;
	height:35px;
	margin:0px 0 30px 0;
	padding:20px 0 0 12px;
}

#subscribe label { margin-right:8px; font-size:12px; font-weight:normal; text-transform:uppercase;}
#subscribe input {
	background:#fff;
	border:none;
	padding:2px;
	margin-right:8px;
	font-size:12px;
	height:15px;
	width:200px;
}
#subscribe input.submit { width:50px; background:none; border:none; padding:0px; cursor:pointer; font-family: 'DINProRegular';}

#line { background:url(images/kriva-na-dole.png) left top no-repeat; height:23px; margin-bottom:20px;}

/* ----------------------------------------------------------------------------------- */
/* IMAGE AT CENTER  STYLE */
#big-image {
	background:url(images/footer-bg.png) left top no-repeat;
	padding:20px 0 0 0;
	height:150px;
	text-align:center;
}

.top-push-img { margin-top:20px;}

/* ----------------------------------------------------------------------------------- */
/* SINGLE PAGE  STYLE */
#single-item {
	padding:0 10px;
	margin-bottom:30px;
}

#single-item #left-single {
	float:left;
	width:200px;
	margin-right:15px;
	position:relative;
}

#single-item #left-single img { display:block; width:200px; height:auto; margin-bottom:10px;}
#single-item #left-single span { display:block; line-height:15px;}
#single-item #left-single span.more { margin-top:20px;}

#single-item #right-single {
	float:left;
	width:460px;
}
#single-item #right-single h6 { margin-bottom:5px;}
#single-item #right-single h5 { margin-bottom:10px; font-family: 'DINProBold';}
#single-item #right-single p { margin-bottom:10px; line-height:14px;}
#single-item #right-single h4.author { font-family: 'DINProBold';}


/* END MAIN STYLE */
/* ----------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------- */


/* ----------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------- */
/* FOOTER STYLE */

#content #footer {
	margin-top:0px;
	padding:20px 0 30px 0;
	background:url(images/footer-bg.png) left top no-repeat;
}	

#content #footer ul {

	margin:0px; padding:0px;
}

#content #footer ul li{
	float:left;
	margin-right:14px;
	list-style:none;
}	
/* END FOOTER STYLE */
/* ----------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------- */


/* ----------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------- */
/* RIGHTSIDEBAR STYLE */
#rightsidebar {
	float:right;
	width:143px;
	margin-top:15px;
	background:url(images/rightsidebar-bg.png) left top no-repeat;
	font-weight:normal;
}

#rightsidebar h1, #rightsidebar h1 a {
	height:38px;
	margin:12px 0 0 0;
	padding-left:20px;
	text-transform:uppercase;
	font-size:12px;
	font-family: 'DINProBold';
	color:#ffffff;
}

#rightsidebar h1 span{
	display:block;
	margin-bottom:2px;
}

#rightsidebar .casopis-img {
	width:125px;
	height:125px;
	padding-top:15px;
	text-align:center;
	margin-left:12px;
	vertical-align:middle;
}

#rightsidebar h2 {
	height:18px;
	padding-top:10px;
	width:110px;
	padding-left:10px;
	margin:0 0 0 10px;
	text-transform:uppercase;
	font-weight:normal;
	font-size:12px;
}
/* ----------------------------------------------------------------------------------- */
/* SADRZAJ KNJIGE  STYLE */
#rightsidebar #sadrzajbox { padding:15px 10px 15px 20px; background:url(images/bottom-bg.png) center bottom no-repeat; font-size:10px; position:relative; z-index:100; }
#rightsidebar #sadrzajbox p { margin-bottom:15px; font-size:10px; font-weight:normal; display:block; }
#rightsidebar #sadrzajbox  h3 { font-size:10px; margin-bottom:3px; font-weight:normal;}
#rightsidebar #sadrzajbox  strong, #rightsidebar #sadrzajbox strong a {font-weight:normal; color:#000 text-transform:uppercase; line-height:13px; margin-bottom:3px;}

#repeat-right { background:url(images/right-bottom-repeat2.png) left top repeat-y; position:absolute; top:1035px; right:0px; width:143px;} /* old top:975px */
#repeat-left { background:url(images/menu-bg-repeat.png) right top repeat-y;  position:absolute; top:608px; left:0px; width:132px;}

/* END RIGHTSIDEBAR STYLE */
/* ----------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------- */

/*
.page-template-homepage-php .novo-img img, .page-template-bilten-php .novo-img img {width:104px !important; height:auto !important;}
*/


img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.alignright {float:right; }
.alignleft {float:left; }
.aligncenter {display: block; margin-left: auto; margin-right: auto}

.nolink a{cursor:text;}

#content #main .bookbox.bilten {margin:0px; padding-bottom:15px;}
h6.preveo {padding-bottom:15px; margin-top:-5px;}
.rasprodato { position:absolute; margin-bottom:0px !important; width:92px !important; border:none !important; height:20px !important;}
.novo-img img.rasprodato {width:92px !important; height:20px !important; border:none !important; right:0px; top:60%;}

#left-single img.rasprodato { right:0px; top:45%;}
.edicijabox img.rasprodato { right:13px;}


/* search */
#search { 
	position:relative;
	background:url(images/search-bg2.png) left top no-repeat;
	height:61px;
	width:122px;
	z-index:9999;
	margin-top:50px;
	padding:25px 0 0 5px;
	margin-left:1px;
}

#search input {
	background:#fff;
	height:16px;
	width:108px;
	display:block;
	border:1px solid #000;
	padding:2px;
	font-size:12px;
	font-family: 'DINProRegular';
	margin-bottom:4px;
}

#search input.trazi { color:#fff; background:none; border:none; text-transform:uppercase; height:auto; cursor:pointer; width:auto; padding:0px; text-align:left;}

#single-item #right-single h6, #single-item #right-single h5 {font-weight:normal;}