* { margin: 0; padding: 0; }
html{ min-height: 100%; margin: 0; padding: 0; font-size: 100.01%; }
body{ margin: 0; padding: 0;  font-size: 62.5%;  }
body, textarea, input, select, option, button { color: #6f6f70; font-size: 12px; font-family: "Arial",Verdana,sans-serif; line-height: 1.5; }
li, dt, dd, p, th, td, caption, pre { font-size: 12px; } /*---*/ li *, li p, li li, dt *, dd *, p *, th *, td * { font-size: 12px; }
ul, ol, dl, p, table, pre, h1, h2, h3, h4, h5, h6 { margin-bottom: 7px; }
a { text-decoration: none; color: #fff; }
.clear { clear: both; }

.root { width: 960px; margin: 0 auto; }

#lang_pl, #lang_en {
display: block;
position: absolute;
width: 14px;
height: 14px;
top: 5px;
opacity: 0.5;
}
#lang_pl {
right: 0;
background: url(../images/pl.png) no-repeat center center;
}
#lang_en {
right: 20px;
background: url(../images/en.png) no-repeat center center;
}
#lang_pl.active, #lang_en.active, #lang_pl:hover, #lang_en:hover {
opacity: 1;
}

#header { height: 104px; position: relative; }
#logo { display: block; width: 236px; height: 104px; position: absolute; top: 0; }

#menu { position: absolute; right: 0; top: 33px; }
#menu li { list-style: none; display: inline-block; }
#menu li a { padding-right: 10px; color: #6f6f70; margin-left: 3px; font-family: Cambria, Georgia, serif; display: block; height: 37px; }
#menu li a span { display: block; height: 37px; font-size: 16px; line-height: 32px; padding-left: 10px; }

#menu li a.active, #menu li a:hover { color: #fff; background: url(../images/menu2.png) no-repeat; background-position: right top; }
#menu li a.active span, #menu li a:hover span { background: url(../images/menu1.png) no-repeat; }

#wrapper-slider { width: 100%; height: 310px; overflow: hidden; margin-bottom: 30px; }
.slide { width: 100%; height: 310px;  }
.slider { width: 960px; height: 310px; margin: 0 auto; }
.slide1 { background: url(../images/banner/slide1.jpg) no-repeat; background-position: center top; }
.slide2 { background: url(../images/banner/slide2.jpg) no-repeat; background-position: center top; }
.slide3 { background: url(../images/banner/slide3.jpg) no-repeat; background-position: center top; }
.slide4 { background: url(../images/banner/slide4.jpg) no-repeat; background-position: center top; }
/*.slide5 { background: url(../images/ban5.jpg) no-repeat; background-position: center top; }*/

.slider { width: 960px; margin: 0 auto; height: 177px; padding-top: 33px; }

.slider .title1 {
background: url(../images/border1.png) no-repeat;
background-position: top;
width: 497px;
margin-top: 0px;
padding-top: 30px;
}
.slider .title2 {
font-weight: bold;
padding-bottom: 30px;
font-size: 36px;
text-shadow: 0.5px 0.5px rgba(255,255,255,0.17);
line-height: 0.9;
font-family: Cambria, Georgia, serif;
color: #23276e;
background: url(../images/border2.png) no-repeat;
background-position: bottom;
width: 497px;
text-align: center;
}
.slider .title2 span {
font-size: 50px;
font-weight: normal;
color: #fff;
text-shadow: 0.5px 0.5px #000;
}
.slider .desc {
width: 497px;
height: inherit;
color: #fff;
text-align: center;
padding-top: 25px;
}
.more2 {
width: 181px;
height: 39px;
margin-top: 25px;
display: inline-block;
text-align: center;
background: url(../images/more2.png) no-repeat center center;
font-size: 14px;
line-height: 39px;
font-family: Cambria, Georgia, serif;
font-weight: bold;
color: #ffffff;
text-shadow: 2px 2px 1px rgba(26, 96, 97, 0.55);
text-transform: uppercase;
}

#wrapper-footer { width: 100%; background: url(../images/bg-footer.png) repeat-x; }
#footer { width: 960px; height: 153px; color: #fff; padding-top: 40px; margin: 0 auto; position: relative; overflow: hidden; }

#map { width: 100%; position: relative; height: 197px; }
#copy { color: #fff; position: absolute; bottom: 15px; }
#project { color: #fff; position: absolute; bottom: 15px; right: 0; }

#zoom {
display: block;
width: 148px;
height: 51px;
background: url(../images/zoom.png);
position: absolute;
top: 73px;
left: 25%;
font-size: 18px;
line-height: 48px;
font-family: Cambria, Georgia, serif;
color: #ffffff;
text-shadow: 2px 2px 1px rgba(26, 96, 97, 0.55);
text-transform: uppercase;
padding-left: 60px;
}
#zoom-out {
display: block;
width: 56px;
height: 51px;
background: url(../images/zoom-out.png);
font-size: 0;
line-height: 0;
text-indent: -10000px;
position: absolute;
top: 20px;
right: 40px;
}

