@charset "utf-8";
/* CSS Document */
body {
	background:#fff7db url(slike/bg_head.png) repeat-x;
	margin:0;
	padding:0;
	font-family: Arial,Helvetica,Verdana,Sans-serif;
	font-size:11px;
	line-height:17px;
	color:#5d513f;
}

p{
	margin:7px 0;
	color:#5d513f;
}

/********************************************************************** OKOLNI *********************************************************************************************/
#okolni{
		width:960px;
		margin:0 auto;
}
/********************************************************************** HEADER *********************************************************************************************/
#header1{
	background:url(slike/header.jpg) repeat-x;
	height:184px;
	width:960px;
	float:left;
}

#navigacija{
	width:960px;
	height:61px;
	float:left;
}

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

#navigacija li{
	float:left;
	height:61px;
}

#navigacija ul li a{
	display:block;
	height:61px;
	background:url(slike/bg_nav.png);
}

#navigacija ul li a span{
	display:none;
}

#navigacija .home{
	width:159px;
	background-position:0px 0px;
}
#navigacija .home2{
	width:159px;
	background-position:0px 61px;
}
#navigacija .home:hover{
	background-position:0px 61px;
}

#navigacija .proizvodi{
	width:160px;
	background-position:-159px 0px;
}
#navigacija .proizvodi2{
	width:160px;
	background-position:-159px 61px;
}
#navigacija .proizvodi:hover{
	background-position:-159px 61px;
}

#navigacija .usluge{
	width:161px;
	background-position:-319px 0px;
}
#navigacija .usluge2{
	width:161px;
	background-position:-319px 61px;
}
#navigacija .usluge:hover{
	background-position:-319px 61px;
}

#navigacija .onama{
	width:160px;
	background-position: -480px 0px;
}
#navigacija .onama2{
	width:160px;
	background-position: -480px 61px;
}
#navigacija .onama:hover{
	background-position: -480px 61px;
}

#navigacija .novosti{
	width:160px;
	background-position: -640px 0px;
}
#navigacija .novosti2{
	width:160px;
	background-position: -640px 61px;
}
#navigacija .novosti:hover{
	background-position: -640px 61px;
}

#navigacija .kontakt{
	width:160px;
	background-position: -800px 0px;
}
#navigacija .kontakt2{
	width:160px;
	background-position: -800px 61px;
}
#navigacija .kontakt:hover{
	background-position: -800px 61px;
}

/********************************************************************** SADRŽAJ *********************************************************************************************/
#sadrzaj{
	float:left;
	background:#fff0c0;
	width:960px;
	margin:0px;
	padding-bottom:5px;
}

#lijevi{
		float:left;
		width:230px;
		margin:5px;
		display:inline;
		background-color:#e6c97e;
		padding-bottom:10px;
}

#novosti_naslov{
	width:217px;
	height:26px;
	background-color:#a87c3f;
	color:#fff;
	font-weight:bold;
	padding:9px 0 0 13px;
}

#novosti{
	font-size:11px;
	float:left;
}

#novosti h2{
	margin:14px 0 11px 11px;
	color: #ce321d;
}

#novosti p{
	float:left;
	display:inline;
	margin:0px 11px 0 11px;
	color: #534637;
	padding:0;
}

#novosti span{
	float:right;
	margin:8px 0px 0 0px;
	color: #7f674c;
}

#novosti .razmak_datum{
	float:right;
	margin:8px 10px 0 10px;
	color: #af9963;
}

#novosti a{
	float:right;
	margin:8px 0 0 11px;
	color: #ce321d;
}

#novosti a:hover{
	color: #e36000;
}

#novosti .datum_link_lijevo{
	float:left;
	display:inline;
	width:209px;
	margin:0 0 10px 11px;
	padding:0 0 11px 0;
	border-bottom:1px solid #bfa76b;
}

#desni{
	float:left;
	width:715px;
	margin-top:5px;
	background-color:#fff;
}

#prva{
	float:left;
	padding-bottom:15px;
	min-height:550px;
}

#dobrodosli_naslov{
	background-color:#ffcc00;
	height:26px;
	padding:9px 0 0 11px;
	width:705px;
}

#dobrodosli_naslov h1{
	color:#ad0e10;
	font-size:12px;
	padding:0;
	margin:0;
	border:0;
}

#dobrodosli_naslov h1 span{
	color:#706257;
}

.obavijest{
	float:left;
	background-color:#eaeaea;
	margin:17px 15px 0px 15px;
	padding:0 15px 0px 0;
	display:inline;
	min-height:127px;
	width:670px;
}

