@charset "utf-8";
/* CSS Document */
body {
	background:#005197 url(slike/pozadina.png) repeat-x;
	margin:0;
	padding:0;
	font-family: Arial, "Trebuchet MS", Helvetica, Sans-serif;
	font-size:12px;
	line-height:16px;
}
/********************************************************************** OKOLNI *********************************************************************************************/
#okolni{
		width:960px;
		margin:0 auto;
}
/********************************************************************** HEADER *********************************************************************************************/
#header{
		background:url(slike/header.jpg) no-repeat;
		width:960px;
		height:144px;
}
#logo{
		width:365px;
		float:left;
}
#logo a{
		width:365px;
		height:140px;
		float:left;
}
#navigacija{
		width:525px;
		float:left;
		margin:70px 0 0 70px;
}
#navigacija a{
		float:left;
		width:100px;
		height:41px;
		display:block;
		padding:9px 0 0 10px;
		font-size:13px;
		font-weight:bold;
		color:#666666;
		margin-right:20px;
}
#navigacija a.o-nama{
		background:url(slike/prvi.png) no-repeat top;
}
#navigacija a:hover.o-nama{
		background:url(slike/prvi.png) no-repeat bottom;
		color:#FFFFFF;
}
#navigacija a.novosti2{
		background:url(slike/drugi.png) no-repeat top;
}
#navigacija a:hover.novosti2{
		background:url(slike/drugi.png) no-repeat bottom;
		color:#FFFFFF;
}
#navigacija a.cjenik{
		background:url(slike/treci.png) no-repeat top;
}
#navigacija a:hover.cjenik{
		background:url(slike/treci.png) no-repeat bottom;
		color:#FFFFFF;
}
#navigacija a.kontakt{
		background:url(slike/cetvrti.png) no-repeat top;
}
#navigacija a:hover.kontakt{
		background:url(slike/cetvrti.png) no-repeat bottom;
		color:#FFFFFF;
}

#header_kontakti {
	background: #feee76 url(slike/header_kontakt.gif) repeat-x bottom;
	float: right;
	width: 340px;
	font-size: 0.9em;
	padding: 15px 20px;
	color: #575555;
	line-height: 19px;
	margin: 25px 25px 0 0;
}

#header_kontakti_left {
	float: left;
	width: 160px;
}

#header_kontakti_right {
	float: right;
	width: 180px;
}

#header_kontakti a {
	color: #009140;
}

#header_kontakti a:hover {
	color: #c41008;
}

