.gp table th{background: red; color:#fff;text-align:center;}
.gp table tr:nth-child(even) {background: #eee}
.gp table tr:nth-child(odd) {background: #fff}
.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:#f0f0f0; margin-bottom:0; padding-bottom:0; border:2px solid #444444; border-top:none; }
.gp-box:hover { width:100%; }
.gp-box a { color:#ffffff; text-decoration:none; }
.gp-box a:hover { text-decoration:none; -moz-text-decoration-color:#ffffff; 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://forms.e-petrol.pl/widgets2016/assets/baner-gp.png'); border-top:2px solid #000000; }
.gp-baner img { width:100%; height:auto; }
.gp-baner:hover { margin-top:0; margin-bottom:2px; font-size:1.6rem; font-weight:bold; font-family: 'Roboto Condensed', sans-serif; background-color:#ffffff; color:#000000; padding:30px 0 30px 0; text-align:center;
background-image:url('http://forms.e-petrol.pl/widgets2016/assets/baner-gp.png'); border-top:2px solid #000000; }
.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:bold; text-align:center; margin:2px; padding:4px 0 4px 0; font-family: 'Roboto', sans-serif; text-transform:uppercase; background-color:#444444; }
.gp-more a { color:#ffffff; font-size:0.6rem; display:block; line-height:1rem; }
.gp-more a:hover { color:#ff0000; font-size:1rem; text-align:center; line-height:2rem; }

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

.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;
}

@media only screen and (max-width: 768px) {

.gp-baner { margin-top:0; margin-bottom:0; font-size:2.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://forms.e-petrol.pl/widgets2016/assets/baner-gp.png'); border-top:2px solid #000000; }
.gp-baner img { width:100%; height:auto; }
.gp-baner:hover { margin-top:0; margin-bottom:2px; font-size:2.6rem; font-weight:bold; font-family: 'Roboto Condensed', sans-serif; background-color:#ffffff; color:#000000; padding:30px 0 30px 0; text-align:center;
background-image:url('http://forms.e-petrol.pl/widgets2016/assets/baner-gp.png'); border-top:2px solid #000000; }
.gp-title       { font-size:2.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:2rem; font-weight:bold; margin:20px 0 10px 5px; text-transform:uppercase; font-family: 'Roboto Condensed', sans-serif; }
.gp-more { font-weight:bold; text-align:center; margin:2px; padding:10px 0 10px 0; font-family: 'Roboto', sans-serif; text-transform:uppercase; background-color:#444444; }
.gp-more a { color:#ffffff; font-size:1.6rem; display:block; line-height:2rem; }
.gp-more a:hover { color:#ff0000; font-size:2rem; text-align:center; line-height:2rem; }

.gpof-box { width:auto; text-align:center; margin:2px; background-color:#003366; font-family: 'Roboto', sans-serif; display:block; }
.gpof-box:hover { background-color:#ff0000; }
.gpof-offer { color:#003366; border-top:2px solid #003366; background-color:#e0f0ff; text-align:center; font-weight:bold; padding:5px 0 5px 0; font-size:2.1rem; font-weight:500; }
.gpof-box:hover .gpof-offer { color:#ffffff; border-top:2px solid #ff0000; background-color:#ff0000; text-align:center; font-weight:bold; padding:10px 0 10px 0; font-size:1.8rem; font-weight:500; }
.gpof-team { color:transparent; text-align:center;font-family: 'Roboto Condensed', sans-serif; font-weight:bold; padding:2px 0 2px 0; font-size:0.1rem; font-weight:400; }
.gpof-box:hover .gpof-team { color:#ffffff; text-align:center;font-family: 'Roboto Condensed', sans-serif; font-weight:bold; padding:5px 0 5px 0; font-size:2.8rem; font-weight:400; }
.gpof-price { color:#ffffff; text-align:center;font-family: 'Roboto Condensed', sans-serif; font-weight:bold; padding:5px 0 7px 0; font-size:2rem; font-weight:700; }
.gp-xs { color:#003366; float:right; text-transform:uppercase; margin:0; font-family: 'Roboto', sans-serif; font-size:0.1rem; }
.gpof-box:hover .gp-xs { font-size:1.6rem; color:#ffffff; float:right; text-transform:uppercase; margin:5px 5px 5px 0; font-family: 'Roboto', sans-serif; }
.gp-xl { font-weight:700; text-transform:none; color:#003366; font-size:0.1rem; }
.gpof-box:hover .gp-xl { font-size:1.7rem; font-weight:700; text-transform:none; color:#ffffff; }


}
