html {
  height:100%;
  min-height:100%;
  margin: 0;
  overflow-x:hidden;
}

@viewport {
    width: extend-to-zoom 980px;
    min-zoom: 0.25;
    max-zoom: 5;
    
    }
jpg {max-width:100%}
table {width:100%; overflow-x:auto}
@font-face {
font-family:'rubiklight';
src: local('rubiklight'), url("Rubik-Light.ttf") format("truetype");
} 
@font-face {
font-family:'rubikbold';
src: local('rubikbold'), url("Rubik-Bold.ttf") format("truetype");
} 
@font-face {
font-family:'opensans';
src: local('opensans'), url("OpenSans-CondLight.ttf") format("truetype");
} 

@media (min-width: 0px) and (max-width: 321px ){     
#napisgorny {display:none}      
#napisdol {display:none} 
#prawamobiletresc {clear:both; }
}
@media (min-width: 322px) and (max-width: 560px ){
@keyframes napisdol
      {
        0% { top:90%; right:50%; margin-right:-550px; opacity:0; }
        100% { top:90%; right:50%; margin-right:-48%; opacity:100; }
      }

      @-webkit-keyframes napisdol
      {
        0% { top:90%; right:50%; margin-right:-1250px;  opacity:0;}
        100% { top:90%; right:50%; margin-right:60%;  opacity:100); }
      }
@keyframes napisgorny
      {
        0% { top:90%; left:50%; margin-left:-550px; opacity:0; }
        100% { top:90%;  left:50%; margin-left:-48%; opacity:100; }
      }

      @-webkit-keyframes napisgorny
      {
        0% { top:90%;  left:50%; margin-left:-1250px; opacity:0;}
        100% { top:90%; left:50%; margin-left:30%; opacity:100); }
      }  
#napisgorny {font-size:8px;}      
#napisdol {font-size:8px;} 
#prawamobiletresc {clear:both; }
}

@media (min-width: 560px) and (max-width: 670px ){
@keyframes napisdol
      {
        0% { top:90%; right:50%; margin-right:-550px; opacity:0; }
        100% { top:90%; right:50%; margin-right:-45%; opacity:100; }
      }

      @-webkit-keyframes napisdol
      {
        0% { top:90%; right:50%; margin-right:-1250px;  opacity:0;}
        100% { top:90%; right:50%; margin-right:60%;  opacity:100); }
      }
@keyframes napisgorny
      {
        0% { top:90%; left:50%; margin-left:-550px; opacity:0; }
        100% { top:90%;  left:50%; margin-left:-45%; opacity:100; }
      }

      @-webkit-keyframes napisgorny
      {
        0% { top:90%;  left:50%; margin-left:-1250px; opacity:0;}
        100% { top:90%; left:50%; margin-left:30%; opacity:100); }
      }  
#napisgorny {font-size:10px;}      
#napisdol {font-size:10px;} 
#prawamobiletresc {float:right; }
}
    
@media (min-width: 670px) and (max-width: 740px ){
@keyframes napisdol
      {
        0% { top:90%; right:50%; margin-right:-550px; opacity:0; }
        100% { top:90%; right:50%; margin-right:-45%; opacity:100; }
      }

      @-webkit-keyframes napisdol
      {
        0% { top:90%; right:50%; margin-right:-1250px;  opacity:0;}
        100% { top:90%; right:50%; margin-right:60%;  opacity:100); }
      }
@keyframes napisgorny
      {
        0% { top:90%; left:50%; margin-left:-550px; opacity:0; }
        100% { top:90%;  left:50%; margin-left:-45%; opacity:100; }
      }

      @-webkit-keyframes napisgorny
      {
        0% { top:90%;  left:50%; margin-left:-1250px; opacity:0;}
        100% { top:90%; left:50%; margin-left:30%; opacity:100); }
      }    
#napisgorny {font-size:12px;}      
#napisdol {font-size:12px;} 
}   

