/* 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
------------------------------ */
/* elements */
body {font:normal 62.5% Arial,Helvetica,serif;color:#000000;padding:0 0 2em;text-align:left;background:#fff url(../images/back.gif) no-repeat 50% 0;}
a {color:#000;}
a:hover {text-decoration:none;}
p {margin:0 0 1em;}
button {cursor:pointer;}
h1, h2, h3, h4, h5, h6, h7, p, blockquote {padding:0;}
address { font-style:normal;}
#content td {padding-bottom:10px;}

/* basic layout */
#site {width:950px; margin:0 auto;}
#header {height:88px; width:940px;}
ul#navigation {}
#body {}
#content {}
#sidebar {}

/* HEADER
------------------------------ */
#logo {background: url(../images/logo.gif) no-repeat 0 0; display:block; width:169px; height:74px; float:left; text-indent:-9999px; margin-top:7px;}
#slogan {background: url(../images/slogan.png) no-repeat 0 0; display:block; width:400px; height:50px; float:left; text-indent:-9999px; margin:20px 0 0 50px;}

/* BODY
------------------------------ */

/*leftbar*/

#leftBarW {width:175px; float:left;}
#leftBar {width:175px; float:left; background:#fff url(../images/leftbar.gif) repeat-y; position:relative;}
#stripes {background: url(../images/stripes.gif) repeat-x 0 0; display:block; width:175px; height:63px;}
#stripe {background: url(../images/stripes.gif) repeat-x left bottom; display:block; width:175px; height:15px;}
#leftBar h3 {background:#164c82; width:116px; padding:4px 0 4px 27px; text-transform:uppercase; color:#fff; margin:20px 0; font-size:1.2em;} 
#endLeftBar {background: url(../images/endleftbar.png) no-repeat 0 0; display:block; width:219px; height:25px; position:absolute; left:0; bottom:-25px;}
h3 a {color:#e42618; text-decoration:none;}
h3 a:hover {text-decoration:underline;}

/* leftSidebar */
#topLeftSidebar {margin-top:15px; background: url(../images/topleft2ndbar.png) no-repeat 0 0; display:block; width:175px; height:10px; position:absolute; left:0; top:-25px;}
#leftSidebar {width:145px; margin-top:27px; padding:0 15px 0 15px; float:left; background:#fff url(../images/leftbar.gif) repeat-y; position:relative;}
#endLeftSidebar {background: url(../images/endleftbar.png) no-repeat 0 0; display:block; width:175px; height:25px; position:absolute; left:0; bottom:-25px;}
#leftSidebar h2 {font-size:1.4em; color:#E42618; margin:0 0 7px 0;}
#leftSidebar h2 a {color:#e42618; text-decoration:underline;}
#leftSidebar h2 a:hover {text-decoration:none;}
#leftSidebar ul {margin-bottom:10px;}
#leftSidebar ul li {background:url(../images/bullet.gif) no-repeat 0 6px; padding-left:10px; margin:3px 0; font-size:1.2em; line-height:1.4em;}
#leftSidebar p {font-size:1.2em;}

/*leftNavigation*/
ul#leftNavigation li {width:143px; margin-bottom:-1px;}
ul#leftNavigation li.last {border-bottom:none;}
ul#leftNavigation li a {display:block; border-bottom:1px solid #164c82; width:116px; color:#164c82; text-decoration:none; font-weight:bold; font-size:1.2em; padding:4px 0 4px 2px; margin-left:25px;}
ul#leftNavigation li:hover {background:#164c82;}
ul#leftNavigation li:hover a{color:#FFFFFF;}
ul#leftNavigation li.selected {background:#164c82;}
ul#leftNavigation li.selected a{color:#FFFFFF;}
ul#leftNavigation li.selected ul {background:#fff;}


/*leftNavigationRed*/

#leftBar h3.insh3 {background:none; font-size:1.2em; color:#e42618; margin:7px 0;}

#leftBar ul.ins li a {border-bottom:1px solid #e42618;}
#leftBar ul.ins li:hover {background:#e42618;}
#leftBar ul.ins li.selected {background:#e42618;}
#leftBar ul.ins li.selected ul a {color:#e42618; border-bottom:none; font-size:1.1em; font-weight:normal; width:110px;}
#leftBar ul.ins li.selected ul li {padding-left:7px; padding-right:5px; width:131px;}
#leftBar ul.ins li.selected ul li:hover {background:#fcbfbb;}
#leftBar ul.ins li.selected ul li.selected {background:#fcbfbb;}

/*leftLogo*/
#leftLogo {background:url(../images/leftlogo.gif) no-repeat 0 0; display:block; width:136px; height:138px; margin:25px 0 10px 15px; text-indent:-9999px;}

/*navigation*/
#navigation img.image {float:left; width:764px;}
#navigation {width:764px; float:left;}
#navigation ul {float:left;}
#navigation ul li {float:left;background:url(../images/undernav.png) no-repeat 0 0;}
#navigation ul li {display:block; width:191px; height:62px; text-align:center; padding-top:15px; float:left; font-size:115%; text-decoration:none;}
#navigation ul li a {text-decoration:none; color:#164d82;}
#navigation ul li a:hover {text-decoration:underline;}
#navigation ul li a {position:relative;} /*IE link fix*/ 

/*navigation inside*/
#navigationInside ul {float:left; width:762px; background:url(../images/bg_navigation_inside.png) no-repeat center right;}
#navigationInside ul li {width:116px; padding:1px 5px 0; height:29px; float:left; text-align:center;}
#navigationInside ul li.single {height:22px; padding:8px 5px 0;}
#navigationInside ul li a {text-transform:uppercase; color:#fff; text-decoration:none; font-size:1em; font-family:Verdana, Arial, Helvetica, sans-serif; display:block; width:116px; text-align:center;}
#navigationInside ul li a:hover {text-decoration:underline;}
#navigationInside ul li.red {background:#e42618;}
#navigationInside ul li.green {background:#8fb434;}
#navigationInside ul li.blue {background:#00acd9;}
#navigationInside ul li.yellow {background:#f1c219;}

/*navigation inside table*/
#navigationInside .shadow {width:764px; float:left; background:url(../images/bg_navigation_inside.png) no-repeat top right;}
#navigationInside table {width:757px;}
#navigationInside table tbody {width:757px; float:left;}
#navigationInside table tbody tr td {width:116px; height:100%; padding:3px 5px; text-align:center; vertical-align:middle;}
#navigationInside table tbody tr td a {width:100%; height:100%; text-transform:uppercase; color:#fff; text-decoration:none; font-size:1em; font-family:Verdana, Arial, Helvetica, sans-serif;text-align:center; vertical-align:middle; display:block;}
#navigationInside table tbody tr td a:hover {text-decoration:underline;}
#navigationInside table tbody tr td.red {background:#e42618;}
#navigationInside table tbody tr td.green {background:#8fb434;}
#navigationInside table tbody tr td.blue {background:#00acd9;}
#navigationInside table tbody tr td.yellow {padding:3px 5px 3px 6px; background:#f1c219;}
#navigationInside table tbody tr td span {display:none;}

/*content Home*/
#w {background:url(../images/content.png) no-repeat 0 0; width:764px; float:left; font-size:120%; line-height:15px;}
#contentHome {width:745px; margin-top:14px; background:#fff; padding-left:0px; padding-top:5px;}
#contentHome h3 {color:#008acc; font-size:1.2em;}

#wIns {width:764px; float:left; font-size:120%; line-height:15px;}
#contentWrap {width:589px; float:left;}
#contentW {background: url(../images/cont.png) no-repeat 0 0; float:left; width:589px;}
#content {width:550px; background:#fff; padding:0 10px 0 20px; float:left;}
#content h3 {color:#008acc; font-size:1.2em;}
#contentStart {background:url(../images/contentstart.gif) no-repeat 0 0; width:589px; float:left; height:12px; line-height:5px;}
#contentEnd {background:url(../images/contentEnd.png) no-repeat 0 0; width:589px; float:left; margin-bottom:0;padding-top:20px; font-size:0.8em; color:#666;}
#contentEnd a {color:#666;}

#content h1 {color:#E42618; font-size:1.6em; margin-bottom:15px;line-height:1.4em;}
#content h1 a {color:#e42618;}
#content h2 {color:#E42618; font-size:1.2em; margin-bottom:10px;}
#content h2 a {color:#e42618;}
#content h3 {color:#E42618; font-size:1em; margin-bottom:10px;}
#content h3 a {color:#e42618;}

#w a.more {color:#008acc; text-decoration:none; font-weight:bold;}
#w a.more:hover {text-decoration:underline;}
#sidebarWrap {width:175px; float:left;}
#sidebarW {background:url(../images/sidebarwrap.png) no-repeat 0 0; float:left; width:175px;}
#sidebar {width:150px; background:#fff; padding-left:10px;}
#sidebarStart {background:url(../images/sidebarstart.gif) no-repeat 0 0; width:175px; float:left; height:12px; line-height:12px;}
#sidebarEnd {background:url(../images/sidebarend.png) no-repeat 0 0; float:left; width:175px;}

div.cont {width:200px; float:left; margin-left:30px !important; margin-left:15px;}

#content ul {margin:10px 0;}
#content ul li {height:100%; background:url(../images/bullet.gif) no-repeat 0 6px; padding-left:10px; margin:4px 0 4px 7px;}

/*top*/
#top {float:right; width:270px; margin-right:6px !important; margin-right:3px; text-align:right; margin-top:0px;}
#top a {text-decoration:none;}
#top a:hover {text-decoration:underline;}
ul#topNav {margin-left:132px !important; margin-left:128px; margin-top:15px; width:137px; height:23px;}
ul#topNav li {float:left; margin-top:5px;}
ul#topNav li a {display:inline-block; padding:0 5px;}
ul#topNav li.language {background:url(../images/search.gif) no-repeat 0 0;width:93px; height:20px; text-align:left; font-size:1.2em; color:#fff; padding:3px 0 0 10px; cursor:pointer; position:relative; margin-left:5px; margin-top:0;}
ul#topNav li.language ul{display:none; position:absolute; top:18px; left:10px; z-index:20;}
ul#topNav li.language:hover ul {display:block; margin-left:-10px; margin-top:5px;}
ul#topNav li.language ul li {height:23px; margin-top:0;}
ul#topNav li.language ul li a{background:url(../images/search.gif) no-repeat 0 0;width:123px; height:20px; text-align:left; font-size:1em; color:#fff; padding:3px 0 0 10px; cursor:pointer;}
ul#topNav li.slo {padding-left:40px; background:url(../images/zastavaSLO.png) 0 0 no-repeat;}
ul#topNav li.eng {padding-left:40px; background:url(../images/zastavaENG.png) 0 0 no-repeat;}
ul#topNav li.china {padding-left:40px; background:url(../images/zastavaCHINA.png) 0 0 no-repeat;}
ul#topNav li.hr {background:url(../images/zastavaHR.png) no-repeat scroll 0 0;padding-left:40px;}
ul#topNav li.language ul li a.slo {padding-left:40px; background:url(../images/zastavaSLOa.png) 0 0 no-repeat;}
ul#topNav li.language ul li a.eng {padding-left:40px; background:url(../images/zastavaENGa.png) 0 0 no-repeat;}
ul#topNav li.language ul li a.china {padding-left:40px; background:url(../images/zastavaCHINAa.png) 0 0 no-repeat;}
ul#topNav li.language ul li a.hr {padding-left:40px; background:url(../images/zastavaHRa.png) 0 0 no-repeat;}

#search {background:url(../images/search1.gif) no-repeat 0 0; float:right; width:133px; height:23px; margin-top:15px;}
#search input.searchInput {background:none; border:0; float:left; height:15px; width:90px; margin-left:10px !important; margin-left:5px; padding:3px 0 2px; font-size:1em; margin-top:4px;}
#search #submit {float:left; background:none; border:0; width:28px; text-indent:-9999px;}

#searchBar ul li {float:left; margin-top:19px; padding:0 5px;}

#content .inNavigation h2 {font-size:1.2em; color:#a9a9a9; margin-bottom:3px;}
#content .inNavigation a {color:#a9a9a9; text-decoration:none;}
#content .inNavigation a:hover {color:#000;}

img.imgLeft {float:left;}
/*sidebar*/
#sidebar h2 {font-size:1.2em; color:#E42618; margin:0 0 7px 0;}
#sidebar h2 a {color:#e42618; text-decoration:underline;}
#sidebar h2 a:hover {text-decoration:none;}
#sidebar ul {margin-bottom:10px;}
#sidebar ul li {background:url(../images/bullet.gif) no-repeat 0 6px; padding-left:10px; margin:3px 0; height:100%;}
#sidebar h2.imp {width:120px; margin-left:-10px; padding:5px 30px 10px 10px; background:url(../images/bg_imph2-red.png) left bottom no-repeat; color:#fff;}
#sidebar h2.imp a {color:#fff; text-decoration:none;}
#sidebar h2.imp a:hover {text-decoration:underline;}

/*footer*/
#footer {background:url(../images/footer.png) no-repeat left top; float:left; width:764px; height:25px; padding-top:25px; margin-bottom:-50px;}
span.web {float:right; margin-right:20px !important; margin-right:10px;}
span.web a.cr {text-decoration:none;}
span.copy {margin-left:20px;}
#footer a {color:#666;}
#footer span {color:#666;}

#mainImage {float:left; background:url(../images/znanje.png) no-repeat 0 0; width:764px; height:141px; text-decoration:none;}

/* termini */
dl.termin { margin:-10px 0 0 5px; }
dl.termin dt { position:relative; top:14px; left:0; width:50px; font-size:12px; }
dl.termin dd { margin: 0 0 0 60px; font-weight:normal; font-size:12px;}
.izo_bul { vertical-align:top; }
.terminrow td { border-top:3px solid #eee; padding-top:5px; padding-bottom:0 !important; }
.terminrow td.izo_bul { background-position:0px 9px !important; }
.iframe_prijavnica img { margin-top:0 !important; }
.bydate td { border-top:3px solid #eee; padding:5px !important; vertical-align:top; }


/* HACKS
------------------------------ */
.clear {display:inline-block;}
.clear:after, #navigation ul:after, #contentHome:after, ul#topNav:after, ul#topNav li.language ul:after, #body:after, #navigationInside ul:after, #contentWrap:after, #contentW:after, #searchBar:after {content:".";display:block;height:0;font-size:0;clear:both;visibility:hidden;}