.gp table th{background: red; color:#fff;text-align:center;}
.gp table tr:hover {background: #ccc}
.gp table tr:hover a{color:red;}
.gp table td {text-align:center;}
.gp table tr a{color:#333;}
.gp table tr td a {
    display:block;
    height:100%;
    width:100%;
    line-height:18px;
}
.backButton{clear:both; margin:0 5px 5px 5px; padding:10px; float:left; line-height:20px; font-size:14px; font-weight:bold;background:#F00; color: #fff;}
.backButton2{margin:0 5px 5px 5px; padding:10px; line-height:20px; font-size:14px; font-weight:bold;background:#F00; color: #fff;}
.backButton:hover, .backButton2:hover{background:#bd0000; color: #fff;}

.gp-box { width:100%; background-color:#ffffff; margin-bottom:0; padding-bottom:0; border:1px solid #ececec; border-top:none; }
.gp-box:hover { width:100%; }
.gp-box a { color:#ffffff; text-decoration:none; }
.gp-box a:hover { text-decoration:none; text-decoration-color:#ffffff; }

.gp-baner { margin-top:0; margin-bottom:0; font-size:1.2rem; font-weight:bold; font-family: 'Roboto Condensed', sans-serif; background-color:#ffffff; color:#000000; padding:20px 0 20px 0; text-align:center;
background-image:url('http://e-petrol.pl/widgets/assets/baner-gp.png'); border-top:1px solid #ececec; }
.gp-baner img { width:100%; height:auto; }
.gp-baner:hover { margin-top:0; font-size:1.2rem; font-weight:bold; font-family: 'Roboto Condensed', sans-serif; background-color:#ffffff; color:#000000; padding:20px 0 20px 0; text-align:center;
background-image:url('http://e-petrol.pl/widgets/assets/baner-gp.png'); border-top:1px solid #ececec; }
.gp-title       { font-size:1.2rem; font-weight:bold; margin:5px 0 0 0; font-family: 'Roboto Condensed', sans-serif; background-color:#5a5a5a; color:#ffffff; padding:5px; }
.gp-title:hover { background-color:#000000; color:#ffffff; padding:5px; display:block; }
.gp-title a, .gp-title a:hover { color:#ffffff; display:block; }
.gp-subtitle { font-size:1rem; font-weight:bold; margin:20px 0 10px 5px; text-transform:uppercase; font-family: 'Roboto Condensed', sans-serif; }
.gp-more { font-weight:200; text-align:center; margin:2px; padding:2px 0 2px 0; font-family: 'Roboto Condensed'; background-color:#ffffff; }
.gp-more a { color:#777777; font-size:0.8rem; display:block; line-height:1rem; }
.gp-more a:hover { color:#000000; text-align:center; }

.gpof-box { width:auto; text-align:center; margin:2px; background-color:#ececec; font-family: 'Roboto Condensed', sans-serif; display:block; }
.gpof-box:hover { background-color:#ffffe6; }
.gpof-offer { color:#ffffff; border-top:1px solid #ececec; background-color:#8a1c1c; text-align:center; padding:5px 0 5px 0; font-size:1.1rem; font-weight:500; }
.gpof-box:hover .gpof-offer { color:#ffffff; border-top:1px solid #777777; background-color:#ff0000; text-align:center; }
.gpof-team { color:#000000; text-align:center;font-family: 'Roboto Condensed', sans-serif; font-weight:bold; padding:2px 0 2px 0; font-size:1rem; font-weight:400; }
.gpof-box:hover .gpof-team { text-align:center;font-family: 'Roboto Condensed', sans-serif; }
.gpof-price { color:#000000; text-align:center;font-family: 'Roboto Condensed', sans-serif; font-weight:bold; padding:3px 0 5px 0; font-size:1rem; font-weight:700; }
.gp-xs { color:#777777; float:right; text-transform:uppercase; margin:0; font-family: 'Roboto Condensed', sans-serif; font-size:0.6rem; }
.gpof-box:hover .gp-xs { color:#000000; float:right; text-transform:uppercase; font-family: 'Roboto Condensed', sans-serif; }
.gp-xl { font-weight:700; text-transform:none; color:#777777; font-size:0.7rem; }
.gpof-box:hover .gp-xl { font-weight:700; text-transform:none; color:#000000; }

.gp-baner, .gp-xs, .gp-xl, .gp-more, .gp-more a, .gpof-box, .gpof-offer, .gpof-team {
  -o-transition:.3s;
  -ms-transition:.3s;
  -moz-transition:.3s;
  -webkit-transition:.3s;
  transition:.3s;
}