/* CSS Document */

body{
	margin:0px auto;
	padding:0px;
	font-family: Arial,Helvetica,sans-serif; 
	font-style: normal; 
	font-variant: normal; 
	font-weight: normal; 
	font-size: 62.5%; 
	line-height: 1.6; 
/*	background:url(../images/patern.jpg) left top ;*/
	background:url(../images/bodjirkovic_pozadina.jpg) left top rgb(178, 229, 239);
	color:rgb(64, 64, 64);
	}
#wrapper{
	margin:10px auto;
	padding:0px;
	width:750px;
	}
#page{
	margin:0px 0px 10px 0px;
	padding:0px;
	float:left;
	background:white;
	width:750px;
	}
#header{
	margin:0px;
	padding:5px;
	height:205px;
	background:url(../images/header2.jpg) no-repeat left top white; 
	float:left;
	width:740px;
	
	}
#top{
	margin:0px;
	padding:0px;
	height:20px;
	background:url(../images/header.jpg) repeat-x left top white; 
	float:left;
	width:750px;
	}
#content{	
	margin:0px;
	padding:0px 10px 10px 10px;
	float:left;
	width:730px;
	background:url(../images/content.jpg) repeat-y left top white; 
	}
#footer{
	margin:0px;
	padding:10px 10px 20px 10px;
	float:left;
	clear:both;
	height:50px;
	width:730px;
	background:url(../images/footer.jpg) no-repeat left top white; 
	}
/*intro*/
#homescreen{
	margin:20px 0px 0px 0px;
	padding:0px;
	}
#intro{
	margin:60px auto;
	padding:0px;
	width:600px;
	height:500px;
	background:url(../images/intro.jpg) no-repeat left bottom;
	}
#splash{
	float:left;
	margin:0px;
	padding:15px 0px 0px 90px;
	height:230px;
	width:300px;
	}
#movie{
	margin:0px auto;
	padding:0px 10px 10px 10px;
	/*background:url(../images/fotkaholder.gif) no-repeat left top;*/
	float:left;
	width:340px;
	height:225px;
	}
#introtext{
	margin:0px;
	padding:5px;
	float:left;
	width:380px;
	text-align:center;
	}
#introtext h3 a{
	color:#333333;
	text-decoration:none;
	}
#introtext h3 a:hover{
	text-decoration:underline;
	}	
/*intro end*/

/*fontovi*/
h1{
	margin:0px;
	padding:0px;
	font-size:1.8em;
	}
h2{
	margin:0px;
	padding:0px;
	font-size:1.6em;
	color:rgb(175, 57, 11);
	}
#main h2{
	border-bottom:1px dashed;
	padding:0px 0px 3px 0px;
	}
#main h3{
	margin:0px;
	padding:0px;
	font-size:1.3em;
	border-bottom:1px solid;
	}
#main p{
	margin:10px auto;
	padding:0px;
	font-size:1.2em;
	text-align:justify;
	}
#proizvodi h3{
	font-size:1.3em;
	border-bottom:1px solid;
	margin:10px 0px 5px 0px;
	padding:10px 0px 3px 5px;
	display:block;
	float:left;
	width:99%;
	}
#main h1 a{
	margin:0px;
	padding:0px 0px 3px 0px;
	float:left;
	display:block;
	width:450px;
	text-decoration:none;
	font-size:1.0em;
	border-bottom:1px solid;
	}
.naslov{
	margin:0px 0px 0px 0px;
	font-weight:normal;	
	}
/*.h3naslov{
	font-weight:normal;	
	border-bottom:1px solid;
	padding:0px 0px 3px 0px;
	}*/
h2 a{
	text-decoration:none;
	}
a{
	color:rgb(64, 64, 64);
	}
a:hover{	
	color:rgb(175, 57, 11);
	}

/*font end*/




/*content*/

#sidebar{
	float:left;
	margin:0px;
	padding:10px;
	width:180px;
	/*clear:both;*/
	}
#main{
	float:right;
	padding:10px;
	margin:0px;
	width:500px;
	}
	
.maintext{
	margin:10px 0px 10px 0px;
	padding:10px;
	/*font-size:1.3em;*/
	color:rgb(175, 57, 11);
	border:1px solid rgb(175, 57, 11);
	background:url(../images/maintext.gif) repeat-x left bottom white;
	}
.maintext img{
	float:left;
	margin:0px 0px 10px 0px;
	padding:10px 10px 10px 0px;
	}	
.fotka{
	
	}
/*content end*/


/*sidebar*/
#navig{
	margin:0px auto;
	padding:0px;
	float:left;
	display:block;
	}

#sidebar ul{
	margin:0px 0px 10px 0px; 
	padding:0px 0px 0px 0px; 
	float:left;
	display:block;
	list-style-type:none;
	list-style-image:none;
	font-size:1.1em;
	}
#sidebar li{
	list-style-type:none;
	float:left;
	padding:0px;
	margin:10px 0px 0px 0px;
	}
