/* klasy pomocnicze */
/* podpowiedź: 
jeśli nie pamiętasz wszystkich rodzajów właściwości css np text-align, to napisz błędną właściwość a z boku wyświetli sie pomoc z wszystkimi właściwościami,
np.
.klasa {text-align:glupota;}
*/
.dn {display:none;}


.inf { animation-iteration-count:infinite;  -webkit-animation-iteration-count:infinite; }

.op01 {opacity:0.1;}
.op02 {opacity:0.2;}
.op03 {opacity:0.3;}
.op04 {opacity:0.4;}
.op05 {opacity:0.5;}
.op06 {opacity:0.6;}
.op07 {opacity:0.7;}
.op08 {opacity:0.8;}
.op09 {opacity:0.9;}
.op10 {opacity:1;}
.op01 {opacity:1;}

.cb {clear:both;}

/* wymagane gdy używamy skryptu responsywnego */
img {max-width:100%}
/* podpowiedź: 
jeśli nie pamiętasz wszystkich rodzajów właściwości css np text-align, to napisz błędną właściwość a z boku wyświetli sie pomoc z wszystkimi właściwościami,
np.
.klasa {text-align:glupota;}
*/


.clearfix:before,.clearfix:after,.container:before,.container:after {clear:both}

.sp {clear: both; display:block;  width:100%;  height:1px;}
.sp1{clear: both; display:block;  width:100%;  height:1px;}
.sp5{clear: both; display:block;  width:100%;  height:5px;}
.sp10{clear: both; display:block;  width:100%;  height:10px;}
.sp15{clear: both; display:block;  width:100%;  height:15px;}
.sp20{clear: both; display:block;  width:100%;  height:20px;}


/* wymagane gdy używamy skryptu responsywnego */
img {max-width:100%}