.obavijest img{
	float:left;
	margin:10px 15px 10px 10px !important;
	border:0 !important;
}

.obavijest p{
	margin-left:15px;
}

.obavijest h2{
	margin-top:12px;
	color:#e36000;
}

.obavijest span{
	float:right;
	margin:3px 0px 0 0px;
	color: #a28a29;
}

.obavijest .razmak_datum{
	float:right;
	margin:3px 10px 0 10px;
	color: #cdb75a;
}

.obavijest a{
	float:right;
	margin:3px 0 10px 11px;
	color: #e36000;
}

.obavijest a:hover{
	color: #ce321d;
}

#pocetna{
	float:left;
	display:inline;
	margin:20px 15px 15px 15px;
}

#pocetna img{
	border:10px solid #eaeaea;
	float:left;
	margin:5px 12px 5px 0px;
}

#novost{
	float:left;
	display:inline;
	margin:10px 15px 15px 15px;
	min-height:500px;
}

#novost img{
	border:10px solid #eaeaea;
	float:left;
	margin:5px 12px 5px 0px;
}

#novost span{
	float:right;
	margin:3px 0px 0 0px;
	color: #a28a29;
}

#novost .razmak_datum{
	float:right;
	margin:3px 10px 0 10px;
	color: #cdb75a;
}

#novost a{
	float:right;
	margin:3px 0 0 11px;
	color: #e36000;
}

#novost a:href{
	color: #CE321D;
}

.fl_lijevo{
	float:left;
}

.fl_lijevo_ul{
	float:left;
	margin-top:0px !important;
}

.fl_desno{
	float:right !important;
}

.dvije_slike .img_right{
	float:left;
	margin:5px 0px 5px 0px !important;
}

.dvije_slike{
	float:left;
	display:block;
	clear:both;
}

.kreditne{
	text-align:center;
	margin:20px 0 0 70px !important;
	border:0 !important;
}

#ikone_proizvodi img{
	border:5px solid #eaeaea;
}

#ikone_proizvodi div{
	float:left;
	width:152px;
	margin-right:18px;
	display:inline;
	text-align:center;
}

#ikone_proizvodi a{
	color:#c23e0c;
	font-weight:bold;
}

#ikone_proizvodi a:hover > img{
	border:5px solid #c23e0c;
}

#kontakt1
{
	float:left;
	width:380px;
}

#kontakt2
{
	float:right;
	width:300px;
}

#footer{
	float:left;
	height:60px;
	width:920px;
	margin:10px 0 0px 15px;
}

#footer p{
	float:left;
	color:#5e4528;
}

#footer a{
	float:right;
	color:#9e3704;
}

#footer a:hover{
	color:#501c03;
}

.slika_right{
	float:right !important;
	border:0 !important;
}

.pmarginl{
	margin-left:40px;
}

/********************************************************************** HEADING I LINK *********************************************************************************************/
h1{
	width:693px;
	color:#DF0005;
	font-size:18px;
	margin:0;
	padding:18px 0 10px 5px;
	border-bottom:#d9dde0 3px solid;
}
h2{
	color:#e36000;
	font-size:11px;
	margin:0;
}
.podnaslov{
	color:#0066FF;
	font-size:14px;
	font-weight:bold;
}
a{
	outline:none;
	text-decoration:none;
	color:#CE321D;
}

a:hover{
	color:#E36000;
}

/********************************************************************** CLEAR *********************************************************************************************/
.clear{
		clear:both;
}

/* kontakt forma */

form {
margin: 0;
padding: 0;
}

.kontakt_forma input, .kontakt_forma textarea, .kontakt_forma select {
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
width: 260px;
margin-top: 3px;
margin-bottom: 10px;
padding: 3px;
background: #FFFFFF;
border: 1px solid #828282;
float: left;
color: #505050;
}

.kontakt_forma select {
width: 306px;
}

.kontakt_forma {
width: 300px;
float: left;
padding: 10px 0 15px 5px;
}

.kontakt_forma label {
display:block;
width: 200px;
margin-top: 5px;
}

.kontakt_forma input.button {
width: 83px;
margin-left: 185px;
height: 25px;
font-weight: bold;
cursor: pointer;
margin-bottom: 0;
clear:left;
}

.kontakt_forma input.txt_error, .kontakt_forma textarea.txt_error, .kontakt_forma select.txt_error {
border: 1px solid #c80005;
color: #c80005;
}

.txt_error_img {
border:0 !important;
float: left;
margin: 4px 0 0 4px;
border: 0;
}

.txt_error_img {
margin-top: 6px;
margin-left:5px !important;
}