@charset "utf-8";
/* CSS Document */

html, body {
	height:100%;
	margin: 0px;
	padding: 0px;
	border:0px;
	font: 13px/17px "Ubuntu", Helvetica, sans-serif;
	color:#003366;
	font-weight:400;
	background-color:#E0E0E0;
	width:100%;
	background-image:url(images/mainBck.jpg);
	background-position:top center;
	background-attachment:fixed;
	background-repeat:no-repeat;

}
a {
	text-decoration: none;
	color:#336699;
}
a:hover {
	color:#006699;
	text-decoration: underline;
}
form {
	margin: 0px;
	padding: 0px;
}
h2 {
	font-size:16px;
	color:#003366;
	line-height:1.1em;
	margin:0px 0px 15px 0px;
}
h1 {
	font-size:25px;
	font-family: "Ubuntu", Arial, Helvetica, sans-serif;
	font-weight:400;
	font-weight:normal;
	color:#003366;
	line-height:1.2em;
}
h1 span {
	color:#cccccc;
	font-weight:normal;
}
h3 {
	margin: 0px;
	padding: 0px 0px 5px;
	line-height:15px;
	font-size:12px;
	font-weight:normal;
}
img {
	margin: 0px;
	padding: 0px;
	border-style: none;
	border-width: 0px;
}
p {
	margin: 0px;
	padding: 0px 0px 10px 0px;
	font: 13px/18px "Ubuntu", Helvetica, sans-serif;
	color:#003366;
}
hr {
	margin-bottom: 15px;
	height:1px;
	border: 1px  inset #E4E4E4;
}
ol {
	margin: 0px 0px 10px;
	padding: 0px 0px 10px 30px;
}
label {
	width:110px;
	display:block;
	float:left;
	margin-right:15px;
	text-align:right;
	background-color:#E5E5E5;
	padding:2px 5px 2px 1px;
}
fieldset {
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin:10px 0px;
	padding:10px 15px;
	border:1px inset #fff;
	width:93%;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EAEAEA', endColorstr='#EEEEEE'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#EAEAEA), to(#EEEEEE)); /* for webkit browsers */
	background: -moz-linear-gradient(top, #EAEAEA, #EEEEEE);
}
input, select {
	padding:4px;
}
.float-left {
	float: left;
}
.float-right {
	float: right;
}
.clear {
	clear: both;
}
#main {
	width:100%;
	margin:15px 15px;
	background-attachment: scroll;
	background-repeat: repeat-y;
	background-position: center top;
	min-width:960px;
}
#wrapper {
	margin:auto;
	width: 970px;
	position:relative;
	min-height:500px;
	position:relative;
	background-image:url(images/bck.png);
	background-attachment:scroll;
	background-position:center top;
	background-repeat:repeat-y;
	

}
#top{
	height:271px;
	position:relative;
	
}
#logo{
	position:absolute;
	left:-15px;
	top:-3px;
	width:263px;
	height:235px;
	background-image:url(images/topLogo.png);
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-position:left left;
	
	
}

#brod{
	top:-20px;
	width:700px;
	background-color:#FFF;
	position:absolute;
	left:253px;
	taxt-align:center;
	
}

#menuBoxTopLeft{
	height:22px;
	position:absolute;
	background-color:#0099FF;
	top:250px;
	width:192px;
	left:16px;
	padding-left:18px;
	color:#fff;
	font-weight:bold;
}

#menuBoxTopRight{
	height:12px;
	position:absolute;
	background-color:#39F;
	top:250px;
	width:726px;
	left:239px;
}

#mainbox{
	
	min-height:550px;
	margin:auto;
	width:940px;
	margin-top:10px;
	padding:0px 10px
	
}
#left{

	width:220px;
	min-height:550px;
	float:left;	
	margin-top:-40px;
	position:relative;
	z-index:10;
	
}

#textBox{
	width:510px;
	min-height:550px;
	float:left;
	margin-left:10px;
	font-size:13px;
	padding-right:12px;
	color:#505C7C;
	overflow:hidden;
}

#textBox h1{

font-size:22px;
margin-bottom:10px;
font-weight:bold;
	color:#505C7C;
	margin-top:8px;
}
#textBox h2{

font-size:15px;
margin-bottom:10px;
font-weight:normal;
line-height:1.2em;
	color:#505C7C;
}

#right{

	width:180px;
	min-height:550px;
	float:right;
	position:relative;

		
}

#tabmenu{
	width:231;
	margin:0px 0px 0px -21px;
	padding:14px 0px 0px 24px;
	height:54px;
	background-image:url(images/tabmenu.png);
	background-position:left top;
	background-repeat:no-repeat;
	font-size:13px;
	display:block;
	font-weight:bold;
}
#tabmenu span{

	font-weight:normal;
}
#tabmenu:hover{
	text-decoration:none;
		background-position:left bottom;
}

#topRight{
	position:absolute;
	top:-25px;
	right:-10px;
	background-image:url(images/desnoTop.png);
	background-repeat:no-repeat;
	background-attachment:scroll;
	background-position:right top;
	height:200px;
	width:165px;
	padding:26px 0px 0px 40px;

	
	
}

