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

BODY {
	color: #012240;
	background: #fff url(../images/design/bgs/main.jpg) repeat-x 0 0;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
}

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

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

#wrap {
	margin: 0 auto;
	text-align: center;
	width: 964px;
	border-right: 6px solid #fff;
	border-left: 6px solid #fff;
}

#header {
	height: 172px;
	text-align: left;
	border-bottom: 6px solid #fff;
	background: #648bb1 url(../images/design/header.jpg) no-repeat 0 0;
	position: relative;
}
#header #title {
	position: absolute;
	top: 48px;
	left: 151px;
}
#header #message {
	position: absolute;
	top: 15px;
	left: 540px;
}
	
#main {
	text-align: left;
	background-color: #fff;
}

#left-column {
	float: left;
	width: 190px;
	overflow: hidden;
}
	#menu {
		background: #fad53f url(../images/design/nav/top_bg_v2.png) repeat-x 0 0;
		height: 30px;
		padding-left: 30px;
		border-bottom: 6px solid #fff;
		position: relative;
		overflow: hidden;
	}
	#menu A.home-button {
		position: absolute;
		display: block;
		width: 22px;
		height: 22px;
		background: transparent url(../images/design/home/icons/home.png) no-repeat 0 -22px;
		left: 4px;
		top: 4px;
	}
	#menu A.home-button:hover {
		background-position: 0 0;
	}
	#menu A.home-button SPAN {
		display: none;
	}
	#menu UL LI {
		float: left;
		border-right: 1px solid #9e8d5d;
	}
	#menu UL LI.first {
		border-left: 1px solid #9e8d5d;
	}
	#menu UL LI A {
		display: block;
		text-align: left;
		color: #1c428c !important;
		padding: 8px 11px 0 11px;
		text-decoration: none;
		font-size: 11px;
		font-family: Arial, Helvetica, sans-serif;
		text-transform: uppercase;
		line-height: 14px;
		height: 20px;
		/*font-weight: bold;*/
	}
	
	
	.de #menu UL LI A, .it #menu UL LI A {
		font-size: 10px;
		padding: 8px 9px 0 9px;
	}
	
	.es #menu UL LI A  {
		font-size: 10px;
		padding: 8px 10px 0 10px;
	}
	
	.hu #menu UL LI A, .fr #menu UL LI A {
		font-size: 10px;
	}
	
	#menu UL LI A:hover,
	#menu UL LI A.selected {
		color: #E20101 !important;
		background: transparent url(../images/design/nav/top_bg_hover.png) repeat-x 0 0;
	}
	#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;
	}
	
	#subnav-right,
	#subnav {
		border-bottom: 6px solid #fff;
	}
	#subnav-right LI UL,
	#subnav-right {
		padding-left: 0 !important;
	}
	#subnav-right LI {
		list-style-type: none !important;
		padding:0 !important;
	}
	
	#subnav-right LI A,
	#subnav LI A {
		background-color: #137dbc;
		display: block;
		text-align: left;
		font-size: 11px;
		line-height: 14px;
		font-weight: bold;
		color: #fff;
		text-transform: uppercase;
		text-decoration: none;
		border-bottom: 1px solid #fff;
		padding: 5px;
	}
	#subnav-right LI A:hover, 
	#subnav LI A:hover {
		color: #b2def7;
	}
	#subnav-right LI A.selected,
	#subnav LI A.selected {
		background-color: #F8C53E;
		color: #06507c;
	}
	#subnav-right UL LI A,
	#subnav UL LI A {
		background-color: #74B8E0;
		padding: 4px 5px 4px 15px;
		font-weight: normal;
	}
	#subnav-right UL UL LI A,
	#subnav UL UL LI A {
		font-size: 80%;
		padding-left: 30px;
		background: #74B8E0 url(../images/design/nav/bullet-white.png) no-repeat 20px 8px; 
	}
	#subnav-right UL LI A.selected,
	#subnav UL LI A.selected {
		background-color: #8AC7EB;
	}
	
	#subnav-right UL UL LI A.selected,
	#subnav UL UL LI A.selected {
		color: #06507c;
		background: #ffa958 url(../images/design/nav/bullet-blue.png) no-repeat 20px 8px;
	}
