<?php include("site/template/".Tpl::getDir()."/design/css/cfg.php"); ?>

/*# # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # #
##	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	#
																																				#
##	1.	MAIN BODY - [body]																							#
##	2.	CONTAINER - [body > .container]																	#
																																				#
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	#
																																				#
##		3.		HEADER - [.container > .Head]																#
##		3.			Wrapper - [.container > .Head > div]											#
##		3.				Holders - [.container > .Head > div > .Wrp1]						#
																																				#
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	#
																																				#
##		4.		BODY - [.container > .Body]																	#
##		4.			Wrapper - [.container > .Body > div]											#
##		4.				Holders - [.container > .Body > div > .Wrp1]						#
																																				#
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	#
																																				#
##		5.		FOOTER - [.container > .Foot]																#
##		5.			Wrapper - [.container > .Foot > div]											#
##		5.				Holders - [.container > .Foot > div > .Wrp1]						#
																																				#
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	#
	# # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # #*/


/* 1. MAIN BODY -------------------------------------------------------------------------------*/
	body { background: <?= $css->svetlost($color['prva'], 200, 100) ?>; }

/* 2. CONTAINER	---------------------------------------------------------------------------*/
		body > .container { width: 100%; height: 100%; }

	/* 3. HEADER	-------------------------------------------------------------------------*/
				.container > .Head
				{ background: url(<?= $design ?>/1_Head/headerRepeat.png) repeat-x top; }
				
						/* Wrapper */
						.container > .Head > div 	
						{ width: 980px; margin: 0 auto; background: url(<?= $design ?>/1_Head/infoRepeat.png) repeat-x top; }
						
								/* Holders */
								.container > .Head > div > .Wrp1 { background: none; }
								.container > .Head > div > .Wrp2 { background: none; }
								.container > .Head > div > .Wrp3 { background: none; }
								
						/* Floating Holders */
						.container > .Head > div .A { position: absolute; overflow: visible; visibility: visible; }
						.container > .Head > div .L { float:left; position: relative; overflow: visible; visibility: visible; }
						.container > .Head > div .R { float:right; position: relative; overflow: visible; visibility: visible; }
						.container > .Head > div > div { clear: both; }

	/* 4. BODY	---------------------------------------------------------------------------*/
				.container > .Body
				{ background: none; }
				
						/* Wrapper */
						.container > .Body > div	
						{ width: 980px; min-height: 100px; margin: 0 auto; border: <?= $css->svetlost($color['bela'], 80, 100) ?> 1px solid; border-top: none; border-bottom: none; }
						
								/* Holders */
								.container > .Body > div > .Wrp { }
								
	/* 5. FOOTER	-------------------------------------------------------------------------*/
				.container > .Foot
				{ background: none; }
				
						/* Wrapper */
						.container > .Foot > div
						{ width: 980px; min-height: 100px; margin: 0 auto; padding: 0; }
						
								/* Holders */
								.container > .Foot > div > .Wrp { }