/* 
    Document   : iconos_botones
    Created on : 15-abr-2011, 11:28:36
    Author     : leo
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

/* Definicion de iconos */

.icon {min-width:16px;min-height:16px;display:inline-block;background-position:left center;text-indent:17px;}
*.icon{vertical-align:middle;}
.disable-icon{ opacity:0.5;}
.icon-add{ background:url(../imagenes/icons/add.png) no-repeat left center;}
/*.icon-add{ background:url(../imagenes/icons/_add.png) no-repeat;}
.icon-add:hover{ background:url(../imagenes/icons/_add.png) no-repeat;background-position: 0 -16px;}*/

.icon-add2{ background:url(../imagenes/icons/add.png) no-repeat;}
.icon-admin{ background:url(../imagenes/icons/config.png) no-repeat;}
.icon-list{background:url(../imagenes/icons/table.png) no-repeat;}
.icon-feed{background:url(../imagenes/icons/feed.png) no-repeat;}
.icon-add-cat{background:url(../imagenes/icons/add-cat.png) no-repeat}
.icon-info{background:url(../imagenes/icons/notice-info.png) no-repeat}
.icon-user-online{background:url(../imagenes/icons/user.png) no-repeat}
.icon-users{background:url(../imagenes/icons/roles.png) no-repeat}
.icon-user-online-admin{background:url(../imagenes/icons/user.png) no-repeat left center}
.icon-user-add{background:url(../imagenes/icons/user-add.png) no-repeat}
.icon-user-group{background:url(../imagenes/icons/user-group.png) no-repeat}
.icon-user-group-add{background:url(../imagenes/icons/user-group-add.png) no-repeat}
.icon-rss{background:url(../imagenes/icons/rss.png) no-repeat}
.icon-contact{background:url(../imagenes/icons/contacts.png) no-repeat}
.icon-add-event{background:url(../imagenes/icons/calendar_add.png) no-repeat}
.icon-logout{background:url(../imagenes/icons/logout.png) no-repeat}
.icon-logout-admin{background:url(../imagenes/icons/logout.png) no-repeat left center}
.icon-setup{background:url(../imagenes/icons/maintence.png) no-repeat}
.icon-setup-admin{background:url(../imagenes/icons/maintence.png) no-repeat left center}
.icon-preferen{background:url(../imagenes/icons/featured.png) no-repeat}
.icon-bloqued{background:url(../imagenes/icons/checked_out.png) no-repeat}
.icon-menu{background:url(../imagenes/icons/icon-16-menu.png) no-repeat}
.icon-panel{background:url(../imagenes/icons/icon-16-component.png) no-repeat}
.icon-modul{background:url(../imagenes/icons/icon-16-module.png) no-repeat}
.icon-edit{background:url(../imagenes/icons/_edit2.png) no-repeat}
.icon-delete{background:url(../imagenes/icons/trash.png) no-repeat}
.icon-ticked{background:url(../imagenes/icons/ticked.png) no-repeat}
.icon-public-del{background:url(../imagenes/icons/publish_r.png) no-repeat}
.icon-nopublic{background:url(../imagenes/icons/disabled.png) no-repeat}
.icon-public{background:url(../imagenes/icons/publish_g.png) no-repeat}
.icon-public-red{background:url(../imagenes/icons/publish_x.png) no-repeat}
.icon-search{background:url(../imagenes/icons/icon-16-search.png) no-repeat}
.icon-details{background:url(../imagenes/icons/details.png) no-repeat}
.icon-goback{background:url(../imagenes/icons/goback.png) no-repeat}
.icon-upload{background:url(../imagenes/icons/icon-16-upload.png) no-repeat}
.icon-link{background:url(../imagenes/icons/link.png) no-repeat}
.icon-addlink{background:url(../imagenes/icons/link.png) no-repeat}
.icon-category-link{background:url(../imagenes/icons/icon-16-links-cat.png) no-repeat}
.icon-category{background:url(../imagenes/icons/category.png) no-repeat}
.icon-addcategory{background:url(../imagenes/icons/add-cat.png) no-repeat}
.icon-download{background:url(../imagenes/icons/notice-download.png) no-repeat}
.icon-view{background:url(../imagenes/icons/eye.png) no-repeat}
.icon-error{background:url(../imagenes/icons/exclamation.png) no-repeat}
.icon-gold-start{background:url(../imagenes/icons/gold-start.png) no-repeat}
.icon-white-start{background:url(../imagenes/icons/white-start.png) no-repeat}
.icon-volver{background:url(../imagenes/icons/arrow-circle-315.png) no-repeat}
.icon-attach{background:url(../imagenes/icons/attach.png) no-repeat}
.icon-money{background:url(../imagenes/icons/money.png) no-repeat}
.icon-coins{background:url(../imagenes/icons/currency.png) no-repeat}
.icon-closed{background-image:url('../imagenes/icons/closed.png');background-repeat: no-repeat;}
.icon-refresh{background:url(../imagenes/icons/arrow-circle-315.png) no-repeat}
.icon-cancel{background:url(../imagenes/icons/cross-script.png) no-repeat}
.icon-cancel2{background:url(../imagenes/icons/cancel.png) no-repeat}
.icon-save{background:url(../imagenes/icons/disk-return-black.png) no-repeat}
.icon-maletin{background:url(../imagenes/icons/briefcase.png) no-repeat}
.icon-mail{background:url(../imagenes/icons/mail.png) no-repeat}
.icon-box{background:url(../imagenes/icons/box.png) no-repeat}
.icon-clients{background:url(../imagenes/icons/toilet.png) no-repeat}
.icon-char{background:url(../imagenes/icons/chart.png) no-repeat}
.icon-ruler{background:url(../imagenes/icons/ruler-triangle.png) no-repeat}
.icon-banco{background:url(../imagenes/icons/bank.png) no-repeat}
.icon-credit{background:url(../imagenes/icons/credit-cards.png) no-repeat}
.icon-print{background:url(../imagenes/icons/printer.png) no-repeat}
.icon-history{background:url(../imagenes/icons/clock.png) no-repeat}
.icon-turno{background:url(../imagenes/icons/alarm-clock.png) no-repeat}
.icon-alarm{background:url(../imagenes/icons/clock--exclamation.png) no-repeat}
.icon-factura{background:url(../imagenes/icons/receipt-stamp.png) no-repeat}
.icon-marca{background:url(../imagenes/icons/price-tag-label.png) no-repeat}
.icon-product{background:url(../imagenes/icons/folders-stack.png) no-repeat}
.icon-tienda{background:url(../imagenes/icons/store.png) no-repeat}
.icon-transbox{background:url(../imagenes/icons/box-arrow.png) no-repeat}
.icon-closedwhite{background:url(../imagenes/icons/cross-white.png) no-repeat}
.icon-deudas{background:url(../imagenes/icons/auction-hammer-exclamation.png) no-repeat left center transparent}
.icon-cuentas{background:url(../imagenes/icons/document-binary.png) no-repeat}
.icon-expand{background:url(../imagenes/icons/expand.png) no-repeat}
.icon-minisar{background:url(../imagenes/icons/toggle.png) no-repeat}
.icon-maximisar{background:url('../imagenes/icons/toggle-expand.png') no-repeat}
.icon-minimizar{background:url(../imagenes/icons/minimizar.png) no-repeat}
.icon-advertencia{background:url(../imagenes/icons/exclamation-diamond-frame.png) no-repeat left center transparent}
.icon-advertencia2{background:url(../imagenes/icons/exclamation--frame.png) no-repeat left center transparent}
.icon-alerta{background:url(../imagenes/icons/gifalert.gif) no-repeat left center transparent}
.icon-region{background:url(../imagenes/icons/map-pin.png) no-repeat left center transparent}
.icon-time-go{background:url(../imagenes/icons/clock--arrow.png) no-repeat left center transparent}
.icon-orden{background:url(../imagenes/icons/clipboard.png) no-repeat left center transparent}
.icon-add-orden{background:url(../imagenes/icons/clipboard--plus.png) no-repeat left center transparent}
.icon-ord-estados{background:url(../imagenes/icons/clipboard-task.png) no-repeat left center transparent}
.icon-orden-alert{background:url(../imagenes/icons/clipboard--exclamation.png) no-repeat left center transparent}
.icon-orden-buscar{background:url(../imagenes/icons/clipboard-search-result.png) no-repeat left center transparent}
.icon-orden-regreso{background:url(../imagenes/icons/clipboard-sign.png) no-repeat left center transparent}
.icon-tareas{background:url(../imagenes/icons/calendar-task.png) no-repeat left center transparent}
.icon-user-change{background:url(../imagenes/icons/user--arrow.png) no-repeat left center transparent}
.icon-user-alert{background:url(../imagenes/icons/user--exclamation.png) no-repeat left center transparent}
.icon-atras{background:url(../imagenes/icons/j_arrow_left.png) no-repeat left center transparent}
.icon-adelante{background:url(../imagenes/icons/j_arrow_right.png) no-repeat left center transparent}
.icon-list-alert{background:url(../imagenes/icons/table--exclamation.png) no-repeat left center transparent}
.icon-caja{background:url(../imagenes/icons/telephone-fax.png) no-repeat left center transparent}
.icon-caja-abrir{background:url(../imagenes/icons/telephone--plus.png) no-repeat left center transparent}
.icon-calculadora{background:url(../imagenes/icons/calculator--pencil.png) no-repeat left center transparent}
.icon-money-menos{background:url(../imagenes/icons/money--minus.png) no-repeat left center transparent}
.icon-help{background:url(../imagenes/icons/help.png) no-repeat left center transparent}
.icon-restaurant{background:url(../imagenes/icons/restaurant.png) no-repeat left center transparent}
.icon-venta{background:url(../imagenes/icons/invoice.png) no-repeat left center transparent}
.icon-ubicacion{background:url(../imagenes/icons/map_marker.png) no-repeat left center transparent}
.icon-marker{background:url(../imagenes/icons/marker.png) no-repeat left center transparent}
.icon-carro{background:url(../imagenes/icons/shoping_cart.png) no-repeat left center transparent}
.icon-reservar{background:url(../imagenes/icons/tag.png) no-repeat left center transparent}
.icon-arrow-down{background:url(../imagenes/icons/arrow-down.png) no-repeat left center transparent}
.icon-arrow-up{background:url(../imagenes/icons/arrow-up.png) no-repeat left center transparent}
.icon-cup{background:url(../imagenes/icons/up_circular.png) no-repeat left center transparent}
.icon-cdown{background:url(../imagenes/icons/down_circular.png) no-repeat left center transparent}
.icon-down-pas{background:url(../imagenes/icons/down-pas.png) no-repeat left center transparent}
.icon-down-pas2{background:url(../imagenes/icons/down-pas2.png) no-repeat left center transparent}
.icon--up{background:url(../imagenes/icons/_up.png) no-repeat left center transparent}
.icon--down{background:url(../imagenes/icons/_down.png) no-repeat left center transparent}
.icon-history-menos{background:url(../imagenes/icons/clock--minus.png) no-repeat left center transparent}
.icon-history-mas{background:url(../imagenes/icons/clock--plus.png) no-repeat left center transparent}
.icon-print-pencil{background:url(../imagenes/icons/printer--pencil.png) no-repeat left center transparent}
.icon-pencil{background:url(../imagenes/icons/clipboard--pencil.png) no-repeat left center transparent}
.icon-accept{background:url(../imagenes/icons/accept.png) no-repeat left center transparent}
.icon-seat{background:url(../imagenes/icons/seat.png) no-repeat left center transparent}
.icon-libcheque{background:url(../imagenes/icons/publish_g.png) no-repeat left center transparent}
.icon-protcheque{background:url(../imagenes/icons/publish_r.png) no-repeat left center transparent}
.icon-ticket{background:url(../imagenes/icons/ticket.png) no-repeat left center transparent}
.icon-ok{background:url(../imagenes/icons/ok.png) no-repeat left center transparent}
.icon-ventapasajes{background:url(../imagenes/icons/ventapasajes.png) no-repeat left center transparent}
.icon-busmod{background:url(../imagenes/icons/bus_mod.png) no-repeat left center transparent}
.icon-charged{background:url(../imagenes/icons/charged.png) no-repeat left center transparent}
.icon-report{background:url(../imagenes/icons/report.png) no-repeat left center transparent}
.icon-email{background:url(../imagenes/icons/email.png) no-repeat left center transparent}
.icon-pirate{background:url(../imagenes/icons/pirate_flag.png) no-repeat left center transparent}
.icon-internet{background:url(../imagenes/icons/google-chrome.png) no-repeat left center transparent}
.icon-smartphone{background:url(../imagenes/icons/android.png) no-repeat left center transparent}
.icon-arrow{background:url(../imagenes/icons/blog--arrow.png) no-repeat left center transparent}
.icon-conf{background:url(../imagenes/icons/gear.png) no-repeat left center transparent}

