/*ogólne*/
body{margin: 0; padding: 0; font: 14px/1.4em "Trebuchet MS", "Lucida Grande", Arial, Sans-Serif; background: #fff url('../images/steinlen_bg2.png') no-repeat top center; color:#222;}
/*body{margin: 0; padding: 0; font: 14px/1.5em Arial, Sans-Serif; background: #fff url('../images/steinlen_bg.png') no-repeat top center; color:#200;}*/
em{font-weight:bold;font-style:normal;}
a{color: #a00;}
a:hover{color:#888;}
div.container{width:760px; margin: 1em auto; padding:0;background: #fff;}
div.content{float:right; width:475px; margin: 0 auto; padding:0;background: #fff; clear:right;}
div.content p{margin:1em .5em 1em .5em; line-height:1.6em}
div.content em{font-weight:bold}
div.clearer{clear:both;}
/*naglowki sekcji w tresci stron*/
.content h2{padding:1em 10px .25em 10px; border-top:4px ridge #333;border-bottom:0px solid #333;margin-left:-285px; width:740px;display:block;clear:both;text-align:right; margin-left:-285px;clear:both; font-size:2.5em; color: #333;}
.content h2 a {display: block; float:right; height: 50px;width: 50px;position: relative;font-size:.3em; margin:-20px 0 0 .5em;}
.content h2 a span {display:block;height: 50px; width: 50px; cursor: hand;position: absolute;background: url('../images/rss_big3.png') no-repeat bottom center; }
.content h2 a:hover span{background: url('../images/rss_big3.png') no-repeat top center}

.content h3{padding:.5em 40px;border-bottom:1px solid #555; text-align:right;}
.content h3 a{color:#000;}
.content h4{padding:1em 0 0 .25em;}
/*data w aktualnosciach*/
.content h3 span{display:block; float:left; font-size:.7em; font-weight:normal;position:relative; bottom:20px; margin-left:-8.5em; color:#aaa; font: 14px/1.4em "Georgia", "Times New Roman", Times, Serif;}
/*rysunki w treści z podpisem*/
.content .img-hor {position: relative; display: block; height:335px; width: 575px;}
.content .img-hor cite {background: #111; filter:alpha(opacity=55); opacity:.55; color: #fff; position: absolute; bottom: 0; left: 0; width: 555px; padding: 10px; border-top: 1px solid #999;}
.content .img-ver {position: relative; display: block; height:335px; width: 575px;}
.content .img-ver cite {background: #111; filter:alpha(opacity=55); opacity:.55; color: #fff; position: absolute; bottom: 0; left: 0; width: 555px; padding: 10px; border-top: 1px solid #999;}

p#teaser{margin:10px 0 0 0; line-height:1.6em; display:block; width: 250px; height:55px; float:right; background: #900 url('../images/teaser3.png') no-repeat top center; clear:right;}
p#teaser a{display:block;margin:0.5em 3em;color:#fff; text-decoration:none; font-size:13px; text-align:left;}

/*naglowek z logo*/
h1{width: 410px;height: 156px;width: 208px;height: 78px;position: relative;margin:0 0 1em 0;padding:0;z-index:0;overflow: hidden;}
h1 a{color:#000; font-size:.6em; margin: 0 5px}
h1 a:hover{color:#fda}
h1 span{background: transparent url('../images/wizytowki_stator2.png') no-repeat top;position: absolute;right:0;top:0;width: 100%;height: 100%;}

h1.separator{width: 100%; font-size:3em;margin-top:10em;padding:1em 0 0em 0 ;z-index:0; border-top:20px solid #900;border-bottom:20px solid #900; text-align:center}

/*menu*/
#main_menu{float:right; width:auto; list-style:none; padding:0; margin:1em 0 0 0;}
#main_menu li{float:left; margin:0;}
#main_menu li a{text-decoration:none; padding:.1em .5em;color:#aaa;border-top:4px solid #ccc;}
#main_menu li a.selected{border-top:4px solid #900; color:#333;}
#main_menu li a:hover{border-top:4px solid #888;color:#333;}

/*menu cd (footer)*/
#footer{float:right; width:auto; list-style:none; padding:0; margin:1em;clear:right}
#footer li{float:right; margin:0;}
#footer li a{text-decoration:none; padding:.05em .5em; color:#999; clear:right;border-top:4px solid #ccc;}
#footer li a:hover{color:#333;border-top:4px solid #666;clear:right}

/*selektor języka (niepotrzebny póki co)*/
#lang{float:right;clear:right;text-align: right;font-size:.9em;margin:1em 0; display:none;}
#lang a.selected{color:#200;text-decoration:none;}

/*hover dla strony głównej*/
ul.groups{margin:0 0 0 -285px; padding:0;}
ul.groups li{display: block; float:left;list-style:none; width:105px; height:180px; margin:1.5em 10px; padding:0; clear:both;}
ul.groups li a {display: block; list-style:none;width:225px;height:142px;text-decoration:none; color: #900;margin:0;padding:15px 10px;background:#d00;font: 1.2em/2em "Trebuchet MS", "Lucida Grande", Arial, Sans-Serif;border-right:4px solid #900; text-align:right;}
li#elektro a{font-weight:normal; background: #fff url('../images/s_electro2.png') no-repeat center;color:#900;}
li#elektro a:hover, li#elektro a:focus, li#elektro a:active{background: #fff url('../images/s_electro.png') no-repeat center; color:#900; border-right:4px solid #888;}
li#drives a{background: #fff url('../images/s_drives2.png') no-repeat center;}
li#drives a:hover, li#drives a:active, li#drives a:focus{background: #fff url('../images/s_drives.png') no-repeat center; color:#900; border-right:4px solid #888;}
ul.groups a span.desc {display:none;}
ul.groups li a:hover span.desc {display: block;font: .75em/1.5em "Trebuchet MS", "Lucida Grande", Arial, Sans-Serif; filter:alpha(opacity=80);opacity:.80;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /*--IE 8 Transparency--*/ background: #fff; position: relative;padding:5px;height:150px;width: 215px;}
ul.groups li a:hover span.desc {bottom:135px;left:0px;text-align:right;}

/*lista partnerów*/
ul.partnerstop{display:block; width:740px; height:55px; padding:0px 10px; list-style:none;float:left;margin:0 0 0 -280px}
ul.partnerstop li{display:block; width:80px;height: 55px; float:left;}
ul.partnerstop li a {display: block; position: relative;}
ul.partnerstop li a:hover {visibility: visible;}
ul.partnerstop li a span {position: absolute;cursor: hand;}

ul.partnersbottom {display:block; width:740px; height:55px; padding:0px 10px; list-style:none;float:left; margin:0 0 0 -280px}
ul.partnersbottom li{display:block; width:80px;height: 55px; float:left;}
ul.partnersbottom li a {display: block; position: relative;}
ul.partnersbottom li a:hover {visibility: visible;}
ul.partnersbottom li a span {position: absolute;cursor: hand;}

/*dla różnych identyfikatorów*/
ul.partnerstop li#danfoss, ul.partnerstop li#danfoss a, ul.partnerstop li#danfoss a span {width:92px;height: 55px; background: url('../images/top.png');background-position: 0px 55px;}
ul.partnerstop li#danfoss a:hover span{background: url('../images/top.png');background-position: 0px 110px;}

ul.partnerstop li#steinlen, ul.partnerstop li#steinlen a, ul.partnerstop li#steinlen a span {width:112px;height: 55px; background: url('../images/top.png');background-position: -92px 55px;}
ul.partnerstop li#steinlen a:hover span{background: url('../images/top.png');background-position: -92px 110px;}

ul.partnerstop li#coremo, ul.partnerstop li#coremo a, ul.partnerstop li#coremo a span {width:91px;height: 55px; background: url('../images/top.png');background-position: -204px 55px;}
ul.partnerstop li#coremo a:hover span{background: url('../images/top.png');background-position: -204px 110px;}

ul.partnerstop li#kendrion, ul.partnerstop li#kendrion a, ul.partnerstop li#kendrion a span {width:103px;height: 55px; background: url('../images/top.png');background-position: -295px 55px;}
ul.partnerstop li#kendrion a:hover span{background: url('../images/top.png');background-position: -295px 110px;}

ul.partnerstop li#flender, ul.partnerstop li#flender a, ul.partnerstop li#flender a span {width:133px;height: 55px; background: url('../images/top.png');background-position: -398px 55px;}
ul.partnerstop li#flender a:hover span{background: url('../images/top.png');background-position: -398px 110px;}

ul.partnerstop li#andritz, ul.partnerstop li#andritz a, ul.partnerstop li#andritz a span {width:69px;height: 55px; background: url('../images/top.png');background-position: -531px 55px;}
ul.partnerstop li#andritz a:hover span{background: url('../images/top.png');background-position: -531px 110px;}

ul.partnerstop li#luckerath, ul.partnerstop li#luckerath a, ul.partnerstop li#luckerath a span {width:140px;height: 55px; background: url('../images/top.png');background-position: -600px 55px;}
ul.partnerstop li#luckerath a:hover span{background: url('../images/top.png');background-position: -600px 110px;}

ul.partnersbottom li#trancerie, ul.partnersbottom li#trancerie a, ul.partnersbottom li#trancerie a span {width:57px;height: 55px; background: url('../images/bottom.png');background-position: 0px 55px;}
ul.partnersbottom li#trancerie a:hover span{background: url('../images/bottom.png');background-position: 0px 110px;}

ul.partnersbottom li#isovolta, ul.partnersbottom li#isovolta a, ul.partnersbottom li#isovolta a span {width:145px;height: 55px; background: url('../images/bottom.png');background-position: -57px 55px;}
ul.partnersbottom li#isovolta a:hover span{background: url('../images/bottom.png');background-position: -57px 110px;}

ul.partnersbottom li#dolph, ul.partnersbottom li#dolph a, ul.partnersbottom li#dolph a span {width:58px;height: 55px; background: url('../images/bottom.png');background-position: -202px 55px;}
ul.partnersbottom li#dolph a:hover span{background: url('../images/bottom.png');background-position: -202px 110px;}

ul.partnersbottom li#albesiano, ul.partnersbottom li#albesiano a, ul.partnersbottom li#albesiano a span {width:100px;height: 55px; background: url('../images/bottom.png');background-position: -260px 55px;}
ul.partnersbottom li#albesiano a:hover span{background: url('../images/bottom.png');background-position: -260px 110px;}

ul.partnersbottom li#vonroll, ul.partnersbottom li#vonroll a, ul.partnersbottom li#vonroll a span {width:123px;height: 55px; background: url('../images/bottom.png');background-position: -360px 55px;}
ul.partnersbottom li#vonroll a:hover span{background: url('../images/bottom.png');background-position: -360px 110px;}

ul.partnersbottom li#irce, ul.partnersbottom li#irce a, ul.partnersbottom li#irce a span {width:95px;height: 55px; background: url('../images/bottom.png');background-position: -483px 55px;}
ul.partnersbottom li#irce a:hover span{background: url('../images/bottom.png');background-position: -483px 110px;}

ul.partnersbottom li#reissmann, ul.partnersbottom li#reissmann a, ul.partnersbottom li#reissmann a span {width:108px;height: 55px; background: url('../images/bottom.png');background-position: -578px 55px;}
ul.partnersbottom li#reissmann a:hover span{background: url('../images/bottom.png');background-position: -578px 110px;}

ul.partnersbottom li#ruff, ul.partnersbottom li#ruff a, ul.partnersbottom li#ruff a span {width:54px;height: 55px; background: url('../images/bottom.png');background-position: -686px 55px;}
ul.partnersbottom li#ruff a:hover span{background: url('../images/bottom.png');background-position: -686px 110px;}


/*lista kategorii/produktów z dzialu Oferta*/
dl.productlist dt{display:block; width:285px; margin:0; margin-left:-285px; float:left;clear:left;border-top:0px solid #000;padding:1em 0; text-align:center;}
dl.productlist dd{display:block; width:460px; float:left; border-top:0px solid #000; margin:0;}
dl.productlist dt img{border-right:0px solid #900;}

/*okruszki*/
ul#breadcrumbs{float:right;margin:5px 0 0 -300px;padding:0; width:auto;}
ul#breadcrumbs li{display:block; float:left; font-size: .8em; padding:0;margin:0}
ul#breadcrumbs li a{margin:0; color: #aaa;}

/*obrazek strony/kategorii*/
p#pageimage{display:block; float:left; margin:-3em 0 0 -300px;}

p#googlemap{display:block; float:left; margin:-3em 0 0 -285px;}
p#googlemap iframe{padding:5px; border:1px solid #aaa}
p#googlemap a{font-size:.8em}

/*podmenu*/
ul#options{float:left;margin:16em 0 0 -300px; padding:5px; list-style:none; width: 250px; border-right:4px solid #900;}
ul#options li {float:right;width:250px; clear:right; text-align:right}
ul#options li a {display:block;text-decoration:none; padding:2px 20px 2px 2px;color:#900;}
ul#options li a:hover{color:#555;}

/*nawigacja po produktach*/
ul#catalog{float:left;margin: 0 0 0 -285px; padding:0; list-style:none; width: 260px}
ul#catalog li a, ul#catalog li a:visited {display:block; text-decoration:none;color:#aaa; width:auto; text-align:left;font-size:11px; margin:0;}
ul#catalog li {float:left; margin:0; position:relative;}
ul#catalog li li {border-bottom:1px solid #666;list-style:none;border-top:0px;margin:0}
ul#catalog li a{padding:2px 5px;margin:0;border-top:4px solid #ccc;}
ul#catalog li a:hover{padding:2px 5px;margin:0;border-top:4px solid #888;}
ul#catalog li li a{border-top:0px solid #ccc;}
ul#catalog li li a:hover{border-top:0px solid #ccc;}
ul#catalog li ul {display: none}
/* specific to non IE browsers */
ul#catalog li:hover a {color:#333}
ul#catalog li.selected a{color:#333; border-top:4px solid #900;}
ul#catalog li.selected li a{border-top:0px solid #900;}
ul#catalog li.selected a:hover{color:#333; border-top:4px solid #888;}
ul#catalog li.selected li a:hover{border-top:0px solid #888;}
ul#catalog li:hover ul {display:block; position:absolute; top:24px; left:-40px; width:200px;}
ul#catalog li:hover ul li ul{display: none;}
ul#catalog li:hover ul li a {display:block;filter:alpha(opacity=90);opacity:.9;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; /*--IE 8 Transparency--*/background:#eedddd; color:#300; width:190px;}
ul#catalog li:hover ul li a:hover {filter:alpha(opacity=100);opacity:1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /*--IE 8 Transparency--*/background:#900; color:#fff; }
ul#catalog li:hover ul li:hover ul {display:block; position:absolute; left:160px; top:0; color:#000;}
ul#catalog li:hover ul li:hover ul li a {display:block; width:185px; background:#eedddd; color:#000;}
ul#catalog li:hover ul li:hover ul li a:hover {background:#900; color:#fff;}
ul#catalog li:hover ul li:hover ul li ul{display: none;}
ul#catalog li:hover ul li:hover ul li:hover ul {display:block; position:absolute; left:155px; top:0; color:#000;}
ul#catalog li:hover ul li:hover ul li:hover ul li a {display:block; width:150px; background:#eedddd; color:#000;}
ul#catalog li:hover ul li:hover ul li:hover ul li a:hover {background:#900; color:#fff;}

/*galeria*/
.fotolista{list-style: none;margin: 0;padding: 0;}
.fotolista li{ width:150px; height:150px; float:left; margin:2px;}
.fotolista li a{ display: block; color: #fff; padding:0; margin:0; text-decoration: none; width:150px; height:150px; border: 1px solid #900;}
.fotolista li a:hover, .fotolista li a:active, .fotolista li a:focus{background:#900;border: 1px solid #888;}
.fotolista li a img {position:absolute;clip: rect(10px 140px 140px 10px);vertical-align: middle;float: left;}
.fotolista li a:hover img {position:absolute;clip: rect(5px 145px 145px 5px);vertical-align: middle;}

/*adres*/
address{text-align:right;}

/*Stopka strony*/
p#address{display:block; float:right;font-size:.75em}