/********************************************************************** FLASH *********************************************************************************************/
#flash{
		/*background:url(slike/flash.jpg) no-repeat;*/
		width:960px;
		height:111px;
}
#ispod-flash{
		background:url(slike/ispod-flash.jpg) no-repeat;
		width:960px;
		height:6px;
}
/********************************************************************** SADRŽAJ *********************************************************************************************/
#sadrzaj{
		background:url(slike/sadrzaj.png) repeat-y;
		width:960px;
		float:left;
}
#lijevi{
		float:left;
		width:217px;
		margin:18px 0 18px 20px;
}
#linkovi a{
		float:left;
		width:183px;
		height:27px;
		display:block;
		padding:12px 0 0 15px;
		font-size:13px;
		font-weight:bold;
		color:#666666;
}
#linkovi a.prvi{
		background:url(slike/1.png) no-repeat top;
}
#linkovi a:hover.prvi{
		background:url(slike/1.png) no-repeat bottom;
		color:#FFFFFF;
}
#linkovi a.drugi{
		background:url(slike/2.png) no-repeat top;
}
#linkovi a:hover.drugi{
		background:url(slike/2.png) no-repeat bottom;
		color:#FFFFFF;
}
#linkovi a.treci{
		background:url(slike/3.png) no-repeat top;
}
#linkovi a:hover.treci{
		background:url(slike/3.png) no-repeat bottom;
		color:#333333;
}
#linkovi a.cetvrti{
		background:url(slike/4.png) no-repeat top;
}
#linkovi a:hover.cetvrti{
		background:url(slike/4.png) no-repeat bottom;
		color:#FFFFFF;
}
#linkovi a.peti{
		background:url(slike/5.png) no-repeat top;
}
#linkovi a:hover.peti{
		background:url(slike/5.png) no-repeat bottom;
		color:#FFFFFF;
}
#linkovi a.sesti{
		background:url(slike/6.png) no-repeat top;
}
#linkovi a:hover.sesti{
		background:url(slike/6.png) no-repeat bottom;
		color:#FFFFFF;
}
#linkovi a.sedmi{
		background:url(slike/7.png) no-repeat top;
}
#linkovi a:hover.sedmi{
		background:url(slike/7.png) no-repeat bottom;
		color:#FFFFFF;
}
#linkovi a.osmi{
		background:url(slike/8.png) no-repeat top;
}
#linkovi a:hover.osmi{
		background:url(slike/8.png) no-repeat bottom;
		color:#FFFFFF;
}
#linkovi a.deveti{
		background:url(slike/9.png) no-repeat top;
}
#linkovi a:hover.deveti{
		background:url(slike/9.png) no-repeat bottom;
		color:#FFFFFF;
}
#linkovi a.deseti{
		background:url(slike/10.png) no-repeat top;
}
#linkovi a:hover.deseti{
		background:url(slike/10.png) no-repeat bottom;
		color:#FFFFFF;
}
#linkovi a.jedanaesti{
		background:url(slike/11.png) no-repeat top;
}
#linkovi a:hover.jedanaesti{
		background:url(slike/11.png) no-repeat bottom;
		color:#FFFFFF;
}
#linkovi a.dvanaesti{
		background:url(slike/12.png) no-repeat top;
}
#linkovi a:hover.dvanaesti{
		background:url(slike/12.png) no-repeat bottom;
		color:#FFFFFF;
}
#banner{
		background:url(slike/banner.png) no-repeat;
		float:left;
		width:197px;
		height:140px;
		margin:15px 0 0;
}
#banner a{
		float:left;
		width:197px;
		height:140px;
}
#desni{
		float:left;
		width:683px;
		margin:10px 20px 20px;
}

#content_nav {
	padding-top: 10px;
}

#content_nav a {
	float: left;
	background: url(slike/content_nav.gif);
	padding: 6px 12px;
	margin-right: 5px;
	font-weight: bold;
	color: #3693CC;
}

#content_nav a.content_nav_curr {
	background: #3693CC;
	color: #FFFFFF;
}

#content_nav a:hover {
	background: #da261e;
	color: #FFFFFF;
}

#desni p{
		margin:0;
		color:#666666;
		line-height:19px;
		padding:10px 0 10px 0;
		text-align: justify;
}
#sadrzaj-kraj{
		background:url(slike/sadrzaj-kraj.png) no-repeat;
		width:960px;
		height:5px;
}
.novosti{
		width:680px;
		margin:20px 0 0 0;
		float:left;
}
#novosti-gore{
		background:url(slike/novost-gore.png) no-repeat;
		width:680px;
		height:11px;
}
#novosti-sredina{
		background:url(slike/novost-sredina.png) repeat-y;
		width:680px;
		float:left;
}
#novosti-dole{
		background:url(slike/novost-dole.png) no-repeat;
		width:680px;
		height:11px;
		float:left;
}
#image{
		width:205px;
		text-align:center;
		float:left;
		padding-top: 5px;
}

#image img {
	border: 2px solid #e6cc69;
}

#tekst{
		width:455px;
		float:left;
		margin:0 10px;
}

/*
#tekst a{
		font-weight:bold;
		float:right;
		margin:10px 10px 0 0;
		color:#333333;
}
#tekst a:hover{
		color:#FF6600;
}
*/

/* gallery */

#gallery {
	clear: both;
	float: left;
	width: 683px;
}

.gallery_th, .gallery_th_last {
	float: left;
	width: 155px;
	height: 119px;
	margin: 20px 20px 0 0;
}

.gallery_th_last {
	margin: 20px 0 0 0;
}

.gallery_th a, .gallery_th_last a {
	background: #D9DDE0;
	width: 145px;
	height: 109px;
	padding: 5px;
	display: block;
	float: left;
	text-align: center;
}

