* {transition:background-color .15s,color .15s,box-shadow .3s,opacity 0.3s,filter 0.3s;margin:0;padding:0;border:0;box-sizing:border-box;}

html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}

body{margin:0}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block}progress{vertical-align:baseline}
audio:not([controls]){display:none;height:0}[hidden],template{display:none}
a{background-color:transparent;text-decoration:none;}
a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}
dfn{font-style:italic}mark{background:#ff0;color:#000}
small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-0.25em}sup{top:-0.5em}figure{margin:1em 40px}
img{border-style:none}svg:not(:root){overflow:hidden}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}
hr{box-sizing:content-box;height:0;overflow:visible}
button,input,select,textarea{font:inherit;margin:0}optgroup{font-weight:bold}
button,input{overflow:visible}button,select{text-transform:none}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}
legend{color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}
[type=checkbox],[type=radio]{padding:0}
[type=search]{outline-offset:-2px}


@import url('https://fonts.googleapis.com/css?family=Poiret+One');


html{font-family:Verdana;font-size:1em;line-height:1.5;overflow-x:hidden;margin:0;padding:0;}

.body{max-width:700px;margin:auto;padding:0;background-attachment:fixed;background-color: #383838;color:#fff;
background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPSc0MDAnIGhlaWdodD0nNDAwJyB2aWV3Qm94PScwIDAgNDAwIDQwMCc+Cgk8ZGVmcz4KCQk8cGF0dGVybiBpZD0nYmx1ZXN0cmlwZScgcGF0dGVyblVuaXRzPSd1c2VyU3BhY2VPblVzZScgeD0nMCcgeT0nMCcgd2lkdGg9JzQnIGhlaWdodD0nNCcgdmlld0JveD0nMCAwIDQgNCcgPgoJCQk8bGluZSB4MT0nLTEnIHkxPSctMScgeDI9JzQnIHkyPSc0JyBzdHJva2U9JyMwMDAwMDAnIHN0cm9rZS13aWR0aD0nMScvPgoJCQk8bGluZSB4MT0nMycgeTE9Jy0xJyB4Mj0nNScgeTI9JzEnIHN0cm9rZT0nIzAwMDAwMCcgc3Ryb2tlLXdpZHRoPScxJy8+CgkJCTxsaW5lIHgxPSctMScgeTE9JzMnIHgyPScxJyB5Mj0nNScgc3Ryb2tlPScjMDAwMDAwJyBzdHJva2Utd2lkdGg9JzEnLz4KCQk8L3BhdHRlcm4+IAoJCTxmaWx0ZXIgaWQ9J2Z1enonIHg9JzAnIHk9JzAnPgoJCQk8ZmVUdXJidWxlbmNlIHR5cGU9J3R1cmJ1bGVuY2UnIGJhc2VGcmVxdWVuY3k9Jy41JyBudW1PY3RhdmVzPScyJyBzdGl0Y2hUaWxlcz0nc3RpdGNoJy8+CgkJCTxmZUNvbnZvbHZlTWF0cml4IG9yZGVyPSczLDMnIGtlcm5lbE1hdHJpeD0nMCwtLjI1LDAsLS4yNSwyLC0uMjUsMCwtLjI1LDAnLz4KCQk8L2ZpbHRlcj4KCTwvZGVmcz4KCTxyZWN0IHdpZHRoPScxMDAlJyBoZWlnaHQ9JzEwMCUnIGZpbGw9J3VybCgjYmx1ZXN0cmlwZSknLz4KCTxyZWN0IHdpZHRoPScxMDAlJyBoZWlnaHQ9JzEwMCUnIGZpbHRlcj0ndXJsKCNmdXp6KScgb3BhY2l0eT0nMC4zOCcvPgo8L3N2Zz4='),
url(szkola2.jpg);width:100%;background-size: auto,100% auto!important;background-position: center top,center top;background-repeat: repeat,no-repeat;background-attachment:fixed,fixed;
}

header {padding-top:45px;text-align:center;color:white;font-family:verdana;font-weight:bold;}
header .simg{width:100%;}
.zs-logo-img {width:100%;}
header h1 {font-weight:bolder;font-size:250%;}

