
body {
    background: url(../_gfx/main_bg_website.jpg) top;
    background-color: white;
    border: 0px;
    margin: 0px;
    text-align: center;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    color: #686868;
    font-size: 12px;
}

#all {
    width: 100%;
    background: url(../_gfx/top_website_bg.png) top;
    background-repeat: repeat-x;
    min-width: 1200px;
}

#bg_element {
    width: 100%;
    background: url(../_gfx/bg_element.png);
    background-position: center top 460px;
    background-repeat: no-repeat;
    min-width: 1200px;
}

.width {
    width: 1200px;
    display: inline-block;
}

#width2 {
    width: 1200px;
    display: inline-block;
}

#header {
    width: 1200px;
    height: 151px;
    float: left;
    display: inline-block;
}

.logo {
    position: relative;
    z-index: 20;
    display: inline-block;
    border: none;
    width: 471px;
    height: 151px;
    overflow: hidden;
    float: left;
    text-indent: -999999px;
    background: url(../_gfx/logo_main.png) no-repeat 0px 0px;
}

.logo:hover {
    background: url(../_gfx/logo_main.png) no-repeat 0px -151px;
}

#fill {
    width: 303px;
    height: 151px;
    background-image: url(../_gfx/fill.png);
    float: left;
    display: inline-block;
}

.stronaglowna {
    margin-top: 56px;
    position: relative;
    z-index: 20;
    display: inline-block;
    border: none;
    width: 166px;
    height: 64px;
    overflow: hidden;
    float: left;
    text-indent: -999999px;
    background: url(../_gfx/menu_1.png) no-repeat 0px 0px;
}

.stronaglowna:hover {
    background: url(../_gfx/menu_1.png) no-repeat 0px -64px;
}

.napisz {
    margin-top: 56px;
    position: relative;
    z-index: 20;
    display: inline-block;
    border: none;
    width: 147px;
    height: 64px;
    overflow: hidden;
    float: left;
    text-indent: -999999px;
    background: url(../_gfx/menu_1.png) no-repeat -166px 0px;
}

.napisz:hover {
    background: url(../_gfx/menu_1.png) no-repeat -166px -64px;
}

.kontakt {
    margin-top: 56px;
    position: relative;
    z-index: 20;
    display: inline-block;
    border: none;
    width: 112px;
    height: 64px;
    overflow: hidden;
    float: left;
    text-indent: -999999px;
    background: url(../_gfx/menu_1.png) no-repeat -313px 0px;
}

.kontakt:hover {
    background: url(../_gfx/menu_1.png) no-repeat -313px -64px;
}

#fill_2 {
    width: 425px;
    height: 31px;
    background-image: url(../_gfx/fill_2.png);
    float: left;
    display: inline-block;
}

#baner_all {
    width: 1200px;
    height: 300px;
    float: left;
    display: inline-block;
}

#baner_bg {
    width: 1200px;
    height: 242px;
    background-image: url(../_gfx/baner_bg.jpg);
    float: left;
    display: inline-block;
}

#baner {
    margin-left: 3px;
    margin-top: 3px;
    width: 1194px;
    height: 239px;
    float: left;
    display: inline-block;
}

.o_nas {
    position: relative;
    z-index: 20;
    display: inline-block;
    border: none;
    width: 95px;
    height: 58px;
    overflow: hidden;
    float: left;
    text-indent: -999999px;
    background: url(../_gfx/menu_2new.png) no-repeat 0px 0px;
}

.o_nas:hover {
    background: url(../_gfx/menu_2new.png) no-repeat 0px -58px;
}

.oferta {
    position: relative;
    z-index: 20;
    display: inline-block;
    border: none;
    width: 86px;
    height: 58px;
    overflow: hidden;
    float: left;
    text-indent: -999999px;
    background: url(../_gfx/menu_2new.png) no-repeat -95px 0px;
}

.oferta:hover {
    background: url(../_gfx/menu_2new.png) no-repeat -95px -58px;
}

.materialy {
    position: relative;
    z-index: 20;
    display: inline-block;
    border: none;
    width: 112px;
    height: 58px;
    overflow: hidden;
    float: left;
    text-indent: -999999px;
    background: url(../_gfx/menu_2new.png) no-repeat -181px 0px;
}

.materialy:hover {
    background: url(../_gfx/menu_2new.png) no-repeat -181px -58px;
}

.galerianew {
    position: relative;
    z-index: 20;
    display: inline-block;
    border: none;
    width: 88px;
    height: 58px;
    overflow: hidden;
    float: left;
    text-indent: -999999px;
    background: url(../_gfx/menu_2new.png) no-repeat -293px 0px;
}

.galerianew:hover {
    background: url(../_gfx/menu_2new.png) no-repeat -293px -58px;
}