#topRight #topLeftmen{
	float:left;
	font-size:10px;
	
}
.srch{
	width:100px;
	height:23px;
	background-image:url(images/pdlSrch.jpg);
	background-repeat:no-repeat;
	background-position:left center;
	border:0px none;
	background-color:transparent;
	
}

.srcBtn{
	background-image:url(images/srcBtn.jpg);
	width:61px;
	height:23px;
	background-repeat:no-repeat;
	background-position:left top;
	border:0px none;
	margin-left:-15px;
	margin-top:4px;	
	position:absolute;
	
	
}
#logotxt{
margin-top:140px;
clolor:#fff;
margin-left:25px;
font-size:14px;

}
#logotxt strong{
color:#fff;
}




/* --- Links --- */


.accordion a{border-width:1px;
text-decoration:none;
}

.accordion a:hover, .accordion a:focus, .accordion a:active 
{
text-decoration:none;
outline:0 none
}


/* --- Accordion --- */


.accordion {
	margin:5px 0px 10px -15px;
	padding:0px 0px; width:220px;
	font-family:"Arial", Helvetica, sans-serif;
	
	
	}

.accordion li {
	list-style-type:none;
	padding:3px 0px 3px 10px ;
	margin-left:8px;
	font-family:"Arial", Helvetica, sans-serif;
	font-size:14px;
	
	
	
	
	}
.accordion ul {
margin:5px 0px 5px 0px;
padding:0px;
	}
	
.accordion li.last-child {
	margin-left:19px; list-style-type:none;
		 font-size:12px;
	 font-weight:bold;
	 padding-left:22px;
	 

	}



.switch {
	margin-bottom:.5em
	}

/*  
  Add styles for all links in the 'accordion':
.accordion a {...}
*/    

a.trigger {
	display:block;
	padding-left:19px;
	margin-left:0px;
	background-image: url(images/plus.png);
	background-repeat: no-repeat;
	background-position: 0px 2px; 
	border-bottom:1px solid #999;
	line-height:1.4em;
	font-weight:normal;
	 
	 			 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#EEEEEE'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFF), to(#EEEEEE)); /* for webkit browsers */
	background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE);
		-moz-border-radius: 4px;
	border-radius: 4px;
	
	}
	
#force {
	display:block;
	padding-left:19px;
	margin-left:-23px;
	font-family:"Arial", Helvetica, sans-serif;
	font-size:14px;
	
	 font-weight:bold;
	background-image: url(images/plus.png);
	background-repeat: no-repeat;
	background-position: 0px 2px; 
	border-bottom:1px solid #999;
	line-height:1.4em;
	 font-weight:bold;
	 
	 			 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#EEEEEE'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFF), to(#EEEEEE)); /* for webkit browsers */
	background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE);
		-moz-border-radius: 4px;
	border-radius: 4px;
	
	}
	

a.trigger.open {
	background-image: url(images/minus.png);
	 color: #036;
	 
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#99CCFF'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFF), to(#99CCFF)); /* for webkit browsers */
	background: -moz-linear-gradient(top, #FFFFFF, #99CCFF);
	 



	 }

.last-child a.trigger{
	
	margin-left:-15px;
	background-image:none;
	font-weight:normal;
		background-image: url(images/plusm.png);
	background-repeat: no-repeat;
	background-position: 5px 2px; 
	
	
		
	
	}

#glavnaVijest{
	width:290px;
	float:left;
	text-align:left;
	padding-right:10px;
	margin-top:15px;

	
}

#glavnaVijest:hover{
	color:#1D2134;
}

#glavnaVijest img{
	width:290px;
	border:1px solid #ccc;
	padding:3px;
	
}

#glavnaVijest h1{
	font-size:18px;
	font-weight:bold;
	background-color:#E6E6E6;
	margin-top:0px;
	padding:10px 10px 10px 10px;
	width:278px;
	text-shadow: 1px 1px white, -1px -1px #ccc;
	-moz-border-bottom-left-radius: 10px;
	border-bottom-left-radius: 10px;
	-moz-border-bottom-right-radius: 10px;
	border-bottom-right-radius: 10px;
	color:#2E4E67;
}
#ostaleVijesti{
border-left:1px dotted #ccc;
border-right:1px dotted #ccc;
min-height:500px;
margin-left:10px;
width:170px;
	float:left;
	padding:0px 10px 0px 10px;
	overflow:visible;
		margin-top:15px;
		z-index:100;
}
#ostaleVijesti h1{
font-size:12px;
font-weight:bold;


}
#ostaleVijesti img{
width:160px;
	border:1px solid #ccc;
	padding:3px;
}
#kamera{
	background-image:url(images/podlogaKamera.jpg);
	background-attachment:scroll;
	background-position: -5px -9px;
	background-repeat:no-repeat;
	width:200px;
	height:130px;
