* {
  margin: 0;
  padding: 0;
}

html { overflow-y:scroll; }

body {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  background:url('../images/bg_body.gif') repeat-x #fff;
  color: #666;
  padding: 0;
}

a, a:visited {
  color: #0077B9;
 text-decoration: none;
}

a:hover {
  color: #003366;
}

img { border: none; }
img.fl { float:left; padding:0 12px 10px 0; }
img.fr { float:right; padding:0 0 10px 12px; }

.fl { float:left; }
.fr { float:right; }
.clear { clear: both; height: 0; line-height: 0; }

.clearnomarg { clear: both; height: 0; line-height: 1px; margin: 0; padding: 0;}

/*  HEADER  *******************************************/
#header { 
  font-size: 11px;
  background: #fff;
  width: 720px;
  height:122px;
  margin: 0px auto;
  border-bottom: 1px solid #fff;
  position:relative;
}

#logo { position:absolute; width:121px; height:44px; top:14px; left:13px; }

#lang {
  position:absolute;
  right:0;
  list-style: none;
  padding: 7px 5px 0 0;
  color: #666;
  background: #fff;
}

#header li { display:inline; } 

#lang li a, #lang li a:visited {
  padding: 0 5px 0 5px;
  color: #666;
  background: #fff;
  font-size: 10px;
}

#lang li a:hover { color: #999; }

#meni1 {
   background: #e5eaef;
   color: #003366;
   clear: both;
   text-align: right;
   padding: 3px 5px 3px 0;
   position:relative;
   top:72px;
}

#meni1 li a, #meni1 li a {
  padding: 0 5px 0 5px; 
  color: #003366;
  background: #e5eaef; 
}

#meni1 li a:hover { color: #006699; }

#meni2 {
	background: #003366;
	color: #fff;
	text-align: center;
/*  width: 100%; */
	width: 720px;
	position:relative;
	top:72px;
}

#meni2 td {  text-align: center; }

#meni2 td a {
  background: #003366;
  color: #fff; 
}

#meni2 td a:hover {
  font-weight: bold; 
}

#meni2 .on {
  font-weight: bold;
}

#onama { width: 50px; }

#rez { width: 105px; }

#djelat { width: 70px; }

#ref { width: 63px; }

#odg { width: 132px; }

#press { width:50px; }

#kontakt { width: 55px; }

#zaposl { width: 61px; }

#drustv { width: 95px; }
/*  FLASH CONTENT  ****************************************************/
#flashwrapper {
  width: 100%;
  clear: both;
  height:191px;
  overflow:hidden;
}

#flashcontent {
  height: 191px;
  width: 719px;
  background: #f9f8f8 url(../images/flashBKG.jpg) top left repeat-x;
  margin: 0px auto;
  border-right: 1px solid #fff;
}

#flash{
  height: 192px;
  width: 540px;
  float: left;
}

#flashcontent form {
  float: right;
  margin: 146px 0 0 0;
  width: 179px;
	height: 44px;
	overflow: hidden;
  background: #ccc;
	text-align: left; 
}

#flashcontent form input {
  width: 90px;
  padding: 0 4px 0 4px;
  margin: 15px 8px 15px 15px;
	float: left;
  border: none;
  color: #666;
  font-size: 10px;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

button {
  background: none;
	margin-top: 14px;
  border: none;
  color: #666;
  font-size: 10px;
  cursor: pointer;
	text-align: left;
	width: 50px;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

/*  SEARCHBOX ****************************************************************/
#searchhr{
  width: 111px;
}
#searchen{
  width: 111px;
}
#searchde{
  width: 111px;
}
#searchfr{
  width: 88px;
}

/* HOME 2011 */
#home_content { width: 720px; margin: 0px auto; font-size: 11px; padding:0; overflow:hidden; background:url('../images/bg_home_column-1.gif') 0 bottom no-repeat #fff; position:relative; }
#home_content .bg_top { position:absolute; height:19px; width:720px; top:0; left:0; background:url('../images/pattern.gif'); z-index:1; }
#home_content a.more { font-weight:bold; font-size:11px; color:#006699; padding:0; }

