a.css3button {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-webkit-border-top-left-radius:10px;
	-moz-border-radius-topleft:10px;
	border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	-moz-border-radius-topright:10px;
	border-top-right-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	-moz-border-radius-bottomright:10px;
	border-bottom-right-radius:10px;
	-webkit-border-bottom-left-radius:10px;
	-moz-border-radius-bottomleft:10px;
	border-bottom-left-radius:10px;
	border:4px solid #fff;
	display:inline-block;
	color:#777777;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
    line-height:2.2em;
	text-indent:0px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #ffffff;
    padding:0 10px 0 0px;
    margin:10px 0;
	width: 80%;
}
a.css3button:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
    border:4px solid #d9d9d9;
}
a.css3button:active {
	position:relative;
    border:4px solid #d33616;
}

a.css3button::before {
    
    content:" ";
    float:left;
    width: 55px;
	height: 55px;
    margin:-15px 10px 0 -35px;
    display:block;
    padding-top:10px;
    background: url('https://www.cdc24.pl/misc/prtimg/98/bull_cdc.png') no-repeat -1px -2px;
  
 
}
a.css3button:hover::before {
    background: url('https://www.cdc24.pl/misc/prtimg/98/bull_cdc.png') no-repeat -2px -61px;
}

a.css3button:active::before {
    background: url('https://www.cdc24.pl/misc/prtimg/98/bull_cdc.png') no-repeat -2px -118px;
}


a.leftB{margin: 20px 16px 8px 30px; display: inline; float:left;}

a.rightB{margin: 20px 30px 8px 36px; display: inline; float:right;}

.css3button span.wegiel{
background: url('https://www.cdc24.pl/misc/prtimg/98/icons_cdc_mini.png') no-repeat -54px -167px;
width: 54px;
height: 31px;
position:absolute;
margin:-20px 0 0 -20px;
display:block;
    
}

.css3button span.olejopalowy{
background: url('https://www.cdc24.pl/misc/prtimg/98/icons_cdc_mini.png') no-repeat -194px -44px;
width: 41px;
height: 32px;
position:absolute;
margin:-20px 0 0 -5px;
display:block;
    
}

.css3button span.olejopalowydostwcy{
background: url('https://www.cdc24.pl/misc/prtimg/98/icons_cdc_mini.png') no-repeat -201px -172px;
width: 19px;
height: 31px;
position:absolute;
margin:-20px 0 0 -5px;
display:block;
    
}
.css3button span.wengiel2{
background: url('https://www.cdc24.pl/misc/prtimg/98/icons_cdc_mini.png') no-repeat -2px -10px;
width: 45px;
height: 17px;
position:absolute;
margin:-15px 0 0 -10px;
display:block;
}


.css3button span.dystrybutorzypompciepla{
background: url('https://www.cdc24.pl/misc/prtimg/98/icons_cdc_mini.png') no-repeat -64px -258px;
width: 36px;
height: 34px;
position:absolute;
margin:-25px 0 0 -5px;
display:block;
}


.css3button span.instalatorzyGazuPlynnego{
background: url('https://www.cdc24.pl/misc/prtimg/98/icons_cdc_mini.png') no-repeat -113px -256px;
width: 43px;
height: 32px;
position:absolute;
margin:-15px 0 0 -5px;
display:block;
}


.css3button span.olejopalowyInstalatorzy{
background: url('https://www.cdc24.pl/misc/prtimg/98/icons_cdc_mini.png') no-repeat -11px -82px;
width: 18px;
height: 32px;
position:absolute;
margin:-15px 0 0 -0px;
display:block;
}


.css3button span.dostawcyGazuPlynnego{
background: url('https://www.cdc24.pl/misc/prtimg/98/icons_cdc_mini.png') no-repeat -242px -135px;
width: 50px;
height: 21px;
position:absolute;
margin:-15px 0 0 -20px;
display:block;
}

