

.buttons a, .buttons button{
    display:block;
    float:left;
    margin:0 7px 0 0;
    background:  url('img/but/front_grey_right.jpg')  center;
    border:1px solid #616161;
    

    font-family: Arial, Verdana, sans-serif;
    font-size:12px;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#ffffff;
    cursor:pointer;
    padding:5px 20px 4px 20px; /* Links */
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 10px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 4px 10px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 10px; /* IE7 */
}


/* STANDARD */

button:hover, .buttons a:hover{
    background: #ffffff url('img/but/front_grey_right_on.jpg')  center;
    color:#ffffff;
	text-decoration: underline;
}
.buttons a:active{
    background: #ffffff url('img/but/front_grey_right_on.jpg')  center;
    color:#ffffff;
}

/* POSITIVE */



button.positive, .buttons a.positive{
    display:block;
    float:left;
    margin:0 7px 0 0;
    background:  url('img/but/front_orange_right.jpg')  center;
    border:1px solid #F95C15;
    

    font-family: Arial, Verdana, sans-serif;
    font-size:12px;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#ffffff;
    cursor:pointer;
    padding:5px 12px 4px 12px; /* Links */
}


.buttons a.positive:hover, button.positive:hover{
    background: #ffffff url('img/but/front_orange_right_on.jpg')  center;
    color:#ffffff;
	text-decoration: underline;
    
}
.buttons a.positive:active{
    background: #ffffff url('img/but/front_orange_right_on.jpg')  center;
    color:#ffffff;
}

/* BUTTONY A HREF */

a.grey_buttons{
background: transparent url('img/but/front_but_grey_left.jpg') no-repeat top left;
display: block;
float: left;
font: bold 1.2em Arial; 
line-height: 20px; 
height: 28px; 
padding-left: 30px; 
text-decoration: none;

}

a:link.grey_buttons, a:visited.grey_buttons, a:hover.grey_buttons, a:active.grey_buttons{
color: white; 
}

a.grey_buttons span{
background: transparent url('img/but/front_but_grey_right.jpg') no-repeat top right;
display: block;
padding: 4px 30px 4px 2px; 
}

a:hover.grey_buttons{ 
text-decoration: underline;
background: transparent url('img/but/front_but_grey_left_on.jpg') no-repeat top left;

}

a:hover.grey_buttons span{ 
background: transparent url('img/but/front_but_grey_right_on.jpg') no-repeat top right;
}


.buttonwrapper{ 
overflow: hidden; 
width: 100%;
}

a.orange_buttons{
background: transparent url('img/but/front_but_orange_left.jpg') no-repeat top left;
display: block;
float: left;
font: bold 1.2em Arial; 
line-height: 20px;
height: 28px; 
padding-left: 30px; 
text-decoration: none;

}

a:link.orange_buttons, a:visited.orange_buttons, a:hover.orange_buttons, a:active.orange_buttons{
color: white; 
}

a.orange_buttons span{
background: transparent url('img/but/front_but_orange_right.jpg') no-repeat top right;
display: block;
padding: 4px 30px 4px 2px; 
}

a:hover.orange_buttons{ 
text-decoration: underline;
background: transparent url('img/but/front_but_orange_left_on.jpg') no-repeat top left;

}

a:hover.orange_buttons span{ 
background: transparent url('img/but/front_but_orange_right_on.jpg') no-repeat top right;
}

/* KRÓTKIE BUTTONY */

a.grey_short_buttons{
background: transparent url('img/but/front_but_grey_left.jpg') no-repeat top left;
display: block;
float: left;
font: bold 1.2em Arial; 
line-height: 20px; 
height: 28px; 
padding-left: 15px; 
text-decoration: none;

}

a:link.grey_short_buttons, a:visited.grey_short_buttons, a:hover.grey_short_buttons, a:active.grey_short_buttons{
color: white; 
}

a.grey_short_buttons span{
background: transparent url('img/but/front_but_grey_right.jpg') no-repeat top right;
display: block;
padding: 4px 15px 4px 2px; 
}

a:hover.grey_short_buttons{ 
text-decoration: underline;
background: transparent url('img/but/front_but_grey_left_on.jpg') no-repeat top left;

}

a:hover.grey_short_buttons span{ 
background: transparent url('img/but/front_but_grey_right_on.jpg') no-repeat top right;
}



a.orange_short_buttons{
background: transparent url('img/but/front_but_orange_left.jpg') no-repeat top left;
display: block;
float: left;
font: bold 1.2em Arial; 
line-height: 20px;
height: 28px; 
padding-left: 15px; 
text-decoration: none;

}

a:link.orange_short_buttons, a:visited.orange_short_buttons, a:hover.orange_short_buttons, a:active.orange_short_buttons{
color: white; 
}

a.orange_short_buttons span{
background: transparent url('img/but/front_but_orange_right.jpg') no-repeat top right;
display: block;
padding: 4px 15px 4px 2px; 
}

a:hover.orange_short_buttons{ 
text-decoration: underline;
background: transparent url('img/but/front_but_orange_left_on.jpg') no-repeat top left;

}

a:hover.orange_short_buttons span{ 
background: transparent url('img/but/front_but_orange_right_on.jpg') no-repeat top right;
}





