/** 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{border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
mark {background: none;}

/** ------------------------**/


body,td,div {font-family: "Trebuchet MS", sans-serif; color:#272827; font-size: 14px; line-height: 1.2; text-shadow: rgba(0,0,0,0) 0 0 1px;}
html,body{margin:0;padding:0;height:100%;border:none;}
table {border-spacing: 0px; border-collapse: collapse;}
td {vertical-align: top; padding:0px;}
img {border: 0px;}
form{margin:0px; padding:0px;}

h1, h2, h3, h4, h5, h6 {color:#272827;}
h1 {font-size: 20px;}
h2 {font-size: 18px;}
h3 {font-size: 16px;}
h4 {font-size: 14px;}
h5 {font-size: 12px;}
h6 {font-size: 10px;}

a {color:#272827;}
a:hover {}
a:focus {outline: none;}
a:active {}
a:visited {}

/* -------------------- standard styles --------------------*/
.ffh{font-family: Helvetica, Arial;}

.b {font-weight: bold;}
.n {font-weight: normal;}
.i {font-style: italic;}

.tdn {text-decoration: none;}

.tr{text-align:right;}
.tl{text-align:left;}
.tc{text-align:center;}

.pa {position: absolute;}
.pr {position: relative;}

.db {display: block;}
.dn {display: none;}

.fl {float: left;}
.fr {float: right;}

.fs10 {font-size: 10px;}
.fs11 {font-size: 11px;}
.fs12 {font-size: 12px;}
.fs13 {font-size: 13px;}
.fs14 {font-size: 14px;}
.fs16 {font-size: 16px;}
.fs18 {font-size: 18px;}
.fs24 {font-size: 24px;}
.fs30 {font-size: 30px;}
.fs36 {font-size: 36px;}

.fc1 {color: #272827;}
.fc2 {color: #FFF;}
.fc3 {color: #a1a1a1;} /*gray*/
.fc4 {color: #f0f0f0;}

.w50 {width: 50px;}
.w125 {width: 125px;}
.w150 {width: 150px;}
.w280 {width: 280px;}
.w320 {width: 320px;}
.w560 {width: 560px;}
.w880 {width: 880px;}
.w960 {width: 960px;}

.pt12 {padding-top: 12px;}
.pt20 {padding-top: 20px;}
.pt40 {padding-top: 40px;}
.pr40 {padding-right: 40px;}
.pr10 {padding-right: 10px;}
.pr75 {padding-right: 75px;}
.pb12 {padding-bottom: 12px;}
.pb20 {padding-bottom: 20px;}
.pb40 {padding-bottom: 40px;}
.pl15 {padding-left: 15px;}
.pl20 {padding-left: 20px;}
.pl40 {padding-left: 40px;}
.pl75 {padding-left: 75px;}

.m0a {margin: 0 auto;}
.mb10 {margin-bottom: 10px;}
.mb12 {margin-bottom: 12px;}
.mb20 {margin-bottom: 20px;}
.ml6 {margin-left: 6px;}
.ml20 {margin-left: 20px;}
.ml26 {margin-left: 26px;}
.ml40 {margin-left: 40px;}

.lh16{line-height: 16px; vertical-align: middle;}
.lh40{line-height: 40px;}

.ls25 {letter-spacing: 0.025em;}

a.lnk1 {color: gray;}
a.lnk1:hover {color: silver;}

a.lnk2 {color: red;}
a.lnk2:hover {color: blue;}

a.lnk3 {color: green;}
a.lnk3:hover {color: purple;}

.bg1 {background: #272827;}
.bg2 {background: #fff;}

.bb1d1 {border-bottom: 1px dotted #d7d7d7;}

.ch {cursor: hand; cursor: pointer;}
/* -------------------------------------------------------------------------------------------*/

div#head,
div#nav,
div#main,
div#foot{width: 960px; margin: 0 auto;}

/* -------------------- HEAD start --------------------*/
div#header {background: #272827; margin: 0; }
div#head {height: 30px; padding-top: 40px;}

#head #up {bottom: 14px; width: 250px; vertical-align: middle;  margin: 0 auto;}
#head #up div img.pa {top:-18px;}

#head #lang {bottom:8px; right: 50px;}
#head #lang a:hover {color:#fff;}

/* --------------------- HEAD end ---------------------*/

/* --------------------- NAVIGATION start ---------------------*/
div#navigation {}
div#nav { height: 80px; border: 1px solid #d0d0d0; border-top: none; background: #fff url('../images/bg_shadow_1.gif') no-repeat 0 80px; z-index: 900;}

#mainMenu {left: 236px;}
#mainMenu li {float: left; cursor: pointer; }
#mainMenu li a.top {width: 99px; height: 56px; margin: 12px 0; padding: 0 10px; border-left: 1px solid #272827;}
#mainMenu li a.drop {background: url('../images/m_arrow_d.gif') no-repeat 90px bottom;}
#mainMenu li.on {background: #272827;}
#mainMenu li.on a.top {color:#fff;}
#mainMenu li.on a.drop {background: url('../images/m_arrow_d_w.gif') no-repeat 90px bottom;}

#mainMenu li.active {background: #272827;}
#mainMenu li.active a.top {color:#fff;}
#mainMenu li.active a.drop {background: url('../images/m_arrow_d_w.gif') no-repeat 90px bottom;}


#mainMenu li .title {background: url('../images/m_line_b.gif') repeat-x left bottom; height: 21px; line-height: 21px;}
#mainMenu li:hover .title {background: url('../images/m_line_w.gif') repeat-x left bottom;}
#mainMenu li .desc {height: 26px; line-height: 13px;}
#mainMenu li.noBorder a.top {border-left: 1px solid #fff;}

#mainMenu .submenu {top: 80px; left:-237px; border:1px solid #d0d0d0; border-top: 6px solid #272827; z-index: 999;}

#mainMenu .submenu1 {width:960px;}
#mainMenu .submenu1 div {width:120px; background: url('../images/m_line_b.gif') repeat-y 119px top;}
#mainMenu .submenu1 div.noBorder {background: none;}
#mainMenu .submenu1 span {padding-left: 10px;}
#mainMenu .submenu1 span a {padding: 0;}
#mainMenu .submenu1 span a:hover {padding: 0; background: none; padding: 0; color:#272827;}
#mainMenu .submenu1 a {padding:4px 10px; width: 82px;  line-height: 12px;}
#mainMenu .submenu1 a:hover{padding-left:28px;  background: #272827 url('../images/arrow_3_right_w.gif') no-repeat 17px 2px; color: #f0f0f0;}

#mainMenu .submenu2 {border: 5px solid #272827; width: 952px; background: #272827; width: 952px;}
#mainMenu .submenu2 a {border: 5px solid #272827; width: 126px; height: 126px;}
#mainMenu .submenu2 a:hover p {padding:12px 30px 0 12px; width:82px; height:114px;  border: 1px solid #d0d0d0; display:block; background: rgba(40,40,40,0.75) url('../images/arrow_4_right.gif') no-repeat right bottom;}

#mainMenu .submenu3 {width:960px; background: #fff url('../images/m_line_b.gif') repeat-y 150px 0;}
#mainMenu .submenu3 .inner {width: 150px;}
#mainMenu .submenu3 .inner a {padding-left: 30px; line-height: 26px; margin-bottom: 10px;}
#mainMenu .submenu3 .inner a:hover,
#mainMenu .submenu3 .inner a.active {background: #272827; color:#f0f0f0; font-weight: bold;}
#mainMenu .submenu3 .gallery {width: 728px; margin:41px 0; padding-left: 41px; height: 208px; overflow: hidden;}
#mainMenu .submenu3 li {height: 208px; width: 728px; background: #fff;}
#mainMenu .submenu3 .gallery a {width: 92px; height: 92px; border: 1px solid #d0d0d0; margin: 5px; background: url('../images/imageload.gif') no-repeat center center;}
#mainMenu .submenu3 .gallery a span {bottom:0px; width: 70px; padding: 3px 11px 7px; background: #272827; background: rgba(40,40,40,0.5);}

#logo {background: url('../images/logo.gif') no-repeat left top; top:8px; left:8px; text-indent: -9999px; height: 62px; width: 220px;}

.br {border: 1px solid red;}
.bg {border: 1px solid #d0d0d0;}
/* --------------------- NAVIGATION end ---------------------*/

/* -------------------- MAIN start --------------------*/
div#content {}
div#container {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	height:auto !important; /* real browsers */
	height:100%;/* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
    background: #F0F0F0;
}
div#main { padding-bottom: 120px; border: 1px solid #d0d0d0; background: #fff;}
div#main.intro {background: #fff url('../images/bg_main.gif') repeat-y 640px top;}

#accordion {border: 1px solid #d0d0d0; border-left: none; background: #fff; height: 356px; overflow: hidden; z-index: 1;}
#accordion .frame {top:0; left:0; width: 10000px;}
#accordion div {width:49px; height: 356px; overflow: hidden; border-left: 1px solid #d0d0d0;}
#accordion div#no1 {width:650px;}
#accordion h3{
    width: 326px; padding-left:30px; top:152px; left: -152px; height: 51px; line-height: 51px;
   -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}
#accordion div.active {background: #272827}
#accordion div.active h3 {; color: #fff;}
#accordion img{left:50px; top:0;}
#accordion span.desc {
    top:220px; left:50px; width: 410px; padding: 16px 70px 16px 10px;
    background: #272827;
    background: rgba(40, 40, 40, 0.8);
}

#grid { padding-bottom: 120px;}
#grid .inner {width: 209px; height: 300px; border:1px solid #d0d0d0; margin:14px;  _margin: 7px;}
#grid .inner img.first {margin:7px; border:1px solid #d0d0d0;}
#grid .inner h4 {margin:0 21px 6px; line-height: 24px; background: url('../images/m_line3.gif') repeat-x left bottom;}
#grid .inner span {margin: 0 21px;}

#introTop .inner, #introTop .inner2 {color:#fff;  border-bottom: 1px dotted #636363; width: 250px; display:block;}
#introTop .inner {height: 50px; line-height: 50px;}
#stripLink {line-height: 20px; height: 20px; margin: 12px 0; width: 130px; border: 1px solid #d0d0d0; padding: 5px; background: url('../images/arrow_1_down.gif') no-repeat 115px center; color:#fff;}
#introTop .inner2 {padding: 12px 0; line-height: 14px;}
#introTop form.inner {height: auto;}
#introTop form.inner span {padding:45px 0 5px; line-height: 14px;}
#introTop .inner input.text {top:12px; border:none; width: 221px; height: 26px; line-height: 26px; padding: 0 26px 0 3px;}
#introTop .inner input.submit {top: 15px; right:-6px; border: none; width: 20px; height: 20px; text-indent: -9999px; background: url('../images/arrow_1_right.gif') no-repeat left top;}

#introTop .facebook,
#introTop .twitter,
#introTop .vimeo,
#introTop .email,
#introTop .linkedin,
#introTop .youtube {padding-left: 40px; width: 210px;}
.facebook {background: url('../images/icon_facebook.gif') no-repeat left center;}
.twitter {background: url('../images/icon_twitter.gif') no-repeat left center;}
.vimeo {background: url('../images/icon_vimeo.gif') no-repeat left center;}
.email {background: url('../images/icon_email.gif') no-repeat left center;}
.youtube {background: url('../images/icon_youtube.gif') no-repeat left center;}
.linkedin {background: url('../images/icon_linkedin.gif') no-repeat left center;}

#introCites .inner {line-height: 16px;}

#introLeft {}
#introLeft .map {}
a.more {margin-top:12px; height: 20px; width: 20px; text-indent: -9999px; background: url('../images/arrow_1_right.gif') no-repeat left top; display:block;}
a:hover.more {background: url('../images/arrow_1_right_w.gif') no-repeat left top;}

#introRight { width: 320px;}
#introRight .inner {padding-left: 35px; padding-right: 35px; width: 250px; border-bottom: 1px solid #d0d0d0;}
#introRight .catIcon { line-height: 20px; height: 61px; margin: 0px; color: #FFFFFF; left: -34px; width: 274px; position: relative; padding-left: 45px; padding-top: 13px; background: url('../images/catalog_icon.gif') no-repeat left top;}


#introRight .pages a {color: #a1a1a1; text-decoration: none; font-size: 11px;}
#introRight .pages a:hover {color:#272827;}

#introRight .download a {background: url('../images/arrow_2_down.gif') no-repeat 10px center; padding-left: 37px; width: 213px; }
#introRight .download a:hover {background: #272827 url('../images/arrow_2_down_w.gif') no-repeat 10px center; color: #fff; border-bottom: 1px solid #272827;;}

#productLeft .prop strong {width: 120px; padding-right: 10px;}
#productLeft .prop span {width: 200px;}

#productRight {width: 520px; margin-left: 40px;}
#productRight a {padding: 5px; margin: 0; width: 94px; height: 94px;}
#productRight a.big {width: 406px; height: 302px;}
#productRight a img {padding: 0; margin: 0; display: block; border:1px solid #d0d0d0;}
#productRight .left {width: 520px;}
#productRight .right {width: 520px;}
#productRight .left img.pa {top:-15px; right: 5px; border:none;}
.bb {background: url('../images/m_line3.gif') repeat-x left bottom; }

#posamezniTop #ptInner .note {
    top:0px; right: 0px; padding: 0 3px 0 23px; line-height: 20px;
    background: #272827 url('../images/plus.gif') no-repeat left top;
}
#posamezniTop #ptFrame {width: 878px; height: 350px; overflow: hidden; border: 1px solid #d0d0d0;}
#posamezniTop .shadow {width: 100%; }
#posamezniTop #ptImg {text-indent: -9999px;}

#posamezniTop .nextImg{right: -35px;}
#posamezniTop .prevImg{left: -35px;}
#posamezniTop .prevImg, #posamezniTop .nextImg{top: 151px;}

#posamezniMid a, referencaMid a {border: 1px solid #d0d0d0;}
#posamezniMid a span.catalog {bottom:0; left:0; padding:5px; width: 143px; background: #272827; background: rgba(40,40,40,0.5);}

#referencaMid {height: 153px;}
#referencaMid .left, #referencaMid .right {top:70px;}
#referencaMid .left {left:-30px;}
#referencaMid .right {right:-30px;}
#refFrame { overflow: hidden; height: 153px; width: 857px; margin-left: 11px;}
#refSlides {width: 10000px;}
#refSlides a {margin-right: 23px;}

#contactMap{width: 560px; height: 350px;}
#fCatalogs label {padding: 40px 0;}
#fCatalogs label img {left: 170px; top:4px; border: 1px solid #d0d0d0;}
#fCatalogs label span {top:45px;}

label.ui-button span {left:150px; top:8px; height: 10px; width: 10px;}
label.ui-button span.radio {background: url('../images/radio_off.gif') no-repeat left top;}
label.ui-button span.checkbox {background: url('../images/checkbox_off.gif') no-repeat left top;}
label.ui-state-active span.radio {background: url('../images/radio_on.gif') no-repeat left top;}
label.ui-state-active span.checkbox {background: url('../images/checkbox_on.gif') no-repeat left top;}
#fCatalogs label {width: 78px; padding: 100px 3px 0 13px; height: 40px; line-height: 12px; margin: 6px;}
#fCatalogs label img {top: 0; left: 0;}
#fCatalogs label span.checkbox {top: 102px; left: 0;}
.ui-helper-hidden-accessible {display: none;}
/* --------------------- MAIN end ---------------------*/

/* -------------------- FOOT start --------------------*/
div#footer {position:absolute; bottom:0; background: #f0f0f0; width:100%; clear:left;}
div#foot {height: 81px; width:960px;}
#editor {right:0; top:43px;}
/* --------------------- FOOT end ---------------------*/
.clear{clear:both; height:0px; line-height: 0px; font-size: 0px; overflow: hidden;}

label.text {line-height: 26px;}
input.text {height: 26px; line-height: 26px; width: 230px; font-family: 'Trebuchet MS'; font-size: 11px; border: 1px solid #d0d0d0; padding:0 10px;}
input.submit, input.submit2 {color:#d7d7d7; border: none; height: 20px; line-height: 20px; margin-left: 150px; padding: 0 20px 0 10px; background: #272827 url('../images/arrow_1_right.gif') no-repeat right top;}
input.fail {border: 1px solid red;}
/* --------------------- FIRST FLOOR start ---------------------*/
#fFloor {background: #fff url('../images/bg_ff.gif') repeat-x left top;}
#fFloor .inner {width: 962px; height: 678px; background: url('../images/bg_ff_alwaysOn.gif') no-repeat left top;}
#fFloor #topmenu {padding:75px 75px 0; width: 812px; line-height: 44px; height: 44px;}
#fFloor #topmenu a {margin-left:40px;}
#fFloor #topmenu a:hover {text-decoration: underline;}
#fFloor .inner2 {height: 558px; padding: 0 122px;}
#fFloor .socialRoom {background: url('../images/bg_ff_socialroom.gif') no-repeat left top;}
#fFloor .prize {background: url('../images/bg_ff_prize.gif') no-repeat left top;}
#fFloor .prize img.pa{left:509px; top:170px;}
#fFloor .scLinks a {height: 30px; width: 30px; text-indent: -9999px;}
#fFloor .scLinks span {width: 110px; padding: 4px 0; height: 20px;}
#fFloor form .email {height: 30px; padding-left: 50px; line-height: 30px; margin-bottom: 10px;}
#fFloor form input.submit {top:56px; left: 227px; width: 20px;  text-indent: -9999px; margin: 0; padding: 0;}
#fFloor #player {width: 440px; top: 105px; height: 274px; left:262px;}

#fFloor .video {background: url('../images/bg_ff_video.gif') no-repeat left top;}
#fFloor .video h2, #fFloor .frames h2 {padding-top: 60px;}

#fFloor .frames {background: url('../images/bg_ff_frames.gif') no-repeat left top;}
#fFloor #ffGallery {height: 280px;  width:710px; overflow: hidden;}
#fFloor #ffGallery .frame {width: 10000px;}
#fFloor #ffGallery a {width: 193px; height: 193px; padding: 47px 9px 20px; margin-right: 38px; background: url('../images/bg_ff_frame.gif') no-repeat left top;}
#fFloor .arrow {top:125px;}
#fFloor .left {left: -37px;}
#fFloor .right {left: 730px;}

#fFloor .chBoxSet label {width: auto;}
#fFloor .chBoxSet label.ui-button span {left: -20px;}
#fFloor .chBoxSet input.line {border: none; border-bottom: 1px solid #d0d0d0; margin-left: 10px;}
/* --------------------- FIRST FLOOR end  ---------------------*/
#strip {overflow: hidden; width: 960px; height: 450px; cursor:e-resize; z-index: 999;}
#strip .inner{top:0; width: 2520px;}
#strip #stripMenu {padding: 410px 20px 0; line-height: 40px; background: #272827;}

.selectbox1 {border:1px solid #d0d0d0; line-height: 26px; width: 250px;}
.selectbox1 input {line-height: 26px; width: 200px; padding: 0 10px; border: 0;}
.selectbox1 button {width: 20px; background: none; padding: 0; margin: 0; height: 26px; border: 0;
        background: url("../images/m_arrow_d.gif") no-repeat 50% 50%;
        cursor: pointer;
    }
.ui-autocomplete {background: #fff; width: 230px; padding: 10px; margin: 20px 0 0 0; border: 1px solid #d0d0d0;}
.ui-autocomplete a {width: 230px; display: block; padding: 3px 0; cursor: pointer;}



@media print{
    /* print dissplay none */
    .pdn {display: none;}
    #head, #nav {display: none;}
    #main {border:0;}
}