margin-top:115px;
margin-left:4px;
padding:10px 0px 0px 8px;
position:relative;

}

#download{
	background-image:url(images/iconDownload.png);
	background-position:left top;
	background-attachment:scroll;
	background-repeat:no-repeat;
	width:112px;
	height:35px;
	position:absolute;

	padding:10px 0px 0px 50px;
	
}


#weather{
	background-image:url(images/wheather.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	width:189px;
	height:122px;	
	padding-top:9px;
}


#euVijesti{
margin-top:20px;
	width:500px;
	border-top:3px solid #ccc;
	border-bottom:3px solid #ccc;
	position:relative;
	font-size:12px;
	min-height:144px;
}
#euVijestiTitle{
	position:absolute;
	left:0px;
	top:-20px;
	border:1px solid #ccc;
	padding: 2px 20px;
	background-color:#ccc;
	color:#fff;
	font-size:11px;
	font-weight:bold;
	
}
#euVijesti h1{
font-size:14px;
}

#euVijesti img{

margin:10px 15px 0px 0px;
padding:3px;
border:1px solid #ccc;
}


.weather_icon_forecast{
	width:30px;
}

.clear_weather{
	height:10px;
}
.jquery-slider-selectors{
visibility:hidden;
display:none !important;
}
.jquery-slider-control-play{
visibility:hidden;
display:none !important;
}
.jquery-slider-navigation{
right:20px !important;
}
#dnomedia{
	width:240px;
	margin-top:10px;
	float:left;
}

#koncesiaTit{
	width:150px;
	padding:2px 12px;
	background-color:#BCBCBC;
	color:#fff;
	margin-top:5px;
	margin-top:10px;
}
#koncesije{
	font-size:11px;
	margin-left:-40px;
	width:170px;
}

*+html #koncesije{
	font-size:11px;
	margin:0px;
	width:170px;
}
#koncesije li{
border-bottom:1px solid #ccc;
line-height:1.3em;
padding:5px 0px;
list-style:none;
background-image:url(images/koncli.png);
background-repeat:no-repeat;
background-position:0px 5px;
padding-left:20px;

}

#vrijeme{
	border:1px solid #F0F0F0;
	padding:10px 0px;
	-moz-border-radius: 10px;
border-radius: 10px;
margin-top:15px;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#F0F0F0'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFF), to(#F0F0F0)); /* for webkit browsers */
	background: -moz-linear-gradient(top, #FFFFFF, #F0F0F0);
}

#brodoviGlava{
top:0px;
left:515px;
width:306px;
height:350px;
height:0;
color:#FFF !important;
background-color:#fff !important;
}

#brodoviGlava h1{
font-size:16px !important;
color:#FFF !important;

}
 #dobrodosli{
padding:5px 20px;
text-align:center;
background-color:#036;
color:#fff;
width:140px;

}

#vise{
float:right;
margin-right:20px;
background-image:url(images/vise.png);
background-position:left top;
background-repeat:no-repeat;
padding-left:25px;
}

#vise img{
height:16px !important;
width:15px !important;
margin-top:10px;


}

#cijelaVijest{
  margin-top:10px;
}

#cijelaVijest img{
width:494px;

padding:3px;
border:1px solid #ccc;
}

#dno{
		width:970px;
	height:65px;
	margin:auto;
		background-image:url(images/bckB.png);
	background-attachment:scroll;
	background-position:center bottom;
	background-repeat:no-repeat;
}
#dnolink{
	color:#CCC;
	padding-top:20px;
	font-size:12px;
	text-align:center;
	
}

#krivulje{
	position:absolute;
	z-index:100;
	width:726px;
	height:152px;
	background-image:url(images/krivulje.png);
	background-position:bottom left;
	background-repeat:no-repeat;
	left:239px;
	top:98px;
	
}

#searchres h1{
font-size:13px;
margin:0px;
padding:0px;
}
#searchres hr{
border:#CCCCCC dotted 1px;
}

#search input{
	font-size:11px;
}
#search #txt{
	float:left;
	width:90px;
}
#searchres ul a:hover {
text-decoration:none;
}

#search #btn{
	float:left;
	height:25px;
	margin-top:-1px;
	padding:0px;
}

.slikaGalerija{
margin:5px;
border:7px  #E4E4E4 solid;

}

#zahtjev label{
width:140px;
float:left;
display:block;
text-align:right;
padding:2px 10px;
background-color:#FFF;


}

#zahtjev p{
margin-bottom: 3%;
display:block;
height:80%;

}
#zahtjev input,textarea{
width:250px;
border:#999 solid 1px;
}

.highlight{
	background-color:#FFCC66;
	color:#FF0000;
}
.error{
font-size:11px;
color:red;
background-color:#FFCC99;

}

.warning { color: red; }

.errorMessage{
color:#FFFFFF;
background-color:#FF0000;
padding:4px 10px;
font-weight:bold;
margin:15px 0px;
}

.successMessage{
color:#FFFFFF;
background-color:#009900;
padding:4px 10px;
font-weight:bold;
margin:15px 0px;
}