.gallery_th a:hover, .gallery_th_last a:hover {
	background: #E77318;
}

.gallery_th img, .gallery_th_last img {
	max-width: 145px;
	width: expression((document.body.clientWidth > 147)? "145px" : "auto");
	max-height: 109px;
	height: expression((document.body.clientHeight > 111)? "109px" : "auto");
	border: 0;
}


/********************************************************************** FOOTER *********************************************************************************************/
#footer{
		background:url(slike/footer.png) repeat-x;
		height:44px;
}
#footer2{
		background:url(slike/footer2.jpg) no-repeat;
		height:44px;
		width:960px;
		margin:0 auto;
}
#foole{
		float:left;
		color:#ffffff;
		font-size:11px;
		padding:10px 0 0 20px;
}
#foode{		
		color:#ffffff;
		font-size:11px;
		float:right;
		padding:10px 20px 0 0;
}
#foode a{		
		color:#ffffff;
}
#foode a:hover{		
		color:#333333;
}
/********************************************************************** HEADING I LINK *********************************************************************************************/
h1{	
	width:678px;
	color:#DF0005;
	font-size:18px;
	margin:0;
	padding:15px 0 13px 5px;
	border-bottom:#d9dde0 3px solid;
}
h2{	
	color:#006600;
	font-size:16px;
	margin:0;
}
h3{	
	color:#E77318;
	font-size:16px;
	margin:0;
	padding:15px 0 13px 5px;
	border-bottom:#d9dde0 3px solid;
}
.podnaslov{
	color:#0066FF;
	font-size:14px;
	font-weight:bold;
}
a{
	outline:none;
	text-decoration:none;
}

.txt_links a {
	color: #3693CC;
}

.txt_links a:hover {
	color: #B22724;
	text-decoration: underline;
}

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


/* novost detalj */

#desni p.novost_detalj {
line-height: 19px;
}

.novost_kraj a, .novost_detalj a, .text_kraj a, #tekst h2 a {
color: #3693CC;
text-decoration: none;
}

.novost_kraj a:hover, .novost_detalj a:hover, .text_kraj a:hover {
color: #B22724;
text-decoration: underline;
}

#tekst h2 a:hover {
color: #B22724;
}

#desni p.novost_kraj {
text-align: right;
border-top: 1px solid #D9DDE0;
color: #D9DDE0;
}

.novost_kraj span, .text_kraj span {
color: #666666;
margin-left: 10px;
}

.novost_kraj a, .text_kraj a {
margin-right: 10px;
font-weight: bold;
}

.img_left {
float: left;
margin: 5px 20px 5px 0;
border: 2px solid #FFE38F;
clear: left;
}

.img_right {
float: right;
margin: 5px 0 5px 20px;
border: 2px solid #FFE38F;
clear: right;
}

#desni p.text_kraj {
text-align: right;
color: #AFAFAF;
}



/* kontakt forma */

form {
padding: 0;
margin: 0;
}

input, select, textarea {
font-size: 1em;
font-family: Arial, Helvetica, sans-serif;
}

.kontakt_forma input, .kontakt_forma textarea, .kontakt_forma select {
width: 250px;
margin-top: 3px;
margin-bottom: 10px;
padding: 4px;
background: #FFFFFF;
border: 1px solid #cacaca;
float: left;
color: #505253;
}

.kontakt_forma select {
width: 256px;
}

.kontakt_forma {
width: 400px;
float: left;
padding: 15px 0 0 0
}

.kontakt_forma label {
width: 110px;
float: left;
margin-top: 5px;
font-weight: bold;
color: #5F5F5F;
}

.kontakt_forma input.button {
width: 90px;
margin-left: 110px;
height: 28px;
background: #E77318;
border: 0;
font-weight: bold;
cursor: pointer;
color: #ffffff;
text-transform: uppercase;
margin-bottom: 0;
}

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

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

#desni p.emph {
	color: #E77318;
	font-weight: bold;
}


.sep {
	border-bottom: 2px solid #D9DDE0;
	font-size: 1px;
	padding-top: 10px;
	margin-bottom: 10px;
}

.left_banner img {
	border: 0;
	margin-top: 15px;
}