#home_content .column-1 { float:left; width:322px; padding:0 0px 20px 20px; }
#home_content .column-1 .tab { display:none; padding-right:20px; }
#home_content .column-1 .tab.active { display:block; }
#home_content .column-2 { float:left; width:180px; padding-left:19px; }
#home_content .column-3 { float:left; width:143px; padding-left:16px; }
#home_content .column-3 .box { background:url("../images/borderHOR.gif") repeat-x; padding:10px 0; }
#home_content .column-3 .box a.banner_wrapper { position:relative; display:block; }
#home_content .column-3 .box a.banner_wrapper .text { position:absolute; bottom:0; left:0; width:127px; padding:0 8px; background:#003366; color:#fff; }
#home_content .column-3 .box.certificates { padding-top:17px; }
#home_content .column-3 .box.certificates table { width:143px; }
#home_content .column-3 .box.certificates table td.smaller { font-size:9px; padding-bottom:7px; }
#home_content .column p { padding-bottom:14px; }
#home_content .column .column_top { height:19px; position:relative; z-index:2; font-weight:bold; font-size:11px; color:#003366; margin-bottom:25px; }
#home_content .column.column-2 .column_top { padding-top:1px; }
#home_content .column .column_top ul { overflow:hidden; }
#home_content .column .column_top ul li { float:left; list-style-type:none; }
#home_content .column .column_top ul li a { color:#003366; outline:none; padding:1px 12px 16px; display:block; }
#home_content .column .column_top ul li.active a,
#home_content .column .column_top ul li:hover a { color:#fff; padding:3px 12px 14px; background:url('../images/bg_home_list.png') center 0 no-repeat; }

#home_content ul.home_news li { list-style-type:none; padding-bottom:11px; }
#home_content ul.home_news li span.block { display:block; overflow:hidden; padding-bottom:3px; }
#home_content ul.home_news li span.block a.img_wrapper { overflow:hidden; display:block; float:left; width:72px; height:58px; }
#home_content ul.home_news li span.block span.date { margin-left:13px; font-size:10px; color:#7c7c7c; letter-spacing:1.5px; line-height:58px; float:left; }
#home_content ul.home_news li a.more { line-height:11px; }

#home_content .home_references ul li { list-style-type:none; padding-bottom:11px; }
#home_content .home_references ul li span.block { display:block; overflow:hidden; padding-bottom:3px; }
#home_content .home_references ul li span.block a.img_wrapper { overflow:hidden; display:block; float:left; width:72px; height:58px; }
#home_content .home_references ul li span.block a.title { margin-left:13px; letter-spacing:1.5px; line-height:58px; float:left; font-weight:bold; font-size:11px; color:#006699; }
#home_content .home_references ul li a.more { line-height:11px; }

#home_content .home_services { overflow:hidden; }
#home_content .home_services .imgColumn { float:left; width:137px; overflow:hidden; }
#home_content .home_services .imgColumn img { padding-bottom:8px; }
#home_content .home_services .txtColumn { float:left; padding-left:15px; width:150px; }
#home_content .home_services .txtColumn ul li { list-style-type:none; padding-left:9px; background:url('../images/arrow_01.gif') 0 6px no-repeat; }
#home_content .home_services .txtColumn ul li a { font-weight:bold; font-size:11px; color:#006699; }


/*  CONTENT  HOME *********************************************************/
#contentHome {
  width: 720px;
  margin: 0px auto;
  background: #fff;
  font-size: 11px;
}

#contentleft {
  float: left;
  width: 330px;
}

#contentright {
  float: left;
  width: 323px;
}

#contentHome h2 {
  font-weight: bold;
  color: #003366;
  background: #ccc url(../images/pattern.gif) top left repeat;
  padding: 3px 0 3px 10px;
  float: left;
  width: 349px;
  margin: 0 1px 0 0;
  font-size: 11px;
}

#contentHome .nomargh2 { margin:0; width: 350px;}

#bigbox { padding:0; clear:both; overflow:hidden; background:url('../images/bg_home_column-1.gif') 0 bottom no-repeat; }


#contentleft img {
  float: left;
  margin: 0 18px 2px 0;
  padding: 2px 0 0 0;
}

a.more, a:visited.more {
  padding: 0 0 0 2px;
  color: #006699;
}

a.more:hover {
  color: #003366;
}

.newsDate{
  width: 60px;
}

.news {
  list-style: none;
}

.news li {
  padding: 0 0 8px 0;
  clear: both;
}

.news li span {
  float: left;
  padding: 3px 0 0 0;
  margin: 0 0 11px 0;
}

.news li em {
  float: right;
  font-style: normal;
  width: 240px;
  margin: 0 0 11px 0;
}

#smallbox {
  clear: both;
  background: url(../images/borderVERsmall.gif) top left repeat-y;
}

#contentHome h3 {
  font-weight: bold;
  color: #003366;
  background: #ccc url(../images/pattern.gif) top left repeat;
  padding: 3px 0 3px 10px;
  float: left;
  width: 169px;
  margin: 0 1px 0 0;
  font-size: 11px;
}

