html {
  height:100%;
  cursor: default;
}

body {
  margin: 0;
  padding: 0;
  /* font-family: 'Exo', Arial, Helvetica, sans-serif;*/
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px; /* 1 */
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  background-color: #1a4e94;
  color:#959595;
  height: 100%;
  min-width: 960px;
}

#container{
  background-color: #fff;
  position:relative;
  padding-bottom: 20px;
}

A {outline: none;text-decoration: none;}
IMG {border: 0; -ms-interpolation-mode: bicubic;}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary {display: block;}
audio,canvas,video {display: inline-block;}
* html audio,* html canvas,* html video {display: inline;zoom: 1;}
audio:not([controls]) {display: none;height: 0;}
[hidden] {display: none;}
html,button,input,select,textarea {font-family: 'Exo', Arial, Helvetica, sans-serif;}
h1{font-size: 2em;margin: 0.67em 0;}
h2{font-size: 1.5em;margin: 0.83em 0;}
h3{font-size: 1.17em;margin: 1em 0;}
h4{font-size: 1em;margin: 1.33em 0;}
h5{font-size: 0.83em;margin: 1.67em 0;}
h6{font-size: 10px; margin: 3px 0px 3px 0px;}
abbr[title]{border-bottom: 1px dotted;}
blockquote{margin: 1em 40px;}
dfn{font-style: italic;}
mark{background: #ff0;color: #000;}
p,pre{margin: 1em 0;}
code,kbd,pre,samp {font-family: monospace, serif;font-size: 1em;}
* + html code,* + html kbd,* + html pre,* + html samp {font-family: 'courier new', monospace;}
pre {white-space: pre;white-space: pre-wrap;word-wrap: break-word;}
q {quotes: none;}
q:before,q:after {content: '';content: none;}
small {font-size: 75%;}
sub,sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
dl,menu,ol,ul {margin: 1em 0;}
dd {margin: 0 0 0 40px;}
menu,ol,ul {padding: 0 0 0 40px;}
nav ul,nav ol {list-style: none;list-style-image: none;}
svg:not(:root) {overflow: hidden;}
figure{margin: 0;}
form{margin: 0;}
fieldset{border: 1px solid #c0c0c0;margin: 0 2px;padding: 0.35em 0.625em 0.75em;}
legend {border: 0;padding: 0;white-space: normal;*margin-left: -7px;}
* html legend {margin-left: -7px;}
* + html legend {margin-left: -7px;}
button,input,select,textarea {font-size: 100%;margin: 0;vertical-align: baseline;vertical-align: middle;}
button,input{line-height: normal;}
input{padding: 0;}
button,html input[type="button"],input[type="reset"],input[type="submit"]{ -webkit-appearance: button;cursor: pointer;}
* html button,* html input[type="button"],* html input[type="reset"],* html input[type="submit"]{overflow: visible;}
* html button,* + html input[type="button"],* + html input[type="reset"],* + html input[type="submit"]{overflow: visible;}
button[disabled],input[disabled]{cursor: default;}
input[type="checkbox"],input[type="radio"]{box-sizing: border-box;padding: 0;}
* html input[type="checkbox"],* html input[type="radio"]{height: 13px;width: 13px;}
* + html input[type="checkbox"],* + html input[type="radio"]{height: 13px;width: 13px;}
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box;box-sizing: content-box;}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
button::-moz-focus-inner,input::-moz-focus-inner{border: 0;padding: 0;}
textarea{overflow: auto;vertical-align: top;}
table{border-collapse: collapse;border-spacing: 0;}
area{cursor:pointer}


/*****HEADER*****/
#header{
  height: 100px;
  background-color: #fff;
  width: 940px;
  margin: 0px auto;
  padding: 0 10px;
}

#h_logo{
  float: left;
  overflow: hidden;
  width: 310px;
  height: 49px;
  z-index:10;
  position: relative;
  margin-top: 44px;
}

#h_logo h1{
  margin:0;
  width: 100%
}
#h_logo h1 a {
    width: 100%;
}
#h_logo h1 a img {
    width: 100%;
}
#h_logo a {
    width: 100%;
}
#h_logo a img {
    width: 100%;
}

#nav{
  float: right;
  position:relative;
  margin-top:29px;
  height: 44px;
}

#search_langs{
  float:right;
  margin-top: 11px;
  height: 19px;
  width: 600px;
  text-align: right;
  white-space: nowrap;
}

#search_langs .text{
  background-color: #fff;
  border:1px solid #c2c2c2;
  padding: 1px 8px 0 10px;
  color:#959595;
}

#search_langs .submit{
  width:16px;
  display: inline-block;
  height: 17px;
  background:url(../layout/mag.png) top left no-repeat;
  text-indent: -150px;
  border:0;
  padding:0;
  overflow: hidden;
  margin: 0px 10px 0 10px;
}

#search_langs .submit:hover{
  background-position: bottom left;
}

#search_form{
  float: right;
  border-right: 1px solid #c2c2c2;
}

#langs{
  float: right;
  list-style: none;
  margin:0;
  padding:0;
  margin-top: 4px;
}

#langs LI{
  display:inline;
  padding-left: 10px;
  float: left;
}

#langs A{
  float:left;
  height: 11px;
  width: 16px;
  background-image:url(../layout/flags.png);
  background-repeat: no-repeat;
  background-position: left bottom;
  overflow: hidden;
  display: block;
}

* + html #langs A{
  overflow: visible;
}



#langs A.en{
  background-position: center bottom;
}

#langs A.de{
  background-position: right bottom;
}

#langs .active A, #langs A:hover{
  background-position: top left;
}

#langs .active A.de, #langs A.de:hover{
  background-position: right top;
}

#langs .active A.en, #langs A.en:hover{
  background-position: center top;
}

#langs SPAN{
  text-indent: -1000px;
  float:left;
}

* + html #langs SPAN{
  text-indent: -9999px;
}


/****SLIDESHOW**/
#bg_slide{
  position: absolute;
  width: 100%;
  height: 490px;
  top:100px;
  left:0;
  overflow:hidden;
  z-index:0;
}

#bg_slide.half_height{
  height: 261px;
}

#bg_image .image{
  position: absolute;
  width: 1400px;
  left: 50%;
  margin-left: -700px;
  height:170px;
  overflow: hidden;
  -webkit-box-shadow: 0px 8px 6px -6px black;
  -moz-box-shadow: 0px 8px 6px -6px black;
  box-shadow: 0px 13px 6px -6px black;
  background-color: #000;
  background: #151515;
}

#bg_image IMG{
  width:100%;
}

#slideshow{
  position: absolute;
  width: 1400px;
  left: 50%;
  margin-left: -700px;
  height:490px;
  overflow: hidden;
  background: #151515;
}

#bg_slide.half_height #slideshow{
  height: 261px;
}

#slideshow IMG{
  height: 100%;
}

#slideshow UL{
  list-style:none;
  position:relative;
  margin: 0;
  padding:0;
  height: 100%;
}

#slideshow UL LI{
  top:0;
  left:0;
  position: absolute;
  width: 1400px;
  height: 100%;
}

#slideshow .hover {
    background-color: #fff;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 50;
}

#slideshow .prev, #slideshow .next  {
    background-color: #fff;
    height: 120px;
    width: 60px;
    left: 0;
    position: absolute;
    top: 185px;
    z-index: 20;
    background:url(../layout/slide_left.png) top left no-repeat;
}

#slideshow .next  {
    background-color: #fff;
    left:auto;
    right: 0;
    background:url(../layout/slide_right.png) top left no-repeat;
}

#slideshow .desc{
  padding-left: 39px;
  background:url(../layout/blue_skew.png) 0px 0px no-repeat;
  /* font-size: 30px; */
  font-size:26px;
  color: #fff;
  font-weight: 600;
  position: absolute;
  top: 195px;
  right: 220px;
}

#slideshow .desc .inner{
  padding-right: 39px;
  background:url(../layout/blue_skew.png) right bottom no-repeat;
}

#bg_slide.half_height #slideshow .desc{
  top:172px;
  right: auto;
  left: 220px;
}


/**MAIN**/
#main{
  min-height: 500px;
  width: 940px;
  padding: 0 10px;
  margin: 0 auto;
  position: relative;
  z-index: 10;
  margin-top: 390px;
}

