@import url("navigacija.css");

* 											{ margin: 0px; padding: 0px; }
html 										{ color:#007229; height:100%; margin:0; padding:0; font: 11px/1.5em Arial, Helvetica, sans-serif; }
body 										{ margin: 0px; padding: 0px; background: #EBF1ED url(../images/bg.gif) repeat-x; }
a:link, a:active, a:visited 				{ color:#007229; font-family:Arial, Helvetica, sans-serif; text-decoration:underline; }
legend 										{ display:none;}
fieldset 									{ border-style: none; margin: 0px; padding: 0px; }
.clear 										{ font-size: 0px; line-height: 0px; text-decoration: none; margin: 0px; padding: 0px; height: 0px; width: 0px; clear: both; }
.FloatLeft 									{ float: left; padding: 1px; margin: 0px 16px 3px 0px; border: 1px solid #DCE7DF; background: #FFFFFF; }
.FloatRight 								{ float: right; padding: 1px; margin: 0px 0px 3px 10px; background: #FFFFFF; border: 1px solid #DCE7DF; }

/********** CONTAINER *********/
#container 									{ width: 960px; margin-right: auto; margin-left: auto; }

/********** HEADER *********/
#header 									{
			height: 94px;
			margin: 0px;
			padding: 0px;
			position: relative;
			background: #FFFFFF;
			border-top: 3px solid #007229;
			border-bottom: 3px solid #007229;
}
#logo 										{
			background: url(../images/parnad-logo.gif) no-repeat 0px 0px;
			height: 83px;
			width: 110px;
			margin: 0px;
			padding: 0px;
			position: absolute;
			left: 17px;
			top: 6px;
}
#logo a 									{
			text-indent: -9999px;
			display: block;
			height: 83px;
			width: 110px;
			margin: 0px;
			padding: 0px;
}
#content 									{ background: #FFFFFF; padding-top: 23px; padding-left: 20px; }
#linkHeader 								{ height: 22px; padding: 0px; font-size: 0.8em; width: 920px; background: #f6f9f7; margin: 0px 20px 16px 0px; }  
#linkHeader  a#print 						{
			float: right;
			margin: 0px;
			padding: 2px 11px 0px 20px;
			background: url(../images/print.gif) no-repeat 0px 3px;
			color: #007229;
			text-decoration: none;
			font-size: 10px;
}
#linkHeader  a#home 						{ float: left; margin: 0px; padding: 2px 0px 0px 30px; background: url(../images/home.gif) no-repeat 11px 3px; color: #007229; text-decoration: none; font-size: 10px; }

/********* LEFT COL ********/
#LeftCol				 					{ float: left; width: 245px; display: inline; margin: 0px; padding: 0px; }

/********** SMALL BANNER *********/
.smallBanner  								{
			margin: 0px 0px 10px;
			padding: 0px;
}
.smallBanner  a  							{ margin: 0px; padding: 0px; border-top: none; border-right: none; border-bottom: none; border-left: none; }
.smallBanner  img  							{ border: 1px solid #edefee; }

/********** LINKS *********/
#links 										{ margin: 22px 0px 0px; padding: 0px; }
#links ul 									{ margin: 0px; padding: 0px; }
#links li 									{ list-style: none; background: url(../images/bullet.gif) no-repeat 6px 4px; margin-bottom: 3px; }
#links a 									{ padding-left: 20px; color: #007229; }
#links a:visited 							{ color: #007229; }
#links a:hover 								{ color: #39B967; }

/********** CENTER COL *********/
#centerCol 									{ margin: 0px; padding: 0px; float: left; display: inline; width: 675px; }

/********** FLASH HEADER *********/
.FlashHeader 								{ padding: 0px; height: 280px; width: 675px; top: 55px; margin: 0px 0px 20px; }

/********** NEWS *********/
#products 									{ margin: 0px; padding: 0px; display: inline; float: left; }
.productsBox2 								{ margin: 0px 0px 10px; padding: 0px; display: inline; float: left; width: 675px; background: url(../images/bgNews2.gif) repeat-y; }
.productsBox1 								{ margin: 0px 0px 10px; padding: 0px; display: inline; float: left; width: 675px; background: url(../images/bgNews1.gif) repeat-y; }
.productsBoxLeft 							{
			width: 305px;
			float: left;
			display: inline;
			background: #F6F9F7;
			padding: 15px 10px 15px 15px;
			font-size: 12px;
}
.productsBoxRight 							{
			margin: 0px;
			width: 305px;
			display: inline;
			float: right;
			background: #F6F9F7;
			padding: 15px 10px 15px 15px;
			font-size: 12px;
}
.productsBoxLeft  h1, 
.productsBoxRight  h1  						{ color: #656565; font-size: 15px; margin: 0px; padding: 0px 0px 13px; }
.code  
  					{
			font-size: 11px;
}
.code  span  
   				{
			color: #007229;
			text-transform: uppercase;
			font-size: 11px;
}


.productsBoxLeft p, 
.productsBoxRight p 						{
			color: #656565;
			margin: 0px;
			padding: 0px 0px 5px;
}
#products .productsBox1 
.productsBoxLeft a:hover,
#products .productsBox2 
.productsBoxLeft a:hover, 
#products .productsBox1 
.productsBoxRight a:hover, 
#products .productsBox2 
.productsBoxRight a:hover					{ color: #39B967; }
.title 										{ display: block; margin-bottom: 10px; padding: 5px 5px 3px 10px; border-left: 5px solid #007229; text-transform: uppercase; border-top: 1px solid #f8f8f8; border-right: 1px solid #f8f8f8; border-bottom: 1px solid #f8f8f8; background: url(../images/bgTitle.gif) repeat-x 0px 0px; font: bold 15px Arial, Helvetica, sans-serif; }
.titleShop 									{ display: block; margin-bottom: 10px; padding: 5px 5px 3px 10px; border-left: 5px solid #007229; text-transform: uppercase; border-top: 1px solid #f8f8f8; border-right: 1px solid #f8f8f8; border-bottom: 1px solid #f8f8f8; background: url(../images/bgTitle.gif) repeat-x 0px 0px; font: bold 15px Arial, Helvetica, sans-serif; }
.cjena 										{ display: block; text-align: center; background: #FFFFFF; margin: 0px; padding: 2px 0px 0px; border: 1px solid #DCE7DF; color: #656565; width: 122px; float: left; height: 19px; }
.tipke			 							{ text-align: center; clear: both; padding: 0px; margin: 0px; }
.tipke label 								{ margin: 0px; padding: 0px; display: block; width: 70px; float: right; }

.btnDetaljnije 								{ background:#FFFFFF; font-size: 11px; width: 65px; height: 23px; margin: 0px 2px 0px 0px; padding: 0px; border: 1px solid #DCE7DF; color: #656565; }
.btnNaruci 									{ background:#FFFFFF; font-size: 11px; height: 23px; width: 65px; margin: 0px 2px 0px 0px; padding: 0px; border: 1px solid #DCE7DF; color: #656565; }
.btnUpit 									{ background:#FFFFFF; font-size: 11px; height: 23px; width: 65px; margin: 0px 2px 0px 0px; padding: 0px; border: 1px solid #DCE7DF; color: #656565; }
.btnIsprazni								{ background:#FFFFFF; font-size: 11px; width: 100px; height: 23px; margin: 0px 2px 0px 0px; padding: 0px; border: 1px solid #DCE7DF; color: #656565; }

/********** BUTTONS *********/
.inputBtn									{ background:#FFFFFF; font-size: 11px; height: 23px; margin: 0px 2px 0px 0px; padding: 0px 10px; border: 1px solid #DCE7DF; color: #656565; }
.btnVote 									{ background:#FFFFFF; font-size: 11px; height: 23px; width: 65px; margin: 0px 2px 0px 0px; padding: 0px; border: 1px solid #DCE7DF; color: #656565; }
.btnDodajKosarica 							{ background:#FFFFFF; font-size: 11px; height: 23px; width: 100px; margin: 0px 2px 0px 0px; padding: 0px; border: 1px solid #DCE7DF; color: #656565; }
.btnObrisi 									{ background:#FFFFFF; font-size: 11px; height: 23px; width: 65px; margin: 0px 2px 0px 0px; padding: 0px; border: 1px solid #DCE7DF; color: #656565; }
.btnPosalji 								{ background:#FFFFFF; font-size: 11px; height: 23px; width: 65px; margin: 0px 2px 0px 0px; padding: 0px; border: 1px solid #DCE7DF; color: #656565; }
.btnPovratak 									{ background:#FFFFFF; font-size: 11px; height: 23px; width: 65px; margin: 0px 2px 0px 0px; padding: 0px; border: 1px solid #DCE7DF; color: #656565; }
.btnIzmijeniPodatke							{ background:#FFFFFF; font-size: 11px; height: 23px; width: 65px; margin: 0px 2px 0px 0px; padding: 0px; border: 1px solid #DCE7DF; color: #656565; }
.btnResults 								{ background:#FFFFFF; font-size: 11px; width: 65px; height: 23px; margin: 0px 2px 0px 0px; padding: 0px; border: 1px solid #DCE7DF; color: #656565; }
.btnOsvjezi 								{ background:#FFFFFF; font-size: 11px; width: 65px; height: 23px; margin: 0px 2px 0px 0px; padding: 0px; border: 1px solid #DCE7DF; color: #656565; }
.btnNastaviNarudzba							{ background:#FFFFFF; font-size: 11px; width: 120px; height: 23px; margin: 0px 2px 0px 0px; padding: 0px; border: 1px solid #DCE7DF; color: #656565; }
.btnPregled 								{
			background:#FFFFFF;
			font-size: 11px;
			width: 110px;
			height: 23px;
			margin: 0px 2px 0px 0px;
			padding: 0px;
			border: 1px solid #DCE7DF;
			color: #656565;
}

/********** FOOTER *********/
#footer 									{ height: 30px; margin: 0px; padding: 0px; background: #007229; border-top: 3px solid #FFFFFF; }
#footer #footerContent 						{ padding: 0px; width: 954px; margin-right: auto; margin-left: auto; border-right: 3px solid #FFFFFF; border-left: 3px solid #FFFFFF; }
#footer #footerContent ul 					{ margin: 0px; padding: 0px; }
#footer #footerContent li 					{ margin: 0px; padding: 8px 0px 5px; float: left; list-style: none; display: inline; }
#footer #footerContent li a 				{ display: block; margin: 0px 0px 0px 23px; padding: 0px; color: #FFFFFF; text-decoration: none; font-size: 12px; }
#footer #footerContent a:visited 			{ color: #FFFFFF; text-decoration: none; }
#footer #footerContent a:hover 				{ color: #FFFFFF; text-decoration: underline; }
#footerLinks								{ margin: 0px; padding: 0px; float: left; width: 744px; }


/******** NEWSLETTER ********/	
#newsletterForma							{ background: url(../images/newsletterForma.jpg) no-repeat 0px 2px; float: left; width: 210px; margin: 0px; padding: 2px 0px 0px; display: inline; }
#newsletterForma label 						{ float: left; padding: 5px 0 0 50px; margin: 0px; }
#newsletterForma .input_text				{ width: 122px; background: transparent !important; font-size: 11px; margin: 0px; padding: 2px 0px; color: #3a3a3a; border-top: 0 none; border-right: 0 none; border-bottom: 0 none; border-left: 0 none; }
#newsletterForma .input_image				{ float: left; display: inline; margin: 4px 0px 0px 5px; padding: 0px; }


/********** TEXT GROUP *********/
#aboutGroup 								{ background: #F6F9F7; margin-bottom: 20px; padding: 15px; }
#aboutGroup h1 								{ color: #007229; font: 100 2em/1.25em Arial, Helvetica, sans-serif; margin: 0px 0px 15px; padding: 0px; }
#aboutGroup p 								{ color: #656565; margin-bottom: 7px; }

/********** BREADCRUMBS *********/
#breadcrumbs 								{ margin: 0px; padding: 0px 0px 2px; color: #656565; display: block; }
#breadcrumbs a 								{ text-decoration: none; color: #656565; }
#breadcrumbs a:visited 						{ color: #656565; text-decoration: none; }
#breadcrumbs a:hover 						{ color: #007229; text-decoration: none; }


/********** DOCUMENTS *********/
#vezaniDokumenti 							{ margin:0px 0px 20px; background: url(../images/vezaniDokumentiNaslov.gif) no-repeat 0px 0px; padding: 15px 0px 0px; float: left; clear: both; }
.document 									{ margin: 0px; padding: 0px; border-bottom: 1px solid #BCD0C2; float: left; display: block; width: 635px; }
.imgBrd 									{ border-left:1px solid #BCD0C2; border-right:1px solid #BCD0C2; margin:0; padding:0; display: inline; float: left; }
#vezaniDokumenti span	 					{ padding: 15px 0px 0px 10px; margin: 0px; float: left; }
.document a:hover 							{ color: #39B967; }

/********** GALLERY *********/
.gallery 									{ margin: 15px 0px 0px; padding: 0px; }
.wrapper 									{ float:left; margin:0 2px 0 0; padding:0; width: 126px; }
.wrapper img 								{ padding: 1px; border: 1px solid #007229; margin: 0px; background: #FFFFFF; }
.wrapper p 									{ margin-bottom: 3px; }

/********* PAGINACIJA *********/
.Paginacija 								{ font-size: 11px; width: 670px; text-align: center; margin: 0px; padding: 5px 0px; float: left; }
.Paginacija  a   							{ padding: 2px 6px; border: 1px solid #DCE7DF; background: #fff; text-decoration: none; color: #000000; margin: 0px 2px 0px 0px; }
.Paginacija a:visited 						{ padding: 2px 6px; border: 1px solid #DCE7DF; background: #fff; text-decoration: none; color: #000000; }
.Paginacija a:hover 						{ color: #000000; background: #FFFFFF; text-decoration: none; border: 1px solid #4c8a03; }
.Paginacija .Prethodna 						{ margin-right: 2px; padding: 2px 6px; border: 1px solid #DCE7DF; background: #fff; font-size: 11px; }
.Paginacija .Slijedeca 						{ margin-left: 0px; padding: 2px 6px; border: 1px solid #DCE7DF; background: #fff; }
.Paginacija .selected 						{ padding: 2px 6px; font-size: 11px; vertical-align: top; background: #ecf6e0; color: #000000; border: 1px solid #b0cc90; }


/********* KOSARICA TABLICA *********/
.KosaricaTable 								{ border: none; border-collapse:	collapse; margin-right: auto; margin-left: auto; width: 645px; background: #FFFFFF; color: #666666; margin-bottom: 10px; }
.KosaricaTable th 							{ margin: 0px; padding: 5px 3px 5px 5px; background: #F4F4F4; border-top: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF; color: #666666; }
.KosaricaTable img { border-style: none; }

.KosaricaTable td, 
.KosaricaTable th 							{ text-align: left; }
.KosaricaTable td 							{ border-bottom: 1px solid #DCDCDC; margin: 5px; padding: 3px 3px 3px 5px; }
.KosaricaTable a { text-decoration: none; }
.KosaricaTable a:visited { color: #007229; text-decoration: none; }
.KosaricaTable a:hover { color: #39B967; }

.kolicina 									{ border:1px solid #E6E6E6; height:14px; padding-top:1px; text-align:center; width:30px; color: #3A3A3A; font-size: 11px; background: #DCDCDC; }
.KosaricaTable td.centered, 
.KosaricaTable th.centered 					{ text-align: center; vertical-align: middle; }
.KosaricaTable td.centered1 				{ text-align: center; vertical-align: middle; border-style: none; }
.KosaricaTable .centered1 p 				{ margin: 3px 20px 0px; padding: 3px 0px; background: #F4F4F4; display: block; border: 1px solid #DCE7DF; }
.KosaricaTable .SeparatorLinija 			{ border-style: none; background: url(../images/bg-det.gif) repeat-x bottom; margin: 0px; padding: 0px; height: 4px; font-size: 0px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; }


/********** KOSARICA *********/
#kosarica 									{
			margin: 0px;
			padding: 0px;
			background: #FFFFFF url(../images/kosarica.jpg) no-repeat 0px 0px;
			height: 89px;
			width: 200px;
			float: right;
			position: absolute;
			left: 757px;
			top: 2px;
}
#kosarica ul 								{ margin: 28px 0px 0px 10px; padding: 0px; }
#kosarica ul li 							{ margin: 0px; padding: 0px 0px 0px 10px; list-style: none; }
#kosarica p 								{ display: block; margin: 0px; padding: 0px; position: absolute; width: 60px; }
#kosarica span 								{ color: #656565; }
#kosarica  .mojiPodaci 						{ left: 55px; top: 45px; margin: 0px; padding: 0px; }
#kosarica  a   								{ text-decoration: none; }
#kosarica a:hover 							{ color: #39B967; }
#kosarica .odjava a, .mojiPodaci a, 
.prijava a, .registracija a 				{ color: #656565; }
#kosarica .odjava a:visited, 
.mojiPodaci a:visited, 
.prijava a:visited, 
.registracija a:visited 					{ color: #656565; }
#kosarica .odjava a:hover, 
.mojiPodaci a:hover, 
.prijava a:hover, 
.registracija a:hover 						{ color: #39B967; }
#kosarica .isprazni 						{ left: 23px; top: 68px; margin: 0px; padding: 0px; }
#kosarica .pregledaj 						{ left: 145px; top: 68px; margin: 0px; padding: 0px; }
#kosarica .prijava	 						{ left: 150px; top: 8px; margin: 0px; padding: 0px; }
#kosarica .registracija						{ left: 138px; top: 41px; margin: 0px; padding: 0px; }
#kosarica .mojiPodaci	 					{ left: 139px; top: 40px; margin: 0px; padding: 0px; }
#kosarica .odjava							{ left: 148px; top: 8px; margin: 0px; padding: 0px; }

.cijenaDet 									{ margin: 0px; padding: 3px 0px 0px; text-align: center; width: 358px; border: 1px solid #DCE7DF; background: #FFFFFF; }
.cijenaDet span 							{ font-weight: bold; color: #656565; }
.tipkeDet			 						{ padding: 5px 0px 0px; margin: 0px 0px 5px; width: 360px; text-align: center; display: inline; float: left; }
.tipkeKosarica			 					{ padding: 0px; margin: 0px 0px 5px; text-align: center; display: inline; float: left; width: 645px; }
.poruka			 							{ text-align: left; background: #EDF3EF; display: block; margin: 0px 0px 10px; padding: 3px 0px 3px 5px; border: 1px solid #DCE7DF; }
.poruka li 									{ list-style: disc url(none) inside; color: #666666; }
.messages			 						{ text-align: left; background: #B1CBBA; display: block; margin: 0px 0px 10px; padding: 10px 0px 10px 10px; border: 1px solid #77A485; }
.messages li 								{ list-style: disc url(none) inside; color: #283C2E; line-height: 20px; }

/********* FORMA *********/
#mainForma 									{ display: inline; padding: 0px; width: 650px; margin: 0px; }
#mainForma p 								{ margin: 5px 5px 10px; padding: 0px; }
#mainForma fieldset 						{ margin: 0px; float: left; display: inline; padding: 0px; width: 650px; }
#mainForma label 							{ text-align: right; width: 200px; display: block; float: left; margin: 3px 0; padding: 0 5px 0 0; color: #3A3A3A; }
#mainForma br 								{ clear:left;}
#mainForma .upit-input 						{ font-size: 1em; background: #FFFFFF; border: 1px solid #CCCCCC; height: 17px; width: 250px; float: left; margin-bottom: 3px; padding: 3px 0px 2px 2px; background: #FFFFFF; color: #3A3A3A; }
#mainForma .textarea 						{ font-size: 1em; background: #FFFFFF; border: 1px solid #CCCCCC; width: 250px; float: left; margin-bottom: 3px; padding: 3px 0px 2px 2px; background: #FFFFFF; color: #3A3A3A; height: 100px; }
#mainForma .radio {
			width: 90px;
			float: left;
			text-align: left;
			padding: 0px;
			margin-right: 10px;
			margin-bottom: 15px;
			margin-left: 10px;
}
#mainForma .dropDown 						{
			font-size: 1em;
			background: #FFFFFF;
			border: 1px solid #CCCCCC;
			height: 23px;
			width: 254px;
			float: left;
			margin-bottom: 3px;
			padding: 3px 0px 2px 2px;
			background: #FFFFFF;
			color: #3A3A3A;
}
#mainForma .dropDown option {
			padding: 3px;
}


.obavezno 									{ color: #FF0000; }
.formTitle 									{ display: block; margin: 0px 0px 5px; padding: 3px 0px 3px 10px; text-transform: uppercase; background: url(../images/bgTitle.gif) repeat-x; border: 1px solid #CCCCCC; font-size: 11px; width: 447px; }
.formTitle span {
			text-transform: none;
			font-weight: normal;
			padding-left: 10px;
}
.formTitle span a:hover {
			text-decoration: none;
}


.tipkeDetForma		 						{ padding: 3px 0px; margin: 0px; width: 640px; text-align: center; clear: both; display: block; }

.poruke 									{ color: #656565; list-style: inside; }

/******* notification messages *********/
.notification-error 					{ display:block; font-style:normal; padding: 0px; line-height: 12px; font-size: 11px; margin: 0px; }
.notification-error ul 					{ padding: 10px 10px 0px 20px; margin: 0px 0px 10px; list-style: url(none) none; font-size: 12px; }
.notification-error ul li 				{ padding: 0px; margin: 0px; list-style: url(none) none; background: transparent; line-height: 16px; }
.notification-error 					{ background: #ffcece; color: #282020; position: relative; margin: 0 0 15px; padding: 0; border: 1px solid #df8f8f; font-size: 13px; width: 99.8%; }