@import url("navigation.css");
@import url("fancybox.css");

/******************* GENERAL ELEMENTS *******************/

* {
			margin: 0;
			padding: 0;
}
html {
			font: 11px Arial, Helvetica, sans-serif;
			color: #333333;
			margin: 0px;
			padding: 0px;
}
body {
			margin: 0px;
			padding: 0px;
			background: #014572 url(../images/bg.jpg) repeat-x;
}
#logo {
			height: 115px;
			width: 188px;
			position: absolute;
			background: url(../images/logo.jpg) no-repeat;
			left: 14px;
			top: 14px;
}
#logo a {
			height: 115px;
			width: 188px;
			text-indent: -999em;
			display: block;
}

a:link {
			color: #ec1018;
			text-decoration: underline;
}
a:visited {
			color: #ec1018;
			text-decoration: underline;
}
a:hover {
			color: #801a23;
			text-decoration: none;
}
a:active {
			color: #65141D;
			text-decoration: none;
}
.clear {
			font-size: 1px;
			line-height: 1px;
			margin: 0px;
			padding: 0px;
			clear: both;
			height: 1px;
			width: 1px;
}
legend {
			display:none;
}
fieldset {
			border-style: none;
			margin: 0px;
			padding: 0px;
}
.FloatLeftImg {
			float: left;
			margin: 0px 7px 0px 0px;
			padding: 1px;
			border: 1px solid #e7bc4e;
			background: #FFFFFF;
}


/******************* LAYOUT *******************/
#container {
			width: 884px;
			border: 8px solid #FFFFFF;
			background: #FFFFFF;
			margin: 10px auto 0px;
}
#header {
			position: relative;
			background: url(../images/headerImage.jpg) no-repeat right bottom;
			height: 139px;
}

#topNav {
			height: 40px;
			position: relative;
}

/***** LEFT COL *****/
#leftCol {
			display: inline;
			float: left;
			width: 670px;
			margin-top: 8px;
			margin-right: 8px;
}
/***** NEWS *****/
#news {
			float: left;
			width: 670px;
			display: inline;
}
#news .title {
			font-size: 15px;
			color: #FFFFFF;
			font-weight: bold;
			text-transform: uppercase;
			background: #3587B9 url(../images/bova.jpg) no-repeat 0px 0px;
			padding-top: 10px;
			padding-left: 43px;
			margin-bottom: 1px;
			display: block;
			padding-bottom: 11px;
}
/***** ARTICLE *****/
.article {
			background: #f6f9ff;
			border: 1px solid #eaf1ff;
			padding: 5px;
			margin-bottom: 1px;
			width: 658px;
			float: left;
			display: inline;
}
.article h2 {
			font-size: 18px;
			color: #333333;
			font-weight: normal;
			border-bottom: 1px solid #e8eef6;
			padding-bottom: 2px;
			background: url(../images/bullet1.jpg) no-repeat 0px 3px;
			padding-left: 18px;
			margin-bottom: 3px;
}
.article .date {
			background: url(../images/bullet2.jpg) no-repeat 0px 0px;
			font-size: 11px;
			color: #aeaeae;
			display: block;
			padding-left: 18px;
			margin-bottom: 3px;
}
.details {
			background: #FFFFFF;
			text-align: center;
			display: block;
			float: right;
			height: 16px;
			width: 46px;
			border: 1px dashed #ECF2FF;
			color: #EC1018;
}
/***** RIGHT COL *****/
#rightCol {
			float: right;
			width: 204px;
			display: inline;
			margin-top: 8px;
			padding: 0px;
}
/***** CALENDAR *****/
#calendar {
			margin: 0px;
			padding: 0px 0px 14px;
			background: url(../images/calendarBg.jpg) repeat-x 0px 40px;
			color: #FFFFFF;
}
#calendar h1 {
			background: url(../images/kalendarDogadjanja.jpg) no-repeat 0px 0px;
			text-indent: -999em;
			height: 40px;
}

#calendar table									{
			width: 178px;
			padding: 0;
			/*border-collapse: collapse;*/
			margin: 0 auto;
			text-align: center;
}

#calendar th									{
			font-weight: normal;
			padding-top: 3px;
			padding-bottom: 5px;
}

#calendar td									{
			padding-top: 2px;
			padding-bottom: 2px;

}

#calendar .Month								{
			color: #FFFFFF;
			text-transform: uppercase;
			border-bottom: 1px solid #3691cb;
			padding-top: 5px;
			font-weight: bold;
			text-align: left;
			padding-left: 5px;
			padding-bottom: 2px;
}
#calendar .previousMonth {
			border-bottom: 1px solid #3691cb;
			padding-top: 5px;
}
#calendar .nextMonth {
			border-bottom: 1px solid #3691cb;
			padding-top: 5px;
}
#calendar .hideDate {
			color: #0066a7;
}



