/* © Radek Brewka - strony aplikacyjne | www.brewka.pl */
/* ------------------------------ */
.p5 { padding: 5px; }
.p10 { padding: 10px; }
.p15 { padding: 15px; }
.p20 { padding: 20px; }
.p25 { padding: 25px; }
.p30 { padding: 30px; }


.pp05 { padding: 0px 5px; }
.pp010 { padding: 0px 10px; }
.pp015 { padding: 0px 15px; }
.pp020 { padding: 0px 20px; }
.pp025 { padding: 0px 25px; }
.pp030 { padding: 0px 30px; }

.pp50 { padding: 5px 0px; }
.pp510 { padding: 5px 10px; }
.pp515 { padding: 5px 15px; }
.pp520 { padding: 5px 20px; }
.pp525 { padding: 5px 25px; }
.pp530 { padding: 5px 30px; }

.pp100 { padding: 10px 0px; }
.pp105 { padding: 10px 5px; }
.pp1015 { padding: 10px 15px; }
.pp1020 { padding: 10px 20px; }
.pp1025 { padding: 10px 25px; }
.pp1030 { padding: 10px 30px; }

.pp150 { padding: 15px 0px; }
.pp155 { padding: 15px 5px; }
.pp1510 { padding: 15px 10px; }
.pp1520 { padding: 15px 20px; }
.pp1525 { padding: 15px 25px; }
.pp1530 { padding: 15px 30px; }

.pp200 { padding: 20px 0px; }
.pp205 { padding: 20px 5px; }
.pp2010 { padding: 20px 10px; }
.pp2015 { padding: 20px 15px; }
.pp2025 { padding: 20px 25px; }
.pp2030 { padding: 20px 30px; }

.pp250 { padding: 25px 0px; }
.pp255 { padding: 25px 5px; }
.pp2510 { padding: 25px 10px; }
.pp2515 { padding: 25px 15px; }
.pp2520 { padding: 25px 20px; }
.pp2530 { padding: 25px 30px; }

.pp300 { padding: 30px 0px; }
.pp305 { padding: 30px 5px; }
.pp3010 { padding: 30px 10px; }
.pp3015 { padding: 30px 15px; }
.pp3020 { padding: 30px 20px; }
.pp3025 { padding: 30px 25px; }


.pt5 { padding-top: 5px; }
.pt10 { padding-top: 10px; }
.pt15 { padding-top: 15px; }
.pt20 { padding-top: 20px; }
.pt25 { padding-top: 25px; }
.pt30 { padding-top: 30px; }
.pt35 { padding-top: 35px; }
.pt40 { padding-top: 40px; }
.pt45 { padding-top: 45px; }
.pt50 { padding-top: 50px; }

.pr5 { padding-right: 5px; }
.pr10 { padding-right: 10px; }
.pr15 { padding-right: 15px; }
.pr20 { padding-right: 20px; }
.pr25 { padding-right: 25px; }
.pr30 { padding-right: 30px; }
.pr35 { padding-right: 35px; }
.pr40 { padding-right: 40px; }
.pr45 { padding-right: 45px; }
.pr50 { padding-right: 50px; }

.pb5 { padding-bottom: 5px; }
.pb10 { padding-bottom: 10px; }
.pb15 { padding-bottom: 15px; }
.pb20 { padding-bottom: 20px; }
.pb25 { padding-bottom: 25px; }
.pb30 { padding-bottom: 30px; }
.pb35 { padding-bottom: 35px; }
.pb40 { padding-bottom: 40px; }
.pb45 { padding-bottom: 45px; }
.pb50 { padding-bottom: 50px; }

.pl5 { padding-left: 5px; }
.pl10 { padding-left: 10px; }
.pl15 { padding-left: 15px; }
.pl20 { padding-left: 20px; }
.pl25 { padding-left: 25px; }
.pl30 { padding-left: 30px; }
.pl35 { padding-left: 35px; }
.pl40 { padding-left: 40px; }
.pl45 { padding-left: 45px; }
.pl50 { padding-left: 50px; }





