/*
 *	CSS Shoe-be-do
 *	Main layout
 *
 */

* {
	margin: 0;
	padding: 0;
	font-family: Arial, sans-serif;
	font-size: 12px;
}

/* Privremeni preview */
	div.preview {
		text-align: center;
		background: gray;
		padding: 10px;
		border-bottom: 1px solid black;
		color: white;
	}
	
	div.preview  ul{
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
	div.preview ul li { 
		display: inline;
		margin-left: 10px;
	}

/*	:: Tags
*/

body.red { background: url(/images/bodyBack.jpg) top center repeat-x #790005; }
body.black { background: url(/images/bodyBack-black.jpg) top center repeat-x #181816; }

img, a img {
	border: none;
	margin: 0;
	padding: 0;
}

h1.logo {
	height: 122px;
	line-height: 20000px;
	overflow: hidden;
}

h1.logo a {
	position: absolute;
	top: 0px;
	left: 0px;
}

fieldset {
	border: none;
	margin: 0;
	padding: 0;
}

ul, li { list-style: none; }

h3 { 
	font-family: Georgia, serif;
	font-weight: bold;
	text-decoration: none;
	color: #A10A00;
	cursor: hand; 
}

a, a:link, a:visited  {
	font-family: Georgia, serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #A10A00;
}

a:hover{
	color: #000;
}
	
/*	:: Wrapper & Container
*/
#wrapper {
	position: relative;
	float: left;
	width: 100%;
	min-width: 1024px;
}

#wrapper.red { background: url(/images/back.png) center 44px repeat-x; }
#wrapper.black { background: url(/images/back-black.png) center 44px repeat-x; }

#container {
	position: relative;
	float: left;
	width: 1000px;
	margin: 0 0 0 -500px;
	left: 50%;
	
}

/*	:: User Panel
*/
#userPanel {
	position: relative;
	float: left;
	width: 100%;
	min-width: 100%;
	height: 44px;
	font-size: 11px;
	color: #FFF;
	text-align: center;
	overflow: hidden;
}

#userPanel.red { background: url(/images/topPanel2.png) top center repeat-x; }
#userPanel.black { background: url(/images/topPanel2-black.png) top center repeat-x; }

	#userPanel ul, #userPanel ul  li  {
		position: relative;
		float: left;
		list-style: none;
	}
	
	#userPanel ul.standard {
		width: 791px; /*+ 211 form*/
		margin: 0 50% 0 -501px;
		left: 50%;
	}
	
	#userPanel ul.standard2 {
		width: 761px;
		margin: 0 50% 0 -486px;
		left: 50%;
	}
	
	div.panelWrap {
		position: relative;
		float: left;
		width: 1000px;
		margin: 0 0 0 -500px;
		left: 50%;
	}
	
	#userPanel ul.shop {
		float: right;
		padding: 0 10px 0 0;
	}

	#userPanel ul  li  {
		position: relative;
		float: left;
		padding: 10px 15px 10px 12px;
		text-align: left;
		margin: 0;
		line-height: 22px;
		font-size: 11px;
		overflow: hidden;
		background: url(/images/panelBreak.gif) right center no-repeat;
	}
	
	#userPanel ul  li.last { background: none; }
	#userPanel ul.shop li.last { width: 242px; }
	
	#userPanel ul  li.prijaviSe { width: 330px; }
	#userPanel ul  li.prijaviSe2 { width: 300px; }
	#userPanel ul li.locator { width: 185px; }
	#userPanel ul  li.kosarica { width: 195px; }
	
	#userPanel ul li a, a.buttonLink, a.buttonLink:link, a.buttonLink:visited, a.buttonLinkBig, a.buttonLinkBig:link, a.buttonLinkBig:visited {
		font-family: Georgia, serif;
		font-weight: bold;
		font-size: 11px;
		line-height: 14px;
		padding: 5px 1px 6px 0;
		text-align: center;
		text-decoration: none;
		color: #A10A00;
	}
	a.buttonLinkBig, a.buttonLinkBig:link, a.buttonLinkBig:visited { 
		font-size: 14px;
		line-height: 18px;
		padding: 5px 0 9px 0;
	}
	
	/*#userPanel ul  li  a, #userPanel ul  li  a:link, #userPanel ul  li  a:visited { padding: 4px 10px 6px 10px; }*/
	
	a.buttonLink:hover, a.buttonLinkBig:hover, #userPanel ul  li  a:hover {
		color: #000;
	}
	#userPanel ul li span {
		position: relative;
		float: left;
		font-size: 11px;
		line-height: 22px;
		overflow: hidden;
	}
	#userPanel ul li.prijaviSe2 span {
		text-align: right;
		width: 87px;
	}
	#userPanel ul.shop li span {
		display: inline;
		float: none;
	}
	
	#userPanel ul li a {
		position: relative;
		float: right;
		bottom: auto;
		left: auto;
	}
	#userPanel ul li a.decline { width: 241px; background: url(/images/decline.png) center no-repeat; }
	#userPanel ul li a.registrirajSe { width: 106px; background: url(/images/registrirajSeLink.png) center no-repeat; }
	#userPanel ul li a.pomoc { width: 61px; background: url(/images/pomocLink.png) center no-repeat; }
	#userPanel ul li a.kosarica { width: 76px; background: url(/images/kosaricaLink.png) center no-repeat; }
	#userPanel ul li a.prijaviSe { float: left; left: 15px; width: 78px; background: url(/images/prijaviSe.png) center no-repeat; }
	#userPanel ul li a.mojaStranica { width: 106px; background: url(/images/registrirajSeLink.png) center no-repeat; }
	#userPanel ul li a.locator { width: 164px; padding-left: 16px; background: url(/images/locator.png) center no-repeat; }
	#userPanel ul  li.kosarica a { float: left; margin-right: 10px; }
	
