@charset "utf-8";
/* CSS Document */

* { margin:0; padding:0; }
html, body {height: 100%;}
#wrap {min-height: 100%; width:100%;}
#main {overflow:auto; padding-bottom: 127px;}  /* must be same height as the footer */
body { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; background-image:url(images/body_bgd.jpg); background-repeat:repeat; background-color:#ede7cb; border:0;}
#cont_index { width:100%; height:auto; overflow:hidden; background-image:url(images/index_bgd_large.jpg); background-repeat:no-repeat; background-position:50% 106px;}
#cont { width:100%; height:auto; overflow:hidden; background-image:url(images/index_bgd_small.jpg); background-repeat:no-repeat; background-position:50% 106px;}

#content { width:960px; height:auto; margin:0 auto;}
#header { width:960px; height:107px;}
#logo { width:285px; height:65px; padding-top:26px; float:left; clear:left;}

#headline { width:inherit; height:70px; padding-bottom:20px; padding-top:20px;}
.col_left { width:610px; height:auto; float:left; padding-right:20px; font-size:12px; color:#313131; float:left; background-image:url(images/col_left_border.jpg); background-position:right; background-repeat:repeat-y;}
.col_left_box { width:240px; height:auto; float:left; padding: 0 50px 0 0; text-align:left;}
.col_right { width:310px; height:auto; float:left; margin-left:20px; font-size:12px; color:#313131;}


/* navigacija */

#nav { width:auto; height:50px; padding-top:57px; float:right;}
.nav_tab { width:auto; height:50px; float:left;}

#nav_pocetna_on {width:69px; height:50px; background-image:url(nav/pocetna_on.png); background-repeat:no-repeat; float:left;}
#nav_pocetna a{width:69px; height:50px; background-image:url(nav/pocetna.png); background-repeat:no-repeat; background-position:0 0; float:left;}
#nav_pocetna a:hover{width:69px; height:50px; background-image:url(nav/pocetna.png); background-repeat:no-repeat; background-position:-69px; float:left;}

#nav_o-nama_on {width:66px; height:50px; background-image:url(nav/o-nama_on.png); background-repeat:no-repeat; float:left;}
#nav_o-nama a{width:66px; height:50px; background-image:url(nav/o-nama.png); background-repeat:no-repeat; background-position:0 0; float:left;}
#nav_o-nama a:hover{width:66px; height:50px; background-image:url(nav/o-nama.png); background-repeat:no-repeat; background-position:-66px; float:left;}

#nav_proizvodnja_on {width:91px; height:50px; background-image:url(nav/proizvodnja_on.png); background-repeat:no-repeat; float:left;}
#nav_proizvodnja a{width:91px; height:50px; background-image:url(nav/proizvodnja.png); background-repeat:no-repeat; background-position:0 0; float:left;}
#nav_proizvodnja a:hover{width:91px; height:50px; background-image:url(nav/proizvodnja.png); background-repeat:no-repeat; background-position:-91px; float:left;}

#nav_dizajn_on {width:154px; height:50px; background-image:url(nav/dizajn_on.png); background-repeat:no-repeat; float:left;}
#nav_dizajn a{width:154px; height:50px; background-image:url(nav/dizajn.png); background-repeat:no-repeat; background-position:0 0; float:left;}
#nav_dizajn a:hover{width:154px; height:50px; background-image:url(nav/dizajn.png); background-repeat:no-repeat; background-position:-154px; float:left;}

#nav_galerija_on {width:66px; height:50px; background-image:url(nav/galerija_on.png); background-repeat:no-repeat; float:left;}
#nav_galerija a{width:66px; height:50px; background-image:url(nav/galerija.png); background-repeat:no-repeat; background-position:0 0; float:left;}
#nav_galerija a:hover{width:66px; height:50px; background-image:url(nav/galerija.png); background-repeat:no-repeat; background-position:-66px; float:left;}

#nav_kontakt_on {width:69px; height:50px; background-image:url(nav/kontakt_on.png); background-repeat:no-repeat; float:left;}
#nav_kontakt a{width:69px; height:50px; background-image:url(nav/kontakt.png); background-repeat:no-repeat; background-position:0 0; float:left;}
#nav_kontakt a:hover{width:69px; height:50px; background-image:url(nav/kontakt.png); background-repeat:no-repeat; background-position:-69px; float:left;}

/* navigacija */


/* slider */

#slide { width: 855px; height:559px; margin:0 auto; padding-top:17px; position:relative;}

#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0 0;
		padding:0;
		list-style:none;
		}
	/*#slider2{margin-top:1em;}*/
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:855px;
		height:559px;
		margin:0 auto;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-50px;
		top:311px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:875px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(images/btn_prev.png) no-repeat 0 0;	
		}
	
	#nextBtn a, #slider1next a{ 
		background:url(images/btn_next.png) no-repeat 0 0;	
		}

/* slider */


/* content */

.box { width:280px; height:auto; margin:0 20px; float:left; font-size:11px; color:#39332e;}
.thumb { width:84px; height:84px; border:solid 3px #FFF; float:left; margin: 3px;} .thumb:hover { border:solid 3px #52372a;}

/* content */


/* footer */

#footer {position: relative; margin-top: -127px; height: 127px;	clear:both; width:100%; background-image:url(images/foot_bgd.jpg); background-position:center;}
#foot_cont { width:960px; margin:0 auto;} #foot_cont a { color:#FFF; text-decoration:none;} #foot_cont a:hover{ text-decoration:none; color:#9d9d3c;}
#foot_nav { width:960px; padding:12px 0 6px 0; font-size:12px;} #foot_nav a{ padding-right:15px;}
.foot_sep {width:inherit; height:0; border-top:1px solid #1d1510; border-bottom:1px solid #826958;}
.foot_left { width:auto; height:auto; font-size:11px; color:#d3b8a6; float:left; padding: 13px 65px 0 0;}
#foot_right { width:auto; height:auto; font-size:11px; color:#d3b8a6; float:right; padding-top:13px; text-align:right;}
/*Opera Fix*/
body:before { content:""; height:100%; float:left; width:0; margin-top:-32767px;}

/* footer */


/* elements */

a { color:#787822; text-decoration:none;}
a:hover { color:#464609; text-decoration:none;}
p { text-align:justify;}
h1 { font-weight:lighter; color:#5a5a5a; letter-spacing:4px; font-size:25px;}
h2 { font-weight:lighter; color:#FFF; letter-spacing:4px; font-size:26px;}
h3 { font-weight:lighter; color:#5a5a5a; letter-spacing:4px; font-size:23px; padding-bottom:15px;}
.sep_blank { width:inherit; height:1px; clear:both;}
.sep_ten { width:inherit; height:8px; clear:both;}
.sep {width:inherit; height:0; border-top:1px solid #cbc3a1; border-bottom:1px solid #faf7ee;}
.img { border:0;}

.input { width:303px; height:auto; border:solid 1px #cbc3a1; font-size:12px; padding:3px 2px 2px 3px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }
.input_box { width:303px; height:150px; border:solid 1px #cbc3a1; font-style:italic; font-size:12px; padding:3px 2px 2px 3px; }
.txt {  font-size:12px; color:#313131;}


/* elements */