@media (min-width: 768px) and (max-width: 850px ){
@keyframes napisdol
      {
        0% { top:90%; right:50%; margin-right:-550px; opacity:0; }
        100% { top:90%; right:50%; margin-right:-45%; opacity:100; }
      }

      @-webkit-keyframes napisdol
      {
        0% { top:90%; right:50%; margin-right:-1250px;  opacity:0;}
        100% { top:90%; right:50%; margin-right:60%;  opacity:100); }
      }
@keyframes napisgorny
      {
        0% { top:90%; left:50%; margin-left:-550px; opacity:0; }
        100% { top:90%;  left:50%; margin-left:-45%; opacity:100; }
      }

      @-webkit-keyframes napisgorny
      {
        0% { top:90%;  left:50%; margin-left:-1250px; opacity:0;}
        100% { top:90%; left:50%; margin-left:30%; opacity:100); }
      }  
#napisgorny {font-size:14px;}      
#napisdol {font-size:14px;} 
} 
@media (min-width: 0px) and (max-width: 979px ) {
/* Okno przeglądarki o szerokości pomiędzy 0px a 480px */
#strona { margin: 0px auto; padding: 0px; font-size:18px; }
.mobilemenu { display:block; }
#linia { display:block; }
#kreska { display:none; }
#trigger { float:right; display:block}
#left { padding: 0px 5px 0px 5px; }
#right { text-align:center; clear:both; margin-top:20px}
#menu2 { display:none; clear:both;}
#idznadol i {font-size: 8px; cursor: pointer; text-align: center; background: url("../images/mobiledogory.png") no-repeat scroll 0 0; background-position: 0px 0px; height: 38px; width: 70px; z-index: 1000; margin-top:-4px; margin-left:-75px; position:fixed; } 
.ar {height: 37px; width: 27px; }   
#tw, #fb, #g {display:block; float:left; margin-right:3px; margin-top:30px; }
#wysuwany_gplus, #wysuwany_twitter, #wysuwany_div {display:none}
#logotop {float:left; background: url("../images/logomobile.png") no-repeat   0px bottom; width:35px; height:35px;}
    
#zapytaj {color:#292176; font-weight:bold; font-size:12px; margin-top:2px; text-align:center;} 
#belka {position:relative; background: url("../images/tlomenu.jpg")    0px bottom; }
.linkmenu:hover {color:white; text-decoration:underline #40a593; }
.linkmenu {color:white; text-decoration:none}
.linkmenu2:hover {color:white; text-decoration:underline #40a593; }
.linkmenu2 {color:white; text-decoration:none}
.nav {display:none}
.linkmobilemenu {color:black; text-decoration:none}
#flaga {display:none;}
#st1 {
clear:both; height:65px; padding:5px 5px 5px 5px; font-size:14px; font-family:rubiklight; position:relative;
}
#st2 {
clear:both; font-size:12px; padding:5px 5px 5px 5px; font-family:rubiklight; position:relative;
}
#st3 {
clear:both;  font-size:14px; padding:5px 5px 5px 5px; font-family:rubiklight; position:relative;
}
#tblmobile {display:none}
#divform1{clear:both}
#divform2 {clear:both}
#prawatresc {float:none}
//#prawamobiletresc {display:table; }
}
 
