
*{margin:0; padding:0;}
#preload{background:url(slike/loading.gif) no-repeat 0 0;}
body{
font:11px/1.4 Arial, Helvetica, sans-serif;

}
a{text-decoration:none; font-weight:bold;}
img{border:0;}
ul.nav a, a.strelice{
background:url(slike/st_1.gif) no-repeat 100% 0.3em;
padding-right:10px;
font-weight:bold;
height:1%;

}

.mt10{padding-top:10px;}
.cl{clear:left; background-color:transparent;}
.cr{clear:right;}
.c{clear:both;}
.nav{list-style:none;}


#container{
width:853px;
margin:0 auto;
}
#header{
position:relative;
height:100px;
}
#content{padding-right:230px;padding-bottom:20px;}
#b-vina #content{padding-right:0; padding-bottom:0;}

#content *{margin-left:32px;}
#content * *{margin-left:0;}
body#home #content {margin-left:0; padding:0;}
body#home #content img{margin-left:0; padding:0;}



#b-vina #content *{margin-left:0;}

#rsb{
	width:202px;
	float:right;
	padding:0 0 10px 10px;
  }
body#home #rsb{padding-left:0; width:225px;}


#logo{padding-top:30px;}
#nav2{list-style:none;}
#nav1{
	position:absolute;
	right:0;
	top:0;
}
#nav2{
	position:absolute;
	right:0;
	bottom:10px;

}

#nav1 li{display:block; float:left; }
#nav1 li a{display:block; padding:2px 5px; border-left:1px solid #fff;}



#nav2 li{display:block; float:left; }
#nav2 li a{
	display:block;
	font-weight:bold;
	padding:4px 10px;
	background:url(slike/m_a.gif) no-repeat 0 0;

}
#content #gslika, #content #vina{margin:0;}

#content #gslika,#content #ponudag,#content #vina, #content #gkupiti{margin-top:10px;}

#ponudag{
	list-style:none;
	clear:left;
	
}
#ponudag .c1{
 width:90px;
 text-align:right;
 padding-right:10px;
 font-weight:bold;
}


#ponudag .c3{ width:360px; padding-left:20px;   display:none;}
#ponudag table{ float:left;}
table td{vertical-align:top; text-align:left;}
#ponudag .links1{margin-left:110px; display:block; height:1%;}

#ponudag p{float:left; width:auto;}


#gslika {padding:10px 0 10px;} 
#gslika .slike ,#vina .slike{margin-left:32px;}
#gslika a{display:block; float:left; text-align:center; margin-left:10px;}
#gslika span{display:block;}




#vina{padding:10px 0 2px;}
#vina .slike{
float:left;
margin-right:30px;
}
#vina .slike img{margin-left:10px;}
#vina .slike img.first{margin-left:0px;}
#content #vina nav3{
float:left;

}

#content h2.n1{padding-top:22px; font-size:18px; font-weight:normal;}
h2, #content h2{
margin-bottom:10px;
font-size:14px;
font-weight:bold;
}
h3, #content h3{font-size:12px;}

#gkupiti .in{
padding-left:50px;
background:url(slike/kosarica_k.gif) no-repeat 0 0;

}
#vc{margin-top:22px;}
#pp {margin-top:20px;}

#vc p{
padding:22px 0 0 40px;
line-height:1em;
font-weight:bold;
background:url(slike/d_logo_plesivica.gif) no-repeat 0 0;
}
body#home #vc p{padding:5px; background:none; color:#fff; font-weight:normal;}
body#home #pp p{padding:5px; background:none; color:#fff; font-weight:normal;}
body#home #vc a, a.strelica{
display:left;
background:url(slike/st_2.gif) no-repeat 100% 0.4em; padding-right:10px;
float:right; margin-right:10px; color:#914a4a;
}
body#home #pp a.strelica{float:left; clear:left; margin:5px 0 0 5px;}