/***3 boxy**/
.three_box{
  color:#fff;
  margin-bottom: 60px;
}

.three_box a{
  color:#fff;
}

.three_box .left{
  min-height: 372px;
  width: 300px;
  float:left;
  background-color: #0384ce;
  margin-top: 18px;
}

.three_box .left h2{
  font-size:22px;
  font-weight: 600;
  margin-top: 0;
  margin-bottom: 10px;
  text-transform: uppercase;
}

.three_box .left a{
  display:block;
}

.three_box .left SPAN{
  font-size:14px;
}

.three_box .left a:hover SPAN{
  text-decoration:underline;
}

.three_box .left .item{
   text-align: center;
   padding:23px 25px;
   background:url(../layout/short_sep_w.png) top center no-repeat;
}

.three_box .left .item:first-child{
   background:none;
}

.three_box .center_col{
  min-height: 408px;
  width: 340px;
  float:left;
  background-color: #1a4e94;
}

.three_box .center_col h2{
  font-size:26px;
  font-weight: 600;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 18px;
}

.three_box .center_col .item{
  height:83px;
  overflow: hidden;
}

.three_box .center_col .item{
  height:83px;
  overflow: hidden;
  background-position: 54px 17px;
  background-repeat: no-repeat;
}

.three_box .center_col .item:hover{
  background-color: #0a2c5a;  
}

.three_box .center_col .item a{
  display:table;
  height:82px;
  width:100%;
  border-top: 1px solid #153e76;
}

* + html .three_box .center_col .item a{
  display:block;   
}

.three_box .chain{
  background:url(../layout/icons/chain.png) 54px 17px no-repeat;
}

.three_box .box{
  background:url(../layout/icons/box.png) 54px 17px no-repeat;
}

.three_box .storage{
  background:url(../layout/icons/storage.png) 54px 17px no-repeat;
}

.three_box .wheel{
  background:url(../layout/icons/wheel.png) 54px 17px no-repeat;
}

.three_box .center_col .item:hover{
   background-color: #0a2c5a !important;
}

.three_box .chain:hover{
  background:#0a2c5a url(../layout/icons/chain.png) 54px 17px no-repeat;
}

.three_box .box:hover{
  background:#0a2c5a url(../layout/icons/box.png) 54px 17px no-repeat;
}

.three_box .storage:hover{
  background:#0a2c5a url(../layout/icons/storage.png) 54px 17px no-repeat;
}

.three_box .wheel:hover{
  background:#0a2c5a url(../layout/icons/wheel.png) 54px 17px no-repeat;
}

.three_box .center_col .item a:hover{
  border-top: 1px solid #0a2c5a;
  
}

.three_box .center_col SPAN{
  display: table-cell;
  vertical-align: middle;
  padding-left: 130px;
  padding-right: 50px;
  font-size: 16px;
}

* + html .three_box .center_col SPAN{
   position: relative;
   display: block;
   margin-top: expression(this.offsetHeight < this.parentNode.offsetHeight ? parseInt((this.parentNode.offsetHeight - this.offsetHeight) / 2) + "px" : "0");
}

/***news**/
.news{
  padding-right:60px;
}

.news h2{
  color: #1a4e94;
  font-size:22px;
  font-weight: 600;
  margin: 0;
}

.news .item{
  padding-top: 20px;
  padding-bottom: 3px;
  background: url(../layout/dot_h.png) top left repeat-x;
}

.news .items .item:first-child{
  background: none;
}

.news h3{
  color: #1a4e94;
  font-size:16px;
  font-weight: 600;
  margin: 0;
}

.news p{
  color: #959595;
  font-size: 14px;
  margin: 10px 0;
}

.news .time{
  color: #c2c2c2;
  font-size: 14px;
  display: block;
  margin-bottom: 10px;
}

.news a{
  color: #1a4e94;
}

.news a:hover{
  text-decoration: underline;
}

/**certifikaty**/
.cert{
  padding: 44px 0 20px 0;
  clear: both;
}

.cert h2{
  color: #1a4e94;
  font-size:22px;
  font-weight: 600;
  margin: 0;
  margin-bottom: 10px;
}