#menu_2 {
    width: 381px;
    height: 58px;
    float: left;
    display: inline-block;
}

#baner_d {
    width: 819px;
    height: 58px;
    background: url(../_gfx/baner_bg_bottom.jpg) no-repeat -81px 0px;
    float: left;
    display: inline-block;
}

#main_left {
    width: 660px;
    float: left;
    display: inline-block;
}

#witamy {
    width: 660px;
    height: 52px;
    background-image: url(../_gfx/title_witamy.png);
    float: left;
    display: inline-block;
}

#witamy2 {
    width: 840px;
    margin-left: 30px;
    height: 47px;
    padding-top: 20px;
    border-bottom: dotted 1px;
    float: left;
    text-align: left;
    display: inline-block;
}

#producenci {
    width: 660px;
    height: 52px;
    background-image: url(../_gfx/tite_producenci.png);
    float: left;
    display: inline-block;
}

.main_text {
    margin-top: 15px;
    margin-left: 30px;
    width: 630px;
    text-align: justify;

    float: left;
    display: inline-block;
}

#main_right {
    margin-left: 228px;
    width: 312px;
    float: left;
    display: inline-block;
}

#partnerzy {
    width: 312px;
    height: 52px;
    background-image: url(../_gfx/title_partnerzy.png);
    float: left;
    display: inline-block;
}

#log1 {
    width: 312px;
    height: 98px;
    background-image: url(../_gfx/log1.png);
    float: left;
    display: inline-block;
}

#log2 {
    width: 312px;
    height: 98px;
    background-image: url(../_gfx/log2.png);
    float: left;
    display: inline-block;
}

#log3 {
    width: 312px;
    height: 98px;
    background-image: url(../_gfx/log3.png);
    float: left;
    display: inline-block;
}

#rolling_pass {
    width: 100%;
    height: 67px;
    background: url(../_gfx/roll_logos_vert_bg.jpg) top;
    background-repeat: repeat-x;
}

#main_footer {
    width: 100%;
    height: 431px;
    background: url(../_gfx/main_footer.jpg) top;
    background-repeat: repeat-x;
}

#main_footer2 {
    width: 100%;
    height: 420px;
    background: url(../_gfx/footer_logo.png) top;
    background-position: center 20px;
    background-repeat: no-repeat;
}

#footer_block1 {
    margin-top: 30px;
    margin-left: 29px;
    width: 251px;
    height: 294px;
    float: left;
    display: inline-block;
}

#footer_block2 {
    margin-top: 30px;
    margin-left: 31px;
    width: 273px;
    height: 294px;
    float: left;
    display: inline-block;
}

#footer_block3 {
    margin-top: 30px;
    margin-left: 30px;
    width: 271px;
    height: 294px;
    float: left;
    display: inline-block;
}

#footer_block4 {
    margin-top: 30px;
    margin-left: 30px;
    width: 254px;
    height: 294px;
    float: left;
    display: inline-block;
}

#footer_title_1 {
    width: 111px;
    height: 32px;
    background-image: url(../_gfx/armatura_txt.png);
    float: left;
    display: inline-block;
}

#footer_title_2 {
    width: 269px;
    height: 32px;
    background-image: url(../_gfx/pompy_txt.png);
    float: left;
    display: inline-block;
}

#footer_title_3 {
    width: 269px;
    height: 32px;
    background-image: url(../_gfx/aparatura_kontrolno_pomiarowa_txt.png);
    float: left;
    display: inline-block;
}

#footer_title_4 {
    width: 111px;
    height: 32px;
    background-image: url(../_gfx/automatyka_txt.png);
    float: left;
    display: inline-block;
}

.footer_title_1 {
    width: 111px;
    height: 32px;
    text-indent: -999999px;
    float: left;
    display: inline-block;
}

.footer_title_2 {
    width: 269px;
    height: 32px;
    text-indent: -999999px;
    float: left;
    display: inline-block;
}

.footer_title_3 {
    width: 269px;
    height: 32px;
    text-indent: -999999px;
    float: left;
    display: inline-block;
}

.footer_title_4 {
    width: 111px;
    height: 32px;
    text-indent: -999999px;
    float: left;
    display: inline-block;
}

#footer_image1 {
    width: 251px;
    height: 76px;
    background-image: url(../_gfx/footer_img_1.jpg);
    float: left;
    display: inline-block;
}

.footer_image1 {
    width: 251px;
    height: 76px;
    float: left;
    display: inline-block;
    text-indent: -999999px;
}

#footer_image2 {
    width: 273px;
    height: 76px;
    background-image: url(../_gfx/footer_img_2.jpg);
    float: left;
    display: inline-block;
}

.footer_image2 {
    width: 273px;
    height: 76px;

    float: left;
    display: inline-block;
    text-indent: -999999px;
}

