/* html redef */
body, html, div, p, span, table, address, form, a, img, dl, dt, dd, fieldset, ul, li, caption {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-family: inherit;	
}
body {
	font: normal 12px Arial, Helvetica, sans-serif;		
	color: #444; 
	background-image:url(../images/background.png);
	background-repeat:repeat-x;
	background-position:top;
	background-color:#6D9D3E;	
}

h1, h2, h3, h4, h5 { font-family: Georgia, serif; font-weight: normal; color:#3D6E86;}
table {border-collapse: collapse;}
caption { display: none; }
image { border:0; }
ul { list-style: none; }
a, a:link, a:visited { color: #3D6E86; /*text-decoration: none;*/ }
a:hover, a:active {	color: #F8A334;	/*text-decoration: underline; */}
/*input, select, textarea { background-color:#EEFEFE;}*/
label { cursor:pointer; }
/* end html redef */


/* layout */
#page {width:950px; margin:0 auto; }
	#wrapper {
		background-color:#fff; float:left; width:100%; margin:10px 0 10px 0;
		border:solid 10px #fff;			
	}
		#header, #content, #footer {
			width:100%; float:left; clear:both; display:block; 
		}
	

		#header {}		
			#header #headerimage 
			{
				width:950px; height:100px; 
				background-color:#fff; 
				float:left; 
				display:block;
				background-image:url(../images/header.png);
				background-repeat:no-repeat;
				background-position:top left;
			}
			#header #headerlink 
			{
				width:550px; height:100px; float:left; display:block;				
			}
			#header #headerRightBox 
			{
				width:380px; height:80px; float:left; display:block;
				text-align:right; vertical-align:top; padding:10px;	
			}
			#header #headerRightBox ul.topmenu {float:right; clear:both; margin-top:35px;}
			#header #headerRightBox ul.topmenu li {float:right; display:block; clear:none; padding:0 0 0 10px;}
				#header #headerRightBox ul.topmenu li a {
					color:#45748B; font-weight:bold; font-size:13px;
					letter-spacing:1px; text-decoration:none;
				}
				#header #headerRightBox ul.topmenu li a:hover {color:#fff; }
				#header #headerRightBox a.addthis_button {}
			
			#header ul.mainmenu { background-color:#45748B; padding:5px 0 5px 0; float:left; display:block; width:100%;}
				#header ul.mainmenu li 
				{
					float:left; display:block; padding:0 10px 0 10px; color:#fff;
					border-right:solid 1px #ccc;
				}
				#header ul.mainmenu li.last { border-right:0;}
					#header ul.mainmenu li a {font-family: Arial, serif; font-weight: normal; font-size:13px; color:#fff; text-decoration:none;  }
					#header ul.mainmenu li a:hover {color:#F8A334; text-decoration:none;  }

		#content { min-height:500px; }

/* ---------------------- layout-side column ------------------------------------------------------------------ */		
			
			#content .col-side {
				width:200px; float:left; display:block; min-height:400px;				
			}
				#content .col-side .box
				{					
					background-color:#fff;
					background-image:url(../images/background-box.png);
					background-position:bottom;
					background-repeat:no-repeat;
					width:180px;
					padding:10px 10px 15px 10px;
					float:left;
					margin:10px 0 0 0;
					overflow:hidden;
					display:block;
				}	
				#content .col-side .big { background-image:url(../images/background-bigbox.png); }
				
					#content .col-side .box div { margin:10px 0 5px 0;}
					#content .col-side .box h1
					{
						font-size:20px;
						margin:0 0 5px 0;
					}
					#content .col-side .box h2 					 
					{
						font-size:16px; 
						margin:10px 0 5px 0;
					}	
					#content .col-side .box input
					, #content .col-side .box select
					{
						width:140px;							
					}					
					#content .col-side .box input { width:140px; }	
					#content .col-side .big input { width:170px; }				
					#content .col-side .box select { width:180px; }					
					
					#content .col-side .box a.button-go { margin:2px; padding:0; }	
						#content .col-side .box a.button-go img { vertical-align:middle; }							
					
					/*#content .col-side .big a.button-go { float:left; margin:20px 0 10px 40px;}*/
								
								
