* { margin:0; padding:0; border:0;}
html { font-size: 62.5%; } /* 62.5%*16px = 10px */
body {font-family: 'Andika', sans-serif; font-size: 1.4em;  background-color:#eee; }
header, nav, main, aside, footer, article, section { display: block; }
h1{font-family: 'Source Sans Pro', sans-serif; font-size: 2.2em; }
img { border:0; }


.fkolor,.afkolor,.a2fkolor{color:#093 !important;}
.afkolor:hover{color:#fff !important;}
.a2fkolor:hover{color:#666 !important;}

a {text-decoration: none; color:#333;padding:2px; transition: 0.5s; }
a:hover {color:#fff; background-color:#d00; }
a.nbground:hover {color:#fff; background-color:transparent; }


.clear {clear: both;}
.pointer {cursor: pointer;}
.sz_body {width:1260px; min-width:300px; margin-right:auto; margin-left:auto; }
.tlo_szare {background-color:#f7f8fa; }
.cien-box {background-color: #fff; box-shadow: -2px 2px 6px 0 #ccc;}
.right {float:right;}
.left{float:left;}
.pad5{padding:5px;}
            /*     Add your flexbox CSS below here     */
.flex_out { display: flex; flex-flow: row wrap;
        /*flex-direction: row;
          flex-wrap: wrap;  */    }
.flex_in { flex: 1 170px; } /* ile procentowo zamuje miejsca kazdy element + info o minimum */
.flex_in_2 { flex: 2 170px; }   /* element będzie 2x wiekszy od pozostalych a min i tak bedzie 200 px */
.flex_in_2_5 { flex: 2.5 190px; }   /* element będzie 2x wiekszy od pozostalych a min i tak bedzie 250 px */

#menu_kom {display:none; width:100%; background-color:#fff; } 
#menu_kom_klik {float:right; width:30px; height:28px; padding:3px; border: 2px solid #aaa; cursor:pointer; } 
#menu_kom_klik hr{border: 2px solid #aaa; margin:4px; }
#menu_kom_body { display:none; overflow:hidden; }

.k1{width:66%; display:block; float:left; background-color:#fff;}
.k2{width:32%; display:block; float:right; background-color:#fff;}