/* CSS Document */

* { 
	margin: 0px; 
	padding: 0px; 
	}

body { 
	background: url(../images/bg.gif) repeat-x left top white;
	font-family: Arial,Helvetica,sans-serif; 
	font-style: normal; 
	font-variant: normal; 
	font-weight: normal; 
	font-size: 62.5%; 
	line-height: 1.6; 
	font-size-adjust: none; 
	font-stretch: normal; 
	color:/* rgb(79, 79, 79) */rgb(102, 102, 102); 
	}
#wrapper{
	margin:0px;
	padding:0px;
	width:760px;
	}
	
/*************pa kažemo ...********************/


#header{
	margin:0px;
	padding:0px;
	float:left;
	width:760px;
	height:270px;
	background: url(../images/headerbg.jpg) no-repeat left top;
	}
#content{
	margin:0px;
	padding:0px;
	float:left;
	width:760px;
	}
	
#footer{
	margin:40px 0px 0px 0px;
	padding:10px 0px 50px 10px;
	float:left;
	width:760px;
	clear:both;
	background:url(../images/footerbg.jpg) no-repeat left top;
	}
	
/***********fonts************/
h1,h2,h3{
	margin:0px;
	padding:0px;
	font-weight:normal;
	font-size:1.0em;
	}
a{
	color:rgb(204, 102, 0);
	}
a:hover{
	text-decoration:none;
	}

/***********header**********/

#logo{
	margin:0px;
	padding:90px 0px 0px 0px;
	float:left;
	width:90px;
	}
#mainlogo{
	margin:0px;
	padding:90px 90px 0px 0px;
	float:left;
	width:90px;
	}
#slideshow{
	margin:0px;
	padding:0px;
	float:left;
	width:360px;
	background:rgb(102, 102, 102);
	/*height:270px;*/
	}
#slideshow img{
	margin:0px;
	padding:0px;
	float:left;
	}
#header_navigation{
	margin:0px;
	padding:0px;
	float:left;
	width:220px;
	background:url(../images/navigationbg.jpg) no-repeat left top;
	}
#header #grupaproizvoda{
	margin:0px;
	padding:0px;
	float:left;
	width:90px;
	}
#header #grupaproizvoda h1 {
	margin:0px 0px 0px 0px; 
	padding:0px 0px 0px 0px; 
	width:90px; 
	height:270px; 
	display:block;
	float:left;
	text-indent: -99999px; 
	}
/********** h1 tagovi header*************/

.kuhinjeh1{
	background:url(../images/headerh1kuhinje.jpg) no-repeat right top; 
	}
.plakarih1{
	background:url(../images/headerh1plakari.jpg) no-repeat right top; 
	}
.dnevnesobeh1{
	background:url(../images/headerh1dnevne.jpg) no-repeat right top; 
	}
.spavacesobeh1{
	background:url(../images/headerh1spavace.jpg) no-repeat right top; 
	}
.djecjesobeh1{
	background:url(../images/headerh1djecje.jpg) no-repeat right top; 
	}
.uredih1{
	background:url(../images/headerh1uredi.jpg) no-repeat right top; 
	}
.ugostiteljih1{
	background:url(../images/headerh1ugostitelji.jpg) no-repeat right top; 
	}
.kupaoniceh1{
	background:url(../images/headerh1kupaonice.jpg) no-repeat right top; 
	}
.kontaktih1{
	background:url(../images/headerh1kontakti.jpg) no-repeat right top; 
	}
.materijalih1{
	background:url(../images/headerh1materijali.jpg) no-repeat right top; 
	}


/**********rollover*******/	
	
#header h2 {
	margin:0px 0px 0px 0px; 
	padding:0px 0px 0px 0px; 
	background: transparent url(../images/drvoslogo.jpg) no-repeat scroll right top; 
	width: 90px; 
	height:88px; 
	display:block;
	float:right; 
	text-indent: -99999px; 
	}
#header h2 a{ 
	width:90px; 
	height:88px; 
	display:block; 
	text-decoration: none; 
	}
#header h2 a:hover { 
	background: transparent url(../images/h1.jpg) no-repeat scroll right bottom; 
	}

/******* rollover end *********/

#header_navigation ul{
	margin:0px;
	padding:5px 0px 19px 0px;
	list-style-type:none;
	}
#header_navigation ul li{
	margin:0px;
	padding:0px 0px 5px 25px;
	list-style-type:none;
	}
#header_navigation ul li a{
	margin:0px;
	font-size:1.4em;
	color:white;
	text-decoration:none;
	font-weight:bold;
	padding:5px 0px 0px 35px;
	/*text-indent:-13px;*/
	list-style-type:none;
	}
#header_navigation ul a:hover{
	color:rgb(255, 204, 128);
	}
a#kuhinje{ 
	background:url(../images/rollover/1.gif) no-repeat left top; 
	}
a#plakari{
	background:url(../images/rollover/2.gif) no-repeat left top; 
	}
a#dnevne{
	background:url(../images/rollover/3.gif) no-repeat left top; 
	}
a#spavace{
	background:url(../images/rollover/4.gif) no-repeat left top; 
	}
a#djecje{
	background:url(../images/rollover/5.gif) no-repeat left top; 
	}
a#uredi{
	background:url(../images/rollover/6.gif) no-repeat left top; 
	}
a#ugostitelji{
	background:url(../images/rollover/7.gif) no-repeat left top; 
	/*display:block;
	width:160px; 
	height:25px;
	padding:0px; 
	margin:0px; */
	}
a#kupaonice{
	background:url(../images/rollover/8.gif) no-repeat left top;
	}