/* ---------------------- layout-middle column ------------------------------------------------------------------ */
			#content .col-middle {
				width:530px; float:left; display:block; min-height:400px; padding:10px; background-color:#fff;
			}
				#content .col-middle .lista-oglasa { width:530px; margin:10px 0 10px 0 }
				#content .col-middle .lista-oglasa tr td { padding:5px; }
				
			
			/* homepage*/
			#content .homepage img.splash { width:524px; height: 190px; margin-bottom:20px }
			/*#content .homepage .box img.splash2 { width:200px; height: 290px; margin-bottom:20px }*/
			#content .homepage .left
			, #content .homepage .right {
				float:left; width:250px; margin:2px 5px 5px 5px; 				
			}
				#content .homepage .box p { margin: 0 0 10px 0; clear:both;}
				#content .homepage .box p.bigletter:first-letter 
				{
					/*font-family: Georgia, serif; */
					font-weight: normal; font-size:30px; font-weight:bold;
					color:#fff;
					padding:10px;
					margin:0 5px 0 0;
					float:left; 
					display:block;
					background-color:#3D6E86;
				}
			#content .homepage .stats div { }
			#content .homepage .stats div span { color:#6D9D3E; font-weight:bold; }
			
			
			#content .homepage .home-note-box 
			{
				margin:10px;
				padding:125px 20px 20px 20px;
				background-repeat:no-repeat;
				background-position:top left;
				line-height:20px;
			}
			#content .homepage .home-note-box  p { margin:5px 0 5px 0;}
			#content .homepage .home-note-box  p:first-letter { padding-left:20px;}
			
			#content .homepage .bg00 { background-image:url(../images/bg-home-note-03.jpg);}
			#content .homepage .bg01 { background-image:url(../images/bg-home-note-02.jpg);}
			#content .homepage .bg02 { background-image:url(../images/bg-home-note-01.jpg);}
			
/* -------------------------------------------- layout-knjiga ------------------------------------------------------------------ */
					#content .col-middle .lista-oglasa .knjiga { vertical-align:top; }
					#content .col-middle .lista-oglasa .search  /* tražim knjigu */
					{  
						
					}
					#content .col-middle .lista-oglasa .sell  /* nudim knjigu */
					{						
						border-bottom:solid 1px #AFD8E8; 
					}
						#content .col-middle .lista-oglasa .knjiga td.selection { width:30px; padding-top:8px;}
							#content .col-middle .lista-oglasa .knjiga td.selection a.select
							{
								float:left; display:block; width:30px; height:30px; margin:0;
								background-image:url(../images/icon-book-select.png);
								background-repeat:no-repeat;
								background-position:top left;
							}						
							#content .col-middle .lista-oglasa .knjiga td.selection a.select:hover {
								background-image:url(../images/icon-book-select-hover.png);
							}
						
						#content .col-middle .lista-oglasa .knjiga td.osnovno {width:250px;}
							#content .col-middle .lista-oglasa .knjiga td.osnovno span
							{
								float:left;
								display:block;
								clear:both;
							}
							
							/* naslov u listi*/
							#content .col-middle .lista-oglasa .knjiga td.osnovno h2 {
								float:left; margin: 0 0 3px 0;
							}
							#content .col-middle .lista-oglasa .knjiga td.osnovno h2
							, #content .col-middle .lista-oglasa .knjiga td.osnovno h2 a
							{								
								font-size:17px;
								font-family:Trebuchet MS, Sans-Serif;
								text-decoration:none;
								line-height:16px;
							}
							/* end naslov u listi*/

							#content .col-middle .lista-oglasa .knjiga td.osnovno span.podnaslov{font-size:11px;margin:0 0 3px 0;}
							#content .col-middle .lista-oglasa .knjiga td.osnovno span.autori{font-size:11px;font-style:italic;}
							
							#content .col-middle .lista-oglasa .knjiga td.tip span {
								margin:0 0 3px 0; font-size:11px; float:left; display:block; clear:both;
								padding:2px; color:#fff;
							}
							#content .col-middle .lista-oglasa .knjiga td.tip span.vrsta {background-color:#6D9D3E;}
							#content .col-middle .lista-oglasa .knjiga td.tip span.predmet {background-color:#45748B;}
							#content .col-middle .lista-oglasa .knjiga td.tip span.nakladnik {background-color:#F8A334;}
					
						#content .col-middle .lista-oglasa .knjiga td.detalji {
							font-size:9px; vertical-align:top; width:130px;					
						}					
							#content .col-middle .lista-oglasa .knjiga td.detalji table tr td 
							{vertical-align:top; border:0; padding:2px;}
							
