html, body {
	margin: 0;
	padding: 0;
	background: #FFF url(../images/v1/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;
}

#foto-author {
	position: absolute;
	right: 5px;
	top: 130px;
	font-size: 10px;
}

.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;
	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 .selected {
	background-position: top left;
}


#desktop #main_menu ul {
	height: 30px;
	background: #000 url(../images/v1/main_menu_background.gif) bottom left repeat-x;
	/*text-transform: uppercase;*/  
	/*font-size: 11px;*/
}

#desktop #main_menu ul li {
    padding-left: 0px;
    margin: 0;
}

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

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

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

#desktop #main_menu ul li a:hover, #desktop #main_menu ul li a.active, #desktop #main_menu ul li 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 #middle_region .publication-bg {
	padding: 10px;
	margin: 0px;
	background-color: #f7edd2;
}

#desktop #middle_region #za-medije {
 	float: left;
}

#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(../images/v1/dotted_border_light.gif) bottom left repeat-x;
}

#left_region .submenu li a {
	width: 202px;
    color: #6E6B6F !important;
	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: #93a0b8;
	color: #FFF !important;
}

#desktop .submenu li a.active, #desktop .submenu li a.active:visited {
	background-color: #93A0B7;
	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(../images/v1/bullet.gif);
	background-position: 0px 7px;
	background-repeat: no-repeat;
	padding-left: 11px;
    color: #6E6B6F;
}

#desktop .submenu li ul li a.active span.bullet, #desktop .submenu li ul li a:hover span.bullet, #desktop .submenu li ul li a.active:visited span.bullet {
	/*background-color: #93A0B7;*/
    color: #fff !important;
}

#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(../images/v1/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(../images/v1/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(../images/v1/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(../images/v1/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(../images/v1/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(../images/v1/bullet_big_red.gif);
}

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

#desktop .blue_bullet {
	background-image: url(../images/v1/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(../images/v1/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(../images/v1/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;
}

/* gallery - fancybox */

.fancybox-thumbs {
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 5px;
  padding: 0px;
}

.fancybox-thumbs IMG {
  display: block;
  margin: 0px !important;
  border: 1px solid Silver;
}

#fancybox-overlay {
  background-color:#fff !important;
  opacity: 0.9 !important;
}


.tabs {
  margin-top: 10px;
}

#tabs {
  margin-left: 0px !important;
  border-bottom: 1px dotted #8e8e8e;
}

#tabs li {
  float: left;
  background: none !important;
  padding: 3px 8px;
  border-right: 1px dotted #8e8e8e;
}

#tabs li:last-child {
  border-right: none;
}

#tabs li a {
  font-size: 16px;
  color: #1C2020 !important;
  margin: 3px 0 8px 0;
  padding: 0;
  font-weight: bold;
  line-height: 1.2em;
  text-decoration: none;
  text-transform: uppercase;
}

#tabs li a.inactive {
  color: #8e8e8e !important;
}


.important-news {
  margin-bottom: 30px;
}

.important-news .news {
  margin-bottom: 10px;
  padding: 10px;
  background: #efefef;
}

.important-news .news h2 a {
  color: #000;
}


.arboretum-banner {
  display: table;
  margin: 0 0 30px;
  
}

.arboretum-banner span { 
  display: table-cell;
  width: 16%;
  vertical-align: middle;
}


.arboretum-intro {
  position: relative;
  float: left;
  margin: 20px 0 50px;
}

.arboretum-intro a {
  line-height: 131px;
  text-align: center;
  color: #fff;
  text-decoration: none;
  font-size: 15px;
}

.arboretum-intro .overlay {
  display: none;
}

.arboretum-intro .o-projektu {
  float: left;
  width: 176px;
  height: 131px;
  background: transparent url(/upload/Image/slike_stranica/arboretum_trsteno/arboretum-intro.jpg) no-repeat 0px 0px;
}

.arboretum-intro .o-projektu:hover > .overlay {
    position: absolute;
    top: 0;
    width: 176px;
    height: 131px;
    left: 0;
    background-color:#000;
    opacity: 0.5;
    z-index: 100;
    display: block;
}

.arboretum-intro .kontakt {
  float: left;
  width: 176px;
  height: 131px;
  background: transparent url(/upload/Image/slike_stranica/arboretum_trsteno/arboretum-intro.jpg) no-repeat -178px 0px;
}

.arboretum-intro .kontakt:hover > .overlay {
    position: absolute;
    top: 0;
    width: 176px;
    height: 131px;
    left: 528px;
    background-color:#000;
    opacity:0.5;
    z-index: 100;
    display: block;
}

.arboretum-intro .vijesti {
  float: left;
  width: 176px;
  height: 131px;
  background: transparent url(/upload/Image/slike_stranica/arboretum_trsteno/arboretum-intro.jpg) no-repeat -355px 0px;
}

.arboretum-intro .vijesti:hover > .overlay {
    position: absolute;
    top: 0;
    width: 176px;
    height: 131px;
    left: 176px;
    background-color:#000;
    opacity:0.5;
    z-index: 100;
    display: block;
}

.arboretum-intro .poveznice {
  float: left;
  width: 175px;
  height: 131px;
  background: transparent url(/upload/Image/slike_stranica/arboretum_trsteno/arboretum-intro.jpg) no-repeat -532px 0px;
}
  	

.arboretum-intro .poveznice:hover > .overlay {
    position: absolute;
    top: 0;
    width: 175px;
    height: 131px;
    left: 352px;
    background-color:#000;
    opacity:0.5;
    z-index: 100;
    display: block;
}



.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
}
.clearfix {
  *zoom: 1;
}