/* CSS Document */

body
{
background-image: url(../images/bg.jpg); background-repeat: repeat-x; background-color:#000000;
}

/* Normalize
----------------------------------------------- */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { font: 100% Arial, Helvetica, sans-serif; margin: 0; font-weight: normal; }
ol, ul { list-style: none; }
address, caption, cite, code, dfn, th, var { font-style: normal; font-weight: normal; }
table { font-size: inherit; border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
caption, th { text-align: left; }
q:before, q:after { content:''; }
hr { display: none; }
legend { display: none; }

/* Styles
----------------------------------------------- */
.clr { clear: both; }
* { margin: 0; padding: 0; }
a:focus { outline: none; }


/* Sve
----------------------------------------------- */

#container { width: 1024px; color:black;  text-align: left; }



#studio {width:1024px;height:109px;margin-left:0px;margin-top:5px;outline:none;text-decoration:none;
}


#middle_top { float: left; width: 1024px; margin-left: 0px; }



ul#nav { position: relative; margin-top: 0px; height: 31px; }
    ul#nav li { display: inline; float: left; }
    ul#nav li a span { position: absolute; left: -9999em; }
	
    ul#nav li.nis1  { background: url(../images/b_02.jpg) no-repeat ; display: block; width: 103px; height: 31px;  }
	ul#nav li.onama a { background:  url(../images/onama.jpg) no-repeat -143px 0; display: block; width: 143px; height: 31px;  }
	ul#nav li.nasaulja a { background: url(../images/nasaulja.jpg) no-repeat -154px 0; display: block; width: 154px; height: 31px;  }
	ul#nav li.uljara a { background: url(../images/uljara.jpg) no-repeat -127px 0; display: block; width: 127px; height: 31px;  }
    ul#nav li.fotogalerija a {  background: url(../images/fotogalerija.jpg) no-repeat -182px 0; display: block; width: 182px; height: 31px;   }

    ul#nav li.hrvatski a {  background: url(../images/news.jpg) no-repeat ; display: block; width: 142px; height: 31px; background-color:#343402;   }
    ul#nav li.engleski  a{  background: url(../images/b_09.jpg) no-repeat ; display: block; width: 84px; height: 31px;  background-color:#343402;   }
	
 
	ul#nav li.onama a:hover,   
	ul#nav li.nasaulja a:hover,
    ul#nav li.uljara a:hover,
    ul#nav li.fotogalerija a:hover
{ background-position: left 0; }
	
	ul#nav li.onama a#selected { background:  url(../images/onama.jpg) no-repeat ; display: block; width: 143px; height: 31px;  }
	ul#nav li.nasaulja a#selected { background: url(../images/nasaulja.jpg) no-repeat; display: block; width: 154px; height: 31px;  }
	ul#nav li.uljara a#selected { background: url(../images/uljara.jpg) no-repeat ; display: block; width: 127px; height: 31px;  }
    ul#nav li.fotogalerija a#selected {  background: url(../images/fotogalerija.jpg) no-repeat ; display: block; width: 182px; height: 31px;   }


	
	
	

	ul#nav li.aboutus a { background:  url(../images/aboutus.jpg) no-repeat -148px 0; display: block; width: 148px; height: 31px;  }
	ul#nav li.ouroils a { background: url(../images/ouroils.jpg) no-repeat -147px 0; display: block; width: 147px; height: 31px;}
	ul#nav li.oilmill a { background: url(../images/oilmill.jpg) no-repeat -134px 0; display: block; width: 134px; height: 31px;  }
    ul#nav li.photogallery a {  background: url(../images/photogallery.jpg) no-repeat -182px 0; display: block; width: 182px; height: 31px;   }

 ul#nav li.hrvatskieng a {  background: url(../images/news.jpg) no-repeat ; display: block; width: 142px; height: 31px; background-color:#343402;   }
    ul#nav li.engleskieng  a{  background: url(../images/b_09.jpg) no-repeat ; display: block; width: 79px; height: 31px;  background-color:#343402;   }
	
 
	ul#nav li.aboutus a:hover,   
	ul#nav li.ouroils a:hover,
    ul#nav li.oilmill a:hover,
    ul#nav li.photogallery a:hover{ background-position: left 0; }
	
	ul#nav li.aboutus a#selected { background:  url(../images/aboutus.jpg) no-repeat; display: block; width: 148px; height: 31px;  }
	ul#nav li.ouroils a#selected { background: url(../images/ouroils.jpg) no-repeat ; display: block; width: 147px; height: 31px;}
	ul#nav li.oilmill a#selected { background: url(../images/oilmill.jpg) no-repeat ; display: block; width: 134px; height: 31px;  }
    ul#nav li.photogallery a#selected {  background: url(../images/photogallery.jpg) no-repeat; display: block; width: 182px; height: 31px;   }


	

	.slikaglavna  { margin-top:0px; background: url(../images/b_10.jpg) no-repeat ; display: block; width: 570px; height: 387px;  }
	.popisisti {  margin-left:570px; margin-top:-387px; background:  url(../images/b_11.jpg) no-repeat ; display: block; width: 241px; height: 387px;  }.popisistieng {  margin-left:570px; margin-top:-387px; background:  url(../images/c_11.jpg) no-repeat ; display: block; width: 241px; height: 387px;  }
	.kontaktdesno {  margin-left:781px; margin-top:-387px;  font-size: 100%; line-height: 1.3em; color:#f4f4f4; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; background: url(../images/b_12.jpg) no-repeat ; display: block; width: 250px; height: 387px;  }
.kontaktdesno a { text-decoration:none; color:white; }
.kontaktdesno a:hover { text-decoration:none; color:black; background: #cccc33; }

	.kontaktdesnoeng {  margin-left:781px; margin-top:-387px;  font-size: 100%; line-height: 1.3em; color:#f4f4f4; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; background: url(../images/b_12.jpg) no-repeat ; display: block; width: 320px; height: 387px;  }
.kontaktdesnoeng a { text-decoration:none; color:white; }
.kontaktdesnoeng a:hover { text-decoration:none; color:black; background: #cccc33; }

#uljarakontakt  { text-decoration:none; color:white !important; }
#uljarakontakt a { text-decoration:none; color:white !important;  }
#uljarakontakt a:hover { text-decoration:none; color:black !important; background: #cccc33; }

#king {  width: 1024px; float: left; padding-top: 0px; font-size: 100%; line-height: 1.3em; color:#f4f4f4; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold;}
    #content {  text-align:justify; background: url(../images/b_13.jpg) repeat-y; padding: 0px 0px 0px 15px; width:780px; }

	
#content a {  color:black;background: black; text-decoration: none; font-weight: bold;  }


	.podnaslov{font-size:18px; font-weight:bold;}

	
	.naslov{background-color:#cccc33; color:black; font-weight:bold;}

	
		.naslovmargerita{background-color:#c4c043; color:black; font-weight:bold;}
			.naslovseline{background-color:#edd925; color:black; font-weight:bold;}
				.naslovgorlato{background-color:#a5238f; color:black; font-weight:bold;}
		
		

	.glavninaslov{font-size:18px; background-color:#cccc33; color:black; }
	.glavninaslov:hover {font-size:18px; background-color:black; color:#cccc33; }
	#slmaslinici{  margin-top:0px; background: url(../images/slmaslinici.jpg) no-repeat ; display: block; width: 570px; height: 387px; }
	#slmaslinovo{ margin-top:0px;  background: url(../images/slmaslinovo.jpg) no-repeat ; display: block; width: 570px; height: 387px; }
	#slonama{  margin-top:0px; background: url(../images/slonama.jpg) no-repeat ; display: block; width: 570px; height: 387px; }
	#slpodrum{  margin-top:0px; background: url(../images/slpodrum.jpg) no-repeat ; display: block; width: 570px; height: 387px; }
	#slnovosti{  margin-top:0px; background: url(../images/slnovosti.jpg) no-repeat ; display: block; width: 570px; height: 387px; }
	
	#kontzaorderiwebmail
	
	{
	
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold;
	border:0;
	width:213px;
	height:32px; 
margin-top:8px;
	
	}

	.webmail
	
	{ padding-left:35px;margin-left:30px;background-image:url(../images/webmail.jpg); background-repeat:no-repeat; width:213px; height:32px;}
	

		.order
	
	{ padding-left:35px; margin-top:5px; margin-left:30px;background-image:url(../images/order.jpg); background-repeat:no-repeat; width:213px; height:30px;}
	
	.txt{padding-top:5px;}
	

	
	#news1{background-image:url(../images/news1.jpg); background-repeat:no-repeat; width:140px; height:140px; display:block; float:left;}
	
	#news2{background-image:url(../images/news2.jpg); background-repeat:no-repeat; width:140px; height:140px; display:block; float:left;}
	#news3{background-image:url(../images/news3.jpg); background-repeat:no-repeat; width:140px; height:140px; display:block; float:left;}
	#news4{background-image:url(../images/news4.jpg); background-repeat:no-repeat; width:140px; height:140px; display:block; float:left;}
	#news5{background-image:url(../images/news5.jpg); background-repeat:no-repeat; width:140px; height:140px; display:block; float:left;}
	#news6{background-image:url(../images/news6.jpg); background-repeat:no-repeat; width:140px; height:140px; display:block; float:left;}	#news7{background-image:url(../images/news7.jpg); background-repeat:no-repeat; width:140px; height:140px; display:block; float:left;}
	
	#footer2{	margin-top:0px;  display: block; width: 780px; height: 209px;}