* {
  margin: 0;
  padding: 0;
}

html, body {
  height: 100%; /* Required */
}

body {
  font: 12px Arial, sans-serif;
  text-align: center;
}

h1 {
  font: bold 12px Verdana, sans-serif;
}

h2 {
  padding: 1em 0 .2em 0;
  font: normal 18px/1.5em Arial, sans-serif;
}

p {
  margin: 2em 0;
  line-height: 1.5em;
}

a {
  color: #999;
  font-weight: bold;
  text-decoration: none;
}

a:hover {
  color: #666;
  text-decoration: none;
}

#container-page {
  margin: 0 auto;
  width: 100%;
  text-align: left;
  position: relative;
  min-height: 100%; /* For Modern Browsers */
  height: auto !important; /* For Modern Browsers */
  height: 100%; /* For IE */
}

#container-head {
  height:190px; background: #d42f20 url(../images/head_bg.jpg) repeat-x;
}

#header { position: absolute; left:50%; width: 828px; height:180px; top:0; margin-left:-349px; background: url(../images/header.jpg) top center no-repeat; z-index: 8000; }

#footer { position: absolute; left:50%; width: 906px; height:80px; margin-top:10px; margin-left:-429px; background: url(../images/footer.jpg) bottom center no-repeat; }

#head {
  padding: 1em;
}

#moravica {
	width:245px;
	height:52px;
	position: absolute;
	left:50%;
	margin-left:-341px;
	clear:both;
	margin-top:60px;
	z-index: 8001;
}

#goodfood {
	width:159px;
	height:62px;
	position: absolute;
	left:50%;
	margin-left:-328px;
	clear:both;
	margin-top:-28px;
	z-index: 8002;
}

#potpis {
	position: absolute;
	font-size:11px;
	left:50%;
	margin-left:-125px;
	clear:both;
	margin-top:30px;
	z-index: 8002;
	color:white;
}

#container-content {
  padding: 0 2em 40px 2em;
}

#container-content:after {
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

#content-pri {
	position: relative;
	width: 700px;
	left:50%;
	margin-left:-350px;
	margin-top:30px;
	min-height:450px !important;
}

#slika {
	width:670px;
	text-align:right;
	position:absolute;
	vertical-align:middle;
	top:0;
	bottom:0;
	margin:auto;
	z-index:1001;
}

#medalja {
	text-align:right;
	height:72px;
	font-size:10px;
	padding-top:16px;
	font-weight:bold;
	line-height:12px;
	vertical-align:middle;
	float:right;
	padding-right:80px;
	background:url(../images/medalja.jpg) top right no-repeat;
	margin:auto;
	z-index:1005;
}

#medalja_levo {
	text-align:left;
	height:72px;
	font-size:10px;
	padding-top:16px;
	font-weight:bold;
	line-height:12px;
	vertical-align:middle;
	float:left;
	padding-left:80px;
	background:url(../images/medalja.jpg) top left no-repeat;
	margin:auto;
	z-index:1005;
}

#kontejner {
	width:700px;
	margin-bottom:20px;
}

#desno-slika {
	float:right;
	padding-left:15px;
}

#content-sec {
  padding: 1em 0;
  width: 20%;
  float: left;
}

#content-sec ul,#content-sec ul li {
  list-style: none none;
}

#container-foot {
  width: 100%;
  position: absolute;
  bottom: 0 !important;
  bottom: -1px; /* For Certain IE widths */
  height: 90px;
  background: #141736 url(../images/footer_bg.jpg) repeat-x;
}

#foot {
  padding: 0 1em;
  line-height: 40px;
}

#meni {
	width:736px;
	height:68px;
	position: absolute;
	left:50%;
	margin-left:-369px;
	clear:both;
	margin-top:112px;
	z-index: 8003;
}

#tabela_levo {
	float: left;
	margin-top:20px;
	margin-right: 30px;
	text-align:left;
	font-weight:bold;
	font-size:10px;
	color:#555555;
}

#tabela_levo2 {
	float: left;
	margin-top:-220px;
	margin-right: 30px;
	text-align:left;
	font-weight:bold;
	font-size:10px;
	color:#555555;
}


.ikonice {
	FILTER: alpha(opacity=100); opacity: 1; border:0; z-index:8500; padding-right:25px; padding-bottom:20px; 
}

.ikonice2 {
	border:0; z-index:8500; padding-right:25px; padding-bottom:20px; 
}

.ikonice:hover {
	FILTER: alpha(opacity=70); opacity: 0.7;
}