.css3button span.gazplynnyKotly{
background: url('https://www.cdc24.pl/misc/prtimg/98/icons_cdc_mini.png') no-repeat -11px -82px;
width: 18px;
height: 32px;
position:absolute;
margin:-15px 0 0 -0px;
display:block;
}

.css3button span.dostawcypeletu{
background: url('https://www.cdc24.pl/misc/prtimg/98/icons_cdc_mini.png') no-repeat -62px 0;
width: 31px;
height: 27px;
position:absolute;
margin:-15px 0 0 -5px;
display:block;
}

.css3button span.dostawcyBrykietu{
background: url('https://www.cdc24.pl/misc/prtimg/98/icons_cdc_mini.png') no-repeat -125px -178px;
width: 28px;
height: 19px;
position:absolute;
margin:-15px 0 0 -5px;
display:block;
}

.css3button span.dostawcyEkogroszku{
background: url('https://www.cdc24.pl/misc/prtimg/98/icons_cdc_mini.png') no-repeat -254px -83px;
width: 26px;
height: 32px;
position:absolute;
margin:-25px 0 0 -5px;
display:block;
}

.css3button span.gazplynnyDzierzawa{
background: url('https://www.cdc24.pl/misc/prtimg/98/icons_cdc_mini.png') no-repeat -192px -256px;
width: 30px;
height: 32px;
position:absolute;
margin:-15px 0 0 -5px;
display:block;
}

.css3button span.ogniwaFotowoltaniczne{
background: url('https://www.cdc24.pl/misc/prtimg/98/icons_cdc_mini.png') no-repeat -244px -259px;
width: 44px;
height: 30px;
position:absolute;
margin:-15px 0 0 -15px;
display:block;
}

.css3button span.dostawcynagrzewnic{
background: url('https://www.cdc24.pl/misc/prtimg/98/icons_cdc_mini.png') no-repeat 0 -300px;
width: 38px;
height: 37px;
position:absolute;
margin:-20px 0 0 -15px;
display:block;
}

.css3button span.dostawcykolektorowslonecznych{
background: url('https://www.cdc24.pl/misc/prtimg/98/icons_cdc_mini.png') no-repeat -53px -304px;
width: 38px;
height: 33px;
position:absolute;
margin:-20px 0 0 -15px;
display:block;
}

/* jQuery Lighter
 * Copyright 2013 Kevin Sylvestre
 * 1.0.9
 */

.lighter, .lighter * {
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out; }

.lighter {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 4000;
    opacity: 1; 
}

.lighter.fade {
    opacity: 0; 
}

.lighter.fade .lighter-container {
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5); 
}

.lighter img {
    width: 100%;
    height: 100%; 
}

.lighter .lighter-overlay {
    background: rgba(0, 0, 0, 0.5);
    height: 100%;
    width: 100%; 
}

.lighter .lighter-container {
    background: white;
    position: absolute;
    z-index: 4000;
    top: 50%;
    left: 50%;
    right: 50%;
    bottom: 50%;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.5); 
}

.lighter .lighter-container .lighter-close {
    top: 0;
    left: 0;
    width: 30px;
    height: 30px;
    margin: -15px;
    line-height: 28px;
    font-size: 16pt;
    font-family: Helvetica, Arial, serif; 
}

.lighter .lighter-container .lighter-next {
    display: none;
    right: 40px;
    top: 50%;
    width: 40px;
    height: 40px;
    margin: -20px 0;
    line-height: 34px;
    font-size: 32pt;
    font-family: Times, serif; 
}

.lighter .lighter-container .lighter-prev {
    display: none;
    left: 40px;
    top: 50%;
    width: 40px;
    height: 40px;
    margin: -20px;
    line-height: 24pt;
    font-size: 34px;
    font-family: Times, serif; 
}