#calendar .currentDay							{
			background: #e4b232;
}
#calendar   .events 										{
			font-weight: bold;
			color: #FFFFFF;
			background: url(../images/selectedEventsDay.gif) no-repeat right 8px;
			display: block;
			text-decoration: none;
}
#calendar     .events:hover  										{
			color: #333333;
			text-decoration: none;
			background: url(../images/selectedEventsDay-over.gif) no-repeat right 8px;
}

.calendarEvents									{
			background: #6bb3e1 url(../images/calendarEventsBg.jpg) repeat-x 0px 0px;
			margin-top: 1px;
			padding: 5px;
			float: right;
			width: 194px;
			display: inline;
}
.calendarEventsDate 						{
			color: #333333;
			background: url(../images/calendarEventsDateBg.jpg) no-repeat 0px 0px;
			margin: 0px 5px 0px 0px;
			padding: 0px;
			height: 39px;
			width: 36px;
			float: left;
			display: block;
}
.calendarEventsDate .month {
			color: #FFFFFF;
			display: block;
			text-align: center;
			font-size: 10px;
			font-weight: bold;
}
.calendarEventsDate .date {
			display: block;
			text-align: center;
			font-size: 16px;
			font-weight: bold;
			padding-top: 3px;
}


.calendarEvents a								{
			font-weight: normal!important;
			color: #333333;
			text-decoration: none;
}
.calendarEvents  a:visited {
			color: #333333;
			text-decoration: none;
}
.calendarEvents a:hover {
			color: #333333;
			border-bottom: 1px dashed #333333;
}
/********* SMALL BANNERS *********/
.smallBanners {
			margin: 10px 0px 0px;
			padding: 0px;
			float: right;
			width: 204px;
			display: inline;
}
smallBanners a {
			border-style: none;
			margin: 0px;
			padding: 0px;
			display: block;
}
.smallBanners img {
			border-style: none;
			margin: 3px 0px;
			padding: 0px;
}
/********* FOOTER *********/
#footer {
			height: 38px;
			width: 900px;
			margin-right: auto;
			margin-bottom: 10px;
			margin-left: auto;
			position: relative;
			color: #FFFFFF;
			text-align: center;
			background: url(../images/footerBg.jpg) repeat-x 0px 0px;
}

#footer p {
			padding-top: 10px;
			padding-bottom: 10px;
}
#footer a {
			color: #ffd568;
}

#footer #newsletter {
			background: url(../images/newsletterBG.jpg) no-repeat 0px 0px;
			margin: 0px;
			padding: 0px;
			height: 35px;
			width: 223px;
			position: absolute;
			top: 0px;
			right: 0px;
}
/********* NEWSLETTER *********/
#newsletter .txtBox 						{
			left: 0px;
			top: 0px;
			background: url(../images/newsletterfield.jpg) no-repeat 0px 0px;
			height: 30px;
			width: 155px;
			border-style: none;
			padding-top: 8px;
			padding-left: 10px;
			color: #FFFFFF;
			float: left;
			font-size: 11px;
}
.newsletterBtn {
			height: 30px;
			width: 45px;
			background: url(../images/submitNewsletter.jpg) no-repeat 0px 0px;
			left: 169px;
			border-style: none;
			text-indent: -999em;
}
/********* PAGINATION *********/
.Paginacija 								{
			float: left;
			width: 670px;
			text-align: center;
			padding-bottom: 10px;
			display: inline;
			padding-top: 10px;
			margin: 0px;
}
.Paginacija  a   							{
			padding: 0px 4px;
			background: #FFFFFF;
			text-decoration: none;
			color: #3D92C8;
			margin: 0px;
			border-right: 1px solid #D7E3FF;
}
.Paginacija a:visited 						{
			text-decoration: none;
			color: #3D92C8;
}
.Paginacija a:hover 						{
			color: #ec1018;
			text-decoration: underline;
}
.Paginacija .Prethodna 						{
			padding: 1px 5px;
			font-size: 11px;
			color: #ec1018;
			border-right: 1px solid #D7E3FF;
			margin: 0px;
}
.Paginacija .Prethodna:visited					{
			color: #ec1018;
}
.Paginacija .Slijedeca 						{
			padding: 1px 5px;
			color: #ec1018;
			border-style: none;
}
.Paginacija .Slijedeca:visited 						{
			color: #ec1018;
}
.Paginacija .selected 						{
			padding: 1px 5px;
			font-size: 11px;
			vertical-align: top;
			color: #014572;
			font-weight: bold;
			border-right: 1px solid #D7E3FF;
}
.Paginacija span {
			border-right: 1px solid #D7E3FF;
			font-weight: bold;
			color: #D7E3FF;
			padding: 1px 8px;
}
/********* MAIN CONTET *********/
#mainContent {
			float: left;
			width: 670px;
			display: inline;
}
#mainContent .title {
			font-size: 15px;
			color: #FFFFFF;
			font-weight: bold;
			text-transform: uppercase;
			background: #3587B9 url(../images/bova.jpg) no-repeat 0px 0px;
			padding-top: 10px;
			padding-left: 43px;
			display: block;
			padding-bottom: 11px;
			margin: 0px 0px 5px;
}
#mainContent p {
			margin-bottom: 7px;
			margin-top: 0px;
}