.ma { margin: auto; }
.m0a { margin: 0 auto; }


.mm05 { margin: 0px 5px; }
.mm010 { margin: 0px 10px; }
.mm015 { margin: 0px 15px; }
.mm020 { margin: 0px 20px; }
.mm025 { margin: 0px 25px; }
.mm030 { margin: 0px 30px; }

.mm50 { margin: 5px 0px; }
.mm510 { margin: 5px 10px; }
.mm515 { margin: 5px 15px; }
.mm520 { margin: 5px 20px; }
.mm525 { margin: 5px 25px; }
.mm530 { margin: 5px 30px; }

.mm100 { margin: 10px 0px; }
.mm105 { margin: 10px 5px; }
.mm1015 { margin: 10px 15px; }
.mm1020 { margin: 10px 20px; }
.mm1025 { margin: 10px 25px; }
.mm1030 { margin: 10px 30px; }

.mm150 { margin: 15px 0px; }
.mm155 { margin: 15px 5px; }
.mm1510 { margin: 15px 10px; }
.mm1520 { margin: 15px 20px; }
.mm1525 { margin: 15px 25px; }
.mm1530 { margin: 15px 30px; }

.mm200 { margin: 20px 0px; }
.mm205 { margin: 20px 5px; }
.mm2010 { margin: 20px 10px; }
.mm2015 { margin: 20px 15px; }
.mm2025 { margin: 20px 25px; }
.mm2030 { margin: 20px 30px; }

.mm250 { margin: 25px 0px; }
.mm255 { margin: 25px 5px; }
.mm2510 { margin: 25px 10px; }
.mm2515 { margin: 25px 15px; }
.mm2520 { margin: 25px 20px; }
.mm2530 { margin: 25px 30px; }

.mm300 { margin: 30px 0px; }
.mm305 { margin: 30px 5px; }
.mm3010 { margin: 30px 10px; }
.mm3015 { margin: 30px 15px; }
.mm3020 { margin: 30px 20px; }
.mm3025 { margin: 30px 25px; }


.mt5 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mt25 { margin-top: 25px; }
.mt30 { margin-top: 30px; }
.mt35 { margin-top: 35px; }
.mt40 { margin-top: 40px; }
.mt45 { margin-top: 45px; }
.mt50 { margin-top: 50px; }

.mr5 { margin-right: 5px; }
.mr10 { margin-right: 10px; }
.mr15 { margin-right: 15px; }
.mr20 { margin-right: 20px; }
.mr25 { margin-right: 25px; }
.mr30 { margin-right: 30px; }
.mr35 { margin-right: 35px; }
.mr40 { margin-right: 40px; }
.mr45 { margin-right: 45px; }
.mr50 { margin-right: 50px; }

.mb5 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb25 { margin-bottom: 25px; }
.mb30 { margin-bottom: 30px; }
.mb35 { margin-bottom: 35px; }
.mb40 { margin-bottom: 40px; }
.mb45 { margin-bottom: 45px; }
.mb50 { margin-bottom: 50px; }

.ml5 { margin-left: 5px; }
.ml10 { margin-left: 10px; }
.ml15 { margin-left: 15px; }
.ml20 { margin-left: 20px; }
.ml25 { margin-left: 25px; }
.ml30 { margin-left: 30px; }
.ml35 { margin-left: 35px; }
.ml40 { margin-left: 40px; }
.ml45 { margin-left: 45px; }
.ml50 { margin-left: 50px; }