#contentHome .nomargh3 { margin: 0 0 0 0; width: 170px;}

#smallone, #smalltwo {
  padding: 20px 5px 10px 20px;
  width: 148px;
  float: left;
}

#smallthree {
  padding: 20px 2px 0px 33px;
  width: 148px;
  float: left;
}

#smallfour {
  padding: 20px 10px 0px 27px;
  width: 150px;
  float: left;
  color: #a0a0a0;
}

#smallone dl {
  font-weight: bold;
  list-style: none;
}

#smallone dd {
  background: #fff url(../images/bullit.gif) top left no-repeat;
  padding: 0 0 0 12px;
}

#smallone dd a, #smallone dd a:visited, .titlelink a {
 color: #666;
}

#smallone dd a:hover, .titlelink a:hover {
  color: #999;
}

#smalltwo img {
  float: left;
  margin: 0 8px 1px 0;
  padding: 2px 0 0 0;
}

#smallthree img {
  float: left;
  margin: 0 14px 1px 0;
  padding: 2px 0 0 0;
}

#smallfour em { font-style: normal; font-weight: bold; color: #003366; background: #fff;}

#smallfour table {
  border-collapse: collapse;
  font-weight: bold; 
  margin: 4px 0 15px 0;
}

#smallfour table th {
  background: #003366;
  color: #fff;
  border: 1px solid #e6e6e6;
  padding: 2px 7px 2px 7px;
}

#smallfour table td {
  border: 1px solid #e6e6e6;
  padding: 2px 5px 2px 7px;
}

#smallfour table td span { font-weight: normal; padding: 0 5px 0 0;}

#smallfour table td img {
  margin: 0 5px 2px 0;
}

#smallfour dt {
  font-weight: bold;
}

#smallfour dd {
  background: #fff url(../images/pdfICON.jpg) top left no-repeat;
  padding: 0 0 0 22px;
  margin: 2px 0 0 0; 
}

#smallfour dd a, #smallfour dd a:visited { color: #a0a0a0; }

#smallfour dd a:hover { color: #006699; }

/* CONTENT  ***********************************************************/
#content {
  width: 720px;
  margin: 0px auto;
  background: #fff;
  font-size: 11px;
}

#title span {
  font-weight: bold;
  color: #003366;
  background: #cac8c8 url(../images/pattern.gif) top left repeat;
  padding: 3px 0 3px 10px;
  float: left;
  width: 170px;
  margin: 0 1px 0 0;
}

#title em {
  background: #003366 url(../images/pattern.gif) top left repeat;
  width: 529px;
  padding: 3px 0 3px 10px;
  float: left;
}

#wrapper {
  background: url(../images/borderVER.gif) repeat-y;
  background-position: 180px top;
  clear: both;
}

#sidebar {
  float: left;
  width: 149px;
  padding: 5px 10px 40px 11px;
}

#sidebar ul {
  list-style: none;
}

#sidebar ul li {
  padding: 5px 0 5px 0;
  background: url(../images/borderHOR.gif) bottom left repeat-x;
}

#sidebar ul li a {
  color: #003366;
  background: #fff url(../images/sidebarBKG.gif) no-repeat;
  background-position: left 3px;
  padding: 0 0 0 7px;
  cursor: pointer;
}

#sidebar ul li span a {
  display: block;
}

#sidebar ul li a:hover {
  color: #666;
  background: url(../images/sidebarBKGon.gif) no-repeat;
  background-position: left 3px;
}

#sidebar ul .on a {
  background: url(../images/sidebarBKGon.gif) no-repeat;
  background-position: left 3px;
}

#sidebar ul .on a {
  color: #666;
}

#sidebar ul li li {
  background: none;
  margin: 0 0 0 10px;
}

#sidebar ul .on li a {
  color: #999;
  background: none;
  padding: 0;
}

#sidebar ul .on li a:hover  {
  color: #006699;
  background: none;
  padding: 0;
}

#sidebar ul .on .on a {
  color: #006699;
}

#sidebar ul .on li a em {
  position: relative;
  display: block;
  left: 10px;
  font-style: normal;
  margin: -16px 0 0 0;
}

#sidebar table {
  border-collapse: separate;
  border-spacing: 3px;
  text-align: center;
  margin: 20px 0 0 -3px;
  width: 157px;
}

#sidebar table td.noborder {
  border: none;
  text-align: right;
  padding: 4px 0 0 0;
}

#sidebar table td.noborder a { color: #666; font-weight: normal; }

#sidebar table td.noborder a:hover { color: #999; }

#sidebar table td {
  border: 1px solid #ccc;
  padding: 1px 0 1px 0; 
}

