* {margin:0;padding:0;font-family:Arial, Helvetica, sans-serif;}

html, body{height:100%;}
body {font-size:12px; background:url(/Static/images/bg-page.gif) repeat-x #FFF;}
body.frontpage {background-image: url(/Static/images/bg-frontpage.gif);}
body.corpo {background-image: url(/Static/images/bg-corpopage.gif);}

h1 {font-weight:normal; font-size:26px; margin-bottom:18px; color:#999; margin-left:-2px;}
h2 {font-weight:normal; font-size:18px; margin-bottom:12px; color:#999; margin-left:-1px; line-height:19px;}
h3 {font-weight:normal; font-size:15px; margin:22px 0 8px; line-height:16px;}

h1 a, h2 a{font-weight:normal;}

.print-data{display:none;}
.error-page .content-container {padding-top:70px;}
.error-page .second-title {margin-top:25px;}

.main h2{font-weight:bold; font-size:16px; margin:22px 0 8px; line-height:16px; color:#000;}
.main h3{font-weight:bold;font-size:13px; color:#000;}
.product-list h2 a{font-weight:bold;}
.product-list h2 a.vde{padding-right:25px; background:url(/Static/images/arrows-list.gif) no-repeat top right;}
.product-list h2 a.opened{background-position:right -32px;}
.products h2.codes{margin:-5px 0 20px;}
a.text{font-weight:normal; color:#333;}
.grey-text{font-weight:normal; color:#ccc; font-size:13px;}
.main td h3, .main td h2{margin:0;}

.news-list h3 {margin:5px 0 1px;}
.news .sidebar h2 {margin-bottom:0;}
.news .sidebar h3 {font-size:12px;}
.sidebar h2 {text-transform:uppercase; font-weight:bold; font-size:13px; padding-bottom:7px; margin-bottom:12px; border-bottom:1px solid #eee;}
.sidebar h3 {font-weight:bold; margin:0; font-size:11px; margin-bottom:5px;}
.sidebar h3.podjetje {font-weight:bold; margin:0; font-size:14px; margin:20px 0 5px; padding:0 0 4px; color:#999;}


.group-teasers h3 {margin-top:0; margin-left:-2px;}
.teasers-front h3, .products .box h3{float:left; width:102px; text-align:right;color:#ff9000; margin-top:0; width:90px; padding-left:10px;}

h1.cufon{font-size:21px;}
h2.cufon{font-size:16px; line-height:auto;}
h3.cufon {font-size:13px; line-height:16px;}
.teasers-front h3.cufon, .products .box h3.cufon{width:100px;padding-left:0;}
.sidebar h2.cufon{font-size:11px; line-height:19px;}

h2.cufon a{font-weight:bold;}


p{margin:0 0 10px;font-size:12px;line-height:16px;color:#333;}
input,select,label,textarea {font-size:12px;color:#222; float:left;}
img,fieldset, abbr {border:none;}
legend{display:none;}
ul{list-style:none; margin:0;}
li{list-style-position:outside;}
embed {display:block;}

option {padding:0 3px;}
a {color:#ff9000;text-decoration:none;outline:none;font-weight:bold;}
a:hover {color:#c07e28;}
a.selected, a .selected{color:#000;}

table {margin:20px 0 20px;border-collapse:collapse;width:auto;color:#444;border:1px solid #d4d4d4;}
table td {padding:3px;border:1px solid #d4d4d4;}

.front-area:after, .content-container:after, .push:after, .header:after, .references:after{
height:0;content:".";display:block;clear:both;visibility:hidden;
}
.hide{visibility:hidden; height:1px;}
.none{display:none;}
.sec-color{color:#ff9000;}
.link {color:#ff9000; font-size:12px; font-weight:bold;}

/****** Sticky footer ******/
.wrapper {min-height: 100%;	height: auto !important; height: 100%;	margin: 0 auto -33px; /* the bottom margin is the negative value of the footer's height */}
.push{height:33px; float:left; width:100%; overflow:hidden;}

.footer-container{padding:10px 0 9px; width:100%; background:url(/Static/images/footer-bg.gif) repeat-x #eee; float:left;}
.footer-wrapper{width:950px; margin:0 auto; }
.footer{font-size:11px; color:#666; float:left;width:950px;}
.footer .copy{float:left;}
.footer .production{float:right;}
.footer a{font-weight:normal; color:#666; text-decoration:underline;}
.footer span{padding:0 4px; color:#000;}
.footer span.vcard{padding:0;}

/****** HEADER ******/

.header{height:126px; position:relative; width:950px; margin:0 auto;z-index:2;}
.front-area{float:left; height:366px; width:100%;}

.secondary{position:absolute; padding:5px 0 0; font-size:13px; top:0; right:0;}
.secondary fieldset{float:left;}
.secondary a{font-size:11px;}
.secondary li{float:right;}
.secondary span{display:block; float:left;}

.secondary .inner li{ background:url(/Static/images/dot.gif) 0 9px no-repeat; padding: 0 5px 0 7px; float:left;}
.secondary .inner li.first{background:none; padding:0 5px 0 0;}
.secondary .inner li.last{padding:0 0 0 7px;}

.secondary .left{background:url(/Static/images/menu-tab-left-unsel.png) no-repeat; width:45px; height:24px; position:absolute; left:0; top:0;}
.secondary .right{background:url(/Static/images/menu-tab-right-unsel.png) no-repeat; width:45px; height:24px; position:absolute; right:0; top:0;}
.secondary div.middle{margin:0 45px; display:inline;float:left;background:url(/Static/images/menu-bg-unsel.gif) repeat-x; height:24px; padding-top:4px; height:27px;}

.secondary li{z-index:1; position:relative;}
.secondary .selected{z-index:10; position:relative;}

.shift{margin-right:-30px;}

.secondary .selected .left{background-image:url(/Static/images/menu-tab-left-sel.png);}
.secondary .selected .right{background-image:url(/Static/images/menu-tab-right-sel.png);}
.secondary .selected .middle{background-image:url(/Static/images/menu-bg-sel.gif);}
.secondary .selected div.middle{display:inline;}

.secondary .selected .left, .secondary .selected .right, .secondary .left, .secondary .right{behavior:url(/Static/js/iepngfix.htc);}

.secondary label{font-size:11px; color:#7a7a7a; margin:2px 0 0;}
.secondary input{height:12px; margin:0 0 0 5px; width:122px; font-size:11px; color:#333; background-color:#ffd8a5;}

.dropdown {position:absolute; top:23px; right:47px; width:122px; border:1px solid #ccc; background-color:#fff; z-index:100; display:none;}
.dropdown li {display:block; float:left; width:100%; border-bottom:1px dotted #ddd;}
.dropdown li.last {border-bottom:none;}
.dropdown a {display:block; width:117px; padding:1px 3px; font-size:11px; color:#333; font-weight:normal;}
.dropdown a:hover, .dropdown li.selected a {background-color:#454545; color:#fff;}

/****** Content ******/
.content-wrapper{}
.content-container{width:950px; margin:0 auto; position:relative; min-height:400px;}
#flash{width:760px; height:366px; float:left;}
.frontpage-news{width:155px; height:305px; float:right; background:url(/Static/images/frontpage-news.gif) no-repeat; padding:40px 15px 20px 20px;}
.vec {padding:2px 5px;}

.company {margin:31px 0 0; display:block; width:247px; height:47px; overflow:hidden; float:left;}
.company a {display:block;}


.teasers-front {margin:30px 0 20px; float:left;}
.teasers-front li{width:197px; padding:13px 20px 0; float:left; background:url(/Static/images/separator-frontpage-teasers.gif) no-repeat;}
.teasers-front li.last{width:199px; height:110px; background:url(/Static/images/bg-catalogue.gif) no-repeat;}
.teasers-front p{float:left; width:102px;text-align:right; font-size:11px; line-height:14px;}
.teasers-front img{float:right;}

/*---- primary nav ----*/
.primary {position:absolute; bottom:2px; left:-8px; clear:both;/*----clear hack za IE6----*/}
.primary-right{position:absolute; bottom:2px; right:0; clear:both;/*----clear hack za IE6----*/}

.primary li, .primary-right li{height:22px; float:left;}
.primary a, .primary-right a{height:22px;overflow:hidden;display:block;background-position:0 0;background-repeat:no-repeat;}
.primary a span, .primary-right a span{line-height:300px;}

.en a {background-image:url(/Static/images/primary-en.gif)}
.si a {background-image:url(/Static/images/primary-si.gif)} 
.hr a {background-image:url(/Static/images/primary-hr.gif)} 
.de a {background-image:url(/Static/images/primary-de.gif)}
.ba a {background-image:url(/Static/images/primary-ba.gif)}


/*si*/
.si .p01 a{width:154px; background-position: 0 0}
.si .p02 a{width:169px; background-position: -154px 0;}
.si .p03 a{width:168px; background-position: -323px 0;}
.si .p04 a{width:139px; background-position: -491px 0;}
.si .pr01 a{width:85px; background-position: -789px 0;}
.si .pr02 a{width:84px; background-position: -874px 0;}

.si .p01 a:hover{background-position: 0 -22px}
.si .p02 a:hover{background-position: -154px -22px;}
.si .p03 a:hover{background-position: -323px -22px;}
.si .p04 a:hover{background-position: -491px -22px;}
.si .pr01 a:hover{background-position: -789px -22px;}
.si .pr02 a:hover{background-position: -874px -22px;}

.si .p01 a.selected{background-position: 0 -44px}
.si .p02 a.selected{background-position: -154px -44px;}
.si .p03 a.selected{background-position: -323px -44px;}
.si .p04 a.selected{background-position: -491px -44px;}
.si .pr01 a.selected{background-position: -789px -44px;}
.si .pr02 a.selected{background-position: -874px -44px;}

/*en*/
.en .p01 a{width:114px; background-position: 0 0}
.en .p02 a{width:143px; background-position: -114px 0;}
.en .p03 a{width:146px; background-position: -257px 0;}
.en .p04 a{width:161px; background-position: -403px 0;}
.en .pr01 a{width:112px; background-position: -762px 0;}
.en .pr02 a{width:84px; background-position: -874px 0;}

.en .p01 a:hover{background-position: 0 -22px}
.en .p02 a:hover{background-position: -114px -22px;}
.en .p03 a:hover{background-position: -257px -22px;}
.en .p04 a:hover{background-position: -403px -22px;}
.en .pr01 a:hover{background-position: -762px -22px;}
.en .pr02 a:hover{background-position: -874px -22px;}

.en .p01 a.selected{background-position: 0 -44px}
.en .p02 a.selected{background-position: -114px -44px;}
.en .p03 a.selected{background-position: -257px -44px;}
.en .p04 a.selected{background-position: -403px -44px;}
.en .pr01 a.selected{background-position: -762px -44px;}
.en .pr02 a.selected{background-position: -874px -44px;}

/*hr*/
.hr .p01 a{width:154px; background-position: 0 0}
.hr .p02 a{width:124px; background-position: -154px 0;}
.hr .p03 a{width:126px; background-position: -278px 0;}
.hr .p04 a{width:136px; background-position: -404px 0;}
.hr .pr01 a{width:85px; background-position: -789px 0;}
.hr .pr02 a{width:84px; background-position: -874px 0;}

.hr .p01 a:hover{background-position: 0 -22px}
.hr .p02 a:hover{background-position: -154px -22px;}
.hr .p03 a:hover{background-position: -278px -22px;}
.hr .p04 a:hover{background-position: -404px -22px;}
.hr .pr01 a:hover{background-position: -789px -22px;}
.hr .pr02 a:hover{background-position: -874px -22px;}

.hr .p01 a.selected{background-position: 0 -44px}
.hr .p02 a.selected{background-position: -154px -44px;}
.hr .p03 a.selected{background-position: -278px -44px;}
.hr .p04 a.selected{background-position: -404px -44px;}
.hr .pr01 a.selected{background-position: -789px -44px;}
.hr .pr02 a.selected{background-position: -874px -44px;}
/*---- tertiary nav ----*/

.subnav{float:left; width:100%; height:80px;}

.tertiary{position:absolute; top:15px; left:0; z-index:3;}
.tertiary a span{font-weight:normal; font-size:11px;}
.tertiary li{ background:url(/Static/images/dot.gif) 0 7px no-repeat; padding: 0 5px 0 7px; float:left;}
.tertiary li.first{background:none; padding:0 5px 0 0;}


/*---- columns ----*/

.main{width:610px; float:left; padding-bottom:50px; position:relative;}
.news, .media, .jobs, .default, .contacts {margin-top:80px;}

.entry-content ul {list-style:none; margin:0 0 15px; color:#333;}
.entry-content ol {list-style-type:decimal; margin:10px 0 15px; color:#333;}
.entry-content li {padding-left:15px; margin-left:15px; background:url(/Static/images/bullet.gif) 0 4px no-repeat;}
.entry-content ul ul {margin:10px 0 10px 15px}
.sidebar{width:306px; float:right; font-size:11px; color:#333; margin-bottom:60px;}

.sidebar p{font-size:11px; margin-bottom:7px;}
.box{background:url(/Static/images/ubersprite.gif) no-repeat -610px 0; padding:12px 14px; margin-bottom:23px; float:left; width:278px;}
.sidebar-gallery img{margin-bottom:15px; float:left;}

/*---- group ----*/
.group-description {height:44px; width:731px; float:left; background:url(/Static/images/bg-group.gif); font-size:11px; font-weight:normal; color:#333; padding:20px 0 0 219px; margin:20px 0 0; display:block; position:relative;}
.group-description h3{display:none;}
.group-description .photo {position:absolute; width:219px; height:70px; display:block; top:0; left:0;}
.group-intro {height:210px; width:100%; float:left; position:relative;}
.group-intro .direktor{position:absolute; bottom:0; right:460px; z-index:-1;}
.group-intro .podpis{float:right; margin:0 300px 0 0; clear:both;}
.group-intro .nagovor{float:right; width:460px; font-style:italic; color:#666; margin:-10px 0 0; position:relative;}
.group-intro .nagovor p{color:#666;}
.vec-nobr {padding:2px 5px 0 0;}

ul.group-teasers {width:100%; float:left; margin:0 0 20px;}
ul.group-teasers .photo {position:absolute; width:135px; height:170px; display:block; top:0; left:0;}
ul.group-teasers li {width:143px; padding:14px 15px 0 150px; float:left; margin-right:13px; display:inline; background-repeat:no-repeat; overflow:hidden; height:160px; position:relative;}
ul.group-teasers li.last {margin-right:0;}
ul.group-teasers p {font-size:11px; float:left;}
ul.group-teasers .f02 {background-image:url(/Static/images/firme02.jpg)}
ul.group-teasers .f03 {background-image:url(/Static/images/firme03.jpg)}
ul.group-teasers .f04 {background-image:url(/Static/images/firme04.jpg)}


.people img{float: left; margin-left:10px;}
.departments a{font-weight:normal;}
.people .employees, .job-list li {float:left; width:275px; padding-bottom:10px; margin-top:10px; border-bottom:1px solid #e7e7e7;}
.job-list .first {margin-top:0;}
.people .last {border-bottom:none; margin-bottom:0;}
.people .data {float:right; width:175px; line-height:15px;}
.data .title {margin-bottom:7px;}
.data .type {display:none;}
.department-title {border-top:1px solid #e7e7e7; padding:3px 0 3px 10px; display:block; float:left; width:265px; background:url(/Static/images/arrow.gif) no-repeat 0 7px;}
.open-title {border-top:none;}
.departments, .job-list{float:left; width:277px;}

ul.main-gallery {list-style:none;}
.main-gallery li{margin:15px 6px 0 0; float:left; list-style-position:outside;}

.references {margin-top:30px; float:left;}
.references li {width:530px; background:url(/Static/images/ubersprite.gif) no-repeat 0 0; padding:30px 40px 0; margin-bottom:35px; float:left;}
.references .container {float:right; width:390px;}
.references .container h2 {margin-top:0;}
.references img {display:block; margin:0 auto;}
.references .img-container {float:left; width:100px;}
.partners-list a {line-height:17px;}

.back{background:url(/Static/images/back.gif) no-repeat 0 5px; padding-left:12px; position:absolute; top:-25px;}
.back:hover{background-position:0 -9px;}
.print{background:url(/Static/images/print.gif) no-repeat 0 0; padding-left:22px; position:absolute; top:-25px; right:0;}
/*---- news ----*/

.news .main{float:right;}
.news .sidebar{float:left; font-size:12px;}
.news .sidebar li{width:100%; float:left; border-bottom:1px solid #e7e7e7; padding:3px 0 5px; display:block;}
.news .sidebar .archive li{border-bottom:none; padding:0;}
.news .sidebar a{padding:3px 0 1px 10px; display:block; float:left; background:url(/Static/images/arrow.gif) no-repeat 0 7px;}
.news .sidebar .extra{margin-left:10px; display:block; float:left; font-size:11px; width:265px; display:inline;}
.news .sidebar .archive span{width:auto; padding:3px; margin-left:0; font-size:11px; color:#666;}
.news-list span {margin-bottom:7px; display:block;}
.news-list li {border-top:1px solid #e7e7e7;}
h1.news-list {margin: 5px 0 3px;}


.navigacija .next{background: url(/Static/images/arrow_right.gif) right 7px no-repeat; padding:3px 8px 3px 5px;}
.navigacija .prev{background: url(/Static/images/arrow_left.gif) 1px 7px no-repeat; padding:3px 5px 3px 10px;}
.navigacija a{padding:3px 2px; float:left; display:block;}


ul.priloge {margin:20px 0 10px;list-style:none;}
ul.priloge li {list-style-position:outside;}
ul.priloge span {font-weight: normal; color:#444;}


.priloge li{padding-left:22px;background-position: 0 0; height:20px;}
.pdf{background:url(/Static/images/icon_pdf.gif) no-repeat;}
.doc{background:url(/Static/images/icon_doc.gif) no-repeat;}
.ppt{background:url(/Static/images/icon_ppt.gif) no-repeat;}
.xls{background:url(/Static/images/icon_xls.gif) no-repeat;}
.jpg, .gif, .png, .bmp{background:url(/Static/images/icon_img.gif) no-repeat;}


/*---- jobs ----*/

.jobs form ul {width:100%; border-bottom:1px solid #e7e7e7; float:left; padding:10px 0;}
.jobs form li {width:100%; float:left; padding:7px 0;}
.jobs label, .jobs span.label {width:150px; float:left; margin-right:10px; display:inline;}
.jobs label.sex {width:auto;}
.jobs .submit {margin:10px 0 0 160px; width:100px;}
.jobs input, .jobs textarea {width:190px;}
.jobs textarea {width:300px; height:150px;}
.jobs input.radio {width:13px; height:13px; margin:0 5px 0 0;}
h3.company-title {font-size:12px; text-transform:uppercase; font-weight:normal; margin:0 0 5px;}
.jobs form .first-list {padding:15px 0;}
.jobs .error {color:#ff9000; width:100%; float:left; margin-left:160px;}

.confirmation label {display:none;}
.confirmation .submit {margin:0 15px 0 0; float:right;}
.confirmation .ok {margin-right:395px;}
.confirmation .captcha {margin-top:20px;}
.confirmation .captcha img {clear:both; float:left; margin:0 0 15px;}
.confirmation #captcha {clear:both; float:left;}


.confirmation .error {margin-left:0;}
.confirmation ul {margin-bottom:10px;}

.map {width:610px; height:462px; overflow:hidden; background:url(/Static/images/map.png) no-repeat 0 0; margin-top:30px;}
.map img {width:610px; height:462px;}
.section2 {background-position:-610px 0;}
.section3 {background-position:-1220px 0;}
.section4 {background-position:-1830px 0;}
.section1 {background-position:-2440px 0;}
.section5 {background-position:-3050px 0;}

.products .sidebar{width:240px;}
.products .main{width:680px;}
.vde-td{width:150px;}
.product-list {float:left; background:url(/Static/images/ubersprite.gif) no-repeat -916px 0; padding-top:15px;}
.product-list li {width:620px; padding:0 30px 0; float:left;}
.product-list table {margin:0; border:none; width:100%;}
.product-list table td {border:none; padding:10px;}
.product-list .vdes {border-bottom:1px solid #e9e9e9;}
.product-list .td-header {padding:25px 0 25px 10px;}
.product-list .td-variations {padding-left:20px; width:130px;}
.variations{background-color:#fafafa; display:block;}
.product-list .variations td{border-bottom:1px solid #e9e9e9;}
.td-image{width:440px;}

.products .box{width:199px; height:110px; background:url(/Static/images/bg-catalogue.gif) no-repeat; margin-bottom:5px; padding:13px 20px 0; float:left;}
.products .box p{float:left; width:102px;text-align:right; font-size:11px; line-height:14px;}
.products .box img{float:right;}

.theader{font-weight:bold;}
.theader td{border-bottom:1px solid #000; vertical-align:top;}
.products .alt{background-color:#e7e7e7;}
.products table{margin:0;}
.products h1{margin-bottom:10px;}
.products h2{margin-bottom:10px;}
.products .cat {margin-bottom:30px;}
.products .construction {margin-top:20px;}
.products ol {color:#ff9000; font-weight:bold; list-style-type:decimal; margin:0 0 0 23px;}
.products ol li {margin-bottom:4px;}
.products ol p {color:#333; font-weight:normal; margin:0;}
.detail-img {margin:30px auto 0 auto; display:block;}
.products .specifications table td{padding-right:20px;}
.technical .units td{border-bottom:1px solid #000;}
.products .specifications table .icon{padding:0; text-align:center; padding:1px 5px;}
.products .specifications .icon img{display:block; margin:0 auto;}
table.legend {margin-top:15px;}