/* ---------- RESET ---------- */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,
font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,
legend,table,caption,tbody,tfoot,thead,tr,th,td {margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent;}
body {line-height:1;}
ol,ul {list-style:none;}
blockquote,q {quotes:none;}
:focus {outline:0;}
ins {text-decoration:none;}
del {text-decoration:line-through;}
table {border-collapse:collapse;border-spacing:0;}


/* ---------- GENERAL STYLES ---------- */
body {font:normal 72% Tahoma, Geneva, sans-serif;line-height:1.3em;color:#333333;padding:0 0 2em;background:#fff url(../images/bg_body.png) 0 0 repeat-x;}
body.home {background:#fff url(../images/bg_body_home.png) 0 0 repeat-x;}
a {color:#0d1f64; text-decoration:underline; font-weight:bold;}
a:hover {text-decoration:none;}
p {margin:0 0 20px;}
p.txtGrey {color:#ddd;}
button {cursor:pointer;}
h1, h2, h3, h4, h5, h6, h7, p, blockquote {padding:0;}
#content h1 {color:#0d1f64; margin-bottom:20px; font-size:1.7em; line-height:1.3em; font-weight:normal;}
#content h2 {color:#0d1f64; margin-bottom:10px; font-size:1.6em; line-height:1.4em; font-weight:normal;}
#content h3 {color:#0d1f64; margin-bottom:10px; font-size:1.2em; line-height:1.1em; font-weight:bold;}
address { font-style:normal;}
#content ul {margin-bottom:20px;}
#content ul li {background:url(../images/bg_ul_li.png) no-repeat 0 5px; padding:0 0 0 15px; margin:5px 0; height:100%;}
#content ul li p {margin-bottom:0;}
#content table {margin-bottom:20px;}
#content table tr {}
#content table tr th {padding:10px; background:#0d1f64; color:#fff;}
#content table tr th a {color:#fff; text-decoration:underline;}
#content table tr th a:hover {text-decoration:none;}
#content table tr td {padding:5px; border-bottom:1px solid #0d1f64; vertical-align:top;}
#content img.imgLeft {float:left; margin:0 10px 10px 0;}
#content img.imgRight {float:right; margin:0 0 10px 10px;}
.frame {padding:5px; border:1px solid #d40018;}
.pdf {padding:5px 0 3px 20px; background:url(../images/pdf.png) 0 0 no-repeat; display:inline-block;}
.doc {padding:5px 0 3px 20px; background:url(../images/doc.png) 0 0 no-repeat; display:inline-block;}
.zip {padding:5px 0 3px 20px; background:url(../images/zip.png) 0 0 no-repeat; display:inline-block;}
.xls {padding:5px 0 3px 20px; background:url(../images/xls.png) 0 0 no-repeat; display:inline-block;}
.exe {padding:5px 0 3px 20px; background:url(../images/exe.png) 0 0 no-repeat; display:inline-block;}
.povezavaVideo {padding:5px 0 3px 20px; background:url(../images/video.png) 0 0 no-repeat; display:inline-block;}
.povezavaWWW {padding:5px 0 3px 20px; background:url(../images/www.png) 0 0 no-repeat; display:inline-block;}

#site {width:870px; margin:0 auto; padding:0;}


/* ---------- HEADER ---------- */
#header {width:870px; height:325px; background:url(../images/bg_header.png) 165px 32px no-repeat;}
#header.home {height:550px; background:url(../images/bg_header_home.png) 0 0 no-repeat;}
#logo {position:relative; left: 70px; width:80px; height:80px; background:url(../images/logo.png) 0 0 no-repeat; float:left; display:block; text-indent:-123456px;}
#logo.home {margin:0;width:160px; height:160px; background:url(../images/logo_home.png) 0 0 no-repeat;}
ul#topNav {margin:20px 0 0; float:right;}
ul#topNav li {float:left;}
ul#topNav li a {padding:0 15px 0 0; background:url(../images/bg_topnav.png) 100% 50% no-repeat; display:block; color:#666; font-weight:normal; text-decoration:none;}
ul#topNav li a:hover {text-decoration:underline;}
ul#topNav li a.last {padding:0; background:none;}
ul#navigation {height:32px; width: 850px; margin:10px 0 0 20px; padding:0; background:none; float:right;}
ul#navigation li {margin: 0 1px 0 0; background:none; float:left; position:relative;}
ul#navigation li a {width:125px; height:23px; margin-right:5px; padding:9px 0 0 40px; background:url(../images/bg_navigation.png) 0 0 no-repeat; display:block; color:#fff; text-decoration:none; font-weight:bold; font-size:1.2em;}
ul#navigation li a:hover, ul#navigation li.selected a {background:url(../images/bg_navigation.png) 0 -32px no-repeat;}
ul#navigation li a.last {margin-right:0;}
ul#navigation li .star {width:31px; height:30px; background:url(../images/bg_star.png) 0 0 no-repeat; display:none; position:absolute; left:8px; top:32px;} /*PNG24*/
ul#navigation li a:hover .star, ul#navigation li.selected a .star {display:block;}

ul#navigation.home {width:870px; height:260px; margin:127px 0 0; padding:0; background:none; float:left;}
ul#navigation.home li {margin:0; background:none; float:left; }
ul#navigation.home li a {width:148px; height:205px; margin-right:7px; padding:15px 10px 40px 10px; background:url(../images/bg_navigation_home.png) 0 0 no-repeat; display:block; color:#fff; text-decoration:none; font-weight:normal; font-size:1em;}
ul#navigation.home li a strong {padding-left:25px; display:block; font-weight:normal; font-size:1.4em;}
ul#navigation.home li a span {height:75px; margin:15px 0 0; padding: 0 5px 0 25px; display:block; color:#3f87c5; font-size:1.5em; line-height:1.2em;}
ul#navigation.home li a:hover {background:url(../images/bg_navigation_home.png) 0 -260px no-repeat;}
ul#navigation.home li a.last {margin-right:0;}

#topText {width:850px; height:160px; padding:20px 0 20px 20px; float:left;}
#topText img {height:158px; margin:0 0 0 20px; float:right; border:1px solid #fff;}
#topText h1 {color:#ff0000; margin:20px 0; font-size:1.7em; font-weight:normal;}
#topText p {color:#fff;}

/* ---------- BODY ---------- */
#body {width:870px; margin:20px 0 0; float:left;}

/*left*/
#left {width:180px; margin:0 20px 0 0; padding:0; float:left;}
#left .logo {margin-bottom:30px;}
#left .logo img {width:150px; margin:0 0 0 15px;}
#left ul {margin-left:15px;}
#left ul li {}
#left ul li a {margin:0 0 15px; display:block;}
#left ul li.selected a {color:#ff0000;}


/*content*/
#content {width:440px; margin:0 30px 0 0; float:left;}
#content ul.breadcrumbs {width:440px;}
#content ul.breadcrumbs li {margin:0; padding:0; background:none; float:left; color:#333; font-weight:bold;}
#content ul.breadcrumbs li a {padding:0 15px 0 0; background:url(../images/bg_breadcrumbs.png) 100% 50% no-repeat; font-weight:normal; text-decoration:none; color:#ff0000;}
#content ul.breadcrumbs li a:hover {text-decoration:underline;}
#content ul.news {}
#content ul.news li {margin:0 0 18px; padding:0; background:none;}
#content ul.news li .date {margin-bottom:0; color:#333; display:block;}
#content ul.news li a {margin-bottom:3px; display:block;}
#content ul.news li a.more {float:right; font-weight:normal;}
#content p.portA {width:100%;}
#content p.portA span {height:26px; padding-left:16px; background:url(../images/bg_porta.png) 0 0 no-repeat; float:right; display:inline-block;}
#content p.portA a {height:22px; padding:4px 16px 0 0; background:url(../images/bg_porta_a.png) 100% 0 no-repeat; display:inline-block; color:#fff; text-decoration:none;}
#content p.portA a:hover {text-decoration:underline;}

/*content.home*/
#content.home {}

/*content.wide*/
#content.wide {width:870px; margin:0;}


/*sidebar*/
#sidebar {width:200px; float:left;}
#sidebar h2 {color:#ff0000; margin-bottom:10px; font-size:1.6em; font-weight:normal;}
#sidebar ul {margin-bottom:20px;}
#sidebar ul li {background:url(../images/bg_ul_li.png) no-repeat 0 5px; padding:0 0 0 15px; margin:5px 0 5px 2px; height:100%;}
#sidebar ul li p {margin-bottom:0;}
#sidebar a {color:#ff0000;}


/* ---------- FOOTER ---------- */
#footer {width:870px; height:33px; margin:20px 0 0; background:#0e1f64; float:left;}
#footer p {margin:0; padding:10px 0 0 15px; color:#fff; font-size:0.9em;}
#footer .madeby {float:right; margin:0; padding:0 15px 0 0;}
#footer .madeby a.no {text-decoration:none; cursor:text;}
#footer .madeby a.no:hover {text-decoration:none;}
#footer .madeby a {color:#fff; text-decoration:none; font-weight:normal;}
#footer .madeby a:hover {text-decoration:underline;}

/* ---------- EXTRA ---------- */

/*gallery*/
#content .gallery {width:440px; height:105px; margin:0 0 20px; padding:0; background:url(../images/bg_gallery.png) 0 0 no-repeat; overflow:hidden;}
#content .gallery ul {}
#content .gallery ul li {width:82px; height:82px; margin:0; padding:0; background:none; float:left;}
#content .gallery ul li img {width:80px; height:80px; border:1px solid #0D1F64;}
.gallery .jcarousel-container {position:relative;}
.gallery .jcarousel-clip {z-index:2; padding:0; margin:0; overflow:hidden; position:relative;}
.gallery .jcarousel-list {z-index:1; overflow:hidden; position:relative; top:0; left:0; margin:0; padding:0; margin:0;}
.gallery .jcarousel-list li, .jcarousel-item {margin:0; padding:0; float:left; list-style:none; background:none; width:100px; height:100px;}
.jcarousel-next {z-index:3; display:none;}
.jcarousel-prev {z-index:3; display: none;}
.jcarousel-skin-tango .jcarousel-container {background:url(../images/bg_gallery.png) 0 0 no-repeat;}
.jcarousel-skin-tango .jcarousel-container-horizontal {width:370px; padding:10px 35px;}
.jcarousel-skin-tango .jcarousel-clip-horizontal {width:368px; height:140px; margin-left:5px;}
.jcarousel-skin-tango .jcarousel-clip-vertical {width:75px; height:245px;}
.jcarousel-skin-tango .jcarousel-item {width:75px; height:75px;}
.jcarousel-skin-tango .jcarousel-item-horizontal {margin-right:10px;}
.jcarousel-skin-tango .jcarousel-item-vertical {margin-bottom:10px;}
.jcarousel-skin-tango .jcarousel-item-placeholder {background:#fff; color:#000;}
.jcarousel-skin-tango .jcarousel-next-horizontal {position:absolute; top:35px; right:5px; width:32px; height:32px; cursor:pointer; background:transparent url(../images/next-horizontal.png) no-repeat 0 0/*png24*/;}
.jcarousel-skin-tango .jcarousel-next-horizontal:hover {background-position:-32px 0;}
.jcarousel-skin-tango .jcarousel-next-horizontal:active {background-position:-64px 0;}
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {cursor:default; background-position:-96px 0;}
.jcarousel-skin-tango .jcarousel-prev-horizontal {position:absolute; top:35px; left:5px; width:24px; height:32px; cursor:pointer; background:transparent url(../images/prev-horizontal.png) no-repeat 0 0/*png24*/;}
.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {background-position:-32px 0;}
.jcarousel-skin-tango .jcarousel-prev-horizontal:active {background-position:-64px 0;}
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {cursor:default; background-position:-96px 0;}
.jcarousel-skin-tango .jcarousel-next-vertical {position:absolute; bottom:5px; left:43px; width:32px; height:32px; cursor:pointer; background:transparent url(../images/next-vertical.png) no-repeat 0 0;}
.jcarousel-skin-tango .jcarousel-next-vertical:hover {background-position:0 -32px;}
.jcarousel-skin-tango .jcarousel-next-vertical:active {background-position:0 -64px;}
.jcarousel-skin-tango .jcarousel-next-disabled-vertical, .jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover, .jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {cursor:default; background-position:0 -96px;}
.jcarousel-skin-tango .jcarousel-prev-vertical {position:absolute; top:5px; left:43px; width:32px; height:32px; cursor:pointer; background:transparent url(../images/prev-vertical.png) no-repeat 0 0;}
.jcarousel-skin-tango .jcarousel-prev-vertical:hover {background-position:0 -32px;}
.jcarousel-skin-tango .jcarousel-prev-vertical:active {background-position:0 -64px;}
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical, .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover, .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {cursor:default; background-position:0 -96px;}


/* ---------- HACKS ---------- */
.clear {display:inline-block;}
body:after, #site:after, ul.breadcrumbs:after, #content p.portA:after, .clear:after {content:".";display:block;height:0;font-size:0;clear:both;visibility:hidden;}