#footer_image3 {
    width: 271px;
    height: 76px;
    background-image: url(../_gfx/footer_img_3.jpg);
    float: left;
    display: inline-block;
}

.footer_image3 {
    width: 271px;
    height: 76px;
    float: left;
    display: inline-block;
    text-indent: -999999px;

}

#footer_image4 {
    width: 254px;
    height: 76px;
    background-image: url(../_gfx/footer_img_4.jpg);
    float: left;
    display: inline-block;
}

.footer_image4 {
    width: 254px;
    height: 76px;
    text-indent: -999999px;
    float: left;
    display: inline-block;
}

.footer_text {
    text-align: justify;
    color: #004267;
    display: inline-block;
    margin-top: 0px;
    overflow: hidden;
    height: 180px;
    font-size: 12px;

}

#Copyright {
    margin-top: 38px;
    float: left;
    font-size: 14px;
    display: inline-block;
    color: white;
}

#projekt {
    margin-right: 10px;
    margin-top: 38px;
    float: right;
    font-size: 14px;
    display: inline-block;
    color: white;
}

/* podstrona */

#menu_main {
    margin: 10px 0 10px 0;
    padding: 0 0 3px 0;
    width: 272px;
    display: inline-block;
    float: left;
    background-color: #dcdede;
    border: solid 1px white;
}

.button1 {
    margin-top: 3px;
    width: 266px;
    margin-left: 3px;
    display: inline-block;
    float: left;
    background-color: #00609d;
}

.button1:hover {
    background-color: #0878bf;
}

.button1_text {
    font-size: 14px;
    color: white;
    width: 240px;
    display: inline-block;
    margin: 12px 0 12px 14px;
    text-align: left;
}

.button2 {
    margin-top: 2px;
    width: 266px;
    margin-left: 2px;
    display: inline-block;
    float: left;
    background: #eaeaea; /* Old browsers */
    background: -moz-linear-gradient(top, #eaeaea 0%, #d6d6d6 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eaeaea), color-stop(100%, #d6d6d6)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #eaeaea 0%, #d6d6d6 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #eaeaea 0%, #d6d6d6 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #eaeaea 0%, #d6d6d6 100%); /* IE10+ */
    background: linear-gradient(to bottom, #eaeaea 0%, #d6d6d6 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eaeaea', endColorstr='#d6d6d6', GradientType=0); /* IE6-9 */
    border: 1px white solid;
}

.button2:hover {
    background: #eaeaea; /* Old browsers */
    background: -moz-linear-gradient(top, #d6d6d6 0%, #eaeaea 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d6d6d6), color-stop(100%, #eaeaea)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #d6d6d6 0%, #eaeaea 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #d6d6d6 0%, #eaeaea 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #d6d6d6 0%, #eaeaea 100%); /* IE10+ */
    background: linear-gradient(to bottom, #d6d6d6 0%, #eaeaea 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d6d6d6', endColorstr='#eaeaea', GradientType=0); /* IE6-9 */
}

hr {
    height: 0px;
    border: none;
    border-bottom: 1px dotted #00446f;
}

.dot1 {
    float: left;
    position: relative;
    top: 12px;
    width: 6px;
    height: 6px;
    background-image: url(../_gfx/icon2.jpg);
    display: inline-block;
    margin-left: 14px;
}

.button2_text {
    font-size: 14px;
    color: #005ea8;
    width: 226px;
    display: inline-block;
    margin: 5px 0 5px 8px;
    text-align: left;
}

.button3 {
    margin-top: 2px;
    width: 266px;
    margin-left: 2px;
    display: inline-block;
    float: left;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f2f2f2)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%, #f2f2f2 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%, #f2f2f2 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%, #f2f2f2 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%, #f2f2f2 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f2f2f2', GradientType=0); /* IE6-9 */
    border: 1px white solid;

}

.button3:hover {
    background: #dbdbdb; /* Old browsers */
    background: -moz-linear-gradient(top, #f2f2f2 0%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f2f2f2), color-stop(100%, #ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f2f2f2 0%, #ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f2f2f2 0%, #ffffff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f2f2f2 0%, #ffffff 100%); /* IE10+ */
    background: linear-gradient(to bottom, #f2f2f2 0%, #ffffff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f2f2', endColorstr='#ffffff', GradientType=0); /* IE6-9 */
}

.dot2 {
    position: relative;
    top: 12px;
    margin-left: 28px;
    width: 6px;
    float: left;
    height: 6px;
    background-image: url(../_gfx/icon1.jpg);
    display: inline-block;
}

.button3_text {
    display: inline-block;
    font-size: 14px;
    color: #005ea8;
    width: 210px;
    margin: 5px 0 5px 6px;
    text-align: left;
}

#main_window {
    margin: 10px 0 15px 0;
    width: 911px;
    display: inline-block;
    float: right;
    background-color: white;
    border: solid 1px e7e8e8;
}

.main_text2 {
    margin: 15px 0 30px 30px;
    width: 840px;
    text-align: justify;
    float: left;
    display: inline-block;
}

#main_footer_ps {
    width: 100%;
    height: 78px;
    background: url(../_gfx/main_footer.jpg) 0px -355px;
    background-repeat: repeat-x;
}

#Copyright2 {
    margin-top: 10px;
    float: left;
    font-size: 14px;
    display: inline-block;
    color: white;
}

#projekt2 {
    margin-top: 10px;
    float: right;
    font-size: 14px;
    display: inline-block;
    color: white;
}

#projekt2 a {
    color: white;
}

