html {font-size: 100%;}
* {
margin: 0;
padding: 0;
}
img {
border: none;
}
body {
background: #c1cbd5;
color: #424242;
font-family:  Arial, Verdana, Helvetica, sans-serif;
font-size: 75%;
}
h1, h2, h3, h4 {
font-weight: normal;
}
ul {
list-style: none;
}
h1 {
font-size: 1.7em;
font-family: Trebuchet MS;
color: #662d91;
background: url(../img/h1Bg.gif) repeat-x left bottom;
padding: 2px 2px;
margin-bottom: 14px;
}
h1 span {
background: url(../img/h1Bullet.gif) no-repeat left 9px;
padding-left: 14px;
}
h2 {
font-size: 1.2em;
font-family: Trebuchet MS;
font-weight: bold;
color: #662d91;
background: url(../img/h1Bg.gif) repeat-x left bottom;
padding: 2px 16px;
margin-bottom: 14px;
}
h2 span {
background: url(../img/h2Bullet.gif) no-repeat left 6px;
padding-left: 12px;
}
.wrapper {
width: 900px;
margin: 0 auto;
border-left: 1px solid #662d91;
border-right: 1px solid #662d91;
background: #fff;
}
.header {
height: 248px;
position: relative;
border-bottom: 1px solid #b3b97e;
background: #fbf781 url(../img/headerBg.gif) repeat-x left top;
}
.header .logoImg {
position: absolute;
top: 20px;
left: 9px;
}
.header .headerImg {
position: absolute;
top: 23px;
right: 0px;
}
.languagesBar {
height: 37px;
background: #f3ec2b url(../img/languagesBarBg.gif) no-repeat left top;
text-align: center;
padding-left: 20px;
}
.contentContainer {
background: url(../img/contentBg.gif) repeat-y left top;
zoom: 1;
}
.contentContainer .leftColumn {
float: left;
width: 166px;
}
.contentContainer .leftColumn ul {
margin: 10px 10px 20px 10px;
font: bold 12px Trebuchet MS;
color: #606060;
}
.contentContainer .leftColumn ul li {
text-transform: uppercase;
background: url(../img/leftMenuBg.gif) repeat-x left bottom;
line-height: 1.2em;
padding: 8px 2px;
}
.contentContainer .leftColumn ul li a {
color: #606060;
text-decoration: none;
display: block;
}
.contentContainer .leftColumn ul li a:hover {
color: #662d91;
}
.contentContainer .leftColumn ul li ul {
margin: 3px 5px 0px 5px;
font: bold 11px Trebuchet MS;
color: #606060;
}
.contentContainer .leftColumn ul li ul li {
text-transform: none;
background: url(../img/leftSubMenuBg.gif) no-repeat left 6px;
line-height: 1.2em;
padding: 2px 2px 2px 10px;
}
.contentContainer .leftColumn ul li.selected a {
color: #662d91;
}
.contentContainer .leftColumn ul li.selected ul li a {
color: #606060;
}
.contentContainer .leftColumn ul li.selected ul li a:hover {
color: #662d91;
}
.contentContainer .leftColumn .leftColumnBox {
border: 1px solid #d2d2d2;
font: 11px Tahoma;
margin: 0 10px 10px 10px;
color: #606060;
}
.contentContainer .leftColumn .leftColumnBox h4 {
font: bold 11px Trebuchet MS;
color: #662d91;
text-transform: uppercase;
border-bottom: 1px solid #d2d2d2;
background: url(../img/leftColumnBoxHeaderBg.gif) no-repeat right top;
height: 31px;
padding: 5px 45px 0 7px;
line-height: 14px;
}
.contentContainer .leftColumn .leftColumnBox .boxContent {
padding: 6px 26px 6px 7px;
line-height: 16px;

}
.contentContainer .leftColumn .leftColumnBox h4.newsTitle {
height: 23px;
padding: 13px 45px 0 7px;
}
.contentContainer .leftColumn .leftColumnBox ul {
color: #424242;
font: 11px Tahoma;
margin: 4px 7px;
padding: 0;
}
.contentContainer .leftColumn .leftColumnBox ul li {
text-transform: none;
background: url(../img/notificationBullet.gif) no-repeat left 6px;
padding: 2px 0 2px 12px;
margin: 0 0 2px 0;
}
.contentContainer .leftColumn .leftColumnBox ul li a {
display: block;
text-decoration: none;
color: #424242;
}
.contentContainer .leftColumn .leftColumnBox ul li a:hover {
text-decoration: none;
color: #000;
}
.contentContainer .contentColumn {
float: left;
width: 694px;
padding: 10px 20px 40px 20px;
}
.contentContainer .contentColumn p {
font-size: 1em;
line-height: 1.6em;
margin: 0 16px;
}
.contentContainer .contentColumn p a
{
	color:#662d91;
	
	text-decoration:underline;
}
.contentContainer .contentColumn p a:hover
{
	color:#662D91;
	text-decoration:none;	
}

