/******************************************************/	
/* OPĆENITI STILOVI */
/******************************************************/	

body {
	margin:0; padding:0; font-family:verdana, arial, sans-serif; font-size:80%; color:#666666; text-align:center;
	background-color: #ededed; /*background-image: url(../_img/body.jpg);*/
	/*style="opacity:0.4;filter:alpha(opacity=40)" />*/;}

p {
	margin:0.2em 0 1.2em 0; padding:0.3em; text-align: justify;}
	
h1 {
	margin:0em 0.5em 0 0; font-size:250%; font-weight:normal; font-style:italic; 
	color: #763c10; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; float: right;
	clear:both; line-height: 0em; z-index: 1; }

h2 {
	background-color: #deb887; color: #743d14; font-size:110%; font-weight:bold; margin:0.2em; padding:0.3em; 
	font-style:italic; font-family:"Trebuchet MS", verdana, arial, sans-serif;	border-radius: 4px;
	text-indent: 1em;
	}

h3 {
	border-bottom: 2px solid #deb887; color: #743d14; font-size:100%; font-weight:normal; margin:4em 0 0.7em 0; 
	padding-left:1.5em 0 0 0; font-style:italic; font-family:"Trebuchet MS", verdana, arial, sans-serif;	
	border-radius: 3px; clear:left; text-indent: 0.3em}
	
div {
	margin:0; padding:0; display:block;}
	
.img_descript {
	 width:160px; text-align:center; font-size:85%; margin-bottom: 20px;
}
	