/* -------------------------------------------- layout-oglasi međured ------------------------------------------------------------------ */						
					#content .col-middle .lista-oglasa .subheader 
					{
						font-size:13px;
						letter-spacing:1px;
						border-bottom:solid 1px #ffffff;
						padding-bottom:2px;
						text-align:left;
						/*font-weight:bold;*/
						border-bottom:solid 1px #AFD8E8;						
					}
					/*#content .col-middle .lista-oglasa .subheader:hover {background-color:#AFD8E8;}*/
					#content .col-middle .lista-oglasa .subheader img {vertical-align:middle;}
					#content .col-middle .lista-oglasa .subheader a
					{	
						padding:2px;
					}
					#content .col-middle .lista-oglasa .subheader a:hover {color:#45748B; }
/* -------------------------------------------- layout-oglas ------------------------------------------------------------------ */
					#content .col-middle .lista-oglasa .oglas 
					{
						vertical-align:top; display:none;						
					}
						#content .col-middle .lista-oglasa .oglas td 
						{
							border-top: solid 2px #ffffff;
							background-color:#AFD8E8;							
						}
							#content .col-middle .lista-oglasa .oglas td.prodavatelj
							{
								width:200px;
							}							
							#content .col-middle .lista-oglasa .oglas td.prodavatelj span.imeprezime
							{
								font-size:13px;		
								font-weight:bold;	
								clear:both;
							}
					#content .col-middle .lista-oglasa .oglas td.kontakt 
					{
						padding-top:7px; width:100px;
					}
						#content .col-middle .lista-oglasa .oglas td.kontakt a {padding:0 10px 0 0;}				
					
					#content .col-middle .lista-oglasa .oglas td.detalji { text-align:right}		
						#content .col-middle .lista-oglasa .oglas td.detalji .label {font-size:10px;}
						#content .col-middle .lista-oglasa .oglas td.detalji .cijena {font-weight:bold;}
											
					#content .col-middle .lista-oglasa .oglas-napomena {display:none;}
					#content .col-middle .lista-oglasa .oglas-napomena td
					{
						background-color:#AFD8E8;
						/*border-top:solid 1px #ffffff;*/
						/*border-bottom:solid 1px #AFD8E8;*/
						font-size:11px;
						letter-spacing:1px;
					}
					#content .col-middle .lista-oglasa .oglas .zupanija-selected 
					{ background-color:#F8A334; color:#fff; padding:2px; }
/* ------- layout-footer ------------------------------------------------------------------ */
		#footer 
		{ 
			margin:20px 0 10px 0;
			text-align:center;
			font-size:11px;
			letter-spacing:1px;
			color:#444;
		}
/* end layout ------------------------------------------------------------------------------ */




/* 2/3 + 1 kolona ------------------------------------------------------------------------------ */
#content .col-leftbig {
	width:730px; 
	float:left; 
	display:block; 
	min-height:400px; 
	padding:10px; 
	background-color:#fff;	
}
#content .col-leftbig div { margin: 15px 0 5px 0;}
#content .col-leftbig h1 {margin: 0 0 10px 0}
#content .col-leftbig h2 {margin: 15px 0 5px 0 }
/*#content .col-leftbig input
, #content .col-leftbig textarea 
{
	border-right:solid 2px #E3EAD8; 
	border-bottom:solid 2px #E3EAD8;	
}*/
/* end 2/3 + 1 kolona ------------------------------------------------------------------------------ */