.contentContainer .contentColumn p.contentTxt {
margin-bottom: 15px;
overflow: hidden;
}
.contentContainer .contentColumn p.contentTxt span {
display: block;
width: 160px;
float: left;
clear: both; 
}
.contentContainer .contentColumn p.contentTxt em {
color: #DE490A;
font-size: 24px;
padding: 0 4px 0 0;


}
.contentContainer .contentColumn ul {
margin: 0 16px 16px;
}
.contentContainer .contentColumn ul li {
background: url(../img/notificationBullet.gif) no-repeat left 6px;
padding-left: 14px;
line-height: 20px;
}
.contentContainer .contentColumn .homeCourseBox1 {
width: 168px;
float: left;
background: url(../img/courseBoxBg1.jpg) no-repeat left top;
height: 293px;
overflow: hidden;
margin: 0 7px 0 0;
}
.contentContainer .contentColumn .homeCourseBox2 {
width: 168px;
float: left;
background: url(../img/courseBoxBg2.jpg) no-repeat left top;
height: 293px;
overflow: hidden;
margin: 0 7px 0 0;
}
.contentContainer .contentColumn .homeCourseBox3 {
width: 168px;
float: left;
background: url(../img/courseBoxBg3.jpg) no-repeat left top;
height: 293px;
overflow: hidden;
margin: 0 7px 0 0;
}
.contentContainer .contentColumn .homeCourseBox4 {
width: 168px;
float: left;
background: url(../img/courseBoxBg4.jpg) no-repeat left top;
height: 293px;
overflow: hidden;
margin: 0 0px 0 0;
}
.contentContainer .contentColumn .homeCourseBox1 a {
width: 154px;
height: 139px;
display: block;
padding: 112px 7px 0 7px;
text-decoration: none;
color: #3c0466;
position: relative;
}
.contentContainer .contentColumn .homeCourseBox1 img, .contentContainer .contentColumn .homeCourseBox2 img,
.contentContainer .contentColumn .homeCourseBox3 img, .contentContainer .contentColumn .homeCourseBox4 img {
display: block;
position: absolute;
top: 8px; 
left: 8px;
}
.contentContainer .contentColumn .homeCourseBox1 a h3 {
font: bold 12px Trebuchet MS;
border-bottom: 1px solid #744482;
padding: 4px 2px 1px 2px;
}
.contentContainer .contentColumn .homeCourseBox1 a p {
margin: 0;
padding: 6px 2px 0px 21px;;
font: 11px Trebuchet MS;
background: url(../img/courseBoxBullet1.gif) no-repeat 2px 6px;
line-height: 16px;
}
.contentContainer .contentColumn .homeCourseBox2 a {
width: 154px;
height: 139px;
display: block;
padding: 112px 7px 0 7px;
text-decoration: none;
color: #012a52;
position: relative;
}
.contentContainer .contentColumn .homeCourseBox2 a h3 {
font: bold 12px Trebuchet MS;
border-bottom: 1px solid #11467a;
padding: 4px 2px 1px 2px;
}
.contentContainer .contentColumn .homeCourseBox2 a p {
margin: 0;
padding: 6px 2px 0px 21px;;
font: 11px Trebuchet MS;
background: url(../img/courseBoxBullet2.gif) no-repeat 2px 6px;
line-height: 16px;
}
.contentContainer .contentColumn .homeCourseBox3 a {
width: 154px;
height: 139px;
display: block;
padding: 112px 7px 0 7px;
text-decoration: none;
color: #795a00;
position: relative;
}
.contentContainer .contentColumn .homeCourseBox3 a h3 {
font: bold 12px Trebuchet MS;
border-bottom: 1px solid #cf9a02;
padding: 4px 2px 1px 2px;
}
.contentContainer .contentColumn .homeCourseBox3 a p {
margin: 0;
padding: 6px 2px 0px 21px;;
font: 11px Trebuchet MS;
background: url(../img/courseBoxBullet3.gif) no-repeat 2px 6px;
line-height: 16px;
}
.contentContainer .contentColumn .homeCourseBox4 a {
width: 154px;
height: 139px;
display: block;
padding: 112px 7px 0 7px;
text-decoration: none;
color: #774901;
position: relative;
}
.contentContainer .contentColumn .homeCourseBox4 a h3 {
font: bold 12px Trebuchet MS;
border-bottom: 1px solid #b45205;
padding: 4px 2px 1px 2px;
}
.contentContainer .contentColumn .homeCourseBox4 a p {
margin: 0;
padding: 6px 2px 0px 21px;;
font: 11px Trebuchet MS;
background: url(../img/courseBoxBullet4.gif) no-repeat 2px 6px;
line-height: 16px;
}
.footer {
background: #662d91 url(../img/footerBg.gif) no-repeat left top;
text-align: center;
color: #fff;
height: 40px;
overflow: hidden;
padding-top: 4px;
}
.footer ul {
text-align: center;
margin: 0 auto;
}
.footer ul li {
display: inline;
font: bold 12px Trebuchet MS;
color: #fff;
text-transform: uppercase;
padding: 4px 10px;
line-height: 40px;
text-align: center;
}
.footer ul li.selected {
background: #36055a;
text-align: center;
}
.footer ul li a {
color: #fff;
text-decoration: none;
}
.footer ul li a:hover {
color: #ded0e8;
}
.copyright {
text-align: right;
background: #fff url(../img/copyrightBg.gif) repeat-x left top;
height: 16px;
font-size: 9px;
padding: 4px 10px 0 10px;
color: #606060;
}
.copyright a {
color: #606060;
text-decoration: none;
}
.copyright a:hover {
color: #000;
text-decoration: underline;
}
.copyright span {
color: #662d91;
}

