html, body {
	margin: 0;
	padding: 0;
	background: #FFF url(../gui_images/page_background.gif) top left repeat-x;
}

#layout_box {
	width: 1024px;
	background-color: #FFF;
	margin: 0 auto;
}

#desktop {
	position: relative;
	width: 970px;
	left: 24px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #6E6B6F;
	background-color: #FFF;
}

#header {
	background-color: #FFF;
	background-position: top left;
	background-repeat: no-repeat;
	height: 190px;
}

.p_for_picture {
	font-size: 11px;
	line-height: 1em;
	margin-bottom: 6px;
}

#header_title {
	position: relative;
	top: 154px;
	left: 245px;
	padding: 0;
	margin: 0;
	text-transform: uppercase;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	color: #000;
}

#languange_change_menu {
	position: relative;
	top: 140px;
	top: 0; !important
	top: 10px;
	left: -1px;
	padding: 0;
	margin: 0;
	padding-top: 155px;
}

#languange_change_menu .languange_change_link {
	display: block;
	height: 12px;
	width: 19px;
	background-position: bottom left;
	background-repeat: no-repeat;
	float: right;
	padding: 0;
	margin: 0 0 0 4px;
	font-size: 1px;
}

#languange_change_menu .active {
	background-position: top left;
}

#main_menu {
	margin: 0;
	padding: 0;
	display: block;
	width: 970px;
	height: 30px;
	background: #000 url(../gui_images/main_menu_background.gif) bottom left repeat-x;
	text-transform: uppercase;
	font-size: 11px;
}

#main_menu span.separator {
	float: left;
	display: block;
	padding: 8px 0 0 0;
	font-weight: bold;
}

#main_menu a, #main_menu a:visited {
	float: left;
	display: block;
	color: #B5B5B5;
	padding: 8px 5px 0 5px;
	text-decoration: none;
	height: 22px;
}

#main_menu a.last, #main_menu a.last:visited {
	padding: 8px 4px 0 5px;
}

#main_menu a:hover, #main_menu a.active, #main_menu a.active:visited {
	color: #000;
	background-color: #DADBDC;
}

#desktop .content_region {
	float: left;
	margin: 20px 0 0 0;
	line-height: 1.4em;
}

#desktop #left_region {
	width: 220px;
	margin-right: 27px;
}

#desktop #middle_region {
	width: 516px;
	margin-right: 11px;
}

#desktop #right_region {
	width: 180px;
	float: right;
}

#footer {
	clear: both;
	padding: 20px 0 6px 0;
	text-align: center;
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#desktop .submenu, #desktop .submenu ul, #desktop .submenu ul ul {
	margin: 0;
	padding: 0;
	font-size: 12px;
}

#desktop #middle_region ul {
	margin: 0 0 15px 25px;
}

#desktop .submenu li {
	display: block;
	width: 217px;
	padding: 0;
	margin: 0;
	list-style: none;
	height: 1%;
	border: none;
	border-width: 0;
	background: none;
}

#desktop .submenu li a {
	height: 1%;
	color: #6E6B6F;
	text-decoration: none;
	display: block;
	border: none;
	border-width: 0;
	padding: 5px 8px 5px 8px;
	background: #FFF url(../gui_images/dotted_border_light.gif) bottom left repeat-x;
}

#left_region .submenu li a {
	width: 202px;
	text-transform: uppercase;
}

#right_region .submenu {
	width: 182px;
}

#right_region .submenu li {
	margin: 0;
	padding: 0;
	width: 182px;
	background: none;
}

#right_region .submenu li a {
	background: none;
}

#right_region .submenu li a {
	width: 164px;
	text-transform: none;
}

#desktop .submenu li ul li a {
	text-transform: none;
}

#desktop .submenu li a:hover, #desktop .submenu li a.active, #desktop .submenu li a.active:visited {
	background-color: #7D8DA8;
	color: #FFF;
}

#desktop .submenu li a.active, #desktop .submenu li a.active:visited {
	background-color: #7D8DA8;
	background-image: none;
}

#right_region .submenu li a:hover, #right_region .submenu li a.active, #right_region .submenu li a.active:visited {
	background: none;
	background-color: #FFF;
	color: #000;
	text-decoration: underline;
}

#right_region .submenu div a, #right_region .submenu div a:hover, #right_region .submenu div a:visited {
	color: #5F0000;
	text-decoration: underline;
	margin: 0;
	padding: 0;
}

#desktop .submenu li ul {
	background-color: #ECEEF2;
}

#desktop .submenu li ul li a {
	background: none;
}

#desktop .submenu li ul li a span {
	cursor: pointer;
	display: block;
}

