@charset "utf-8";

html, body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #222222;
	padding: 0px;
	margin: 0px;
	background: url(site/body.jpg) top center repeat-x #FAFAFA;
}

#logo {
	width:150px;
	height:200px;
	padding: 0px;
	padding-left:5px;
	float:left;
}

/* Holly Hack for IE \*/
* html #logo {padding-left:5px; margin: 0px;}
/* End */

#language-search-wrapper {
	width:150px;
	height:200px;
	float:left;
	padding:0px;
	margin:0px;
}

#language{
	width:150px;
	height:35px;
	text-align:left;
	padding:15px 0px 0px 0px;
	font-weight:bold;
	color:#3333333;
}

#language,
#language a {
	color:white;

}

#language span.selected {
	color: #CCCCCC;
}

input {
	border: none;
	margin:0px;
}

#search {
	padding-top:41px;
	color: #FFFFFF;
	font-weight:bold;
}

#search #search_q {
	width: 80px;
	padding-top:5px;
	border:none;
	background:#FFFFFF;
}

#search_submit{
	width:50px;
	height:25px;
	background:url(site/trazi-gumb.jpg) no-repeat;
	border:none;
	margin:12px 0px 0px 63px;
	color: black;
	font-size: 1em;
}

#search p {
	padding: 0px;
	margin: 0px;
	font-size: 10px;
}

form, fieldset {
	padding: 0px;
	margin: 0px;
	border: none;
}

TABLE { border:border-collapse;}
TD { text-align: centre; border:solid 1px #CCCCCC;}



a img {
	border:none;
}

a {
	text-decoration: none;
	color: #1E55A5;
}

a:hover {
	text-decoration: underline;
}

input, textarea {
	border: 1px solid #999999; 
}

input:focus, textarea:focus {
	border: 1px solid #666666; 
}

#site_wrapper {
	width: 780px;
	margin: 0px auto 0px;
	padding: 0px 10px 10px 10px;
	background:url(site/site-wrapper.gif) repeat-y;
}

#site_wrapper_vrh {
	font-size: 4px; /* HACK FOR IE */
	width: 800px;
	height: 8px;
	margin:0px auto 0px;
	padding: 0px;
	background:url(site/vrh-site-wrapper.gif) transparent no-repeat;
}
#site_wrapper_dno {
	width: 800px;
	height:8px;
	margin: 0px auto 0px;
	padding-bottom: 10px;
	background: url(site/dno-site-wrapper.gif) no-repeat;
}

#header {
	margin:0px auto 0px;
	width: 800px;
	height: 250px;
	background: url("site/header-proizvodi.jpg") top left no-repeat;
}

#header.kontakt {
	background: url("site/header-kontakt.jpg") top left no-repeat;
}

#header.kupci {
	background: url("site/header-kupci.jpg") top left no-repeat;
}

#header.proizvodi {
	background: url("site/header-proizvodi.jpg") top left no-repeat;
}

#header.o-nama {
	background: url("site/header-o-nama.jpg") top left no-repeat;
}

#header.vijesti {
	background: url("site/header-vijesti.jpg") top left no-repeat;
}

#header.zanimljivosti {
	background: url("site/header-zanimljivosti.jpg") top left no-repeat;
}

#header.zaposlenje {
	background: url("site/header-zaposlenje.jpg") top left no-repeat;
}

#header.kameni-materijali {
	background: url("site/header-kameni-materijali.jpg") top left no-repeat;
}

#navig {
	width: 185px;
	float: left;
}

#navig .box {
	width: 185px;
	border:none;
	background-image: url(site/box-dno.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom:35px;
	margin:20px 0px;
}

#navig .box h4 {
	padding:5px 5px 0px;
	margin:0px;
	font-size: 12px;
	background:none; 
 }
#navig .box h3 {
	margin:0px;
	padding:8px 0px 10px 15px;
	background-image: url(site/box-naslov.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	color: #222222;
	font-size: 13px;
}

#navig .box p {
	padding:2px 5px;
}


#news p {
	font-size: 12px;
}

/* C O N T E N T */
#content-wraper {
	width: 590px;
	float: right;
}

#content {
	padding: 5px 15px 15px 15px;
	border: none;
}

#content h3, #content h4 {
  color: #222222;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #9B9B9B;
}

#content h3 {
	font-size: 14px;
	margin: 0px;
	padding: 10px 0px 5px 0px;
}

#content h4 {
  font-size: 12px;
}

#content ul li {
	padding: 3px;
}

#content h3 a, #content h4 a {
  color: #222222;
}

#news .date {
	display: block;
	font-size: 10px;
	color: gray;
}


#footer {
	clear: both;
	padding-top: 16px;
	background:url(site/footer.jpg) no-repeat;
	width:750px;
	height:34px;
	text-align:center;
	font-size:10px;
	color:#666666;
	margin: 0px auto 0px;
}
	
img.left {
	border: 2px solid black;
	float: left;
	margin: 0px 4px 2px 0px;
}

img.right {
	border: 2px solid black;
	float: right;
	margin: 0px 0px 2px 4px;
}

#content p#breadcrumbs {
	font-size: 11px;
	color: #666666;
	margin: 0px;
	padding: 0px;
}

#content p#breadcrumbs a {
	color: #333333;
	text-decoration: none;
}

#content p#breadcrumbs a:hover {
	color: black;
	text-decoration: underline;
}

p.download_pdf {
  background-image:url(site/pdf-icon48.gif);
  background-position:left center;
  background-repeat:no-repeat;
  font-size:1em;
  padding:10px 10px 10px 55px;
}