/* 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;}
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;}
ol { padding-left:20px; }
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 {width:940px;}
#content {}
#sidebar {}
.hidden {display:none;}

/* 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 {margin-top:-3px; 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:143px; padding:4px 0 4px 27px; text-transform:uppercase; color:#fff; margin:0 0 20px; font-size:1.2em;} 
#endLeftBar {background: url(../images/endleftbar.png) no-repeat 0 0; display:block; width:175px; height:25px; position:absolute; left:0; bottom:-25px;}
h3 a {color:#fff; text-decoration:none;}
h3 a:hover {text-decoration:underline;}

/*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:#fff;}
ul#leftNavigation li.selected ul {background:#fff;}
ul#leftNavigation li.selected ul a {color:#164c82;}
ul#leftNavigation li.selected ul a:hover {color:#fff; background:#d4effe;}
ul#leftNavigation li.selected ul li:hover {color:#fff; background:#d4effe;}

/*leftNavigationRed*/

#leftBar h3.insh3 {background:#164C82; font-size:1.2em; color:#fff; margin:0 0 5px 0; width:148px; height:8px;}
#leftBar h3.insh3 a {color:#fff; text-decoration:none;}
#leftBar h3.insh3 a:hover {text-decoration:underline;}

#leftBar ul.ins li a {border-bottom:1px solid #164c82;}
#leftBar ul.ins li:hover {background:#164c82;}
#leftBar ul.ins li.selected {background:#164c82;}
#leftBar ul.ins li.selected ul a {color:#164c82; 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;}

#leftBar ul.ins li.selected ul a {color:#00acd9; 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:#d4effe;}
#leftBar ul.ins li.selected ul li.selected {background:#d4effe;}


/*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;}

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

/*navigation*/
#navigation img.image {float:left; width:764px;}
#navigation {width:764px; float:left;}
#navigation ul {margin-top:165px; height: 120px; float:left; position:absolute;}
#navigation ul li {display:block; position:relative; float:left; width:248px; height:65px; text-align:center; padding:0px; 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; white-space:nowrap; display:inline-block;} /*IE link fix*/ 
#navigation ul li.nav1 {margin:39px 0 0 5px; padding-bottom:}
#navigation ul li.nav2 {margin:24px 0 20px 5px;}
#navigation ul li.nav3 {margin:9px 0 40px 5px;}

#navigation ul#nav2 {margin-top:159px; height: 120px; float:left; position:absolute; top:281px;}
#navigation ul#nav2 li {display:block; float:left; width:248px; height:65px; text-align:center; padding:0px; float:left; font-size:115%; text-decoration:none;}
#navigation ul#nav2 li a {text-decoration:none; color:#164d82;}
#navigation ul#nav2 li a:hover {text-decoration:underline;}
#navigation ul#nav2 li a {position:relative;} /*IE link fix*/ 
#navigation ul#nav2 li.nav1 {margin:39px 0 0 5px;}
#navigation ul#nav2 li.nav2 {margin:24px 0 20px 5px;}
#navigation ul#nav2 li.nav3 {margin:9px 0 40px 5px;}

#navigation #menu ul li ul li ul {display:none; position:absolute; top:0;}
#navigation #menu ul li ul li:hover ul {display:block;}
#navigation #menu ul li ul li ul li a {color:#fff; font-weight:bold; white-space:normal;}

#navigation #menu2 ul li ul li ul {display:none; position:absolute; top:0;}
#navigation #menu2 ul li ul li:hover ul {display:block;}
#navigation #menu2 ul li ul li ul li a {color:#fff; font-weight:bold; white-space:normal;}