#box-logo { width: 249px; float: left; height: 104px; }
#box-logo img { position: relative; top: -20px; }
#box-contact, #box-location { width: 250px; height: 143px; float: left; }
#box-newsletter { float: right; width: 211px; }

#footer .title { font-family: Cambria, Georgia, serif; font-size: 18px; margin: -5px 0 12px 0; }
#footer .desc { font-family: Cambria, Georgia, serif; font-size: 16px; line-height: 1.2; }
#footer .desc span { color: #b5e8e7; }
#footer .desc a { color: #ffffff; }

#text-input { width: 136px; padding: 8px 5px; background: none; border: 0; color: #fff; }
#submit-input {
width: 64px;
height: 28px;
background: none;
border: 0;
cursor: pointer;
text-align: center;
font-size: 12px;
line-height: 23px;
font-family: Cambria, Georgia, serif;
color: #ffffff;
text-shadow: 1px 1px 1px rgba(26, 96, 97, 0.55);
text-transform: uppercase;
}
#newsletter { background: url(../images/newsletter.png) no-repeat; width: 211px; height: 32px; }

.content { padding-bottom: 25px; }
.content .left { width: 465px; float: left; }
.content .right { width: 461px; float: right; }
.content a { color: #27bcb8; }

h1 { font-size: 24px; color: #23276e; font-family: Cambria, Georgia, serif; position: relative; font-weight: normal; padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #e9effa; }
h1 span { font-size: 18px; color: #27bcb8; }

#more {
width: 160px;
height: 32px;
background: url(../images/more.png);
display: block;
float: left;
text-align: center;
font-size: 13px;
line-height: 32px;
font-family: Cambria, Georgia, serif;
font-weight: bold;
color: #ffffff;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.34);
text-transform: uppercase;
}
#more-div { font-family: Cambria, Georgia, serif; padding-top: 7px; padding-left: 12px; float: left; font-weight: bold; font-size: 13px; color: #6f6f70; }

#products { margin-top: 60px; }

#product-main { width: 180px; text-align: right; padding: 30px 30px 0 30px; height: 268px; background: url(../images/box1.jpg) no-repeat; float: left; }
#products-slider { width: 720px; float: right; overflow: hidden; height: 298px; }
.box-a { width: 180px; position: relative; padding: 30px 30px 0 30px; height: 268px; text-align: right; float: left; background: url(../images/box2.png) no-repeat; }
.box-b { width: 180px; position: relative; padding: 30px 30px 0 30px; height: 268px; text-align: right; float: left; background: url(../images/box3.png) no-repeat; }
.box-c { width: 179px; position: relative; padding: 30px 30px 0 30px; height: 268px; text-align: right; float: left; background: url(../images/box4.png) no-repeat; }

#product-main .title, .box-a .title { font-size: 18px; color: #ffffff; line-height: 1.1; font-family: Cambria, Georgia, serif; }
#product-main .title span, .box-a .title span, .box-b .title span, .box-c .title span { font-size: 24px; color: #23276e; font-family: Cambria, Georgia, serif; }
.box-b .title, .box-c .title { font-size: 18px; line-height: 1.1; font-family: Cambria, Georgia, serif; }
.box-b .title a, .box-c .title a { color: #27bcb8; }
.box-a .title a { color: #ffffff; }
#product-main p { color: #b5e8e7; }
#product-main a { font-weight: bold; color: #fff; }
.zoom { width: 44px; height: 43px; position: absolute; display: block; top: 167px; right: 30px; }

.box-a .zoom { background: url(../images/zoom1.png); }
.box-b .zoom { background: url(../images/zoom2.png); }
.box-c .zoom { background: url(../images/zoom3.png); }
.main .produkty {
overflow: hidden;
width: 725px;
margin: 0 auto;
}
#main .text {
padding-bottom: 25px;
}

.wrapper-news { height: 144px; overflow: hidden; }
.news .title a { font-size: 14px; color: #23276e; font-family: Cambria, Georgia, serif; margin-bottom: 18px; }
.news .wrapper-desc { width: 460px; height: 75px; padding-top: 30px; background: url(../images/news.png) no-repeat; }
.aktualnosci .news .wrapper-desc { background: url(../images/news-long.png) no-repeat; }
.aktualnosci .news .wrapper-desc { width: 760px; }
.news .desc { width: 300px; float: left; margin-left: 20px; height: 54px; overflow: hidden; }
.aktualnosci .news .desc { width: 600px; }
.news .date { width: 96px; height: 70px; padding-top: 5px; float: right; font-size: 30px; line-height: 0.8; color: #ffffff; font-family: Cambria, Georgia, serif; text-align: center; }
.news .date span { font-size: 12px; color: #23276e; }

#news-arrow-prev { width: 17px; height: 29px; display: block; background: url(../images/news-arrow1.png); position: absolute; right: 41px; top: 4px; }
#news-arrow-next { width: 17px; height: 29px; display: block; background: url(../images/news-arrow2.png); position: absolute; right: 0; top: 4px;}
#product-arrow-prev { width: 17px; height: 29px; display: inline-block; background: url(../images/product-arrow1.png); }
#product-arrow-next { width: 17px; height: 29px; display: inline-block; background: url(../images/product-arrow2.png); margin-left: 24px; }

.controlls { margin-top: 17px; margin-bottom: 23px; }

.arch { height: 41px; color: #6f6f70; font-size: 14px; font-family: Cambria, Georgia, serif; line-height: 2.7; margin-top: 25px; }

.fb { width: 137px; height: 33px; float: right; background: url(../images/fb.png); padding: 7px 0 0 11px; }



.p1 { position: absolute; bottom: 70px; left: 13px; }
.p2, .p3 { position: absolute; bottom: 0; left: 12px; }

#slider-a-prev {
    background: url("../images/arrow1.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 63px;
    left: 4%;
    position: absolute;
    top: 222px;
    width: 31px;
    z-index: 21;
}

#slider-a-next {
    background: url("../images/arrow2.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 63px;
    right: 4%;
    position: absolute;
    top: 222px;
    width: 31px;
    z-index: 22;
}

#sub-banner { width: 100%; height: 310px; background: url(../images/sub-banner.jpg) no-repeat; background-position: center top; }

#sub-banner-inside { width: 960px; margin: 0 auto; padding-top: 90px; }
#sub-banner-inside .title1 { background: url(../images/border1.png) no-repeat; text-shadow: 0.5px 0.5px #000; background-position: top; width: 497px; padding-top: 30px; }
#sub-banner-inside .title2 { font-weight: bold; padding-bottom: 30px; font-size: 36px; line-height: 0.9; font-family: Cambria, Georgia, serif; color: #23276e; background: url(../images/border2.png) no-repeat; background-position: bottom; width: 497px; text-align: center; }
#sub-banner-inside .title2 span { font-size: 50px; font-weight: normal; color: #fff; }

.main { width: 680px; float: left; padding-top: 30px; padding-bottom: 25px; }
.side { width: 241px; float: right; padding-bottom: 25px; }
.main p { margin-bottom: 20px; }

.image-wrapper { position: relative; margin-right: 4px; margin-bottom: 4px; width: 156px; height: 102px; display: block; float: left; background: url(../images/img-box.png); padding: 5px; }
.image-wrapper a:hover span { display: block; position: absolute; width: 156px; height: 102px; background: url(../images/span.png); opacity: 0.6; }

.image-wrapper:last-child { margin-right: 0; }

.wrapper-menu-top { width: 241px; padding-top: 20px; margin-top: 0; }
.wrapper-menu-down { width: 241px; padding-bottom: 15px; position: relative; background: url(../images/menu_3.png) no-repeat; background-position: center bottom; }

.wrapper-menu-down .title { color: #27bcb8; font-size: 18px; font-family: Cambria, Georgia, serif;
text-align: left;
padding: 0 30px 15px;
background: url(../images/menu_2.png) repeat-y;
}
.wrapper-menu-down .title span {
display: block;
padding-bottom: 15px;
border-bottom: 1px solid #e0e0e0;
}
.menu-top {
position: absolute;
top: -21px;
left: -4px;
width: 249px;
height: 30px;
background: url(../images/menu_1.png) no-repeat top center;
}
#sub-menu {
background: url(../images/menu_2.png) repeat-y;
width: 193px;
padding: 0 24px 25px 24px;
background-position: center;
margin-bottom: 0;
list-style: none;
}
#sub-menu ul {
list-style: none;
}
#sub-menu li a {
display: block;
padding: 9px 0;
border-bottom: 1px solid #e0e0e0;
color: #38bdb9;
font-size: 14px;
color: #23276e;
font-family: Cambria, Georgia, serif;
font-weight: bold;

}
#sub-menu li:last-child a {
border-bottom: 0;
}
#sub-menu ul li:last-child a {
border-bottom: 1px solid #e0e0e0;
}
#sub-menu li ul li a {
margin-left: 10px;
}
#sub-menu li.sub {
padding: 0;
}
#sub-menu li:hover > a, #sub-menu li.active > a {
color: #38bdb9;
}

.text.szczeg {
margin-bottom: 20px;
}
.text.produkt img.produkt {
float: left;
margin: 0 15px 15px 0;
}

/*certyfikaty*/
#certyfikaty {

}
#certyfikaty li {
margin-bottom: 15px;
overflow: hidden;
}
#certyfikaty li .nagl-img {
width: 250px;
text-align: center;
float: left;
}
#certyfikaty li .nagl-img img {
max-width: 250px;
padding: 1px;
background-color: #ffffff;
border: 1px solid #E8EAEF;
}
#certyfikaty li .nazwa {
width: 350px;
padding-left: 50px;
text-align: left;
float: left;
}
.main .text.certyfikat .nagl-img {
text-align: center;
margin-top: 20px;
}
.main .text.certyfikat .nagl-img img {
max-width: 650px;
}