.cert h2 a{
  color: #1a4e94;
}

.cert h2 a:hover{
  text-decoration: underline;
}

.cert .item{
  height: 78px;
  line-height: 78px;
  text-align: center;
}

.cert strong{
  font-size: 18px;
  font-weight:600;
  color: #959595;
  text-decoration: underline;
}

.cert img{
  vertical-align: middle;
  margin-right: 18px;
}

.border_t{
  background: url(../layout/dot_h.png) top left repeat-x;
}

.border_b{
  background: url(../layout/dot_h.png) bottom left repeat-x;
}

.border_r{
  background: url(../layout/dot_v.png) right center no-repeat;
}

.border_l{
  background: url(../layout/dot_v.png) left center no-repeat;
}


/******************PAGE******/
#page{
  width: 940px;
  padding: 0 10px;
  margin: 0 auto;
  margin-top: 281px;
  background: url(../layout/dot_v.png) 637px -1px repeat-y;
}

.page_l{
  float:left;
  width:600px;
  display: block;
}

.page_r{
  float:right;
  width:270px;
  font-size: 14px;
}

.page_r .box{
  padding: 20px 20px 25px 20px;
  background: url(../layout/dot_h.png) top left repeat-x;
}

.page_r .box:first-child{
  background: none;
  padding-top: 0;
}


/**path**/
.path{
  color: #c2c2c2;
  font-size: 14px;
  margin-bottom: 30px;
}

.path A {
    color: #c2c2c2;
    display: inline-block;
    line-height: 1;
    margin: 0 10px;
}

.path A:first-child {
    margin-left:0;
}

#submenu{
  list-style: none;
  margin: 0;
  padding:0;
}

#submenu LI{
  display:block;
  background: url(../layout/blue_arrow.png) left 13px no-repeat;
  padding: 10px 0 10px 18px;
}

#submenu LI a{
  color:#1a4e94;
}

#submenu LI a:hover{
  text-decoration: underline;
}


/**contact right**/
.contact{
}

.contact h2{
  font-size: 16px;
  color:#000;
  margin-top: 0;
  font-weight: 600;
}

.contact h3{
  margin: 0;
  font-size: 14px;
  color:#000;
  font-weight: 600;
}

.contact a{
  color:#1a4e94;
}

.contact a:hover{
  text-decoration: underline;
}

#page_content{
  color: #959595;
  font-size: 14px;
}

#page_content a{
    color: #1A4E94;
}

#page_content a:hover{
  text-decoration: underline;
}

#page_content h1{
  margin-top: 0;
  color: #1a4e94;
  font-size:26px;
  font-weight: 600;
}

#page_content h2{
  color:#000;
  font-weight: 600;
  font-size: 20px;
 margin-bottom: 4px;
}

#page_content h3{
  color:#000;
  font-weight: 600;
  font-size: 16px;
  margin: 0.5em 0;
}

#page_content P{
  margin: 0.5em 0;
}

#page_content P.big{
  font-size:16px;
  color:#0384ce;
}

#page_content .hr{
  background: url(../layout/dot_h.png) top left repeat-x;
  clear: both;
  font-size: 1px;
  height: 1px;
  line-height: 1px;
  margin: 20px 0;
}

#page_content UL{
  list-style: none;
  padding-left:0;
  margin-left:10px;
  margin-top: 0px;
  padding-top: 0px;
}

#page_content UL UL{
  padding-left:10px;
}

#page_content UL LI{
  padding-left:15px;
  background: url(../layout/page_li.png) left 0.3em no-repeat;
}

/**GALLERY**/
#gall{
  margin: 10px 0px 10px -20px;
  position: relative;
}

#gall a{
  float:left;
  width:171px;
  height: 113px;
  overflow: hidden;
  margin-left: 20px;
  margin-bottom: 20px;
  position: relative;
  border:7px solid #c2c2c2;
}

#gall a:hover{
}

* + html #gall{
  float:left;
}

/**contact form**/
#contact_form{
  width:310px;
}

#contact_form LABEL{
  font-size:16px;
  color:#000;
  margin-bottom: 4px;
  display: inline-block;
}