/*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;text-align:center;vertical-align:middle;}
#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;}
#navigationInside ul li span {display:none;}
* html #navigationInside ul li a { display:inline-block; clear:both;}

/*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:17px;}
#wHome {width:764px; float:right;}
#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:17px;}
#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;}

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

#w a.more {color:#008acc; text-decoration:none; font-weight:bold;}
#w a.more:hover {text-decoration:underline;}
#sidebarWrap {width:175px; float:right;}
#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_default.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 p {margin-bottom:0; padding:5px 36px 3px 0; font-weight:bold;}
#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; z-index:20;}
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:#164C82; margin:0 0 7px 0;}
#sidebar h2 a {color:#164c82; text-decoration:underline;}
#sidebar h2 a:hover {text-decoration:none;}
#sidebar ul {margin-bottom:10px;}
#sidebar ul li {background:url(../images/bullet_default.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.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;}
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;}

#navigation {float:left; position:relative; height:552px;background:transparent;}
#menu { display:block; z-index:2; top:0px; left:0; position:absolute;height:45px;}
#flash_cont {float:left; position:absolute;width:764px;height:562px;background:transparent;}

/*menu*/
#menu ul {margin:0; position:relative; background:none;height:45px;}
#menu ul li {background:none;height:15px; padding-top:0; text-align:right; float:none;}
#menu ul li a {display:inline-block; width:256px; color:#fff; text-transform:uppercase; font-weight:bold; text-align:center;}

#menu ul li.gotovost {background:#7db51b; width:759px; padding:0;margin-top:0px; z-index:6;}
#menu ul li.gotovost ul {display:none; background:#7db51b; width:249px; left:510px; top:15px; position:absolute; height:auto;}
#menu ul li.gotovost:hover ul {display:block;}
#menu ul li.gotovost ul li {width:249px; height:auto; border-bottom:1px solid #91c831; padding:0;}
#menu ul li.gotovost ul li a {font-size:90%; text-transform:none; text-align:left; width:239px; padding:3px 5px;}
#navigation #menu ul li.gotovost ul li ul {left:-259px; padding-left:10px; font-size:90%;}

#menu ul li.zaupanje {background:#00acd9; width:507px; padding:0; z-index:5;}
#menu ul li.zaupanje ul {display:none; background:#00acd9; width:251px; left:256px; top:15px; position:absolute; height:auto;}
#menu ul li.zaupanje:hover ul {display:block;}
#menu ul li.zaupanje ul li {width:251px; height:auto; border-bottom:1px solid #7cdef7; padding:0;}
#menu ul li.zaupanje ul li a {font-size:90%; text-transform:none; text-align:left; width:241px; padding:3px 5px;}
#navigation #menu ul li.zaupanje ul li ul {left:251px; padding-left:10px; font-size:90%;}

#menu ul li.znanje {background:#e42518; width:256px; padding:0; z-index:4;}
#menu ul li.znanje ul {display:none; background:#e42518; width:256px; height:auto;}
#menu ul li.znanje:hover ul {display:block;}
#menu ul li.znanje ul li {width:255px; height:auto; border-bottom:1px solid #f16d64; padding:0;}
#menu ul li.znanje ul li a {font-size:90%; text-transform:none; text-align:left; width:245px; padding:3px 5px;}
#navigation #menu ul li.znanje ul li ul {left:256px; padding-left:10px; font-size:90%;}

#menu2 {display:block; z-index:1; top:275px; left:0; position:absolute;height:45px;}

/*menu*/
#menu2 ul {margin-top:0; position:relative; background:none;height:45px;}
#menu2 ul li {background:none;height:15px; padding-top:0; text-align:right; float:none;}
#menu2 ul li a {display:inline-block; width:256px; color:#fff; text-transform:uppercase; font-weight:bold; text-align:center;}

#menu2 ul li.gotovost {background:#00acd9; width:759px; padding:0; z-index:6;}
#menu2 ul li.gotovost ul {display:none; background:#00acd9; width:249px; left:510px; top:15px; position:absolute; height:auto;}
#menu2 ul li.gotovost:hover ul {display:block;}
#menu2 ul li.gotovost ul li {width:249px; height:auto; border-bottom:1px solid #7cdef7; padding:0;}
#menu2 ul li.gotovost ul li a {font-size:90%; text-transform:none; text-align:left; width:239px; padding:3px 5px;}
#navigation #menu2 ul li.gotovost ul li ul {left:-259px; padding-left:10px; font-size:90%;}