.icon-list-item-grey{background:url(../imagenes/icons/ui-radio-button-uncheck.png) no-repeat left center transparent}
.icon-enviar_a{background:url(../imagenes/icons/enviar_a.png) no-repeat left center transparent}
.icon-x{background:url(../imagenes/icons/x.png) no-repeat left center transparent}
.icon-shop{background:url(../imagenes/icons/shop.png) no-repeat left center transparent}
.icon-this{background:url(../imagenes/icons/this.png) no-repeat left center transparent}
.icon-engrane{background:url(../imagenes/icons/engrane.png) no-repeat left center transparent}
.icon-negocio{background:url(../imagenes/icons/luggage.png) no-repeat left center transparent}
.icon-servicentro{background:url(../imagenes/icons/gas_station.png) no-repeat left center transparent}
.icon-filtro{background:url(../imagenes/icons/filled_filter.png) no-repeat left center transparent}
.icon-vehiculo{background:url(../imagenes/icons/car.png) no-repeat left center transparent}
.icon-user{background:url(../imagenes/icons/user_.png) no-repeat left center transparent}
.icon-bus{background:url(../imagenes/icons/bus.png) no-repeat left center transparent}
.icon-storage{background:url(../imagenes/icons/truck--arrow.png) no-repeat left center transparent}
.icon-egresos{background:url(../imagenes/icons/egresos.png) no-repeat left center transparent}
/*inawrath*/
.icon-wait{background:url(../imagenes/icons/hourglass.png) no-repeat left center transparent}
.icon-change{background: url(../imagenes/icons/change.png) no-repeat left center transparent}
.icon-add-color{background: url(../imagenes/icons/add2.png) no-repeat left center transparent}
.icon-minus-color{background: url(../imagenes/icons/minus-circle.png) no-repeat left center transparent}
.icon-parcel{background: url(../imagenes/icons/parcel.png) no-repeat left center transparent}
.icon-coins-add{background: url(../imagenes/icons/coin-add.png) no-repeat left center transparent}
.icon-coins-delete{background: url(../imagenes/icons/coin-delete.png) no-repeat left center transparent}
.icon-colacion{background: url(../imagenes/icons/dinner.png) no-repeat left center transparent}
.icon-moneda-simple{background: url(../imagenes/icons/single-coin.png) no-repeat left center transparent}
.icon-ropa{background: url(../imagenes/icons/clothes.png) no-repeat left center transparent}
.icon-nomina{background: url(../imagenes/icons/shipping.png) no-repeat left center transparent}
*.icon32{vertical-align:middle;}
.icon32{min-width:32px;min-height:32px;display:inline-block;background-position:left center;text-indent:32px;}
.icon-camion{background: url(../imagenes/icons/ship.png) no-repeat left center transparent}
.icon-policia{background: url(../imagenes/icons/police.png) no-repeat left center transparent}
.icon-items{background: url(../imagenes/icons/items.png) no-repeat left center transparent}
.icon-gps{background: url(../imagenes/icons/gps.png) no-repeat left center transparent}
.icon-gpsdos{background: url(../imagenes/icons/gpsdos.png) no-repeat left center transparent}
.icon-conductor{background: url(../imagenes/icons/conductor.png) no-repeat left center transparent}
/*inawrath*/