#contact_form .text{
  width:290px;
  padding: 8px;
  font-size: 14px;
  margin-bottom: 10px;
  background-color: #fff;
  border: 1px solid #a5a5a5;
  box-shadow: inset -1px 1px 2px #e8e8e8;
}

#contact_form TEXTAREA{
  width:290px;
  padding: 8px;
  font-size: 14px;
  margin-bottom: 10px;
  background-color: #fff;
  border: 1px solid #a5a5a5;
  box-shadow: inset -1px 1px 2px #e8e8e8;
}

#contact_form .submit{
  background-color: #1a4e94;
  color: #fff;
  font-weight: 600;
  font-size: 16px;
  display: inline-block;
  padding: 7px 20px;
  border:0;
}


/**FOOTER***/
#footer{
  color:#fff;
  margin-top: 35px;
}

#footer a{
  color:#fff;
}

#footer a:hover{
  text-decoration: underline;
}

#footer h2{
  margin-top:0;
  font-size: 22px;
  font-weight: 600;
}

#footer .inner{
  width: 940px;
  padding: 0 10px;
  margin: 0 auto;
}

#footer .items .item{
  background:url(../layout/dotw_v.png) left top repeat-y;
  min-height: 275px;
}

#footer .items .padd{
  padding-left:40px;
  padding-right: 15px;
}

#footer .items .item:first-child{
  background:none;
}

#footer .items .item:first-child .padd{
  padding-left:0;
}

#footer .first{
  margin-bottom:30px;
}

#footer UL{
  list-style:none;
  margin:0;
  padding:0;
}

#footer LI{
  display:block;
  padding: 8px 0 8px 20px;
  background:url(../layout/footer_arrow.png) left 11px no-repeat;
  font-size: 14px;
}

#footer .col3 P{
  margin-top: 29px;
}


#footer .copy{
  color: #c2c2c2;
  padding: 14px 0;
  border-top: 1px solid #153e76;
}

#footer .copy a{
  color: #c2c2c2;
}

/*****HELPERS*****/
/**GRIDD**/
.gridd{
  font-size: 1;
  margin-left: -2.8%;
  max-width: 105%;
  position: relative;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

* + html .gridd{
  width: 105%
}

.col1, .col2, .col3{
  display: inline-block;
  margin-left: 2.8%;
  margin-right: -0.25em;
  overflow: hidden;
  vertical-align: top;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.col1{width: 97%;}
.col2{width: 47%;}
.col3{width: 30.36%;}

* + html .col1, * + html .col2, * + html .col3{
  display: inline;
}
.m_line { margin-bottom: -3%;}
.m_line .col1{ margin-bottom: 1%;}

.m_line .col2{
  margin-bottom: 3%;
}

.half{
  width: 50%;
  float: left;
}

.third{
  width: 33.333%;
  float: left;
}

.fl{
  float: left;
}

.fr{
  float: right;
}

.center{
  text-align:center;
}

.padd20{
  padding: 20px;
}

.padd_tlr20{
  padding: 20px 20px 0px 20px;
}

.padd_lr20{
  padding-left: 20px;
  padding-right: 20px;
}


.clearfix:before,
.clearfix:after {
    clear: both;
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    visibility: hidden;
    width: 0;
}

.clear {
    clear:both;
    font-size:1px;
    height:0.1px;
    line-height:1px;
    margin:0;
    padding:0;
}


a.content { color: #4d545a; }
a.content:hover { text-decoration: underline;  color: #1A4E94;}
h3 a.content { color: #4d545a !important;}


div.mailform h2 { padding-top: 0px; margin-top: 0px;}
div.mailform fieldset { border: none; margin: 0px; padding: 0px;}
div.mailform .red { color: #FF0000; font-size: 11px;}
div.mailform label.infield { width: 200px; float: left;}
div.mailform input.text { width: 220px; border: 1px solid #c0c0c0; padding: 3px;}
div.mailform .button1 { float: right; color: #fff; font-size: 18px; font-weight: bold; padding: 5px 25px 5px 25px; background-color: #1a4e94; -webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
border: 0px solid;
}

div.mailform textarea { width: 372px; height: 110px; padding: 4px; border: 1px solid #c0c0c0;}

div.mailform div { clear: both; padding-bottom: 8px;}