/* +++ on line form +++ */
.onlineForm { overflow: hidden; margin-bottom: 20px; position: relative; padding-bottom: 30px;}
.onlineForm label {
display: block;
overflow: hidden;
clear: both;
margin: 0 0 10px 16px;
position: relative;
}
.onlineForm label span { display: block; width: 200px; float: left; line-height: 22px; font-weight: bold; text-align: right;}
.onlineForm label em { color: #DE490A; font-size: 18px;}
.onlineForm label strong { float: left; width: 204px; text-align: right; margin-right: 20px;}
.onlineForm label strong i { font-size: 10px; font-weight: normal;}
.onlineForm label input.txtBox { 
border: none;
border: 1px solid #ad80b9;
font-size: 11px;
font-family: Tahoma;
color: #424242;
padding: 2px 0 2px 3px;
width: 160px;
margin-left: 26px;
}
.onlineForm label select { 
border: none;
border: 1px solid #ad80b9;
font-size: 11px;
font-family: Tahoma;
color: #424242;
padding: 2px 0 2px 3px;
width: 166px;
margin-left: 26px;
}
.onlineForm label select option { }
.onlineForm label input.chkBox { margin: 4px 0 0 10px;}

.onlineForm .chkBoxContainer {
display: block;
float: left;
text-align: left;
position: relative;
width: 300px;
}
.onlineForm .chkBoxContainer input {
margin: 0px 0 0px 0;
}
.onlineForm .chkBoxContainer label {
display: inline;
margin: 0 0 0 5px;
font-weight: normal;
}
.onlineForm input.btn {
color: #36055a;
font: 11px normal Tahoma;
position: absolute;
bottom: 0;
left: 267px;
}
.onlineForm label span.chkBoxTxt { display: inline; line-height: normal; width: 40px; float: none; font-weight: normal;  }
.onlineForm label textarea {
width: 200px;
border: 1px solid #ad80b9;
font-size: 11px;
font-family: Tahoma;
color: #424242;
padding: 2px 0 2px 3px;
}
.TextArea
{
width: 200px;
border: 1px solid #ad80b9;
font-size: 11px;
font-family: Tahoma;
color: #424242;
padding: 2px 0 2px 3px;
height:30px;
}
.footer {
background: #662d91 url(../img/footerBg.gif) no-repeat left top;
text-align: center;
color: #fff;
height: 40px;
overflow: hidden;
padding-top: 4px;
}
.footer ul {
text-align: center;
margin: 0 auto;
}
.footer ul li {
display: inline;
font: bold 12px Trebuchet MS;
color: #fff;
text-transform: uppercase;
padding: 4px 10px;
line-height: 40px;
text-align: center;
}
.footer ul li.selected {
background: #36055a;
text-align: center;
}
.footer ul li a {
color: #fff;
text-decoration: none;
}
.footer ul li a:hover {
color: #ded0e8;
}
.copyright {
text-align: right;
background: #fff url(../img/copyrightBg.gif) repeat-x left top;
height: 16px;
font-size: 9px;
padding: 4px 10px 0 10px;
color: #606060;
}
.copyright a {
color: #606060;
text-decoration: none;
}
.copyright a:hover {
color: #000;
text-decoration: underline;
}
.copyright span {
color: #662d91;
}
/*---------------------FCK Editor------------------------------------------------------------*/
.headerText{ font-size:10px; color:#909591; font-family:Verdana; }
.title{ font-size:14px; font-weight:bold; color:#000; padding-top:8px; padding-bottom:5px; display:block;font-family:Verdana;}
.subTitle{ color:#36055a; font-size:14px; padding-top:8px; font-weight:bold; padding-bottom:5px; display:block; font-family: Arial, Verdana, Helvetica, sans-serif;}
.linija{ font-size: 1.2em;font-family: Trebuchet MS;font-weight: bold;color: #662d91;background: url(../img/h1Bg.gif) repeat-x left bottom;padding: 2px 16px;margin-bottom: 4px;}
.text{font-size:11px;font-family:Verdana;}
.link{font-size:10px; color:#344d8d; }


/*-----Galerija-----*/
.Gallery
{
	margin:10px 0px 0px 15px;
}

	/* ---------------------------------------------------- lightBox -----------------------------------------------------*/
   #lightbox{ position: absolute; left: 0; width: 100%;	z-index: 100; text-align: center; line-height: 0; }
   #lightbox a img{ border: none; }
   #outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
   #imageContainer{ padding: 10px; }
   #loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%;	text-align: center;	line-height: 0;	}
   #hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10;	}
   #imageContainer>#hoverNav{ left: 0;}
   #hoverNav a{ outline: none;}
   #prevLink, #nextLink{ width: 49%; height: 100%;	background: transparent url(../img/blank.gif) no-repeat; /* Trick IE into showing hover */ display: block; }
   #prevLink { left: 0; float: left;}
   #nextLink { right: 0; float: right;}
   #prevLink:hover, #prevLink:visited:hover { background: url(../img/prevlabel.gif) left 15% no-repeat; }
   #nextLink:hover, #nextLink:visited:hover { background: url(../img/nextlabel.gif) right 15% no-repeat; }
   #imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif;	background-color: #fff;	margin: 0 auto;	line-height: 1.4em;	overflow: auto;	width: 100%	}
   #imageData{	padding:0 10px; color: #666; }
   #imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
   #imageData #caption{ font-weight: bold;	}
   #imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
   #imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
   #overlay{ position: absolute; top: 0; left: 0; z-index: 90;	width: 100%; height: 500px;	background-color: #c1cbd5;	}