#searchForm {
	position: relative;
	float: left;
	padding-left: 15px;
	width: 196px;
	height: 44px;
}
	#searchForm fieldset {
		margin: 0;
		padding: 0;
		border: none;
		width: auto;
	}

	#searchForm input {
		position: relative;
		float: left;	
		width: 97px;
		height: 17px;
		padding: 1px 3px 0 3px;
		margin: 13px 0 9px 0;
		border: 1px solid #F5C714;
		background: #000;
		color: #F5C714;
	}
	
	#searchForm input.button {
		position: relative;
		float: left;	
		width: 70px;
		height: auto;
		padding: 6px 0 7px 10px;
		font-size: 11px;
		line-height: 14px;
		margin: 10px 0 0 10px;
		border: none;
		font-family: Georgia, serif;
		font-weight: bold;
		font-size: 11px;
		line-height: 14px;
		text-decoration: none;
		color: #A10A00;
		background: url(/images/traziButton.png) left center no-repeat;
	}
	
	#searchForm input.button:hover { color: #000;}

/*	:: Header [, Navigation & Breadcrumbs]
*/
#header {
	position: relative;
	float: left;
	width: 100%;
	min-width: 100%;
	height: 200px;
	background: url(/images/breadcrumbsBack.png) bottom center no-repeat;
	color: #FFF;
	z-index: 19;
}

#logo {
	position: relative;
	float: left;
	margin: 38px 0 0 41px;
}

ul#navigation {
	position: absolute;
	width: 491px;
	bottom: 88px;
	right: 34px;
	list-style: none;
	z-index: 21;
}
	
	ul#navigation li {
		top: 0px;
		position: absolute;
	}
	
	ul#navigation li.active { 
		background: url(/images/navArrow.png) bottom center no-repeat; 
		height: 58px;
	}
	
	ul#navigation li.nav1 { left: 0px; }
	ul#navigation li.nav2 { left: 108px; }
	ul#navigation li.nav3 { left: 254px; }
	ul#navigation li.nav4 { left: 383px; }
	
	ul#navigation li.last{ margin-right: 0; }
	
	ul#navigation li.navHover a, ul#navigation li.navHover a:link, ul#navigation li.navHover a:visited, ul#navigation li.navHover a:hover {
		color: #A10A00;
		font-size: 11px;
		line-height: 12px;
		text-decoration: none;
	}
	
	ul#navigation li a.nav, ul#navigation li a.nav:link, ul#navigation li a.nav:visited, ul#navigation li a.nav:hover {
		position: relative;
		float: left;
		display: block;
		height: 43px;
		top: 0px;
		left: 0px;
		line-height: 2000px;
		overflow: hidden;
		font-size: 22px;
		font-weight: bold;
		text-decoration: none;
		color: #F6C700;
		z-index: 5;
	}
	
	ul#navigation li a.navKupi, ul#navigation li a#navKupi { width: 63px; background: url(/images/navKupi.png) top left no-repeat; }
	ul#navigation li a.navUpoznaj, ul#navigation li a#navUpoznaj { width: 101px; background: url(/images/navUpoznaj.png) top left no-repeat; }
	ul#navigation li a.navSaznaj, ul#navigation li a#navSaznaj { width: 84px; background: url(/images/navSaznaj.png) top left no-repeat; }
	ul#navigation li a.navSudjeluj, ul#navigation li a#navSudjeluj { width: 105px; background: url(/images/navSudjeluj.png) top left no-repeat; }
	
	/*	JQuery navigation effect CSS */
	ul#navigation li.navHover {
		position: absolute;
		top: 0;
		margin-left: -55px;
		height: 43px;
		width: 211px;
		z-index: 10;
		background: none;
	}
	
	ul#navigation li p {
		z-index: 0;	
		position: absolute;
		left: 0;
		top: 0;
		height: 0px;
		overflow: hidden;
		width: 0px;
	}
	ul#navigation li p#navKupi { background: url(/images/navHoverBack1.png) 50px 50px no-repeat; z-index: 0; }
	ul#navigation li p#navUpoznaj { background: url(/images/navHoverBack2.png) 50px 50px no-repeat; z-index: 0; }
	ul#navigation li p#navSaznaj { background: url(/images/navHoverBack3.png) 50px 50px no-repeat; z-index: 0; }
	ul#navigation li p#navSudjeluj { background: url(/images/navHoverBack4.png) 50px 50px no-repeat; z-index: 0; }
	
	ul#navigation li.navHover p#navKupi { background: url(/images/navHoverBack1.png) left top no-repeat; }
	ul#navigation li.navHover p#navUpoznaj { background: url(/images/navHoverBack2.png) left top no-repeat; }
	ul#navigation li.navHover p#navSaznaj { background: url(/images/navHoverBack3.png) left top no-repeat; }
	ul#navigation li.navHover p#navSudjeluj { background: url(/images/navHoverBack4.png) left top no-repeat; }
	
	ul#navigation li.navHover a.nav, ul#navigation li.navHover a.nav:link, ul#navigation li.navHover a.nav:visited, ul#navigation li.navHover a.nav:hover {
		top: 25px;
		left: 25px;
		background-position: left -43px;
		height: 160px;
		width: 160px;
	}
	
	ul#navigation li.navHover p {
		top: 0px;
		height: 144px; /*211*/
		width: 161px; /*211*/
		padding: 67px 25px 0 25px;
	}
	
	ul#navigation li.navHover p a {
		font-family: Arial, sans-serif;
		font-size: 11px;
		font-weight: normal;
		display: block;
	}