#sidebar li a{
	color:rgb(175, 57, 11);
	text-decoration:none;
	border-bottom:1px dotted rgb(175, 57, 11);
	display:block;
	width:175px;
	padding:5px 0px 5px 5px;
	margin:0px;
	}
#sidebar li a:hover{
	background:rgb(175, 57, 11);
	color:white;
	}
	
#sidebar h2{
	font-size:1.5em;
	display:block;
	float:left;
	width:180px;
	border-bottom:1px dotted rgb(175, 57, 11);
	margin:10px 0px 10px 0px;
	padding:0px 0px 5px 0px;
	text-align:left;
	font-weight:normal;
	text-align:center;
	}
#sidebar p{
	margin:0px;
	padding:10px;
	width:170px;
	text-align:justify;
	}
.quote{
	float:left;
	}
.quotiranje{
	display:block;
	margin:0px;
	padding:0px 20px 0px 20px;
	width:140px;
	color:rgb(175, 57, 11);
	font-weight:bold;
	}
.qt{
	display:block;
	width:180px;
	height:20px;
	background:url(../images/qt.jpg) no-repeat left top;
	}
.qb{
	display:block;
	width:180px;
	height:20px;
	background:url(../images/qb.jpg) no-repeat right top;
	}
#sidebar #recept{
	margin:0px;
	padding:0px 15px 0px 0px;
	/*background:url(../images/receptback.jpg) no-repeat 15px top;*/
	width:165px;
	height:150px;
	float:left;
	}
/*lutke*/
#logo{
	float:left;
	display:block;
	margin:0px;
	padding:45px 10px 0px 20px;
	width:180px;
	height:100px;
	/*text-indent:-99999px;*/
	}
#logo a img{
	text-decoration:none;
	border:none;
	}
	
/*#logo h1{text-indent:-9999px;}*/
#present2{
	float:right;
	width:260px;
	height:130px;
	margin:0px 0px 0px 0px;
	padding:70px 20px 0px 0px;
	}



#present{
	float:left;
	width:260px;
	height:130px;
	margin:0px 0px 0px 0px;
	padding:70px 0px 0px 20px;
	}
	
#present ul{
	margin:0px;
	padding:0px;
	list-style-type:none;
	}
#present2 ul{
	margin:0px;
	padding:0px;
	list-style-type:none;
	}
	
#present ul li#lutak a{
	margin:0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px; 
	background: transparent url(../images/h1.jpg) no-repeat scroll right top; 
	width: 120px; 
	height:130px; 
	display: block;
	float:right; 
	text-indent: -99999px; 
	}
#present ul li#lutak2 a{
	margin:0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px; 
	background: transparent url(../images/h2.jpg) no-repeat scroll right top; 
	width: 120px; 
	height:130px; 
	display: block;
	float:right; 
	text-indent: -99999px; 
	}
#present2 li#lutak3 a{
	margin:0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px; 
	background: transparent url(../images/h3.jpg) no-repeat scroll right top; 
	width: 120px; 
	height:130px; 
	display: block;
	float:right; 
	text-indent: -99999px; 
	}
#present2 li#lutak4 a{
	margin:0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px; 
	background: transparent url(../images/h4.jpg) no-repeat scroll right top; 
	width: 120px; 
	height:130px; 
	display: block;
	float:right; 
	text-indent: -99999px; 
	}
/*#present h2 a{ 
	width:120px; 
	height:130px; 
	display: block; 
	text-decoration: none; 
	text-indent: -99999px; 
	}*/
#present li#lutak a:hover { 
	background: transparent url(../images/h1.jpg) no-repeat scroll right bottom; 
	}
#present li#lutak2 a:hover { 
	background: transparent url(../images/h2.jpg) no-repeat scroll right bottom; 
	}
#present2 li#lutak3 a:hover { 
	background: transparent url(../images/h3.jpg) no-repeat scroll right bottom; 
	}
#present2 li#lutak4 a:hover { 
	background: transparent url(../images/h4.jpg) no-repeat scroll right bottom; 
	}
#recept h1{	
	margin:0px 0px 0px 0px; 
	padding:0px 0px 0px 0px; 
	background: transparent url(../images/receptback.jpg) no-repeat scroll right top; 
	width: 150px; 
	height:150px; 
	display: block;
	float:right; 
	text-indent: -99999px; 
	}
#recept h1 a{
	width:150px; 
	height:150px; 
	display: block; 
	text-decoration: none; 
	}
#recept h1 a:hover { 
	background: transparent url(../images/receptback.jpg) no-repeat scroll right bottom; 
	}
/*footer*/	

.footlink{
	padding:0px 0px 0px 10px;
	margin:25px 0px 0px 0px;
	float:left;
	color:rgb(175, 57, 11);
	}		
.footlink a{
	color:rgb(175, 57, 11);
	}
.footlink a:hover{
	text-decoration:none;
	}
#malilogo{
	float:right;
	padding:10px 10px 0px 0px;
	margin:0px;
	}

/*footer end*/


/*proizvodi*/
#proizvodi{
	float:left;
	padding:10px;
	}