#jezik {
	position: absolute; left:50%; width: 128px; height:25px; top:22px; margin-left:252px; z-index: 8006;
}

/********** NAVIGATION **********/
#nav {
	position: relative;
	margin: 0;
	padding: 0;
	width: 736px;
	height: 68px;
	background: url(../images/navigacija.jpg) no-repeat 0 0;
	background-color: #d42f20;
}

#jez {
	position: relative;
	margin: 0;
	padding: 0;
	width: 128px;
	height: 25px;
	background: url(../images/jezik.jpg) 0 0 no-repeat;
	background-color: #d42f20;
}

#jez li {
	float: left;
	padding-right: 0px;
	list-style: none;
}

#jez a {
  	margin: 0;
	padding: 25px 0 0 0;
    height: 0px; 
	display: block;
	overflow: hidden;
}	

#rs {
    left: 0px;
	width: 32px;
	height: 25px;
	margin-right:16px;
}	

#rs a:hover {
    background: url(../images/jezik.jpg) 0 -25px no-repeat;
}

#ru {
    left: -48px;
	width: 32px;
	height: 25px;
	margin-right:16px;
}	

#ru a:hover {
    background: url(../images/jezik.jpg) -48px -25px no-repeat;
}

#en {
    left: -96px;
	width: 32px;
	height: 25px;
}	

#en a:hover {
    background: url(../images/jezik.jpg) -96px -25px no-repeat;
}

#nav li {
	float: left;
	padding-right: 0px;
	list-style: none;
}

#nav a {
  	margin: 0;
	padding: 68px 0 0 0;
    height: 0px; 
	display: block;
	overflow: hidden;
}	

#o_nama {
    left: 0px;
	width: 92px;
	height: 68px;
}	

#o_nama a:hover {
    background: url(../images/navigacija.jpg) 0 -68px no-repeat;
}

#slatke_pite {
    left: -92px;
	width: 84px;
	height: 68px;
}	

#slatke_pite a:hover {
    background: url(../images/navigacija.jpg) -92px -68px no-repeat;
}

#slane_pite {
    left: -176px;
	width: 77px;
	height: 68px;
}	

#slane_pite a:hover {
    background: url(../images/navigacija.jpg) -176px -68px no-repeat;
}

#lisnata_testa {
    left: -253px;
	width: 91px;
	height: 68px;
}	

#lisnata_testa a:hover {
    background: url(../images/navigacija.jpg) -253px -68px no-repeat;
}

#sveze_voce {
    left: -344px;
	width: 79px;
	height: 68px;
}	

#sveze_voce a:hover {
    background: url(../images/navigacija.jpg) -344px -68px no-repeat;
}

#smrznuto_voce {
    left: -423px;
	width: 111px;
	height: 68px;
}	

#smrznuto_voce a:hover {
    background: url(../images/navigacija.jpg) -423px -68px no-repeat;
}

#katalog {
    left: -534px;
	width: 100px;
	height: 68px;
}	

#katalog a:hover {
    background: url(../images/navigacija.jpg) -534px -68px no-repeat;
}

#kontakt {
    left: -634px;
	width: 102px;
	height: 68px;
}	

#kontakt a:hover {
    background: url(../images/navigacija.jpg) -634px -68px no-repeat;
}

/********** SLIDING NAV **********/
#navigation-block {
	position:relative;
	top:30px;
	left:717px;
	width:200px;
	z-index:1000;
}

#hide {
	position:absolute;
	top:-60px;
	left:-190px;
	z-index:5000;
}

ul#sliding-navigation
{
	list-style: none;
	font-size: 12px;
	font-weight:bold;
	margin: 30px 0;
	padding: 0;
}

ul#sliding-navigation li.sliding-element h3,
ul#sliding-navigation li.sliding-element a
{
	display: block;
	width: 80px;
	padding: 5px 18px;
	margin: 0;
	margin-bottom: 5px;
	FILTER: alpha(opacity=60); opacity: 0.6;
	z-index:10;
}

ul#sliding-navigation li.sliding-element h3
{
	color: #fff;
	background:#333 url(../images/heading_bg.jpg) repeat-y;
	font-size:13px;
	font-weight: bold;
}

ul#sliding-navigation li.sliding-element a
{
	color: #999;
	background:#222 url(../images/tab_bg.jpg) repeat-y;
	border: 1px solid #1a1a1a;
	text-decoration: none;
}

ul#sliding-navigation li.sliding-element a:hover { color: #ffff66; }