@import url(blueprint/reset-clearfix.css);

BODY {
	color: #012240;
	background-color: #dfd4b0;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
}

A, A:visited {
	color:#cd0904;
	text-decoration: none;
}
A:hover {
	text-decoration: underline;
}

.left {
	float: left;
}
.right {
	float: right;
}

#wrap {
	margin: 0 auto;
	text-align: center;
	width: 940px;
}

#header {
	height: 180px;
	text-align: left;
	border-bottom: 1px solid #000;
	/*background: #0663b2 url(../images/design/bgs/header.jpg) no-repeat 100% 0;*/
	background: #0663b2;
	overflow: hidden;
	position: relative;
}

#header #flags {
	position: absolute;
	top: 9px;
	right: 738px;
}
#header #flags IMG {
	margin-right: 5px;
}

#header #logo {
	float: left;
	width: 209px;
	overflow: hidden;
}

#header #ilustracija {
	float: right;
	width: 730px;
	overflow: hidden;
}

.homepage #header {
	border-bottom: 1px solid #000;
	background: #024078 url(../images/design/bgs/homepage_top.png) repeat-x 0 0;
}

.homepage #uvod1,
.homepage #uvod2,
.homepage #uvod3 {
	float: left;
	height: 180px;
	width: 242px;
	background: transparent url(../images/design/illustration/uvod1.jpg) no-repeat 100% 0;
	color: #fff;
	border-right: 1px solid #000;
}
.homepage #uvod2 {
	background-image: url(../images/design/illustration/uvod2.jpg);
}
.homepage #uvod3 {
	background-image: url(../images/design/illustration/uvod3.jpg);
}
.homepage #uvod1 H2,
.homepage #uvod2 H2,
.homepage #uvod3 H2 {
	margin: 30px 100px 10px 20px;
	font-size: 18px;
	line-height: 100%;
}

.homepage #uvod1 P,
.homepage #uvod2 P,
.homepage #uvod3 P {
	color: #DDE0E4;
	margin: 0 100px 0 20px;
	font-size: 11px;
}


.homepage #uvod1 ul {
	color: #DDE0E4;
	margin: 0 90px 0 20px;
	font-size: 11px;
}
	

.homepage #uvod1 ul li {
	background: transparent url(../images/design/bullet/homepage-arrow-white.png) no-repeat 0 50%;
	padding: 0 0 0 10px;

}

.homepage #uvod1 a,
.homepage #uvod2 a,
.homepage #uvod3 a {
	color: #fff;
}


#header #logo {
	float: left;
	border-right: 1px solid #000;
}

#above-the-fold {
	height: 196px;
	background-color: #EDE1BB;
	overflow: hidden;
	border-bottom: 1px solid #000;
	text-align: left;
}


#above-the-fold #ilustracija {
	float: right;
	width: 730px;
	overflow: hidden;
}

#above-the-fold #news {
	float: left;
	border-right: 1px solid #000;
	width: 209px;
	background: transparent url(../images/design/bgs/above-news.png) no-repeat 0 0;
	height: 196px;
}
#above-the-fold #news H3 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height: 29px;
	font-size: 13px;
	font-weight: bold;
	color: #01294D;
	padding-left: 15px;
}

#below-the-fold {
	height: 196px;
	background-color: #01294D;
	overflow: hidden;
	border-bottom: 1px solid #000;
	border-top: 1px solid #000;
	text-align: left;
}

#below-the-fold .panel {
	float: left;
	width: 235px;
}

#below-the-fold .panel IMG {
	margin: 15px 0 0 20px;
}
#below-the-fold .panel H3 {
	color: #8FB7DB;
	margin: 10px;
	padding-left: 10px;
	background: transparent url(../images/design/bullet/homepage-arrow-white.png) no-repeat 0 50%;
}
#below-the-fold .panel H3 SPAN {
	display: block;
	border-bottom: 1px dashed #fff;
	font-size: 14px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#below-the-fold .panel P {
	margin: 15px 0 0 20px;
	color: #DDE0E4;
	font-size: 11px;
}