.proizvod{
	margin:20px 0px 10px 0px;
	padding:0px;
	/*float:left;*/
	width:480px;
	}

.grupaproizvoda{
	float:left;
	display:block;
	width:475px;
	margin:10px 0px 10px 0px;
	padding:10px;
	border:1px solid rgb(238, 118, 33);
	}
.minigalerija{
	margin:0px;
	padding:4px;	
	}
.picholder {
	margin:0px;
	padding:10px;
	/*display:block;*/
	float:left;
	}
	
.about{
	/*display:block;*/
	float:left;
	width:285px;
	padding:10px;
	}
	
.kompletnaponuda{
	/*background:url(../proizvodi/images/ponudabck.jpg) repeat-x left bottom;*/
	display:block;
	height:90px;
	}

#proizvodi ul{
	margin:0px;
	padding:0px;
	list-style-type:none;
	list-style:none;
	}

#proizvodi li{
	margin:0px 0px 0px 0px;
	padding:4px;
	list-style-type:none;
	border-bottom:1px solid rgb(175, 57, 11);
	font-size:1.2em;
	}
.picholder img ,.minigalerija img{
	padding:5px;
	border:1px solid rgb(238, 118, 33)/*rgb(207, 221, 225)*/;
	margin:0px 0px 5px 0px;
	}
.picholder a:hover  img, .minigalerija a:hover  img{
	border:1px solid rgb(175, 57, 11);
	}
.picholder a:hover ,.minigalerija a:hover { 
	background:white none repeat; 
	}
	
.komplet {
	display:block;
	margin:0px 0px 0px 0px;
	padding:10px;
	text-align:center;
	font-size:1.6em;
	font-weight:normal;
	}
.komplet a{
	color:rgb(175, 57, 11);
	display:block;
	text-decoration:underline;
	}
.komplet a:hover{
	font-weight:bold;
	
	}
	
	
#main h6 {
	margin:0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px; 
	background: transparent url(../images/sviproiz.jpg) no-repeat scroll right top; 
	width:90px; 
	height:90px; 
	display: block;
	float:right; 
	text-indent: -99999px; 
	}
.kompletnaponuda h6 a { 
	width:90px; 
	height:90px; 
	display: block; 
	text-decoration: none; 
	}
.kompletnaponuda h6 a:hover { 
	background: transparent url(../images/sviproiz.jpg) no-repeat scroll right bottom; 
	}
.kompletnaponuda img{
	float:left;
	}
/*
#proizvodi span{
	float:left;
	font-size:2.0em;
	margin:0px;
	padding:10px;
	}*/
	
	
/*sweet*/
body div#toolTip { 
	position:absolute;
	z-index:1000;
	width:220px;
	background:rgb(138, 24, 0);
	border:2px double #fff;
	text-align:left;
	padding:5px;
	min-height:1em;
	-moz-border-radius:5px; 
	}
body div#toolTip p { margin:0;padding:0;color:#fff;font:11px/12px verdana,arial,sans-serif; }
body div#toolTip p em { display:block;margin-top:3px;color:#f60;font-style:normal;font-weight:bold; }
body div#toolTip p em span { font-weight:bold;color:#fff; }

/*sweet*/

/*slideshow*/
#slideshow{
	margin:0px 0px 30px 0px;
	padding:0px;
	}
/*slideshow end*/

/*liste*/
#main .adresa ul{
	margin:10px 0px 10px 0px;
	padding:10px;
	list-style:none;
	list-style-type:none;
	}
#main .adresa li{
	margin:0px;
	padding:5px;
	list-style:none;
	list-style-type:none;
	border-bottom:1px solid rgb(175, 57, 11);
	/*color:rgb(175, 57, 11);*/
	font-size:1.2em;
	}
#main .adresa li strong{
	color:rgb(175, 57, 11);
	}
#main .adresa li a{
	text-decoration:none;
	display:block;
	padding:5px 0px 5px 10px;
	}
#main .adresa li a:hover{
	background:rgb(175, 57, 11);
	color:white;
	}
.red a{
	color:rgb(175, 57, 11);
	font-weight:bold;
	}
.adresa{
	background:url(../proizvodi/images/ponudabck.jpg) repeat-x left bottom;
	margin:10px 0px 10px 0px;
	padding:10px;
	border:1px solid rgb(238, 118, 33) /*rgb(175, 57, 11)*/;
	}
.txt{
	margin:0px 0px 40px 0px;
	padding:0px 0px 0px 0px;
	font-size:1.2em;
	color:rgb(175, 57, 11);
	}



/*liste end*/

#banner{
	margin:0px auto;
	padding:10px 0px;
	display:block;
	text-align:center;
	background:white;
	font-size:1.7em;
	font-weight:bold;
	color:#AF390B;	
	border-bottom:3px double #AF390B;
	background:url(../images/maintext.gif) repeat-x left bottom #FFFFFF;
	height:120px;
	}
#banner span{
	width:700px;
	display:block;
	margin:0px auto;
	display:block;
	padding:0px 0px 0px 0px;
	}