#sidebar table td a {
  color: #006699;
  font-weight: bold;
}

#textcontent {
  float: right;
  width: 539px;

}

#textcontent h2 {
  font-size: 16px;
  font-weight: bold;
  color: #003366;
  padding: 13px 0 13px 10px;
  background: #fff url(../images/borderHOR.gif) bottom left repeat-x;
  clear: both;
}

.text ul {
  list-style: none;
  padding: 0 0 20px 0;
}

.text ul li {
  background: url(../images/dashBKG.gif) no-repeat;
  background-position: left 7px;
  padding: 0 0 0 8px;
}

#textcontent #refbar {
  margin: 15px 18px 20px 12px;
  background: #f6f6f6;
  padding: 4px 7px 4px 7px;
}

#textcontent #refbar span a, #textcontent #refbar span a:visited {
  color: #666;
  font-size: 12px;
  font-weight: bold;
  display: block;
  float: left;
  padding: 2px 0 0 0;
  cursor: pointer;
  margin: 0 15px 0 0;
}

#textcontent #refbar span a:hover { color: #999; }

#textcontent #refform { overflow: hidden; *height: 1%; }

#textcontent #refform input {
  border: none;
  background: none;
  color: #666;
  font-size: 12px;
  font-weight: bold;
  cursor: pointer;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  margin: 0 0 0 0;
  padding: 0;
  width: auto;
}

#textcontent #refform div {
  float: right;
  display: block;
}

#textcontent #refform #stotrazi {
  cursor: text;
  font-weight: normal;
  background: #fff;
  margin: 0;
  border: 1px solid #ccc;
  padding: 0px 3px 0px 4px;
  width: 80px;
}

#textcontent table.reference {
  margin: 15px 0 60px 12px;
  width: 510px;
}

#textcontent table.reference th {
  text-align: left;
  padding: 1px 5px 1px 5px;
  font-size: 12px;
}
#textcontent table.reference th a, #textcontent table.reference th a:visited { color: #666; }

#textcontent table.reference th a:hover { color: #999; }

#id { width: 20px; }

#type { width: 100px; }

#year { width: 105px; }

#textcontent table.reference td {
  padding: 5px 5px 5px 5px;
  cursor: default;
}

#textcontent table.reference tr { background: url(../images/borderHOR.gif) bottom left repeat-x; }

#textcontent table.text th  { padding: 0 0 3px 0; font-weight: normal; font-size: 12px; }

#textcontent table.text th a  { color: #666;}

#textcontent table.text th a:hover  {color: #999;}

#textcontent table.text { 
  text-align: left;
  margin: 15px 25px 50px 12px; 
}



#textcontent table.text img {
  margin:  3px 15px 10px 0 ;
}

#textcontent table.text td {
  vertical-align: top;
  padding: 0 0 30px 0;
}

#textcontent table.text td.img {
  padding: 0 0 50px 0;
  text-align: right;
}

#textcontent table.text td.img img { margin: 0 0 10px 15px; }

.text span.pdf {
  background: #fff url(../images/pdfICON.jpg) top left no-repeat;
  padding: 0 0 0 22px;
  margin: 5px 0 5px 0; 
  display: block;
}

.text span.doc {
  background: #fff url(../images/docICON.gif) no-repeat;
  background-position: 2px top;
  padding: 0 0 0 22px;
  margin: 5px 0 5px 0;  
  display: block;
}

#back {
  float: right;
  background:  url(../images/refICON1.gif) center left no-repeat;
  padding: 0 0 0 12px;
  border: none;
  cursor: pointer;
  color: #003366;
  position: relative;
  margin: -21px 25px 0 0; 
  font-size: 12px;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#gallery  {
  text-align: left;
  margin: 15px 25px 20px 12px; 
}

#gallery table { vertical-align: top; text-align: left; margin: 0 0 30px 20px; }

#gallery table th  { width: 170px; padding: 20px 0 2px 0; }

#gallery table td {
   padding: 0 0 5px 0; 
}

#gallery table a {  
  margin: 2px 0 0 0;
  color: #666;
}

#gallery table a:hover {
  color: #999;
}

#gallery  h4 { margin: 0 0 0 0; font-weight: bold; font-size: 12px;  }

#textcontent table.nomarg {
  margin: 15px 25px -20px 12px;
}

/*  SITEMAP  **********************************************************/
#sitemap { 
 list-style: none;
 font-size: 12px;
 margin: 15px 25px 50px 12px; 
}

#sitemap li { font-weight: bold; padding: 0 0 3px 0;}

