@charset "utf-8";
/* CSS Document */
body {
	background:url(slike/pozadina.png) top center #231F20 repeat-x;
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, Sans-serif, "Trebuchet MS";
	font-size:12px;
}
/********************************************************************** OKOLNI *********************************************************************************************/
#okolni{
		width:960px;
		margin:0 auto;
}
/********************************************************************** HEADER *********************************************************************************************/
#header{
		width:960px;
		height:259px;
}
#brodic{
		background:url(slike/brodic.jpg) no-repeat;
		width:424px;
		height:206px;
		margin-top:27px;
		float:left;
}
#logo{
		float:right;
		height:259px;
		width:259px;
}
#navigacija{
			width:260px;
			margin-top:15px;
			padding-left:2px;	
}
#navigacija a{
			float:left;
			padding:0 7px 0 7px;
			border-right:#333333 1px solid;
			font-weight:bold;
			color:#231F20;
			font-size:11px;
}
#navigacija a.zadnji{
					border:0;
}
#navigacija a:hover{
			color:#ffffff;
			background:#231F20;
}
#logac{
		background:url(slike/logo.jpg) no-repeat;
		width:259px;
		height:64px;
		float:left;
		margin-top:30px;
}
#logac a{
		width:259px;
		height:64px;
		float:left;
}
#mail a{
		background:url(slike/her.jpg) no-repeat top;
		width:254px;
		height:28px;
		float:right;
		margin-top:15px;
}
#mail a:hover{
		background:url(slike/her1.jpg) no-repeat top;
}

#mail2 a{
		background:url(slike/her2.jpg) no-repeat top;
		width:289px;
		height:28px;
		float:right;
		margin-bottom:15px;
}
#mail2 a:hover{
		background:url(slike/her21.jpg) no-repeat top;
}

#www a{
		background:url(slike/www.png) no-repeat top;
		width:254px;
		height:18px;
		float:right;
		margin-top:2px;
}
#www a:hover{
		background:url(slike/www.png) no-repeat bottom;
}
/********************************************************************** CENTAR *********************************************************************************************/
#centar{
		width:960px;
		float:left;
}
/********************************************************************** LIJEVI *********************************************************************************************/
#lijevi{
		width:171px;
		margin-right:15px;
		margin-top:15px;
		margin-bottom:15px;
		float:left;
}

.najveci a{
		background:url(slike/strelice.png) no-repeat top left;
		color:#CCCCCC;
		font-size:17px;
		font-weight:bold;
		padding:4px 0 0 40px;
		display:block;
		float:left;
		height:24px;
}
.najveci a:hover{
		background:url(slike/strelice.png) no-repeat bottom left;
		color:#ffffff;
}
.normalni a{
		color:#999999;
		font-size:12px;
		font-weight:bold;
		padding:4px 0 0 40px;
		float:left;
		margin-bottom:5px;
}
.normalni a:hover{
		color:#ffffff;
}
.najmanji a{
		color:#ECD628;
		font-size:12px;
		font-weight:bold;
		padding:4px 0 0 60px;
		float:left;
		width:171px;
		margin-bottom:5px;
}
.najmanji a:hover{
		color:#ffffff;
}

#linkovi-dobavljaca{
		margin-top:15px;
		border-top:#2F2F2F 5px solid;
		padding-top:15px;
}