#desktop .submenu li ul li a span.clear {
	clear: both;
	float: none;
}

#desktop .submenu li ul li a span.bullet {
	background-image: url(../gui_images/bullet.gif);
	background-position: 0px 7px;
	background-repeat: no-repeat;
	padding-left: 11px;
}

#desktop .submenu li ul li a.active, #desktop .submenu li ul li a:hover, #desktop .submenu li ul li a.active:visited {
	background-color: #93A0B7;
}

#desktop .submenu li ul li ul li a.active, #desktop .submenu li ul li ul li a:hover, #desktop .submenu li ul li ul li a.active:visited {
	background-color: #AFB9CA;
}

#desktop .submenu li ul li ul li ul li a.active, #desktop .submenu li ul li ul li ul li a:hover, #desktop .submenu li ul li ul li ul li a.active:visited {
	background-color: #CDD3DD;
}

.inline_first_level {
	padding-left: 20px;
}

#desktop .submenu li ul li ul li a span.bullet {
	background-image: url(../gui_images/bullet_lv2.gif);
	background-position: 0px 7px;
	background-repeat: no-repeat;
	margin-left: 10px;
	padding-left: 17px;
}

#desktop .submenu li ul li ul li ul li a span.bullet {
	background-image: url(../gui_images/bullet_lv3.gif);
	background-position: 0px 7px;
	background-repeat: no-repeat;
	margin-left: 28px;
	padding-left: 24px;
}

#desktop .submenu li ul li ul li ul li ul li a span.bullet {
	background-image: url(../gui_images/bullet_lv4.gif);
	background-position: 0px 7px;
	background-repeat: no-repeat;
	margin-left: 52px;
	padding-left: 31px;
}

#desktop .content_region table td, #desktop .content_region table th {
	padding: 4px 6px;
}

#desktop .content_region table td {
	text-align: left;
	vertical-align: top;
}

#desktop .content_region table th {
	background-color: #DDD;
	color: #000;
	font-weight: normal;
}

#desktop .content_region table tr.odd td {
	background-color: #F4F4F4;
}

#desktop .content_region table tr.even td {
	background-color: #E9E9E9;
}

#desktop .content_region h1 {
	font-size: 24px;
	color: #000;
	margin: 0 0 8px 0;
	padding: 0;
	font-weight: normal;
	line-height: 1em;
}

#desktop .content_region h2 {
	font-size: 18px;
	color: #1C2020;
	margin: 0 0 8px 0;
	padding: 0;
	font-weight: normal;
	line-height: 1.2em;
}

#desktop .content_region h3 {
	font-size: 16px;
	color: #1C2020;
	margin: 3px 0 8px 0;
	padding: 0;
	font-weight: bold;
	line-height: 1.2em;
}

#desktop .content_region p {
	padding: 0;
	margin: 0 0 12px 0;
}

#desktop .content_region .disable_paragraf_padding p {
	margin: 3px 0;
}

#desktop .content_region img {
	margin: 0 10px 0 0;
}

#desktop #left_region img, #desktop #right_region img {
	margin: 0;
}

#desktop .content_region div.important {
	padding: 10px 10px 10px 10px;
	background-color: #E1E1E1;
	margin: 7px 0;
}

#desktop #left_region div.important h1, #desktop #right_region div.important h1 {
	font-size: 15px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
}

#desktop .content_region div.important p {
	margin: 0 0 5px 0;
}

#desktop .content_region div.important .separator {
	display: block;
	width: 100%;
	height: 1px;
	border-bottom: #666 1px dotted;
	background: none;
	margin: 5px 0;
	padding: 0;
	font-size: 1px;
}

#desktop .content_region form {
	margin: 0;
	padding: 0;
}

#desktop .content_region .separator {
	display: block;
	height: 1px;
	width: 100%;
	background: #FFF url(../gui_images/dotted_border_light.gif) bottom left repeat-x;
	margin: 10px 0;
	font-size: 1px;
}

* html #desktop .content_region .separator {
	display: block;
	height: 1px;
	width: 100%;
	background: #FFF url(../gui_images/dotted_border_light.gif) top left repeat-x;
	margin: 10px 0;
	font-size: 1px;
	overflow: hidden;
}

#desktop #left_region h1, #desktop #right_region h1 {
	font-family: "Times New Roman", Times, serif;
	color: #6E6B6F;
	text-transform: uppercase;
	font-size: 12px;
	line-height: 1.4em;
}

#desktop #left_region h2, #desktop #right_region h2 {
	color: #6E6B6F;
	font-size: 11px;
	margin-bottom: 3px;
}