@media (min-width: 980px){
/* Okno przeglądarki o szerokości pomiędzy 480px a nieskończoność */
#strona{ margin: 0px auto; padding: 0px; }
#mobilemenu { display:none; }
#linia { display:none; }
#trigger { display:none; }
#menu {position:fixed; }
#left { #width:985px;  }
#right { float:left; margin-left:20px; margin-top:30px;}
#idznadol i {display:none;}
.ar {display:none;}
#menu2 { display:none; float:left; }
#tw, #fb, #g { display:none; }
#logotop {float:left; background: url("../images/logo.jpg") no-repeat   0px bottom; margin-right:15px; width:500px; height:81px;}
#dwiecol {-moz-column-count: 2; -moz-column-gap: 30px; -webkit-column-count: 2; -webkit-column-gap: 30px; column-count: ; column-gap: 30px; }
#dwiecolmenu {#width:400px; text-align:left; -moz-column-count: 2; -moz-column-gap: 3px; -webkit-column-count: 2; -webkit-column-gap: 3px; column-count: ; column-gap: 3px; }
#napisgorny {font-size:30px;}
#napisdol {font-size:30px;}
@keyframes napisdol
      {
        0% { top:90%; right:50%; margin-right:-1250px; opacity:0; }
        100% { top:90%;  right:50%; margin-right:-650px; opacity:100; }
      }

      @-webkit-keyframes napisdol
      {
        0% { top:90%;  left:50%; margin-left:-1250px; opacity:0;}
        100% { top:90%; left:50%; margin-left:-300px; opacity:100); }
      }
@keyframes napisgorny
      {
        0% { top:90%; left:50%; margin-left:-1250px; opacity:0; }
        100% { top:90%;  left:50%; margin-left:-650px; opacity:100; }
      }

      @-webkit-keyframes napisgorny
      {
        0% { top:90%;  right:50%; margin-right:-1250px; opacity:0;}
        100% { top:90%; right:50%; margin-right:-315px; opacity:100); }
      }                 
.linkmenu {font-family:calibri; font-size:18px; font-weight:bold; line-height:75px; color:white; text-decoration:none}

.linkmenu2 {color:white; text-decoration:none; font-family:calibri; font-size:17px; line-height:75px;}
.linkmenu2:hover {color:white; text-decoration:underline #40a593; }
#kreska {color:#3c746b; font-family:verdana; font-weight:normal; font-size:12px; margin-left:2px; margin-right:2px;}
#zapytaj {color:#292176; font-weight:bold; font-size:22px; margin-top:12px; text-align:center;}
#belka {background: url("../images/bckmenu.jpg");}
#st1 {
float:left; height:65px; padding:0 5px 0 0; margin-right:5px; font-size:14px; font-family:rubiklight;
}
#st2 {
float:left; font-size:12px; font-family:rubiklight;
}
#st3 {
float:right;  font-size:14px; font-family:rubiklight;
}
#tresc4 {height:65px }
#divform1{float:left; max-width:200px}
#divform2 {float:right;}
#prawatresc {float:right; max-width:650px; width:100%}
#prawamobiletresc {margin-left:20px; float:right; max-width:850px; margin-top:12px;}
}
@media (min-width: 1020px) and (max-width: 1030px ){
@keyframes napisdol
      {
        0% { top:90%; right:50%; margin-right:-550px; opacity:0; }
        100% { top:90%; right:50%; margin-right:-45%; opacity:100; }
      }

      @-webkit-keyframes napisdol
      {
        0% { top:90%; right:50%; margin-right:-1250px;  opacity:0;}
        100% { top:90%; right:50%; margin-right:60%;  opacity:100); }
      }
@keyframes napisgorny
      {
        0% { top:90%; left:50%; margin-left:-550px; opacity:0; }
        100% { top:90%;  left:50%; margin-left:-45%; opacity:100; }
      }

      @-webkit-keyframes napisgorny
      {
        0% { top:90%;  left:50%; margin-left:-1250px; opacity:0;}
        100% { top:90%; left:50%; margin-left:30%; opacity:100); }
      }  
#napisgorny {font-size:14px;}      
#napisdol {font-size:14px;}
#flaga {display:none }
.mobilemenu { display:block; }
#trigger { float:right; display:block}
#menu2 { display:none; clear:both; float:none;}
#idznadol i {display:block; font-size: 8px; cursor: pointer; text-align: center; background: url("../images/mobiledogory.png") no-repeat scroll 0 0; background-position: 0px 0px; height: 38px; width: 70px; z-index: 1000; margin-top:-4px; margin-left:-75px; position:fixed; } 
.ar {height: 37px; width: 27px; }   
.nav {display:none}
.linkmobilemenu {color:black; text-decoration:none}
#prawamobiletresc {margin-left:20px;  }
}


