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

/*# # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # #
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	#
																																				#
			1.	LINKS - [.container > .Head > div .Links]											#
																																				#
			2.	ICONS - [.container > .Head > div .Icons]											#
																																				#
			3.	LOGO - [.container > .Head > div .Logo]												#
																																				#
			4.	ADVERTISING - [.container > .Head > div .Ad]									#
																																				#
			5.	LANGUAGE - [.container > .Head > div .Lang]										#
																																				#
			6.	LOGIN - [.container > .Head > div .Login]											#
																																				#
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	#
	# # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # #*/


.container > .Head { }

/* Wrapper */
	.container > .Head > div { }
	
		/* Holders */
			.container > .Head > div > .Wrp1 { }
			.container > .Head > div > .Wrp2 { }
			.container > .Head > div > .Wrp3 { }


/* 1. LINKS	---------------------------------------------------------------------------------------*/
	.container > .Head > div .Links { width: auto; height: 25px; padding-left: 8px; }
			.container > .Head > div .Links a { 
				display: inline-block; padding: 4px 5px;
				font-size: 12px; line-height: 16px; color: <?= $css->svetlost($color['prva'], 200, 100) ?>;
				text-align: center; font-weight: normal; text-decoration: none; text-transform: uppercase;
			}
			.container > .Head > div .Links a:hover { color: <?= $css->svetlost($color['druga'], 100, 100) ?>; }
			.container > .Head > div .Links a.sel { font-weight: bold; color: <?= $css->svetlost($color['druga'], 100, 100) ?>; }
				

/* 2. ICONS ---------------------------------------------------------------------------------------*/
	.container > .Head > div .Icons { width: auto; height: 25px; padding-right: 10px; }
			.container > .Head > div .Icons a { 
				float: right; margin: 2px 2px;	padding: 1px;
				cursor: pointer; list-style: none;
				background: none; border: <?= $css->svetlost($color['prva'], 120, 100) ?> 1px solid;
			}
			.container > .Head > div .Icons a:hover { border: <?= $css->svetlost($color['druga'], 110, 100) ?> 1px solid; }
			.container > .Head > div .Icons a div.ui-icon { 
				width: 16px; height: 16px;
				cursor: pointer;
				background-image: url(<?= $design ?>/icons/icons.png);
			}
			.container > .Head > div .Icons a:hover div.ui-icon { background-image: url(<?= $design ?>/icons/iconsOver.png); }


/* 3. LOGO ---------------------------------------------------------------------------------------*/
	.container > .Head > div .Logo { width: 330px; height: 88px; background: url(<?= $design ?>/1_Head/logo.png) no-repeat center; }


/* 4. ADVERTISING ---------------------------------------------------------------------------------------*/
	.container > .Head > div .Ad { margin-top: 10px; margin-right: 40px; }


/* 5. LANGUAGE ---------------------------------------------------------------------------------------*/
	.container > .Head > div .Lang { margin-top: 4px; }
			.container > .Head > div .Lang a { 
				 width: 26px; height: 19px; display: block;
				 padding: 0 10px; padding-top: 2px;
				 background: url(<?= $design ?>/icons/lang.png) no-repeat top center;
			}
			.container > .Head > div .Lang a:hover { background-image: url(<?= $design ?>/icons/lang.png); }
			.container > .Head > div .Lang a.sel { background-image: url(<?= $design ?>/icons/lang.png); }


/* 6. LOGIN ---------------------------------------------------------------------------------------*/
	.container > .Head > div .Login { 
		width: 264px; height: 168px;
		margin-top: 11px; padding-left: 10px;
		background: url(<?= $design ?>/1_Head/login.png) no-repeat top left;
	}