#content {
	float: right;
	width: 767px;
	min-height: 740px;
	line-height: 140%;
	background: transparent url(../images/design/bgs/main-content.png) repeat-x 0 0;
	color: #4b4f55;
}


	#content P {
		margin: 2px 6px 12px 6px;
	}
	#content H1 {
		font-size: 24px;
		margin: 6px 6px 12px 6px;
		color: #117dbc;
		font-family: Arial, Helvetica, sans-serif;
		line-height: 26px;
	}
	#content H2 {
		margin: 6px;
		font-size: 160%;
		color: #000:
	}
	#content H3 {
		margin: 4px 6px;
		font-size: 140%;
		color: #000:
	}
	#content H4 {
		margin: 2px 6px;
		font-size: 120%;
		font-weight: bold;
		color: #000:
	}
	#content H5 {
		margin: 2px 6px 0 6px;
		font-weight: bold;
		color: #000:
	}
	
#content-left {
	overflow: hidden;
	width: 571px;
	min-height: 300px;
	float: left;
}
#content-right {
	border-left: 6px solid #fff;
	overflow: hidden;
	width: 190px;
	min-height: 300px;
	float: right;
}
#content-right H3 {
	margin: 0;
	color: #075d8e;
	font-size: 14px;
	font-weight: bold;
	background: #fff url(../images/design/bullet/blue-down.png) no-repeat 0 6px;
	padding: 2px 2px 4px 12px;
}
#content-right H3.normal {
	background: #fff url(../images/design/bullet/blue-normal.png) no-repeat 0 5px;
}
#content-right H3.normal A {
	color: #075D8E;
	text-decoration: none;
}
#content-right H3.normal A:hover {
	text-decoration: underline;
}
#content-right P {
	margin: 0;
	padding: 0;
}
#content-right P IMG {
	border-bottom: 2px solid #fff;
}

#footer {
	height: 65px;
	margin: 6px -11px 0 -11px;
	background: #fff url(../images/design/bgs/footer/main.png) repeat-x 0 0;
}
#footer .aa {
	background: transparent url(../images/design/bgs/footer/left.png) no-repeat 0 0;
}
#footer .aa .bb {
	background: transparent url(../images/design/bgs/footer/right.png) no-repeat 100% 0;
	font-size: 10px;
	text-align: left;
	height: 32px;
	line-height: 24px;
	padding: 0 20px;
}
.bb  A {
	color: #3c5371;
	text-decoration: none;
	font-weight: bold;
}
.bb A:hover {
	text-decoration: underline;
}

#gospina-poruka {
	border: 1px solid #c6c4c4;
	padding: 7px 40px;
	min-height: 181px;
	width: 682px;
	float: left;
	background: #e7f1fc url(../images/design/home/poruka/bg.png) repeat-x 0 0;
	margin-bottom: 7px;
}

#gospina-poruka H1 {
	color: #678dbc;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	font-style: italic;
	margin-top: 7px;
}

#gospina-poruka H1 A {
	color: #0588e4;
}

#gospina-poruka H1 A:hover {
	text-decoration: underline;
}

DIV.gospina-poruka P,
#gospina-poruka P {
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 16px;
	color: #315479;
	line-height: 130%;
}

DIV.gospina-poruka .opsirnije {
	color: #012b50;
	padding-left: 6px;
	font-size: 13px;
	font-weight: bold;
	text-decoration: underline;
}

#razmisljanje-uz-poruku P {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #4B4F55;
	line-height: 140%;
}

#glavni-banneri {
	float: right;
	width: 200px;
	text-align: right;
}


#glavni-banneri  IMG {
	margin-bottom: 3px;
}


#glavna-novost {
	float: left;
	width: 382px;
}

#glavna-novost IMG.novost-slika {
	border: 1px solid #86837b;
}

