/* GLOBAL */
body, h1, h2, h3, p, a, b, span, input, select, textarea, div, ul, li, form  {margin:0; padding:0; border:none; font-family:Arial,Tahoma,Verdana sans-serif; color:#4d4d4e; font-size:13px;}
body {width: 100%; background: #FFFFFF;}
a {text-decoration:none;}
a:hover {text-decoration:underline;}

.clearer {clear:both}

/* SHADOWBOX OVERWRITES */
div#sb-info {position:absolute; top:13px; right:-5px; height:27px;}
div#sb-loading {background-color:#171717;}
div#sb-wrapper-inner{border:1px solid #888888;}
div#sb-nav a{height:25px;width:25px;}

/* MENU */
#wrap-menu {width:100%; height:41px; background: url(/static/portal/images/bg_menu.jpg) repeat-x;}
#menu {width:934px; height:100%; margin: 0 auto; position:relative; padding:7px 0 0 22px;}	
#menu ul {list-style-type:none;}
#menu ul li {float:left;}
#menu ul li.tab a {color:#FFFFFF; font-size:20px; display:block; width:auto; height:19px; margin:0 20px; padding:8px 12px 7px 22px;}
#menu ul li.tab a:hover {color:#FFFFFF; font-size:20px; position:relative; text-decoration:none; background: url(/static/portal/images/bg_tab.png) no-repeat;}
#menu ul li.tab a:hover span {position:absolute; top:0; right:-10px; width:10px; height:34px; background: url(/static/portal/images/bg_tab_r.png) no-repeat;}
#menu ul li.tab a.on {color:#4d4d4e; font-size:20px; position:relative; text-decoration:none; background: url(/static/portal/images/bg_tab.png) no-repeat;}
#menu ul li.tab a.on span {position:absolute; top:0; right:-10px; width:10px; height:34px; background: url(/static/portal/images/bg_tab_r.png) no-repeat;}
#menu ul li.btn a {color:#FFFFFF; font-size:20px; display:block; width:auto; height:18px; margin:0 20px; padding:8px 7px 7px 17px;}
#menu ul li.btn a:hover {color:#FFFFFF; font-size:20px; position:relative; text-decoration:none; background: url(/static/portal/images/bg_btn.png) no-repeat 0 3px;}
#menu ul li.btn a:hover span {position:absolute; top:0; right:-10px; width:10px; height:33px; background: url(/static/portal/images/bg_btn_r.png) no-repeat 0 3px;}
#menu ul li.btn a.on {color:#4d4d4e; font-size:20px; position:relative; text-decoration:none; background: url(/static/portal/images/bg_btn.png) no-repeat 0 3px;}
#menu ul li.btn a.on span {position:absolute; top:0; right:-10px; width:10px; height:33px; background: url(/static/portal/images/bg_btn_r.png) no-repeat 0 3px;}
#menu ul li.btn a b {color:#FF7200; font-size:20px;}

/* SCENERY */
#wrap-scenery {width:100%; height:600px; background: url(/static/portal/images/bg_scenery.jpg) no-repeat center -30px; position:relative;}		
#overlay {width:100%; height:10px; background-color:#2b2930; filter:alpha(opacity=30); -moz-opacity:0.30; opacity:0.30; position:absolute; z-index:100; left:0;}
#scenery {width:956px; height:100%; margin: 0 auto; position:relative; }	

/* LOGO & STUFF */
/*#lang-tab {position:absolute; width:73px; height:20px; top:3px; right:54px;}*/
/*#lang-tab a {font-size:11px;}*/
#logo {position:absolute; width:190px; height:87px; top:15px; left: 37px; color:#FFFFFF; text-indent:-9999px}			
#logo img {position:absolute; top:0px; left: 0px;}			
#contact {position:absolute; width:290px; height:31px; top:44px; right:16px; padding:14px 0px 0px 52px; font-size:14px; background: url(/static/portal/images/bg_contact.jpg) no-repeat;}
#contact a {font-size:15px;}		
#slogan {position:absolute; width:420px; top:115px; left:45px; font-size:22px;}
#slogan b {font-weight:normal; color:#ff6900; font-size:22px;}
#facebook-like {position:absolute; top:555px; right:10px; width:110px;}

/* INTRO */
#feature {position:absolute; width:456px; height:456px; top:150px; left:36px; background: url(/static/portal/images/bg_feature.png) no-repeat;}
#feature .feature-item {display:none; height:456px; width:456px; position:absolute; top:0px; left:0px;}						
#feature .feature-item img {position:absolute; top:33px; left:23px;}
#feature .feature-item p {position:absolute; top:215px; left:38px; width: 410px; font-size:13px; line-height:130%;}
#feature .feature-item p strong {font-size:18px; line-height:140%;}
#feature .feature-item p a {font-weight:bold; color:#ff6900;}
#feature-nav {position:absolute; width:200px; height:27px; top:465px; left:277px;}
#feature-nav ul {list-style-type: none;}
#feature-nav ul li {float:right; display:block; width:21px; height:17px; margin-left:5px;}
#feature-nav ul li a {display:block; text-decoration:none; display:block; width:100%; height:100%; cursor:pointer; background:url(/static/portal/images/bg_feature_nav.gif) no-repeat 0px 0px; padding-top:10px; text-align:center;}
#feature-nav ul li a.on {color:#FFFFFF; text-decoration:none; background:url(/static/portal/images/bg_feature_nav.gif) no-repeat -21px 0px;}
#services {position:absolute; width:342px; height:300px; top:145px; right:16px;}				
#services h2 {position:relative; font-size: 25px; margin:0px 0px 17px 4px; text-transform:uppercase;}
#services ul {list-style-type:none; margin-left:4px;}
#services ul li {padding: 8px 0px; line-height:120%; font-size:14px;}
#services a.inquiry {color:#FFFFFF; position:relative; display:block; width:253px; height:59px; margin-top:10px; padding:50px 10px 0 80px; cursor:pointer; background:url(/static/portal/images/btn_sporocite_nam.png) repeat-x bottom left;}
#services a.inquiry:hover {text-decoration:none;}
#services a.inquiry b {font-size:20px; color:#FFFFFF;}
#services p {padding: 12px 0px 0px 33px; font-size:11px;}			
		
/* PROJECTS */
#projects {position:absolute; width:900px; top:115px; left:42px;}                                                                                                                
#projects h2 {position:relative; font-size: 22px; margin:0px 0px 25px 0px;}                                                                                                 				
#projects a.prevPage {position:absolute; bottom:145px; left:-60px; z-index:10; cursor:pointer; display:block; width:24px; height:26px; background: url(/static/portal/images/btn_scroll.png) no-repeat;}
#projects a.prevPage:hover {background: url(/static/portal/images/btn_scroll.png) no-repeat 0px -26px; text-decoration:none}
#projects a.nextPage {position:absolute; bottom:145px; right:45px; cursor:pointer; display:block; width:24px; height:26px; background: url(/static/portal/images/btn_scroll.png) no-repeat -24px 0px;}
#projects a.nextPage:hover {background: url(/static/portal/images/btn_scroll.png) no-repeat -24px -26px; text-decoration:none;}
#projects a.disabled {display:none;}
#projects a .leftPage  {position:absolute; bottom:-27px; right:0px; color:#FFFFFF; font-size:11px; font-weight:bold; }
#projects a .rightPage {position:absolute; bottom:-27px; left:0px; font-weight:normal; color:#acaca5;font-size:11px;}
#projects a .leftPage strong {color:#FFFFFF; font-size:11px;}
#projects a .rightPage strong {font-weight:normal; color:#acaca5; font-size:11px;}
#projects .scrollable {position:relative; overflow:hidden; width:800px; height:284px;}
#projects .scrollable .items {position:absolute; top:0px; left:0px; height:284px; width:2000em;}
#projects .scrollable .items .item {position:relative; height:264px; width:212px; padding:20px 20px 0px 20px; float:left; background: url(/static/portal/images/bg_project.png) no-repeat; margin-right:22px;}
#projects .scrollable .items .item .ttl {font-size:16px; font-weight:normal; display:block; margin-bottom:10px;}
#projects .scrollable .items .item a.ttl {color: #ff6900;}
#projects .scrollable .items .item a.ttl:hover {text-decoration:none;}
#projects .scrollable .items .item img.thumb {border: 5px solid #e8e8e8; margin-bottom:5px;}
#projects .scrollable .items .item p {padding: 5px 8px 6px 8px; height:50px;}
#projects .scrollable .items .item .url {display:block; font-size:13px; padding-top:5px; padding: 0px 0px 0px 8px;}
#projects .scrollable .items .item a.url {color: #ff6900;}
#projects .scrollable .items .item span.devel {position:absolute; display:block; width:81px; height:81px; top:4px; right:3px; background: url(/static/portal/images/badge_development.png) no-repeat;}

/* ABOUT */
#about {position:absolute; width:472px; top:115px; left:42px;}
#about h1 {position:relative; font-size:22px; margin:0px 0px 15px 0px;}
#about p {padding: 0px 0px 10px 0px; line-height:150%; font-size:13px; text-align:justify;}
#about p b {font-size:16px;}					
#matjaz {position:absolute; width:342px; top:115px; right:17px;}
#matjaz h2 {font-size:22px; margin:0 0 5px 0;}
#matjaz h3 {font-size:14px; margin:0 0 15px 0;}
#matjaz img {position:absolute; top:-6px; right:2px;}
#matjaz p {line-height:160%; font-size:12px; text-align:justify;}
#testimonial {position:absolute; width:342px; top:385px; right:17px;}
#testimonial h2 {position:relative; font-size: 25px; margin:0px 0px 15px 0px; color:#FFFFFF; text-transform:uppercase;}
#testimonial .testimonial {position:relative; width:100%; height:128px;}
#testimonial .testimonial .quote {position:absolute; top:0px; left:0px; padding:5px 0px 0px 0px; width:341px; z-index:100; line-height:150%; background:url(/static/portal/images/bg_testimonial_top.png) no-repeat top;}				
#testimonial .testimonial .quote .text	{top:0px; color:#d4d8d9; font-size:12px; padding:0px 30px 0px 34px; background: #5a5a5a;}
#testimonial .testimonial .quote .text strong {font-size:16px;}									
#testimonial .testimonial .quote .text .testimonialMore {color:#999999;}								
#testimonial .testimonial .quote .long {display:none;}
#testimonial .testimonial .quote .long .testimonialClose {display:none; position:absolute; top:8px; right:12px;}
#testimonial .testimonial .quote .quoteStart {position:absolute; top:3px; left:12px; width:22px; height:17px; background: url(/static/portal/images/quote_start.gif) no-repeat; z-index:110;}
#testimonial .testimonial .quote .quoteEnd {position:absolute; bottom:3px; right:12px; width:22px; height:17px; background: url(/static/portal/images/quote_end.gif) no-repeat; z-index:110;}
#testimonial .testimonial .endBorder {position:absolute; bottom:-5px; left:0px; width:341px; height:5px; background: url(/static/portal/images/bg_testimonial_bottom.png) no-repeat;}				
#testimonial .testimonial .author {position:absolute; right:0px; bottom:15px; font-size:12px;}				
#testimonial .above {z-index:110;}

/* FOOTER */
#wrap-footer {width:100%; height:250px; background: #3f3e3e url(/static/portal/images/bg_presentation.gif) repeat-x 0 -70px;}		
#footer {width:914px; margin:0 auto; padding:25px 0 0 42px;}
#footer div, #footer div b, #footer div a {color:#FFFFFF;}
#footer .title {margin-bottom:16px;}
#footer #footer-col1 {width:450px; float:left;}
#footer #address {width:153px; height:39px; padding:7px 0 0 50px; margin:0 15px 14px 0; float:left; background:url(/static/portal/images/bg_address.png) no-repeat;}
#footer #maticna {width:auto; height:39px; padding:7px 0 0 0; margin:0 15px 14px 0;}
#footer #email {width:153px; height:25px; padding:9px 0 0 50px; margin:0 15px 14px 0; float:left; background:url(/static/portal/images/bg_email.png) no-repeat;}
#footer #davcna {width:auto; height:27px; padding:1px 0 0 0; margin:0 15px 20px 0;}
#footer #phone {width:153px; height:25px; padding:9px 0 0 50px; margin:0 15px 14px 0; float:left; background:url(/static/portal/images/bg_phone.png) no-repeat;}
#footer #trr {width:auto; height:27px; padding:1px 0 0 0; margin:0 15px 20px 0;}
#footer #footer-col2 {width:275px; float:left;}
#footer #sitemap {width:171px; height:172px; padding:6px 15px; background:url(/static/portal/images/bg_sitemap.png) no-repeat;}
#footer #sitemap ul {list-style-type:none}
#footer #sitemap ul li {line-height:26px;}
#footer #sitemap ul li a {text-decoration:underline;}
#footer #sitemap ul li a:hover {text-decoration:none;}
#footer #footer-col3 {width:180px; float:left;}
#footer #facebook {height:25px; background:url(/static/portal/images/ico_facebook.png) no-repeat; padding:5px 0 0 36px; margin: 0 0 5px 0;}
#footer #linkedin {height:25px; background:url(/static/portal/images/ico_linkedin.png) no-repeat; padding:5px 0 0 36px; margin: 0 0 20px 0;}
#footer #elumina-group {margin:0 0 10px 0;}
#footer #svetloba {position:relative;}
#footer #svetloba a {color:#292929;}
#footer #svetloba span {width:164px; height:33px; position:absolute; top:0; left:0; background:url(/static/portal/images/logo_svetloba.si.png) no-repeat; cursor:pointer;}