/*kolory czcionki lub ikonek*/
.bialy {color:#ffffff;}
.czarny {color:#000000;}

table { 
border-collapse : collapse;
border-spacing : 0;
margin-bottom : 1.4em; 
width : 100%; }

th, td, caption {padding : .25em 10px .25em 5px; }

.srodkuj-wr {text-align:center}
.srodkuj-it {margin: 0 auto; display:inline-block; }
.justifyright {text-align:right}




.center {text-align:center}
.centrowanie-pion  {vertical-align:middle}
/* KLASY - SKRÓTY   - stopniowo uzupełniać */
.fl {float:left;}
.fr {float:right;}
.fn {float:none}

.di {display:inline}
.dib {display:inline-block}
.db {display:block}
.dt {display:table}
.dtc {display:table-cell}

.ov {overflow:visible;}
.oh {overflow:hidden;}

.pr {position:relative}
.pa {position:absolute}

.tac {text-align:center}
.vam {vertical-align: middle;}


.ttupp {text-transform: uppercase;}
.ttlow {text-transform: lowercase;}
.ttcap {text-transform: capitalize;}

.fsi {font-style:italic}
.fwb {font-weight:bold}
.fwl {font-weight:lighter}


sup {vertical-align: super}
sub {vertical-align: sub}

.tdu {text-decoration:underline}

.p0 {padding:0}
.p5 {padding:5px;}
.p10 {padding:10px;}
.p20 {padding:20px;}
.p30 {padding:30px;}
.p40 {padding:40px;}
.p50 {padding:50px;}
.p60 {padding:60px;}
.p70 {padding:70px;}
.p80 {padding:80px;}
.p90 {padding:90px;}
.p100 {padding:100px;}

.pb0 {padding-bottom:0}
.pb5 {padding-bottom:5px}
.pb10 {padding-bottom:10px}
.pb20 {padding-bottom:20px}
.pb30 {padding-bottom:30px}
.pb40 {padding-bottom:40px}
.pb50 {padding-bottom:50px}
.pb60 {padding-bottom:60px}
.pb70 {padding-bottom:70px}
.pb80 {padding-bottom:80px}
.pb90 {padding-bottom:90px}
.pb100 {padding-bottom:100px}

.pt0 {padding-top:0}
.pt5 {padding-top:5px}
.pt10 {padding-top:10px}
.pt20 {padding-top:20px}
.pt30 {padding-top:30px}
.pt40 {padding-top:40px}
.pt50 {padding-top:50px}
.pt60 {padding-top:60px}
.pt70 {padding-top:70px}
.pt80 {padding-top:80px}
.pt90 {padding-top:90px}
.pt100 {padding-top:100px}

.pl0 {padding-left:0}
.pl5 {padding-left:5px}
.pl10 {padding-left:10px}
.pl20 {padding-left:20px}
.pl30 {padding-left:30px}
.pl40 {padding-left:40px}
.pl50 {padding-left:50px}
.pl60 {padding-left:60px}
.pl70 {padding-left:70px}
.pl80 {padding-left:80px}
.pl90 {padding-left:90px}
.pl100 {padding-left:100px}

.pr0 {padding-right:0}
.pr5 {padding-right:5px}
.pr10 {padding-right:10px}
.pr20 {padding-right:20px}
.pr30 {padding-right:30px}
.pr40 {padding-right:40px}
.pr50 {padding-right:50px}
.pr60 {padding-right:60px}
.pr70 {padding-right:70px}
.pr80 {padding-right:80px}
.pr90 {padding-right:90px}
.pr100 {padding-right:100px}

.m0{margin:0;}
.m10 {margin:10px;}
.m20 {margin:20px;}
.m30 {margin:30px;}
.m40 {margin:40px;}
.m50 {margin:50px;}
.m60 {margin:60px;}
.m70 {margin:70px;}
.m80 {margin:80px;}
.m90 {margin:90px;}
.m100 {margin:100px;}

.m0 {margin-top:0}
.mt10 {margin-top:10px}
.mt20 {margin-top:20px}
.mt30 {margin-top:30px}
.mt40 {margin-top:40px}
.mt50 {margin-top:50px}
.mt60 {margin-top:60px}
.mt70 {margin-top:70px}
.mt80 {margin-top:80px}
.mt90 {margin-top:90px}
.mt100 {margin-top:100px}

.mb0{margin-bottom:0}
.mb10 {margin-bottom:10px}
.mb20 {margin-bottom:20px}
.mb30 {margin-bottom:30px}
.mb40 {margin-bottom:40px}
.mb50 {margin-bottom:50px}
.mb60 {margin-bottom:60px}
.mb70 {margin-bottom:70px}
.mb80 {margin-bottom:80px}
.mb90 {margin-bottom:90px}
.mb100 {margin-bottom:100px}


.ml0 {margin-left:0}
.ml10 {margin-left:10px}
.ml20 {margin-left:20px}
.ml30 {margin-left:30px}
.ml40 {margin-left:40px}
.ml50 {margin-left:50px}
.ml60 {margin-left:60px}
.ml70 {margin-left:70px}
.ml80 {margin-left:80px}
.ml90 {margin-left:90px}
.ml100 {margin-left:100px}



.mr0 {margin-right:0}
.mr10{margin-right:10px}
.mr20 {margin-right:20px}
.mr30 {margin-right:30px}
.mr40 {margin-right:40px}
.mr50 {margin-right:50px}
.mr60 {margin-right:60px}
.mr70 {margin-right:70px}
.mr80 {margin-right:80px}
.mr90 {margin-right:90px}
.mr100 {margin-right:100px}

.mt-10 {margin-top:-10px}
.mt-20 {margin-top:-20px}
.mt-30 {margin-top:-30px}
.mt-40 {margin-top:-40px}
.mt-50 {margin-top:-50px}
.mt-60 {margin-top:-60px}
.mt-70 {margin-top:-70px}
.mt-80 {margin-top:-80px}
.mt-90 {margin-top:-90px}
.mt-100 {margin-top:-100px}

.mb-10 {margin-bottom:-10px}
.mb-20 {margin-bottom:-20px}
.mb-30 {margin-bottom:-30px}
.mb-40 {margin-bottom:-40px}
.mb-50 {margin-bottom:-50px}
.mb-60 {margin-bottom:-60px}
.mb-70 {margin-bottom:-70px}
.mb-80 {margin-bottom:-80px}
.mb-90 {margin-bottom:-90px}
.mb-100 {margin-bottom:-100px}

.ml-10 {margin-left:-10px}
.ml-20 {margin-left:-20px}
.ml-30 {margin-left:-30px}
.ml-40 {margin-left:-40px}
.ml-50 {margin-left:-50px}
.ml-60 {margin-left:-60px}
.ml-70 {margin-left:-70px}
.ml-80 {margin-left:-80px}
.ml-90 {margin-left:-90px}
.ml-100 {margin-left:-100px}

.mr-10 {margin-right:-10px}
.mr-20 {margin-right:-20px}
.mr-30 {margin-right:-30px}
.mr-40 {margin-right:-40px}
.mr-50 {margin-right:-50px}
.mr-60 {margin-right:-60px}
.mr-70 {margin-right:-70px}
.mr-80 {margin-right:-80px}
.mr-90 {margin-right:-90px}
.mr-100 {margin-right:-100px}


.fs05  {font-size:0.5em;}
.fs06  {font-size:0.6em;}
.fs07  {font-size:0.7em;}
.fs08  {font-size:0.8em;}
.fs09  {font-size:0.9em;}

.fs10 {font-size:1.0em;}

.fs11  {font-size:1.1em;}
.fs12  {font-size:1.2em;}
.fs13  {font-size:1.3em;}
.fs14  {font-size:1.4em;}
.fs15  {font-size:1.5em;}
.fs16  {font-size:1.6em;}
.fs17  {font-size:1.7em;}
.fs18  {font-size:1.8em;}
.fs19  {font-size:1.9em;}

.fs20 {font-size:2.1em;}
.fs21 {font-size:2.1em;}
.fs22 {font-size:2.2em;}
.fs23 {font-size:2.3em;}
.fs24 {font-size:2.4em;}
.fs25 {font-size:2.5em;}
.fs26 {font-size:2.6em;}
.fs27 {font-size:2.7em;}
.fs28 {font-size:2.8em;}
.fs29 {font-size:2.9em;}


.fs30 {font-size:3.0em;}
.fs35 {font-size:3.5em;}

.fs40 {font-size:4.0em;}
.fs45 {font-size:4.5em;}

.fs50 {font-size:5.0em;}
.fs55 {font-size:5.5em;}

.fs60 {font-size:6.0em;}
.fs65 {font-size:6.5em;}

.fs70 {font-size:7.0em;}
.fs75 {font-size:7.5em;}

.fs80 {font-size:8.0em;}
.fs85 {font-size:8.5em;}

.fs90 {font-size:9.0em;}
.fs65 {font-size:9.5em;}

.fs100 {font-size:10.0em;}


.lh10 {line-height:1.0;}
.lh15 {line-height:1.5;}
.lh20{line-height:2.0;}
.lh25 {line-height:2.5;}
.lh30 {line-height:3.0;}
.lh35 {line-height:3.5;}


.mh100 {min-height:100px;}
.mh200 {min-height:200px;}
.mh300 {min-height:300px;}