#linkovi-dobavljaca a{
		color:#999999;
		font-size:11px;
		font-weight:bold;
		letter-spacing:1px;
		line-height:20px;
}
#linkovi-dobavljaca a:hover{
		color:#ECD628;
}
/********************************************************************** SREDNJI *********************************************************************************************/
#srednji{
		width:503px;
		margin-right:12px;
		float:left;
}
#naslovna-gore{
		float:left;
		padding-bottom:20px;
		border-bottom:#2F2F2F 5px solid;
}
#proizvodnja{
			background:url(slike/proizvodnja.png) no-repeat;
			float:left;
			width:161px;
			margin-right:10px;
}
#proizvodnja p, #usluge p, #prodaja p{
			margin:0;
			color:#CCCCCC;
			padding:106px 5px 5px 5px;
			text-align:justify;
}
#proizvodnja a, #usluge a, #prodaja a{
		background:url(slike/strelice.png) no-repeat top right;
		height:20px;
		color:#ffffff;
		padding:8px 30px 0 0;
		float:right;
		font-size:11px;
		font-weight:bold;
		display:block;
}
#proizvodnja a:hover, #usluge a:hover, #prodaja a:hover{
		background:url(slike/strelice.png) no-repeat bottom right;
		color:#ECD628;
}
#usluge{
			background:url(slike/usluge.png) no-repeat;
			float:left;
			width:161px;
			margin-right:10px;
}
#prodaja{
			background:url(slike/prodaja.png) no-repeat;
			float:left;
			width:161px;
}
#naslovna-dole{
			float:left;
			margin-top:20px;
}
#vijesti-gore, .vijesti-gore{
			background:url(slike/kucica-gore.png) no-repeat;
			width:503px;
			height:8px;
			font-size: 1px;
			float: left;
}
#vijesti-sredina, .vijesti-sredina{
			background:url(slike/kucica-sredina.png) repeat-y;
			width:503px;
			float: left;
}
#vijesti-sredina p, .vijesti-sredina p{
			margin:0;
			color:#CCCCCC;
			padding:15px 8px 10px 8px;
			text-align:justify;
}
#vijesti-sredina img{
			padding:15px 8px 10px 8px;
			float:left;
			
}
#vijesti-sredina a{
		height:20px;
		color:#ffffff;
		padding:8px 30px 0 8px;
		font-size:11px;
		font-weight:bold;
		display:block;
		float:left;
}
#vijesti-sredina a:hover{
		color:#ECD628;
}
#vijesti-sredina a.desni-link{
		height:20px;
		color:#ffffff;
		padding:8px 10px 0 8px;
		font-size:11px;
		font-weight:bold;
		display:block;
		float:right;
		margin:0 0 0 15px;
}
#vijesti-sredina a:hover.desni-link{
		color:#ECD628;
}
#vijesti-dole, .vijesti-dole{
			background:url(slike/kucica-dole.png) no-repeat;
			width:503px;
			height:8px;
			float: left;
}

.vijesti-dole {
margin-bottom: 15px;
}

.vijesti-kraj {
text-align: right;
color: #5F5F5F;
padding: 5px 5px 0 0;
}

.vijesti-kraj span {
color: #7F7F7F;
margin-left: 5px;
}

.vijesti-kraj a {
margin-right: 5px;
}

.vijesti-sredina a {
color: #ECD628;
text-decoration: none;
}

.vijesti-sredina a:hover {
color: #FFFFFF;
text-decoration: underline;
}

.vijesti-sredina img {
border: 1px solid #ECD628;
margin:15px 8px 10px 8px;
float: left;
}

.img_left {
border: 1px solid #ECD628;
margin:15px 12px 10px 0;
float: left;
}

#tekst .vijesti-kraj {
border-bottom: 1px solid #2F2F2F;
padding-bottom: 10px;
}

#tekst .vijesti-kraj a {
display: inline;
float: none;
}

#tekst .vijesti-dokument a {
background: #4F4F4F;
padding: 3px 7px;
display: inline;
float: none;
}

#tekst .vijesti-dokument a:hover {
background: #ECD628;
color: #231F20;
}

.vijest-detalji p {
padding: 10px 0;
}

#tekst{
		margin:0 10px 10px 10px;	
}
#tekst img{
		border:0;
}
#tekst p{
		margin:0;
		color:#FFFFFF;
		line-height:18px;	
}
#tekst a{
		height:20px;
		color:#ffffff;
		font-size:12px;
		font-weight:bold;
		display:block;
		float:left;
}
#tekst a:hover{
		color:#ECD628;
}
.oprema{
		border-bottom:#333333 1px solid;
		float:left;
		width:480px;
		margin-bottom:20px;
		padding-bottom:20px;
}
.oprema2{
		border-bottom:#333333 1px solid;
		float:left;
		width:480px;
		margin-bottom:20px;
		padding-bottom:20px;
}
.oprema2 img{
		float:left;
		margin:0 20px 20px 0;
}
.oprema2 p{
		float:left;
		margin:0;
}
/********************************************************************** DESNI *********************************************************************************************/
#desni{
		width:254px;
		float:right;
		border-left:#2F2F2F 5px solid;
}
#kontakt p{
		margin:0;
		color:#FFFFFF;
		font-size:16px;
		font-weight:bold;
		letter-spacing:3px;
		line-height:18px;
		padding:15px 0 20px 20px;
}
#lokacija p{
		margin:0;
		color:#ECD628;
		font-size:18px;
		font-weight:bold;
		letter-spacing:1px;
		padding:15px 0 0 20px;
}
#lokacija a{
		background:url(slike/strelice.png) no-repeat top right;
		height:20px;
		color:#ffffff;
		padding:8px 30px 0 20px;
		float:right;
		font-size:11px;
		font-weight:bold;
		display:block;
}
#lokacija a:hover{
		background:url(slike/strelice.png) no-repeat bottom right;
		color:#ECD628;
}
#banner{
		background:url(slike/bura-logo.png) no-repeat;
		width:233px;
		height:51px;
		margin:55px 0 0 20px;
}
#banner a{
		
		width:233px;
		height:51px;
		float:left;
}
/********************************************************************** GALERIJA *********************************************************************************************/
.gallery {
float: left;
text-align: center;
width: 150px;
height: 129px;
margin: 0 10px 0 0;
}