.bF { background: #FFF; }
.bE { background: #EEE; }
.bD { background: #DDD; }
.bC { background: #CCC; }
.bB { background: #BBB; }
.bA { background: #AAA; }
.b9 { background: #999; }
.b8 { background: #888; }
.b7 { background: #777; }
.b6 { background: #666; }
.b5 { background: #555; }
.b4 { background: #444; }
.b3 { background: #333; }
.b2 { background: #222; }
.b1 { background: #111; }
.b0 { background: #000; }
.bFB { background: #3A5897; }



.cF { color: #FFF; }
.cE { color: #EEE; }
.cD { color: #DDD; }
.cC { color: #CCC; }
.cB { color: #BBB; }
.cA { color: #AAA; }
.c9 { color: #999; }
.c8 { color: #888; }
.c7 { color: #777; }
.c6 { color: #666; }
.c5 { color: #555; }
.c4 { color: #444; }
.c3 { color: #333; }
.c2 { color: #222; }
.c1 { color: #111; }
.c0 { color: #000; }
.cred { color: #FF0000; }
.cFB { color: #3A5897; } 


.w100 { width: 100%; }
.h100 { height: 100%; }

.wh100 { width: 100%; height: 100%; }

.fl { float: left; }
.fr { float: right; }
.fN { float: none; }
.fc { clear: both; height: 0px; font-size: 0px; }
.fcl { clear: left; height: 0px; font-size: 0px; }
.fcr { clear: right; height: 0px; font-size: 0px; }

.tal { text-align: left; }
.tac { text-align: center; }
.tar { text-align: right; }

.ffTA { font-family: Tahoma, Arial; } 
.ffAT { font-family: Arial, Tahoma; } 
.ffVT { font-family: Verdana, Tahoma; }

.fs0 { font-size: 0px; } .fs9 { font-size: 9px; } .fs10 { font-size: 10px; } .fs11 { font-size: 11px; } .fs12 { font-size: 12px; } .fs13 { font-size: 13px; } .fs14 { font-size: 14px; } .fs15 { font-size: 15px; } .fs16 { font-size: 16px; } .fs17 { font-size: 17px; } .fs18 { font-size: 18px; } .fs19 { font-size: 19px; } .fs20 { font-size: 20px; } .fs21 { font-size: 21px; } .fs22 { font-size: 22px; } .fs23 { font-size: 23px; } .fs24 { font-size: 24px; } .fs25 { font-size: 25px; }
.fs26 { font-size: 26px; } .fs27 { font-size: 27px; } .fs28 { font-size: 28px; } .fs29 { font-size: 29px; } .fs30 { font-size: 30px; }

.fw300 { font-weight: 300; } 
.fw400 { font-weight: 400; } 
.fw600 { font-weight: 600; }
.fw700 { font-weight: 700; }
.fw800 { font-weight: 800; }

.lh10 { line-height: 100%; }
.lh11 { line-height: 110%; }
.lh12 { line-height: 120%; }
.lh13 { line-height: 130%; }
.lh14 { line-height: 140%; }
.lh15 { line-height: 150%; }
.lh16 { line-height: 160%; }
.lh17 { line-height: 170%; }
.lh18 { line-height: 180%; }
.lh19 { line-height: 190%; }
.lh20 { line-height: 200%; }


.op10 { opacity: 1.0; } .op9 { opacity: 0.9; } .op8 { opacity: 0.8; } .op7 { opacity: 0.7; } .op6 { opacity: 0.6; } .op5 { opacity: 0.5; } .op4 { opacity: 0.4; } .op3 { opacity: 0.3; } .op2 { opacity: 0.2; } .op1 { opacity: 0.1; }

.br0 { border: 0px none; }

.brt0 { border-top: 0px none; }

.brb0 { border-bottom: 0px none; }
.brb1E { border-bottom: 1px solid #EEE; }
.brb1D { border-bottom: 1px solid #DDD; }
.brb1C { border-bottom: 1px solid #CCC; }
.brb1B { border-bottom: 1px solid #BBB; }
.brb1A { border-bottom: 1px solid #AAA; }

.img1 { padding: 5px; border: 3px solid #DDD; background: #FFF; }


.tdlt { text-decoration: line-through; }

.cp { cursor: pointer; }

/* ------------------------------------------------------------------------------------------------------------------------ */