/* =========== POSITION ============= */
body {background:#FFF url(bg.jpg) repeat-x top left;background-attachment:fixed;

padding:1em 0 0.5em 0;  text-align:left; margin: 0em;font-family:Helvetica, Arial, "Times New Roman", Times, serif; COLOR: #1E1E1E;font-size: 14px;}



a {color:#0B35AB; }
a:hover { background-color:#CEEFFF;}

a img {border:none;}
a:hover img {border:none}


div#list {width:90%;background-color: #fff; margin:0.2em 0 1em 0}
div#meni {padding:1em 0.4em 0.5em 0em; text-align:-moz-center;margin:0em;
#text-align:center; 
}
div#meni table {border-collapse: collapse;text-align:-moz-center;
#text-align:center;
 }
div#meni td {padding: 0.5em 0.5em 0.4em 0.5em; font-size: 13px;}
div#meni th {padding: 0em 0.5em 0.2em 0.5em;font-size: 12px;background-color: #99ccff; }
div#meni {font-size: 11px;text-align:-moz-center;
#text-align: center;
}
div#meni a {padding: 0.2em 0.4em 0.2em 0.4em;  text-decoration: none;vertical-align: middle;background: #fff;  margin: 0;width:100px; border: 1px #99ccff solid;color:#00f;text-align:-moz-center;
#text-align: center;
}
div#meni a:hover {background: #0A27FF; color: #fff;  background-image:url('back_off.gif');}
div#meni th.blue { font-size: 13px;background-color: #00f; color: #fff; border-top: 2px #000000  solid}

/* ========== NAVIGATION =========== */
div#nav {font-size: 11px;font-family:Arial; font-weight:bold; padding:0;margin: 0;border-bottom: 1px #ccf solid;text-align:-moz-center;
#text-align: center;
 }
div#nav img {vertical-align: bottom; }
div#nav ul { padding: 0.3em; margin:0; text-align:left;font-weight:bold;background:#eee}
div#nav li {margin:0.2em 0.05em 0.2em 0.05em ; display: inline;}
div#nav li a { border:1px solid blue; padding:  0.3em 1em 0.3em 1em;text-decoration: none;vertical-align: bottom; background:blue; background-image:url('back_off.gif');LETTER-SPACING: 0.1em;border: 1px #6699ff solid; margin: 0;color:#fff;text-align:-moz-center;
#text-align: center;
 }
div#nav li a:hover { background:blue; background-image:url('back_on.gif');}

div#nav img{border: 1px #6699ff solid;}




/* ========= PIED DE PAGE ========== */
div#footer {font-size: 10px;color: #8080ff; text-align:-moz-center;
#text-align:center;
}
div#footer img {vertical-align: bottom;}
div#footer li {padding: 0;display: inline;}
div#footer li a {text-decoration: none;padding: 1px 0.5em 1px 0.5em;}
div#footer li a span {display: none}
div#footer li a:link {color: #8080ff}
div#footer li a:visited {color: #004080}
div#footer li a:hover {color: #009;border-bottom: 2px #fff solid;background-color: #ffee91;}

/* =========== BANDEAU ============= */
div#top {padding:0; margin: 0;border-bottom: 1px #ccf solid;border-top: 1px #367BAF solid;text-align:left;}
div#top ul {border-top: 1px #ccf solid; background-color: #fff;padding: 0.2em 1em 0.2em 0;margin:0; font-weight:bold;text-align:-moz-right;
#text-align:right;
}
div#top li {padding: 0;margin:0;display: inline;}
div#top img {padding: 0;margin:0;}


/* =========== GENERAL ============= */
img {border: none;}

.odd {background-color: #f0f3f6;}
.even {background-color: white;}


/* =========== CONTENT ============= */
div#content {z-index: 2;COLOR: #000080; clear:right; padding: 0;margin:0;font-weight: normal; font-size: 12px;text-align:left;background-color: #fff;  }
div#content p {MARGIN: 0 0em 0.2em 0em;text-align:left;}
div#content p strong {color: #000;font-weight: bold;text-align:left;}
div#content .info {font-size: 12px; color: #777}
div#content .news {margin: 0 14% 1em 14%;border: #000250 double;background-color: #b5defd;font-size: 18px;text-align: left;padding: 2em;
width:65%;}
div#content .news strong{font-size: 140%;font-weight: bold;color: purple;}
div#content .news ul {text-align: left;}
div#content h1 {PADDING: 5px 30px 0px 10px; MARGIN: 1em 0 0.5em 12px; font-size: 18px; VERTICAL-ALIGN: middle; TEXT-ALIGN: left;background-image:url('podnaslov.gif'); background-repeat: repeat-y;border-bottom:1px #ccf solid;font-weight: normal; color:000080;}

