/* Start of CMSMS style sheet 'Navigation: CSSMenu - Vertical (NEW LAYOUT)' */
/* Start of CMSMS style sheet 'Navigation: CSSMenu - Vertical' */
/* Vertical menu for the CMS CSS Menu Module */
/* by Alexander Endresen */


/* The wrapper determines the width of the menu elements */
#menuwrapper { 
	clear: left;
	float: left;
	width: 150px;
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 0.9em;
}


/* Unless you know what you do, do not touch this */ 
#primary-nav, #primary-nav ul { 
   list-style: none; 
   margin: 0px; 
   padding: 0px; 
   width: 100%; 
   margin-left: -1px;

}
#primary-nav ul { 
   position: absolute; 
   top: 0; 
   left: 100%; 
   display: none; 

}
#primary-nav li { 
   margin-bottom: -1px; 
   position: relative; 

}


/* Styling the basic apperance of the menu elements */
#primary-nav a { 
   border: 1px solid #286ea0; 
   display: block; 
   margin: 0px; 
   padding: 5px 10px; 
   color: #ffffff;
   font-size: 12px;
   text-decoration: none; 
   background: transparent; 
   min-height:1em; /* Fixes IE7 whitespace bug*/ 
}
#primary-nav li, #primary-nav li.menuparent { 
   background-color: #8cb1ea; 
   min-height:1em; /* Fixes IE7 bug*/
}


/* Styling the basic apperance of the active page elements (shows what page in the menu is being 

displayed) */
#primary-nav li.menuactive { 
   background-color: #093479; 
}

/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) 

*/
#primary-nav li.menuparent, 
#primary-nav li.menuparent:hover, 
#primary-nav li.menuparenth { 
   background-image: url(images/cms/arrow.gif); 
   background-position: center right; 
   background-repeat: no-repeat; 
}


/* Styling the apperance of menu items on hover */
#primary-nav li:hover, 
#primary-nav li.menuh, 
#primary-nav li.menuparenth, 
#primary-nav li.menuactiveh { 
   background-color: #093479; 
}


/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */
#primary-nav ul, 
#primary-nav li:hover ul, 
#primary-nav li:hover ul ul, 
#primary-nav li.menuparenth ul, 
#primary-nav li.menuparenth ul ul { 
   display: none; 
}
#primary-nav li:hover ul, 
#primary-nav ul li:hover ul, 
#primary-nav ul ul li:hover ul, 
#primary-nav li.menuparenth ul, 
#primary-nav ul li.menuparenth ul, 
#primary-nav ul ul li.menuparenth ul { 
   display: block; 
}


/* IE Hack, will cause the css to not validate */

#primary-nav li, #primary-nav li.menuparenth { _float: left; _height: 1%; }
#primary-nav li a { _height: 1%; }


/* section header */
#primary-nav li.sectionheader {
   border-left: 0px solid #006699; 
   border-top: 0px solid #006699; 
   font-size: 130%;
   font-weight: bold;
   padding: 1.5em 0 0.8em 0.5em;
   background-color: #fff;
   margin: 0;
   width: 100%;
}


/* separator */
#primary-nav li hr.separator {
   display:block;
   height: 0.5em;
   color: #abb0b6;
   background-color: #abb0b6;
   width: 100%;
   border:0;
   margin:0;
   padding:0;   
   border-top: 1px solid #006699;
   border-right: 1px solid #006699;
}

/* End of 'Navigation: CSSMenu - Vertical' */

/* End of 'Navigation: CSSMenu - Vertical (NEW LAYOUT)' */

/* Start of CMSMS style sheet 'general_2008_frontpage' */
/* Sonia Template */

body {
	margin: 0 auto;
	padding: 0;
	font: 9pt Arial, Verdana, Sans-Serif;
	background: #fff;
            word-wrap: break-word;
}

a {
	text-decoration: none;
	color: #2489DB;
}

a:hover {
	color: #808080;
}

a img {
	border: 0;
}

H1 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 2em; PADDING-BOTTOM: 10px; MARGIN: 0px 0px 5px; PADDING-TOP: 3px; line-height: 1.5em
}

H3 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 1.3em; PADDING-BOTTOM: 8px; MARGIN: 0px 0px 5px; PADDING-TOP: 8px
}




#bg { 
	width: 760px;
	margin: 0 auto;
	padding: 5px 10px 10px 10px;
	background: url('/images/bg.gif') no-repeat left top;
}


#container{
	padding-top: 9px;
	color: #303030;
	width: 736px;
	padding-left: 2px;
	
}

#toplinks {
	PADDING-RIGHT: 10px; BACKGROUND: #fff; PADDING-TOP: 5px; HEIGHT: 17px; TEXT-ALIGN: right; BACKGROUND: url(logotop.png); background-repeat: no-repeat
}