#glavna-novost DIV.content {
	background: #fff url(../images/design/home/novosti/bg.png) repeat-x 0 0;
	border: 1px solid #c8cccf;
	border-top: 0;
	
	padding: 4px 6px;
}

#glavna-novost DIV.content H2 {
	font-size: 24px;
	padding-left: 40px;
	background: transparent url(../images/design/home/icons/novosti.png) no-repeat 0 0;
	color: #6990c0;
	line-height: 110%;
	padding-top: 5px;
}

#glavna-novost DIV.content H2 A {
	color: #6990c0;
}

#glavna-novost DIV.content H2 A:hover {
	text-decoration: underline;
}

#glavna-novost DIV.content P {
	padding: 0 4px;
	font-size:11px;
	color: #58595b;
}

#ostale-novosti {
	float: right;
	width: 572px;
	overflow: hidden;
}

#arhiva-novosti .novost,
#ostale-novosti .novost {
	margin-bottom: 5px;
}

#ostale-novosti .over {
	background-color: #f0f6fd;
	cursor: pointer;
}

#arhiva-novosti .novost {
	margin-bottom: 20px;
}
#arhiva-novosti .datum {
	margin-left: 6px;
	font-size: 10px;
	clear: left;
}

#arhiva-novosti .novost IMG,
#ostale-novosti .novost IMG {
	float: left;
	border: 1px solid #999;
	margin-right: 10px;
}

#arhiva-novosti .novost IMG {
	margin: 0 10px 0 6px;
}

#arhiva-novosti .novost H3,
#ostale-novosti .novost H3 {
	color: #034b80;
	font-size: 13px;
	font-weight: bold;
	line-height: 120%;
}

#arhiva-novosti .novost H3 {
	font-size: 15px;
}

#arhiva-novosti .novost H3 A,
#ostale-novosti .novost H3 A {
	color: #034b80;
}

#ostale-novosti .novost EM.datum {
	color: #e1a704;
	font-weight: bold;
}

#ostale-novosti .novost P {
	font-size: 11px;
	line-height: 130%;
}

#arhiva-novosti .novost P {
	margin-bottom: 2px;
}

.novost-A .date {
	border-bottom: 1px solid #6990c0;
	margin: 0 6px 12px 6px;
	text-align: right;
	color: #000;
}

.novost-image {
	margin: 0 10px 0 6px;
	float: left;
	border: 1px solid #999;
}

#pager-novosti UL {
	list-style: none !important;
	padding: 0 !important;
}
#pager-novosti UL LI {
	float: left;
	list-style: none !important;
	padding: 0 1px !important;
	display: block;
	min-width: 14px;
	border: 1px solid #aaa;
	text-align: center;
	margin: 0 3px 3px 0;
}
#pager-novosti UL LI A {
	color: #648bb1;
}

#pager-novosti UL LI A.selected {
	color: #c8cccf;
}

#naslovnica-ostalo {
	margin-top: 7px;
	background: #fff url(../images/design/home/ostalo/bg.png) repeat-x 0 0;
}

#naslovnica-ostalo #obavijesti,
#naslovnica-ostalo #podsjetnik {
	width: 384px;
	float: left;
	/* background: transparent url(../images/design/home/ostalo/sep.png) no-repeat 100% 10px; */
}

#naslovnica-ostalo #ostalo {
	width: 194px;
	float: right;
}

#naslovnica-ostalo #obavijesti H2,
#naslovnica-ostalo #podsjetnik H2,
#naslovnica-ostalo #ostalo H2 {
	font-size: 24px;
	padding-left: 40px;
	background: transparent url(../images/design/home/icons/novosti.png) no-repeat 0 0;
	color: #6990c0;
	margin: 6px;
}

#obavijesti .content,
#podsjetnik .content {
	padding: 5px 10px;
	color: #58595b;
	font-size: 11px;
}

#ostalo .content {
	padding: 47px 10px;
	color: #58595b;
	font-size: 11px;
}

