/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: local('Montserrat Regular'), local('Montserrat-Regular'), url(fonty/montserrat-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: local('Montserrat Regular'), local('Montserrat-Regular'), url(fonty/montserrat-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}     
     
html {  height: 100%; scroll-behavior: smooth; }

body { margin: 0; font-family: 'Montserrat', Tahoma, Arial, Roboto, sans-serif; height: 100%;color: #333; background: #fff ; text-align:center;  font-size: 16px;  line-height: 24px;}
article, footer, header, main, nav, section { display: block;}
body, table, td, tr, img, h1, h2, h3, h4, p, div, form, main, nav  {margin: 0; padding: 0; text-indent:0; border:0} 
ul  { padding:0px; margin: 0px 0px 0px 21px; list-style-type: square}
li  { padding:0px; margin: 4px 0px 0px 0px;}
a {text-decoration:none;color: #3e8bf5 ;}
a:hover {color: #3E77BB;}
s { text-decoration:none; white-space: nowrap; }
clear {clear:both; }
.komp {display:block;}
.smart, .menu_smart {display:none;}
.Table-Block {display:table-cell;}
.separator {height: 14px; border-top: #ddd 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;}
.g-50 {position: relative; top:-49px;}
h1  {color: #3E77BB; margin: 0 0 21px 0; text-align:left;font-weight: normal;  font-size: 36px; line-height: 36px; }
h2  {color:  #3E77BB; margin: 0 0 21px 0; text-align:left;font-weight: normal;  font-size: 35px; line-height: 36px; }
h5 {margin: 0; color:  #3E77BB; font-weight: normal; font-size: 21px; line-height: 28px; }
.header {color:  #3E77BB;  margin: 0px 0 7px 0; text-align:left;font-weight: normal;  font-size: 36px; line-height: 49px;}
.head2 {color:  #3E77BB;  margin: 0px 0 7px 0; font-weight: normal;  font-size: 21px; line-height: 24px;}
 /* Pasek blokujący się na Górze strony */
.fixed { position: fixed; top: 0;  background:#3E77BB ; }
.sticky { width: 100%;   z-index: 999; } /*    text-transform: uppercase;  */
.fixed > #menu_poz > nav > a { color: #fff;}
.nieb {color:  #3E77BB; }

#MENU_ZEWN { width: 100%;z-index: 20;  text-align:center;padding: 0; height: 40px;  }
#menu_poz nav { max-width:1140px; margin: 0 auto 0px;  text-align: center; border-bottom: #aaa 1px solid;  }
#menu_poz nav a {  display: inline-block; padding: 0px 12px; color: #333; text-transform:uppercase; font-weight: normal;  font-size: 15px; line-height: 36px; border: transparent 1px solid; }
#menu_poz nav a:hover { color: #3E77BB;  background:#fff; border: #3E77BB 1px solid;border-radius: 7px; 	-moz-border-radius: 7px; 	-webkit-border-radius: 7px; }

/* --- NAGŁÓWEK //////////////////////////////////---*/
#NAG_ZEWN  { margin: 0 0 1px 0; padding: 0 0 0 0; background: #fff;  }
#NagWEWN  {position: relative;  max-width:1054px; margin: 0 auto;  padding:10px 7px 0 14px; }
#NagLewy  {display:table-cell; text-align:left; vertical-align: middle;  width:60%;font-family: Arial, sans-serif; font-size: 16px; line-height: 21px;  }
#NagLewy a {color: #000;font-size: 21px;}
#NagLewy a > span {font-size: 35px;line-height: 42px;}
#NagLewy a:hover {color: #3E77BB}
#NagLewy p {font-size: 14px;line-height:14px; margin: 3px 0 7px 0;}
.logo {float: left;}
#NagSrod  {display:table-cell; text-align:center; vertical-align: middle; width:30%; }
#NagSrod  h2 { color:  #000;  text-align:center; font-size: 36px; line-height: 36px; }
				
#NagPrawy {display:table-cell; text-align:right; vertical-align: top; min-width:180px; margin: 0 2px 0 0; padding: 0; color: #aaa;   font-size: 24px; line-height: 36px;}
/* #NagPrawy h1 {display:inline; font-weight: normal;  font-family: 'Montserrat', Tahoma, Arial, Roboto, sans-serif;font-size: 13px; line-height: 20px; white-space:nowrap;} */
#NagPrawy a {white-space:nowrap; color: #000; font-size: 24px; line-height: 36px;}
#NagPrawy img {vertical-align:top; padding: 0}

/* OBRAZ 1 ////////////////// */
/* ---  BANER ---  */
#BANER {position: relative; min-width: 320px; margin: 0 auto; background: #fff ; text-align:center; font-size: 30px;}
#BANER img, #BlokWEWN img  {margin:0; max-width: 100%!important; height: auto; }  
#inBANER  {max-width:1600px;  height: 100%; margin: 0 auto;}
#TytulBANER {display:block; position: absolute; top:0px; left:0px;width: 100%; height: 100%; margin: 0 auto; } 
#Tytul {position: relative;max-width:1040px; padding: 0px 21px 0 21px 0; height: 100%; margin: 0 auto;}
#BANER h1 {position: absolute; bottom:5%; padding:  0 0 0 0px; color: #fff; text-align:left; 
font-weight:normal; letter-spacing: 2px; word-spacing:9px; text-shadow: #000 2px 2px 1px; font-size: 1.0em;  line-height:1.3em;}
#BANER  h1>strong { letter-spacing: 1px; word-spacing:10px; font-size: 1.7em;  line-height:1.2em; }

#BLOK1_ZEWN, #BLOK2_ZEWN   {clear:both; background: #fff;}

#BlokWEWN  {min-width: 320px; max-width:1100px;text-align:left; margin: 0px auto; padding:20px 7px 20px 7px; border-bottom: #aaa 0px solid;}

#Blok2WEWN  {min-width: 320px; max-width:1140px;text-align:left; margin: 0px auto;box-shadow: 2px 3px 7px #777; padding:20px 7px 20px 7px; border-bottom: #aaa 0px solid;}

.BlokLewy  {display:table-cell; width:63%; vertical-align: text-top; vertical-align: top; text-align: left; padding: 0px 21px  21px 21px;border: blue 0px solid;}
.BlokSrod  {display:table-cell;  text-align:center; width:0,1%; padding: 0px 1px  0px 1px}
.BlokPrawy {display:table-cell; width:36%; vertical-align: top; text-align: left; padding: 0px 7px 21px 21px; border: green 0px solid;}

iframe  {max-width: 100% !important; border-bottom: #c9a56e 1px solid; }

/* MENU KAFELKOWE */
#lista_ofer {display:block; width:100%;  margin: 0px auto;text-align: center; }
#lista_ofer a {display: inline-block;position: relative; width: 365px; height:100px;  background: #eee;  border: #eee 1px solid; text-align: left;  padding:0;  margin:0 10px 20px 0px;} 
#lista_ofer a:hover {color: #fff; border: #c62829 1px solid;background: #c62829; } 
#lista_ofer img {position: absolute; left:0px; top:0px;	width: 150px; height:100px; margin:0 14px 0 0; vertical-align: middle;}
#lista_ofer span {display:inline-block; width: 190px; height:100px; text-align:center; color: #444; font-weight: normal; font-size: 16px;  line-height:21px; padding:0 0 0 7px; }
#lista_ofer> a:hover>h3> span {color: #fff; } 
#lista_ofer> a:hover>img {opacity: 0.7 } 
#lista_ofer h3 {position: absolute; left:150px; top:0px;display:inline-block; width: 190px; height:110px; text-align:center; color: #444; font-weight: normal; font-size: 14px;  line-height:21px;margin:0;padding:0; }
#lista_ofer h3> span {display:table-cell; vertical-align: middle;}

/* ---  MENU dla SMARTFONÓW -------- */
#menu_sm {position: fixed; top:4px; right:7px; width: 160px; text-align: center;}
#menu0 { width: 99%; margin: 0px auto 4px;  text-align: left; }
#menu0 dt {	cursor: pointer;}

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

dt.poziom0 {  width: 95%;height: 40px; color: #fff; background: transparent; border: #ccc 0px solid; margin: 0px 0 3px  0; padding: 0 0 0 10px; border-radius: 7px; 	-moz-border-radius: 7px; 	-webkit-border-radius: 7px;}
dt.poziom0:hover {background: #fff;  color: #e77516;}

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

dt.poziom1a  { color: #fff; background: #aaa; border: #ccc 1px solid; margin: 3px 0 0px  0; padding: 0 0 0 10px; }
dt.poziom1a:hover {background:#eee; color: #333;}

.rozwin {display:inline-block; float: right; background: #3e8bf5; width: 40px; height: 40px; font-size:40px; line-height:36px; text-align: center; border: #3e8bf5 1px solid; border-radius: 3px; }
#menu0 span {color: #777; font-size:22px; line-height:30px;}
#menu0 i {color: #fff; font-size:12px; line-height:30px;}

dd a:link, dl a:visited { display: block;  color: #333; background: #eee;font-size: 14px; line-height: 40px; }
dd a:hover, dl a:hover { display: block; background:#fff; color: #777; }
/*Koniec utawien menu*/ 		
			
#footer { color: #fff;  background: #3E77BB; padding: 25px 50px; font-size: 14px;   text-align: center;   }
#footer p {max-width: 777px; margin:0 auto}
#STOP_ZEWN  { background: #3E77BB; color: #ddd; font-size: 16px; line-height:21px;}
#StopWEWN  { min-width: 320px; max-width:1000px; margin: 0 auto; padding: 21px 0}
#StopWEWN a {color:#fff; }
#StopWEWN a:hover {color:#c00; }
#StopWEWN h4 {color:#fff;text-transform:uppercase; font-size: 20px; line-height:24px}
#StopLewy  {display:table-cell;  min-height:100px;  width:40%; padding: 0 21px 0 14px; text-align:left;}
#StopSrod  {display:table-cell; min-height:100px; width:40%; padding: 0 14px 0 21px;text-align:left; vertical-align: text-top; vertical-align: top;}
#StopPrawy {display:table-cell;min-height:100px;  width:33%;vertical-align: text-top;text-align:left; vertical-align: top;}


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

/* ---- 1000px ------------- */
 @media all and (max-width:1000px) 
{
		#NagSrod h2 {		font-size: 28px;		line-height: 28px;		}
		.menu_smart {display:block;}
#MENU_ZEWN {display:none;}
.komp {display:none;} 
.smart {display:block;}
.Table-Block {display:block;}
#menu_sm {display:block; z-index: 999}


#NagWEWN  {border-bottom: #ccc 1px solid;  }
#NagLewy {display: block; width:97%; text-align:left; padding: 7px 0 0 7px; margin: 0}
#NagSrod  {display: block; width:97%; padding:0px 7px; margin: 0;}
#NagSrod h2 { font-size: 24px;  line-height: 28px;}
#NagPrawy {display: block; width:95%; text-align: center; padding: 0 0  7px 7px; margin: 0; }

 #BLOK_baner {height: auto; }
#BANER h1 {position: absolute; top: 5%; padding:  0 0 0 14px; color: #fff; text-align:left; 
font-weight:normal; letter-spacing: 2px; word-spacing:9px; text-shadow: #000 1px 2px 1px; font-size: 0.8em;  line-height:1.3em;}

}

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


#lista_ofer {width: 90%; margin:0; }
#lista_ofer a {display: inline-block;position: relative; width: 340px; height:100px;  background: linear-gradient(#fff, #ccc);  border: #ccc 1px solid; text-align: left;  padding:0;  margin:0 0 14px 0px;} 
 /* Blok tekstowy */
.BlokLewy, .Blok2Lewy,.BlokPrawy,.Blok2Prawy {display: block; border-bottom: #ccc 1px solid; margin: 0 auto;  width:100%;  padding:  14px 0 14px 0; }


/* .Blok2Lewy img  {width: 100% !important;max-width: 417px !important;} */
#StopLewy  {display:block; height: auto;  width: auto; min-width: 320px;  padding: 0 0 0 14px ; }
#StopSrod  {display:block; height: auto;  width: auto; min-width: 320px;  padding: 0 0 0 14px ; }
#StopPrawy {display:block; height: auto;  width: auto; min-width: 320px;  padding: 0 0 0 14px ;}
#StopPrawy h5, #StopPrawy h6 {text-align:center; }
#StopPrawy img.do_prawej {float: none}
#PASEK_ZEWN { height:auto; font-size: 14px; line-height:20px;  }
}

/* ---- 640px ------------- */
 @media all and (max-width:640px) 
{
/* h1 {   font-size: 24px;  line-height: 24px;} */
#baner h2.szkola { position: absolute;  bottom: 7%;  left: 30%;  transform: translate(-30%, 0%);   font-size: 28px; line-height: 35px;} 
}