/* Documentos */
.icon-file_upload{background:url(../imagenes/icons/file_upload.png) no-repeat left center transparent}
.icon-word{background:url(../imagenes/icons/word.png) no-repeat}
.icon-excel{background:url(../imagenes/icons/excel.png) no-repeat}
.icon-pdf{background:url(../imagenes/icons/pdf.png) no-repeat}
.icon-ppt{background:url(../imagenes/icons/powerpoint.png) no-repeat}
.icon-page{background:url(../imagenes/icons/page.png) no-repeat}
.icon-alert{background:url(../imagenes/icons/error.png) no-repeat}
.advert-input{background-image: url(../imagenes/icons/error.png);background-position: right center; background-repeat: no-repeat;}
.error-input{background-image: url(../imagenes/icons/exclamation.png);background-position: right center; background-repeat: no-repeat;}
.boton .icon,.botonV .icon,.botonR .icon{
    background-position: left center;padding-left:4px;
    cursor: pointer;
}
.boton .disable:hover,.botonV .disable:hover,.botonR .disable:hover,botonA .disable:hover{
    margin:5px;
    background: #212121;
    border: 1px solid #212121;
    border-width: 1px 1px 1px 1px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: inset 0 1px 0 0 #5c5c5c, 0px 2px 3px rgba(0,0,0,0.2);
    -webkit-box-shadow: inset 0 1px 0 0 #5c5c5c, 0px 2px 3px rgba(0,0,0,0.2);
    box-shadow: inset 0 1px 0 0 #5c5c5c, 0px 2px 3px rgba(0,0,0,0.2);
    color: white;
    text-shadow: 0 -1px 0 #191919;
    font: 300 12px/1.3 Helvetica, Arial, sans-serif;
    line-height: 30px;
    min-height: 30px;
    text-align: center;
    min-width: 125px;
    display: inline-block;
    cursor: default;
}
.boton span,.boton a{
    vertical-align: middle;line-height: 16px;
    color:#666;
}
.boton:active{
    border:1px solid #9e9e9e;
}
.niceboton,.boton{
    cursor:default;
    display:inline-block;
    margin:3px;
    font-weight: bold;
    background-color: #eeeeee;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #cccccc));
    background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);
    background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
    background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);
    background-image: -o-linear-gradient(top, #eeeeee, #cccccc);
    background-image: linear-gradient(top, #eeeeee, #cccccc);
    border: 1px solid #ccc;
    border-bottom: 1px solid #bbb;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    color: #333;
    line-height: 1;
    padding: 8px;
    text-align: center;
    text-shadow: 0 1px 0 #eee;
    -moz-box-shadow: inset 0 0 0 trasparent;
    -ms-box-shadow: inset 0 0 0 trasparent;
    -webkit-box-shadow: inset 0 0 0 trasparent;
    box-shadow: inset 0 0 0 trasparent;
}

.niceboton:hover,.boton:hover{
    border: 1px solid #989898;
    border-bottom: 1px solid #646363;
    text-shadow: 0 1px 0 #ddd; 
}
.niceboton:active,.boton:active,boton.disable{    
    border: 1px solid;
    outline: 0;    
    white-space: nowrap;
    word-wrap: normal;
    vertical-align: middle;
    cursor: pointer;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border-color: #AAA;
    border-bottom-color: #CCC;
    border-top-color: #999;
    -moz-box-shadow: inset 0 1px 2px #aaa;
    -ms-box-shadow: inset 0 1px 2px #aaa;
    -webkit-box-shadow: inset 0 1px 2px #aaa;
    box-shadow: inset 0 1px 2px #aaa;
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#e6e6e6,EndColorStr=#dcdcdc);
    background-image: -moz-linear-gradient(top,#E6E6E6 0,gainsboro 100%);
    background-image: -ms-linear-gradient(top,#E6E6E6 0,gainsboro 100%);
    background-image: -o-linear-gradient(top,#E6E6E6 0,gainsboro 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#E6E6E6),color-stop(100%,gainsboro));
    background-image: -webkit-linear-gradient(top,#E6E6E6 0,gainsboro 100%);
    background-image: linear-gradient(to bottom,#E6E6E6 0,gainsboro 100%);
}

.boton-accion{width:200px;float:left;}
.boton-accion img{width:200px;max-height:120px;overflow: hidden;}
.boton-accion .boton-accion-title{width:100%;clear: both;text-align: center;}


.mini-load-circular{
    min-width:24px;min-height:24px;display:inline-block;background-position:left center;text-indent:1.3em;
    background: url('../imagenes/loads/ajax-loader.gif') no-repeat top left;
}
*.mini-load-circular{
    vertical-align: middle;
}
.minimizarMenu,.maximizarMenu{
    margin-top:3px;
    float:right;
    margin-right: 15px;
    width:30px;
    height:16px;
    padding:4px; 
    cursor: pointer;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-color: #AAA;
    border-bottom-color: #CCC;
    border-top-color: #999;
    -moz-box-shadow: inset 0 1px 2px #aaa;
    -ms-box-shadow: inset 0 1px 2px #aaa;
    -webkit-box-shadow: inset 0 1px 2px #aaa;
    box-shadow: inset 0 1px 2px #aaa;
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#e6e6e6,EndColorStr=#dcdcdc);
    background-image: -moz-linear-gradient(top,#E6E6E6 0,gainsboro 100%);
    background-image: -ms-linear-gradient(top,#E6E6E6 0,gainsboro 100%);
    background-image: -o-linear-gradient(top,#E6E6E6 0,gainsboro 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#E6E6E6),color-stop(100%,gainsboro));
    background-image: -webkit-linear-gradient(top,#E6E6E6 0,gainsboro 100%);
    background-image: linear-gradient(to bottom,#E6E6E6 0,gainsboro 100%);
}
.minimizarMenu span{
    background: url('../imagenes/arrow-7-up.png') no-repeat center;
    width:30px;
    height:16px;
    padding:16px;
}
.maximizarMenu span{
    background: url('../imagenes/arrow-7-down.png') no-repeat center;
    width:30px;
    height:16px;
    padding:16px;
}

.load-medium{
    width:60px;
    height:60px;
    background: url('../imagenes/loads/indicator_big.gif') no-repeat center;
}


.botonV{
    cursor:default;
    display:inline-block;
    margin:3px;
    font-weight: bold;
    padding: 8px;
    background-color: #7fbf4d;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7fbf4d), color-stop(100%, #63a62f));
    background-image: -webkit-linear-gradient(top, #7fbf4d, #63a62f);
    background-image: -moz-linear-gradient(top, #7fbf4d, #63a62f);
    background-image: -ms-linear-gradient(top, #7fbf4d, #63a62f);
    background-image: -o-linear-gradient(top, #7fbf4d, #63a62f);
    background-image: linear-gradient(top, #7fbf4d, #63a62f);
    border: 1px solid #63a62f;
    border-bottom: 1px solid #5b992b;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 0 0 #96ca6d;
    -moz-box-shadow: inset 0 1px 0 0 #96ca6d;
    box-shadow: inset 0 1px 0 0 #96ca6d;
    color: #fff;
    text-shadow: 0 -1px 0 #4c9021;
}

.botonV:hover {
    background-color: #76b347;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #76b347), color-stop(100%, #5e9e2e));
    background-image: -webkit-linear-gradient(top, #76b347, #5e9e2e);
    background-image: -moz-linear-gradient(top, #76b347, #5e9e2e);
    background-image: -ms-linear-gradient(top, #76b347, #5e9e2e);
    background-image: -o-linear-gradient(top, #76b347, #5e9e2e);
    background-image: linear-gradient(top, #76b347, #5e9e2e);
    -webkit-box-shadow: inset 0 1px 0 0 #8dbf67;
    -moz-box-shadow: inset 0 1px 0 0 #8dbf67;
    box-shadow: inset 0 1px 0 0 #8dbf67;
    cursor: pointer; }
.botonV:active {
    border: 1px solid #5b992b;
    border-bottom: 1px solid #538c27;
    -webkit-box-shadow: inset 0 0 8px 4px #548c29, 0 1px 0 0 #eeeeee;
    -moz-box-shadow: inset 0 0 8px 4px #548c29, 0 1px 0 0 #eeeeee;
    box-shadow: inset 0 0 8px 4px #548c29, 0 1px 0 0 #eeeeee; }

.botonR{
    cursor:default;
    display:inline-block;
    margin:3px;
    font-weight: bold;
    padding: 8px;
    background-color: #f96060;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f85757), color-stop(100%,#f82e2e));
    background-image: -webkit-linear-gradient(top, #f85757, #f82e2e);
    background-image: -moz-linear-gradient(top, #f85757, #f82e2e);
    background-image: -ms-linear-gradient(top, #f85757, #f82e2e);
    background-image: -o-linear-gradient(top, #f85757, #f82e2e);
    background-image: linear-gradient(top, #f85757, #f82e2e);
    border: 1px solid #f93636;
    border-bottom: 1px solid #f91515;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 0 0 #f86e6e;
    -moz-box-shadow: inset 0 1px 0 0 #f86e6e;
    box-shadow: inset 0 1px 0 0 #f86e6e;
    color: #fff;
    text-shadow: 0 -1px 0 #a90f0f;
}
.botonR:hover{
    background-color: #fb4e4e;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #76b347), color-stop(100%, #5e9e2e));
    background-image: -webkit-linear-gradient(top, #76b347, #5e9e2e);
    background-image: -moz-linear-gradient(top, #fd5050, #dc2929);
    background-image: -ms-linear-gradient(top, #76b347, #5e9e2e);
    background-image: -o-linear-gradient(top, #76b347, #5e9e2e);
    background-image: linear-gradient(top, #76b347, #5e9e2e);
    -webkit-box-shadow: inset 0 1px 0 0 #ff4242;
    -moz-box-shadow: inset 0 1px 0 0 #ff4242;
    box-shadow: inset 0 1px 0 0 #ff4242;
    cursor: pointer;
}
.botonR:active {
    border: 1px solid #f91b1b;
    border-bottom: 1px solid #c40000;
    -webkit-box-shadow: inset 0 0 8px 4px #fd0000, 0 1px 0 0 #c40000;
    -moz-box-shadow: inset 0 0 8px 4px #fd0000, 0 1px 0 0 #c40000;
    box-shadow: inset 0 0 8px 4px #fd0000, 0 1px 0 0 #c40000; }
.botonA{
    cursor:default;
    display:inline-block;
    margin:3px;
    font-weight: bold;
    padding: 8px;
    background-color:#e7f857;
    border: 1px solid #dbc400;
    border-bottom: 1px solid #b3a000;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 0 0 #fff281;
    -moz-box-shadow: inset 0 1px 0 0 #fff281;
    box-shadow: inset 0 1px 0 0 #fff281;
    color: #3c3b3b;
    text-shadow: 0 -1px 0 #fff;
    background: -moz-linear-gradient(
        top,
        #e7f857 0%,
        #e5ce0a);
    background: -webkit-gradient(
        linear, left top, left bottom, 
        from(#e7f857),
        to(#fe5ce0a));
}
.botonA:hover{
    background-color: #fb4e4e;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fbe20c), color-stop(100%, #fff38e));
    background-image: -webkit-linear-gradient(top, #fbe20c, #fff38e);
    background-image: -moz-linear-gradient(top, #fbe20c, #fff38e);
    background-image: -ms-linear-gradient(top, #fbe20c, #fff38e);
    background-image: -o-linear-gradient(top, #fbe20c, #fff38e);
    background-image: linear-gradient(top, #fbe20c, #fff38e);
    -webkit-box-shadow: inset 0 1px 0 0 #fbe20c;
    -moz-box-shadow: inset 0 1px 0 0 #fbe20c;
    box-shadow: inset 0 1px 0 0 #fbe20c;
    cursor: pointer;

}
.botonA:active{
    border: 1px solid #d5c21d;
    border-bottom: 1px solid #e1a800;
    -webkit-box-shadow: inset 0 0 8px 4px #f8e862, 0 1px 0 0 #fbe20c;
    -moz-box-shadow: inset 0 0 8px 4px #f8e862, 0 1px 0 0 #fbe20c;
    box-shadow: inset 0 0 8px 4px #f8e862, 0 1px 0 0 #fbe20c; 
}
.iconbutton{
    text-decoration: none;
    text-shadow: 0 1px 0 #fff;
    font: bold 11px Helvetica, Arial, sans-serif;
    color: #444;
    height: 16px;
    cursor:pointer;
    display: inline-block;
    margin: 0 1px;
    padding: 3px;
    background: #F3F3F3;
    border: solid 1px #d7d7d7;
    border-radius: 3px;
    -webkit-border-radius: 3px;-moz-border-radius: 3px;
    -webkit-transition: border-color .20s;
    -moz-transition: border-color .20s;
    -o-transition: border-color .20s;
    transition: border-color .20s;
}
.iconbutton.disable,
.iconbutton.disable:hover,
.iconbutton.disable:active{
    background: #d7d7d7;
    border: solid 1px #d7d7d7;
    opacity:0.5;
    color: #989898;
    cursor:default;
}
.iconbutton:hover{
    background: #F4F4F4;
    border-color: #989898;
    color: #333;
}
.iconbutton:active{
    border-color: #4D90FE;
    color: #4D90FE;
    -moz-box-shadow:inset 0 0 10px #D4D4D4;
    -webkit-box-shadow:inset 0 0 10px #D4D4D4;
    box-shadow:inset 0 0 10px #D4D4D4;
}