/*-------Gold rules------------*/
*{margin:0; padding:0;}
#preload{background:url(slike/loading.gif) no-repeat 0 0;}
ul{margin-left:2em;}
p{margin-bottom:1em;}
img{border:0;}
/*--End of Gold rules----------*/

body{
	background-color:#4D4E2C;
	color:#fff;
	font:11px/1.2 Arial, Helvetica, sans-serif;
}
p{font-size:11px;}
h2{

	font-size:21px; 
	font-weight:normal;
	margin-left:20px;
	line-height:.9em;
	margin-bottom:1.2em;
	color:#70664a;
}

a{color:#999;}
#container{background-color:#fff; color:#666;}
#container{
	width:850px;
	margin:50px auto 0;
	position:relative;

}
#header{height:153px;}
#logo{
	position:absolute;
	top:20px;
	left:20px;
}
#logo a{
	display:block;
	text-indent:-999em;
	background:url(slike/logo.gif) no-repeat 0 0;
	width:141px;
	height:52px;

}
#nav1,#nav2, #nav3{
	list-style:none;
	margin:0;
	padding:0;
	clear:left;
	text-align:right;
	position:absolute;
	right:20px;
}
#nav1{top:20px;}
#nav2{top:60px;}
#nav3{top:80px; padding-right:100px;}

#nav1 li, #nav2 li,#nav3 li{
	display:block;
	float:left;
	color:#999;
}

#nav1 a, #nav2 a,#nav3 a{

	text-decoration:none;
	text-transform:uppercase;
	padding:2px 8px;
}

#nav3 a{text-transform:lowercase; backgound-color:#000;}
#nav1 a:hover, #nav2 a:hover, #nav3 a:hover{
text-decoration:underline;
}
#content{
	height:270px;
	padding:0 20px;
	background:url(slike/home.jpg) no-repeat 0 0;
	
}
#onama #content{background-image:url(slike/onama.jpg);}
#n-proizvodi #content{background-image:url(slike/proizvodi.jpg);}
#proizvodi #content{background:#fff; position:relative;}
#main-txt{
	width:332px;
	height:246px;
	padding-top:20px;
	float:right;
	background-color:#E7E8C8;
}

#home #main-txt{background:#E7E8C8 url(slike/logo2.gif) no-repeat 50% 200px;}
#onama #main-txt h2{ height:14px;}


#vinogradi #main-txt,#vinogorje #main-txt{width:498px}
#kontakt #main-txt{width:498px;}




#proizvodi #main-txt{width:606px; height:270px; padding:0; background-color:#fff;}
#proizvodi #ovinu{width:154px; height:250px; float:left; padding-top:20px; position:relative;}
#proizvodi #opis{width:282px; height:250px; float:left; padding-top:20px;}
#proizvodi #ovinu #sub{position:absolute; bottom:0;}
#proizvodi #ovinu #sub ul{list-style:none; font-weight:bold; margin-bottom:1em;}
#main-txt #vslika{float:left; width:170px; height:270px; text-align:center;}



#proizvodi #ovinu, #proizvodi #opis, #proizvodi #ovinu h2{color:#eee;}
#proizvodi #ovinu h2{font-size:18px;}
#proizvodi.v1 #ovinu{background-color:#5F6364;}
#proizvodi.v1 #opis{background-color:#4E4E4E;}

#proizvodi .hide{visibility:hidden;}

#proizvodi.v2 #content{padding:0; margin:0 20px;}

#proizvodi.v2 #main-txt, #proizvodi.v2 #content{background-color:#000;}
#proizvodi.v2 #ovinu{background-color:#D78EA1;}
#proizvodi.v2 #opis{background-color:#D0708B;}

#proizvodi.v3 #ovinu, #proizvodi.v3 #opis, #proizvodi.v3 #ovinu h2{color:#999;}
#proizvodi.v3 #ovinu{background-color:#f6f6f6;}
#proizvodi.v3 #opis{background-color:#f2f2f2;}
#proizvodi.v3 #opis p{display:none;}

#proizvodi #sub{display:none;}
#main-txt p{
	padding:0 14px 0 20px;
	/*font-weight:bold;*/
}

#footer{
color:#999;
margin-top:96px;
clear:both;
text-align:center;
padding-bottom:5px;
}

#p-nav1{width:170px;}
#p-nav1 li.last, #p-nav1 li.b-last{margin-top:1em;}
#p-nav1{list-style:none; margin-left:0;}
#p-nav1 a{text-decoration:none;}
#p-nav1 li{float:left; width:80px; text-align:center;}
#p-nav1 a, #p-nav1 span{display:block;}

#n-proizvodi #main-txt{background-color:#4D4E2C; color:#4D4E2C;}
#n-proizvodi #main-txt h2{color:#F4F7A9;}
#nav-p{list-style:none; margin-top:80px;}
#nav-p a{color:#fff; text-decoration:none; display:block; padding:8px 0; height:1%;}



/*-----------------------------------------------------------------------------*/

#main-txt table{margin:0 auto;}
#main-txt table td{padding:1px 0; vertical-align:top;}
#main-txt table input {font-size:10px;}
#main-txt table td.c1{font-weight:bold; width:109px; text-align:right; padding-right:10px;}


#main-txt table tr.border-b td{border-bottom:1px solid #fff; padding-bottom:0.5em;}
#main-txt table tr.pt10 td{padding-top:0.5em;}

#main-txt #btn-o{float:left; font-size:11px; padding:0 2px;}
#main-txt #btn-p{float:right; font-size:11px;  padding:0 2px;}



/*---------------------KONTAKT -------------------------*/
#kon ul{list-style:none; padding:0;}
#kon h3{margin-bottom:1em; margin-left:20px;}
.mb10{margin-bottom:1em;}
#kon ul em{font-style:normal; width:40px; display:block; float:left;}
#kon a{color:#333;} 
#kon a:hover{text-decoration:none;}


/*---------------------ACTIVE PAGE-------------------------------------*/

#gdjesmo #nav1 #n1-1,
#kontakt #nav1 #n1-2,
#onama #nav2 #n2-1,

#n-proizvodi #nav2 #n2-2, #proizvodi #nav2 #n2-2,

#proizvodi.v1 #nav3 #n3-1,
#proizvodi.v2 #nav3 #n3-2,
#proizvodi.v3 #nav3 #n3-3,

#vinogradi #nav2 #n2-3,
#vinogorje #nav2 #n2-4{
color:#990000;
}