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

/* OGÓLNE */
body {font-family: Arial, sans-serif; color: #fff; background: #777; font-size:15px; }
a {text-decoration:none;}
a:link,a:visited { color:#ffc;}
a:hover,a:active { color: #f00; }

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;}
hr {display: none}

/* NAGŁÓWEK */
#NAG_ZEWN  {background: #777; background: linear-gradient(#fff, #777);    }
#NagWEWN  {min-width: 300px; max-width:1000px; margin: 0 auto}

#NagLewy  {display:table-cell;   width:25%; width: 270px; vertical-align: middle; text-align:left;}
#NagSrod  {position: relative; display:table-cell;  width:60%; height:115px; vertical-align: middle;  font-size: 22px; line-height: 32px;}
#NagPrawy {display:table-cell; color:#000;  width:15%; min-width:120px; min-height:115px;  text-align:left; vertical-align: middle; font-size: 16px; line-height: 22px; padding: 0 7px 0 0}
#NagSrod h1 {color: #e00;text-shadow: #fff 1px 2px 3px;  font-size: 34px; line-height:42px;}
.wozek {position: absolute; right:10px; top:0px;}

/* ---  MENU GÓRNE  --- */
#NAW_ZEWN  { height:40px; background: #0094dc; background: linear-gradient(#0094dc, #0075ae); box-shadow: 2px 3px 4px #000; -webkit-box-shadow: 2px 3px 4px #000; -moz-box-shadow: 2px 3px 4px #000; }
#NawWEWN  { height:40px; min-width: 320px; max-width:1000px; color:red;  margin: 0 auto}

#nawig_poz {clear:both; padding: 0; position: relative; left:-17px;  text-align:left;width:100%} 
#nawig_poz ul {} 
#nawig_poz li {list-style:none; display:inline;  margin:0; } 
#nawig_poz a:link, a:visited {color: #ff7; margin:0; padding:4px 20px; font-size: 16px; line-height:40px;}
#nawig_poz a:hover, #nawig_poz a:active {color: #ff7; background: #c00; padding:18px 20px;  }
a.on { background: #6bcffd; padding:10px 20px;}

/* ZAWARTOŚĆ */
#ZAW_ZEWN  {margin: 5px 0 0 0;}


/* /////////  STRONA GŁÓWNA - menu =*/
#ZawWEWN { min-width: 320px; max-width:1000px;  min-height: 300px; margin: 0px auto; text-align: center; }
#ZawWEWN h2 {color: #ffa; font-size: 1.2em;  line-height:1.3em;	min-height:45px}
#ZawWEWN h4 { color: #eee; text-align: left; margin: 0 0 0 7px; font-weight: normal; font-size: 13px;  line-height:20px;}
#ZawWEWN h5 { color: #ffa; text-align: left;  font-size: 18px;  line-height:24px;}
#ZawLewy  {display:table-cell; width:20%; vertical-align: top; vertical-align: text-top; text-align:left;}
main {  display:table-cell;  }
#ZawSrod  { text-align:left; margin: 10px 7px 0px 7px; min-width: 240px;   vertical-align: text-top; vertical-align: top; }
#ZawPrawy {display:table-cell; width: 202px;  padding: 10px 0px 0px 0px; vertical-align: text-top; vertical-align: top; text-align:center; }

 
.haslo {  color:#ffcc00; font-size: 1.1em; font-weight: normal;  line-height:1.7em;}
.kreska {clear:both;border-bottom: #aaa 1px solid;font-size: 0.2em;  line-height: 0.2em;}
.liczba {color: #fff; text-align: left; margin: 0 0 0 7px; font-size: 13px;  line-height:20px;}
.tekst { margin: 0 7px 0 14px; }
/* /////////  PRODUKTY  LISTA*/
#lista_ofer { width:100%;  margin: 7px auto;text-align: left; }
#lista_ofer a {display:inline-block;position: relative;  color: #444; background:#ffd;  background: linear-gradient(#fff, #ccc); vertical-align: text-top; vertical-align: top; border: #fff 1px solid;
 width:98%;min-width: 140px;padding:0;  margin:0px 0px 7px 3px;
 text-align: left;  font-size: 0.9em; line-height:  1.2em;
  box-shadow: 2px 3px 4px #000; -webkit-box-shadow: 2px 3px 4px #000; -moz-box-shadow: 2px 3px 4px #000;
	 border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
 } 
#lista_ofer a:hover { color: #ff5a00; background:#fff;  background: linear-gradient(#eee, #fff); border: #ff0 1px solid;} 
#lista_ofer a:hover> h3 {color: #ff5a00;}
#lista_ofer h3 {display:inline-block; color:#c00;text-align:center;   font-size: 1.0em;  line-height:1.0em; font-weight: bold;margin:7px 0px 3px 0px;min-height: 27px}
#lista_ofer b { color:#c00;  font-size: 1.0em;  line-height:1.0em; font-weight: bold;}
#lista_ofer img {width: 120px; min-height:90px;max-height:150px; border: 1px solid #aaa; float: left;margin: 7px;}
#lista_ofer span {padding:4px; text-align:left;}
#lista_ofer div { background: #fff; min-height: 120px; margin: 0 4px 14px 4px  }
#lista_ofer span.cena {display:inline-block; float: left;text-align:left; width: 150px; margin:14px 0;z-index:100}

.wiecej {position: absolute; right:7px; bottom:7px; display:inline-block;z-index:0;color: #ff0; border: #fff 1px solid; background: #c00; background: linear-gradient(#d00, #700); width: 57px; text-align:right;font-size: 0.9em; line-height:  1.2em;
 box-shadow: 1px 2px 4px #000;-webkit-box-shadow: 1px 2px 4px #000;-moz-box-shadow: 1px 2px 4px #000;
		   border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;	}
.wiecej:hover { color: #fff;}

.powrot {
	text-align: right;
	font-size: 10px; line-height: 16px;
	width: 90px;
	display: block;
	padding: 0px 0px 0px 0px;
	background: #ff7 url(grafiki/powrot.gif);
	background-position: left top;
	background-repeat: no-repeat;
	margin: 0px 7px 5px 0px;
}
a.powrot:link,a.powrot:visited { color: #c00; }
a.powrot:hover,a.powrot:active { color: #f00; background: #fff url(grafiki/powrot.gif); background-position: -3px 0;}

a.rollover_zapyt  {  padding:7px 7px 7px 0px; margin:-3px 0px 0px 0px;
	background: #777;background: #0094dc linear-gradient(#0094dc, #0075ae);  border: #fff 1px solid;
	-moz-box-shadow: 2px 3px 7px #fff;
	-webkit-box-shadow: 2px 3px 7px #fff;
	 border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	color: #ffc; font-weight: normal; font-size: 14px;  line-height: 18px; } 
a.rollover_zapyt:hover, a.rollover_zapyt:active { background:#0075ae;  background: linear-gradient(#0075ae, #0094dc ); color: #fff;} 

.zapytaj {
 padding:3px 14px 7px 14px; margin:0px 7px 0px -1px;
	background: linear-gradient(#d00, #700); border: #700 1px solid;   border: #fff 1px solid;
	-moz-box-shadow: 2px 3px 7px #fff;
	-webkit-box-shadow: 2px 3px 7px #fff;
	 border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
color: #ff7;font-weight: bold; font-family: 'Times New Roman'; font-size: 32px;  line-height: 32px;}

/* ZAKUPY */
.sklep_int {display:block; text-align:center; color:#fff;  font-size: 16px; line-height: 20px; letter-spacing:1px}
.koszyk { width:100%;  background: #d00; background: linear-gradient(#d00, #a00); border: solid 1px #a00; color:#fff; padding: 3px 3px 5px 3px;margin: 0 auto; font-size: 14px;  line-height: 20px; vertical-align: text-top; }
.loguj { width:215px!important; padding: 3px 0px;margin: 7px auto; color:#fff;  background: #d00; background: linear-gradient(#d00, #700); border: #700 1px solid; 
text-align:center; font-size: 12px; line-height: 16px; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px;	
 box-shadow: 2px 3px 4px #000;-webkit-box-shadow: 2px 3px 4px #000;-moz-box-shadow: 2px 3px 4px #000;
 }
/* 
.koszyk1 {background-color:#c00; border: solid 1px #ff0; color:#333; padding: 3px; font-size: 12px;  line-height: 14px; vertical-align: text-top; }
.zawart_kosz {color:#ffa;font-size: 12px;  line-height: 16px;}
.zakupy {color:#ff7; font-weight: normal; font-size: 17px; line-height: 30px; display:block; font-weight: bold; font-family: 'Times New Roman', serif; }
.kosz {color:#990100; font-weight: bold; font-size: 14px;}


.log {padding: 0px 5px 0px 0px; font-size: 11px; line-height: 20px;} */
/* ????????????????????????? */


#tresc { width: 97%;margin: 7px 0px 0px 7px; padding-bottom: 20px; border: red 0px solid;text-align:left; float:left }	
#tresc h1 { color: #c00; font-size: 16px;  line-height: 20px; text-align:left; margin: 3px 3px 0px 0px;}
.ramka1 { padding: 10px 10px 10px 10px; text-align: left;}
.ramka { border: solid 1px #aaa;  background: #eee; color:#444; margin:7px 0; 
 border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px;	
 box-shadow: 2px 3px 4px #000;-webkit-box-shadow: 2px 3px 4px #000;-moz-box-shadow: 2px 3px 4px #000;;} 

/* #tresc h5 {color: #ffc; font-size: 16px;  line-height: 22px; text-align:center; margin: 7px 3px 7px 3px;} */
 /* LISTA  PRODUKTÓW */


.old {color: #444; text-decoration: line-through; margin-left:1px}
/* a.akt {min-height: 100px;float:left;  width: 527px; margin: 2px 0px 0px 2px; padding: 7px 7px 7px 7px; border: solid 1px #aaa; background:#333 url("grafiki/tlo_koszyk.jpg") repeat-x; text-align:left;  display: block; font-size: 14px;  line-height: 18px;}
a.akt:hover, a.akt:active {  background: #555 ; color: #ffc;border: 1px solid #eee;} 	 */
.opis {display:inline-block; float: right; width: 420px; padding: 0 0 7px 0; background:url("grafiki/strzalka.png") no-repeat right bottom;}
.fot {display:inline-block; vertical-align: middle; text-align:center; }
.fotogr{ margin: 0 12px 14px 0; border: solid 1px #fff;  box-shadow: 2px 3px 7px #000; -webkit-box-shadow: 2px 3px 7px #000; -moz-box-shadow: 2px 3px 7px #000;}




/* ???????????????? */
a.zewn:link, a.zewn:visited { display:inline-block; width:210px!important; min-height: 30px; margin:4px 0 7px 0;	  padding:0 4px;
		   box-shadow: 2px 3px 4px #000;-webkit-box-shadow: 2px 3px 4px #000;-moz-box-shadow: 2px 3px 4px #000;
		   border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;	
		    color:#ff7;  background: #d00; background: linear-gradient(#d00, #a00);
		  font-size: 13px; line-height: 30px;  }
a.zewn:hover, a.zewn:active  {color: #fff; background:  #ff5a00; background: linear-gradient( #ff5a00, #f00);  }
/* ZAWARTOŚĆ KOSZYKA */	
/* #blok_prawy { width: 202px; float: right; margin: 0px 7px 4px 0; padding: 5px 0;text-align:center;} */
#ramka_koszyka { background: #777 url(grafiki/tlo_koszyk.jpg) bottom repeat-x; border: #aaa 1px solid; padding: 5px 0; margin: 7px 0 7px 0}

	/* KOSZYK KASA**********************************************/
.zielony {color: green; font-size: 16px; line-height: 24px; font-weight: bold;}
.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: 12px;  line-height: 18px; border: solid 1px #aaa;}
.pole1 {font-size:11px; background-color: #cdcdcd; }
.tab_l {padding: 2px; background: #ffc; color:#000; border: solid 1px #777; text-align:left; font-size: 12px; line-height: 16px;}
.tab_s {padding: 2px; background: #ffc; color:#000; border: solid 1px #777;  text-align:center; font-size: 12px; line-height: 16px;}
.tab_p {padding: 2px 4px; background: #ffa; color:#000; border: solid 1px #777; text-align:center; font-weight: normal; font-size: 12px; line-height: 16px;}
.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;}
.zamow {width:200px; border: #aaa 1px solid;cursor: hand; padding:3px 14px 7px 14px; margin:21px 7px 0px 8px;
	background: #777; background: linear-gradient(#fff, #777);  border: #aaa 1px solid;
	 border-radius: 7px; 	-moz-border-radius: 7px; 	-webkit-border-radius: 7px;}
/* ///////// MENU BOCZNE - pionowe*/

.blok { background: #d00; background: linear-gradient(#d00, #a00);  width:217px; border: solid 1px #700; text-align: left;color: #fff; padding: 5px 0px 5px 0px;margin: 7px auto ;
  box-shadow: 2px 3px 4px #000;-webkit-box-shadow: 2px 3px 4px #000;-moz-box-shadow: 2px 3px 4px #000;
}
#menu0 dt { 	cursor: pointer;}
#menu0 dt {	cursor: pointer;}
/* menu boczne - przyciski*/
dl, dt, dd {
	display: block;
	margin: 0;
	padding: 0;
}

dt.gr { font-weight: bold;
	padding: 0px 0px 0px 20px;
	color: #ff7;
	display: block; width: 233px; height: 26px;margin: 0px 0 0 4px; 
	font-weight: normal; 
	background: url(grafiki/p_v1.jpg) top left no-repeat; 
	font-size:14px; line-height:26px;
	
}

dt.podgr {
	display: block;
	width: 188px;
	color: #fff;
	background: #700  url("grafiki/wdol.gif") no-repeat left top;
	padding: 0px 3px 0px 15px;
	margin:  0px 0px 0px 4px ;
	border-top: #aaa 1px solid;
	border-left: #fff 3px solid;
	border-right: #ccc 1px solid;
	border-bottom: #400 1px solid;
	text-decoration: none; text-align:left;
	font-weight: normal;
	font-size: 14px; line-height: 20px;	
}

dd.podgr {
	width: 206px;
	padding-left: 0px;
	margin-left: 4px;
	border-left: #ff0 3px solid;
	border-right: #ccc 1px solid;
	background: url("grafiki/w.gif") no-repeat left top;
}

dd.rodz {
	width: 199px;
	margin-left: 11px;
	border-left: #ff0 3px solid;
	border-right: #ccc 1px solid;
}

dd a:link, dl a:visited {
	display: block;
	color: #fff;
	background: #900 url("grafiki/w2.gif") no-repeat left top;
	padding: 0px 3px 0px 12px;
	margin:  0px 0px 0px 0px ;
	border-top: #aaa 1px solid;
	border-bottom: #400 1px solid;
	text-decoration: none; text-align:left;
	font-weight: normal;
	font-size: 14px; line-height: 20px;
	
}
dd a:hover {
	display: block;
	color: #700/* #728E1D */;

	background: #fff000 url("grafiki/w.gif") no-repeat left top;
	padding: 0px 1px 0px 12px;
	margin:  0px 0px 0px 0px ;
	border-top: #ffa 1px solid;

}
/*Koniec utawien menu*/
/* STOPKA */
#PASEK_ZEWN  {clear:both; height:30px;  background: #0094dc linear-gradient(#0094dc, #0075ae); box-shadow: 2px 3px 4px #000; -webkit-box-shadow: 2px 3px 4px #000; -moz-box-shadow: 2px 3px 4px #000; }
#PasekWEWN  { min-width: 320px; max-width:1000px; color: #aaa; 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;}

#STOP_ZEWN  {clear:both;margin: 5px 0 0 0}
#StopWEWN  { min-width: 300px; max-width:1000px; margin: 0 auto}
#StopLewy  {display:table-cell;  min-height:100px;  width:30%; padding: 0 7px 10px 7px;}
#StopSrod  {display:table-cell; min-height:100px; width:30%;  padding: 0 7px 10px 7px;}
#StopPrawy {display:table-cell; min-height:100px;  width:30%;  padding: 0 7px 10px 7px;}


/* ---- 960px ------------- */
 @media all and (max-width:960px) 
{
#ZawWEWN a {display:inline-block; float:none;  } 
#NagSrod  { font-size: 17px; line-height: 32px;}
#NagSrod h1 { font-size: 24px; line-height:42px;}
}

/* ---- 720px ------------- */
 @media all and (max-width:720px) 
{

.wozek {display:none}
#NagSrod  { text-align:center;}
#ZawLewy  {display:inline-block; width: auto; min-width: 320px; padding: 0 14px 0 14px; font-size: 16px;  line-height:24px;}
#ZawSrod  {display:inline-block; width: auto; min-width: 320px; padding: 0 14px 0 14px; font-size: 16px;  line-height:24px;}
#ZawPrawy {display:inline-block; width: auto; min-width: 320px; padding: 0 14px 0 14px; font-size: 16px;  line-height:24px;}

/* ---  MENU GÓRNE  --- */
#NAW_ZEWN  { height:70px; background: #0094dc; background: linear-gradient(#0094dc, #0075ae); box-shadow: 2px 3px 4px #000; -webkit-box-shadow: 2px 3px 4px #000; -moz-box-shadow: 2px 3px 4px #000; }
#NawWEWN  { height:70px; min-width: 320px;color:red;  margin: 0 auto}

#nawig_poz {clear:both; padding: 0; position: relative; left:-17px;  text-align:center;width:100%} 
#nawig_poz ul {} 
#nawig_poz li {list-style:none; display:inline-block;  margin:0; } 
#nawig_poz a:link, a:visited {color: #ff7; margin:0; padding:4px 20px; font-size: 16px; line-height:40px;}
#nawig_poz a:hover, #nawig_poz a:active {color: #ff7; background: #c00; padding:18px 20px;  }
a.on { background: #6bcffd; padding:10px 20px;}
main { display: block;}
}

/* ---- 500px ------------- */
 @media all and (max-width:500px) 
{



#NagWEWN  { text-align:center;}
#NagLewy  {display:inline-block;  }
#NagSrod  { display:inline-block; height: auto;  width: auto }
#NagPrawy {display:inline-block;    text-align:right; margin: 10px 0 0 0}
#nawig_poz {clear:both; padding: 0; position: relative; left:0px;  text-align:left;width:100%} 
#nawig_poz a:link, a:visited {color: #ff7; margin:0; padding:4px 5px; font-size: 16px; line-height:40px;}
#nawig_poz a:hover, #nawig_poz a:active {color: #ff7; background: #c00; padding:18px 5px;  }

#StopLewy  {display:inline-block; height: auto;  width: auto; min-height:10px;}
#StopSrod  {display:inline-block; height: auto;  width: auto; min-height:10px;}
#StopPrawy {display:inline-block; height: auto;  width: auto; min-height:10px; }

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