/* ------------------------------------------------------------------------------------------------------------- BUTTONS */
.uibutton {
    display: inline-block;
    margin: 0;
    padding:2px 1em 0;
    text-decoration: none;
    text-align: center;
    text-transform:uppercase;
    font-size:22.8px;
    color:#fff;
    white-space: nowrap;
    cursor: pointer;
    zoom: 1;
    top: 0px;
    left: 0px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
    height:60px;
    line-height:60px;
    width:276px;
    font-family:"dinmedium";
    border-radius:5px;
}

.uibutton:hover,
.uibutton:focus,
.uibutton:active {
    color:#fff;
    text-decoration:none;
}

.uibutton:active {
}

/* overrides extra padding on button elements in Firefox */
.uibutton::-moz-focus-inner {
    padding: 0;
    border: 0;
}


/* ............................................................................................................. Icons */

.uibutton.icon i {
    content: "";
    position: relative;
    float:right;
    width: 21px;
    height: 17px;
    margin: 0 0 0 10px;
}
.uibutton.icon span {
    float:left;
}
.uibutton.email i {
    background: url(../images/ico-email.png) 0 0 no-repeat;
    top: 17px;
}