#sitemap ul {
 list-style: none;
 margin: 0px 0px 0px 15px; 
}

#sitemap ul li { font-weight: normal; padding: 0 0 0 0; }

#sitemap ul ul li { font-weight: normal; padding: 0 0 0 0; font-size: 11px; }

#sitemap a {
  color: #666;
}

#sitemap a:hover {
  color: #999;
}

/*  KONTAKT  **********************************************************/
.kontaktinfo {
  width: 250px;
  margin: 0 0 10px 0;
}

.kontaktinfo dt {
  margin: 0 0 10px 0;
}

#kontaktforma { 
  width: 250px;
  text-align: left;
}

#kontaktforma input, #kontaktforma select {
	width: 230px;
	font-size: 10px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	background: #FFF;
	color: #666666;
	height: 15px;
	border: 1px solid #e1e1e1;
	margin: 0 0 6px 0;
}

#kontaktforma textarea {
	width: 230px;
	font-size: 10px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	background: #FFF;
	color: #666666;
	height: 80px;
	border: 1px solid #e1e1e1;
	margin: 5px 0;
}

#kontaktforma .botuni, #kontaktforma .botunihr, #kontaktforma .botunien, #kontaktforma .botunide, #kontaktforma .botunifr {
	width: auto;
	margin: 10px 17px 0 0;
	background: white;
	border: none;
	cursor: pointer;
	font-size: 11px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #666;
	display: inline;
	float: right;
}


#natjecajforma { 
  padding: 15px 25px 120px 12px; 
  text-align: left;
}

#natjecajforma input, #natjecajforma select {
	width: 200px;
	font-size: 10px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	background: #FFF;
	color: #666666;
	height: 15px;
	border: 1px solid #e1e1e1;
	margin: 0 0 6px 0;
}

#natjecajforma textarea {
	width: 250px;
	font-size: 10px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	background: #FFF;
	color: #666666;
	height: 135px;
	border: 1px solid #e1e1e1;
	margin: 5px 0;
}

#natjecajforma .botuni {
	width: auto;
	margin: 10px 0 0 15px;
	background: white;
	border: none;
	cursor: pointer;
	font-size: 11px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #666;
	display: inline;
	float: right;
}

#natjecajforma input.upload {
  height: 19px;
}

#formright {
  position: relative;
  margin: -161px 0 0 250px;
}

#formright div {
 margin: 0 0 -4px 0;
}

#frmSearch td.label { width: 160px; }

#frmSearch select { width: 200px; padding: 1px; border: 1px solid #e1e1e1; color: #666666; font-size: 10px; }
#frmSearch label { width: 30px; display: block; float: left; }
#frmSearch select.minyr { width: 60px; }
#frmSearch select.maxyr { width: 60px; }

#frmSearch .q { width: 195px; padding: 1px; border: 1px solid #e1e1e1; color: #666666; font-size: 10px; }
#frmSearch .button { background: white; border: none; cursor: pointer; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #666; font-size: 11px; }


/*  FOOTER  ***********************************************************/
#footer {
  width: 720px;
  margin: 0px auto;
  color: #666;
  background: #fff url(../images/borderHOR.gif) top left repeat-x;
  font-size: 9px;
  padding: 1px 0 0 0;
}

#footleft {
  float: left;
  width: 84px;
  padding: 12px 0 0 10px;
  background: #fff url(../images/borderVER.gif) top right repeat-y;  
}

#footleft td { padding: 0 3px 5px 0; }

.footsmall { font-size: 8px; }

#footright {
  /*float: right;
  width: 601px;*/
  padding: 8px 10px 11px 10px;
  text-align:center;
}

#footright a, #footright a:visited { color: #666; }

#footright a:hover { color: #999; }

#footright ul {
  list-style: none;
  margin: 0 0 20px 5px;
}

#footright li { display: inline; }

#footright li a { padding: 0 1px 0 0; }

#footloc { word-spacing: 1px; line-height:12px; }

/* DIMEDIA SIGN ******************************************************/
#sign {
  margin: 0px auto;
  width: 703px;
  padding: 4px 0 4px 17px;
  background: url(../images/pattern.gif) top left repeat;
}

#sign a {
  font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
  font-size: 11px;
  text-decoration: none;
  color: black;
}

#sign a:hover,
#sign a:hover span.grey,
#sign span.red {
  color: red;
}

#sign span.grey { color:#999; }

/* 2011_03 */
#textcontent h2.investorsreports { padding-right:300px; }
form#investorsreports { position:absolute; right:0; top:4px; }
form#investorsreports select { font-size:11px; }

#textcontent.investorsreports { position:relative; }