/* @import url(cssfont.css); */
body, table, td, tr, img, h1, h2, h3, h4, h5, p, div, form, main, nav, section, footer {margin: 0; padding: 0; text-indent:0; border:0} 

html { scroll-behavior: smooth; position: relative; }
body {position: relative; margin: 0 auto; color:#444; background: #fff; font-family:Arial, sans-serif;  font-size: 16px;line-height: 22px;}

ul  { padding:0px; margin: 0px 0px 0px 21px; list-style-type: square}
li  { padding:0px; margin: 4px 0px 0px 0px;}
/* i { text-decoration:none; white-space: nowrap; } */
 iframe  {max-width: 100% !important; }
.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;}
.komp {display:block;}
.smart {display:none;}

.separator {height: 14px; border-top: #aaa 1px solid;}
.do_srodka {display: block; text-align:center; }
.wprawo {float: right;}
.wlewo  {float: left;}
.odstep {height:7px;}
.InBlock { display:inline-block;}
.BorderTop { border-top: #aaa 1px solid;}

/* --- NAGŁÓWEK---*/
#NAG_ZEWN  { margin: 0 0 1px 0; padding: 0; background: #fff;  }
#NagWEWN  {position: relative;  max-width:1110px; margin: 0 auto;  padding: 0; }
#NagLewy  {display:table-cell;padding: 0 0 0 7px; text-align:center; vertical-align: middle; width:270px;  font-size: 13px; line-height: 14px;  }
#NagLewy > h2 {text-align:center; font-weight: normal; font-size: 16px; line-height: 14px;  }
.logo {margin: 0 0 0 0px; }
#NagSrod  {display:table-cell; padding:14px 0; text-align:center; vertical-align: middle; width:60%; font-size: 16px; line-height: 18px;  }
#NagSrod > h2 {text-align:center; color: #c00; font-weight:bold; font-size: 36px; line-height: 36px;  }
#NagPrawy {display:table-cell; padding:14px 0;text-align:right; vertical-align: text-top; vertical-align: top; min-width:210px;  color: #be0404;  font-family: Tahoma, Arial, sans-serif;  font-size: 24px; line-height: 24px;}
#NagPrawy p {white-space:nowrap;}
#NagPrawy img {vertical-align:top; width: 24px; height: 24px;}

/* ---  BANER ---  */
.baner {background: url(../grafiki/tlo.gif) repeat-x top center;border-top: #c00 1px solid;  border-bottom: #c00 2px solid;padding: 0 0 2px 0}
.cycleH1 {display:block;  color: #d00; text-shadow: #fff 1px 1px 1px;font-weight:bold; font-size: 36px; line-height: 48px;}
.cycleH2 { display:block; color: #d00; text-shadow: #fff 1px 1px 1px; font-size: 21px; line-height: 28px;}
.cycleH3 { display:block; color: #ff0; text-shadow: #000 1px 1px 2px; font-size: 18px; line-height: 24px;}
.wiecej { display:inline-block; color:#fff; background: #be0404;   padding: 7px 12px 7px 12px; border: #be0404 1px solid;border-radius: 3px; text-align:center; font-size: 14px;  line-height: 16px;}
.wiecej:hover {color:#be0404; background: #fff;} 

#BLOK1_ZEWN, #BLOK2_ZEWN   {clear:both; background: #fff;}
#Blok1WEWN,#Blok2WEWN { max-width:1110px;text-align:left; margin: 0px auto; font-size: 16px; line-height: 24px; padding:20px 7px 20px 7px; }

#Blok1WEWN img { max-width: 100%!important; height:auto;}
#Blok1WEWN h2, #Blok1WEWN h4 { color: #777; margin: 0; padding: 0 0 0 14px; border-left: #be0404 21px solid;  font-size: 36px; line-height: 48px; } 

.Blok1_62L {position: relative; display:table-cell; width:65%; vertical-align: text-top; vertical-align: top; text-align: left; padding: 0 0 14px 0;}
.Blok1_38P{position: relative; display:table-cell; width:30%; vertical-align: text-top; vertical-align: top; text-align: left; padding:  0 0 14px 0;}
.Blok1_1S { display:table-cell; width:1px; }
.h400 {height:480px}
#Blok_70  {position: relative; display:table-cell; width:70%; vertical-align: text-top; vertical-align: top; text-align: left; padding: 0 0 14px 0;border-bottom: #aaa 1px solid;}
#Blok_70 h1 { color: #be0404; margin: 0 0 21px 0;  padding: 0 0 14px 0; border-bottom: #be0404 1px solid;   font-size: 28px;  line-height: 28px;}
#Blok_70 h4 { color: #777; margin: 0; padding: 0 0 0 14px; border-left: #be0404 21px solid;  font-size: 24px; line-height: 48px; } 

/* MENU dodatkowe PIONOWE */
#MenuBlok_30 { display:table-cell; position: relative; width:30%; vertical-align: text-top; vertical-align: top;  text-align: left; padding:  0 0 14px 0;}
#MenuBlok_30 h2 {color: #aaa; margin: 0 0 21px 0;text-transform:uppercase;  font-size: 21px;  line-height: 28px;}
#MenuBlok_30 > ul { width:100%; margin: 0; padding:0;  list-style-type:none; width:260px;  border-top:#ccc 1px solid;background: rgba(255,255,255,0.7);}
      /* wygląd elementów - a */
#MenuBlok_30 > ul > li { margin:0; padding:0; /*   border-top: #aaa 1px solid; */} 
#MenuBlok_30 >ul > li > a { display:block;  text-decoration:none; margin:0; padding:7px 0px 7px 7px; border: transparent 1px solid; border-bottom:#ccc 1px solid; color:#be0404;  font-size: 16px;  line-height: 20px; }       
#MenuBlok_30 > ul > li > a:hover { color: #fff;   background:#be0404 ;}  
#MenuBlok_30 > ul > li > a:active { color: #fff;   background:#ccc ;}  
#MenuBlok_30  li:active { color: #fff;   background:#ccc ;}  
.g-102 {position: relative; top:-102px;}

/* TOWAR */
#sciezka {padding: 0 7px; height: 50px; font-size: 13px; line-height: 36px;}
#Towar  {padding: 0 21px 0 7px;}
#OpisBox { display:inline-block; margin:7px 0; padding: 0 0 0 14px; max-width: 60%;  min-width: 320px;}
#OpisBox h1 {display:inline-block; color: #777;  padding: 0; border-left: #ffcc00 0px solid;  font-size: 24px; line-height: 36px;
}
#OpisBox div.kreska {height: 21px; margin:  21px 0 0 0; border-top: #ddd 1px solid;}
#OpisBox input.dokoszyka { display: inline-block; width: 100%; 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; }
#FotoBox {display:inline-block; float:left;  margin:7px 0;padding: 0px 0px 0 0; max-width: 280px;min-width: 280px;}
#FotoBox img {display:block; max-width: 100%!important; height: auto; border: solid 1px #ddd; }

#FotoBox div { display:inline-block; float:left; width: 31%; max-width: 100px; }
#FotoBox img.foto  { max-width: 100%!important; height: 80px; width: auto; margin: 3px 3px 0 0}


/* Powrót do  góry */
.to-top{ 	text-align:center; }
#scroll-to-top{ 	display:none; 	position:fixed; 	bottom:10px; 	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 */

/*  --- STOPKA ---  */
#PASEK_ZEWN  { background:#777; color:#fff;}
#PasekWEWN  { height:auto; max-width:1110px;  margin: 0 auto;text-align:center; font-size: 14px; line-height: 30px;}

#STOP_ZEWN  { background: #444;color: #ddd; font-size: 14px; line-height:18px;}
#STOP_ZEWN a { color:#ccc;} 
#STOP_ZEWN a:hover { color:#008dcf;}
#StopWEWN  { min-width: 320px; max-width:1110px; margin: 0 auto; padding: 21px 0}
#StopWEWN h4 {color:#fff;text-transform:uppercase;text-indent:7px; font-size: 20px; line-height:24px}
#StopLewy  {display:table-cell;min-width:320px;  min-height:100px;  width:50%; padding: 0 14px 0 21px}
#StopSrod  {display:table-cell;min-width:320px; min-height:100px; width:25%;vertical-align: text-top; vertical-align: top;}
#StopPrawy {display:table-cell;min-width:320px;  min-height:100px;  width:25%;vertical-align: text-top; vertical-align: top;}

/* ---- 990px ------------- */
 @media all and (max-width:990px) 
{
#wyszukiwarka td {display: inline-block;}
}
/* ---- 777px ------------- */
 @media all and (max-width:777px) 
{
.komp {display:none;} 
.smart {display:block;}
#NagWEWN  {  padding:0px 0px 0 0; }
#NagLewy  {display:block;  width:100%; text-align:center; height: auto; padding: 40px 0 0 0;}
#NagSrod, .sm0, #MenuBlok_30, .Blok1_1S  {display: none;  }
#NagPrawy {display: block; width:97%; margin: 0; padding:10px 10px 7px 0;  text-align: center; font-size: 24px; line-height: 36px;}
#NagPrawy img {vertical-align:top; width: 36px; height: 36px;}
/* ---  BANER ---  */
.baner {border-top: #c00 2px solid; border-bottom: #c00 0px solid; padding: 7px 0 2px 0}
.cycleH1 {display:block;  color: #c00; text-shadow: #fff 1px 2px 4px; font-size: 21px; line-height: 24px;}
.cycleH2 { display:block; color: #c00; text-shadow: #fff 1px 2px 3px; font-size: 17px; line-height: 21px;}
.cycleH3 { display:block; color: #fff; text-shadow: #000 1px 1px 2px; font-size: 18px; line-height: 24px;}

#Blok1WEWN  { margin: 0px auto; padding: 0px;  font-size: 16px;font-weight: normal;  line-height: 24px;}
#Blok1WEWN h2, #Blok1WEWN h4 { margin: 0; padding: 0 0 0 7px;  font-size: 32px; line-height: 42px; } 
.Blok1_62L, .Blok1_38P {display: block; margin: 0 auto;  width: 90%;padding: 21px 7px  21px 0px;  }
#Blok_70,#Blok1Lewy_txt, #Blok1Prawy_foto {display: block; margin: 0 auto;  width: 93%;padding: 21px 7px  21px 0px; border: 0; }
/* .tekst_L {padding: 0;}
.tekst_P {padding: 0;}
.tekst_S2 {text-align:center;margin: 0; }

#szkolenia td, #szkolenia th  { padding: 7px 1px 7px 1px;}
#szkolenia {max-width: 360px;}
#BlokFormLewy, #BlokFormPrawy   {display: block; margin: 0 auto;  width: 100%;padding: 0; }
 */
#StopLewy, #StopSrod, #StopPrawy {display:inline-block;   width:85%; padding: 0 0 0 14px;}
#StopLewy img, #NagLewy img { max-width: 100%!important; height:auto;}

}