/******************************************************/		
/* LINKOVI */
/******************************************************/	
a:link, a:visited {
	color: #937d00; text-decoration:underline;}
a:hover {
	color: #ff8d62; text-decoration:none;}
a:active {
	color:#ff8d62; text-decoration:underline;}

a.nav:link, a.nav:visited {
	display:block; float:left; width:16.8%; padding:1.2em 0 1.2em 0; margin:0; 
	text-decoration:none; background-color: #8d670c; color:#FFFFFF;}

a.nav:hover {
	display:block; float:left; width:16.8%; padding:1.2em 0 1.2em 0; margin:0; 
	text-decoration:none; background-color: #cd853f; color:#FFFFFF;}

a.nav:active {
	display:block; float:left; width:16.8%; padding:1.2em 0 1.2em 0; margin:0; 
	text-decoration:none; background-color:#8d670c; color:#FFFFFF;}

a.nav1:link, a.nav1:visited {
	display:block; float:left; width:20%; padding:0.5em 0 0.5em 0; margin:0; 
	text-decoration:none; background-color:#8d670c; color:#FFFFFF;}

a.nav1:hover {
	display:block; float:left; width:20%; padding:0.5em 0 0.5em 0; margin:0; 
	text-decoration:none; background-color: #cd853f; color:#FFFFFF;}

a.nav1:active {
	display:block; float:left; width:20%; padding:0.5em 0 0.5em 0; margin:0; 
	text-decoration:none; background-color:#8d670c; color:#FFFFFF;}

a.news:link, a.news:visited {
	font-size:95%; float:left; padding:0.3em 0 0.3em 0; margin:0; text-decoration:none; 
	color:#937d00; width:14em;}

a.news:hover {
	font-size:95%; float:left; padding:0.3em 0 0.3em 0; margin:0; text-decoration:none; 
	background-color:#8d670c; color:#FFFFFF; width:14em;}

a.news:active {
	font-size:95%; float:left; padding:0.3em 0 0.3em 0; margin:0; text-decoration:none; 
	color: #ffea6f; width:14em;}

a.foot:link, a.foot:visited {
	color: #967016; text-align: right;}

a.foot:hover, a.foot:active {
	text-decoration:none; color: #FFF;  text-align: right;}
	
a.simple:link, a.simple:visited {
	text-decoration: none; color: #8d670c; font-size: 110%; font-weight: bold; 
	border-bottom: 1px dashed maroon; font-family: "Courier New", Courier, monospace;}
	
a.simple:hover {
	text-decoration: none; color:#FFFFFF; background-color:#cd853f; display:inline;
	border-bottom: 0;}

a.simple:active {
	text-decoration: none; color:#FFFFFF; background-color:#cd853f; display:inline; 
	border-bottom: 0;}

/******************************************************/	
/* STILOVI TEKSTA*/
/******************************************************/	
.naslov {
	background-color: #e9c265; color: #743d14; font-size:small; font-weight:bold; margin:0.2em; padding:0; 
	font-style:italic;}

.p_right {
	text-align: right; font-size: 90%; }
	
.text {
	text-align: left; margin-top: 10px;
	}
	
.smalltext {
	font-size: 95%; font-weight: normal; color: #333333; padding-left:15px; }
	
.smalltext2 {
	font-size: 95%; font-weight: bold; color: #333333;}
	
.pr_text {
	margin-top: 1.5em; }

/******************************************************/	
/* BOXOVI SADRŽAJA */
/******************************************************/	
.container {
	background-color:#FFFFFF; margin:0 auto 0 auto; padding:0; width:1024px; z-index: 1;	}

.titleblock {
	padding:3em; margin:0; text-align:left;
	background-image: url(../_img/banner.jpg); background-repeat:no-repeat; background-position:right center;}

.titleblock p {
	text-indent:0em; color:#3B4471;}

.rightcontainer {
	float:right; clear:both; width:13em; margin:0 0 0 0; padding:0;}

.leftcontainer {
	float:left; clear:both; width:10em; margin:0 0 0 1.2em; padding:0; color:#000; font-weight: bold;}

.rightbox {
	margin:0 0 0 0.4em; padding: 1em 0 1em 0; border:1px solid #999999; text-align:center;
	border-radius: 12px; background-color: #ffffff; /*#f6e8c7 */}

.bottomrightbox {
	margin:0.5em; padding:0.3em; text-align:left; padding-bottom: 0.5em; }

.rightcontainer h2 h3 {
	text-align:left; padding:0 0 0 1.5em;}

.centercontainer {
	float:none; clear:left; padding:0.8em; display: block;}

.centerbox {
	padding:0.8em; text-align:center; display: inline;}
	
.okvir {
	padding:0 10px 10px 10px;	margin:10px 10px 10px 10px; background-color: #ffffff; 
	border: 0.2em solid #deb887; border-radius: 12px; clear:both;}

.okvir2 {
	padding:0.5em;	margin: 0.7em; background-color: #ffffff; clear:both;}
		
.content {
	clear: none; text-align: left; margin: 0 13.5em 0 0; padding: 1em 1ex 1em 1.5ex; float: none;
	background-color: #ffffff; border-radius: 12px; border: 1px solid #a3a3a3;}

.content h2 h3 {
	text-indent:3em}

.footer {
	color: #111; font-size:80%; margin: 2.5em 0 2.5em 0em; padding: 0; 
	border-top:2px solid #deb887; text-align:left; clear:both; width: 100%;
	height: 5.5em; background-color: #deb887;}
	
.footer .center {
	margin:0 auto; width: 370px; font-size: 120%; clear: none;
	color: #763c10; font-weight: bold; text-align: center; }

.footer .left {
	position:relative; float:left; clear: none; width: 300px; margin-top: 8px;
	margin: 8px 0 0 10px; color: #763c10; vertical-align: baseline; }

.footer .right {
	position:relative; width: 240px; float:right; clear: none; text-align: right;
	margin: 8px 10px 0 0; color: #763c10; vertical-align: baseline; }

.footer p {margin:0;}

#textbox {
	float: left; position: relative; margin-left: 2em; text-align: justify;}

/******************************************************/	
/*******         SADRŽAJ - SLIKE 				**********/
/******************************************************/	
.img_r {
	position: relative; float:right; top: 0; clear:none; width: 120px; 
	margin: 0 0.5em 1em 1em; line-height:1.3em; display: inline; }

.img_l {
	position: relative; float:left; top: 0; clear:none; max-width: 120px;  
	margin: 0; line-height:1.3em; }

.imgfree_r {
	position: relative; float:right; top: 0; clear:none; margin: 0.5em 0.2em 1em 1em; max-width: 240px;}

.imgfree_l {
	float:left; margin: 0.5em 1em 0.8em 0.2em; top: 0; clear: left;}
	
.imgproduct {
	position: relative; float: right; margin: 0.2em 2em 0 2em; clear: left; max-width: 140px; display:inline;}
	
.img_gallery {
	position: relative; float:left; top: 0;  max-width: 200px;  
	margin: 10px 20px 20px 5px; line-height:1.3em;}

		
/******************************************************/	
/*UNORDERED LISTE */
/******************************************************/	
ul.navbar {
	list-style-type:none; float:left; display:block; width:100%; line-height:1.0em; 
	clear:both; margin:0 0 1em 0; padding:0; background-color:#deb887;}

ul.navbar li {
	display:inline;}

.clasic {
	text-align: left; display:inline;}
	
.listyle {
	margin: 0 0 0 2em; text-indent: 1.5em; list-style-type: disc; padding: 0 0 0 0.5em;}

ol li {
	text-indent: 0; padding: 0 0 0 1em; list-style-type: circle;}

p>ul>li {
	margin-top: -1em;}
	
#sitemap {
	list-style-type: disc; }
	
#sitemap li a {
	text-decoration: none; list-style-type: disc; font-weight:bolder}

#sitemap li a:hover {
	text-decoration: none; list-style-type: disc; background-color:#8d670c; color:#FFFFFF;  font-weight:bolder}
	
#sitemap>li>ol>a {
		text-decoration: none; list-style-type: disc; font-size:95%;  font-weight:normal}
	
#sitemap>li>ol>a:hover {
	list-style-type: disc; text-decoration: none; font-size:95%; 
	background-color:#8d670c; color:#FFFFFF;  font-weight:normal}
	
/* #sitemap li ol a:active {
	font-size:90%; list-style-type: disc; text-decoration: none; 
	background-color:#8d670c; color:#FFFFFF; }
	*/
	
/******************************************************/	
/*FORM ELEMENTI */
/******************************************************/	
.fields {
	background-color: #f3eec3; }

.button {
	background-color: #743d14; color: #fff; min-width: 10em; min-height: 2em;
	border-left: 3px solid #e7e7e7;
	border-top: 3px solid #e7e7e7;
	border-right: 3px solid #e9c265;
	border-bottom: 3px solid #e9c265;}


/******************************************************/	
/*				TOOLTIP			 					  */
/******************************************************/		
#tooltip {
	margin:50px auto; width:500px}
.hotspot {
	color: #825e08; padding-bottom:1px; cursor:pointer;  overflow: visible; }

#tt {
	position:absolute; display:block;  border: 4px solid #dfd360; border-radius: 12px; background:#f3eec3; 
	font-size: 75%;
	/* background:url(../_script/images/tt_left.gif) top left no-repeat */ }

#ttcont {
	display:block; padding:2px 12px 3px 7px; margin-left:5px; background: #f3eec3; color: maroon; }