html, body{margin:0;padding:0}
body{font:12px Arial, Helvetica, sans-serif;text-align:center;}
a{ color:#06C; text-decoration:none }
/* GRID */
div#header { height:235px}
div#container{width:980px;margin:0 auto; }
div#wrapper{float:left;width:100%}
div#content{margin:0 240px 0 240px;min-height:400px;}
div#navigation{float:left;width:240px;margin-left:-980px}
div#extra{float:left;width:240px;margin-left:-240px}
div#footer{clear:left;width:100%}
/* HEADER */
div#header { background:url(../images/head-bg.jpg) no-repeat; text-align:left; padding-left:60px; padding-top:25px}
div#header img{ border:none}
ul#nav { height:40px;float:right; background:url(../images/menu-bg.png); margin-top:-11px; font:bold 13px Arial, Helvetica, sans-serif; }
ul#nav li a{ background:url(../images/menu-separator.png) no-repeat left;}
#container{background:url(../images/container-bg.png) repeat-x 0px 235px }
ul#pretraga{float:right; width:490px; font-size:11px; font-weight:bold; color:#767676; }
ul#pretraga li {float:left;}
ul#pretraga a { color:#767676; margin-right:5px; background-position:right; background-repeat:no-repeat; height:15px; padding:5px 20px 0px 5px }
ul#pretraga form { background:#bbbbbb; padding:5px 5px 0 5px; }
ul#pretraga form input{ background:none; border:1px solid #767676; margin:0px 2px; font:normal 11px Arial, Helvetica, sans-serif; color:#666666}
ul#pretraga form button { width:15px; height:15px; background: url(../images/trazi.png); border:none; margin-top:-5px}
ul#pretraga li span{ display: none}
ul#pretraga li#jezici{width:200px; text-align:right}
ul#pretraga li#jezici span{text-align:right}
ul#pretraga li#jezici span a{ background:#bbbbbb; color:#767676; padding:3px}
ul#pretraga li#jezici span a:hover{ background:#767676; color:#EFEFEF}
/* CONTENT */
div#content{ text-align:left; color:#333333; line-height:18px}
div#content h3{ font:normal 18px Arial, Helvetica, sans-serif; letter-spacing:-1px; padding:0px 0px 5px 5px; margin-bottom:10px; color:#006699; border-bottom:1px solid #006699}
div#content h4{ font:bold 14px Arial, Helvetica, sans-serif; letter-spacing:-1px; padding:15px 0px 5px 5px; margin-bottom:10px; color:#006699; border-bottom:1px dashed #006699; clear:both;}
div#content p{ padding:5px 0px 5px 5px; }
div#content img { border:1px solid #CCC; background:#FFF; float:left;}
div#content a{ color:#06C; text-decoration:none }
div#content a:hover{ color:#0080FF; text-decoration:underline}
div#content ul { list-style-type: disc; padding:5px 0px 10px 25px;}
div#content ul li { padding:5px 0; border-bottom:1px solid #efefef}
div#content .box { border:1px solid #CCCCCC; background-color:#FFF; z-index:500;}
div#content li.pdf {
list-style-image:url(../images/icon/pdf.gif);
text-indent:5px; list-style-position:outside
}
div#content .adresar h4 {BORDER-RIGHT:#c4c4c4 1px solid; PADDING-RIGHT:25px; BORDER-TOP:#c4c4c4 1px solid; PADDING-LEFT:15px; BACKGROUND:url(/images/arrow-square.gif) #F2F2F2 no-repeat right -51px; PADDING-BOTTOM:7px; MARGIN-BOTTOM:0px; BORDER-LEFT:#c4c4c4 1px solid; PADDING-TOP:7px; BORDER-BOTTOM:0; font-size:12px; letter-spacing: normal; color:#666666; CURSOR:pointer;}
div#content .adresar h4:hover{BACKGROUND-COLOR:#e3e2e2}
div#content .adresar h4.active{BACKGROUND-POSITION:right 5px; background-color:#666666; color:#FFFFFF;}
div#content .adresar blockquote{BORDER-RIGHT:#c4c4c4 1px solid; PADDING-RIGHT:15px; PADDING-LEFT:15px; BACKGROUND:#FFFFFF; PADDING-BOTTOM:20px; MARGIN:0px; BORDER-LEFT:#c4c4c4 1px solid; PADDING-TOP:10px}
div#content ul.navlist{ list-style-type:none; padding:0; margin:0}
div#content ul.navlist li{ display:block; margin-bottom:15px; padding:10px; border:1px dotted #CCCCCC; background: url(../images/container-bg.png) repeat-x}
div#content ul.navlist li strong { display:block; padding:5px; border-bottom:1px dotted #CCC}
/* gallery */
div#content ul.gallery { padding:0; margin:0; font-size:11px; line-height:13px; width:510px}
div#content ul.gallery li{ list-style-type:none; width:130px; height:180px; overflow: hidden;display:block; float:left; margin:15px 15px 5px 15px; padding:2px}
div#content ul.gallery li img{ margin:0;}
/* vijesti */
div#content .vijestiList{ display:block; clear:both; font-size:11px; color:#666666; line-height:16px; border-top:1px solid #CCCCCC; padding-top:10px; margin-bottom:10px;}
div#content .vijestiList strong{ color:#2EA1C9; display:block}
div#content .vijestiList a{ color:#666666; font:bold 12px Arial, Helvetica, sans-serif; padding:5px; border-bottom:none; display:block;}
div#content .vijestiList img{ float:left; margin:0 8px 1px 0px}
div#content .vijestiList p{ margin:0 8px 8px 0px; clear:right}
/* NAVIGATION */
div#navigation { }
div#navigation div { border:1px solid #CCC; margin:0 10px 10px 10px; text-align:left; padding:10px}
div#navigation div h3 { padding:0 0 10px 0; font-size:14px; letter-spacing:-1px; text-transform:uppercase; color:#666}
#kontaktForm, #newsletterForm { font:normal 11px Arial, Helvetica, sans-serif; clear:none; }
#kontaktForm label, #newsletterForm label{ color:#999999; font-size:11px; padding-bottom:5px; display:block}
#kontaktForm input, #newsletterForm input{ border:1px solid #999999; width:100%; font:normal 11px Arial, Helvetica, sans-serif; padding:2px 0}
#kontaktForm textarea{ border:1px solid #999999; width:100%; height:100px; font:normal 11px Arial, Helvetica, sans-serif;padding:5px 0}
#kontaktForm button, #newsletterForm button{ background:url(../images/btn.png); width:70px; height:29px; text-align:center; border:none; font:bold 12px Arial, Helvetica, sans-serif; color:#FFFFFF;}
.designby{ font:normal 9px Tahoma, Geneva, sans-serif; color:#999; padding:0; border:0 none; text-align:left; margin-left:15px}
.designby a{color:#999; padding:0}
.designby a:hover{color:#333; padding:0}
/* EXTRA */
div#extra div { border:1px solid #CCC; margin:0 10px 10px 10px; text-align:left; padding:10px}
div#extra div h3 { padding:0 0 10px 0; font-size:14px; letter-spacing:-1px; text-transform:uppercase; color:#666}
.extraVijesti { font-size:11px; margin-bottom:10px}
.extraVijesti li a{ display:block;border-bottom:1px solid #CCCCCC; padding-bottom:5px; margin-bottom:5px; color:#666666; }
.extraVijesti li a strong{ color:#2EA1C9; }
a.arhiva { background:#31B2D5; color:#FFFFFF; padding:2px 5px; font:bold 9px Tahoma, Geneva, sans-serif; margin:10px 0px 5px 150px}
form#aktFrm{ border:1px solid #CCCCCC; padding:10px; background:#f2f2f2; margin-bottom:10px}
form#aktFrm select { font:normal 11px Arial, Helvetica, sans-serif; color:#666666; }
form#aktFrm select option { padding:2px 5px 0 5px}