a {text-decoration:none;color: #be0404;} 
a:hover {color: #777;}

#MENU_ZEWN { width: 100%;z-index: 999;  text-align:center; background:#c00; padding: 0; height: 40px; }

 /* Pasek MENU blokujący się na Górze strony */
.fixed { position: fixed; top: 0;  background:#be0404; }
.fixed >#menu_poz>#menu>li> a {color: #fff; }
.fixed >#menu_poz>#menu>li> a:hover {color: #be0404}
.fixed >#menu_poz>#menu > li:hover > a  {color: #be0404}

.sticky { width: 100%;   z-index: 999;  } /*    text-transform: uppercase;  */
.a-name {position: relative; top:-77px;}
/* ------------------------ POZIOME MENU CSS ------------------------ */
 /* POZIOM GŁÓWNY - wygląd elementu - ol */
 #menu_poz {position: relative; width: 100%; max-width:1100px; margin: 0 auto; text-align: right;   }
 #menu_poz  a.logo_m { position:absolute; top: 4px;  left:1px; width:60px; height: 40px; }
 
/* # # # MENU GŁÓWNE # # #  */
#menu { width:100%; margin:0;  padding:0; list-style-type:none; z-index:999 }
/* - - - a - - - */			
#menu > li > a {display:table-cell; width:100%;vertical-align: middle; height: 40px;  padding: 0px 17px 0px 17px; text-decoration:none;
 text-align:center; color:#fff; text-transform:uppercase;   border-bottom: transparent 3px solid;  font-weight: normal; font-size: 16px;  line-height: 18px; }
#menu > li:hover > a {color: #be0404;   border-bottom: #be0404 3px solid; background:#fff;  }

/* ----- ROZWIJANA CZĘŚĆ POZIOMEGO MENU -------------------- */
#menu > li {position:relative; display: inline; vertical-align: middle;margin:0;   text-align:left; z-index:999;  }
#menu > li:hover > ul { visibility:visible;  z-index:999; width:100%;}
			
 /* MENU rozwijane POJEDYŃCZE */
#menu > li > ul { visibility:hidden; position:absolute; top: 17px;  left:-21px; list-style-type:none; background:#fff;  border-left: #be0404 1px solid;}
#menu > li > ul > li.pm { margin:0; padding:0;  } 
/* - - - a - - - */			
#menu > li > ul > li.pm > a { display:block;width:100%;  text-decoration:none; margin: 0 1px 0 1px;  padding:7px 7px 7px 7px; color:#000;  
			border-bottom: #ccc 1px solid;  border-right: #be0404 1px solid;  background:#fff; box-shadow: 2px 3px 7px #777;text-transform:uppercase; font-size: 14px;  line-height: 18px;}       
#menu > li > ul > li.pm > a:hover {width:100%;  background: #ccc;}    
			 
.w200 {width:200px}
.w174 {width:174px} 

#sciezka { color:#777; font-family: Arial, sans-serif; font-size: 13px;  line-height:17px;}

/* LISTA_LINKÓW do ARTYKUŁÓW */
#lista_linkow {/*  border-top: #ccc 1px solid;  */}
#lista_linkow a {display:block; position: relative; color: #be0404; min-height:56px; margin: 0 0 13px 0px; padding: 7px 7px 7px 10px;  border: #ddd 1px solid; border-radius: 3px;font-weight: bold;font-size: 16px;  line-height:24px; }
#lista_linkow a:hover { color: #777; background: linear-gradient(#fff  67%, #eee);  }
#lista_linkow span { position: absolute; right:7px; bottom:7px; color:#fff; background:  #be0404; border:  #be0404 1px solid;	border-radius: 3px; font-weight: bold;  font-size: 21px;  line-height:21px; float: right; margin: 0 7px}
#lista_linkow a:hover span {color:  #be0404;background: #fff;}
#lista_linkow img { display:table-cell; min-width:120px; max-width: 120px; height:auto; margin: 0 7px 0px 0px; padding: 0px 0px 0px 0px;}
#lista_linkow div {display:table-cell;border: red 0px solid;vertical-align: text-top; vertical-align: top; }
#lista_linkow p {  color: #333; margin: 0 0 0px 0px; padding: 0px 0px 0px 0px;font-weight: normal; font-size: 15px;  line-height:22px;}
#lista_linkow i.licznik { float: right; margin: 0 7px 0 0; padding: 1px 2px 1px 2px; color: #777;    border: #777 1px solid;  border-radius: 3px; font-style: normal;font-size: 14px;
line-height: 21px;}
/* MENU KAFELKOWE */
#menu_oferta { text-align:center;}
#lista_ofer {display:block; width:100%;  margin: 0px auto;text-align: center; }
#lista_ofer a {display: inline-block; position: relative; font-family: Arial, sans-serif; background: linear-gradient(#fff, #eee);  border: #ddd 1px solid; vertical-align: text-top; vertical-align: top; 
width: 193px; height:207px; text-align: center;  padding: 4px 7px;  margin:7px 7px 21px 1px;   font-size: 15px;  line-height:17px;	border-radius: 3px; 	} 
#lista_ofer a:hover { border: #f00 1px solid;background:#fff; } 
#lista_ofer img {display: block;margin: 14px auto 7px;	border-radius: 3px; }
#lista_ofer h3 { text-align:center; color: #444; margin: 7px 0 0px 0; font-weight: normal; font-size: 16px;  line-height:22px;}
#lista_ofer span { color:#fff; background: #eb0013; border: #eb0013 1px solid;	border-radius: 7px; font-weight: bold;  font-size: 24px;  line-height:21px; float: right; margin: 0 7px}
 #lista_ofer a:hover span {color: #eb0013;background: #fff;}
#lista_ofer a:hover h3, #lista_ofer a:hover p {color: #c00;}

/* STRONICOWANIE */
#stronicowanie {margin: 14px 0; text-align: center; font-size: 16px; line-height: 24px; }
#stronicowanie a { display:  inline-block; padding: 0; margin: 0 7px 7px 0; width: 30px; height: 30px; background: #fff; border: #aaa 1px solid;   font-size: 14px;  line-height:30px;}
#stronicowanie a:hover {color: #fff;  background: #6C7683; border:#6C7683 1px solid;}
.str { display: inline-block; text-align: center; width: 30px;margin: 0 7px 0 0;  color: #c00; font-weight: bold;  text-decoration: underline;}

/* ---  MENU dla SMARTFONÓW -------- */
#menu_sm {display:none;}
#menu0 { width: 90%; margin: 0px auto 4px;  text-align: left; }
#menu0 dt {	cursor: pointer;}

/* menu boczne - przyciski*/
#menu_sm dl, #menu_sm dt, #menu_sm dd {display: block; margin: 0; font-size:16px; line-height:21px; }

dt.poziom0 { color: transparent; background:transparent; border: transparent 1px solid; margin: 0px 0 3px  0; padding: 0 0 0 10px; }
/* dt.poziom0 { color: #777; background:#eee; border: #ccc 1px solid; margin: 0px 0 3px  0; padding: 0 0 0 10px; } */
dt.poziom0:hover {background:#fff; color: #333;}

dt.poziom1  { color: #777; background:#eee; border: #ccc 1px solid; margin: 0px 0 1px  0; padding: 7px 0 3px 14px;  text-indent:-10px; }
dt.poziom1:hover {background:#fff; color: #333;}

dt.poziom2  { color: #777; background:#fff; border: #ccc 1px solid; margin: 0px 0 3px  0; padding: 0 0 0 10px; border-left: #ddd 14px solid; }
dt.poziom2:hover {background:#eee; color: #333;}

dd.poziom2  {  margin: 0px 0 1px  0px; padding: 0 0 0 7px; background:#eee; border: #ccc 1px solid; border-left: #ccc 10px solid;  	}
dd.poziom2:hover {background:#fff; color: #333;}

dd.poziom3  { color: #777; background:#eee; border: #ccc 1px solid; margin: 0px 0 3px 14px; padding: 7px 0 7px 10px; border-left: #ddd 3px solid;  font-size:14px; line-height:16px;}
dd.poziom3:hover {background:#fff; color: #333;}

.rozwin {display:inline-block; float: right; width: 40px; height: 40px; font-size:40px; line-height:40px; text-align: center; color: #777; background:#eee; border: #ccc 1px solid;  }
#menu0 span {color: #aaa; font-size:22px; line-height:24px;}
#menu0 i {color: #aaa; font-size:12px; line-height:30px;}

dd a:link, dl a:visited { display: block; color: #777; background:#eee;padding: 7px 0; }
dd a:hover, dl a:hover { display: block; background:#fff; color: #333; }
/*Koniec utawien menu*/ 

/* ---- 890px ------------- */
 @media all and (max-width:890px) 
{
.logo_m {display:none;}
}

/* ---- 777px ------------- */
 @media all and (max-width:777px) 
{
#menu_sm {display:block;position: fixed; right: 0px; top:4px; width: 280px; text-align: center; z-index: 999}
#MENU_ZEWN,  #BlokMenu {display:none;}

#lista_ofer_poz a {display: block; width: 99% }
#lista_referencje> a>div.txt ,#lista_referencje> a>div.txt  {display: block; width: 99% }

}