#footer{clear:both; margin-top:1em; text-align:center;}
#footer img{vertical-align:middle;}
#footer a{font-weight:normal;}


/*----------------------------------------VINA--------------------------------------*/
#pvina{width:100%; margin:0; padding-top:2px;}
#pvina a{display:block; float:left; text-align:center; width:80px; font-weight:bold; }
#pvina span{display:block; line-height:1em;}


#v-sl{width:305px;}
/*#v-txt{width:314px;}*/
#v-sl2{width:231px;}
#v-nav1{
width:184px;
line-height:38px;
list-style:none;
border-right: 2px solid #fff;
}

#v-txt{padding:0 10px;}
#v-txt p{margin-bottom:1em;}
#v-txt h3{margin-bottom:1em; font-size:11px;}
#v-txt h2{margin-top:1em;}
#v-txt #gkupiti h2{font-size:11px;}
#v-txt ul{list-style:none;}
#v-txt #gkupiti{margin-top:20px;}

#opis{width:100%; margin:0 auto; margin-top:20px;}
#opis td.c1{font-weight:bold; text-align:right; width:100px; padding-right:10px;}

#content #v-nav1 a{
	display:block; 
	height:1%;
	font-size:11px;
	font-weight:bold;	
	padding-left:32px;
	border-bottom:1px solid #fff;
}
#content #v-nav1 a.last{border:none;}

/*---------------------------------------------KONTAKT---------------------------------------*/
#b-kontakt #content{padding-right:0;}
#kontakt{width:300px;  float:left; padding-left:0; margin-left:16px;}
html>body #kontakt {margin-left:32px;}
#kontakt ul{list-style:none; margin:0; padding:0;}
#kontakt h3{margin-bottom:1em;}
.mb10{margin-bottom:1em;}
#kontakt ul em{font-style:normal; width:40px; display:block; float:left;}

#kf{ width:470px; float:left; margin-left:10px; background-color:#f1f5f4;}
#kf p{padding:10px;}
#kf table{padding-top:1em; margin-top:1em; border-top:1px solid #fff; margin:10px;}
#kf table td{padding:2px 0;}
#kf table td.c1{font-weight:bold; width:109px; text-align:right; padding-right:10px;}


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

#kf #btn-o{float:left;}
#kf #btn-p{float:right;}

#kf h3{text-indent:-999em; background:url(slike/form_kontakt.gif) no-repeat 0 0; height:25px}

/*-------------------------BLANK----------------------------*/

body#blank #content{height:500px;}

/*------------------- COLORS -----------------------------*/
body{background:#531313;    color:#fff;}
a{color:#fff;}
h2,h3{color:#36714d;}
#opis td.c1{color:#36714d;}
#vc p{color:#824b4e;}

#pvina, #v-nav1,#c-top-nav{background-color:#732121;}
#gslika{background-color:#E8EDE7;}
#content #pvina a{color:#fff;}
#content #pvina a:hover{color:#ddb7b4;}

#v-txt{background-color:#e8ede7;}

#vina{background-color:#E8EDE7;}
#nav2{background-color:#732121;}
#nav1 li a:hover{background-color:#732121;}
#nav2 li a:hover{color:#ddd;}
#ponudag .c1{color:#3A6434;}
#content #v-nav1 a{color:#fff;}
#content #v-nav1 a:hover{background-color:#bbb;}
#content{ color:#000;    background-color:#fff;}
body#home #content{background:#c4cfc7;}
#logo h2{color:#957068; font-weight:bold; margin-left:2px;  font-size:1em;}
#rsb{ color:#000; background-color:#C4CFC7;}

#content a{color:#000;}
#content ul.nav a,#content a.strelice{
color:#824b4e;
}

#popis.in{background:url(slike/kolica_k.gif) no-repeat 0 0; margin-top:1em; padding-bottom:10px;}
/*---------------Colors end --------------------------------*/

/*-------Gdje smo ---------------------------------------------------------*/
#logo-k{
background:url(slike/karta_logo.gif) no-repeat 0 0; padding-left:40px; padding-top:30px; height:50px;
font-size:14px; font-weight:bold; color:#b3617e;
}
#karta{
background:url(slike/karta.gif) no-repeat -28px 0; height:400px;
}
#adresa ul{list-style:none;}
#g-naslov{font-size:11px;}
#g-txt{}

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