#below-the-fold .panel P a {
	text-decoration:underline;
	color: #8fb7db;
}

#below-the-fold .panel P a:hover {
	text-decoration:none;
}
	
	
#main {
	text-align: left;
	background: #f8f8f8 url(../images/design/bgs/main.png) repeat-y 0 0;
}

#left-column {
	float: left;
	width: 210px;
}
	#menu {
		line-height: 14px;
	}
	#menu UL LI A {
		display: block;
		color: #ede1bb !important;
		padding: 7px 5px 7px 25px;
		background: #023e73 url(../images/design/nav/normal.png) repeat-x 0 0;
		text-decoration: none;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size: 13px;
		line-height: 23px;
		font-weight: bold;
	}
	#menu UL LI A:hover,
	#menu UL LI A.selected {
		color: #fff !important;
	}
	#menu UL UL {
		margin: 3px;
	}
	#menu UL UL LI A {
		color: #f8f8f8 !important;
		background: none;
		padding: 0 0 0 27px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		border-bottom: 1px solid #012b50;
	}
	#menu UL UL LI A:hover, 
	#menu UL UL LI A.selected{
		background: none;
		border-bottom: 1px dashed #ede1bb;
	}
	
	#homepage-menu {
		line-height: 14px;
		overflow: hidden;
		width: 940px;
		height: 37px;
		background: #023e73 url(../images/design/nav/normal.png) repeat-x 0 0;
	}
	#homepage-menu UL LI {
		float: left;
	}
	#homepage-menu UL LI.sep {
		display: block;
		float: left;
		width: 5px;
		height: 37px;
		background: transparent url(../images/design/bgs/homepage-menu-separator.png) no-repeat 0 0;
	}
	#homepage-menu UL LI A {
		display: block;
		color: #ede1bb !important;
		padding: 7px 0 7px 0;
		background: #023e73 url(../images/design/nav/normal-index.png) no-repeat 0 0;
		text-decoration: none;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size: 12px;
		line-height: 23px;
		font-weight: bold;
		width: 104px;
	}
	#homepage-menu UL LI A:hover,
	#homepage-menu UL LI A.selected {
		color: #fff !important;
	}
	
#znamenitost {
	margin-left: -24px;
	width: 731px;
	overflow: hidden;
}

#znamenitost IMG {
	
}
	
#content {
	float: right;
	width: 706px;
	min-height: 740px;
	line-height: 18px;
}
	#content P {
		margin-bottom: 12px;
		width: 500px;
	}
	#content H1 {
		font-size: 16px;
		font-weight: bold;
		margin: 15px 5px 15px 0;
		color: #318ddd;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	}
	#content H2 {
		font-size: 150%;
		color: #000;
		padding: 0 0 8px 0;
	}
	#content H3 {
		font-size: 140%;
		color: #000;
		padding: 0 0 5px 0;
	}
	#content OL, #content UL {
		padding-left: 30px;
		width: 460px;
		padding-bottom:12px;
	}

	#content OL LI,
	#content UL LI {
		list-style: decimal;
		padding-left: 0px;
		padding-bottom: 4px;
	}

	#content UL LI {
		list-style: disc;
	}
	
#menu-level-3 {
	background: transparent url(../images/design/bgs/menu-level-3.png) repeat-x 0 0;
	width: 160px;
	padding: 10px;
	margin-left: 20px;
	min-height: 500px;
	float: right;	
}

#menu-level-3 A {
	color: #318DDD;
	text-decoration: none;

}

#menu-level-3 A:hover {
	text-decoration: underline;
}

#menu-level-3 A.active {
	color: #013563;
}

#menu-level-3 H3 {
	font-size: 14px;
	font-weight: bold;
}

#menu-level-3 OL {
	margin: 0;
	padding: 0;
	border-bottom: 1px dashed #012B50;
	margin-bottom: 24px;
	padding-bottom: 6px;
	width:160px;
}

#menu-level-3 OL LI {
	list-style: none;
	padding: 0 0 0 12px;
	background: transparent url(../images/design/bullet/menu-right.png) no-repeat 2px 5px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight:bold;
}

