.divCennik{
box-sizing:border-box;
padding: 0px 0px 50px 0px;
}
table.cennik{
width: 100%;
border-spacing: 0px;
}

table.cennik caption{
padding: 23px 0px;
text-align: center;
color: #FFFFFF;
font-size: 18px;
font-weight:500;
text-transform:uppercase;
background-color: #66b254;
border-bottom: 1px solid #5ea44d;
}
table.cennik thead tr{

}
table.cennik thead tr th{
padding: 15px 0px;
text-align: center;
vertical-align:middle;
color: #FFFFFF;
font-size: 16px;
font-weight:400;
background-color: #6aba57;
border-bottom: 1px solid #5ea44d;
border-right: 1px solid #5ea44d;
position: relative;
}
table.cennik thead tr th.thName{
font-size: 18px;
text-transform:uppercase;
font-weight:300;
}
table.cennik thead tr th.thPrice{

}
table.cennik thead tr th:after{
content:"";	
width: 100%;
height: 100%;
position: absolute;
top:0px;
left: 1px;
border-left: 1px solid #7eca69;
}
table.cennik thead tr th.thName:after{
border-left:none;
}

table.cennik thead tr th.thPrice:after{
content:"";	
width: 100%;
height: 100%;
position: absolute;
top:0px;
left: 1px;
border-top: 1px solid #7eca69;
}

table.cennik tbody{

}
table.cennik tbody tr{
background-color: #dbe6ea;
transition: all 0.5s ease-out 0s;
}

table.cennik tbody tr:nth-child(even){
background-color: #f0f0f2;
}

table.cennik tbody tr:hover{
/*background-color: #aabcc8;*/
}

table.cennik tbody tr td{
border-style: solid;
border-width: 0px 0px 1px 1px;
border-color: #cfdbe1 #cbd9df #cfdbe1 #cbd9df;
padding: 12px 0px;
color: #171C17;
font-size: 15px;
text-align: center;
vertical-align: middle;
position: relative;
transition: all 0.5s ease-out 0s;
}

table.cennik tbody tr td a.opis{
background-color: #7dcb6a;
display: inline-block;
padding: 10px;
border-radius: 5px;
box-sizing: border-box;
border: 1px solid #7dcb6a;
transition: all 0.5s ease-out 0s;
}

table.cennik tbody tr td a.opis:after{
content: "Opis";
color: #FFFFFF;
transition: all 0.5s ease-out 0s;
}
table.cennik tbody tr td a.opis:hover{
background-color: #FFFFFF;
}
table.cennik tbody tr td a.opis:hover:after{
color: #7dcb6a;
}


table.cennik tbody tr td a.zamow{
display: inline-block;
box-sizing: border-box;
transition: all 0.5s ease-out 0s;
}

