/*--------------------------------------
   BASIC
-------------------------------------- */
*                                      { margin: 0; padding: 0; list-style: none; }
body                                   {
	font: normal 9pt Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	background: #fff;
	padding: 10px;
	text-align: center;
}
a img                                  { border: none; }
a, a img, 
a:link, a:visited, 
a:hover, a:active                      { outline: none; color: #000; text-decoration: none; }
br.clear                               { clear: both; }
/*--------------------------------------
   HIDE
-------------------------------------- */
.banner, #search-nav, #topMenu, #path-nav, 
#secContent, #options, #rightColumns, 
.details, #topLink, #development,
.paginator, .news-navigator, #backtolist,
#toolBox, .results, .book-cart,
#box-bottom { display: none; }

/*--------------------------------------
   LAYOUT & Typ.
-------------------------------------- */
#wrapper                               { text-align: left; }
#header                                { text-align: left; }

#header                                { height: 124px; border-bottom: 1px solid #dbd2bf; margin-bottom: 30px; }
#print-logo                            { float: left; margin-right: 20px; }
#heading                               { font-size: 16pt; padding-top: 15px; }
#sign                                  { font-size: 11pt; padding-top: 5px; }

#footer                                { border-top: 1px solid #dbd2bf; clear: both; margin-top: 25px; }
#footer ul                             { text-align: center; font-size: 10px; }
#footer ul li                          { list-style: none; display: inline; margin: 0; padding: 0 5px; }

h1                                     { font-size: 18pt; font-weight: normal; margin-bottom: 25px; }
h2                                     { font-size: 14pt; font-weight: normal; margin: 25px 0 20px 0; }
h3                                     { font-size: 12pt; font-weight: bold; margin: 20px 0 15px 0; }
h4,
h5,
h6                                     { font-size: 10pt; font-weight: bold; margin: 15px 0 10px 0; }
p, ul, ol                              { margin: 10px 0; }
ul, ol                                 { padding-left: 10px; }
ul li                                  { list-style: outside circle; margin-left: 30px;  }
ol li                                  { list-style: outside circle; margin-left: 30px;  }
img                                    { display: inline; margin: 5px; }

/*-----------------------------------------------------
   .box, .topBox // basic
------------------------------------------------------ */
#mainContent .box h2, #mainContent .topBox h2          { margin: 0 0 15px 0; }
#mainContent .box h3, #mainContent .topBox h3          { margin: 0 0 5px 0; }

.box, .topBox                                          { padding: 20px 10px 15px 10px; display: table; }
.box                                                   { border-top: 2px solid #f2f2f2; width: 100%; clear: both; }
.box#first                                             { border-top: none; }

#mainContent .box p, #mainContent .topBox p,
#mainContent .box ul, #mainContent .topBox ul,
#mainContent .box ol, #mainContent .topBox ol          { margin: 0; }

.intro                                                 { margin: 0 0 15px 0; padding: 0 4px 0 0; color: #000; }

/*-----------------------------------------------------
   mainContent > .topBox
------------------------------------------------------ */
.topBox                                                { font-weight: bold; color: #228128; }
.signature                                             { text-align: right; font-weight: normal; }
	
/*-----------------------------------------------------
   mainContent > .box
------------------------------------------------------ */
#mainContent .box img                                  {
	display: inline;
	float: left;
	width: 100px;
	border: 5px solid #f2f2f2;
	margin: 0 10px 10px 0;
	padding: 0;
}

/*-----------------------------------------------------
   book box // raspored elemenata za osn. prikaz knjige
------------------------------------------------------ */
.book-box                                              {
	width: 100%;
	margin: 0 0 25px 0;
	border-top: 2px solid #f2f2f2;
	padding: 20px 0 0 10px;
  	clear: both;
	display: table;
}
#mainContent div.first                                 { padding-top: 0; border: none; }
.book-box .image                                       {
	display: inline;
	float: left;
	width: 110px;
	padding: 5px 0 0 0;
	margin: 0;
}
#mainContent .book-box .image img                      { margin: 0; padding: 0; }
.book-box .content                                     {
	display: inline;
	float: left;
	padding: 0;
	margin: 0 0 0 10px;
	width: 500px;
}	

#mainContent h2.section_title                          {
	border-bottom: 2px solid #f2f2f2;
	padding-bottom: 10px;
	margin-top: 0;
}

/*-----------------------------------------------------
   book box / Typ.
------------------------------------------------------ */
#mainContent .book-box h2                              { margin: 0 0 15px 0; }
#mainContent .book-box h3                              { margin: 0 0 10px 0; }
#mainContent .book-box h4                              { margin: 0 0 15px 0; }

#mainContent .book-box h3.subtitle                     { margin-top: -10px; }
#mainContent .book-box h4.category                     { font-weight: normal; }
#mainContent .book-box h4.category a                   { font-weight: bold; }

/*-----------------------------------------------------
   book table // skraceni popis knjiga - tablica
------------------------------------------------------ */
#mainContent .booksListTable                           { margin: 0 0 20px 0; width: 100%; }
#mainContent .booksListTable img                       { margin: 0; padding: 0; border: none; }

td .addtocart                                          { width: 13px; margin: 0 auto; }
td .addtowishlist                                      { width: 10px; margin: 0 auto; }
td .delete                                             { width: 10px; margin: 0 auto; }

/*-----------------------------------------------------
   NEWSLETTER - forma za prijavu
------------------------------------------------------ */
#former                                                { padding-left: 0; }
#mainContent #former p                                 { margin-bottom: 15px; clear: both; margin-bottom: 5px; }
#former p input                                        {
	margin: 0 5px;
	padding: 4px 4px 4px 4px;
	background: #fff;
	border: 1px solid #2989cc;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	color: #575757;
	width: 180px;
}
#former div input                                      { margin-right: 5px; }
.form-submit                                           { padding-left: 135px; }
.form-submit input                                     {
	width: 51px; height: 23px;
	padding: 0;
	background: #2989cc;
	border: 1px solid #2989cc;
	font: normal 9px Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	vertical-align: middle;
}
p.input label                                          { display: block; float: left; width: 130px; text-align: right; font-size: 11px; }
p.checkbox                                             { padding-left: 135px; }
div.checkbox                                           { margin-left: 135px; margin-bottom: 15px!important; margin-bottom: 0; }
p.radio                                                { padding-left: 105px; }
#former p.radio input                                  { margin-right: 10px; padding: 0; width: auto; border: none; }
.captchaImageWrapper                                   { padding-left: 135px; margin: 0 0 20px 0; }
#mainContent .captchaImageWrapper img                  { margin: 0; border: none; }

/*-----------------------------------------------------
   REZULTATI PRETRAGE
------------------------------------------------------ */
.search-results                                        {
	padding: 10px;
	margin-bottom: 15px;
}
.matchfound                                            { margin-bottom: 5px; font-weight: bold; }
.result-link                                           { margin-bottom: 5px; }
.url                                                   { font-size: 7pt; margin-top: 5px; }
.result-description, .url                              { margin-left: 15px; }
#results-nav                                           { margin: 30px 0 20px 0; }
.result-item                                           { padding: 10px 20px; }