#ostalo H3 {
	color: #06507C;
	font-size: 12px;
	font-weight: bold;

}

#podsjetnik H3 {
	color: #06507C;
	font-size: 12px;
	font-weight: bold;

}

#obavijesti .novost H3 A {
	color: #06507c;
	font-weight: bold;
	font-size: 12px;
}

/*Dodao Stjepan*/
#content .img-left { 
	float: left;
	padding: 3px 10px 5px 0;
	}
	
#content .img-right { 
	float: right;
	padding: 3px 0px 5px 10px;
	}
	
#content-left table {
	width:100%;
	margin:0 0 0 6px;
	}

		
#content-left table tr {
	margin:0px;
	padding:0px;
	}	
	
#content-left table tr td {
	margin:0px;
	padding:0px 10px;
	vertical-align:top;
	}
	
#content-left table tr td P {
	margin: 2px 6px 12px 6px;
	}
	
#content-left table tr td H4 {
	font-size: 120%;
	margin:0px;
	padding: 3px 0px ;
	}
	
#content-left table.izdavastvo {
	width: 567px;
	margin:0 0 0 6px;
	font-size: 90%;
	}	
	
#content-left table.izdavastvo tr {
	margin:0px;
	padding:0px;
	vertical-align: top;
	}	
	
#content-left table.izdavastvo tr td {
	margin:0px;
	padding:7px 10px;
	vertical-align: top; 
	}
	
#content-left table.izdavastvo tr td H3 {
	font-size: 110%;
	font-weight: bold;
	margin:0px;
	color: #107ebd;
	}
#content-left table.izdavastvo tr td H4 {
	font-size: 80%;
	font-weight: bold;
	margin:0px;
	color: #107ebd;
	}
	
#content-left table.tbl_content {
	margin: 0 0 0 6px;
	font-size:12px;
	padding:0px;
	}
	
#content-left table.tbl_content tr {
	margin:0px;
	padding:0px;
	vertical-align: top; 
	}
	
#content-left table.tbl_content tr td{
	margin:0px;
	padding:0px;
	vertical-align: top; 
	}
	
#content-left table.tbl_content tr td p{
	margin: 0px 6px 12px 0px;
	padding:0px;
	}
	
	
#content-left table.tbl_content tr td h3{
	margin: 4px 0px;
	padding:0px;
	}
	
#content-left table.tbl_content tr td h4{
	margin: 4px 0px;
	padding:0px;
	}
	
#content .frm-images {
	float: left;
	width: 250px;
	}
	
#content ul {
	padding: 0 0 5px 30px;
	}
#content ul li {
	padding: 0 0 5px 0px;
		list-style-type: disc;
	}

#content ol {
	padding: 0 0 5px 30px;
	}
#content ol li {
	padding: 0 0 5px 0px;
	list-style-type:decimal;
	}
	
#content li ul {
	padding: 0 0 5px 30px;
	}
	
#content li ul li {
	padding: 0 0 5px 0px;
	}


#content #img_header p {
	margin:0px;
	padding:0px;
	}

hr { color:#137DBB;
	
	}
	
	
/* GALLERY IMAGES*/
DIV#bigImageContainer { position: relative; width: 100%; }

DIV#galleryImages { 
	width: 559px; 
	overflow: hidden; 
	margin: 6px;
}

DIV#galleryImages A#goLeft {
	display: block;
	overflow: hidden;
	float: left;
	margin-right: 4px; /*height: 40px; width: 14px; background-color: red; background:  url(/images/background/goLeft.gif) no-repeat 0 0;*/
}

DIV#galleryImages A#goRight {
	display: block;
	overflow: hidden;
	float: right; /* height: 40px; width: 14px; background:  url(/images/background/goRight.gif) no-repeat 0 0;*/
}

DIV#galleryImages A#goRight IMG, DIV#galleryImages A#goLeft IMG { height: 38px; width: 16px; }

DIV#galleryImages H6 { margin-bottom: 8px; }