table.cennik tbody tr td a.zamow:after{
content: "Oblicz cenę";
color: #FFFFFF;
background: linear-gradient(to bottom, #db6141 0%,#c4472a 50%,#c4472a 100%);
background-size: 200% 200%;
transition: all 0.5s ease-out 0s;
padding: 10px;
border-radius: 5px;
}

table.cennik tbody tr td a.zamow:hover{

}
table.cennik tbody tr td a.zamow:hover:after{
background-position: 100% -100%;
}


table.cennik tbody tr td:after{
content:"";
height: 100%;
position: absolute;
top:0px;
left: 1px;
border-left: 1px solid #e3ebef;
}


table.cennik tbody tr td:first-child{
border-left: none;
}
table.cennik tbody tr td:first-child:after{
border-left: none;
}



table.cennik tbody tr td.nameTd{
text-align: left;
padding-left: 30px;
}

table.cennik tbody tr td.cenaTd{

}
table.cennik tbody tr td.cenaTd span{
display: inline-block;
padding: 13px 28px;
transition: all 0.5s ease-out 0s;
border-radius:25px; 
}

table.cennik tbody tr:hover td{
/*color: #FFFFFF;*/
}
/*
table.cennik tbody tr td.cenaTd:hover span{
background-color: #c6411b;
}
*/



.divCennik .info{
color: #FF0000;
font-size: 15px;
margin-left: 5px;
}
.divCennik .footCennik{
display: table;
width: 100%;
}

.divCennik .infoCennik{
font-size: 14px;
font-style: italic;
display: table-cell;
color: #FF0000;
}
.divCennik .zamowCennik{
display: table-cell;
text-align: right;
}
.divCennik .zamowCennik a{
display: inline-block;
padding: 21px 100px 21px 65px;
position: relative;
background-color: #3ca7df;
font-size: 16px;
color: #FFFFFF;
border-radius:0px 0px 10px 10px;
border: 1px solid #3ca7df;
transition: all 0.5s ease-out 0s;
/*border-width: 0px 1px 1px 1px;*/
border-width: 0;
background: linear-gradient(to bottom, #db6141 0%,#c4472a 50%,#c4472a 100%);
background-size: 200% 200%;
}

.divCennik .zamowCennik a:after,.divCennik .zamowCennik a:before{
content: "";
position: absolute;
width: 24px;
height: 13px;
top:0px;
bottom: 0px;
right: 54px;
margin: auto;

}
.divCennik .zamowCennik a:after{
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAANCAYAAACzbK7QAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAPlJREFUeNpi+v//PwMV8FIgXodNjomBctAOxFFAHAjELRiyFLo88z8E/ATiP1B2FLIafJrZCBjuh2ZoBZT9DYjNiLEAFK7zcciZQQ0CgTok8UVQsSdALI3Pgsb/CIBuiSIQv4LKLcXi68NQuTNAzInN8CioApD3P6NZwg/El6Bie3EEoygQ34M5AF3SHhph/6ERaINmyV4o+xLUMlwhoAvEH4D4NrKgCpLXe5HELZEsQQlfAlgIiCWQvXUbasBGIGZGU2wJddEHqOuITsqwiIF5/SQoYnAotoQGIQOpFsyBGn4P6hMGamJQUeEExB+B2B+IXzNQGQAEGABdrFkdgD/duAAAAABJRU5ErkJggg==') no-repeat;
opacity:1;
}
.divCennik .zamowCennik a:before{
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAANCAYAAACzbK7QAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAT9JREFUeNpitFl+n4EKYCkQcwJxELoEExUMbwfiKCAOBOIWaluQCcQVQPwLiP8CcTXUMqIsYCNguB8QT4ayE4G4BsqeA8RmMEUseAyYD3VZIhY5kAErgJgZiOuBeBlUXAuIY4F4HRCbA/FTXBY0onkV2RJFIN4CjVSQwU1IcilQeRsg3gjEttiCCGRwHTRMvwBxAtQ3IMAP1SgKxPuw+O4XNCWBkqYxKLjQfWCPZFguEF8G4u1QS0BADoh1oeJBUAPRwWsg9gfiw6CgRLZABYhXQyO3D4inQ8XdgHgXkiVPgdgTiD/iiT+QA5RAZsGCSBTqUhC9CYjLkBQfh1ryEYo9oZYQAu+A+AUL1MUroD44BcQR0PBnQLPEE6r2MikZBWTBNCB2gkaMDxB/x6H2ODk5kQlq+EdoxLxmoDIACDAAPEFAI6P+WZ4AAAAASUVORK5CYII=') no-repeat;
opacity:0;
}
.divCennik .zamowCennik a:hover:after{
opacity:1;
}
.divCennik .zamowCennik a:hover:before{
opacity:0;
}


.divCennik .zamowCennik a:hover{
/*
background-color: #FFFFFF;
color: #3ca7df;
border-color: #cbd9df;
*/
background-position: 100% -100%;
}



.divCennik .footCennik .info{
margin-right: 10px;
}
table.cennik tbody tr td.nameTd .icoSystem{
display: inline-block;
width: 17px;
height: 35px;
vertical-align: middle;
background-repeat: no-repeat;
background-position: -17px 0px;
margin: 0px 10px 0px -10px;
}

.frameParent{
width: 0px;
height: 0px;
background-color: #FFFFFF;
position: fixed;
z-index: 101;
transition: all 0.5s ease-out 0s;
border-radius: 5px;
}

.frameParent.showFrame{
width: 90%;
height: 90%;
left: 0px !important;
right: 0px;
top:0px !important;
bottom: 0px;
margin:auto;
box-sizing: border-box;
padding: 20px 0px 30px 0px;
}

.divOverlayFrame {
background-color: rgba(0, 0, 0, 0.5);
bottom: 0;
left: 0;
position: fixed;
right: 0;
top: 0;
z-index: 100;
opacity: 1;
display: none;

}

.inFrameParent{
box-sizing: border-box;
display: flex;
max-height: 100%;
flex-direction: column;
}

.inFrameParent .titleFrame{
border-bottom: 1px solid #E9E9E9;
}

.inFrameParent2{

}
.frameContent2{
overflow: auto;
}

.inFrameParent .content-text{
box-sizing: border-box;
padding: 20px;
font-size: 18px;
background-color: #FFFFFF;
}
.inFrameParent .contentText{
overflow: auto;
box-sizing: border-box;

}

.divOverlayFrame .closeImg {
cursor: pointer;
opacity: 1;
text-align: center;
text-shadow: none;
transition: all 0.5s ease-in-out 0s;
color: #000;
display: inline-block;
float: right;
font-size: 17px;
height: 45px;
width: 45px;
line-height: 45px;
position: absolute;
top: 10px;
right: 10px;
z-index: 102;
background-color: rgba(255,255,255,0.8);
}
.divOverlayFrame .closeImg::before {
content: "\e014";
font-family: "Glyphicons Halflings";
}


.inFrameParent h1.main-title {
font-size: 26px;
padding-bottom: 10px;
margin-bottom: 0px;
}




.inFrameParent .linkKoszyk{
display: inline-block;
float: right;
position: absolute;
z-index: 2;
font-size: 18px;
font-weight: 500;
margin-right: 30px;
right: 0px;
color:#c4472a
}
.inFrameParent .linkKoszyk:before{
content: "\e116";
font-family: 'Glyphicons Halflings';
font-style: normal;
font-weight: 400;
line-height: 1;
vertical-align: middle;
display: inline-block;
margin-right: 10px;
font-size: 24px;
color:#c4472a
}


.inFrameParent h1.main-title::before {
height: 0px;
width: 100%;
/*box-shadow: 0px 5px 7px 3px rgba(0, 0, 0, 0.1);*/
z-index: 1;
background-color: transparent;
}

@media screen and (max-width:1030px){
.inFrameParent h1.main-title {text-align: left;padding-left: 20px;font-size: 22px;padding-right: 135px;}
.inFrameParent .linkKoszyk {font-size: 15px;}
.inFrameParent .linkKoszyk::before {font-size: 18px}
}

@media screen and (max-width:780px){
table.cennik tbody tr td{padding: 5px;}
table.cennik tbody tr td.nameTd{padding-left: 25px;padding-right: 10px;}
.divCennik .footCennik{display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.divCennik .infoCennik{-webkit-order: 1;-ms-flex-order: 1;order: 1;}
.divCennik .zamowCennik{-webkit-order: 0;-ms-flex-order: 0;order: 0;margin-bottom: 10px;display: block;width: 100%;text-align: center;}
.divCennik .zamowCennik a{display: block;}	
}