body {
	margin: 0px auto;
	font-family: verdana,Arial,Tahoma,sans-serif;
	color: #CFDEFB;
  
color:#454545;
background-color:#efefef;
}

.lngl:a {
color:black;
}
.linkmenu:hover {
color:white;
text-decoration:underline #40a593;
}
.linkoferta {
color:#414141;
text-decoration:none;
}
.linkoferta:hover {
color:#414141;
text-decoration:underline;
}
#menu {
position:relative;
#background: none repeat scroll 0 0 #363636;
    z-index:2;
    overflow: hidden;
    width: 100%;
    background-color:white;
}
#menu_top {
#background: url("../images/topbg_01.jpg") no-repeat   0px bottom #6da9df;
#color: #CFDEFB;
    font-size: 13px;
    margin: 0 auto;
    overflow: hidden;
    padding: 2px 0;
    max-width: 986px;
    
}

#belka {
    
    z-index:30;
    #overflow: hidden;
    width: 100%;
    
    top:0%;
    background-color:white;
}
#belka_menu {
    font-size: 13px;
    margin: 0 auto;
    overflow: hidden;
    padding: 2px 0;
    max-width: 1130px;
    
}

#trescdiv {
position:relative;
    z-index:3;
    overflow: hidden;
    width: 100%;
}
#tresc {
    font-size: 13px;
    margin: 0 auto;
    overflow: hidden;
    padding:30px 20px 20px;
    max-width: 1160px;
    background-color:white;
}
#trescdiv2 {
position:relative;
    z-index:3;
    overflow: hidden;
    width: 100%;
    
}
#tresc2 {
    font-size: 13px;
    margin: 0 auto;
    overflow: hidden;
    padding:30px 20px 20px;
    max-width: 1160px;
    color:white;
    background-color:#3c746b;
}
#trescdiv3 {
position:relative;
    z-index:3;
    overflow: hidden;
    width: 100%;
    background-color:white;
}
#tresc3 {
    font-size: 13px;
    margin: 0 auto;
    overflow: hidden;
    padding: 30px 30px;
    max-width: 1150px;
    height:300px;
    margin-bottom:40px;
}
#trescdiv4 {
position:relative;
    z-index:3;
    overflow: hidden;
    width: 100%;
    
}
#tresc4 {
    font-size: 13px;
    margin: 0 auto;
    overflow: hidden;
    border-top:1px solid white;
    padding:10px 20px 10px;
    max-width: 1160px;
    color:white;
    background-color:#3c746b;
}

#strona {

}

#content {
max-width:1200px;
position:relative;
margin:0 auto;
clear:both;
background-color:white;
}
#menufirst {
margin:0 auto;
max-width:1130px;
padding:20px;
overflow:hidden;
}
#flaga {
float:right;
height:81px;
}
.inputformularz {
background: #f9f9f9 none repeat scroll 0 0;
    border: 1px solid #3c746b;
    box-sizing: border-box;
    color: #939393;
    
    font-size: 14px;
    margin-bottom:8px;
    height: 32px;
    padding-left: 20px;
    #width: 344px;
    }
.submit {
    background: #191f29 none repeat scroll 0 0;
    color: #fff;
    
    font-size: 14px;
    
    line-height: 16px;
    padding: 8px 15px;
    
    }
.sub:hover {
color:black;
}
.sub {
color:black;
text-decoration:none;
font-weight:bold;
}



/**
 *
 *
 *tu nie ważne
 *
 *
 **/



#strony_sklepy {
position:relative;
background-color:red;
height: auto !important;
min-height:100%;
}

#trigger {
margin-right:7px;
margin-top:7px;
}