#breadcrumbs {
	position: absolute;
	bottom: 0px;
	left: 40px;
	height: 12px;
	padding: 0 0 10px 0;
	width: 800px;
	background: #000;
}
	#breadcrumbs ul, #breadcrumbs li {
		list-style: none;
		position: relative;
		float: left;
	}
	
	#breadcrumbs li {
		margin-left: 5px;
		padding-left: 10px;
		background: url(/images/listArrowBW.jpg) left -1px no-repeat;
	}
	
	#breadcrumbs li.first {
		background: none;
		margin-left: 5px;
		padding-left: 0;
	}

	#breadcrumbs li a, #breadcrumbs li a:link, #breadcrumbs li a:visited {
		font-family: Georgia;
		font-size: 11px;
		font-weight: bold;
		text-decoration: none;
		color: #F6C700;
	}
	
	#breadcrumbs li a:hover {
		color: #FFF;
	}


.breadcrumbsText {
	font-size: 11px;
	position: relative;
	float: left;
}

.flashHolder1 {
	position: absolute;
	bottom: 30px;
	left: 45px;
	width: 430px;
	height: 50px;
	background: maroon;
	color: #FFF;
}

/*	:: Content
*/
#content {
	position: relative;
	float: left;
	width: 940px;
	padding: 0 30px;
	background: url(/images/contentShadowFill2.png) center top repeat-y;
}

/*	:: Footer
*/
#footer {
	position: relative;
	float: left;
	width: 100%;
	min-width: 1024px;
	height: 100px;
}

#footer.red { background: url(/images/bottomLine.jpg) top center repeat-x; }
#footer.black { background: url(/images/bottomLine-black.jpg) top center repeat-x; }

	#footer ul {
		display: block;
		position: absolute;
		float: left;
		width: 935px;
		padding: 0 30px 0 35px;
		margin: 0 0 0 -500px;
		left: 50%;
		list-style: none;
		background: url(/images/footerBack.png) center top no-repeat;
	}
	
	#footer ul li {
		display: inline;
		padding: 10px 13px 10px 6px;
		line-height: 44px;
		background: url(/images/footerBreak.png) right center no-repeat;
	}
	
	#footer ul li.last { background: none; }
	
	#footer ul li a, #footer ul li a:link, #footer ul li a:visited {
		font-family: Georgia, serif;
		font-weight: bold;
		font-size: 11px;
		text-decoration: none;
		color: #A10A00;
	}
	
	#footer ul li a:hover {
		color: #000;
	}
	
#rights {
	position: absolute;
	float: left;
	width: 920px;
	height: 50px;
	padding: 10px 40px 0 40px;
	margin: 0 0 0 -500px;
	top: 44px;
	left: 50%;
	clear: left;
	font-size: 11px;
	color: #919191;
	background: url(/images/footerBottom.png) center top no-repeat;
}

	img.wulfSport {
		position: absolute;
		top: 5px;
		right: 39px;
	}

/*	:: Pages
*/

.contentLayout {
	position: relative;
	float: left;
	width: 940px;
	height: 700px;
	background: gray;
}

/*marko add ons*/

.flashHolder1 {
	background: none;
}

div#header a.nosis {
  text-indent: -9999px;
  font-size: 0;
  overflow: hidden;
  display: block;
  position: absolute;
  top: 37px;
  right: 66px;
  width: 438px;
  height: 45px;
  background: url(/images/nosis.jpg) 0 0 no-repeat;
}

div#header a.nosis:hover {
  background: url(/images/nosis.jpg) 0 -45px no-repeat;
}