/* @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; }

.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;}
em {font-style: normal; white-space:nowrap;} /* do grupowania sierot */
/* --- NAGŁÓWEK---*/
#NAG_ZEWN  { margin: 0 0 1px 0; padding: 0; background: #fff;  }
#NagWEWN  {position: relative;  max-width:1200px; margin: 0 auto -20px;  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: 13px; line-height: 14px;  }
.logo {margin: 0 0 0 0px; }
#NagSrod  {display:table-cell; text-align:center; vertical-align: middle; width:60%; }
#NagPrawy {display:table-cell; text-align:right; vertical-align: text-top; vertical-align: top; min-width:210px; margin: 0 2px 0 0; padding:21px 20px 0 0; color: #777;  font-family: Tahoma, Arial, sans-serif;  font-size: 24px; line-height: 24px;}
#NagPrawy p {white-space:nowrap;}
#NagPrawy img {vertical-align:top; width: 28px; height:28px;}

/* ---  BANER ---  */
.cycleH1 {display:block;  color: #fff; text-shadow: #000 1px 2px 4px; font-size: 36px; line-height: 48px;}
.cycleH2 { display:block; color: #fff; text-shadow: #000 1px 2px 3px; font-size: 24px; line-height: 36px;}
.cycleH3 { display:block; color: #fff; text-shadow: #000 1px 1px 2px; font-size: 18px; line-height: 24px;}
.wiecej { display:inline-block; color:#fff; background: #ff431b;   padding: 7px 12px 7px 12px; border: #ff431b 1px solid;border-radius: 3px; text-align:center; font-size: 14px;  line-height: 16px;}
.wiecej:hover {color:#ff431b; background: #fff;} 

#BLOK1_ZEWN, #BLOK2_ZEWN   {clear:both; background: #fff;}
#Blok1WEWN  { max-width:1200px;text-align:left; margin: 0px auto; font-size: 16px; line-height: 24px; padding:20px 7px 20px 7px; }
 #Blok1WEWN h4 { color: #06419d; margin: 0; padding: 0 0 0 14px; border-left: #ff431b 21px solid;  font-size: 36px; line-height: 48px; } 
#Blok1WEWN h1{ color: #06419d; margin: 0; padding: 0 0 0 14px; border-left: #ff431b 21px solid;  font-size: 32px; line-height: 36px; } 
#Blok1Lewy  {display:table-cell; width:55%; vertical-align: text-top; vertical-align: top; text-align: left; padding: 0px 21px  21px 21px;border: blue 0px solid;}
#Blok1Srod  {display:table-cell;  text-align:center; width:0,1%; padding: 0px 1px  0px 1px}
#Blok1Prawy {display:table-cell; width:44%; vertical-align: text-top; vertical-align: top; text-align: left; padding: 0px 7px 21px 21px; border: green 0px solid;}

#Blok1Lewy img, #Blok1Prawy img, #Blok2Prawy img  {display: block; max-width: 100%!important; height:auto;  margin: 0;}
#Blok1Lewy li  { list-style-image: url(grafiki/punkt.gif) }


#Blok2Lewy  {display:table-cell; width:44%; vertical-align: text-top; vertical-align: top; text-align: left; padding: 0px 21px  21px 21px;border: blue 0px solid;}
#Blok2Srod  {display:table-cell;  text-align:center; width:0,1%; padding: 0px 1px  0px 1px}
#Blok2Prawy {display:table-cell; width:55%; vertical-align: text-top; vertical-align: top; text-align: left; padding: 0px 7px 21px 21px; border: green 0px solid;}
#Blok2Prawy td {border: #ccc 1px solid; text-align:center;  font-size: 13px;  line-height: 18px;padding: 7px 3px  7px 3px;}

#Blok1Lewy li>h1,#Blok1Lewy li>h2  { color:#444;margin: 0; border:0;font-weight: normal; padding: 0; font-size: 16px;line-height: 22px;}
/* = = = = = */


/*  FORMULARZ  */
#BlokFormLewy  {display:table-cell; width:49%; vertical-align: text-top; vertical-align: top; text-align: left; padding: 0px 21px  21px 21px; background-color: #ddd; border: solid 1px #ccc;}
#BlokFormPrawy {display:table-cell; width:49%; vertical-align: text-top; vertical-align: top; text-align: left; padding: 0px 7px 21px 21px; background-color: #ddd; border: solid 1px #ccc;}

.txt_form {font-size: 13px; line-height: 15px; color: #444; text-align:left; padding:0}
.txt_form_p {font-size: 13px; line-height: 15px; color: #444; text-align:right;white-space: nowrap;}
sup {color:#f00;; font-size: 16px; line-height: 18px; }

.pole {font-family: Trebuchet,Arial; font-size: 14px;  line-height: 20px; border: solid 1px #777;}
.kreska_top {border-top: #fff 1px solid;} 

 .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;}
.komp {display:block;}
.smart {display:none;}
/* input.wyslij { display:inline-block; color:#fff; background: #008dcf;  font-size: 14px;  line-height: 16px;  padding: 7px 12px 7px 12px; border-radius: 7px; 	-moz-border-radius: 7px; 	-webkit-border-radius: 7px; }
input.wyslij :hover {color:#fff; background:#444 ; } */

input.wyslij {display:inline-block;  height: 36px; text-align: center; padding: 0 21px 0 21px;  margin: 0; color: #777; background: linear-gradient(#fff, #ccc); border: #ccc 1px solid; border-radius: 4px; 	-moz-border-radius: 4px; 	-webkit-border-radius: 4px; font-size: 15px; line-height:36px; } 

input.wyslij:hover {display:inline-block;  color: #fff; background: linear-gradient(#aaa, #eee); border: #aaa 1px solid;cursor: pointer } 


/* 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; }
/* koniec  Powrót do  góry */

/*  --- STOPKA ---  */
#PASEK_ZEWN  { background:#777; color:#fff;}
#PasekWEWN  { height:auto; max-width:1200px;  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:1200px; margin: 0 auto; padding: 21px 0}
#StopWEWN h4 {color:#fff;text-transform:uppercase; 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  { margin: 0 auto 0;  padding: 0; }
#NagLewy  {display:block;  width:100%; text-align:center; height: auto; padding: 20px 0 0 0;}
#NagSrod, .sm0, #MenuBlok_38L, .Blok1_1S  {display: none;  }
#NagPrawy {display: block; width:90%; margin: 0; padding:10px 10px 0 0;  text-align: center; font-size: 24px; line-height: 36px;}
#NagPrawy img {vertical-align:top; width: 36px; height: 36px;}
/* ---  BANER ---  */
.cycleH1 {display:block;  color: #fff; text-shadow: #000 1px 2px 4px; font-size: 24px; line-height: 28px;}
.cycleH2 { display:block; color: #fff; text-shadow: #000 1px 2px 3px; font-size: 18px; line-height: 24px;}
.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; } 
 /* Blok tekstowy */
#Blok1Lewy, #Blok2Lewy,#Blok1Prawy,#Blok2Prawy {display: block; margin: 0 auto;  width: 93%;  padding: 0; }
#Blok1Lewy img, #Blok2Prawy img  {display: block; max-width: 100%!important; height:auto;  padding: 0; }
#Blok2Prawy td {border: #ccc 1px solid; text-align:center;  font-size: 12px;  line-height: 18px;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;}

}