/** buttons **/



.a-button {

    background: #ffffff;

    background: -webkit-gradient(linear,left top,left bottom,color-stop(#ffffff,0),color-stop(#e0e0e0,1));

    background:-webkit-linear-gradient(top, #ffffff 0%, #e0e0e0 100%);

    background:-moz-linear-gradient(top, #ffffff 0%, #e0e0e0 100%);

    background:-o-linear-gradient(top, #ffffff 0%, #e0e0e0 100%);

    background:linear-gradient(top, #ffffff 0%, #e0e0e0 100%);

    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e0e0e0',GradientType=0 );

    padding-left:90px;

    padding-right:105px;

    height:76px;

    display:inline-block;

    position:relative;

    border:1px solid #cccccc;

    border-bottom:1px solid #aaaaaa;

    -webkit-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2);

    -moz-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2);

    box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2);

    -webkit-border-radius:4px;

    -moz-border-radius:4px;

    border-radius:4px;

    float:left;

    clear:both;

    margin:10px 0px;

    overflow:hidden;

    -webkit-transition:box-shadow 0.3s ease-in-out;

    -moz-transition:box-shadow 0.3s ease-in-out;

    -o-transition:box-shadow 0.3s ease-in-out;

    transition:box-shadow 0.3s ease-in-out;

}



a.a-button:link,

a.a-button:visited {

    color: #555;

    text-decoration: none;

}



.a-button img {

    position:absolute;

    left:15px;

    top:13px;

    border:none;

    -webkit-transition:all 0.3s ease-in-out;

    -moz-transition:all 0.3s ease-in-out;

    -o-transition:all 0.3s ease-in-out;

    transition:all 0.3s ease-in-out;

}



.a-button .a-btn-slide-text {

    position:absolute;

    font-size:36px;

    top:30px;

    left:18px;

    opacity:0;

    filter: alpha(opacity="0");

    color:#aaa;

    text-shadow:0px 1px 1px rgba(255,255,255,0.4);

    -webkit-transition:opacity 0.2s ease-in-out;

    -moz-transition:opacity 0.2s ease-in-out;

    -o-transition:opacity 0.2s ease-in-out;

    transition:opacity 0.2s ease-in-out;

}



.a-button .a-btn-text {

    padding-top:13px;

    display:block;

    font-size: 24px;

    line-height: 30px;

    text-shadow:0px -1px 1px #ccc;

    text-align: center;

    width: 85px;

}



.a-button .a-btn-text small {

    display: block;

    font-size: 12px;

    line-height: 18px;

}



.a-button .a-btn-icon-right {

    position:absolute;

    right:0px;

    top:0px;

    height:100%;

    width:65px;

    border-left:1px solid #ccc;

    -webkit-box-shadow:1px 0px 1px rgba(255,255,255,0.4) inset;

    -moz-box-shadow:1px 0px 1px rgba(255,255,255,0.4) inset;

    box-shadow:1px 0px 1px rgba(255,255,255,0.4) inset;

}



.a-button .a-btn-icon-right span{

    width:38px;

    height:38px;

    opacity:0.7;

    filter: alpha(opacity="70");

    -webkit-border-radius:20px;

    -moz-border-radius:20px;

    border-radius:20px;

    position:absolute;

    left:50%;

    top:50%;

    margin:-20px 0px 0px -20px;

    border:1px solid rgba(0,0,0,0.5);

    -webkit-box-shadow:0px 1px 1px rgba(255,255,255,0.3) inset, 0px 1px 2px rgba(255,255,255,0.5);

    -moz-box-shadow:0px 1px 1px rgba(255,255,255,0.3) inset, 0px 1px 2px rgba(255,255,255,0.5);

    box-shadow:0px 1px 1px rgba(255,255,255,0.3) inset, 0px 1px 2px rgba(255,255,255,0.5);

    -webkit-transition:all 0.3s ease-in-out;

    -moz-transition:all 0.3s ease-in-out;

    -o-transition:all 0.3s ease-in-out;

    transition:all 0.3s ease-in-out;

}



.a-button:hover{

    -webkit-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 5px rgba(0,0,0,0.4);

    -moz-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 5px rgba(0,0,0,0.4);

    box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 5px rgba(0,0,0,0.4);

}



.a-button:hover img{

    -webkit-transform:scale(10);

    -moz-transform:scale(10);

    -ms-transform:scale(10);

    -o-transform:scale(10);

    transform:scale(10);

    opacity:0;

    filter: alpha(opacity="0");

}



.a-button:hover .a-btn-slide-text,

.a-button:hover .a-btn-icon-right span {

    opacity:1;

    filter: alpha(opacity="100");

}



.a-button:active{

    position:relative;

    top:1px;

    background:#ccc;

    -webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.4) inset;

    -moz-box-shadow:1px 1px 2px rgba(0,0,0,0.4) inset;

    box-shadow:1px 1px 2px rgba(0,0,0,0.4) inset;

    border-color:#aaa;

}



.a-button:active .a-btn-icon-right span{

    -webkit-transform:scale(1.4);

    -moz-transform:scale(1.4);

    -ms-transform:scale(1.4);

    -o-transform:scale(1.4);

    transform:scale(1.4);

}



/** green **/



.a-button.green {

    background: #97d302;

    background: -webkit-gradient(linear,left top,left bottom,color-stop(#97d302,0),color-stop(#75a400,1));

    background:-webkit-linear-gradient(top, #97d302 0%, #75a400 100%);

    background:-moz-linear-gradient(top, #97d302 0%, #75a400 100%);

    background:-o-linear-gradient(top, #97d302 0%, #75a400 100%);

    background:linear-gradient(top, #97d302 0%, #75a400 100%);

    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#97d302', endColorstr='#75a400',GradientType=0 );

    border: 1px solid #6b9501;

}



a.a-button.green:link,

a.a-button.green:visited {

    color: #fff;

}



.a-button.green .a-btn-slide-text{

    color: #e8ffaf;

}



.a-button.green .a-btn-text{

    text-shadow:0px -1px 1px #6b9501;

}



.a-button.green .a-btn-icon-right{

    border-left:1px solid #6b9501;

}



.a-button.green:active {

    background:#6b9501;

    border-color:#6b9501;

}



/** orange **/



.a-button.orange {

    background: #febb46;

    background: -webkit-gradient(linear,left top,left bottom,color-stop(#febb46,0),color-stop(#ffa200,1));

    background:-webkit-linear-gradient(top, #febb46 0%, #ffa200 100%);

    background:-moz-linear-gradient(top, #febb46 0%, #ffa200 100%);

    background:-o-linear-gradient(top, #febb46 0%, #ffa200 100%);

    background:linear-gradient(top, #febb46 0%, #ffa200 100%);

    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#febb46', endColorstr='#ffa200',GradientType=0 );

    border: 1px solid #e69302;

}



a.a-button.orange:link,

a.a-button.orange:visited {

    color: #fff;

}



.a-button.orange .a-btn-slide-text{

    color: #fceacc;

}



.a-button.orange .a-btn-text{

    text-shadow:0px -1px 1px #e69302;

}



.a-button.orange .a-btn-icon-right{

    border-left:1px solid #e69302;

}



.a-button.orange:active {

    background:#e69302;

    border-color:#e69302;

}



/** blue **/



.a-button.blue {

    background: #39c4fc;

    background: -webkit-gradient(linear,left top,left bottom,color-stop(#39c4fc,0),color-stop(#009bda,1));

    background:-webkit-linear-gradient(top, #39c4fc 0%, #009bda 100%);

    background:-moz-linear-gradient(top, #39c4fc 0%, #009bda 100%);

    background:-o-linear-gradient(top, #39c4fc 0%, #009bda 100%);

    background:linear-gradient(top, #39c4fc 0%, #009bda 100%);

    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#39c4fc', endColorstr='#009bda',GradientType=0 );

    border: 1px solid #0097d4;

}



a.a-button.blue:link,

a.a-button.blue:visited {

    color: #fff;

}



.a-button.blue .a-btn-slide-text{

    color: #fceacc;

}



.a-button.blue .a-btn-text{

    text-shadow:0px -1px 1px #0097d4;

}



.a-button.blue .a-btn-icon-right{

    border-left:1px solid #0097d4;

}



.a-button.blue:active {

    background:#0097d4;

    border-color:#0097d4;

}



.a-button .a-btn-icon-right span {

    background: #555 url(../images/check.png) no-repeat center center;

}



.a-button.loupe .a-btn-icon-right span {

    background: #555 url(../images/loupe.png) no-repeat center center;

}



.a-button.star .a-btn-icon-right span {

    background: #555 url(../images/star.png) no-repeat center center;

}



.a-button.arrow .a-btn-icon-right span {

    background: #555 url(../images/arrow_down.png) no-repeat center center;

}



/* */



a.a-btn:link,

a.a-btn:visited {

    text-decoration: none;

}



.a-btn{

    width:120px;

    height:120px;

    -webkit-border-radius:50%;

    -moz-border-radius:50%;

    border-radius:50%;

    display:block;

    margin:20px;

    float:left;

    position:relative;

    background:#ffa200;

    -webkit-box-shadow:0px 0px 5px 0px rgba(246, 212, 163, 0.5) inset, 0px -1px 5px 4px rgba(80, 112, 0, 0.2) inset, 0px 0px 0px 9px #fff;

    -moz-box-shadow:0px 0px 5px 0px rgba(246, 212, 163, 0.5) inset, 0px -1px 5px 4px rgba(80, 112, 0, 0.2) inset, 0px 0px 0px 9px #fff;

    box-shadow:0px 0px 5px 0px rgba(246, 212, 163, 0.5) inset, 0px -1px 5px 4px rgba(80, 112, 0, 0.2) inset, 0px 0px 0px 9px #fff;

    -webkit-transition:all 0.3s linear;

    -moz-transition:all 0.3s linear;

    -o-transition:all 0.3s linear;

    transition:all 0.3s linear;

}



.a-btn span{

    display:inline-block;

    width:80px;

    height:80px;

    padding:20px;

    text-align:center;

    vertical-align:middle;

    font-size:18px;

    line-height: 26px;

    color:#fff;

    text-shadow: 0px 1px 1px #bd7800;

    -webkit-transition:all 0.3s linear;

    -moz-transition:all 0.3s linear;

    -o-transition:all 0.3s linear;

    transition:all 0.3s linear;

}



.a-btn span.first, 

.a-btn span.third {

    position:absolute;

    top:0px;

    left:0px;

    font-size:32px;

    line-height:36px;

    opacity:0;

    filter: alpha(opacity="0");

}



.a-btn span.first {

    background:transparent url(../images/star_big.png) no-repeat center center;

    opacity:0.2;

    filter: alpha(opacity="20");

}



.a-btn:hover {

    background: #75a400;

    box-shadow: 0px 0px 5px 0px rgba(246, 212, 163, 0.5) inset, 0px -1px 5px 4px rgba(80, 112, 0, 0.2) inset, 0px 0px 0px 9px #fff, 0 1px 5px 8px rgba(0, 0, 0, 0.6);

}



.a-btn:hover span.third {

    opacity:1;

    filter: alpha(opacity="100");

    text-shadow:0px 1px 1px #507000;

}



.a-btn:hover span.second {

    opacity: 0;     

    filter: alpha(opacity="0");

    -webkit-transform: scale(0);

    -moz-transform: scale(0);

    transform: scale(0);

}



.a-btn:hover span.first {

    -webkit-animation:rotate 1s linear;

    -moz-animation:rotate 1s linear;

    animation:rotate 1s linear;

}



.a-btn:active{

    -webkit-box-shadow:0px 0px 5px 0px rgba(246, 212, 163, 0.5) inset, 0px -1px 5px 4px rgba(170, 77, 27, 0.2) inset, 0px 0px 0px 7px #fff,  0px -1px 0px 8px rgba(188, 188, 188, 0.3), 0px 0px 0px 10px #fff;

    -moz-box-shadow:0px 0px 5px 0px rgba(246, 212, 163, 0.5) inset, 0px -1px 5px 4px rgba(170, 77, 27, 0.2) inset, 0px 0px 0px 7px #fff,  0px -1px 0px 8px rgba(188, 188, 188, 0.3), 0px 0px 0px 10px #fff;

    box-shadow:0px 0px 5px 0px rgba(246, 212, 163, 0.5) inset, 0px -1px 5px 4px rgba(170, 77, 27, 0.2) inset, 0px 0px 0px 7px #fff,  0px -1px 0px 8px rgba(188, 188, 188, 0.3), 0px 0px 0px 10px #fff;

}



.a-btn:active span.second {

    color:rgba(170, 77, 27, 0.8);

    text-shadow:0px 1px 1px rgba(255, 255, 255, 0.6);

}



@keyframes rotate{

    0% { transform: scale(1) rotate(0);}

    50% { transform: scale(0.5) rotate(180deg);}

    100% { transform: scale(1) rotate(360deg);}

}



@-webkit-keyframes rotate{

    0% { -webkit-transform: scale(1) rotate(0);}

    50% { -webkit-transform: scale(0.5) rotate(180deg);}

    100% { -webkit-transform: scale(1) rotate(360deg);}

}



@-moz-keyframes rotate{

    0% { -moz-transform: scale(1) rotate(0);}

    50% { -moz-transform: scale(0.5) rotate(180deg);}

    100% { -moz-transform: scale(1) rotate(360deg);}

}