/* @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;}
/* --- 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: 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:7px 20px 0 0; color: #be0404;  font-family: Tahoma, Arial, sans-serif;  font-size: 16px; line-height: 24px;}
#NagPrawy p {white-space:nowrap;}
#NagPrawy img {vertical-align:top; width: 24px; height: 24px;}

#sciezka {margin: -7px 0 14px 0; color: #777; font-size: 13px; line-height: 18px;}
/* #sciezka  a {color: #be0404;}
#sciezka a:hover {color: #be0404;} */
/* ---  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: #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  { 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;}
.Blok1_62L> h1, .Blok1_38L > h1,.Blok1_38P > h1, #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:35%; 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_62P, #Blok_65K  {position: relative; display:table-cell; width:65%; vertical-align: text-top; vertical-align: top; text-align: left; padding: 0 0 14px 0;}
#Blok_62P h1 { color:#777;  padding: 0 0 0 14px; border-left: #be0404 21px solid; margin: 0 0 21px 0;  font-size: 28px;  line-height: 35px;}
#Blok_65K h1 { color: #be0404; margin: 0 0 21px 0;  font-size: 28px;  line-height: 35px;} 
#Blok_62P h4, #Blok_65K 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_38L{position: fixed; display:table-cell; width:35%; vertical-align: text-top; vertical-align: top;  text-align: left; padding:  0 0 14px 0;}
#MenuBlok_38L h3 {color: #aaa; margin: 0 0 21px 0; font-size: 36px;  line-height: 49px;}
#MenuBlok_38L > 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_38L > ul > li { margin:0; padding:0; /*   border-top: #aaa 1px solid; */} 
#MenuBlok_38L >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_38L > ul > li > a:hover { color: #fff;   background:#be0404 ;}  
#MenuBlok_38L > ul > li > a:active { color: #fff;   background:#ccc ;}  
#MenuBlok_38L  li:active { color: #fff;   background:#ccc ;}  
.g-102 {position: relative; top:-102px;}

/* GALERIA */
#Blok1Lewy_txt  {display:table-cell; width:32%; vertical-align: text-top; vertical-align: top; text-align: left; padding: 21px 14px 21px 14px; border: #aaa 1px solid; font-size: 15px; line-height:24px;}
#Blok1Lewy_txt h5 { color: #777; font-size: 18px; line-height:24px; padding: 0px 0px 21px 0px; }
#Blok1Srod  {display:table-cell;  text-align:center; width:0,1%; padding: 0px 1px  0px 1px}
#Blok1Prawy_foto {display:table-cell; width:64%; vertical-align: text-top; vertical-align: top; text-align: center;padding: 21px 7px 0px 21px; border: #aaa 1px solid}
.fot {display: inline-block; margin:0px 10px 7px 7px; vertical-align: middle; text-indent: -7px; }
.fot_refer  {display: inline-block; width: 200px;height:280px; margin:0px 10px 7px 7px; vertical-align: middle; text-indent: -7px;  font-size: 14px; line-height: 16px; }
.fot_refer:hover  { opacity: 0.5 }
.opis { margin: 4px 0 -4px  -12px; font-weight: normal; color: #000}
.fotogr { margin: 0 12px 0px 0; border: solid 1px #fff;  box-shadow: 2px 3px 7px #777; -webkit-box-shadow: 2px 3px 7px #777; -moz-box-shadow: 2px 3px 7px #777;}
.podfoto {display:table-cell;  width: 150px;}

/* = = = = = */
.podstrona_tekst {}
.tekst_L {padding: 0px 14px  14px 0px;}
.tekst_P {padding: 0px 0px  14px 14px;}
.tekst_S1 {text-align:center; margin: 0 0 0 21px; padding: 14px; color: #777;  background: #eee;  font-size: 18px; line-height: 28px; }
.tekst_S2 {width: 100%; text-align:center;margin: 0 0 0 21px;  padding:14px; color: #777;  background: #eee;font-family: 'Times New Roman', serif;  font-size: 18px; line-height: 24px;  }
.tekst_S3 {text-align:center;margin: 0 0 0 21px;  padding: 14px; color: #777; background: #eee; font-size: 15px; line-height: 22px;  }

/* TABELA z listą szkoleń */
#szkolenia {width: 100%; margin: 0px auto 20px; border-left: #ccc 1px solid;font-size: 14px;  line-height: 18px; }
#szkolenia tr {border: #aaa 1px solid;}
#szkolenia th {text-align:center; color: #fff; background: #777;border-right: #fff 1px solid;padding: 7px 4px 7px 4px;}
#szkolenia td {text-align:center;border-right: #ccc 1px solid; border-bottom: #ccc 1px solid; padding: 7px 7px 7px 7px;}
#szkolenia a {display:block; text-align:left; font-weight: bold;}
#szkolenia a.cycleLink {display:block; text-align:center; font-weight: bold;}
#szkolenia a.zapisy { display:inline-block; color:#fff; background:  #be0404;   padding: 7px 12px 7px 12px; border: #fff 1px solid;border-radius: 3px;  text-align:center; font-size: 14px;  line-height: 16px;}
#szkolenia a.zapisy:hover {color:#be0404; background: #fff;border: #be0404 1px solid;} 

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

#wyszukiwarka {}
#wyszukiwarka legend {font-size: 14px;  line-height: 18px;}
#wyszukiwarka fieldset {font-size: 14px;  line-height: 18px;min-height: 40px;padding: 4px 4px 4px 4px;text-align:center;    }
#szukaj {margin: 0 auto; width: 100%; text-align:center;  }
.SelectSzukaj {width: 120px;height: 40px; border: #aaa 1px solid; font-size: 16px;  line-height: 40px;}


/* 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 */

/*  --- 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:30%; padding: 0 14px 0 21px}
#StopSrod  {display:table-cell;min-width:200px; min-height:100px; width:20%;vertical-align: text-top; vertical-align: top;}
#StopPrawy {display:table-cell;min-width:200px;  min-height:100px;  width:20%;vertical-align: text-top; vertical-align: top;}
#StopPO {display:table-cell;min-width:200px;  min-height:100px;  width:20%;vertical-align: text-top; vertical-align: top;}
/* ---- 990px ------------- */
 @media all and (max-width:990px) 
{
#wyszukiwarka td {display: inline-block;}

#StopLewy, #StopSrod, #StopPrawy,#StopPO {display:inline-block;   width:85%; padding: 0 0 0 14px;}
#StopLewy img, #NagLewy img { max-width: 100%!important; height:auto;}
}
/* ---- 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: 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: 21px; line-height: 24px;}
.cycleH2 { display:block; color: #fff; text-shadow: #000 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_62P, #Blok_65K,#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; }


}