body 
{
	font-family: Verdana;
}

H1	/* nagłówki na stronie */
{
   color: #444444;   
   font-size: 13pt;
   text-align: center;
}

H2	/* nagłówki na stronie */
{
   color: #444444;   
   font-size: 13pt;
   text-align: center;
}

H3	/* nagłówki na stronie */
{
   color: #3D87D0; 
   font-weight: 500;
   font-size: 10pt;
   margin-left: 6px;
   margin-bottom: -2px;
}

H4	/* nagłówki na stronie */
{
   color: #FF0000;
   font-weight: 500;
   font-size: 7pt;
   margin-left: 6px;
   margin-bottom: -2px;
}

H5
{
	color: #3D87D0;
    font-size: 13pt;
	text-align: center;
	line-height: 0cm;
}

H6
{
	font-weight:normal;
	color: #444444;
	font-size: 10pt;
	text-align: center;
	line-height: 0cm;
}

.main-container /* główny kontener strony */
{
	border: 0px solid green;
	max-width: 900px;
	margin: auto;
}

nav > ul /* menu poziome */
{
	
	width: 100%;
	margin: 0 auto;
	padding: 0;
	list-style-type: none;
}

nav > ul > li  /* menu poziome */
{
    float:left;
}

     
nav > ul > li:first-child  /* pierwszy element - li */
{
    width:11%;
	line-height:32px;
}

nav > ul > li:first-child + li  /* drugi element - li */
{
    width:13%;
	line-height:16px;
}

nav > ul > li:first-child + li  + li /* trzeci element - li */
{
    width:15%;
	line-height:16px;
}

nav > ul > li:first-child + li  + li  + li /* czwarty element - li */
{
    width:19%;
	line-height:16px;
}

nav > ul > li:first-child + li  + li  + li  + li /* piąty element - li */
{
    width:14%;
	line-height:16px;
}

nav > ul > li:first-child + li  + li  + li  + li + li /* szósty element - li */
{
    width:16%;
	line-height:16px;
}

nav > ul > li:first-child + li  + li  + li  + li + li + li /* siódmy element - li */
{
    width:12%;
	line-height:16px;
}
		  
nav ul > li > a /* menu poziome */
{
	display:block;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	color: white;
	background-color: #BBBBBB;
	padding: 3px;
	margin: 15px 1px 1px 2px;
	border: 1px solid gray;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

nav ul li a:hover /* menu poziome */
{
	color: #3D87D0;
	background-color: #BBBBBB;
	border: 1px solid gray;
}

.linkownia,
.main-content
 {
	float: left;
}

.linkownia /* linki */
{
	width: 25%;
	margin-top: 5px;
	background-color: white;
}

.linkownia ul /* menu poziome */
{
	margin-left: 6px;
	margin-top: 5px;
	padding: 0;
	list-style: none;
	line-height: 0.25cm;
}

.linkownia ul li .odnosnik
{
	color: #444444;
	font-size: 7pt;
	text-decoration: none;
}

.linkownia ul li .odnosnik:hover
{
	color: #B00000;
}

.main-content /* zawartość główna */
{
	width: 75%;
	margin-top: 5px;
	background-color: white;
}

.main-content figure /* obrazki - zawartość główna */
{
	text-align: center;
}

.main-content .linki /* linki - zawartość główna */
{
	font-size: 10pt;
	text-decoration: underline;
	line-height: 0.7cm;
	color: #FF0000;
}

.main-content p /* treść - zawartość główna */
{
	color: #444444;
	font-size: 10pt;
	line-height: 0.5cm;
	text-align: justify;
	text-indent: 0cm;
	margin-left: 10px;
	margin-right: 10px;
}

.main-content span /* treść wyróżniona - zawartość główna */
{
	color: #800000;
}

.main-content .podkreslenie /* treść wyróżniona i podkreślona - zawartość główna */
{
	text-decoration: underline;
}

.main-content .podkresl /* treść wyróżniona - zawartość główna */
{
	color: #444444;
	text-decoration: underline;
}

.main-content ul /* wypunktowanie - zawartość główna */
{
	list-style-type: square;
	color: #444444;
}

.main-content .no-list-style /* wypunktowanie - zawartość główna */
{
	list-style-type: none;
	color: #444444;
	margin-left: -15px;
}

.main-content ul li,
.main-content .no-list-style li /* wypunktowanie - zawartość główna */
{
	line-height: 0.5cm; 
	text-align: justify; 
	margin-right: 10px;
	font-size: 10pt;
}

.main-content ul ul /* wypunktowanie - zawartość główna */
{
	list-style-type: circle;
	color: #444444;
}

.main-content ul ul li /* wypunktowanie - zawartość główna */
{
	line-height: 0.7cm; 
	text-align: justify; 
	margin-right: 10px;
	font-size: 10pt;
}

.main-content .poziomy-kursow /* szary nagłówek w poziomach kursów */
{
	font-weight: 600;
    font-size: 13pt;
	line-height: 1cm; 
	color: #C0C0C0;
}

.main-content .adres p
{
	text-align: center;
	line-height: 0.15cm; 
	text-shadow: 0px 0px 0px #000;
	font-weight: bold;
}

.main-content .slider figure
{
	text-align: center;
}

.mySlides1
 {
	 display:none; 
}

.main-content .srodek p
{
	text-align: center;
	line-height: 0.15cm; 
}

div.ramkaprawa
{
	float:right; 
	width:49%; 
	height:443px; 	
}

div.ramkalewa
{
	float:left; 
	width:49%; 
	height:443px; 	
}

div.wysrodkuj
{
    height: 100%;
    position: relative 
}

div.wysrodkuj p 
{
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%) 
}

.main-content iframe
{
	border: none; 
	margin-left: 39px;
	margin-right: 36px;
}

.footer-stopka * /* stopka */
{
   font-weight: 300;
   text-align: center;
   color: #797979;
   font-size: 7pt;
   clear: both;
}


#whatsapp
{
  border:none;
  margin-bottom:10px;
  position:fixed;
  top:10%;
  left:0px;
  margin-top: -10px; /*połowa wysokości panelu w górę */ 
}

#meta
{
  border:none;
  margin-bottom:10px;
  position:fixed;
  top:25%;
  left:0px;
  margin-top: -10px; /*połowa wysokości panelu w górę */ 
}

/* The Modal (background) */
.modal {
  display: none;
  position: fixed;
  z-index: 1;
  padding-top: 50px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: black;
}

/* Modal Content */
.modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  width: 90%;
  max-width: 1200px;
}

/* The Close Button */
.close {
  color: white;
  position: absolute;
  top: 10px;
  right: 25px;
  font-size: 35px;
  font-weight: bold;
}

.mySlides {
  display: none;
}

.cursor {
  cursor: pointer;
}