#right {
position:relative;
#margin-top:70px;
width:300px;
font-size:12px;
font-family:tahoma;
#text-align:justify;
font-family: Verdana,Helvetica;
line-height:23px;
text-align:center;
}

#left {
position:relative;

font-size:15px;
font-family:tahoma;
text-align:justify;
font-family: Verdana,Helvetica;
font-size:16px;
float:left;

}
      
#napisdol {
position:absolute;
z-index:10;
text-align:center;
        color:#3c746b;
        animation-delay:1.5;
        animation-name:napisdol;
        animation-duration:1.5s;
        animation-iteration-count:1;
        animation-fill-mode:forwards;
        -webkit-animation-name:napisdol;
        -webkit-animation-duration:1s;
        -webkit-animation-iteration-count:1;
        -webkit-animation-fill-mode:forwards;
        -webkit-animation-delay:2;
}

#napisgorny {
position:absolute;
z-index:20;
text-align:center;
        color:#3c746b;
        
        animation-delay:1;
        animation-name:napisgorny;
        animation-duration:1.5s;
        animation-iteration-count:1;
        animation-fill-mode:forwards;
        -webkit-animation-name:napisgorny;
        -webkit-animation-duration:1.5s;
        -webkit-animation-iteration-count:1;
        -webkit-animation-fill-mode:forwards;
        -webkit-animation-delay:2;
}
.hidden{
visibility:hidden;
}
.ofertaukladaniekostkibrukowej {
position:absolute;
z-index:10;
text-align:center;
        
}

.ofertaukladaniekostkibrukowej2
{
animation-delay:1.5;
        animation-name:ofertaukladaniekostkibrukowej;
        animation-duration:1.5s;
        animation-iteration-count:1;
        animation-fill-mode:forwards;
        -webkit-animation-name:ofertaukladaniekostkibrukowej;
        -webkit-animation-duration:1s;
        -webkit-animation-iteration-count:1;
        -webkit-animation-fill-mode:forwards;
        -webkit-animation-delay:2;
        
        }
.ofertaukladaniekostkigranitowej {
position:absolute;
z-index:10;
text-align:center;
}
.ofertaukladaniekostkigranitowej2 {
animation-delay:1.5;
        animation-name:ofertaukladaniekostkigranitowej;
        animation-duration:1.5s;
        animation-iteration-count:1;
        animation-fill-mode:forwards;
        -webkit-animation-name:ofertaukladaniekostkigranitowej;
        -webkit-animation-duration:1s;
        -webkit-animation-iteration-count:1;
        -webkit-animation-fill-mode:forwards;
        -webkit-animation-delay:2;
        }
.ofertakamienozdobny {
position:absolute;
z-index:10;
text-align:center;
}
.ofertakamienozdobny2 {
animation-delay:1.5;
        animation-name:ofertakamienozdobny;
        animation-duration:1.5s;
        animation-iteration-count:1;
        animation-fill-mode:forwards;
        -webkit-animation-name:ofertakamienozdobny;
        -webkit-animation-duration:1s;
        -webkit-animation-iteration-count:1;
        -webkit-animation-fill-mode:forwards;
        -webkit-animation-delay:2;
        }
.ofertagabiony {
position:absolute;
z-index:10;
text-align:center;
}
.ofertagabiony2 {
animation-delay:1.5;
        animation-name:ofertagabiony;
        animation-duration:1.5s;
        animation-iteration-count:1;
        animation-fill-mode:forwards;
        -webkit-animation-name:ofertagabiony;
        -webkit-animation-duration:1s;
        -webkit-animation-iteration-count:1;
        -webkit-animation-fill-mode:forwards;
        -webkit-animation-delay:2;
        }
        
.ofertakoparka {
position:absolute;
z-index:10;
text-align:center;
}
.ofertakoparka2 {
animation-delay:1.5;
        animation-name:ofertakoparka;
        animation-duration:1.5s;
        animation-iteration-count:1;
        animation-fill-mode:forwards;
        -webkit-animation-name:ofertakoparka;
        -webkit-animation-duration:1s;
        -webkit-animation-iteration-count:1;
        -webkit-animation-fill-mode:forwards;
        -webkit-animation-delay:2;
        }