/* odabrane knjige */
ol.ponuda {
	padding:0 0 0 20px;	
	list-style-type:decimal;
}
ol.ponuda li { padding:0 0 5px 0; }
ol.ponuda li a.remove 
{
	color:#F8A334; font-weight:bold; font-size:10px;
	margin: 0 0 0 3px;
	text-decoration:none;	
}


table.ponuda {width:730px; margin:10px 0 10px 0;}
table.ponuda tr th 
{
	text-align:left; padding:5px; font-family: Georgia, serif; font-weight: normal; 
	border-bottom:solid 5px #AFD8E8;
	font-size:14px;
}
table.ponuda tr td { vertical-align:top; border-bottom:solid 5px #AFD8E8; padding:10px;}
table.ponuda tr td h3
, table.ponuda h3 a
{								
	font-size:15px;
	font-family:Trebuchet MS, Sans-Serif;
	text-decoration:none;
	line-height:16px;	
	margin:0 0 5px 0;
}
table.ponuda tr.noborder td { border:0; }
/*table.ponuda tr.border { border-bottom:solid 5px #AFD8E8;}*/
/* end odabrane knjige */


/* login */
.login { min-height:500px; }
.login table { margin:0 auto; }
/* end login */


/* links */
.btn-container {text-align:center; padding:10px 0 5px 0;}
a.btn, a.btn:link, a.btn:visited 
{
	padding:5px 15px 5px 15px;	
	margin:0 auto;	
	color:#fff;
	background-color: #3D6E86; 
	text-decoration:none;
}
a.btn:hover, a.btn:active {	color: #F8A334;	}
a.btnclr, a.btnclr:link, a.btnclr:visited 
{
	padding:5px 15px 5px 15px;	
	margin:0 auto;	
	color:#45748B;
	background-color: Transparent; 
	text-decoration:underline;
}
a.btnclr:hover, a.btnclr:active { color: #F8A334;	}
/* end links*/



/* helpers */
.qty { text-align:right;}
.info { clear:both; padding:10px 0 10px 0; display:block; clear:both;}
.message_info { padding:2px; font-weight:bold; background-color:#fff; color:#6D9D3E; margin: 5px 0 10px 0; float:left; clear:both;}
.message_error { padding:5px; font-weight:bold; background-color:red; color:white; margin: 5px 0 10px 0;}
.money {text-align:right;}
input, select, textarea
{
	font: normal 15px Arial, Helvetica, sans-serif;	
	letter-spacing:1px;
	padding:5px;
	color:#45748B;
}
input:focus, textarea:focus, select:focus, label:focus, option:focus {background-color: #FFFFCC;} 
input:hover, textarea:hover, select:hover, label:hover, option:hover {background-color: #FFFFCC;}
.nowrap { white-space:nowrap; }
.nobooks { font-size:13px; font-weight:bold; }
#content .note { margin: 5px 0 5px 0; color:#6D9D3E; }
sup { color:Red; font-family:Arial, Sans-Serif; font-size:13px; font-weight:bold; }
.obavezanunos { text-decoration:underline; }

table.codesample { margin:10px auto; }
	table.codesample tr th { width:80px; padding:4px; text-align:left;}
	table.codesample tr td { width:180px;padding:4px }
		textarea.code { width:170px; border:solid 1px #000; font-family:Arial, Helvetica, Sans-Serif; font-size:10px;  }
/* end helpers */

dl.faq { line-height:18px; margin:10px 0 10px 0;}
dl.faq dt { font-size:15px; margin:15px 0 5px 0;color:#3D6E86; }
dl.faq dd { padding:2px 0 2px 15px; color:#333; }



.sponzori-homepage 
{
	width:940px;
	float:left;
	margin:10px 0; 
	display:block; 
}

.sponzori-homepage div
{
	width:600px;
	margin-left:200px;
	float:left; 
	display:block; 		
}
.sponzori-homepage div a 
{
	clear:none; 
	float:left; 
	display:block; 
}




.ig-box { margin:0 0 10px 0; font-family:Arial; padding:0 10px 0 5px;}
.ig-title { color:#45748B; font-size:15px; font-weight:bold; }
.ig-txt {color:#000; font-size:14px;}
.ig-contact { color:#62883D; font-size:11px;}