#menu2 ul li.zaupanje {background:#f1c219; width:507px; padding:0; z-index:5;}
#menu2 ul li.zaupanje ul {display:none; background:#f1c219; width:252px; left:255px; top:15px; position:absolute; height:auto;}
#menu2 ul li.zaupanje:hover ul {display:block;}
#menu2 ul li.zaupanje ul li {width:252px; height:auto; border-bottom:1px solid #fee794; padding:0;}
#menu2 ul li.zaupanje ul li a {font-size:90%; text-transform:none; text-align:left; width:242px; padding:3px 5px;}
#navigation #menu2 ul li.zaupanje ul li ul {left:252px; padding-left:10px; font-size:90%;}

#menu2 ul li.znanje {background:#00acd9; width:255px; padding:0; z-index:4;}
#menu2 ul li.znanje ul {display:none; background:#00acd9; width:255px; height:auto;}
#menu2 ul li.znanje:hover ul {display:block;}
#menu2 ul li.znanje ul li {width:254px; height:auto; border-bottom:1px solid #7cdef7; padding:0;}
#menu2 ul li.znanje ul li a {font-size:90%; text-transform:none; text-align:left; width:244px; padding:3px 5px;}
#navigation #menu2 ul li.znanje ul li ul {left:254px; padding-left:10px; font-size:90%;}

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


/* guide */

.guideW {width:240px; float:left;}
.guideW2 {width:240px; margin-left:13px !important; margin-left:9px; float:left;}
.quideW3 {width:240px; margin-left:12px !important; margin-left:8px; float:left;}
.guideH {color:#164C82; margin:10px 0 20px 20px;}
.mainguide a {width:210px; padding:5px 0 8px 30px; font-size:1em; line-height:20px; color:#fff;}

.redGuideH a {background:#E42618; display:block; text-decoration:none; line-height:1.4em;}
.redGuideH a:hover {text-decoration:underline;}
ul.redGuide {width:220px; margin:10px 0 20px 10px;}
ul.redGuide li {padding:0 0 5px 10px; background:url(../images/bullet.gif) no-repeat 0 6px;}
ul.redGuide a {color:#E42618; text-decoration:none;}
ul.redGuide a:hover {text-decoration:underline;}
ul.redGuide li ul li {background:url(../images/subbullet-red.gif) no-repeat 0 6px;}

.blueGuideH a {background:#00acd9; display:block; text-decoration:none; line-height:1.4em;}
.blueGuideH a:hover {text-decoration:underline;}
ul.blueGuide {width:220px; margin:10px 0 20px 10px;}
ul.blueGuide li {padding:0 0 5px 10px; background:url(../images/bullet-blue.gif) no-repeat 0 6px;}
ul.blueGuide a {color:#00acd9; text-decoration:none;}
ul.blueGuide a:hover {text-decoration:underline;}
ul.blueGuide li ul li {background:url(../images/subbullet-blue.gif) no-repeat 0 6px;}

.yellowGuideH a {background:#f1c219; display:block; text-decoration:none; line-height:1.4em;}
.yellowGuideH a:hover {text-decoration:underline;}
ul.yellowGuide {width:220px; margin:10px 0 20px 10px;}
ul.yellowGuide li {padding:0 0 5px 10px; background:url(../images/bullet-yellow.gif) no-repeat 0 6px;}
ul.yellowGuide a {color:#f1c219; text-decoration:none;}
ul.yellowGuide a:hover {text-decoration:underline;}
ul.yellowGuide li ul li {background:url(../images/subbullet-yellow.gif) no-repeat 0 6px;}

.greenGuideH a {background:#8FB434; display:block; text-decoration:none; line-height:1.4em;}
.greenGuideH a:hover {text-decoration:underline;}
ul.greenGuide {width:220px; margin:10px 0 20px 10px;}
ul.greenGuide li {padding:0 0 5px 10px; background:url(../images/bullet-green.gif) no-repeat 0 6px;}
ul.greenGuide a {color:#8FB434; text-decoration:none;}
ul.greenGuide a:hover {text-decoration:underline;}
ul.greenGuide li ul li {background:url(../images/subbullet-green.gif) no-repeat 0 6px;}


/* 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 {content:".";display:block;height:0;font-size:0;clear:both;visibility:hidden;}