/*NAPOMENA - Dodavanje "display:inline;" u svaki element koji sazdrži float je bugfix za IE6*/

@media screen, projection {

	* {
		padding: 0;
		margin: 0;
		border: 0;
	}

	body {
		background-color:#510000;
		background-image:url('elements/bg.png');
		background-repeat:repeat-y;
		background-position:center;
	}

	/*PARAGRAF STILOVI*/

	p {
		line-height:125%;
		font-family:Georgia,"Times New Roman",Serif;
		color:#666;
		font-size:11pt;
		text-align:justify;
		margin:6pt 0;
		text-indent:45pt;
	}

	.left, .right, .centered {clear:both;text-indent:0;}

	.left {text-align:left;}
	.right {text-align:right;}
	.centered {text-align:center;}

	.menu-text, .choice-visited, .sponsor-type {
		text-indent:0;
		font-family:"Lucida Grande","Trebuchet MS","Helvetica",Sans-Serif;
		font-size:13.5pt;
		text-shadow: #e5e5e5 0px 0px 5px;
	}

	.menu-text, .sponsor-type {
		line-height:100%;
		color:#666;
		text-align:left;
	}
	
	.sponsor-type {
		display:block;
		width: 120px;
		margin:30px 40px 5px 0px;
		text-align:center;
		text-decoration:none;
	}

	.choice-visited {
		margin:0 0 0 16px;
		line-height:125%;
		color:#999;
		text-align:left;
	}

	/*LINK STILOVI*/

	a, a:visited	{color:#666;}
	a:hover			{color:#b10000;}

	.choice {
		margin-left:16px;
		display:list-item;
		line-height:125%;
		font-family:"Lucida Grande","Trebuchet MS","Helvetica",Sans-Serif;
		color:#cacacc;
		font-size:13.5pt;
		text-shadow: #e5e5e5 0px 0px 5px;
		text-decoration: none;
	}

	.choice:visited {color:#cacacc;}
	.choice:hover	{color:#b10000;}
	.choice:active	{color:#610000;}

	#lang-selected-en, #lang-selected-hr, #lang-selector-en, #lang-selector-hr {
		background:url('elements/lang-selector.png');
		float:left;
		display:block;
		width:50px;
		height:90px;
	}

	#lang-selected-en, #lang-selected-hr {cursor:default; margin-bottom:5px;}

	#lang-selected-en {background-position:-2px 0;}
	#lang-selected-hr {background-position:-162px 0;}

	#lang-selector-en {background-position:-56px 0;}
	#lang-selector-hr {background-position:-216px 0;}

	#lang-selector-en:hover {background-position:-109px 0;}
	#lang-selector-hr:hover {background-position:-269px 0;}

	/*OSTALI STILOVI*/

	.divider-horizontal, .divider-horizontal-2 {
		background:url('elements/dividers-horizontal.png');
		background-repeat:no-repeat;
		width:500px;
		height:30px;
		display:block;
		margin:30px 0;
		clear:both;
	}

	.divider-horizontal		{background-position:0 0;}
	.divider-horizontal-2	{background-position:0 -30px;}

	/*NASLOV STILOVI*/

	h1 {
		display:block;
		clear:both;
		margin-bottom:20px;
		font-family:Georgia,"Times New Roman",Serif;
		color:#cacacc;
		font-size:24pt;
		text-align:center;
		font-weight:normal;
	}

	/*LAYOUT*/

	#wrapper {
		width:900px; /*Rjesenje bug-a u Firefox-u 3, gdje odabiranje jezika bjezi 1px udesno*/
		margin:0 auto;
		background-image:url('elements/content-bg.png');
		background-repeat:repeat-y;
		background-position:center;
	}

	#header-en, #header-hr {
		background-image:url('elements/header-footer.png');
		height:200px;
		background-repeat:no-repeat;
	}

	#header-en {background-position:0 0;}
	#header-hr {background-position:-900px 0;}

	#footer {
		clear:both;
		height:50px;
		background-image:url('elements/header-footer.png');
		background-repeat:no-repeat;
		background-position:0 -200px;
	}

	#stupac-lijevi, #stupac-desni {
		display:inline; /*IE6 BUGFIX*/
		padding-top:40px;
		float:left;
		width:50px;
	}

	#sadrzaj {
		display:inline; /*IE6 BUGFIX*/
		float:left;
		width:800px;
		padding-top:20px;
	}

	#menu, #menu-hr {
		display:inline; /*IE6 BUGFIX*/
		background-position:top right;
		background-repeat:no-repeat;
		padding:20px 15px 10px 50px;
		width:160px;
		float:left;
	}

	#menu		{background-image:url('elements/divider-vertical.png');}
	#menu-hr	{background-image:url('elements/divider-vertical-hr.png');}

	#text {
		padding:20px 0;
		display:inline; /*IE6 BUGFIX*/
		margin-right:45px;
		float:right;
		width:500px;
	}

}

@media print {
	* { background: #fff; color: #000; }

	body {
		padding:20px 80px;
		border-top:1px solid gray;
	}

	img {
		page-break-before:avoid;
		page-break-inside:avoid;
		width:100%;
		height:auto;
		padding:20px 0;
	}

	h1 {
		clear:both;
		page-break-after:avoid;
		text-align:center;
	}

	p {
		margin:6px 0 0 0;
		font-size:12pt;
		text-align:justify;
		page-break-inside:avoid;
	}

	.centered {text-align:center;}

	.divider-horizontal, .divider-horizontal-2 {
		clear:both;
		width:100%;
		border-bottom:1px dotted gray;
		margin:25px 0;
	}

	#menu, #menu-hr, #lang-selector-en, #lang-selected-en, #lang-selector-hr, #lang-selected-hr { display: none; }
}