.scroll-box{box-shadow:0px 0px 10px black;background-color:#000;color:#fff;margin:10px 0px;font-size:200%;overflow:hidden;}
.scroll-box *:first-child{animation-name:scrollbox;animation-duration:20s;animation-timing-function: linear;animation-iteration-count:infinite; display:inline-block;padding:0 10% 0 100%;position:relative;white-space: nowrap;}

/* 26AA ⚪ 26AB ⚫ */
nav{width:100%;max-width:700px;z-index:1;position:fixed;top:0;margin:auto;background-color:#f6be1a;color:#000;text-align:left;max-height:100vh;overflow-y:auto;box-shadow:0px 0px 10px black;display:block;}

nav div p{margin:5px;font-size:140%;border-bottom:1px black solid;color:#000;font-weight:bold;}
nav div a{margin:5px;padding:5px;font-size:130%;text-decoration:none;cursor:pointer;}
nav div a::before{content:'\25B8';}
nav div a.imglink{margin:0;padding:0;}
nav div a.imglink::before{content:''}
nav div a:hover{color:#fff;background-color:#000;}
nav div a:focus{color:#fff;background-color:#000;}

.imglink img{width:100%}

.top-menu-button{cursor:pointer;color:#000;background-color:#f6be1a;font-weight:bolder;font-size:150%!important;width:100%;display:block;text-align:left;}
.top-menu-button:hover{color:#fff;background-color:#000;}
.top-menu-button:focus{color:#fff;background-color:#000;}

.top-menu-button::before{content:'\25B9';font-weight:bolder;}


#TopMenu ~ div{display:none!important;}
nav:hover #TopMenu ~ div{display:block!important;}
nav:focus-within #TopMenu ~ div{display:block!important;}


.open:hover::before,.open:focus::before{content:'\25BE ';}
.close{border-bottom:1px black solid;display:block;}
.close:hover::before{content:'\25B4 ';}

.show-on-focus{width:0px;height:0px;overflow:hidden;color:#fff;background-color:#000;font-weight:bolder;font-size:150%!important;display:block;}
.show-on-focus:focus{width:100%;height:auto;}
.focusable-menu-button{cursor:pointer;color:#000;background-color:#f6be1a;font-weight:bolder;font-size:150%!important;width:100%;display:block;text-align:left;}

a[type="application/pdf"]:before{content: url('https://fonts.gstatic.com/s/i/materialicons/picture_as_pdf/v5/24px.svg');vertical-align:middle;}

#edytor table{border:1px silver solid;}
#edytor table tr{border:1px silver solid;}
#edytor table tr td{border:1px silver solid;}
#edytor table tr td:focus{border:1px red solid;}

.table-collapsed{border-collapse:collapse;}
.table-border td{border:1px silver solid; padding:2px;}

/*orange - #f6be1a*/

.color-main {background-color:#3d5a99;color:#fff;}
.color-main:hover {background-color:#fff;color:#3d5a99;}

.FN_Cursive{font-family:"Comic Sans MS", cursive, sans-serif;}
.FN_Impact{font-family:Impact, Charcoal, sans-serif;}
.FN_Tahona{font-family:Tahoma, Geneva, sans-serif;}
.FN_Verdana{font-family:Verdana, Geneva, sans-serif;}
.FN_Console{font-family:"Lucida Console", Monaco, monospace;}

.FS_12{font-size:12px!important;}
.FS_14{font-size:14px!important;}
.FS_16{font-size:16px!important;}
.FS_18{font-size:18px!important;}
.FS_20{font-size:20px!important;}
.FS_22{font-size:22px!important;}
.FS_24{font-size:24px!important;}
.FS_28{font-size:28px!important;}
.FS_30{font-size:30px!important;}

.FS_80p{font-size:80%!important;}
.FS_90p{font-size:90%!important;}
.FS_100p{font-size:100%!important;}
.FS_110p{font-size:110%!important;}
.FS_120p{font-size:120%!important;}
.FS_130p{font-size:130%!important;}
.FS_140p{font-size:140%!important;}
.FS_150p{font-size:150%!important;}

.A_Center{text-align:center!important;}
.A_Right{text-align:right!important;}
.A_Left{text-align:left!important;}
.A_Justify{text-align:justify!important;}

.D_Block{display:block!important;}
.D_None{display:none!important;}
.D_IBlock{display:inline-block!important;}
.D_Inline{display:inline!important;}

.H_Invert:hover{filter:invert(1);}

a.button{border:1px #666 solid;border-radius:5px; background-color:#fff;color:#333;padding:5px;display:inline-block;}
a.button:hover{cursor:pointer;background-color:#ffd740;}

.w05{width:50%;display:inline-block;min-width:250px;}
.w025{width:25%;display:inline-block;min-width:125px;}
.w075{width:75%;display:inline-block;min-width:375px;}
.w033{width:33%;display:inline-block;min-width:160px;}
.w100{width:100%;display:block;}
/*PADDING */
.PA_0{padding:0!important;}
.PA_5{padding:5px!important;}
.PA_10{padding:10px!important;}
.PA_15{padding:15px!important;}
.PA_20{padding:20px!important;}
.PA_25{padding:25px!important;}
.PA_30{padding:30px!important;}
/*MARGIN*/
.MA_A{margin:auto!important;}
.MA_5{margin:5px!important;}
.MA_10{margin:10px!important;}
.MA_15{margin:15px!important;}
.MA_20{margin:20px!important;}
.MA_25{margin:25px!important;}
.MA_30{margin:30px!important;}
.ML_5{margin-left:5px!important;}
.ML_10{margin-left:10px!important;}
.ML_15{margin-left:15px!important;}
.ML_20{margin-left:20px!important;}
.ML_25{margin-left:25px!important;}
.ML_30{margin-left:30px!important;}

.BR_5{border-radius:5px;}

.B_Silver{border:1px silver solid;}




@media screen and (max-width:700px)
{
nav div a{display:block;}
.w05{display:block;}
.w025{display:block;}
.w075{display:block;}
.w033{display:block;}
.w100{width:100%;display:block;}
}
@media screen and (min-width:701px)
{
nav div a{display:inline-block;}
}

footer{padding:10px 0px;text-align:center;background-color:#f6be1a;font-size:1em;vertical-align:top;color:#000;}
footer a{}
footer a:hover{color:#fff;background-color:#000;}

article > * {margin:10px 15px;}
article{background-color:#fff;color:#000;padding:0px 0px;margin:15px 0px;border:0px;box-shadow:0px 0px 10px black}
article img{width:100%;margin:0;padding:0;}
article svg{width:100%;margin:0;padding:0;}
article > *:last-child{padding-bottom:10px;}
article .title{display:block;font-weight:bold;padding:15px 10px;text-align:left;background-color:#f6be1a;color:#000;margin:0;margin-bottom:10px;font-size:1.25em;border-bottom:1px #999 solid;text-shadow: 0px 0px 5px white;}
article ul,article ol {list-style-position:inside;}

article a{color:#4f5e99;}
article a:hover{background-color:#4f5e99;color:#fff;}

article img,article .showmore{margin:0;}

.showmore{font-size:100%;text-align:right;font-family:monospace;display:block;cursor:pointer;padding:5px;}
.showmore:hover{font-weight:bold;}
.showmore ~ * {display:none;}
.hideme{display:none;}




#modal-access{position:fixed;background-color:#000000;color:#ffffff!important;font-size:100%;width:100%;max-width:700px;margin:auto;max-height:50vh;overflow-y:auto;border-top:40px #f6be1a solid;}

form *:required:valid{background-color:#8bc34a;}
form *:invalid{color:red;}


.navigation-div{max-width:700px;margin:auto;background-color:#f6be1a;box-shadow: 0px -1px 10px black;border-bottom:1px black solid;}
.navigation{list-style-type:none;margin:0;padding:0;overflow:hidden;padding:0px 10px;display:inline-block;}
.navigation li {display:block;padding:0;margin:0;}
/*.navigation li:hover{background-color:#fff;color:#3d5a99;}*/
.navigation a {text-decoration:none!important;padding:8px;display:block;font-size:18px!important;font-weight:bold;}
.navigation a:hover {color:#0277bd;}
.navigation-content {display:none;}
.navigation li:hover .navigation-content {display:block;}
.navigation-content ul {display:block;margin-top:10px;margin-bottom:10px;}
.navigation-content li {padding:5px;display:inline-block;font-size:14px!important;color:#0277bd;}
.navigation-content li a{border:1px #f6be1a solid;font-size:14px!important;color:#0277bd;font-weight:normal;}
.navigation-content li a:hover {background-image:url('menuH.svg');background-size:auto 100%;transform:translateY(-2px);color:#fff;background-color:#b71c1c;}
.group-title { display:block!important;font-weight:bold;}

.box {max-height:300px;max-width:1000px; margin:10px 0px; box-shadow:0px 0px 10px black;background-color:rgba(50,50,50,0.6);font-size:24px;}
.container {background-color:#fff;color:#000;padding:0px 0px;text-align:justify;}
.card {margin:15px 0px;border:0;padding:0px;}
.shadow {box-shadow:0px 0px 10px black}
.card img {width:100%;display:block;margin:auto;padding:10px;border:0;}





.card form{margin:10px;padding:10px;}
.card input {border:1px #ccc solid;border-radius:3px;}

.card textarea {border:1px #ccc solid;border-radius:3px;width:100%;margin:5px 0px;}

.sqlquery_result{margin:10px;}
.sample_sql_code{margin:10px;padding:5px;font-family:monospace;}
.sample_sql_code:hover{background-color:#ccc;}
.wideSelect{width:100%;}

/*#edytor{display:block;position:fixed;width:200px;height:36px;background-color:silver;box-shadow:0px 0px 10px black;padding:5px;}*/


#edytorMenu{display:block;position:fixed;left:0px;bottom:0px;width:100%;font-size:24px;padding:0px;user-select: none;}
#edytorMenu i{margin:0px;padding:5px;vertical-align:middle;}
#edytorMenu i[on]{border-bottom:3px red solid;}
#edytorMenu i:hover{background-color:#f6be1a;color:#fff;cursor:pointer;}
#edytorMenu b:hover{background-color:#999;}
#edytorMenu label{line-height:1;vertical-align:middle;font-size:14px;}
#edytorMenu select{font-size:14px;line-height:1;vertical-align:middle;border:1px #999 solid;}
#edytorMenu option:hover {background-color:#3d5a99;color:#fff;}
#edytorMenu option[selected] {background-color:#3d5a99;color:#fff;}
#edytorMenu hr{margin:0px;padding:0px;}
#edytorMenu input{border:1px #999 solid;font-size:12px;}
#edytorMenu .spanButton{text-align:center;padding:2px 5px ; background-color:#999;color:#fff;font-size:14px;}
#edytorMenu .spanButton:hover{color:#fff;cursor:pointer;background-color:#f6be1a;}

#dialog{position:fixed;background-color:#fff;border:1px black solid;padding:5px;margin:0;}


.insertTable{border-collapse: collapse;}
.insertTable td{width:10px;height:10px;background-color:#ccc;outline:1px black solid;}
.insertTable td:hover{background-color:green;cursor:pointer;}


/* maintaince extras */
.v-s{color:blue;}

.r-o{color:green;}
.r-b{color:red;}
#galeryIMG{padding:5px;max-height:200px;overflow-y:scroll;}
#galeryIMG img{padding:2px;border:1px #999 solid;max-width:100px;max-height:67px;}
#galeryIMG img:hover{background-color:green;}

form label{margin:5px;padding:5px;font-size:12px;vertical-align:middle;}
form label *{vertical-align:middle;}
form label:hover{background-color:#ffc107;}
form .button{text-align:center;font-size:12px;background-color:#999;color:#fff;margin:5px;padding:5px;}
form .button:hover{color:#fff;cursor:pointer;background-color:#f6be1a;}

h1{font-size:200%}h2{font-size:180%}h3{font-size:170%}h4{font-size:160%}h5{font-size:140%}h6{font-size:120%}


h1,h2,h3,h4,h5,h6{font-weight:400;margin:10px 0}.w3-wide{letter-spacing:4px}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{font-weight:inherit}
hr{border:0;border-top:1px solid #eee;margin:20px 0}
img{margin-bottom:-5px}a{color:inherit}



/* ELEMENT STYLES */
/*.styl{}*/
.stylTextShadow{text-shadow:1px 1px 0 #444}
.stylTextShadowWhite{text-shadow:1px 1px 0 #ddd}
.stylImageSepia{filter:sepia(75%)}
.stylImageGrayScale{filter:grayscale(75%)}

/*STYLES FOR ELEMENTS*/
.img-Sepia{filter:sepia(75%);}
.img-GrayScale{filter:grayscale(75%);}
.img-AutoWidth{width:auto;}
.img-w50p{width:50%;}
.img-w25p{width:50%;}

.ol-decimalleadingzero{list-style-type: decimal-leading-zero;}
.ol-TI10px{text-indent:10px;}
.ul-TI10px{text-indent:10px;}
.ol-TI20px{text-indent:20px;}
.ul-TI20px{text-indent:20px;}
.ol-TI30px{text-indent:30px;}
.ul-TI30px{text-indent:40px;}

/*

FONT COLORS

*/
.FC_White{color:#ffffff!important;}
.FC_Black{color:#000000!important;}
.FC_Red{color:#e51c23!important}
.FC_Red_A{color:#ff5177!important}
.FC_Pink{color:#e91e63!important}
.FC_Pink_A{color:#ff4081!important}
.FC_Purple{color:#9c27b0!important}
.FC_Purple_A{color:#e040fb!important}
.FC_DeepPurple{color:#673ab7!important}
.FC_DeepPurple_A{color:#7c4dff!important}
.FC_Indigo{color:#3f51b5!important}
.FC_Indigo_A{color:#536dfe!important}
.FC_Blue{color:#5677fc!important}
.FC_Blue_A{color:#6889ff!important}
.FC_LightBlue{color:#03a9f4!important}
.FC_LightBlue_A{color:#40c4ff!important}
.FC_Cyan{color:#00bcd4!important}
.FC_Cyan_A{color:#18ffff!important}
.FC_Teal{color:#009688!important}
.FC_Teal_A{color:#64ffda!important}
.FC_Green{color:#259b24!important}
.FC_Green_A{color:#5af158!important}
.FC_LightGreen{color:#8bc34a!important}
.FC_LightGreen_A{color:#b2ff59!important}
.FC_Lime{color:#cddc39!important}
.FC_Lime_A{color:#eeff41!important}
.FC_Yellow{color:#ffeb3b!important}
.FC_Yellow_A{color:#ffff00!important}
.FC_Amber{color:#ffc107!important}
.FC_Amber_A{color:#ffd740!important}
.FC_Orange{color:#ff9800!important}
.FC_Orange_A{color:#ffab40!important}
.FC_DeepOrange{color:#ff5722!important}
.FC_DeepOrange_A{color:#ff6e40!important}
/*

BACKGROUND COLORS

*/
.BGC_White{background-color:#ffffff!important;}
.BGC_Black{background-color:#000000!important;}
.BGC_Red{background-color:#e51c23!important}
.BGC_Red_A{background-color:#ff5177!important}
.BGC_Pink{background-color:#e91e63!important}
.BGC_Pink_A{background-color:#ff4081!important}
.BGC_Purple{background-color:#9c27b0!important}
.BGC_Purple_A{background-color:#e040fb!important}
.BGC_DeepPurple{background-color:#673ab7!important}
.BGC_DeepPurple_A{background-color:#7c4dff!important}
.BGC_Indigo{background-color:#3f51b5!important}
.BGC_Indigo_A{background-color:#536dfe!important}
.BGC_Blue{background-color:#5677fc!important}
.BGC_Blue_A{background-color:#6889ff!important}
.BGC_LightBlue{background-color:#03a9f4!important}
.BGC_LightBlue_A{background-color:#40c4ff!important}
.BGC_Cyan{background-color:#00bcd4!important}
.BGC_Cyan_A{background-color:#18ffff!important}
.BGC_Teal{background-color:#009688!important}
.BGC_Teal_A{background-color:#64ffda!important}
.BGC_Green{background-color:#259b24!important}
.BGC_Green_A{background-color:#5af158!important}
.BGC_LightGreen{background-color:#8bc34a!important}
.BGC_LightGreen_A{background-color:#b2ff59!important}
.BGC_Lime{background-color:#cddc39!important}
.BGC_Lime_A{background-color:#eeff41!important}
.BGC_Yellow{background-color:#ffeb3b!important}
.BGC_Yellow_A{background-color:#ffff00!important}
.BGC_Amber{background-color:#ffc107!important}
.BGC_Amber_A{background-color:#ffd740!important}
.BGC_Orange{background-color:#ff9800!important}
.BGC_Orange_A{background-color:#ffab40!important}
.BGC_DeepOrange{background-color:#ff5722!important}
.BGC_DeepOrange_A{background-color:#ff6e40!important}


@keyframes scrollbox{
from{transform:translateX( 0 );}
to{transform:translateX( -100% );}
}




:root{
--BGC_White:#ffffff;
--BGC_Black:#000000;
--BGC_Red:#e51c23;
--BGC_Red_A:#ff5177;
--BGC_Pink:#e91e63;
--BGC_Pink_A:#ff4081;
--BGC_Purple:#9c27b0;
--BGC_Purple_A:#e040fb;
--BGC_DeepPurple:#673ab7;
--BGC_DeepPurple_A:#7c4dff;
--BGC_Indigo:#3f51b5;
--BGC_Indigo_A:#536dfe;
--BGC_Blue:#5677fc;
--BGC_Blue_A:#6889ff;
--BGC_LightBlue:#03a9f4;
--BGC_LightBlue_A:#40c4ff;
--BGC_Cyan:#00bcd4;
--BGC_Cyan_A:#18ffff;
--BGC_Teal:#009688;
--BGC_Teal_A:#64ffda;
--BGC_Green:#259b24;
--BGC_Green_A:#5af158;
--BGC_LightGreen:#8bc34a;
--BGC_LightGreen_A:#b2ff59;
--BGC_Lime:#cddc39;
--BGC_Lime_A:#eeff41;
--BGC_Yellow:#ffeb3b;
--BGC_Yellow_A:#ffff00;
--BGC_Amber:#ffc107;
--BGC_Amber_A:#ffd740;
--BGC_Orange:#ff9800;
--BGC_Orange_A:#ffab40;
--BGC_DeepOrange:#ff5722;
--BGC_DeepOrange_A:#ff6e40;
--granatowy:#4f5e99;
}