a#kupaonice, a#ugostitelji, a#uredi, a#djecje, a#spavace, a#dnevne, a#plakari, a#kuhinje{
	display:block;
	width:160px; 
	/*height:25px;*/
	padding:0px; 
	margin:0px;
	}
/*********hover ********/


#kuhinje:hover{
	background:url(../images/rollover/1hover.gif)  no-repeat left top;
	}
#plakari:hover{
	background:url(../images/rollover/2hover.gif)  no-repeat left top;
	}
#dnevne:hover{
	background:url(../images/rollover/3hover.gif)  no-repeat left top;
	}
#spavace:hover{
	background:url(../images/rollover/4hover.gif)  no-repeat left top;
	}
#djecje:hover{
	background:url(../images/rollover/5hover.gif)  no-repeat left top;
	}
#uredi:hover{
	background:url(../images/rollover/6hover.gif)  no-repeat left top;
	}
#ugostitelji:hover{
	background:url(../images/rollover/7hover.gif)  no-repeat left top;
	}
#kupaonice:hover{
	background:url(../images/rollover/8hover.gif)  no-repeat left top;
	}
	
	
/*********** content ***********/

#top{
	margin:10px 0px 0px 0px;
	padding:0px 0px 0px 10px;
	float:left;
	width:750px;
/*	height:30px;*/
	font-size:1.2em;
	}
#subnavigation{
	float:left;
	}
#subnav{
	float:right;
	}
	
/**********nav end*********/
#main{
	margin:0px 0px 0px 0px;
	padding:10px 0px 0px 0px;
	float:left;
	width:760px;

	}
#content{
	margin:0px;
	padding:0px 0px 0px 180px;
	float:left;
	width:580px;
	background:white;
	}
#content h1{
	margin:0px 0px 10px 0px;
	padding:30px 0px 0px 90px;
	display:block;
	width:490px;
	font-size:1.8em;
	font-weight:bold;
	color:white;
	background:rgb(255, 153, 0) url(../images/h1bg.gif) no-repeat left bottom;
	}
#content h1.subheading{	
	color:rgb(255, 153, 0);
	background: url(../images/h1subheadingbg.gif) no-repeat left bottom ;
	padding:0px 0px 0px 90px;
	margin:20px 0px 0px 0px;
	font-weight:bold;
	}
	
#content p{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 90px;
	font-size:1.3em;
	text-align:justify;
	}
#content p.page{
	font-size:1.2em;
	margin:0px 0px 0px 0px;
	}
/************* pozadine stranica***************/
/*.homepage{	
	background:url(../images/naslovnabekgraound.jpg) no-repeat left top;
	}
.ugostitelji{	
	background:url(../images/ugostiteljibekgraound.jpg) no-repeat left top;
	}*/


/************** pozad. end **************/	
	
/****************slideshow***************/
#slideshow ul, #slideshow ul li{
	margin:0px;
	padding:0px;
	list-style-type:none;
	}

ul#portfolio li img{
	border:0px solid #ccc;
	border-bottom:none;
	border-top:none;
	padding:0px 0px 0px 0px;
}

/****************slide end***********/

/******** slike proizvoda**************/

#galerija{
	margin:10px 0px 10px 0px;
	padding:0px 0px 40px 180px;
	/*width:580px;*/
	float:left;
	}
#galerija ul{
	margin:0px;
	padding:0px 0px 0px 100px;
	float:left;
	width:480px;
	list-style-type:none;
	background:url(../images/galerija.jpg) no-repeat left top;
	}
#galerija ul li{
	margin:0px;
	padding:0px;
	float:left;
	list-style-type:none;
	}
#galerija ul li a{
	margin:10px 0px 10px 5px;
	padding:4px;
	float:left;
	display:block;
	width:100px;
	list-style-type:none;
	border:1px solid white;
	}
#galerija ul li a:hover{
	border:1px solid rgb(212, 208, 200);
	background:rgb(248, 248, 255);
	}

/*
#galerija img{
	margin:1px;
	}
#galerija img a{
	background:white;
	float:left;
	padding:9px;
	border:1px solid red;
	display:block;
	}
#galerija a:hover img {
	border:1px solid black;
	background:red;	
	}

#galerija a:hover{
	background:none repeat rgb(243, 241, 226); 
	}*/
	
/*********** kontakt forma**************/
form{
	margin:0px;
	padding:20px 0px 0px 0px;
	float:left;
	width:580px;
	color:black;
	}

fieldset {
	padding:20px 20px 20px 90px;
	border:none;
}
legend {
	font-size:1.3em;
	padding:0px;
	font-weight:bold;
}
label, input, textarea{
	display:block;
}
label {
	font-size:1.2em;
	margin:0px;
	padding:3px 0px 3px 0px;
}
input, textarea {
	margin-top:5px;
}
.text {
	width:100%;
	border:1px solid #E5E5E5;
	padding:5px;
}
#col{
	float:left;
	margin:0px;
	padding:20px 0px 0px 90px;
	width:490px;
	}

.col{
	width:240px;
	display:block;
	float:left;
	}
ul.col {
	list-style-type:none;
	font-size:1.2em;
	}
.button{
	margin:3px 0px 0px 0px;
	padding:3px;
	background:white;
	border:1px solid gray;
	}
/*************kontakt forma end**************/

/********** slike proizvoda***********/



/*************pa da završimo**********/

#foot p {
	margin:0px;
	padding:0px 0px 0px 260px;
	font-size:1.1em;
	}

/************* end **************/

ul.corporate{
	list-style-type:none;
	font-size:1.2em;
	padding:15px 0px;
	clear:both;
	}
ul.corporate li{
	padding:5px 0px;
	}