#desktop .bullet, #desktop h1.bullet {
	padding: 0 0 0 13px;
	background-position: 0px 3px;
	background-repeat: no-repeat;
}

#desktop .red_bullet {
	background-image: url(../gui_images/bullet_big_red.gif);
}

#desktop .green_bullet {
	background-image: url(../gui_images/bullet_big_green.gif);
}

#desktop .blue_bullet {
	background-image: url(../gui_images/bullet_big_blue.gif);
}

#desktop #left_region .green, #desktop #right_region .green, #desktop #middle_region .green {
	color: #A1C900;
}

#desktop #left_region .blue, #desktop #right_region .blue, #desktop #middle_region .blue {
	color: #0090C9;
}

#desktop p.important {
	color: #1C2020;
	font-size: 14px;
}

#desktop p.unimportant {
	font-style: italic;
	color: #6E6B6F;
	margin: 0;
}

#desktop ul {
	margin: 0;
	padding: 0;
}

#desktop ul li {
	background-image: url(../gui_images/bullet.gif);
	background-position: 0px 7px;
	background-repeat: no-repeat;
	padding-left: 11px;
	list-style: none;
	margin: 0 0 5px 0;
}

#desktop ul li ul li {
	background-image: url(../gui_images/bullet_lv2.gif);
	padding-left: 17px;
}

#desktop ul li a, #desktop ul li a:visited {
	color: #6E6B6F;
}

#desktop ul li a:hover, #desktop ul li a.active, #desktop ul li a.active:visited {
	color: #5F0000;
}

#desktop #middle_region ul li a, #desktop #middle_region ul li a:visited, #desktop #middle_region ul li a:hover {
	color: #5F0000;
}

div.block {
	margin: 10px 0 15px 0;
}

a, a:visited, a:hover, .like_link_hover {
	color: #5F0000;
	text-decoration: underline;
}

a img {
	border-style: none;
	border-width: 0;
}

#desktop .picture_net {
	width: 516px;
}

#desktop .picture_net li {
	display: block;
	float: left;
	background: none;
	padding: 0;
	margin: 0 10px 10px 0 !important; 
	margin: 0 0 10px 0;
}

#desktop .picture_net a {
	text-decoration: none;
	display: block;
	width: 162px;
	height: 162px;
	position: relative;
}

.image_title {
	color: #FFF;
	display: block;
	position: absolute;
	width: 143px;
	top: 127px;
	left: 9px;
	text-decoration: none;
}


/* Znanstvena vijeca i odbori */

#desktop .picture_vijeca {
	width: 707px;
}

#desktop .picture_vijeca li {
	display: block;
	float: left;
	background: none;
	padding: 0;
	margin: 0 5px 5px 0 !important; 
	margin: 0 0 5px 0;
}

#desktop .picture_vijeca a {
	text-decoration: none;
	display: block;
	width: 134px;
	height: 160px;
	position: relative;
}

#desktop .picture_vijeca a .image_title {
	color: #FFF;
	display: block;
	position: absolute;
	width: 124px;
	top: 90px;
	left: 5px;
	text-decoration: none;
	line-height: 13px;
}

/* END Znanstvena vijeca i odbori*/


#desktop .header_in_block, #desktop #left_region h1.header_in_block, #desktop #right_region h1.header_in_block, #desktop #middle_region h1.header_in_block {
	background-color: #595959;
	color: #FFF;
	font-size: 12px;
	padding: 4px 6px;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: none;
}

.required {
	color: #F00;
}

.strong {
	font-weight: bold;
}

#desktop .margin5px p, #desktop .margin5px h1, #desktop .margin5px h2, #desktop .margin5px h3, #desktop .margin5px h4, #desktop .margin5px h5 {
	margin: 0 0 5px 0;
}

/*
#desktop #middle_region ul, #desktop #middle_region ol {
	position: relative;
	top: -10px;
	margin-bottom: -4px;
}
*/

#desktop #middle_region ul, #desktop #middle_region ol {
	margin-top: 0;
	padding-top: 0;
}

#desktop #middle_region ul li, #desktop #middle_region ol li {
	line-height: 1.4em;
	margin-bottom: 0;
}

#desktop span.hightlight {
	background-color: #FFFB9D;
}

#desktop a.important_link, #desktop a.important_link:visited, #desktop ul li a.important_link, #desktop ul li a.important_link:visited {
	color: #AF0000;
	font-weight: bold;
	padding: 0 2px;
}

#desktop a.important_link:hover, #desktop ul li a.important_link:hover {
	font-weight: bold;
	color: #FFF;
	background-color: #AF0000;
	text-decoration: none;
}