#projekt2 a:hover {
    color: #000000;
}

hr {
    height: 0px;
    border: 1px dotted #ff8a00;
}

h1 {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 16px;
    margin-top: 5px;
    color: #4793e5;
    font-weight: normal;
}

h2 {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 15px;
    color: #4793e5;
    font-weight: normal;
}

h3 {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 14px;
    color: #4793e5;
    margin: 0px;
    display: inline-block;
    font-weight: normal;
}

a:link {
    color: #006d96;
    text-decoration: none;
    font-family: verdana;
}

a:visited {
    color: #006d96;
    text-decoration: none;
    font-family: verdana;
}

a:hover {
    color: #14b7f3;
    text-decoration: none;
    font-family: verdana;
}

a:active {
    color: #006d96;
    text-decoration: none;
    font-family: verdana;
}

a.czytaj_w1:link {
    color: #286c91;
    text-decoration: none;
    font-family: verdana;
    float: right;
}

a.czytaj_w1:visited {
    color: #286c91;
    text-decoration: none;
    font-family: verdana;
    float: right;
}

a.czytaj_w1:hover {
    color: #103a52;
    text-decoration: none;
    font-family: verdana;
    float: right;
}

a.czytaj_w1:active {
    color: #286c91;
    text-decoration: none;
    font-family: verdana;
    float: right;
}

#projekt a:link {
    color: #fff;
    text-decoration: none;
    font-family: verdana;
    float: right;
}

#projekt a:visited {
    color: #fff;
    text-decoration: none;
    font-family: verdana;
    float: right;
}

#projekt a:hover {
    color: #103a52;
    text-decoration: none;
    font-family: verdana;
    float: right;
}

#projekt a:active {
    color: #286c91;
    text-decoration: none;
    font-family: verdana;
    float: right;
}

.dots2 {

    width: 100%;
    border-bottom: dotted 1px #aba9aa;

}

.nr_kat {
    color: #969696;
}

.galeria_podstrona {

    width: 400px;
    text-align: center;
    display: inline-block;
    float: left;
}

.foto_glowne {

    width: 400px;
    text-align: center;

}

.opis_podstrona {

    width: 400px;
    margin-left: 30px;
    float: left;
}

dd {
    margin: 0;
}

.pages {
    display: inline-block;
    padding: 5px;
    margin-bottom: 5px;
    border: solid 1px #abadb3;
    background: #f4f4f4;

}

.pages:hover {
    background: #dddddd;
}

#clients {
    display: inline-block;
    margin-bottom: 15px;
    margin-top: 10px;
}

#clients .clients-wrap {

    display: block;
    width: 1150px;
    margin: 0;
    overflow: hidden;
}

#clients .clients-wrap ul {
    display: block;
    list-style: none;
    position: relative;

}

#clients .clients-wrap ul li {
    display: block;
    float: left;
    position: relative;
    width: 140px;
    height: 55px;
    line-height: 15px;
    text-align: center;
}

#clients .clients-wrap ul li img {
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    transition: all 0.3s linear;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
    filter: alpha(opacity=100);
    opacity: 1;

}

#clients .clients-wrap ul li img:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1.0;
}

img {
    border: 0px;
}

#wyszukiwarka_n {
    float: left;
    display: inline-block;
    margin: 20px 0 0 550px;
}

.wyszukiwarka_pole_tekstowe {
    width: 192px;
    height: 20px;
    border: none;
    display: inline-block;
    float: left;
    color: #0060a4;
    background: url(../_gfx/search_panel_bg_new.png);
}

.wyszukiwarka_icon {
    margin: 0 0 0 8px;
    position: relative;
    z-index: 20;
    display: inline-block;
    border: none;
    width: 14px;
    height: 17px;
    overflow: hidden;
    float: left;
    text-indent: -999999px;
    background: url(../_gfx/search_panel_icon_new.png) no-repeat 0px 0px;
}

.wyszukiwarka_icon:hover {
    background: url(../_gfx/search_panel_icon_new.png) no-repeat 0px -17px;
}