div#content h2 {PADDING: 3px 10px 3px 10px; BACKGROUND: #0A27FF; MARGIN: 0 -1px 1px -1px; font-size: 14px; VERTICAL-ALIGN: middle; COLOR: #fff; WHITE-SPACE: nowrap;  HEIGHT: 18px; text-align:-moz-center;
#text-align: center;
}
div#content h3 {text-transform:uppercase; PADDING: 0.2em 1em 0.2em 1em;  MARGIN: 1.5em 0 0.5em 0px;  font-size: 12px; VERTICAL-ALIGN: middle; COLOR: #fff; LETTER-SPACING: 0.2em;WHITE-SPACE: nowrap;  TEXT-ALIGN: left;  background-image:url('podnaslov.gif'); background-repeat: repeat-y;border-bottom:1px #ccf solid;font-weight: normal; color:000080;font-weight:bold;}
div#content h4 {font-size: 12px; text-align:left;font-weight:bold; border-bottom:1px solid #69f; margin:0.5em 0 0 0;padding:0;}
div#content h5 { PADDING: 0px 3px 2px 10px; font-size: 13px; text-align:left;}
div#content h4 strong {color: purple;font-size: 120%;}
/* Tableaux */
div#content table {border-collapse: collapse; margin: 0; text-align:left;}
div#content table.normal {width: auto;}
div#content tr.title {font-weight: bold;background-color: #99ccff;color: #fff; text-align:-moz-center;
#text-align:center;
}
div#content tr.title a { text-decoration: none;vertical-align: bottom;height:1.4em;background: #eef; font-weight:bold;border: 1px #000250 solid;MARGIN: 0;color:#00f;text-align:-moz-center;
#text-align: center;
 }
div#content tr.title a:hover {background: #00f; color: #fff}div#content div {text-align:-moz-center;
#text-align:center;
}

div#content tr.title th {padding: 2px;border-left: 1px #fff solid;}
div#content tr.plav {background-color: #99ccff;}
div#content td {padding: 0em; font-size: 12px; vertical-align:top; }

div#content td.nav {background-color: #6699ff;background-image:url('left.gif'); border: 1px #69f  solid; width:130px}
div#content td.desni {padding: 2em 0.2em 0.2em 0.2em; width:200px;   font-size:10pt;text-align:-moz-center;
#text-align:center;
}
div#content td.desni h3{letter-spacing:0;margin:1em 0 0 0};
div#content td.forma { text-align:-moz-right; color:#000; width:25%;font-weight: bold;  vertical-align:top;DISPLAY: block;
#text-align:right;
}
div#content th.iznos {text-align:-moz-right; 
#text-align:right;
width: 15%;}
div#content th {font-size: 13px;background-color: #99ccff; border-bottom: 2px #000000  solid;border-top: 1px #000000  solid}
div#content th a {padding: 0em 0.5em 0em 0.5em;color: #009;font-weight: bold;text-decoration: none;}
div#content th a:link {background-color: #99ccff;color: #009;}
div#content th a:visited {background-color: #99ccff;color: #009;}
div#content th a:hover {background-color: #E4EFF3;color: red;}
div#content form {margin: 0;  padding: 0.5em 0.5em 0.5em 0.5em;  border:1px solid #ACC7FF; background-color:#EEF4FF; text-align:-moz-center;
#text-align: center;
 }
div#content form.komentar {margin: 0 0 0 2em; text-align:left;width:500px}
div#content div.pager {color: #0006f0; width: 94%;border: 3px outset; margin: 5px; padding: 1px 15px 1px 15px; background-color: #eee;clear:both;text-align:-moz-center;
#text-align: center;
}
div#content div.pager table {font-size: 12px;}

