body {font-family: Arial, Helvetica, sans-serif;background-color: #ccc;background-image: url(../images/bg.png);background-repeat: repeat-x;background-position: center top;color: #666666;}
#wrapper {background-image: url(../images/back.png);background-repeat: no-repeat;background-position: center 100px;}
#container {width: 960px;margin-top: 0;margin-right: auto;margin-bottom: 20px;margin-left: auto;background-color: #fff;}

/* =HEADER
----------------------------------------------- */
#hd{height:87px;position: relative;margin-top: 20px;margin-bottom: 20px;}
#hd h1 a{display:block;height:85px;width:376px;background-image:url(../images/logo_default_final.png);background-repeat:no-repeat;text-indent:-10000px;}
#input{position:absolute;right:0px;top:0px;margin:0;padding:0;list-style:none;font-size: 12px;}
#input li{display:inline;margin:0;padding:0;}
#input li .rss {z-index: 10000;background-image: url(../images/rss.png);background-repeat: no-repeat;padding-left: 25px;background-position: left center;}
#input li:before{content:"| ";color: #999;}
#input li:first-child:before{content:"";} * html #input li:first-child{background-image:none;}#input li a{padding-left:.5em;padding-right:.5em;color:#999;text-decoration:none;}#input li a:hover{color:#666;}

/* =MENU
----------------------------------------------- */
#nav {width: 541px;position:absolute;right:0px;top:70px;margin:0;padding:0;list-style:none;}
#nav h2 {display: none;}
#nav ul {margin: 0;padding: 0 0 0 4px;list-style:none;display:block;height:38px;}
#nav li {position: relative;float: left;display: block;width: auto;}
#nav a, #nav a:visited {display: block;color: #000000;text-decoration: none;text-align: center;line-height: 20px;font-size: 12px;}
#naslovna a {height: 38px;background-repeat: no-repeat;background-image: url(../images/li_naslovna.png);background-position: 0 0;width: 100px;}
#naslovna a:hover, #naslovna li.over a {background-image: url(../images/li_naslovna.png);background-repeat: no-repeat;background-position: 0px -38px;width: 100px;}
#onama a {height: 38px;background-repeat: no-repeat;background-image: url(../images/li_onama.png);background-position: 0 0;width: 86px;}
#onama a:hover, #naslovna li.over a {background-image: url(../images/li_onama.png);background-repeat: no-repeat;background-position: 0px -38px;width: 86px;}	
#projekti a {height: 38px;background-repeat: no-repeat;background-image: url(../images/li_projekti.png);background-position: 0 0;width: 89px;}
#projekti a:hover, #naslovna li.over a {background-image: url(../images/li_projekti.png);background-repeat: no-repeat;background-position: 0px -38px;width: 89px;}	
#enc a {height: 38px;background-repeat: no-repeat;background-image: url(../images/li_enc.png);background-position: 0 0;width: 65px;}
#enc a:hover, #naslovna li.over a {background-image: url(../images/li_enc.png);background-repeat: no-repeat;background-position: 0px -38px;width: 65px;}	
#info a {height: 38px;background-repeat: no-repeat;background-image: url(../images/li_infocentar.png);background-position: 0 0;width: 117px;}
#info a:hover, #naslovna li.over a {background-image: url(../images/li_infocentar.png);background-repeat: no-repeat;background-position: 0px -38px;width: 117px;}	
#kontakt a {height: 38px;background-repeat: no-repeat;background-image: url(../images/li_kontakt.png);background-position: 0 0;width: 84px;}
#kontakt a:hover, #naslovna li.over a {background-image: url(../images/li_kontakt.png);background-repeat: no-repeat;background-position: 0px -38px;width: 84px;}
#nav li ul {list-style: none;position: absolute;clear: both;top: 38px;left: 0;font-weight: normal;padding: 0;margin: 0;border: 1px solid #adadad;background-image: url(../images/menibc.png);display: none;}
#nav li>ul {position: absolute;top: 0;left: 0;height: auto;margin-top: 38px;}
#nav li li {width:auto;clear: both;display: block;text-align: left;float: none;height: auto;padding:0;margin:0;background-position: -300px -300px;}
#nav li li a, #nav li li a:visited {display: block;font-weight: normal;color: #666;height: 20px;margin: 0;background: transparent;font-size: 12px;font-weight: normal;text-align: left;padding-left:5px;padding-top: 5px;padding-right: 0px;padding-bottom: 0px;}
html>body #nav li li a {height: auto;/*line-height: 1em;*/min-height: 20px;}
#nav li li a:hover {color: #0066cc; background: #fff;}
#nav li:hover ul, #nav li.over ul {display: block;color: #336699;} 

/* =TOP
----------------------------------------------- */
#top {background-image: url(../images/top_shemes.jpg);height: 268px;width: 960px;}
#text {width: 400px;float: left;right:0px;top:0px;list-style:none;font-size: 14px;margin-top: 50px;padding-left: 50px;margin-bottom: 0;}
#text h1 {font-size: 20px;}
#text p {padding-top: 10px;padding-right: 10px;padding-bottom: 10px;padding-left: 0px;}
#text a {float: right;width: 240px;height: 63px;background-image: url(../images/blank.gif);background-repeat: no-repeat;text-indent: -5000px;}
	
/* =POSITION/SEARCH
----------------------------------------------- */
#go {height:60px;position: relative;margin-top:10px;margin-left:30px;}
#position {font-size: 11px;color: #999;padding-top: 8px;}
#go form fieldset {position: absolute;right: 10px;top: 0px;border: none;}
#go form fieldset legend{display: none;}
#go form fieldset .input-text {background-color: transparent;background-image: url(../images/search.png);border: none;display: block;/*height: 31px;*/width: 185px;font-size: 11px;color: #999;padding: 8px;padding-left: 12px;/*line-height: 31px;*/background-repeat: no-repeat;}

/* =LISTA
----------------------------------------------- */
#lista {width: 300px;padding-left: 50px;padding-right: 40px;float: left;font-size: 12px;background-image: url(../images/line.png);background-repeat: repeat-y;background-position: right;}
#lista-pun a {color:#0066cc;text-decoration: underline;}
#lista-pun a.download  {background-image:url(../images/download.png);background-repeat:no-repeat;padding-left: 25px;background-position: left center;margin-bottom: 5px;margin-top: 5px;display:block;}
#lista-full img {float: left;margin-right: 10px;margin-bottom: 5px;}
#lista-full{padding-left: 40px;padding-right: 40px;font-size: 12px;}
#lista-full h2 {color:#0066cc;}
#lista-full h2.mainTitle {color:#666666;}
#lista h2, #lista-full h2 {font-weight: bold;text-transform: uppercase;font-size: 14px;margin-bottom:10px;}
#lista-pun h3 {color: #0066cc;font-weight: bold;margin-bottom: 5px;margin-top: 5px;}
#lista-pun h3 a {display: block;text-decoration: none;font-size: 12px;color: #999;}
#lista-pun h3 a.blue {color: #0066cc;}
#lista-pun h3 a:hover {color: #0066cc;}
#lista-pun p {margin-bottom:15px;}
#lista-pun li.one-item {font-size: 12px;font-weight: bold;margin-bottom: 10px;margin-top: 10px;}
#lista-pun li.one-item a{color: #999;text-decoration: none;}
#lista-pun li.one-item a:hover{color: #0066cc;}
#user {display:inline;}
#clearfix li{display:inline;}
#collapsableproject {display: none;}
span a.pdf {background-image: url(../images/pdf.png);background-repeat: no-repeat;text-indent: -5000px;display: block; float: right;width: 16px;}
span a.print {background-image: url(../images/print.png);background-repeat: no-repeat;text-indent: -5000px;display: block; float: right;width: 16px;}
span a.email {background-image: url(../images/email.png);background-repeat: no-repeat;text-indent: -5000px;display: block; float: right;width: 16px;}
span.date {font-size: 10px;color: #999;}
#newsBoxLink a {display: block;text-decoration: none;font-size: 12px;color: #999;text-align:right;}
#newsBoxLink a:hover {color: #0066cc;}

/* =MAIN
----------------------------------------------- */
#main{width: 475px;padding-left: 40px;padding-right: 40px;float: right;font-size: 12px;}
#main-article{padding-left: 40px;padding-right: 40px;font-size: 12px;}
#main h2, #main-article h2 {font-weight: bold;text-transform: uppercase;font-size: 14px;margin-bottom: 10px;}
#main h3, #main-article h3  {font-size: 18px;color:#0066cc;margin-top:10px;margin-bottom:15px;}
#main h4, #main-article h4  {font-size: 18px;color:#0066cc;margin-top:2px;}
#main p, #main-article p{margin-bottom:15px;}
#main img, #main-article img {float: left;margin-right: 10px;margin-bottom: 5px;}
#main a, #main-article a {color:#0066cc;text-decoration: underline;}
#main .pointout, #main-article .pointout {margin-top:40px;}
#main a.download,  #main-article a.download{background-image:url(../images/download.png);background-repeat:no-repeat;padding-left: 25px;background-position: left center;height:20px;}
#content ul {padding-left:30px;padding-bottom:10px;list-style-type:square;}
#lista-pun {padding: 0px !important;}

/* =TABLE
----------------------------------------------- */
table.sample {border-spacing: 0px;border-collapse: collapse;background-color: white;text-align: center;margin-bottom:5px;}
table.sample th {border: 1px inset #fff;color: #fff;background-color: #006699;padding-top: 5px;padding-right: 7px;padding-bottom: 5px;padding-left: 7px;}
table.sample td {padding-top: 5px;padding-right: 7px;padding-bottom: 5px;padding-left: 7px;border: 1px inset #ccc;text-align: left;}

/* =FOOTER
----------------------------------------------- */
#ft {height: 80px;margin-top:30px;color:#e8e8e8;padding-right:30px;padding-top:20px;padding-left:20px;background-image: url(../images/footer-bg.png);background-repeat: repeat-x;}
#podaci {font-size: 12px;float:right;display: block;width:250px;text-align: right;}
#output{position:absolute;margin:0;list-style:none;font-size: 12px;}
#output li{display:inline;margin:0;padding:0;}
#output li:before{content:"| ";color: #e8e8e8;}
#output li:first-child:before{content:"";} * html #output li:first-child{background-image:none;}
#output li a{padding-left:.5em;padding-right:.5em;color:#e8e8e8;text-decoration:none;}
#output li a:hover{color:#666;}
#copyright {margin-top: 50px;font-size: 10px;}

/* =CONTACT
----------------------------------------------- */
.form2 td {padding:8px;}

/* =SAVA NAVIGO ------ TO BE REMOVED
----------------------------------------------- */
#savanavigoleft {width: 550px;padding-left: 50px;padding-right: 40px;float: left;font-size: 12px;background-image: url(../images/line.png);background-repeat: repeat-y;background-position: right;}
#savanavigoleft h2 {font-weight: bold;text-transform: uppercase;font-size: 14px;margin-bottom: 10px;}
#savanavigoleft h3  {font-size: 18px;color:#0066cc;margin-top:10px;margin-bottom:15px;}
#savanavigoleft img {float: right; margin-left:5px; margin-bottom:10px;}
#savanavigoleft p {margin-bottom: 15px;}

#savanavigoright {width: 240px;padding-left: 25px;padding-right: 40px;float: right;font-size: 12px;}
#savanavigoright h2 {font-weight: bold;text-transform: uppercase;font-size: 14px;margin-bottom: 10px;}
#savanavigoright h3  {font-size: 18px;color:#0066cc;margin-top:10px;margin-bottom:15px;}
#savanavigoright img {float: left; margin-right:5px;}
#savanavigoright td {padding:5px 0 5px 0;}
#savanavigoright table {margin-bottom:30px;}

/* =SAVA NAVIGO MAIN ------ TO BE REMOVED
----------------------------------------------- */
#savanavigoprojects{width: 100%;padding-left: 30px;padding-right: 30px;float: left;}
#savanavigoprojects table {width:100%;}
#savanavigoprojects td {width:25%;}