/* reset */
html,body,form { margin:0; padding:0; }

/* admin classes */
*[vstype] { outline:2px dashed #e3e3e3; position:relative; }
.rounded { -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
.disabled { filter: alpha(opacity=20); -moz-opacity:0.2; -khtml-opacity: 0.2; opacity: 0.2; }
.shadow { -moz-box-shadow: 3px 3px 9px rgba(0,0,0,0.5); -webkit-box-shadow: 3px 3px 9px rgba(0,0,0,0.5); box-shadow: 3px 3px 9px rgba(0,0,0,0.5); }
.box { background-color:#F26520; padding:8px; }
.color_orange { color:#F26520; }
.color_gray { color:#555; }
.color_black { color:#000; }
.font_12 { font-size:12px; }
.font_14 { font-size:14px; }
.font_16 { font-size:16px; }
.font_18 { font-size:18px; }
.font_24 { font-size:24px; }

/* text */
@font-face { font-family: 'francker';  src: url(2E5FBC_3_0.ttf), url(2E5FBC_3_0.eot), url(2E5FBC_3_0.woff), url(2E5FBC_3_0.woff2); }
@font-face { font-family: 'franckerCB';  src: url(2E5FBC_0_0.ttf), url(2E5FBC_0_0.eot), url(2E5FBC_0_0.woff), url(2E5FBC_0_0.woff2); }
@font-face { font-family: 'opensans';  src: url(opensans.ttf), url(opensans.woff); }
input,textarea,select { font-size:12px; padding:2px 4px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
select { padding:2px 0; }
a { color:#F26520; text-decoration:none; }
a:visited { color:#F26520; }
a:hover,a:active { color:#F26520; }
a img { border:none; }
a.box,a.box:hover { color:#fff; }

/* elements */
body { background-color:#fff; }
#pagebody { background-color:#fff; margin:auto; width:100%; min-width:1200px; position:relative; }
div.leadimg { margin:auto; width:960px; height:360px; overflow:hidden; }
div.line { position:absolute; width:120%;height:24px; margin-left:-95px; background:url(img/line.png) center center no-repeat; background-size: 1200px 30px; }

#header { background-color:#fff; margin:auto; width:960px; position:relative; }
#social { position:relative; float:right; margin:100px 0 0 0; width:125px; background-color:#f0f0f0; padding:10px; }
#lang { padding:1px 2px; font-size:12px; }
div.triangle { position: absolute; top: 18px; right: 5px; width: auto; height: auto; border-style: solid; border-width: 6px 5px 0 5px; border-color: #514e4f transparent transparent transparent; }

#menutop { z-index:111; position:relative; background-color:#000; height:43px; text-align:center; }
#menu * { transition: all 0.1s ease-in; }
#menu { z-index:111; position:relative; display:inline-block; background-color:#000; margin:auto; padding:0; height:43px; font-size:16px; }
#menu a { text-decoration:none; color:#fff; }
#menu ul { margin:0; padding:0; }
#menu>li { position:relative; margin:0; list-style:none; display:block; height:25px; float:left; padding: 12px 13.3px 6px 13.3px; cursor:default; }
#menu>li.selected { background:#F26520; }
#menu>li.selected>a { color:#fff; }
#menu:hover>li.selected { background:initial; }
#menu>li:hover { background:#F26520 !important; }
#menu>li>ul { display:none; text-align:left; }
#menu>li:hover>ul { z-index:112; display:block; position:absolute; top:43px; left:0; background:#fff; box-shadow: 0px 6px 20px rgba(0,0,0,0.2); padding:10px; }
#menu>li>ul>li { width:240px; line-height:14px; padding:10px 10px 10px 30px; list-style:none; display:block; background:url("img/bullet_arrow.gif") no-repeat 10px 10px; }
#menu>li>ul>li a { color:#555; }
#menu>li>ul>li.selected { background-image:url("img/bullet_arrow2.gif"); }
#menu>li>ul>li.selected a { color:#F26520; }
#menu>li>ul>li:hover a { color:#F26520; }
#menu>li>ul>li>.arr { float:right;width:16px;height:16px; background:#fff url("img/arrow-rg.png") no-repeat 11px 3px; background-size: 5px 10px; }
#menu>li>ul>li:hover>.arr { background-image:url("img/arrow-ro.png") }
#menu>li>ul>li>ul { display:none; position:absolute; left:250px; margin-top:-24px; padding:10px; background:#fff; box-shadow: 6px 6px 9px rgba(0,0,0,0.3); }
#menu>li>ul>li:hover>ul { display:block;}

#content,#content2 { position:relative; background-color:#fff; margin:auto; width:960px; padding:15px 0; }
#content .content { min-height:50px; }
#content .spectable table td { border-bottom:1px solid #ddd; padding:5px; }
#content .spectable table td:last-child { background:#f4f4f4; }
#contact_main { width:380px; min-height:300px; }
#content td,#content2 td { vertical-align:top; border-width:1px; }
#content ol {counter-reset: item; padding:0; }
#content ol li {display: block; padding-left:20px; }
#content ol li:before {content: counter(item) ". "; counter-increment: item; font-weight: bold; color:#F26520; margin-left:-20px; }
#content ul { list-style:none; padding:0; }
/* #content ul li { background: url('img/bullet_dot.gif') no-repeat 2px 3px; } */
#content ul li { padding-left:20px; }

div.prodcontainer { position:relative; }
div.prodcontainer .arr { position:absolute;top:100px;display:none; }
div.prodcontainer:hover .arr { position:absolute; top:100px; display:block; }
div.relprods>div { float:left; height:460px; }

div.gallery { min-height:20px; text-align:center; }
div.gallery img { margin:5px; cursor:pointer; }

div.download { text-align:center; min-height:16px; margin: -20px 0 20px 0 }
div.download .gallery_item { position:relative; width:224px; height:264px; margin:5px; text-align:center; margin-top: 40px; }
div.download .gallery_item img { margin-right:0px; clear:both; }
div.download .gallery_item a:after { content:"Download PDF"; font-size:12px; position:absolute; top:234px; left:70px; background:#F26520; color:#fff; padding:6px 10px; }
div.download .gallery_info { position:absolute; width:224px; height:58px; overflow:hidden; }

div.downloadlist>div { display:none; }
div.downloadlist.sel>div { display:block; }
div.downloadlist>a { color:#555; background: url('img/bullet_arrow.gif') no-repeat left center; padding-left:20px; }
div.downloadlist.sel>a { color:#F26520; background-image: url('img/bullet_arrow2.gif'); }

#map-canvas,#map-dist { background-color:#fff; margin:auto; width:100%; height:380px; }

#copyright { background-color:#000; margin:auto; width:100%; text-align:right; padding:25px 140px; color:#aaa; font-size:13px; line-height:14px; box-sizing: border-box; -moz-box-sizing: border-box;}
#copyright a { color:#fff; }

#menubot { width:1000px; eight:270px; overflow:hidden; padding:20px 110px; margin:auto; }
#menubot>ul { display:block; float:left; font-size:13px; margin-left:10px; max-width:230px; }
#menubot a { color:#888; }
#menubot>ul ul { list-style:none; margin:0; padding:0; }
#menubot>ul ul li:before { content:" "; background: url('img/bullet_arrow.gif') no-repeat left center; padding-left:20px; }

#menuleft { position:fixed; z-index:1000; left:0px; top:0; width:40px; height:100%; }
#menuleft ul { margin:0; padding:0px; position:absolute; top:0px; }
#menuleft ul a { }
#menuleft ul li { background:url(img/prog1.gif) 8px center no-repeat; height:18px; font-size:12px; font-weight:bold; line-height:14px; margin:0; padding:18px 15px 10px 65px; list-style:none; display:block; width:140px; border-bottom:1px solid #ddd; }
#menuleft .menuprod1 { background-image:url(img/prod1.png); }
#menuleft .menuprod2 { background-image:url(img/prod2.png); }
#menuleft .menuprod3 { background-image:url(img/prod3.png); }
#menuleft .menuprod4 { background-image:url(img/prod4.png); }
#menuleft .menuprod5 { background-image:url(img/prod5.png); }
#menuleft .menuprod6 { background-image:url(img/prod6.png); }
#menuleft .menuprod7 { background-image:url(img/prod7.png); }
#menuleft .menuprod8 { background-image:url(img/prod8.png); }
#menuleft .menuprod9 { background-image:url(img/prod9.png); }
#menuleft .menuprod10 { background-image:url(img/prod10.png); }
#menuleft .menuprod11 { background-image:url(img/prod11.png); }
#menuleft .menuprod12 { background-image:url(img/prod12.png); }
#menuright { position:fixed; z-index:1000; right:0px; top:0; width:40px; height:100%; }
#menuright ul { margin:0; padding:0px; position:absolute; top:0px; }
#menuright ul li { font-size:12px; font-weight:bold; line-height:14px; height:17px; margin:0; padding:18px 40px 10px 40px; list-style:none; display:block; width:140px; border-bottom:1px solid #ddd; text-align:center; }