#tekst .gallery a {
border:0;
background: #FFFFFF;
float: left;
width: 130px;
height: 98px;
display: block;
padding: 5px;
text-align:center;
}

#tekst .gallery img {
border: 0;
float:none;
padding:0;
max-width: 130px;
max-height: 98px;
width: expression(this.width > 130 ? 130: true);
height: expression(this.width > 98 ? 98: true);
}

.gallery a:hover {
background:#ECD628;
}
/********************************************************************************************** KONTAKT ******************************************************************************/
form {
margin: 0;
padding: 0;
}

.kontakt_forma input, .kontakt_forma select, .kontakt_forma textarea {
font-family:Arial , "Trebuchet MS", Helvetica , Sans-serif;
color: #333333;
font-size: 12px;
width: 100px;
margin-top: 3px;
margin-bottom: 10px;
padding: 3px 3px;
background: #EFEFEF;
border: 1px solid #999999;
width: 250px;
float: left;
}

.kontakt_forma {
width: 450px;
float: left;
padding:5px 0 0 0;
color:#999999;
}

.kontakt_forma label {
float: left;
margin-top: 4px;
width: 160px;
}

.kontakt_forma input.button {
width: 83px;
margin-left:300px;
color:#333333;
cursor: pointer;
}

.kontakt_forma input.txt_error, .kontakt_forma textarea.txt_error {
border: 1px solid #FF3F3F;
background: #FFE7DF;
color: #333333;
}
.txt_error_img {
float: left;
margin:4px 0 0 4px;
}

legend {
display: none;
}

fieldset {
border: 0;
margin: 0;
padding: 0
}

.alert {
color: #FF0000
}
/********************************************************************** FOOTER *********************************************************************************************/
#footer{
		clear:both;
		padding-top:10px;
		width:960px;
		margin:0 auto;
		font-size:11px;
		font-weight:bold;
}
#footer_left{
		float:left;
		padding-left:175px;
}
#footer_left p{
		margin:0;
		color:#666666;
}
#footer_right{
		float:right;
		padding-right:264px;
}
#footer_right p{
		color:#CCCCCC;
		margin:0;
}
#footer_right a{
		color:#CCCCCC;
		padding:0 5px;
}
#footer_right a:hover{
		color:#FFFFFF;
		background:#333333;
}
/********************************************************************** HEADING I LINK *************************************************************************************/
h1{
	margin:0;
	font-size:18px;
	color:#ECD628;
	padding-bottom:10px;
	margin-top:17px;
}
h2{
	margin:0;
	font-size:18px;
	color:#ECD628;
	padding:0 0 0 8px;
}
a{
	outline:none;
	text-decoration:none;
}
/********************************************************************** SPANOVI ********************************************************************************************/
.sivi{
		color:#999999;
}
.naslov{
		font-size:14px;
		font-weight:bold;
		color:#ECD628;
}
/********************************************************************** CLEAR *********************************************************************************************/
.clear{
		clear:both;
}


/********************************************************************** *********************************************************************************************/

.down a
{
		background:url(slike/Acrobat_pdf_icon.gif) no-repeat left center;
		height:23px;
		color:#ffffff;
		padding-top:5px;
		padding-left:35px;
		margin-bottom:15px;
		float:right;
		font-size:11px;
		font-weight:bold;
		display:block;
		margin-right:20px;
}


.down1 a
{
		background:url(slike/Acrobat_pdf_icon.gif) no-repeat left center;
		height:23px;
		color:#ffffff;
		padding-top:5px;
		padding-left:35px;
		margin-bottom:0px;
		float:right;
		font-size:11px;
		font-weight:bold;
		display:block;
		margin-right:20px;
}