article, footer, header, main, nav, section { display: block;}
html,body, table, td, tr, img, h1, h2, h3, h4, p, div, form, main, nav  {margin: 0; padding: 0; text-indent:0; border:0} 

/* OGÓLNE */
body {font-family: Arial, sans-serif; color: #444; background: #fff; font-size:16px; }
a {text-decoration:none;}
a:link,a:visited { color:#c00;}
a:hover,a:active { color: #4eabf0; }
.do_lewej {float:left; margin: 0 10px 0 0}
.do_prawej {float: right; margin: 0 0 0 10px}
.do_srodka {text-align:center; display:block;margin: 4px auto; padding: 0 14px 0 28px }
.center {text-align:center; display:block;margin: 0 auto; padding: 0 }
.clear {clear:both; height:1px; width: 100%}
.linia {border-top: #ddd 1px solid; margin: 14px 0}
.odstep  { border-top: #fff 20px solid; margin: 14px 0}
/* li {   text-indent:0;  padding:0px; margin: 0px 0px 7px 15px;text-align:left;font-size: 1.0em;  line-height:1.1em;	}
ul { padding:0px; margin: 0px 0px 5px 10px; list-style-type: square;} */
.cien { box-shadow: 2px 0px 12px #000; -webkit-box-shadow: 2px 0px 12px #000; -moz-box-shadow: 2px 0px 12px #000;}

/* ---  CZARNY NAGŁÓWEK  --- */
#TOP_ZEWN  {  background: #222;  }
#TopWEWN  {position: relative; height:40px;  max-width:1150px; color:#fff; margin: 0 auto; }
#TopWEWN span {font-weight: bold; color: #fff;}

#TopWEWN a.zewn> img {vertical-align: middle; margin: 3px 14px; border: transparent 1px solid;	border-radius: 3px; }
#TopWEWN a.zewn> img:hover { border:  #fff 1px solid;}

 		#de {position:absolute; right:125px; top: 7px; border:  #777 1px solid;}
		#en {position:absolute; right:180px; top: 7px; border:  #777 1px solid;}		
		
		#en:hover,#de:hover { border:  #fff 1px solid;}
/* BANER */
#BANER_ZEWN  {background: #4e80c5;}
#BanerWEWN  {min-width: 320px; max-width:1200px; margin: 0 auto}
#BanerWEWN   img{margin:0; max-width: 100%!important; display:block; height: auto; width: auto }  

.logo_home {position: absolute; left:30px; top:80px; z-index:100}
.podlogo {position: absolute; left:0px; top:82px; z-index:99}
.logo {position: absolute; left:7px; top:40px; z-index:100}

/* NAGLOWEK */
.NAGLOWEK_ZEWN  {clear:both;}
.NaglowekWEWN  {color: #777; background:  #fff; min-width: 300px; max-width:1100px; margin: 0 auto; text-align: center;  }
.NaglowekSrod  {display: block; width:50%; text-align:center; padding: 7px 14px 7px 14px;  margin: 21px auto 0px;	border-top: #4eabf0 1px solid; border-bottom: #4eabf0 1px solid;   font-family: Impact, sans-serif; font-size: 28px;  line-height: 28px;  }
.NaglowekSrod >span {color: #4eabf0;  font-weight: normal; }
.NaglowekSrod >i {color: #777; font-family:  'Comic Sans MS', serif;  font-weight: normal;font-size: 16px;  line-height: 16px;  }


#PASEK_ZEWN  { height:30px; background: #aaa ; }
#PasekWEWN  {  min-width: 320px; max-width:1170px; color: #fff; margin: 0 auto; text-align:center; font-size: 14px;  line-height:30px;}
#PasekWEWN h3 {display:inline-block; color: #aaa; font-size: 14px;  line-height:30px;}
#PasekWEWN a {display: inline-block; padding: 0 14px; color: #000; font-size: 16px; line-height:24px;}
#PasekWEWN a:hover { color: #fff; }
/* BLOK INFO */
#INFO_ZEWN  {clear:both; background: #444; border-top: #777 3px solid;}
#InfoWEWN  { min-width: 320px; max-width:1170px;  min-height: 170px; margin: 0px auto; text-align: center;  font-size: 14px;  line-height: 24px; }
#InfoLZ, #InfoLW,  #InfoSr, #InfoPW, #InfoPZ  {display:table-cell; width: 20%; vertical-align: text-top; vertical-align: top; color: #aaa; text-align:left; padding: 14px 28px 14px 14px; margin: 0; font-family: Tahoma,  Verdana, Helvetica, sans-serif;}
#InfoPW, #InfoPZ { text-align: center;}
#InfoWEWN h3 {color: #fff;  text-align: center; font-family: Impact, sans-serif; font-weight: normal;  font-size: 22px;  line-height:36px; }
#InfoWEWN a {display: block; color: #aaa; font-size: 14px; line-height:24px;}
#InfoWEWN a:hover { color: #fff; }

/* ZAWARTOŚĆ */
#sciezka {padding: 0 7px; height: 36x; font-size: 13px; line-height: 36px;}

#ZAW_ZEWN_home   {clear:both; background:  #fff;}
#ZawWEWN_home{ min-width: 320px; max-width:1170px;  min-height: 400px; margin: 0px auto; font-size: 16px;  line-height: 24px; }

#ZAW_ZEWN   {clear:both; background:  #F5F5F5;}
#ZawWEWN { min-width: 320px; max-width:1170px;  min-height: 400px; margin: 0px auto; font-size: 16px;  line-height: 24px; }


/* === TOWAR ========================= */
#Towar {display:inline-block; margin: 0 auto; width: 100%; min-width: 320px; color: #777; font-size: 14px;  line-height:20px;}
a.powrot {float:right; color: #4eabf0;  font-weight: bold; }
a.powrot:hover {color: #777;} 
a.usun { color: red; background: #ffd0d0; border: solid 1px red; padding: 4px 4px; text-decoration: none; 
			margin-left:5px; border-radius: 7px; 	-moz-border-radius: 7px; 	-webkit-border-radius: 7px; font-size: 11px; line-height: 24px;}
a.usun:hover { color: #fff; background: red; }

a.zapytaj {display:block; color: #fff;  background: #777; line-height: 40px; }
a.zapytaj:hover { color: #fff; background: #4eabf0; }

/* = = = PODSTRONY TEKSTOWE = = = */
#ZawLewyPodstr  {display:inline-block; width: 20%;}
#ZawSrodPodstr    {display:inline-block; vertical-align: text-top; vertical-align: top;  color: #444; text-align:left; padding: 0 14px 14px 0; margin: 0 auto; width: 60%; }
#ZawSrodPodstr img {display:inline-block; max-width: 100%!important; height: auto;}
#ZawPrawyPodstr { display:inline-block; width: 20%;}

/* = = = KOLORY = = = */
.kolor_blok {display:table-cell; width:49%; min-width:360px; max-width:560px;vertical-align: text-top; vertical-align: top; border: #F5F5F5 7px solid; }
.kolor_in {text-align:center;height: 350px;border: #fff 1px solid; background: #F5F5F5;margin: 1px}
.kolor_img {display:block; max-width: 80%!important; height: auto; max-height: 300px;vertical-align: text-top; vertical-align: top; margin: 10px auto}
.kolor_divp> p {padding: 4px 4%; text-align:left;}
.kolor_blok>.kolor_in>h2 {color: #4eabf0; font-size: 24px;  line-height: 28px; }
.kolor_divp {padding: 10px 7%; text-align:center; background: #F5F5F5;}
/* = = = TOWAR = = = */
#FotoBox {display:inline-block; float:left; text-align:left;  margin:7px 0; width: 37%; max-width: 360px;}
#FotoBox img {display:inline-block; max-width: 100%!important; height: auto; border: solid 1px #ddd; }
#FotoBox img.foto {display:inline-block; max-width: 100%!important; height: 100px;  }
#FotoBox div { display:inline-block; float:left; height: 100px; margin: 7px 1% 7px 0; }

#OpisBox { display:inline-block; margin:7px 0; padding: 0 0 0 21px;  width: 60%; max-width: 640px; font-size: 16px; line-height:22px; }
#OpisBox h1 {display:inline-block; color: #4eabf0;  font-size: 24px; line-height:36px; font-family: Roboto, lato, sans-serif;}
#OpisBox div.kreska {height: 14px; margin:  14px 0 0 0; border-top: #4eabf0 2px solid;}
#OpisBox input.dokoszyka { display: inline-block; width: 77px; min-width: 40px; height: 40px;border: #eee 1px solid; margin:0; background: #fff url(grafiki/dokoszyka.png) no-repeat center;}
#OpisBox input.dokoszyka:hover {background: #ccc url(grafiki/dokoszyka.png) no-repeat center; cursor: hand  }
#OpisBox input {  text-align:center; }
#OpisBox a.parametry { display: inline-block; width: 120px; height:30px; color: #fff;background: #777 ;border: #777 1px solid;font-weight: bold; text-align:center; font-size: 16px; line-height: 30px;}
#OpisBox a.parametry:hover {color: #777;background: #fff ;}
#OpisBox img.miniatura {width:240px; height: 80px; float: right;}
.cena { color: #4eabf0; white-space:nowrap;font-weight: bold; font-size: 24px; line-height: 24px;}

.formularz {font-size: 13px; line-height: 18px; color: #565456; text-align:left}
.formularz_p {font-size: 12px; line-height: 15px; color: #565456; text-align:right}

.pole {font-family: Arial; font-size: 13px;  line-height: 20px; border: solid 1px #777;}
.pole1 {font-size:13px; background-color: #ddd; }

.tab_l {padding: 2px; background: #fff; color:#000; border: solid 1px #ccc; text-align:left; font-size: 12px; line-height: 16px;}
.tab_s {padding: 2px; background: #fff; color:#000; border: solid 1px #ccc;  text-align: center; font-size: 13px; line-height: 18px; height: 40px; }
.tab_p {padding: 2px 4px; background: #ddd; color:#000; border: solid 1px #ccc; text-align: center; font-weight: normal; font-size: 12px; line-height: 16px;}
.tab_c {padding: 2px 4px; background: #aaa; color:#fff; border: solid 1px #ccc; text-align:center; font-weight: normal; font-size: 14px; line-height: 18px;}

.us  { color:red; padding:1px 2px 1px 2px; margin: 0px ; border: solid 1px red; background: #FFD0D0;text-align:center;  font-size: 13px; line-height: 18px}
.dodaj {font-size: 12px;  line-height: 18px; border: #555 2px solid; background: #777; color:#fff}
.dod { padding:1px 2px 1px 2px; margin: 0px ; border: solid 1px green; background-color: #E0FFE0;text-align:center}
.ok {COLOR:green; FONT-WEIGHT: bold;}

input.zaplac { display:inline-block; color:#fff; background: #4eabf0;  font-size: 14px;  line-height: 16px;  padding: 7px 12px 7px 12px; border-radius: 20px; 	-moz-border-radius: 20px; 	-webkit-border-radius: 20px; }
input.zaplac:hover {color:#fff; background:#444 ; }

div.waluta{position: absolute; right:7px; top:-150px; text-align:center;font-weight: bold;}
form.waluta{display:inline-block;}
input.waluta {width: 44px; height: 44px; margin:0 7px 0 7px; color: #aaa; border: #aaa 1px solid;background: #fff; font-size: 24px;  line-height:38px; border-radius: 22px; 	-moz-border-radius: 22px; 	-webkit-border-radius: 22px;}
input.waluta:hover {color:#fff; background:#4eabf0 ; border: #4eabf0 1px solid; }
input.active {color:#fff; background:#4eabf0 ; border: transparent 1px solid;}
.koszyk_suma {padding: 4px 4px; background: #ddd; color:#000; border: solid 1px #ccc; text-align: center; font-weight: normal; font-size: 16px; line-height: 24px;}


/* ========================================= */
/* NOWE KONIEC */
/* ========================================= */

/* BLOK 1  teksty*/
#BLOK1_ZEWN   {clear:both; background:  #fff;}
#Blok1WEWN  {color: #323232; background:  #fff; min-width: 320px; max-width:1170px; min-height:170px; margin: 20px auto; font-family: Tahoma, sans-serif; font-size: 14px;  line-height: 20px; }
#Blok1WEWN h3 {color: #777; text-align: left; font-size: 24px;  line-height:48px; font-weight: normal; }
#Blok1WEWN a {display:block; color: #777; }
#Blok1WEWN a:hover, #Blok1WEWN a:hover > h3 {color: #4eabf0; }
#Blok1Lewy  {display:table-cell; width:49%; vertical-align: text-top; vertical-align: top; text-align: left; padding: 12px 14px 14px 12px}
#Blok1Srod  {display:table-cell;  width:1%; }
#Blok1Prawy {display:table-cell; width:49%; vertical-align: text-top; vertical-align: top; text-align:  left;padding: 12px 14px14px 14px}

#dostawa_id,  #dostawa_id option { font-size: 13px;  line-height: 30px; height: 30px }
.in_block {display:inline-block;}
/* techniczne */
.big {font-size: 20px;line-height: 27px; margin:2px}

/* ===  PRODUKTY  LISTA ===== */
/* stronicowanie */
#stronicowanie {min-height:28px; border-top: #ccc 0px solid; margin: 0px 7px 0px 7px; text-align: right;  font-size: 13px;  line-height:24px; }
#stronicowanie input, #stronicowanie form {display: inline-block; border-radius: 3px; padding: 0;  margin: 0; }
#stronicowanie input.nr { width: 30px; height: 30px; background: #fff; border: #777 1px solid;  margin: 4px 0 0 0; font-size: 14px;  line-height:30px;}
#stronicowanie input.nr:hover { background: #4eabf0; border:#4eabf0 1px solid;}
#stronicowanie nav {/* text-align: right; */ display:inline-block;}
.str {display: inline-block; text-align:center;  width: 30px;  color: #4eabf0;  font-weight: bold; /* text-decoration:underline;  */}

/* wyświetlanie - klocki/ lista */
/* #uklad {padding: 0 0 0 14px;}
#uklad input, #uklad form  { display: inline-block; width: 35px; height: 35px; background: #000; border: 0; margin:0; }
#uklad input.klocki { background: #000 url(grafiki/klocki.gif) no-repeat center;}
#uklad input.klocki:hover, #uklad input.klocki_active {background: #4eabf0 url(grafiki/klocki.gif) no-repeat center;cursor: hand  }
#uklad input.lista { background: #000 url(grafiki/lista.gif) no-repeat center;}
#uklad input.lista:hover, #uklad input.lista_active {background: #4eabf0 url(grafiki/lista.gif) no-repeat center;cursor: hand  } */

/*  układ lista */
/* #lista_ofer_poz { width:97%;  margin: 0px auto; text-align:left; }
#lista_ofer_poz a {display: block; position: relative;  color: #444; vertical-align: text-top; vertical-align: top; border:  #ccc 1px solid;
 width:99%; min-width: 300px; min-height: 120px; text-align: left;  padding:14px 0 0 0;  margin:0px 14px 7px 7px;   font-size: 14px;  line-height:18px;
  background: linear-gradient(#fff  67%, #eee); 	border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } 
  
#lista_ofer_poz a:hover { color:  #4eabf0;  background: linear-gradient(#fff  67%,  #e5f4ff);   border: #4eabf0 1px solid;} 
#lista_ofer_poz p {text-align: left; color: #777; margin: 12px 12px 4px 12px;  font-size: 13px;  line-height:16px;}
#lista_ofer_poz img {display: inline-block; float:left; border: 1px solid #fff; margin: 3px 14px;  max-width: 160px; max-height:110px;}
#lista_ofer_poz h3 {display: table-cell; vertical-align: middle;  text-align:left; color: #777; width: 100%; height:44px; font-weight: bold; font-size: 14px;  line-height:20px; }
#lista_ofer_poz a:hover h3 {color: #4eabf0; text-align:center;} */

/* Powrót do  góry */
.to-top{ 	text-align:center; }
#scroll-to-top{ 	display:none; 	position:fixed; 	bottom:15px; 	right:20px; 	opacity:0.8; }
#scroll-to-top:hover { 	opacity:1; }

.wroc {	position:fixed; 	bottom:15px; left:20px; 	opacity:0.7; }
.wroc:hover {	opacity:1; }
/* koniec  Powrót do  góry */

/* ---- 990px ------------- */
 @media all and (max-width:990px) 
{
 /* Blok INFO -  */
#InfoLZ, #InfoLW,#InfoSr, #InfoPW, #InfoPZ   {display: inline-block;   height: auto; min-width: 140px; padding: 7px 7px }
} 

/* ---- 777px ------------- */
 @media all and (max-width:777px) 
{
.logo,.logo_home { position:absolute;  left: 0px; top: 60px;}
.podlogo {  display: none; }

#de {position:absolute; right:115px; top: 57px; z-index:99;}
#en {position:absolute; right:160px; top: 57px;z-index:99;}	

#OpisBox { display: block; margin:7px auto; width: 90%;  clear:both;}
#FotoBox {display: block; float:none; margin:7px auto; width: 90%;}
#FotoBox div { display:inline-block; float:left; height: auto; margin: 0; }
 .kolor_blok { display: block; margin:7px auto; width: 97%; min-width: 320px; clear:both; }
 .kolor_img { width: 340px; height: auto;}
 /* Blok tekstowy */
#Blok1Lewy, #Blok1Srod, #Blok1Prawy    {display: block;  width: 100%; height: auto; min-width: 320px; padding: 0 14px 0 14px; margin: 14px 0;}
#StopLewy  {display:inline-block; height: auto;  width: auto; min-width: 320px; max-width:460px; padding: 0 14px 0 14px; }
#StopSrod  {display:inline-block; height: auto;  width: auto; min-width: 320px; max-width:460px; padding: 0 14px 0 14px; }
#StopPrawy {display:inline-block; height: auto;  width: auto; min-width: 320px; max-width:460px; padding: 0 14px 0 14px; }

#PASEK_ZEWN{ height:auto; font-size: 14px; line-height:20px;  }

#ZawLewyPodstr  {  display: none; }
#ZawSrodPodstr , #ZawPrawyPodstr { display: block; width:90%; margin: 0 auto }

.hasla {margin: 0 auto; padding: 0 0 0 14px;}
}

/* ---- 600px ------------- */
 @media all and (max-width:600px) 
{
 #lista_ofer a {width:90%;  }
#ZawSrodPodstr    { width: 98%;  padding: 7px 7px }
}

/* ---- 500px ------------- */
 @media all and (max-width:500px) 
{
#TopWEWN a.zewn> img { margin: 3px 4px;  }	
#OpisBox img.miniatura {width:160px; height:80px; float: right}
select {height: 30px; margin: 7px 0}
option  {height: 20px; margin: 0px 0}
}