/* CSS Document */

*{ padding:0; margin:0; }

body{
font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#444;
background-color:#cfe1ed;
background-image:url(bg.gif);
background-repeat:repeat-x;

}
a img { border:none; }

div#Container{ width:880px; margin:0 auto; 
border-left:solid 5px #fff;
border-right:solid 5px #fff; }

div#Header{ height:150px;  }
.half { width:430px; float:left; }
.searchfield { border:solid 2px #00CCFF; padding:2px; width:200px; color:#356aa0; }
.searchbutton { background-color:#356aa0; padding:3px; color:#fff; font-size:11px; border:none; }

div#Menu{ padding-left:10px; height:31px; background-image:url(images/site/menu_b.gif); background-repeat:repeat-x; }
div#Menu ul li { list-style:none; padding:0; margin:0; margin-right:5px; display:block; float:left; color:#fff; }
div#Menu ul li a { color:#fff;  float:left; padding:7px 10px;    }
div#Menu ul li a:hover { background-color:#356aa0; text-decoration:none;  }
div#Menu ul li.mark a { background-color:#356aa0; text-decoration:none;  }

div#BigImage { height:200px; background-repeat:no-repeat;  }

div#BigImage_image, div#BigImage_text, div#BigImage_additional { padding:10px;  height:180px; float:left;   }
div#BigImage_image { width:315px; background-color:#eff0f1; overflow:hidden;   }
div#BigImage_text { width:285px; background-color: #eff0f1; }
div#BigImage_additional { width:220px; background-color:#fafafa; }

.featured_Heading { font-size:24px; color:#01467f; letter-spacing:-1px; font-weight:normal; line-height:100%; margin-bottom:10px; } 
div#BigImage_text p { color:#666; }
div#BigImage_text a { display:block; margin:0; background-color:#01467f; color:#fff; width:80px; float:right; text-align:center; padding:5px 5px; background-image:url(images/site/dugme.gif); background-repeat:repeat-x; } 

div#Wide { height:90px; margin:5px auto; }
div#WideLeft, div#WideMiddle { padding:10px; height:70px; float:left; border-top:solid 2px #ccc; }
div#WideLeft, div#WideMiddle{ width:368px; margin-right:2px; background-color:#eaeaea; }
div#WideRight { width:200px; margin-bottom:5px; padding:0; height:70px; background-color:#ccc; display:block; float:none;     }
div#WideLeft h1, div#WideMiddle h1  { font-family:"Times New Roman", Times, serif; text-transform:uppercase; margin-bottom:5px; color:#01467f; font-size:20px;  }

div#ContentsLeft { float:left;   }
div#ContentsRight { }


a { text-decoration:none; } a:hover { text-decoration:underline; }
p.mojlink { background-color:#888;  display:inline; padding:3px; color:#fff; }
p.mojlink a { color:#fff; }
h1, h1.heading { color:#356aa0; letter-spacing:-1px; font-weight:normal; font-size:24px; margin:8px 0px;  }
h2 { color:#258FCD; font-weight:normal; letter-spacing:-1px; font-size:18px; margin:4px 0px; }
h2.inverse { background-color:#258FCD; color:#fff; font-size:15px; padding:4px 2px;  }
h3 { color:#555; letter-spacing:-1px;font-size:15px; margin:4px 0px;  }
h4 { color:#356aa0; font-weight:bold; letter-spacing:-1px; font-size:14px; margin:4px 0px;   }
p.datum { color:#356aa0;  font-weight:bold; margin:4px 0; margin-top:10px; padding-bottom:4px; border-bottom:solid 1px #ddd; }
p.datum2 { font-size:15px; color:#356aa0;  font-weight:bold; margin:4px 0; border-bottom:solid 1px #ddd; }

a { color:#356aa0;  }
p a.detaljnije { background-color:#888; margin-bottom:10px; color:#fff; padding:2px; }
li { margin-left:15px; padding-left:5px; }
p, li { line-height:145%; margin:8px 0px; font-size:12px; }
li { margin:2px 0; margin-left:26px; } 


.illustration { padding:2px; margin:2px; border:solid 1px #ddd; margin-right:10px; }
.contents_img, .ill { padding:2px; margin:2px; border:solid 1px #ddd; float:right; }

div#Footer{ height:130px; background-color:#386DA3; background-image:url(images/site/menu_b.gif); background-repeat:repeat-x; margin-top:5px; }
div#Footer ul { margin:0 150px; }
div#Footer li { float:left; list-style:none; padding:0; margin:0 3px;  }
div#Footer li a, div#Footer h2, div#Footer p { color:#fff; }
div#Footer li.mark a { text-decoration:underline;  }
.frame { border:solid 1px #ddd; margin:0;   }

table.main {background-color:#fafafa; }
td.main, td.mainBorder { padding-right:10px; ; }
td.mainBorder {  border-right:solid 1px #ddd; }

.sidebar { border:solid 1px #ddd; padding:5px; background-color:#eee; background-image:url(images/site/facts.gif); background-repeat:repeat-x; } 
.facts { border:solid 1px #ddd; padding:2px; background-color:#eee; background-image:url(images/site/facts.gif); background-repeat:repeat-x;  }
.facts strong { color:#356aa0; } 
.sidebar li , .facts li { margin:0; padding:0; margin-left:16px; margin-bottom:3px; }
.sidebar h3 , .facts h3 { color:#666; text-align:center; border-bottom:solid 1px #ccc; padding-bottom:3px; }
.sidebar p { margin-left:0px; }
.sidebar p:firstline { margin-left:25px; }

.dir { border-collapse:collapse; margin:5px 0; border-top:1px solid #e5eff8; border-right:1px solid #e5eff8; }
.dir th, .dir td { border-bottom:1px solid #e5eff8; border-left:1px solid #e5eff8; padding:2px 10px;  }
.dir th { background:#f4f9fe; color:#66a3d3; }
.dir td { color:#678197; padding:5px; background-color:#fff;    }