/*--------------------------------- Onama ------------------------------------*/


body#onama #gslika .slike{margin:0; padding:5px 0;}
#onama-txt{margin-top:2em; width:500px; padding-bottom:100px;}
#onama-txt p,#onama-txt ul{margin-bottom:1em;}
#onama-txt ul{margin-left:2em;}




a:hover,#gslika a:hover span{text-decoration:underline;}
#nav1 a:hover, #nav2 a:hover,#gslika a:hover,#c-top-nav a:hover{text-decoration:none;}
 

#home #n2-1,
#b-ponuda #n2-2,
#b-vina #n2-3{
	background-color:#8f3e3e;
}

#onama #n1-1,
#b-kontakt  #n1-2,
#b-novosti #n1-3,
#b-kdojmova  #n1-4{
	background-color:#732121;
}

#b-vina.paketi #nv-1,
#b-vina.vina #nv-3,
#b-vina.nvina #nv-2{
background-color:#999;
}

#container.p1 #pv-1,
#container.p2 #pv-2,
#container.p3 #pv-3,

#container.n1 #pv-1,
#container.n2 #pv-2,
#container.n3 #pv-3,
#container.n4 #pv-4,
#container.n5 #pv-5,
#container.n6 #pv-6,

#container.v1 #pv-1,
#container.v2 #pv-2,
#container.v3 #pv-3,
#container.v4 #pv-4,
#container.v5 #pv-5,
#container.v6 #pv-6{
	color:#999;	
}

#gslika{padding-left:32px; position:relative;}
#gslika a{display:block; float:left; text-align:center; margin-left:0; font-size:11px; color:#444; font-weight:normal;}
#gslika #thumbs a{margin-left:10px; margin-top:15px; display:inline; margin-bottom:20px; width:126px;}


#box{border:1px solid #fff; height:140px; width:560px; padding:0; position:relative; overflow:hidden;}

#thumbs{width:200%; position:absolute; left:20px; top:0; display:none;}
#preload{margin:65px auto 0; width:120px; font-size:12px; color:#aaa; text-align:center; background:url(slike/loading.gif) no-repeat 0 0; padding-left:20px;}

#prev,#next{width:20px; text-indent:-999em; height:100%; position:absolute; background:#D7D3D4 url(slike/prev.gif) no-repeat 50% 50%;}
#prev{top:0; left:0; border-right:1px solid #fff;}
#next{top:0; right:0; border-left:1px solid #fff; background-image:url(slike/next.gif);}

a#prev:hover, a#next:hover{background-color:#eee;}
#msg{
border-bottom:1px solid #fff;
position:absolute; top:150; width:540px; color:#444; font-weight:bold; z-index:100; background:#e2e2e2 url(slike/loading.gif) no-repeat 0 50%; height:20px; padding-left:20px; line-height:20px; display:none;}

#msg.error{background-image:url(slike/warning.gif);}
#slika{position:absolute; top:150px; left:0px; width:558px; border:2px solid #ddd; text-align:center; display:none; overflow:hidden;}
#alpha{position:absolute; width:560px; height:320px; top:0; left:0; background-color:#e8ede7; filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80;}
#pic{position:relative; margin:10px 0;}
#gslika #close{position:absolute; top:2px; right:2px; color:#444; background-color:#fff; border:1px solid #eee; padding:0px 5px 1px; line-height:1.2em;}
#gslika #close:hover{background-color:#444; color:#fff;}
html>body #slika{left:32px;}
