html,body{margin:0;padding:0}
body{font: 87.5% arial,sans-serif;text-align:center; background: url("../images/whole_background.jpg") repeat-x}

/*layout*/
div#header {margin:0; padding:0;
            width:896px; height:306px; background: url("../images/glowka.jpg"); position:relative}
div#header-en {margin:0; padding:0;
            width:896px; height:306px; background: url("../images/glowka-en.jpg"); position:relative}
div#menu_panel {width:896px; height:60px}
div#container{width:896px;margin:0 auto}
div#content{float:left;width:560px}
div#content_wide{float:left;width:840px}
div#panel{float:right;width:250px}
div#extra{float:right;clear:right;width:250px}
div#footer{clear:both;width:100%; height:44px}

/*style globalne*/
p{margin:0 0 8px; line-height:1.4; color: black;}
a{color: #666; text-decoration:none; outline: none;}
a:hover {text-decoration: none; color:#888; outline: none;}
a img {border: 0; outline:none;}
img {border: 0; outline:none;}
h1 {font-size: 2.2em; margin: 0.5em 0; color:#2e9ec2}
h2 {font-size: 1.5em; margin: 1em 0; color:#2e9ec2}
h3 {font-size: 1em;  margin: 0.5em 0; color:#2e9ec2}
h4 {font-size: 1em; margin: 0}
#content ul {margin-top: 0px}
#content ul li {margin-top: 5px}

div#container{text-align:left; background: #FFF;}
div#content{background: #FFF; padding: 0 0 0 80px}
div#content_wide{background: #FFF; padding: 0 0 0 45px}
div#panel{background:#FFF; margin: 20px 0}
div#footer{background: #122d44; color: #FFF;  font-size: 90%; position:relative}
div#footer .copyright{position:relative; left: 80px; top:13px; color: #FFF;}

#menu{list-style:none; padding:0; margin:0 0 0 18px}
#menu li {float:left; display:inline}
#m_firma-pl a{outline:none; display:block; width:123px; height:60px; text-indent:-9999px; background-image:url("../images/m_firma.gif"); background-repeat:no-repeat}
#m_produkty-pl a{outline:none; display:block; width:123px; height:60px; text-indent:-9999px; background-image:url("../images/m_produkty.gif"); background-repeat:no-repeat}
#m_mozliwosci-pl a{outline:none; display:block; width:123px; height:60px; text-indent:-9999px; background-image:url("../images/m_mozliwosci.gif"); background-repeat:no-repeat}
#m_jakosc-pl a{outline:none; display:block; width:123px; height:60px; text-indent:-9999px; background-image:url("../images/m_jakosc.gif"); background-repeat:no-repeat}
#m_kontakt-pl a{outline:none; display:block; width:123px; height:60px; text-indent:-9999px; background-image:url("../images/m_kontakt.gif"); background-repeat:no-repeat}
#m_galeria-pl a{outline:none; display:block; width:123px; height:60px; text-indent:-9999px; background-image:url("../images/m_galeria.gif"); background-repeat:no-repeat}
#m_formularz-pl a{outline:none; display:block; width:123px; height:60px; text-indent:-9999px; background-image:url("../images/m_formularz.gif"); background-repeat:no-repeat}

#m_firma-en a{outline:none; display:block; width:123px; height:60px; text-indent:-9999px; background-image:url("../images/m_firma-en.gif"); background-repeat:no-repeat}
#m_produkty-en a{outline:none; display:block; width:123px; height:60px; text-indent:-9999px; background-image:url("../images/m_produkty-en.gif"); background-repeat:no-repeat}
#m_mozliwosci-en a{outline:none; display:block; width:123px; height:60px; text-indent:-9999px; background-image:url("../images/m_mozliwosci-en.gif"); background-repeat:no-repeat}
#m_jakosc-en a{outline:none; display:block; width:123px; height:60px; text-indent:-9999px; background-image:url("../images/m_jakosc-en.gif"); background-repeat:no-repeat}
#m_kontakt-en a{outline:none; display:block; width:123px; height:60px; text-indent:-9999px; background-image:url("../images/m_kontakt-en.gif"); background-repeat:no-repeat}
#m_galeria-en a{outline:none; display:block; width:123px; height:60px; text-indent:-9999px; background-image:url("../images/m_galeria-en.gif"); background-repeat:no-repeat}
#m_formularz-en a{outline:none; display:block; width:123px; height:60px; text-indent:-9999px; background-image:url("../images/m_formularz-en.gif"); background-repeat:no-repeat}
#menu a:hover {background-position:-123px 0px}
#menu a.selected {background-position:-123px 0px}

#bb_menu {list-style:none; padding:0; margin-top:40px}
#bb_menu li {float:left; display:inline}

#bb_informacje a {outline:none; display:block; width:275px; height:143px; text-indent:-9999px; background-image:url("../images/bb_informacje.jpg"); background-repeat:no-repeat;}
#bb_wyroznienia a {outline:none; display:block; width:275px; height:143px; text-indent:-9999px; background-image:url("../images/bb_wyroznienia.jpg"); background-repeat:no-repeat;}
#bb_hydraulika a {outline:none; display:block; width:275px; height:143px; text-indent:-9999px; background-image:url("../images/bb_hydraulika.jpg"); background-repeat:no-repeat;}
#bb_kolejowe a {outline:none; display:block; width:275px; height:143px; text-indent:-9999px; background-image:url("../images/bb_kolejowe.jpg"); background-repeat:no-repeat;}
#bb_czesci a {outline:none; display:block; width:275px; height:143px; text-indent:-9999px; background-image:url("../images/bb_czesci.jpg"); background-repeat:no-repeat;}
#bb_specjalne a {outline:none; display:block; width:275px; height:143px; text-indent:-9999px; background-image:url("../images/bb_specjalne.jpg"); background-repeat:no-repeat;}
#bb_maszynowa a {outline:none; display:block; width:275px; height:143px; text-indent:-9999px; background-image:url("../images/bb_maszynowa.jpg"); background-repeat:no-repeat;}
#bb_spawanie a {outline:none; display:block; width:275px; height:143px; text-indent:-9999px; background-image:url("../images/bb_spawanie.jpg"); background-repeat:no-repeat;}
#bb_plastyczna a {outline:none; display:block; width:275px; height:143px; text-indent:-9999px; background-image:url("../images/bb_plastyczna.jpg"); background-repeat:no-repeat;}
#bb_malowanie a {outline:none; display:block; width:275px; height:143px; text-indent:-9999px; background-image:url("../images/bb_malowanie.jpg"); background-repeat:no-repeat;}

#bb_informacje-en a {outline:none; display:block; width:275px; height:143px; text-indent:-9999px; background-image:url("../images/bb_informacje-en.jpg"); background-repeat:no-repeat;}
#bb_wyroznienia-en a {outline:none; display:block; width:275px; height:143px; text-indent:-9999px; background-image:url("../images/bb_wyroznienia-en.jpg"); background-repeat:no-repeat;}
#bb_hydraulika-en a {outline:none; display:block; width:275px; height:143px; text-indent:-9999px; background-image:url("../images/bb_hydraulika-en.jpg"); background-repeat:no-repeat;}
#bb_kolejowe-en a {outline:none; display:block; width:275px; height:143px; text-indent:-9999px; background-image:url("../images/bb_kolejowe-en.jpg"); background-repeat:no-repeat;}
#bb_czesci-en a {outline:none; display:block; width:275px; height:143px; text-indent:-9999px; background-image:url("../images/bb_czesci-en.jpg"); background-repeat:no-repeat;}
#bb_specjalne-en a {outline:none; display:block; width:275px; height:143px; text-indent:-9999px; background-image:url("../images/bb_specjalne-en.jpg"); background-repeat:no-repeat;}
#bb_maszynowa-en a {outline:none; display:block; width:275px; height:143px; text-indent:-9999px; background-image:url("../images/bb_maszynowa-en.jpg"); background-repeat:no-repeat;}
#bb_spawanie-en a {outline:none; display:block; width:275px; height:143px; text-indent:-9999px; background-image:url("../images/bb_spawanie-en.jpg"); background-repeat:no-repeat;}
#bb_plastyczna-en a {outline:none; display:block; width:275px; height:143px; text-indent:-9999px; background-image:url("../images/bb_plastyczna-en.jpg"); background-repeat:no-repeat;}
#bb_malowanie-en a {outline:none; display:block; width:275px; height:143px; text-indent:-9999px; background-image:url("../images/bb_malowanie-en.jpg"); background-repeat:no-repeat;}

#bb_menu a:hover {background-position: -275px}

#footer_menu{position:relative; left: 350px; top:-18px; width: 560px; background: #122d44}
#footer_menu ul{margin:0; padding:0; float: left}
#footer_menu ul li{display: inline}
#footer_menu ul li a{float: left; text-decoration: none; color: white; padding: 5px 8px; background-color: #122d44;}
#footer_menu ul li a:visited{color: white;}
#footer_menu ul li a:hover, .menu ul li .current{ color: #fff; background-color:#2e9ec2;}

#panel img {margin: 5px; width:222px; height:135px; border: solid 1px #2e9ec2}
.back_bt {width:100%; margin:20px 0; text-align:right;}
.informacje_image {width:270px; height:293px}
.zdjecie-pasek {width: 550px; height: 97px}
#mapka {width: 229px; height: 231px; float: left}
#telefon {width: 175px; height: 143px; margin: -30px 0 20px 0}
#kontakt {margin-left: 275px; margin-bottom: 20px}

/*formatowanie formularza*/
#alert_box {width: 460px; margin: 10px 0 0 0; display:none; padding: 10px; font-weight: bold; background-color: #C00; color: #FFF}
#formularz p {width:110px; margin: 5px 0}
#formularz input, textarea {border: 1px solid #2e9ec2;}
.error{width:100%; color:#D00; font-size: 0.8em}
.UE_image{width: 471px; height:238px; border: 1px solid #2e9ec2;
	margin:15px 0; position: relative; left: 40px}
#header a{position: absolute; top:25px; right: 40px}
#header a img{width:42px; height:27px}
#header-en a{position: absolute; top:25px; right: 40px}
#header-en a img{width:42px; height:27px}


#galeria {width:860px}
#galeria .thumb{width: 180px; height: 180px;}
#galeria .preloader{width: 31px; height: 31px;}
#galeria a{display:block; margin:3px; float: left; width: 180px; height:180px; border: solid 1px #d3f4ff; background-color: #e6f9ff}

/*clear floats */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */