/* Quick.Cms.Ext WebStyle009 stylesheet */

/* GLOBAL STYLES */
body, body *{margin:0;padding:0;border:0;}
body,table{color:#000;font-family: 'Lato', sans-serif;font-size:15px;font-weight:400;} /* font-family: 'Economica', sans-serif; font-family: 'Open Sans', sans-serif; font-family: 'Open Sans Condensed', sans-serif; font-family: 'Roboto Condensed', sans-serif;*/

body{padding:0;text-align:center;color:#000;font-family: 'Lato', sans-serif;font-size:15px;font-weight:400;line-height:1.5em;}

.form{}
.hide{display:none;}

a{color:#404040;text-decoration:none;}
a:hover{color:#feed00;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}

.clear{clear:both;height:0px;font-size:0px;line-height:0px;}
#skiplinks{position:absolute;top:0px;left:0px;z-index:999999;}
#skiplinks a{position:absolute;top:-500px;left:0px;z-index:10;min-width:200px;padding:10px;color:#fff;}
#skiplinks a:focus{top:0;background:#000;color:#fff;}
.left{text-align:left;}
.center{text-align:center;}
.right{text-align:right;}

.clear20{clear:both;height:20px;font-size:0px;line-height:0px;}
.clear30{clear:both;height:30px;font-size:0px;line-height:0px;}
.clear40{clear:both;height:40px;font-size:0px;line-height:0px;}

#container{position:relative;width:100%;margin:0 auto;position:relative;overflow:hidden}
#container:after{content:"";display:table;clear:both;}

/* HEADER  */
#header{clear:both;position:relative;width:100%;margin:0;padding:0;}
.logo{float:left;display:block;margin:12px 0 0 20px;padding:0;width:228px;height:114px;background:url('img/logo.png') no-repeat;}
.logo a{display:block;border:none;padding:0;width:228px;height:114px;}
#head{margin:0;padding:0;width:100%;height:132px;background:#fff;border-bottom:5px #d7d7d7 solid;}
#head .container{overflow:hidden;width:1184px;height:132px;margin:0 auto;}

#header #menu1 ul{margin:0 20px 0 0;list-style:none;float:right;}
#header #menu1 li{float:left;padding:0;margin:37px 0 0 1px;height:56px;}
#header #menu1 li a{display:block;height:56px;line-height:56px !important;font:22px 'Economica', sans-serif;font-weight:700;padding:0 22px;color:#000;margin:0;text-transform:uppercase;}
#header #menu1 li a:hover, #header #menu1 .selected a{text-decoration:none;color:#000;background:#feed00;}

/* STICKY MENU */
#trueHeader{z-index:999;left:0;right:0;padding:0px 0;transition:padding 0.35s ease;-khtml-transition:padding 0.35s ease;-webkit-transition:padding 0.35s ease;-moz-transition:padding 0.35s ease;-ms-transition:padding 0.35s ease; -o-transition:padding 0.35s ease;zoom:1;}

#header.sticky #trueHeader{position:fixed;top:0;}
#header.sticky.condensed #trueHeader{top:0;padding:0px 0;}

/* SLIDER */
#slider{clear:both;position:relative;margin:0;padding:0;background:#000;border-bottom:10px #d7d7d7 solid;}

/* BODY */
#body{clear:both;position:relative;width:100%;margin:0;padding:0;background:#fff;}
#body .container{overflow:hidden;position:relative;width:1184px;padding:0;margin:0 auto;}

/* PAGE HOME */
#home{clear:both;position:relative;width:100%;margin:0;padding:0;background:#fff;}
#home .container{overflow:hidden;position:relative;width:1104px;padding:50px 40px;margin:0 auto;}
#home h1{clear:both;margin:0 0 40px;padding:0 0 12px;width:100%;text-align:center;font:32px 'Roboto Condensed', sans-serif;font-weight:700;color:#000;background:url('img/h1-linia.png') no-repeat center bottom;}


/* HOME / HOME CONTENT */
#home div.content{margin:0;padding:0;}
#home div.content p{text-align:justify;font:16px 'Open Sans', sans-serif;font-weight:400;color:#343434;line-height:24px;padding:0 0 20px 0;}
#home div.content a:hover{color:#000;text-decoration:underline;}
#home div.content h2{font:34px 'Economica', sans-serif;font-weight:700;text-align:left;color:#000;padding:10px 0 30px 0;}
#home div.content h3{margin:0;padding:0;font:22px 'Lato', sans-serif;color:#000;font-weight:400;}

/* IMAGES STYLES */
#home .imagesList{list-style:none;margin:0;padding:0;}
#home .imagesList li{margin:0;text-align:center;}
#home .subpagesList li img, #home .imagesList li img{margin:0;padding:0;background:#000;}
#home .subpagesList li img:hover, #home .imagesList li img:hover{-webkit-transition:1s;-moz-transition:1s;transition:1s;opacity:0.5;filter:alpha(opacity=50);}

#home #imagesList1{clear:left;float:left;margin:0 50px 0 0;}

/* HOME OFERTA */
#home-oferta{clear:both;position:relative;width:100%;margin:0;padding:0;background:#f5f5f5;}
#home-oferta .container{overflow:hidden;position:relative;width:1184px;padding:50px 0 !important;margin:0 auto;}
#home-oferta h1{clear:both;margin:0 0 30px;padding:0 0 12px;width:100%;text-align:center;font:32px 'Roboto Condensed', sans-serif;font-weight:700;color:#000;background:url('img/h1-linia.png') no-repeat center bottom;}
#home-oferta .more{clear:both;width:100%;margin:30px 0 0 0;padding:0;text-align:center;}
#home-oferta .more a{font:20px 'Roboto Condensed', sans-serif;font-weight:700;text-align:center;color:#000;padding:8px 30px;background:#feed00;text-decoration:none;}
#home-oferta .more a:hover{text-decoration:none;color:#feed00;background:#000;}
#home-oferta .text{margin:0;padding:0 0 40px 0;width:100%;text-align:center;font:16px 'Open Sans', sans-serif;font-weight:400;color:#000;}

#box{display:inline-block;vertical-align:top;margin:0 10px;padding:0 0 30px 0 !important;width:350px;}
#box .box-img{clear:both;width:100%;height:108px;margin:0 0 30px 0;padding:0;background:url('img/box-img.png') no-repeat center top;}
#box .box-tyt{clear:both;margin:0;padding:0 0 20px 0;font:24px 'Economica', sans-serif;font-weight:700;text-align:center;color:#181818;}
#box .box-opis{margin:0;padding:0;width:100%;text-align:center;font:14px 'Open Sans', sans-serif;font-weight:400;color:#727272;line-height:20px;}

/* HOME FOTO */
#home-foto{display:none;clear:both;position:relative;width:100%;margin:0;padding:0;background:#fff;}
#home-foto .container{overflow:hidden;position:relative;width:1184px;padding:50px 0;margin:0 auto;}
#home-foto h1{clear:both;margin:0 0 40px;padding:0 0 12px;width:100%;text-align:center;font:32px 'Roboto Condensed', sans-serif;font-weight:700;color:#000;background:url('img/h1-linia.png') no-repeat center bottom;}
#home-foto .more{clear:both;width:100%;margin:30px 0 0 0;padding:0;text-align:center;}
#home-foto .more a{font:20px 'Roboto Condensed', sans-serif;font-weight:700;text-align:center;color:#000;padding:8px 30px;background:#feed00;text-decoration:none;}
#home-foto .more a:hover{text-decoration:none;color:#feed00;background:#000;}

#top{clear:both;width:100%;height:180px;margin:0;padding:0;background:url('img/pasek.jpg') no-repeat top center;}
#top h1{margin:0;padding:42px 0 0;color:#fff;font:32px 'Roboto Condensed', sans-serif;font-weight:700;text-align:center;line-height:56px;text-transform:uppercase;background:url('img/h1-linia.png') no-repeat center bottom;}

/* PAGE - BREADCRUMB (navigation path) */
#top nav.breadcrumb{margin-top:14px;font:15px 'Lato', sans-serif;font-weight:400;color:#fff;}
#top nav.breadcrumb a{font:15px 'Lato', sans-serif;font-weight:400;color:#fff;text-decoration:none;}
#top nav.breadcrumb a:hover{text-decoration:underline;}

/* PAGE / PAGE CONTENT */
#page{clear:both;position:relative;width:1124px;padding:50px 30px !important;margin:0 auto;}
#page div.content{margin:0;padding:0;font:16px 'Open Sans', sans-serif;font-weight:400;color:#343434;line-height:24px;text-align:justify;}
#page div.content > ul{padding:0 0 0 20px;list-style:none;}
#page div.content > ul:after, #page div.content > ol:after{content:"";display:table;clear:both;}
#page div.content > ul li{margin:8px 0;padding:0 0 0 25px;background:url('img/punkt.png') no-repeat 0 5px;}
#page div.content > ol{padding:0 0 0 30px;}
#page div.content > ol li{margin:8px 0;padding:0;}
#page div.content p{padding-bottom:15px;}
#page div.content a{color:#5b1f25;font-weight:bold;text-decoration:none;}
#page div.content a:hover{color:#000;text-decoration:underline;}
#page div.content h2{font:34px 'Open Sans Condensed', sans-serif;font-weight:700;text-align:left;color:#000;padding:0 0 20px 0;}
#page div.content h3{margin:0;padding:0 0 30px;font:22px 'Open Sans Condensed', sans-serif;color:#404040;font-weight:400;}
#page div.content h4{margin:0;padding:0 0 12px;font:14px 'Open Sans Condensed', sans-serif;color:#404040;font-weight:400;}

hr{width:100%;margin:0 0 20px 0;padding:0;height:1px;border:none;background:#feed00;}

/* PAGE KONTAKT / CONTACT PANEL */
#page-kontakt{clear:both;position:relative;width:1124px;padding:50px 30px !important;margin:0 auto;}
#page-kontakt div.content{margin:0;padding:0;font:16px 'Open Sans', sans-serif;font-weight:400;color:#343434;line-height:24px;text-align:justify;}
#page-kontakt div.content p{padding-bottom:15px;}
#page-kontakt div.content a{color:#404040;text-decoration:none;}
#page-kontakt div.content a:hover{color:#feed00;}
#page-kontakt div.content h2{font:34px 'Open Sans Condensed', sans-serif;font-weight:700;text-align:left;color:#000;padding:0 0 20px 0;}
#page-kontakt div.content h3{margin:0;padding:0 0 30px;font:22px 'Open Sans Condensed', sans-serif;color:#404040;font-weight:400;}
#page-kontakt div.content h4{margin:0;padding:0 0 12px;font:14px 'Open Sans Condensed', sans-serif;color:#404040;font-weight:400;}
#page-kontakt .icon-adres, #page-kontakt .icon-telefon, #page-kontakt .icon-email{text-align:center;margin:0 auto;padding:10px 0;font:22px 'Economica', sans-serif;color:#000;font-weight:700;}
#page-kontakt .icon-adres{width:110px;background:url('img/adres.png') no-repeat 0 10px;}
#page-kontakt .icon-telefon{width:125px;background:url('img/telefon.png') no-repeat 0 12px;}
#page-kontakt .icon-email{width:120px;background:url('img/mail.png') no-repeat 0 15px;}


/* IMAGES STYLES */
#home-realizacje .imagesList{list-style:none;margin:0;padding:0;}
#home-realizacje .imagesList li{margin:0;text-align:center;}
#home-realizacje .imagesList li div{display:none;max-width:220px;margin:0;padding:0;text-align:center;color:#fff;}
#home-realizacje .subpagesList li img, #home-realizacje .imagesList li img{background:#000;}
#home-realizacje .subpagesList li img:hover, #home-realizacje .imagesList li img:hover{-webkit-transition:1s;-moz-transition:1s;transition:1s;opacity:0.5;filter:alpha(opacity=50);}

#home-realizacje #imagesList4{display:inline-block;margin:0 0 20px 0!important;width:100%;}
#home-realizacje #imagesList4 li {display:inline-block;width:230px;margin:0 5px 7px !important;vertical-align:top;padding:0;}




#contactPanel{clear:both;position:relative;width:100%;margin:0;padding:0;background:#f5f5f5;}
#contactPanel .container{overflow:hidden;position:relative;width:1060px;padding:30px 0 50px;margin:0 auto;}
#contactPanel h1{clear:both;margin:20px 0 0;padding:0;width:100%;text-align:center;font:32px 'Open Sans', sans-serif;font-weight:600;color:#000;}
#contactPanel h2{margin:0;padding:0 0 30px 0;text-align:center;font:20px 'Open Sans', sans-serif;font-weight:600;color:#000;}
#contactPanel h3{margin:0;padding:0;text-align:center;font:16px 'Open Sans', sans-serif;font-weight:400;color:#000;}
#contactPanel .p1, #contactPanel .p2{display:inline-block;vertical-align:top;position:relative;width:400px;margin:0 30px;padding:0;}
#contactPanel dl{clear:both;width:100%;margin:0;padding:0;text-align:left;}
#contactPanel dt{clear:both;width:100%;margin:0;padding:0 0 0 1px;text-align:left;font:18px 'Open Sans Condensed', sans-serif;font-weight:600;color:#000;}
#contactPanel dd{clear:both;width:100%;margin:0 0 4px;padding:0;font:14px 'Open Sans', sans-serif;font-weight:400;color:#000;}
#contactPanel span{margin:0 0 0 10px;font:12px 'Open Sans', sans-serif;font-weight:400;color:#000;}
#contactPanel .text{font:16px 'Open Sans', sans-serif;font-weight:400;color:#000;line-height:20px !important;}
#contactPanel .save, #contactPanel .captcha{float:left;width:100%;margin:0 auto;padding:0;}
#contactPanel .g-recaptcha{display:inline-block;margin:0 auto;padding:0;}
#contactPanel .input, #contactPanel textarea{width:100%;padding:8px 10px;margin:2px 0;border:none;background:#fff;border:1px #404040 solid;font:14px 'Lato', sans-serif;font-weight:400;color:#000;}
#contactPanel .submit{font:20px 'Roboto Condensed', sans-serif;font-weight:700;text-align:center;color:#000;padding:8px 30px;background:#feed00;text-decoration:none;}
#contactPanel .submit:hover{text-decoration:none;color:#feed00;background:#000;}
#contactPanel dd.noticeToAccept span{display:block;padding:0;margin:-22px 0 0 25px;text-align:justify;}
#contactPanel dl.dd5{margin-bottom:20px;}


#imagesList ul{display:inline-block;margin:0;padding:0;list-style:none;text-align:center;}
#imagesList li{display:inline-block;margin:5px 7px !important;vertical-align:top;padding:0;}
#imagesList li img{margin:0;padding:0;background:#000;}
#imagesList li img:hover{-webkit-transition:1s;-moz-transition:1s;transition:1s;opacity:0.5;filter:alpha(opacity=50);}

/* SUBPAGES LIST PRODUKTY */
#page3 .subpagesList{width:100%;margin:0;padding:0;list-style:none;}
#page3 .subpagesList li{position:relative;display:inline-block;vertical-align:top;margin:0 10px 30px;padding:10px 0 30px 0 !important;width:350px;height:450px;background:#f5f5f5;}
#page3 .subpagesList li .photo{display:inline-block;margin:0;}
#page3 .subpagesList li h2{clear:both;margin:0;padding:20px 0 20px 0;font:24px 'Roboto Condensed', sans-serif;font-weight:700;text-align:center;color:#181818;text-transform:uppercase;}
#page3 .subpagesList li div.description{padding:0;text-align:center;font:14px 'Open Sans', sans-serif;font-weight:400;color:#727272;line-height:20px;}
#page3 .subpagesList li .more{position:absolute;bottom:20px;clear:both;width:100%;margin:30px 0 0 0;padding:0;text-align:center;}
#page3 .subpagesList li .more a{font:20px 'Roboto Condensed', sans-serif;font-weight:700;text-align:center;color:#000;padding:8px 30px;background:#feed00;text-decoration:none;}
#page3 .subpagesList li .more a:hover{text-decoration:none;color:#feed00;background:#000;}

#page4 .subpagesList{width:100%;margin:0;padding:0;list-style:none;}
#page4 .subpagesList li{position:relative;display:inline-block;vertical-align:top;margin:0 10px 30px;padding:10px 0 30px 0 !important;width:450px;background:#f5f5f5;}
#page4 .subpagesList li .photo{display:inline-block;margin:0;}
#page4 .subpagesList li h2{clear:both;margin:0 0 30px 0;padding:20px 0 20px 0;font:24px 'Roboto Condensed', sans-serif;font-weight:700;text-align:center;color:#181818;text-transform:uppercase;}
#page4 .subpagesList li div.description{padding:0;text-align:center;font:14px 'Open Sans', sans-serif;font-weight:400;color:#727272;line-height:20px;}
#page4 .subpagesList li .more{position:absolute;bottom:20px;clear:both;width:100%;margin:30px 0 0 0;padding:0;text-align:center;}
#page4 .subpagesList li .more a{font:20px 'Roboto Condensed', sans-serif;font-weight:700;text-align:center;color:#000;padding:8px 30px;background:#feed00;text-decoration:none;}
#page4 .subpagesList li .more a:hover{text-decoration:none;color:#feed00;background:#000;}


/* DATA */
#page .pageField{text-align:left;margin:5px 0;}
#page .pageField strong{padding-left:5px;}
#page .pageField{margin:0 0 10px;}

/* IMAGES STYLES */
#page .imagesList{list-style:none;margin:0;padding:0;}
#page .imagesList li{margin:0;text-align:center;}
#page .imagesList li div{max-width:220px;margin:0;padding:0 0 5px;text-align:center;font:12px 'Roboto Condensed', sans-serif;font-weight:400;color:#000;}
#page .subpagesList li img, #page .imagesList li img{margin:0;padding:0;background:#000;}
#page .subpagesList li img:hover, #page .imagesList li img:hover{-webkit-transition:1s;-moz-transition:1s;transition:1s;opacity:0.5;filter:alpha(opacity=50);}

#page #imagesList1{clear:left;float:left;margin:0 15px 0 0;}
#page #imagesList2{clear:right;float:right;margin:0 0 0 15px;}

#page #imagesList3{float:left;margin:10px 0 20px 0;width:100%;}
#page #imagesList3 li {display:inline-block;margin:0;vertical-align:top;margin:0;padding:0;}

#page #imagesList4{display:inline-block;margin:0 0 10px 0 !important;width:100%;}
#page #imagesList4 li {display:inline-block;margin:5px 7px !important;vertical-align:top;padding:0;}

#page #imagesList5{display:inline-block;margin:0 0 10px 0 !important;width:100%;}
#page #imagesList5 li {display:inline-block;margin:5px 7px !important;vertical-align:top;padding:0;}


/* FILES LIST STYLES */
#filesList{clear:both;width:100%;float:left;margin:0;list-style:none;vertical-align:middle;}
#filesList li{float:left;clear:left;width:100%;margin:4px 0 0 0;padding:6px 10px 6px 10px;}
#filesList img{margin:0 8px 0 0;vertical-align:middle;}
#filesList em{padding-left:10px;font:12px 'Open Sans', sans-serif;font-weight:400;color:#1e292b;}
#filesList a{margin:0 10px 0 0;color:#1e292b;font:14px 'Oswald', sans-serif;font-weight:400;text-decoration:none;}
#filesList a:hover{margin:0 10px 0 0;color:#db2927;text-decoration:none;}
#filesList .tyt{clear:both;margin:30px 0 10px 0;padding:0;text-align:center;color:#1e292b;font:34px 'Oswald', sans-serif;font-weight:400;}

#tyt_download{clear:both;margin:30px 0 10px 0;padding:0;text-align:center;color:#1e292b;font:34px 'Oswald', sans-serif;font-weight:400;}

#download{width:100%;background:#ccc;font-size:1em;margin:15px 0 5px;}
#download td{padding:5px;}
#download .ico{padding:5px 0;text-align:center;width:30px;}
#download a{margin:0 10px 0 0;color:#1e292b;font:14px 'Oswald', sans-serif;font-weight:400;text-decoration:none;}
#download a:hover{margin:0 10px 0 0;color:#db2927;text-decoration:none;}
#download .date-file{width:120px;}
#download thead td{background:#e9e9e9;}
#download tbody td{background:#f9f9f9;}
#download tbody p{padding-top:2px;color:#555;}

#googlemap{clear:both;position:relative;width:100%;margin:0;padding:0;}
#googlemap iframe{clear:both;width:100%;height:400px;margin:0 0 -5px 0;padding:0;border:none;background:#f7e5cd;}

table{width:100%;margin:15px 0;padding:0;}
table, td{padding:5px 8px;border-collapse:collapse;border:1px #b87b5f solid;}

.subpagesList li.l1{bottom:-100px;padding-left:0;opacity:0;position:relative;}
.subpagesList li.lL{bottom:-100px;padding-left:0;opacity:0;position:relative;}

.item_left{left:-100px;padding-right:0;opacity:0;position:relative;}
.item_right{right:-100px;padding-left:0;opacity:0;position:relative;}
.item_fade_in{opacity:0;position:relative;padding-left:0;right:0;}
.item_top{top:-50px;padding-right:0;opacity:0;position:relative;}


/* SCROLL BACK TO TOP */
#backToTop{position:fixed;bottom:70px;right:2%;z-index:999;}
#backToTop a{display:block;width:30px;text-align:center;text-transform:uppercase;text-decoration:none;color:#f1f1f1;font:10px Tahoma, Geneva, sans-serif;-webkit-transition:1s;-moz-transition:1s;transition:1s;opacity:0.6;filter:alpha(opacity=60);}
#backToTop a:hover{color:#000;opacity:1;filter:alpha(opacity=100);}
#backToTop span{display:block;width:30px;height:30px;margin-bottom:7px;background:url('img/back_to_top.png') no-repeat center center;-webkit-transition:1s;-moz-transition:1s;transition:1s;}

/* COOKIES INFO */
#noticeAboutCookies{display:none;position:fixed;bottom:0;left:0;width:300px;padding:15px 15px;background:#fff;z-index:999;box-shadow:0px 1px 3px rgba(0, 0, 0, 0.5);filter:alpha(opacity=95);opacity:0.95;-moz-opacity:0.95;}
#noticeAboutCookies p{font:12px 'Lato', sans-serif;font-weight:400;color:#000;line-height:1.5em;margin:0;padding:10px 0 15px 0;text-align:justify;}
#noticeAboutCookies p strong{font:15px 'Titillium Web', sans-serif;font-weight:400;color:#666;margin:0 0 10px 0;padding:0;}
#noticeAboutCookies .close{font:16px 'Roboto Condensed', sans-serif;font-weight:700;text-align:center;color:#000;padding:5px 20px;background:#feed00;text-decoration:none;text-transform:uppercase;}
#noticeAboutCookies .close:hover{text-decoration:none;color:#feed00;background:#000;}


/* YOUTUBE LINK */
.youtube{width:560px;height:315px;padding:0;border:none;}
.youtube:hover{border-color:#78a622;}

.message{padding:50px 0;text-align:center;}
.message h3{background:inherit;color:#181818;font-weight:normal;font-size:2.4em;}

/* FOOTER - SITE AND SCRIPT COPYRIGHTS STYLES */
#foot{clear:both;position:relative;width:100%;margin:0;padding:0;background:#404040;border-top:5px #feed00 solid;}
#foot .container{overflow:hidden;position:relative;width:1184px;padding:10px 0;margin:0 auto;}

#counter ul{list-style:none;margin:0;padding:10px;color:#fff;font:12px 'Roboto Condensed', sans-serif;font-weight:400;text-align:center;}
#counter li{display:inline;}
#counter ul li:first-child{padding-right:10px;}

#powered{clear:both;position:relative;width:100%;margin:0;padding:0;background:#404040;}
#powered .container{overflow:hidden;position:relative;width:1184px;padding:20px 0;margin:0 auto;font:16px 'Roboto Condensed', sans-serif;font-weight:400;color:#fff;text-align:center;}
#powered a{color:#fff;text-decoration:none;}
#powered a:hover{color:#feed00;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;text-decoration:none;}

@media print{
  /* PRINT STYLES */
  * {color:#000 !important;background:#fff !important;border-color:#fff !important;border-width:1px !important;text-shadow:none;}

  body{margin:1cm 0; }
  #container{width:17.2cm;height:auto;}
  #head1 .container, #head1{height:auto;}
  #header{z-index:777; margin:0;-webkit-box-shadow:none;box-shadow:none;padding:10px 0;background:none;min-height:auto;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease; position:fixed; top:0; left:0; width:100%}
  #slogan{width:100%;margin:0 auto;text-align:center;padding:0px 0 0px 0px;color:#000;font-size:50px; height:auto; line-height:90%;text-shadow:none}
  #logo{padding:0 0 0.2cm; background:none;}
  #head1 .container, #head2 .container, #head3 .container, #body .container, #foot .container{border-width:0px !important;}

  #body{clear:none;}
  #body .container{overflow:hidden;float:none;width:100%;padding:0;margin:0;}
  #logo #title, #page h1{padding:0;}
  #page h4{position:relative;top:0;}

  #content{width:17.2cm;margin:0;padding:0px 0 0px 0px;color:#000;font-size:13px; height:auto; text-shadow:none; overflow:hidden; float:none}
  #header .container,#foot .container, #content, #page{float:none;width:100%;padding:0;margin:0;}
  #column, #head1, #head3, #back, #page .tS, #products li .basket, #product #box #addBasket .submit, #socialButtons, #plusOne, #contactPanel, #commentForm{display:none; width:0;}

}

/* RESPONSIVE WEB DESIGN - media queries */
@media screen and (max-width:1100px){ /* RWD Step 1 */
#head .container, #page-kontakt{width:95%;padding:0 2.5%;}
#body .container{width:95%;padding:0 2.5%;}
#home .container, #home-oferta .container, #home-foto .container{width:95%;padding:50px 2.5% !important;}
#page-home .container{width:95%;padding:60px 2.5% 20px;}
#page{width:95%;padding:50px 2.5% !important;}
#contactPanel .container{width:95%;padding:30px 2.5% 50px;}
#foot .container{width:95%;padding:10px 2.5%;}
#powered .container{width:95%;padding:20px 2.5%;}
#imagesList ul{width:100%;}
#page .img{clear:both;float:none !important;padding:0;margin:0 0 20px 0;width:460px;height:345px;}
#kontakt-p{margin:-20px 0 0 0;padding:0 0 40px;float:right;}
#kontakt-p .pp{display:inline-block;margin:0 0 0 10px;}
}
@media screen and (max-width:1080px){
#page-kontakt .img{width:500px;height:auto;}

}
@media screen and (max-width:1060px){
#header #menu1 ul{overflow:hidden;height:100%;margin:0;list-style:none;background: url('img/menu-min.png') top right no-repeat;width:90px;height:50px;display:block;z-index:1000;cursor:pointer;position:absolute;right:20px;top:34px;}
#header #menu1 ul:hover {display:block;width:200px;height:290px;padding:0;margin:-18px 0 0 0;background:#fff;border:2px #f2f2f2 solid;}
#header #menu1 li{float:left;padding:0;display:none;clear:both;width:100%;margin:0 0 1px 0;height:40px;}
#header #menu1 ul:hover li {display:block}
#header #menu1 li a{display:block;height:40px;line-height:45px !important;font:14px 'Titillium Web', sans-serif;font-weight:400;padding:0 20px;color:#000;margin:0;}
@media screen and (max-width:1000px){
#page-kontakt .img{width:400px;height:auto;}
}
@media screen and (max-width:880px){
#page-kontakt .img{clear:both;float:none;width:500px;height:auto;margin:0 0 20px 30px;}
#kontakt-p{margin:10px 0 0 0;padding:0 0 40px;float:right;}
}
@media screen and (max-width:680px){
#backToTop, #backToTop a{display:none;}
}
@media screen and (max-width:584px){
img {max-width:400px;}
}
@media screen and (max-width:481px){ /* RWD Step 2 */
img {max-width:320px;}
}
@media screen and (max-width:320px){
img {max-width:240px;}
}