

/* BOTONES
 * ------- */
a.button {
	margin:0 2px;

	cursor:pointer;
	text-decoration:none;
	/*font-family: 'Trebuchet MS', Arial, Verdana, sans-serif;*/
	white-space:nowrap;
	color:#333;
	text-shadow: rgba(255,255,255,.75) 0px 1px 0px;
	font-size:13px;
	line-height: 18px;
	text-align:center;
}

/* Regular */
a.regular {	display:block; background:transparent url(img/controls.png) no-repeat scroll right -336px; padding-right:12px; }
a.regular span.button-inner { display:block; background:transparent url(img/controls.png) no-repeat scroll 0 0; }
a.regular span.label { display:block; margin-left:12px; padding:2px 0 8px 0; background:transparent url(img/controls.png) repeat-x scroll 0 -192px; overflow:hidden; height:14px !important; height /**/: 24px; /*width + padding + borders*/ }

a.regular:active { background:transparent url(img/controls.png) no-repeat scroll right -360px; }
a.regular:active span.button-inner { background:transparent url(img/controls.png) no-repeat scroll 0 -24px; }
a.regular:active span.label { background:transparent url(img/controls.png) repeat-x scroll 0 -216px; }

a.regular.disabled { background:transparent url(img/controls.png) no-repeat scroll right -432px; }
a.regular.disabled span.button-inner { background:transparent url(img/controls.png) no-repeat scroll 0 -96px; }
a.regular.disabled span.label { background:transparent url(img/controls.png) repeat-x scroll 0 -288px; color:#777; }


/* capsule */
a.capsule { display:block; background:transparent url(img/controls.png) no-repeat scroll right -816px; padding-right:12px; }
a.capsule span.button-inner { display:block; background:transparent url(img/controls.png) no-repeat scroll 0 -672px; }
a.capsule span.label { display:block; margin-left:12px; padding:2px 0 8px 0; background:transparent url(img/controls.png) repeat-x scroll 0 -192px; overflow:hidden; height:14px !important; height /**/: 24px; /*width + padding + borders*/ }

a.capsule:active { background:transparent url(img/controls.png) no-repeat scroll right -840px; }
a.capsule:active span.button-inner { background:transparent url(img/controls.png) no-repeat scroll 0 -696px; }
a.capsule:active span.label { background:transparent url(img/controls.png) repeat-x scroll 0 -216px; }

a.capsule.disabled { background:transparent url(img/controls.png) no-repeat scroll right -912px; }
a.capsule.disabled span.button-inner { background:transparent url(img/controls.png) no-repeat scroll 0 -768px; }
a.capsule.disabled span.label { background:transparent url(img/controls.png) repeat-x scroll 0 -288px; color:#999999; }


/* FaceBook green */
a.fbgreen {	display:block; background:transparent url(img/controles.gif) no-repeat scroll right -25px; padding-right:12px; color:#fff; }
a.fbgreen span.button-inner { display:block; background:transparent url(img/controles.gif) no-repeat scroll 0 0; }
a.fbgreen span.label { display:block; margin-left:12px; padding:2px 0 8px 0; background:transparent url(img/controles.gif) repeat-x scroll 0 -50px; overflow:hidden; height:14px !important; height /**/: 24px; /*width + padding + borders*/ }

a.fbgreen:active { background:transparent url(img/controles.gif) no-repeat scroll right -100px; }
a.fbgreen:active span.button-inner { background:transparent url(img/controles.gif) no-repeat scroll 0 -75px; }
a.fbgreen:active span.label { background:transparent url(img/controles.gif) repeat-x scroll 0 -125px; }

a.fbgreen.disabled { background:transparent url(img/controles.gif) no-repeat scroll right -175px; }
a.fbgreen.disabled span.button-inner { background:transparent url(img/controles.gif) no-repeat scroll 0 -150px; }
a.fbgreen.disabled span.label { background:transparent url(img/controles.gif) repeat-x scroll 0 -200px; color:#fff; }