DIV#imageScroller {
	width: 518px;
	overflow: hidden;
	position: relative;
	margin: 0px 1px 8px;
}

DIV#imageScroller TABLE {
	width: auto;
}

DIV#imageScroller TABLE TD {
	padding: 0 !important;
}

DIV#imageScroller A {
	float: left;
	display: inline;
	text-align: center;
	line-height: 80px;
	width: 54px;
	height: 38px;
	position: relative; /*width: 108px;height: 80px;*/
}

DIV#imageScroller A IMG {
	/*width: 106px; height: 76px;margin-top: 19px;*/
	width: 53px;
	height: 38px;
	position: absolute;
	top: 0px;
	left: 0px;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
}

DIV#imageScroller TABLE TR TD { float: left; }

TABLE.msg {
	width: 100%;	
}

TABLE.msg TR TD {
	background-color: #137dbc;
	color: #fff;
	text-align: center;
	border-bottom: 1px solid #fff;
}

TABLE.msg TR TD A {
	color: #fff;
	text-decoration: none;
	display: block;
	background-color: #137dbc;
	line-height: 24px;
}

TABLE.msg TR.month TD {
	width: 16.66%;
}

TABLE.msg TR.month TD A {
	background-color: #74b8e0;
	line-height: 22px;
}

TABLE.msg TR.month TD A:hover,
TABLE.msg TR.month TD A.selected {
	background-color:#f8c53e;
	color: #06507c;
}

TABLE.msg TR TD A:hover,
TABLE.msg TR TD A.selected {
	background-color: #005282;
}

#search {
	margin-bottom: 3px;
}
#search .inner {
	margin-left: 7px;
	height: 28px;
	padding: 4px;
	background-color: #f6f6f6;
	position: relative;
}

#search .inner INPUT {
	position: absolute;
	top: 7px;
	left: 4px;
	height: 16px;
	width: 147px;
}

#search-btn {
	display: block;
	position: absolute;
	top: 7px;
	left: 162px;
	width: 30px;
	height: 22px;
	background: transparent url(../images/design/icon/search.png) no-repeat 0 0;
}

#search-btn:hover {
	background-position: 0 -22px;
}

#search-btn SPAN {
	display: none;
}

.searchresults {
	
}

.searchresults LI {
	margin-bottom: 10px;
}

.searchresults LI H4 {
	
	margin: 0 !important;
}

.searchresults LI H4 A {
	color: #1c428c !important;	
}

H3#bigImageTitle { }

IMG#bigImage {
	/*width: 584px; position: relative; top: -150px; */
	z-index: 10;
}

IMG#imgLoading {
	width: 50px; /*margin: 100px 45% 0px;*/
	position: absolute;
	left: 250px;
	top: 100px;
	z-index: -1;
}

.link-povratak {
	margin-left: 6px;
}

P#bigImageDescription { }


#application-form-wrap {
	width: 98%;
}

.user-sign-in TR TD,
#application-form TR TD {
	padding: 2px !important;
}

#application-form .field-title {
	text-align: right;
	color: #012b50;
}

#application-form .name80p {
	width: 200px;
}

.auth-required {
	margin: 7px;
	border: 1px solid #8ac7eb;
	padding: 7px;
	color: #333;
	background-color: #f4f9fd;
	border-radius: 5px;
}


BODY.lb {
	direction: rtl;
	font-size:14px;
	font-family: simplified arabic;
}

.lb #menu LI {
	float: right;
	border-left: 1px solid #9E8D5D;
	border-right: 0;
	text-align: right;
}

.lb #menu UL LI A {
	font-size: 16px;
}

.lb #left-column {
	float: right;
}

.lb #content {
	float: left;
	text-align: right;
}

.lb #content-left {
	float: right;
}

.lb #content-right {
	float: left;
	border-right: 6px solid #FFFFFF;
	border-left: 0;
}

.lb #subnav-right LI A, 
.lb #subnav LI A {
	text-align: right;
}

.lb #main {
	text-align: right;
	background-color: #fff;
	
}

