/* BTN_SIMPLE */

.btn_simple { display: inline-block; width: auto; height: 30px; line-height: 30px; font-size: 12px; font-weight: lighter; letter-spacing: normal; text-align: center; cursor: pointer; color: #FFF; overflow: hidden; padding: 0px 30px 0px 30px; background-color: rgba(0,150,220,1); }
.btn_simple:hover { background-color: rgba(0,200,255,1); color: #FFF; text-decoration: none; }
.btn_simple:active { background-color: rgba(30,30,30,0.8); color: #FFF; }
.btn_simple span { float: left; margin-right: 10px; }

/* BTN_MEDIO */

.btn_medio { display: inline-block; width: auto; height: 40px; line-height: 40px; font-size: 14px; font-weight: lighter; letter-spacing: 1px; text-align: center; cursor: pointer; color: #FFF; overflow: hidden; padding: 0px 30px 0px 30px; background-color: rgba(0,150,220,1); }
.btn_medio:hover { background-color: rgba(0,200,255,1); color: #FFF; text-decoration: none; }
.btn_medio:active { background-color: rgba(30,30,30,0.8); color: #FFF; }
.btn_medio span { float: left; margin-right: 10px; }
.btn_medio img { float: left; position: relative; width: auto; height: 16px; margin-right: 10px; top: 12px; }

/* BTN_MAXI */

.btn_maxi { display: inline-block; width: auto; height: 50px; line-height: 50px; font-size: 16px; font-weight: lighter; letter-spacing: normal; text-align: center; cursor: pointer; color: #FFF; overflow: hidden; padding: 0px 50px 0px 50px; background-color: rgba(0,150,220,1); }
.btn_maxi:hover { background-color: rgba(0,200,255,1); color: #FFF; text-decoration: none; }
.btn_maxi:active { background-color: rgba(30,30,30,0.8); color: #FFF; }
.btn_maxi span { float: left; margin-right: 10px; }

/* BTN_ICON */

.btn_icon { display: inline-block; width: 30px; height: 30px; line-height: 30px; font-size: 18px; text-align: center; cursor: pointer; color: #FFF; text-decoration: none; background-color: rgba(0,150,220,1); }
.btn_icon:hover { background-color: rgba(0,200,255,1); color: #FFF; text-decoration: none; }
.btn_icon:active { background-color: rgba(30,30,30,0.8); color: #FFF; }
.btn_icon .btn_contador { position: relative; width: 18px; height: 18px; line-height: 18px; top: -45px; right: -25px; font-size: 11px; text-align: center; background-color: rgb(245,65,60); color: #FFF; }

/* BTN_ICON_TXT */

.btn_icon_txt { float: left; display: inline-block; width: 90px; height: 100px; font-size: 12px; cursor: pointer; overflow: hidden; padding: 10px; text-align: center; color: #000; }
.btn_icon_txt:hover { background: rgba(0,0,0,0.1); color: rgba(0,120,220,1); text-decoration: none; }
.btn_icon_txt span { float: none; display: block; width: 45px; height: 45px; line-height: 45px; font-size: 18px; text-align: center; color: #FFF; margin: 0px auto 10px auto; background-color: rgba(0,150,220,1); }
.btn_icon_txt:hover span { background-color: rgba(0,200,255,1); color: #FFF; }
.btn_icon_txt:active span { background-color: rgba(30,30,30,0.8); color: #FFF; }

/* BTN_MINI */

.btn_mini { display: inline-block; width: auto; height: 25px; line-height: 23px; font-size: 14px; text-align: center; cursor: pointer; color: rgba(0,0,0,0.8); overflow: hidden; padding: 0px 20px 0px 20px; border: solid 1px rgba(0,0,0,0.2); }
.btn_mini:hover { color: rgba(255,255,255,1); border: solid 1px rgba(255,255,255,1); background-color: rgba(0,0,0,0.6); text-decoration: none; }
.btn_mini:active { color: rgba(255,255,255,1); border: solid 1px rgba(255,255,255,1); background-color: rgba(30,30,30,0.8); }
.btn_mini span { float: left; margin-right: 10px; }

/* BTN_MACRO */

.btn_macro { display: inline-block; width: auto; height: 20px; line-height: 20px; font-size: 12px; text-align: center; cursor: pointer; color: rgba(0,0,0,0.8); overflow: hidden; padding: 0px 20px 0px 20px; background-color: rgba(0,0,0,0.5); color: rgba(255,255,255,1); }
.btn_macro:hover { color: rgba(0,0,0,1); background-color: rgba(0,0,0,0.1); text-decoration: none; }
.btn_macro:active { color: rgba(255,255,255,1); background-color: rgba(30,30,30,0.8); }
.btn_macro span { float: left; margin-right: 10px; }

/* BTN_EXTRA_1 */

.btn_extra_1 { display: block; float: none; width: auto; height: 25px; line-height: 25px; font-size: 14px; text-align: left; cursor: pointer; color: rgba(0,0,0,0.8); overflow: hidden; color: rgba(0,0,0,1); }
.btn_extra_1:hover { color: rgba(0,150,220,1); text-decoration: none; }
.btn_extra_1:active { color: rgba(120,120,120,1); }
.btn_extra_1 span { float: left; margin-right: 10px; }

/* BTN_TRANSPARENTE */

.btn_transparente { display: inline-block; width: auto; height: 27px; line-height: 25px; font-size: 14px; text-align: center; cursor: pointer; color: rgba(0,0,0,0.8); overflow: hidden; text-align: center; padding: 0px 15px 0px 15px;; border: solid 1px rgba(0,0,0,0.2); }
.btn_transparente:hover { color: rgba(255,255,255,1); border: solid 1px rgba(255,255,255,1); background-color: rgba(0,0,0,0.6); text-decoration: none; }
.btn_transparente:active { color: rgba(255,255,255,1); border: solid 1px rgba(255,255,255,1); background-color: rgba(30,30,30,0.8); }

/* RESPONSIVE */

@media (min-width: 501px) and (max-width: 750px) {

}
@media (max-width: 500px) {

}

/**/