/*
	Type: Screen & Print stylesheet
	Site: Donatella
	Author: Darko Loncar - loncarster[NOSPAMMMM]gmail.com
g.domitran@gmail.com
*/

	@media print 
		{		
		* { background: #fff; color: #333 }
		html { font: 100%/1.5 Georgia, serif }		
		}

	/*CSS resets*/
	* 		{ padding: 0px; margin: 0px }
	img 	{ border: 0px }

	/*Global styles*/
	html	{  }
	body	{ font: 62.7%/2.5em "Helvetica Neue", Helvetica, Arial, "Sans-Serif"; background: #fff} 

	a			{ color: #b72 }
	a:active	{ outline: none }

	#skip { position: absolute; left: -9999px; top: -9999px }

	/*Content wrapper*/
	#wrap	{ margin: 0px auto; width: 960px }

	/*-----------------------------------------*/
	/*Main navigation*/
	ul#navigation					{ width: 920px; height: 55px; padding: 0px 20px; background: #ffa200 url('../gfx/navigation.png'); background-repeat: no-repeat }
	ul#navigation li				{ float: left; list-style-type: none }
	ul#navigation a					{ font: bold 1.4em "Helvetica Neue", Helvetica, Arial, "Sans-Serif"; color: #fff; text-decoration: none; 
									  display: block; padding: 19px 25px; height: 17px;
									  text-shadow: #cc7000 1px 1px 1px
									}
	ul#navigation a:hover			{ background: #ee9100 }
	ul#navigation a.current			{ background: #ee9100 }

	/*-----------------------------------------*/
	/*Headers and main title*/
	h1#brand						{ display: block; width: 260px; height: 75px; text-indent: -9999px; line-height: 0.1em; background: #fff url('../gfx/logo.png'); margin: 20px 0px 20px 42px } 

	/*-----------------------------------------*/
	/*Main content*/
	#content			{ float: left; width: 960px; background: #ffa200 url('../gfx/background.png'); background-repeat: no-repeat; min-height: 548px }

		/* Titles */
		#content h2		{ font-size: 2.2em; margin: 20px 0px 8px 48px; padding-bottom: 8px; color: #f63 }
		#content h3		{ font-family: "Georgia", Serif; font-size: 1.8em; font-style: italic; margin: 8px 0px 0px 18px; padding-bottom: 0px; color: #000; font-weight: bold }

		/* Paragraphs */
		#content p					{ font: 1.4em/1.5em "Helvetica Neue", Helvetica, Arial, "Sans-Serif"; margin: 8px 300px 28px 50px }

		/* Lists */
		#content ul					{ padding: 9px 28px 9px 18px }
		#content li					{ font: 1.4em/1.5em "Helvetica Neue", Helvetica, Arial, "Sans-Serif"; margin: 0px 28px 0px 56px; color: #000; text-shadow: #aaa 0px 0px 1px; }

		/*Forms*/
		#content input.txt, textarea				{ padding: 8px; border: 1px solid #999; font: normal 0.8em "Helvetica Neue", Helvetica, Arial, "Sans-Serif"; color: #333;
														-khtml-border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; 
														-moz-box-shadow: #bbb 0px 0px 8px;  
														-webkit-box-shadow: #bbb 0px 0px 8px;  
														background: #fff;
														background: -moz-linear-gradient(top, #eee, #fff 25px)
													 }

		#content input.txt:hover, textarea:hover, input.txt:focus, textarea:focus { border: 1px solid #666 } 
  
		#content label								{ font: bold 0.8em "Helvetica Neue", Helvetica, Arial, "Sans-Serif" }
		#content input.button						{ font: bold 0.8em "Helvetica Neue", Helvetica, Arial, "Sans-Serif"; padding: 8px }


		/*Akcije*/
		#content #akcija	{ display: block; background: #86b908; border: 4px solid #7aa907; margin-left: 30px; margin-right: 300px;
							-khtml-border-radius-bottomleft: 12px; -webkit-border-bottom-left-radius: 12px; -moz-border-radius-bottomleft: 12px;
							-khtml-border-radius-bottomright: 12px; -webkit-border-bottom-right-radius: 12px; -moz-border-radius-bottomright: 12px;
							}
		#content #akcija h3	{ color: #fff; text-shadow: #060 1px 1px 1px }
		#content #akcija p	{ font: 1.4em/1.5em "Helvetica Neue", Helvetica, Arial, "Sans-Serif"; margin: 8px 18px 18px 18px; color: #fff; text-shadow: #060 1px 1px 2px }

		/*Boxovi*/
		#content .spacer	{ margin-left: 30px }
		#content div.box	{ float: left; margin-top: 26px; margin-bottom: 18px; margin-right: 10px; padding: 0px; width: 219px; height: 290px; background: #fff;
							-khtml-border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px;  
							}
		#content div.box p	{ margin: 0px; padding: 8px 18px 8px 20px; font-size: 1.2em }
		#content div.box h3	{ font-style: normal; text-align: center; margin: 8px 4px 0px 4px; font-weight: normal }
		#content div.box img { margin: 0px; padding: 8px 18px 0px 22px }
		#content div.box img.button	{ float: right; margin-right:8px }

		#content div.gift	{ background: #fdf1ea url('../gfx/gift.gif') 0px 100%; background-repeat: no-repeat; padding-top: 20px }



	/*-----------------------------------------*/
	/*footer*/
	#footer		{ width: 888px; margin: 0px; padding: 18px 36px; background: #97ca19 url('../gfx/donatella-logo-small.png') 28px 18px; background-repeat: no-repeat; clear: both }
	#footer p	{ text-align: center; font-size: 1.8em; margin: 0px; padding: 0px; font-family: "Trebuchet MS", "Sans-serif"; color: #fff; letter-spacing: 1px }
	#footer a	{ color: #fff; text-decoration: none }