.delbtn {
padding:8px 30px 8px 30px;
/*background:#EF001F;*/
background-color:rgba(256,0,0,0.4);
color:#f4f4f4;
font-weight:700;
cursor:pointer;
}

.updbtn {
padding:8px 30px 8px 30px;
/*background:#4CAF50;*/
background-color:rgba(0,256,0,0.4);
color:#000;
font-weight:700;
cursor:pointer;
}

.delbtn:hover {
background-color:rgba(256,0,0,1);
}

.updbtn:hover {
background-color:rgba(0,256,0,1);
}

.basket_note {
	width:320px;
	height:200px;
}

.ftb {
display:table;
width:100%;
box-sizing:border-box;
border:none;
}

.ftr {
display:table-row;
width:100%;
margin-top:16px;
}

.ftr:firstChild {
display:table-row;
margin:0;
}

.ftd {
display:table-cell;
padding:5px 5px 0px 5px;
}

.wpc120 {
width:120px;
}

.petycja input {
width:100%;
background-color:rgba(140,186,3,0.1);
padding:16px;
box-sizing:border-box;
border:solid 1px #d4d4d4;
color:#000;
}

.petycja input:focus {
background-color:rgba(140,186,3,0.2);
color:#000;
}

.petycja label {
font-weight:700;
}

.petycja input:required {
background-color:rgba(255,0,0,0.1);
}

.petycja input:required:focus {
background-color:rgba(255,0,0,0.2);
}

.petycja input[type=submit] {
background-color:rgba(140,186,3,0.8);
cursor:pointer;
}

.petycja input[type=submit]:hover {
background-color:rgba(140,186,3,1);
color:#fff;
}

.petycja input[type=reset] {
background-color:rgba(255,0,0,0.1);
cursor:pointer;
}

.petycja input[type=reset]:hover {
background-color:rgba(255,0,0,1);
color:#fff;
}

.petycjaKomentarze .li{
margin-top:16px;
border-bottom:solid 1px #d4d4d4;
}

.petycjaKomentarze .data {
font-style:italic;
font-size:12px;
font-weight:400;
color:#8CBA03;
}

.petycjaKomentarze .firstname {
color:#000;
font-weight:700;
}

.petycjaKomentarze {
color:#888;
}



.card img {
width:100%;
}

section {
border:solid 1px #d4d4d4;
border-width:1px 0 1px 0;
}

.s2 {

}

#s1 {
background-color:#8CBA03;
}

#s0 {
background-color:#444;
}

#s1, #s0 {
  display: flex;
  flex-wrap: wrap;
  padding:100px 50px 100px 50px;
	position:relative;
}


#s1 > .card, #s0 > .card {
	display:table;
	width:360px;
	margin:10px;
	box-sizing:border-box;
	border:solid 1px #d4d4d4;
	padding:10px;
	background-color:#fff;
}

#s1 > h2, #s0 > h2 {
display:table;
position:absolute;
top:-6px;
left: 10px;
padding:16px;
background-color:#444;
border:solid 2px #fff;
font-family: 'BNPP Sans Condensed';
color:#fff;
}

#s0 > h2 {
background-color:#8CBA03;
}

.pobierz {
display:block;
width:100%;
padding:16px;
background:#8CBA03;
color:#fff;
text-decoration:none;
text-align:center;
}

.pobierz:hover {
color:#000;
background:#8CBB14;
text-decoration:none;
}


.run  {
  position: relative;
  animation-name: example;
  animation-duration: 2.4s;
  animation-iteration-count: infinite;
  text-align:center;
  box-sizing:border-box;
  margin:auto;
}

@keyframes example {
  0%   {top:0px;}
  50%  {top:10px;}
  100% {top:0px;}
}

.matpanel {
background-color:rgba(0,0,0,0.4);
min-height:100vh;
box-sizing:border-box;
}

.matpanel i {
color:#fff;
font-size:3rem
}


.matpanel a:link {
color:#fff;
text-decoration:none;
font-size:3rem;
display:block;
padding:10vh;
box-sizing:border-box;
}


/* visited link */
.matpanel a:visited {
color:#fff;
text-decoration:none;
}

/* mouse over link */
.matpanel a:hover {
color:#fff;
text-decoration:none;
}

/* selected link */
.matpanel a:active {
color:#fff;
text-decoration:none;
}