.lighter .lighter-container .lighter-next,
.lighter .lighter-container .lighter-prev,
.lighter .lighter-container .lighter-close {
    cursor: pointer;
    position: absolute;
    z-index: 8000;
    text-align: center;
    border-radius: 40px;
    color: rgba(255, 255, 255, 0.8);
    background: rgba(0, 0, 0, 0.2);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; 
}

.lighter .lighter-container .lighter-next:hover,
.lighter .lighter-container .lighter-prev:hover,
.lighter .lighter-container .lighter-close:hover {
    color: white;
    background: rgba(0, 0, 0, 0.6);
}

.lighter .lighter-container .lighter-next:active,
.lighter .lighter-container .lighter-prev:active,
.lighter .lighter-container .lighter-close:active {
    color: white;
    background: rgba(0, 0, 0, 0.6); 
}

.publish a.lightbox span { 
  display:none;
  background:url('https://www.e-petrol.pl/misc/prtimg/98/zoom_lightbox.png') no-repeat; 
  width:39px; 
  height:36px; 
  position:fixed;
  margin-left: 10px;
  margin-top: 10px;
  -webkit-filter: drop-shadow(1px 1px 1px #333);
  filter: drop-shadow(1px 1px 1px #333);
}

.publish a.lightbox:hover span {display: inline;}
.publish a.lightbox:hover img{
  opacity:0.2;
  filter:alpha(opacity=20);
}

nav {font-size:13px; line-height:13px;}
nav a.breadcrumbs{font-size:12px; color:red;}
nav a.breadcrumbs:hover{text-decoration:underline;}




a.css3button.b2 {
background: #d9e464;
background: -moz-linear-gradient(top,  #d9e464 0%, #8d991d 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d9e464), color-stop(100%,#8d991d));
background: -webkit-linear-gradient(top,  #d9e464 0%,#8d991d 100%);
background: -o-linear-gradient(top,  #d9e464 0%,#8d991d 100%);
background: -ms-linear-gradient(top,  #d9e464 0%,#8d991d 100%);
background: linear-gradient(to bottom,  #d9e464 0%,#8d991d 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9e464', endColorstr='#8d991d',GradientType=0 );
color:#fff;
text-shadow: 0px 1px 1px #333;
border:4px solid #d9d9d9;
}


@media (max-width: 767px) {
a.css3button.b2 {
line-height: 16px;
padding: 1.3rem;
}
}


a.css3button.b2:hover {
background: #8d991d;
background: -moz-linear-gradient(top,  #8d991d 0%, #d9e464 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8d991d), color-stop(100%,#d9e464));
background: -webkit-linear-gradient(top,  #8d991d 0%,#d9e464 100%);
background: -o-linear-gradient(top,  #8d991d 0%,#d9e464 100%);
background: -ms-linear-gradient(top,  #8d991d 0%,#d9e464 100%);
background: linear-gradient(to bottom,  #8d991d 0%,#d9e464 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8d991d', endColorstr='#d9e464',GradientType=0 );

border:4px solid #fff;
color:#333;
text-shadow: 0px 1px 1px #ccc;
}
a.css3button:hover .circle{border-color:#d9d9d9; }
a.css3button .circle{
  width:40px; 
  height:40px; 
  background:#fff; 
  display:block; 
  float:left; 
  margin:-25px 5px 0 -35px;
  border-radius:30px;
  border:5px #f3f3f3 solid; 
   
}

a.css3button .circle .circle{
  width:13px; 
  height:13px; 
  background:#fff;  
  display:block; 
  margin:6px 0 0 6px;
  border-radius:25px;
  border:8px #e3e1e1 solid;
  -webkit-box-shadow: 0px -0.3px 1px 0px rgba(50, 50, 50, 0.65);
  -moz-box-shadow: 0px -0.3px 1px 0px rgba(50, 50, 50, 0.65);
  box-shadow: 0px -0.3px 1px 0px rgba(50, 50, 50, 0.65);
}

a.b2::after{
  content:'\00BB';
  color:#fff;
  font-size:20px;
  margin-left:2px;
}