#toplinks A {
	PADDING-RIGHT: 5px; DISPLAY: inline; PADDING-LEFT: 8px; FONT-SIZE: 8pt; BACKGROUND: url(/images/strelica.gif) no-repeat left 50%; PADDING-BOTTOM: 3px; COLOR: #09347a; MARGIN-RIGHT: 5px
}

#toplinks A:hover {
	BORDER-BOTTOM: #09347a 2px solid
}


#header {
	CLEAR: both; BACKGROUND: url(/images/logoweb.png); background-repeat: no-repeat; margin : 0px 0px 5px; HEIGHT: 110px

}


#title {
	float: left;
	font-size: 18pt;
	font-weight: bold;
	padding-top: 25px;
	padding-left: 5px;
	color: #093479
}

#title_info {
	BORDER-RIGHT: #09347a 1px solid; PADDING-RIGHT: 8px; BORDER-TOP: #09347a 1px solid; PADDING-LEFT: 8px; BACKGROUND: #fff5d9; PADDING-BOTTOM: 8px; MARGIN: 10px 5px 0px 0px; BORDER-LEFT: #09347a 1px solid; WIDTH: 310px; COLOR: #808080; PADDING-TOP: 8px; BORDER-BOTTOM: #09347a 1px solid; HEIGHT: auto
}


#title_info p {
	margin: 0;
}

#jobsbox {
	clear: left;
	float: left;
	width: 150px;
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 0.9em;
             word-wrap: break-word;
}

#jobsbox ul {	
	list-style: none;
	width: 150px;
	margin: 0 0 3px 0;
	padding: 0;
	font-size: 1.1em;
             word-wrap: break-word;
}	

#jobsbox li {
	margin-bottom: 4px;
}

#jobsbox li a, #jobsbox li a:visited {
	text-align: right;
	height: 20px;
	text-decoration: none;
	color: #fff;
	display: block;
	padding: 6px 8px 0 10px;
	background: #093479;
}	
	
#jobsbox li a:hover {
	background: #A9CAEB;
	color: #286ea0;
}

.jobsbox {
	margin: 2px 0 10px 0;
	padding: 3px 10px 5px 10px;
	width: 130px;
	border-top: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	color: black;
	background: #eee url('/images/lijevo.gif') repeat-x;
}

.jobsbox a, .jobsbox a:visited {
	text-decoration: underline;
}

#desna_rubrika {
	float: right;
	width: 223px;
	margin: 0 0 10px 0;
	padding: 5px 13px 20px 10px;
	border-top: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	background: #eee url('/images/lijevo.gif') repeat-x;
	color: #5D5D5D;
	line-height: 1.5em;
}

#desna_rubrika p {
	margin: 0px;
	font-size: 90%;
}

#desna_rubrika h3 {
	font-size: 9pt;	
}

#desna_rubrika a {
	display: block;
	height: 12px;
	padding-bottom: 4px;
	margin-bottom: 2px;
	border-bottom: 1px solid #ccc;
}

#podaci {
	margin: 15px 0 0 0;
	border: 2px solid #fff;
	background: #093479 url('/images/plavo.gif');
	padding: 3px 3px 3px 6px;
	color: #70C256;
}

#podaci a, #podaci a:visited {
	display: inline;
	border: none;	
}

#content {
	margin:  0 0 5px 155px;
	padding: 0 10px 5px 6px;
	line-height: 1.1em;
	background: url('/images/clanak.gif') repeat-x left bottom;
}

#content h2 {
	margin: 0px;
	padding: 4px 0 4px 0;
	font-size: 12pt;
}

#content p {
	font-size: 1.2em;
    margin: 0 0 0.5em 0;
    padding-top: 3px;
    line-height: 1.2em;

}

#content LI {
	FONT-SIZE: 1.2em; MARGIN: 0px 0px 0.5em; LINE-HEIGHT: 1.2em; PADDING-TOP: 3px
}


.date {
	padding-top: 2px;
	height: 30px;
	margin: 5px 0 6px 0;
	border-top: 1px solid #eee;
	font-size: 80%;
	text-transform: uppercase;	
	color: #808080;
}

.jobs {
	margin: 2px 0 2px 0;
	font-size: 100%;
	color: #ffffff;
}

.intro {
font-size: 120%;
}

#lijeva_rubrika {
	margin: 0 250px 20px 155px;
	border-top: 1px solid #AFCEED;
	border-bottom: 1px solid #AFCEED;
	background: #E5EFF9 url('/images/plavo.gif') repeat-x;
	padding: 5px 6px 5px 6px;
	line-height: 1.6em;
	text-align: left;
	color: #5D5D5D;
}

#lijeva_rubrika a, #lijeva_rubrika a:visited {
	text-decoration: underline;	
}

#lijeva_rubrika h2 {
	font-size: 1.5em;
	margin: 0 0 0.5em 0;
	color: #808080;
	padding-top: 3px;
}

#lijeva_rubrika p {
	padding: 0;
	margin: 0;
}
/* End of 'general_2008_frontpage' */