#menu-level-3 P {
	font-size: 11px;
	color: #012B50;
	border-bottom: 1px dashed #012B50;
	line-height: 120%;
	margin-bottom: 12px;
	padding-bottom: 6px;
	width: auto;
}



#footer {
	height: 170px;
	background-color: #013563;
	border-top: 1px solid #000;
}
#footer .inner {
	height: 94px;
	color: #5580a7;
}
#footer .inner DIV {
	padding: 16px;
	font-size: 10px;
	text-align: left;
}


	
/* Dodao Stjepan*/
#above-the-fold #news ul {
font-size:11px;
padding:10px 0 0 15px;
}

#above-the-fold #news ul li {
	list-style: none;
	padding: 0 8px 0 12px;
	background: transparent url(../images/design/bullet/news-index.png) no-repeat 2px 5px;
}
#above-the-fold #news ul li a {
 color:#01294D;

}

#header-more {
	width:730px; 
	height: 180px;
	position:relative;
	z-index:0;
	}

#header-more #more {
	top: 154px;
	left: 20px;
	position:absolute;	
	z-index: 10;
	background: transparent url(../images/design/sights/more.gif) no-repeat 2px 2px;
}	

#header-more #more a {
	font-size:11px;
	color:#b2dbff;
	padding: 0 5px 0 15px;
}


#header-more #more_head {
	top: 124px;
	left: 7px;
	position:absolute;	
	z-index: 20;
	font-size:18px;
	color:#ffffff;
	padding: 0 5px 0 15px;
}	

#sights-header {
	width:730px; 
	height: 400px;
	position:relative;
	z-index:0;
	border-bottom: solid 1px #012240;
	}

#sights-header #back {
	top: 371px;
	left: 20px;
	position:absolute;	
	z-index: 10;
	background: transparent url(../images/design/nav/go-back.gif) no-repeat 2px 2px;
}	

#sights-header #back a {
	font-size:11px;
	color:#b2dbff;
	padding: 0 5px 0 15px;
}

#menu-level-sights {
	width: 165px;
	padding: 10px;
	margin-left: 10px;
	float: right;	
}

#menu-level-sights P {
	font-size: 11px;
	width: auto;
	padding:0px;
	margin:0px;
}

#menu-level-sights h5 {

	background: transparent url(../images/design/sights/sights_arr.gif) no-repeat 0px 6px;
	padding: 0 0 10px 12px;
}

#menu-level-sights h5 a {
	color: #aca8a8;
	font-size:10px;
	font-style:italic;
}

#menu-level-sights p img{
	border: 1px dashed rgb(153, 153, 153); padding:5px; margin-bottom: 10px;
}

#application-form-wrap {
	border: 1px solid #ccc;
	background-color: #fff;
	margin-bottom: 20px;
	border-top-color: #bbb;
	border-left-color: #bbb;
	width: 500px;
}

#application-form {
	margin: 15px;
	width: 470px;
	/*border-right: 0;
	border-left: 0;*/
}

#application-form TR TD {
	padding: 2px 5px 7px 5px;
	vertical-align: top;
}

#application-form .field-title {
	color: #333;
	font-weight: bold;
	background: transparent url(../images/design/bullet/prijava.png) no-repeat 0 5px;
	padding-left: 6px;
}

#application-form LABEL {
	color: #000;
}

#application-form INPUT.missing {
	border-color: red;
}

#application-form INPUT.name80p {
	width: 80%;
}

#application-form INPUT.name60p {
	width: 60%;
}

#application-form INPUT.name440px {
	width: 440px;
}

#more-news {
	width:500px; 
	border-top: 1px solid #666;
	margin-bottom: 20px;
}

#more-news .vijest {
	border-bottom: 1px solid #ddd;
	padding: 2px 0;
}

#more-news .vijest .datum {
	font-size: 14px;
	font-weight: bold;
	width: 100px;
	float: left;
}

#more-news .vijest H4 {
	margin-left: 105px;
}

#news-details {
	min-height: 400px;
}

#news-details .title {
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 10px;
}