div#srednja {width:90%;padding: 0; text-align:left; margin: 0 3em 0 2em; display:block}
div#srednja table {border-collapse: collapse;  margin: 0; text-align:left; }
div#srednja td {padding: 0.2em 0.5em 0em 0.2em; font-size: 12px; vertical-align:top;text-align:justify; }
div#srednja td.opis {border-left:1px solid #ccf;border-bottom:1px solid #ccf; text-align:left;background:#F9FDFF}
div#srednja td.title { border-left:1px #99c solid; border-bottom: 1px #99c solid;  padding: 0.2em 0.5em 0em 0.5em; LETTER-SPACING: 0.3em; font-size: 12px; vertical-align:bottom; background-color: #99ccff;font-weight:bold}
div#srednja p {MARGIN: 0.3em 0 2em 1em;text-align:justify;}
div#srednja .podnaslov {margin: 0.5em 0em 0 1em;PADDING: 1px 10px 1px 10px; font-size: 12px; font-weight:bold; text-align:left;background-image:url('podnaslov.gif'); background-repeat: repeat-y; letter-spacing:0.2em;color:000080;}
div#srednja .vijest {margin: 0em 0em 0em 1em;PADDING: 5px 10px 8px 15px; font-size: 12px; border-top:1px #ccf solid;text-align:justify;}
div#srednja .klijent {margin: 0.5em 5em 0 5em;PADDING: 0em; font-size: 12px; font-weight:bold; text-align:left; border-bottom:1px #abf solid; }
div#srednja .klijent a{padding: 0 1em 0 1em;  border: 1px #69f solid; }
div#srednja .klijent a:hover{background: #ccccff; color: #000;border: 1px #669 solid; }
div#srednja .djel {margin: 0em 5em 0em 20em;border-right:1px #ccf solid; border-bottom:1px #ccf solid;  color: #555;PADDING: 0; font-size: 12px; text-align:-moz-center;
#text-align:center;
}
div#srednja ul {margin: 0 0 0 2em; padding:0; text-align:left;}
div#srednja ul.posebna{margin:0 0 0 2em; padding: 0.5em 1em 1em 2em; text-align: left; border: 1px #eee solid; background:#F5F9FF;}
div#srednja ul.posebna li{margin:0.5em 0 1.2em 0; border-bottom: 1px #ccc solid; font-weight:bold}
div#srednja td a{margin:0 0 1em 0; border-bottom: 0px #ccc solid; font-weight:bold}

div#klijent {margin:0.5em;padding:0.2em;  font-size:12px; border:1px solid #ccf;background:#EEF4FF; width:170px;}
div#klijent h4 {padding:0;margin:0;text-align:-moz-center; font-weight:normal;
#text-align:center;
}
div#list_klijenti {border-bottom:1px #ccf solid;}
div#list_klijenti table {width:100%}
div#list_klijenti td {margin:0; padding:0;width:200px;}
div#djelatnost {margin:0.5em 0.5em 0 0.5em;padding:0.1em;   font-weight:bold; font-size:12px; border-bottom:1px solid #ccf;background-color:#ACC7FF; width:170px;}
div#form {width: 100%;z-index: 2; clear:right;
padding: 0.9em 0 0em 0;margin: 1.5em 0 0em 0;
font-size: 12px;text-align:-moz-center;font-weight:bold;
#text-align:center;
}
div#overDiv {PADDING: 0px 10px 2px 10px; position:absolute; visibility:hidden; z-index:1000;font-size:12px}
div#overDiv h3 {PADDING: 3px 10px 10px 10px; BACKGROUND: #ffee91; MARGIN: 2px -1px 1px -1px; font-size: 12px; VERTICAL-ALIGN: middle; COLOR: #009; WHITE-SPACE: nowrap;  TEXT-ALIGN: left; border-top: 1px #000 solid; border-bottom: 1px #000 solid;}
div#overDiv h4 {font-size: 11px;}

div#klients { width:500px; height:70px; font-size:22px;font-weight:bold; DISPLAY: block; color:#fff;text-align:left; border: 1px black solid; background-image:url('banner_back1.gif');}
div#klients h4 {width:100%; PADDING: 0; font-size: 10pt;font-weight:bold;margin:0;DISPLAY: block;}
div#klients h5 {width:100%;  PADDING: 0; font-size: 10pt;font-weight:bold;margin:0;DISPLAY: block;}
div#klients a {padding: 0em 0.1em 0em 0.1em; margin:0;color:#fff; height:70px; text-align: left; text-decoration: none;vertical-align: middle; DISPLAY: block;}
div#klients a:hover {background:#efefff;color:#009; DISPLAY: block;}

div#radnik {  width: 400px; border-bottom:1px solid #ccf;  margin: 3em;padding:0;text-align:-moz-center; vertical-align:middle;
#text-align:center;
}
div#radnik h3 {background:#FFF; color:#000080;letter-spacing: 0.2em; margin:0 0 0.2em 0;text-align:-moz-center;border:none; 
#text-align:center;
}
div#radnik h4 {letter-spacing: 0.1em; border:none;margin:0 0 2em 0;text-align:-moz-center;
#text-align:center;
}
div#radnik img {border:1px solid #ccf}
div#radnik td {vertical-align:middle;text-align:-moz-center;
#text-align:center;
}
div#radnik td.slika {width:30%}

.okvir {margin: 0;  padding: 0.5em 0.5em 0.5em 0.5em;  border:1px solid #ACC7FF; background-color:#fff; text-align:left}