/********* OL LIST *********/
#mainContent ol 							{ line-height:12px; padding:0px; margin-top: 5px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; }
#mainContent ol li 							{ list-style: decimal inside; padding: 2px 0px; margin: 0px 0px 2px 15px; }

/********* UL LIST *********/
#mainContent ul 							{ line-height:12px; padding:0px; margin-top: 5px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; }
#mainContent ul li 							{
			margin: 0px 0px 2px 15px;
			padding: 2px 0px;
			list-style: disc url(none) inside;
}

/********** DOCUMENTS *********/
#documents 									{
			padding: 0px;
			background: url(../images/documents_icon.jpg) no-repeat 5px 5px;
			margin: 15px 0px;
}
#documents h1 {
			font-size: 16px;
			text-transform: uppercase;
			padding-left: 50px;
			padding-top: 5px;
}

#documents ul 								{
			margin: 0px;
			padding: 5px 0px 5px 50px;
			list-style: none;
			background: url(../images/bgVezaniDokumenti.jpg) no-repeat 0px 0px;
}
#documents li 								{ background: url(../images/bullet.jpg) no-repeat 0px 5px; margin: 0px; padding: 0px 0px 0px 18px; }
#documents a 								{
			color: #EC1018;
			text-decoration: none;
}
#documents a:hover 							{ text-decoration: underline; }
#documents span 							{ color: #7C7C7C; }
#documentBottom 							{ background: url(../images/bgBottomVezaniDokumenti.jpg) no-repeat 0px 0px; margin: 0px; padding: 0px; height: 6px; font-size: 0px; line-height: 0px; }

/********** GALLERY *********/
.gallery 									{
			margin: 5px 0px;
			padding: 16px 0px 5px 16px;
			float: left;
			display: inline;
}
.wrapper 									{
			float:left;
			text-align:center;
			width: 146px;
			padding: 0;
			display: block;
			margin: 0 15px 10px 0;
}
.gallery h1 {
			background: url(../images/gallery_icon.jpg) no-repeat 0px 0px;
			height: 26px;
			padding-top: 30px;
			padding-left: 55px;
			font-size: 16px;
			text-transform: uppercase;
}

.wrapper img 								{
			background: #FFFFFF;
			padding: 1px;
			border: 1px solid #E7BC4E;
			margin: 0px;
}
.infoNewsletter {
			background: url(../images/newsletterImage.jpg) no-repeat 20px 20px;
			height: 54px;
			margin-top: 10px;
			width: 420px;
			margin-left: 80px;
			border: 1px dashed #E8E8E8;
			padding: 20px 20px 20px 90px;
}
.eventTitle {
			font-size: 18px;
			color: #333333;
			font-weight: normal;
			border-bottom: 1px solid #e8eef6;
			padding-bottom: 2px;
			background: url(../images/bullet1.jpg) no-repeat 0px 3px;
			padding-left: 18px;
			margin-bottom: 3px;
}
.eventDate {
			background: url(../images/bullet2.jpg) no-repeat 0px 0px;
			font-size: 11px;
			color: #aeaeae;
			display: block;
			padding-left: 18px;
			margin-bottom: 3px;
}
.errorMessages {
			background: url(../images/errorMessages.jpg) no-repeat 20px 20px;
			height: 54px;
			margin-top: 10px;
			width: 420px;
			margin-left: 80px;
			border: 1px dashed #E8E8E8;
			padding: 20px 20px 20px 90px;
}
.infoMessages {
			background: url(../images/infoMessages.jpg) no-repeat 20px 20px;
			height: 54px;
			margin-top: 10px;
			width: 420px;
			margin-left: 80px;
			border: 1px dashed #E8E8E8;
			padding: 20px 20px 20px 90px;
}