/* latin-ext */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 400;
  src: local('Barlow Regular'), local('Barlow-Regular'), url(https://fonts.gstatic.com/s/barlow/v1/7cHpv4kjgoGqM7E_Ass52Hs.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 400;
  src: local('Barlow Regular'), local('Barlow-Regular'), url(https://fonts.gstatic.com/s/barlow/v1/7cHpv4kjgoGqM7E_DMs5.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

  @media (min-width: 1200px) {
       #google_translate_element { position: center ;width: 260px;height:12px;background-color: white;}
	#container {width:1080px;}
	.header{width:1080px;}
	.menu {width:1080px;}
	.menu2 {width:1080px;}
	.menu3 {width:1080px;}
	.menu4 {width:1080px;}
	.menu5 {width:1070px;}
	.menu6 {width:1080px;}
	.ramka2 {width:1005px;}
	.ramka1 {width:1005px;}
	.ramka0 {width:1005px;}
	.lefa5 {width:950px;}
	.lefa4 {width:950px;}
	.lefa3 {width:450px;}
	.ham  {display:none; }
	
	}


  @media (max-width: 1200px) and (min-width: 1100px) {
       #google_translate_element { position: center ;width: 260px;height:12px;background-color: white;}
	#container {width:980px;}
	.header{width:980px;}
	.menu {width:980px;}
	.menu2 {width:980px;}
	.menu3 {width:980px;}
	.menu4 {width:980px;}
	.menu5 {width:970px;}
	.menu6 {width:980px;}
	.ramka2 {width:905px;}
	.ramka1 {width:905px;}
	.ramka0 {width:905px;}
	.lefa5 {width:850px;}
	.lefa4 {width:850px;}
	.lefa3 {width:350px;}
	.ham  {display:none; }
	
	}

  @media (max-width: 1100px) and (min-width: 1000px) {
   #google_translate_element { position: center ;width: 260px;height:12px;background-color: white;}
	#container {width:980px;}
	.header{width:980px;}
	.menu {width:980px;}
	.menu2 {width:980px;}
	.menu3 {width:980px;}
	.menu4 {width:980px;}
	.menu5 {width:970px;}
	.menu6 {width:980px;}
	.ramka2 {width:905px;}
	.ramka1 {width:905px;}
	.ramka0 {width:905px;}
	.lefa5 {width:850px;}
	.lefa4 {width:850px;}
	.ham  {display:none; }
	}

@media (max-width: 1000px) and (min-width: 800px) {
#google_translate_element{display:none; }
	#container {width:750px;}
	.header {width:750px;}
	.menu {width:750px;}
	.menu2 {width:750px;}
	.menu3 {width:750px;}
	.menu4 {width:750px;}
    .menu5 { display:none; visibility:hidden;}
    .menu6 { display:none; visibility:hidden;}
	.ramka2 {width:675px;}
	.ramka1 {width:675px;}
	.ramka0 {width:670px;}
	.lefa5 {width:665px;}
	.lefa4 {width:665px;}
	.ham  {display:none; }
	
    }

@media (max-width: 800px) and (min-width: 500px) {
    #google_translate_element{display:none; }
	#container {width:450px;}
	.header{width:450px;}
	.menu {width:450px;}
	.menu2 {width:450px;}
	.menu3 {width:450px;}
	.menu4 {width:450px;}
    .menu5 { display:none; visibility:hidden;}
    .menu6 { display:none; visibility:hidden;}
    .ramka2 {width:420px;}
	.ramka1 {width:375px;}
	.ramka0 {width:365px;}
	.lefa5 {width:360px;}
	.lefa4 {width:360px;}
	.ham  {display:none; }


     }

@media (max-width: 500px) {
    #google_translate_element{display:none; }
	#container {width:100%;}
    .header {width:95%;}
	.menu {  display:none; visibility:hidden;}
	.menu3 { display:none; visibility:hidden;}
	.menu2 { display:none; visibility:hidden;}
	.menu4 {width:100%;}
	.menu5 { display:none; visibility:hidden;}
    .menu6 { display:none; visibility:hidden;}
	.ramka2 {display:none; visibility:hidden;}
	.ramka1 {display:none; }
	.ramka0 {display:none; }
	.lefa5  {display:none; }
	.lefa4  {display:none; }
	.Ta4 {display:none; }
	.obrazek {display:none; visibility:hidden;}
	 img { width:95%; margin: 0px 0px 0px 0px; padding: 0px; }
     nav1 ul li a {display:block !important; display.img:none;}
     nav2 ul li a {display:block !important; padding:0;}
     nav3 ul li a {display:block !important;}
    .ham  {width:90%;}


   
    }
	
  BODY {
    margin: 0px 0px 0px 0px;   
	COLOR: #333333;
	FONT-SIZE: 16px;
        font-family: 'Barlow', sans-serif;
	FONT-WEIGHT: normal;
	background: #888888 url('code-coder-coding-34600.jpg') fixed;  
	height: auto;
    }
    
     img { max-width: 100%; height: auto;}
    .pogrubienie { FONT-WEIGHT: bold;}
    .obraz {float:left; margin:16px;}
    .obrazek {}  
    .miniatura {
	BORDER: 0px solid #000000; 
	float:left;
	padding: 10px;
	}
	.poziome_menu { }

    
 #container {margin:0 auto; }
 

 


    
 div { background: #ffffff; }
      
      p {
          margin: 0px 16px 0px 0px;
          COLOR: #333333;
	      FONT-SIZE: 16px;
          font-family: 'Barlow', sans-serif;
	      FONT-WEIGHT: normal;
          padding: 20px;   
           }
          
          p.article {
          margin: 0px 16px 0px 0px;
          COLOR: #333333;
	      FONT-SIZE: 16px;
          font-family: 'Barlow', sans-serif;
	      FONT-WEIGHT: normal;
          padding: 20px;   
          text-align:justify; }
          
          p.news {
          margin: 20px 0px 20px 0px;
          COLOR: #333333;
	      FONT-SIZE: 16px;
          font-family: 'Barlow', sans-serif;
	      FONT-WEIGHT: normal;
          padding: 0px;    }
          
          
          p.cena { 
          
          FONT-SIZE: 24px;
          font-family: 'Barlow', sans-serif;
	      FONT-WEIGHT: bold;
	      margin: 0px 0px 0px 0px;
          
          }     
          
           p.kosz { 
          
          FONT-SIZE: 16px;
          font-family: 'Barlow', sans-serif;
	      FONT-WEIGHT: normal;
          }     
          
        .produktor {
        border: 0px solid #000;
        background-color:white;
        box-sizing:border-box;
        -moz-box-sizing:border-box;
        -webkit-box-sizing:border-box;
        padding: 0px;
        display:block
        font-size:16px;
        
        }
          
          
        .cenokosz {
        margin: 10px 0px 0px 0px;
        border: 0px solid #000;
        background-color:white;
        box-sizing:border-box;
        -moz-box-sizing:border-box;
        -webkit-box-sizing:border-box;
        padding: 0px;
        display:block
        }
        
        
          
          
          a {text-decoration:none;color:#333333; background:#ffffff; }
          a:hover{background:#ffffff;color:red;}       

          a.see:Link { COLOR: #333333;TEXT-DECORATION: none; FONT-WEIGHT: normal; FONT-SIZE: 16px }
          a.see:Hover { COLOR: red; TEXT-DECORATION: none; FONT-WEIGHT: normal; FONT-SIZE: 16px}
        
p.tyt { FONT-SIZE: 24px; FONT-WEIGHT: bold; padding: 10px; margin: 0px 0px 0px 0px;}
      
p.tre { FONT-SIZE: 16px; margin: 10px 10px 0px 10px; padding: 0px;  }

p.tre2 { FONT-SIZE: 16px; margin: 10px 10px 0px 10px; padding: 0px;}

p.trepro { FONT-SIZE: 16px; margin: 10px 10px 0px 10px; padding: 0px; text-align:justify;  }
        
p.buy { margin: 0px 10px 20px 10px; padding: 0px; }

p.avaib { FONT-SIZE: 16px; margin: 0px 0px 0px 0px; padding: 0px;  }


       
p.txtlogo {
        margin: 0px 0px 0px 0px;
        COLOR: #333333;
	    FONT-SIZE: 30px;
        font-family: 'Barlow', sans-serif;
	    FONT-WEIGHT: bold;
        padding: 0px;      
        }
      
      
   
 p.titleramka1 {
        margin: 0px 0px 0px 20px;
        COLOR: #ffffff;
	    FONT-SIZE: 19px;
        font-family: 'Barlow', sans-serif;
	    FONT-WEIGHT: normal;
        padding: 0px;  }
        

.header {
        border: 0px solid #000;
        background-color:white;
        box-sizing:border-box;
        -moz-box-sizing:border-box;
        -webkit-box-sizing:border-box;
        padding: 10px;
        margin: 0 0 -10 0;
        }
.header:after {content:''; display:block; clear:both;}
        
.ham { padding: 0px; margin: 0 auto;}
.ham:after {content:''; display:block; clear:both;}
 
.visuallyHidden { clip: rect(0, 0, 0, 0); position: absolute; }
 
.nav-menu { list-style: none; display: none; }
.nav-menu:target, .nav-menu.open { display: block; }
.nav-menu-item-link {
                display: block;
                height: 20px;
                line-height: 20px;
                padding: 10px;
                background-color: rgb(30, 144, 255); }
                               
.nav-menu-item-link:hover, .nav-menu-item-link:focus { background-color: rgb(30, 144, 255); }
.nav-menu-item + .nav-menu-item { border-top: 3px #ffffff solid;}

.selek {font-size:16px; padding:10px;}
     
.menu {
        border: 0px;
        padding:0px;
        background-color: rgb(30, 144, 255);
        margin: 0px 0px 0px 0px;  
        font-size:19px;
        }    
        
nav1 ul {list-style:none; margin: 0px 0px 0px 0px; padding:5px;}
nav1 ul:after {content:''; clear:both;}
nav1 ul li {margin-bottom:0px;display:inline;}
nav1 ul li a {display:inline-block;text-decoration:none;color:#fff;background-color:rgb(30, 144, 255); padding:0px 10px;}
nav1 ul li a:hover{background-color:rgb(30, 144, 255);color:#333333;-webkit-border-radius: 4px; border-radius: 4px;}    
       
        .menu2 {
        border: 0px;
        padding:0px;
        margin: 0px 0px 0px 0px;  
        font-size:19px;
        } 

nav2 ul {list-style:none; margin: 0px 0px 0px 0px; padding:5px;}
nav2 ul:after {content:''; clear:both;}
nav2 ul li {margin-bottom:0px;display:inline;}
nav2 ul li a {display:inline-block;text-decoration:none;color:#333333; background:#ffffff; padding:0px 10px;}
nav2 ul li a:hover{background-color:rgb(30, 144, 255);color:#ffffff;-webkit-border-radius: 4px; border-radius: 4px;}       

 

        .menu3 {
        padding:0px;
        background-color: #ffffff; 
        list-style:none; 
        text-align:center;
        margin: 10px 0px 10px 0px;
        font-size:18px;
        } 
        
nav3 ul {padding: 0px; list-style-type:none;margin:0px 0px 0px 0px;}
nav3 ul:after {content:''; clear:both; }
nav3 ul li { margin: 0 auto; display:inline;}
nav3 ul li a {
        padding: 5px;
        text-decoration: none;
        -webkit-border-radius: 4px;
        border-radius: 4px; 
	    background-color: rgb(30, 144, 255);
	    color: #333333;
	    margin: 0 auto;
        display: inline-block;
        margin:10px 10px 10px 10px;
        }
        
nav3 ul li a:hover {
       color:white;
       background-color:#61858B;
       background-image:none;
       margin:10px 10px 10px 10px;
       display:inline-block;
      }
      
        .menu4 {
        background-color: rgb(30, 144, 255);
        margin: 30px 0px 0px 0px;
        display: block;
       } 
       
       .menu5 {
        background-color: #ffffff;
        padding: 5px;
        display: block;
       } 
       
         .menu6 {
        background-color: #ffffff;
        margin: 0px 0px 0px 0px;
        display: block;
       } 
        
        p.stopka {
        margin: 0px 0px 0px 0px;
        COLOR: #ffffff;
        padding: 12px;
        FONT-SIZE: 13px;
        font-family: 'Barlow', sans-serif;
	    FONT-WEIGHT:100;
        }
  
  .ramka1 {
  background-color:rgb(30, 144, 255);
  border: 0px solid rgb(30, 144, 255);
  border-radius: 4px;
  padding: 5px;
  margin: 0 auto;
  display:block; }

 .ramka0 {
  border: 0px solid #61858B;
  border-radius: 4px;
  padding: 5px;
  background: #ffffff;
  margin: 0 auto;
  display:block; }

 .lefa5 {
    FONT-SIZE: 16px;
    text-align: justify;
   -webkit-box-shadow: 0px 0px 1px 0px ;
    box-shadow: 0px 0px 1px 0px ; 
    -webkit-border-radius: 8px;
    border-radius: 8px; 
	background: #FFFFFF;
	margin: 10px 0px 0px 0px;
	padding: 0px;
    display:block; }

.lefa5:after {content:''; display:block; clear:both;}

.lefa4 {
    
   -webkit-box-shadow: 0px 0px 0px 0px ;
    box-shadow: 0px 0px 0px 0px ; 
    -webkit-border-radius: 8px;
    border-radius: 8px; 
    border: 1px solid rgb(30, 144, 255);
	background: #FFFFFF;
	margin: 40px 0px 0px 0px;
	padding: 10px;
    display:block; }

.lefa4:after {content:''; display:block; clear:both;}

.lefa3 {
    
   -webkit-box-shadow: 0px 0px 0px 0px ;
    box-shadow: 0px 0px 0px 0px ; 
    -webkit-border-radius: 8px;
    border-radius: 8px; 
    border: 1px solid rgb(30, 144, 255);
	background: #FFFFFF;
	margin: 40px 0px 0px 0px;
	padding: 10px;
    display:block; 
    text-align:left;
    }

.lefa3:after {content:''; display:block; clear:both;}

.button {
	BORDER-TOP: #CECECE 1px solid;
	BORDER-LEFT: #CECECE 1px solid;
	BORDER-BOTTOM: #CECECE 1px solid;
	BORDER-RIGHT: #CECECE 1px solid;
	FONT-SIZE: 12pt;
	COLOR: #000000;
	BACKGROUND-COLOR: #BDDEFF;
	//HEIGHT: 24px;
	-webkit-border-radius: 4px;
    border-radius: 4px; 
	font-family: 'Barlow', sans-serif;
    padding: 5px;	}
    
 .button:hover {
 
	BORDER-TOP: #CECECE 1px solid;
	BORDER-LEFT: #CECECE 1px solid;
	BORDER-BOTTOM: #CECECE 1px solid;
	BORDER-RIGHT: #CECECE 1px solid;
	FONT-SIZE: 12pt;
	COLOR: yellow;
	BACKGROUND-COLOR: #61858B;
	//HEIGHT: 24px;
	-webkit-border-radius: 4px;
    border-radius: 4px; 
	font-family: 'Barlow', sans-serif;
    padding: 5px;	}   
    
    
SELECT {
	BORDER: 1px solid #CECECE;
	FONT-SIZE: 10pt;
	COLOR: #000000;
	BACKGROUND-COLOR: #ffffff;
	width: 250px !important;
}
TEXTAREA {
	BORDER: 1px solid #CECECE;
	FONT-SIZE: 10pt;
	COLOR: #000000;
	BACKGROUND-COLOR: #ffffff;
	width: 250px !important;
}
INPUT.text {
	BORDER: #CECECE 1px solid;
	FONT-SIZE: 10pt;
	FONT-FAMILY: Arial;
	COLOR: #000000;
	BACKGROUND-COLOR: #ffffff;
	MARGIN: 1px;
	font-family: 'Barlow', sans-serif;
	
}

.divTable{
	display: table;
	width: 100%;
}
.divTableRow {
	display: table-row;
}
.divTableHeading {
	background-color: #EEE;
	display: table-header-group;
}
.divTableCell, .divTableHead {
	border: 1px solid #CECECE;
	display: table-cell;
	font-size:16;
	padding: 20px 5px;
	text-align: left;
}
.divTableHeading {
	background-color: #EEE;
	display: table-header-group;
	font-weight: lighter;
}
.divTableFoot {
	background-color: #EEE;
	display: table-footer-group;
	font-weight: lighter;
}
.divTableBody {
	display: table-row-group;
}

.divTableCell2, .divTableHead {
	border: 0px solid #CECECE;
	display: table-cell;
	font-size:16;
	padding: 20px 5px;
	text-align: left;
	width:50%;
}

.divTableCell3, .divTableHead {
	border: 0px solid #CECECE;
	display: table-cell;
	font-size:16;
	padding: 20px 5px;
	text-align: left;
	width:33%;
	
}



nav4 ul {list-style:none; margin: 0px 0px 0px 0px; padding:5px;}
nav4 ul:after {content:''; clear:both;}
nav4 ul li {margin-bottom:0px;display:block;}
nav4 ul li a {display:block;text-decoration:none;color:#333333; background:#BDDEFF; padding:0px 10px;}
nav4 ul li a:hover{background:rgb(30, 144, 255);color:#ffffff;-webkit-border-radius: 4px; border-radius: 4px;  }  


.ramka2 {
  padding: 5px;
  background: #BDDEFF;
  display:block; 
  margin: 20px 0px 0px 0px;
  -webkit-border-radius: 8px;
   border-radius: 8px; 
  }
  
.ramka2:after {content:''; display:block; clear:both;}

.Ta4 {
    border: 0px solid #CECECE;
	background: #BDDEFF;
	font-size:16;
	//padding: 20px 5px;
	text-align: left;
	width:25%;
	float: left;	
}

.Ta4:after {content:''; display:block; clear:both;}

#google_translate_element{
  //  position: fixed;
 //   top: 0;
 //   left: 0;
 //   right: 0;
    height: 10px; 
    width:100%;
     
       
}