.ofertaogrodzeniagabionowe {
position:absolute;
z-index:10;
text-align:center;
}
.ofertaogrodzeniagabionowe2 {
animation-delay:1.5;
        animation-name:ofertaogrodzeniagabionowe;
        animation-duration:1.5s;
        animation-iteration-count:1;
        animation-fill-mode:forwards;
        -webkit-animation-name:ofertaogrodzeniagabionowe;
        -webkit-animation-duration:1s;
        -webkit-animation-iteration-count:1;
        -webkit-animation-fill-mode:forwards;
        -webkit-animation-delay:2;
        }
.naglowek {
color: #454545;
    font-size: 18px;
    font-family: verdana,comic;
    }
    
.przycisk {
    background-color: #FFFFFF;
    border: 0 none;
    color: #454545;
    font-size: 15px;
    font-family: verdana,comic;
    height: 30px;
    position: relative;
    width: 218px;
    padding:5px 10px 5px 10px;
    background: url("../images/inputbg.png") ;
}

.przycisk2 {
    background-color: #FFFFFF;
    border: 0 none;
    color: #454545;
    font-size: 15px;
    height: 100px;
    position: relative;
    font-family: verdana,comic;
    width: 460px;
    padding:10px 10px 10px 10px;
    background: url("../images/areabg.png");
    background-repeat: repeat-x;
    background-position: bottom;
}
h1, h2, h3, h4, h5, h6 {
font-size:17px;
}
.nav {margin-top:10px; margin-bottom:10px; max-width:1200px; margin:0 auto;}
.nav ul {
    *zoom:1;
    list-style:none;
    margin:0;
    padding:0;
    #background:#333;
    
}
.nav ul:before,.nav ul:after {
    content:"";
    display:table;
    
}

.nav ul:after {
    clear:both;
    
}
.nav ul > li {
    float:left;
    #position:relative;
    
}
.nav a {
    display:block;
    padding:3px 42px;
    line-height:1.2em;
    #color:#fff;
    #border-left:1px solid #595959;
    
}
.nav li ul {
    background:#3c746b;
    color:white;
    
}
.nav li ul li {
    
}
.nav li ul a {
    border:none;
    
}
.nav li ul a:hover {
    #background:rgba(0,0,0,0.2);
    
}

.nav li ul {
    #position:absolute;
    left:0;
    top:36px;
    #z-index:111;
    
}
.nav li ul li {
    overflow:hidden;
    height:0;
    -webkit-transition:height 200ms ease-in;
    -moz-transition:height 200ms ease-in;
    -o-transition:height 200ms ease-in;
    transition:height 200ms ease-in;
    
}
.nav ul > li:hover ul li {
    height:25px;
}
.linkboczny:hover {color:black; text-decoration:underline; font-weight:bold; font-size:14px;}
.linkboczny {color:black; text-decoration:none; font-weight:bold; font-size:14px;}
.linkstopka {color:#454545; text-decoration:none}
#baner {
max-width:1200px;
margin:0 auto;
background-color:white;
}

#subli:hover {
border-left:5px solid #3c746b;
margin-left:-5px;
}
.tabelatxt {
    background: #ffffff none repeat scroll 0 0;
    border:1px solid grey;
    border-radius:4px;
    color: grey;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 13px;
    font-weight: normal;
    padding-left: 10px;
    
    width:100%; max-width:298px;
    height:25px;
    
}
.tabelabox {
    #background: Silver none repeat scroll 0 0;
    border-bottom: 1px solid Black;
    color: #000000;
    #font-family: Tahoma,sans-serif;
    font-size: 15px;
    font-weight: normal;
    padding: 8px 15px 8px 8px;
}
.tr {
background-color:#f2f1f0;
}