/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


:root 
{
	--bialy:#ffffff; /* bialy */
	--kolor1:#383e42; /* ciemny szary */
	--kolor2:whitesmoke;
	--kolor3:#5B5D74; /* fiolet */
	--kolor4:gray;
	--kolor5:silver;
	--kolor6:#F28C28; /* pomarańczowy */
	--kolor7:#898176;
	
}


body{font-family:Calibri, sans-serif;font-size:18px;line-height:1.3;color:var(--kolor1)}
a{color:var(--kolor1);cursor:pointer}
b,.b{font-weight:bold}
h1,.n1{font-size:32px;}
.n1{text-align:center;display:block}
.hid{display:none !important;}
h2{font-size:26px;margin-bottom:10px;}
input[type="text"], textarea,input[type="submit"]{border:2px solid var(--kolor3);padding:10px 20px;font-size:20px;}
input[type="submit"]{background-color:var(--kolor3);color:var(--bialy);cursor:pointer}
input.blad, textarea.blad{border:2px solid var(--kolor6)}
textarea{resize:vertical;font-size:20px;font-family:Calibri}
.flex{display:flex}
.sm{font-size:80%}
.bi{font-size:110%}
.op{opacity:0.5}
.co{max-width:1800px;margin:0 auto;}
.c{text-align:center}
.art{display:flex;flex-direction:column;font-size:110%;align-items:center;width:100%;}
.art p{margin-bottom:40px;max-width:800px;margin-left:2%;margin-right:2%;}
#header{background-color:whitesmoke;padding-bottom:20px;}
#header div:first-child{text-align:right;}
#header > div:first-child a{background-color:var(--kolor3);color:var(--bialy);padding:7px 20px;display:inline-block;}
#header div:last-child{text-align:center;}
#menu{background-color: var(--kolor5);text-align:center;border-bottom:10px solid var(--kolor2);padding:12px;}
#menu a{color:var(--bialy);text-decoration:none;font-size:24px;}
#menu li{display:inline-block;padding:0px 20px;}
#menu .ac{border-bottom:2px solid var(--bialy)}
#kafle{color:var(--bialy);justify-content:center;align-items:center;flex-wrap:wrap;margin-bottom:20px;}
#kafle > div{background-color:var(--kolor1);padding:20px;width:400px;text-align:center;margin-bottom:20px;margin-top:20px;display:flex;flex-direction:column;height:200px;justify-content:center;border-bottom:8px solid var(--kolor2);border-right:8px solid var(--kolor2);background-repeat:no-repeat;background-position-x: left;background-position-y:bottom;}
#kafle > div > div {margin-top:15px;border-top:1px solid var(--kolor4);padding-top:15px;}
#kafle > div > div a{border:1px solid var(--bialy);padding:5px 10px;display:inline-block;margin:5px;color:var(--bialy);opacity:0.5}
#kafle > div > div a:hover{opacity:1}
#kafle li{text-align:left;list-style-type:disc;margin-left:5px;margin-right:5px;}
#kafle ul, #kafle p{font-size:80%}
#kafle p a {color:var(--bialy)}
.kaf2{cursor:pointer;}
#korzysci{background-color:#c0c0c0;padding-top:30px;padding-bottom:20px;}
#korzysci .n1{color:var(--kolor2)}
#korzysci .co{justify-content:center;flex-wrap:wrap;}
#korzysci .co > div{width:300px;margin:20px;display:flex;flex-direction:column;}
#korzysci .co > div > div{display:flex;text-align:center;}
#korzysci .co > div > div:last-child{margin-top:10px;}
#korzysci .co > div > div div{width:50%}
#korzysci .co > div > div div{padding:20px;background-color:var(--kolor2);}
#korzysci .co > div > div div:first-child{font-size:36px;background-color:var(--kolor7);color:var(--bialy);font-weight:bold;}
#stopka{background-color:var(--kolor3);color:var(--bialy);xborder-bottom:10px solid var(--kolor2);padding-top:20px;background-image: url('/img/tlox.png');border-top:1px solid var(--kolor2)}
#stopka a{color:var(--bialy)}
#stopka .co .flex{flex-wrap:wrap;}
#stopka .co > div.flex > div{width:380px;margin:20px;}
#stopka{font-size:90%}
#stopka > div > div:last-child{text-align:center;padding:10px;border-top:1px solid var(--bialy)}
#stopka ul{list-style:square;margin-left:10px;}
#stopka h2{margin-bottom:10px;}
#stopka > div div:last-child div{margin-top:20px}
#stopka > div div:last-child div a{border:1px solid var(--bialy);padding:5px 10px;display:inline-block;margin-right:10px;margin-bottom:10px;}
#czas{text-align:center}

#cena{margin-bottom:20px;text-align:center;}
#cena div:first-child{margin-bottom:-10px;font-weight:bold;font-size:50px}
#cena div:last-child{font-size:24px;opacity:0.5}

.kontakt{width:800px;padding:20px;display:flex;flex-direction:column;align-items:center;margin:0 auto;margin-bottom:20px;background-color:whitesmoke;}
.kontakt input[type="text"],.kontakt textarea{width:560px;margin-bottom:20px;}
.kontakt textarea{height:200px;}
.kontakt p{margin:20px 0px}
.as{font-size:28px;display:flex;align-items:center;margin-bottom:20px;}
.as div{padding:5px;}
.as input{margin-bottom:0px !important;width:40px !important;text-align:center;}

#re{justify-content:center;display:flex;flex-direction: row;flex-wrap:wrap}
#re p{padding-top:2px;padding-bottom:2px;}
#re h1{color:var(--kolor2);padding:20px;}
#re h2{margin-bottom:5px;line-height:1.2}
#re > div{display:flex;width:780px;margin:10px;background-color: var(--kolor1)}
#re > div > div{width:50%}
#re > div > div img{width:372px;margin-top:5px;margin-bottom:5px;margin-left:5px;}
#re > div > div:first-child{display:flex;align-items:center;}
#re > div > div:last-child{;color:var(--bialy);font-size:80%;padding:10px;}