.lb #arhiva-novosti .novost IMG,
.lb #ostale-novosti .novost IMG {
	float: right;
	border: 1px solid #999;
	margin-left: 10px;
}

.lb #ostale-novosti .novost P {
	font-size: 14px;
	line-height: 130%;
}

.lb #arhiva-novosti .novost IMG {
	margin: 0 6px 0 10px;
}

.lb .novost-image {
	margin: 0 6px 0 10px;
	float: right;
	border: 1px solid #999;
}

.lb #glavna-novost DIV.content H2 {
	font-size: 24px;
	padding-right: 40px;
	background: transparent url(../images/design/home/icons/novosti.png) no-repeat right 0;
	color: #6990c0;
	line-height: 110%;
	padding-top: 5px;
}

.lb #glavna-novost DIV.content P {
	padding: 0 4px;
	font-size:14px;
	color: #58595b;
}

.lb #naslovnica-ostalo #obavijesti H2,
.lb #naslovnica-ostalo #podsjetnik H2,
.lb #naslovnica-ostalo #ostalo H2 {
	font-size: 24px;
	padding-right: 40px;
	background: transparent url(../images/design/home/icons/novosti.png) no-repeat right 0;
	color: #6990c0;
	margin: 6px;
}

#naslovnica-ostalo #obavijesti .content .novost P IMG{
	
	margin-right:10px;
	margin-top:10px;
	
}

.novost-A DIV IMG{
	
	margin:10px;
	
}

.lb DIV.gospina-poruka P,
.lb #gospina-poruka P {

	font-style: italic;
	font-size: 14px;
	color: #315479;
	line-height: 110%;
}

.lb #content-left table.tbl_content tr td h3{
	text-align: right;
	margin: 4px 0px;
	padding:0px;
	}
	
.lb #content-left table.tbl_content tr td h4{
	text-align: right;
	margin: 4px 0px;
	padding:0px;
	}
	
.lb #content-left table.tbl_content {
	text-align: right;
	margin: 0 0 0 6px;
	font-size:12px;
	padding:0px;
	}
	
.lb #content-left table.tbl_content tr td{
	margin:0px;
	padding:0px;
	vertical-align: top; 
	}
	
.lb #content-left table.tbl_content tr td p{
	text-align: right;
	margin: 0px 6px 12px 0px;
	padding:0px;
	}
	
#content-left #seminar  {
	margin: 20px 0;
}
 
#content-left #seminar tr td {
	padding-bottom: 15px;
}

#content-left #seminar tr td div {
	padding-bottom: 3px;
}

#content-left #seminar tr td input[type='text']{
	width: 60%;
	padding: 3px 2%;
	font-size: 12px;
	line-height: 16px;
}

#content-left #seminar tr td .valid-error {
  border: 1px solid red !important;
}

#content-left #seminar tr td #participation {
  width: 100px;
}

#content-left #seminar tr td textarea {
	width: 60%;
	max-width: 500px;
	min-height: 100px;
	max-height: 200px;
	padding: 3px 2%;
	font-size: 12px;
	line-height: 16px;
}

#content-left #seminar tr td input[type='submit']{
	width: 50%;
	padding: 3px 2%;
	font-size: 14px;
	line-height: 18px;
	cursor: pointer;
} 

#content-left #seminar tr td table tr td {
	padding: 2px 0;
}

#content-left .seminar-links {
	margin: 20px 0 0;
}

#content-left .seminar-links h4 {
	margin: 2px 0;
}

#content-left .seminar-links .seminar-details {
	margin: 0px 0 5px;
}

#content-left h4 {
	text-transform: uppercase;
}


/*  =============== 07. 2022. ============== */ 

figure.glasnik-box {
    float: left;
    margin-left: 0px;
    margin-right: 10px;
}
figure.glasnik-box a figcaption {
    text-align: center;
}
figure.glasnik-box a:hover {
   opacity:0.7;
}
figure.glasnik-box a img {
    width: 132px; 
    height: auto;
}