.boton, a.boton, span.boton, input[type='text'].boton {font-family: Helvetica, Arial !important; display: inline-block; position: relative; margin: 10px; text-decoration: none !important; cursor: pointer; text-align: center !important; zoom: 1; overflow: visible; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; color: #FFF !important; font-weight: bold !important; text-align: center; text-shadow: 0 1px 1px rgba(0,0,0,.5); -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;}

.boton-peque, a.boton-peque, span.boton-peque, input[type='text'].boton-peque,
.small, a.small, span.small, input[type='text'].small {padding: 3px 10px 5px 10px; font-size: 12px !important;}

.boton-medio,a.boton-medio, span.boton-medio,input[type='text'].boton-medio, 
.medio, a.medio, span.medio, input[type='text'].medio {padding: 6px 15px 8px 15px; font-size: 16px !important;}

.boton-grande,a.boton-grande, span.boton-grande,input[type='text'].boton-grande,
.grande, a.grande, span.grande, input[type='text'].grande{padding: 8px 20px 11px 20px; font-size: 20px !important; letter-spacing: -1px;}


/****** BOTON NARANJA & BOTON ROJO ANTIGUO *******/
.boton-naranja, a.boton-naranja, span.boton-naranja, input[type='text'].boton-naranja, .rojo, a.rojo, span.rojo, input[type='text'].rojo {
box-shadow: 0 1px 0 rgba(255,255,255,0.5) inset, 0 -1px 0 rgba(0,0,0,0.15) inset, 0 0 0 1px rgba(0,0,0,0.1), 0 2px 4px rgba(0,0,0,0.2); 
-moz-box-shadow: 0 1px 0 rgba(255,255,255,0.5) inset, 0 -1px 0 rgba(0,0,0,0.15) inset, 0 0 0 1px rgba(0,0,0,0.1), 0 2px 4px rgba(0,0,0,0.2); 
-webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.5) inset, 0 -1px 0 rgba(0,0,0,0.15) inset, 0 0 0 1px rgba(0,0,0,0.1), 0 2px 4px rgba(0,0,0,0.2); 
background: #FA8C00;
background: -moz-linear-gradient(top, #FB9D26 50%, #FA8C00 51%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #FB9D26), color-stop(51%, #FA8C00));
background: -o-linear-gradient(top, #FB9D26 50%, #FA8C00 51%);
background: -ms-linear-gradient(top, #FB9D26 50%, #FA8C00 51%);
background: linear-gradient(top, #FB9D26 50%, #FA8C00 51%);
*background: #FA8C00;
border: 1px solid #B16C13;
-webkit-transition: all 1s cubic-bezier(0, 0.5, 0.58, 1); /* Chrome y Safari */
-o-transition: all 1s cubic-bezier(0, 0.5, 0.58, 1); /* Opera */
-moz-transition: all 1s cubic-bezier(0, 0.5, 0.58, 1); /* Mozilla Firefox */
-ms-transition: all 1s cubic-bezier(0, 0.5, 0.58, 1); /* Internet Explorer */
transition: all 1s cubic-bezier(0, 0.5, 0.58, 1); /* W3C */}

.boton-naranja:hover, a.boton-naranja:hover, span.boton-naranja:hover, input[type='text'].boton-naranja:hover, .boton-naranja:focus, a.boton-naranja:focus, span.boton-naranja:focus, input[type='text'].boton-naranja:focus,
.rojo:hover, a.rojo:hover, span.rojo:hover, input[type='text'].rojo:hover, .rojo:focus, a.rojo:focus, span.rojo:focus, input[type='text'].rojo:focus {
background: #FB9D26;
background: -moz-linear-gradient(top, #FA8C00 50%, #FB9D26 51%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#FA8C00), color-stop(51%,#FB9D26));
background: -o-linear-gradient(top, #FA8C00 50% ,#FB9D26 51%); 
background: -ms-linear-gradient(top, #FA8C00 50%, #FB9D26 51%); 
background: linear-gradient(top, #FA8C00 50%, #FB9D26 51%);  
*background: #FB9D26;
cursor: pointer; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; color: #FFF; text-decoration: none !important;}

.boton-naranja:active, a.boton-naranja:active, span.boton-naranja:active, input[type='text'].boton-naranja:active, .rojo:active, a.rojo:active, span.rojo:active, input[type='text'].rojo:active {
background-color: #F67F00 !important; border: 1px solid #B16C13; box-shadow: 0 1px 0 0 #FFF; -moz-box-shadow: 0 1px 0 0 #FFF; -webkit-box-shadow: 0 1px 0 0 #FFF; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; color: #FFF; text-decoration: none !important;}


/****** BOTON AZUL *******/
.boton-azul, a.boton-azul, span.boton-azul,input[type='text'].boton-azul {
box-shadow: 0 1px 0 rgba(255,255,255,0.4) inset, 0 -1px 0 rgba(0,0,0,0.15) inset, 0 0 0 1px rgba(0,0,0,0.1), 0 2px 4px rgba(0,0,0,0.2); 
-moz-box-shadow: 0 1px 0 rgba(255,255,255,0.4) inset, 0 -1px 0 rgba(0,0,0,0.15) inset, 0 0 0 1px rgba(0,0,0,0.1), 0 2px 4px rgba(0,0,0,0.2); 
-webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.4) inset, 0 -1px 0 rgba(0,0,0,0.15) inset, 0 0 0 1px rgba(0,0,0,0.1), 0 2px 4px rgba(0,0,0,0.2);
background: #2D8CD7;
background: -moz-linear-gradient(top, #479ADC 50%, #2D8CD7 51%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #479ADC), color-stop(51%, #2D8CD7));
background: -o-linear-gradient(top, #479ADC 50%, #2D8CD7 51%);
background: -ms-linear-gradient(top, #479ADC 50%, #2D8CD7 51%);
background: linear-gradient(top, #479ADC 50%, #2D8CD7 51%);     
*background: #2D8CD7;
border: 1px solid #20699B; 
-webkit-transition: all 1s cubic-bezier(0, 0.5, 0.58, 1); /* Chrome y Safari */
-o-transition: all 1s cubic-bezier(0, 0.5, 0.58, 1); /* Opera */
-moz-transition: all 1s cubic-bezier(0, 0.5, 0.58, 1); /* Mozilla Firefox */
-ms-transition: all 1s cubic-bezier(0, 0.5, 0.58, 1); /* Internet Explorer */
transition: all 1s cubic-bezier(0, 0.5, 0.58, 1); /* W3C */}

.boton-azul:hover, a.boton-azul:hover, span.boton-azul:hover, input[type='text'].boton-azul:hover, .boton-azul:focus,a.boton-azul:focus,span.boton-azul:focus,input[type='text'].boton-azul:focus {
background: #479ADC;
background: -moz-linear-gradient(top, #2D8CD7 50%, #479ADC 51%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #2D8CD7), color-stop(51%, #479ADC));
background: -o-linear-gradient(top, #2D8CD7 50%, #479ADC 51%);
background: -ms-linear-gradient(top, #2D8CD7 50%, #479ADC 51%);
background: linear-gradient(top, #2D8CD7 50%, #479ADC 51%);        
*background: #479ADC;
cursor: pointer; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; color: #FFF; text-decoration: none !important;}

.boton-azul:active, a.boton-azul:active, span.boton-azul:active,input[type='text'].boton-azul:active {
background-color: #3282d3; border: 1px solid #154c8c; border-bottom: 2px solid #0e408e; box-shadow: 0 1px 0 0 #FFF; -moz-box-shadow: 0 1px 0 0 #FFF; -webkit-box-shadow: 0 1px 0 0 #FFF; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; color: #FFF; text-decoration: none !important;}


/****** BOTON BLANCO *******/
.boton-blanco, a.boton-blanco, span.boton-blanco, input[type='text'].boton-blanco {
box-shadow: 0 1px 0 rgba(255,255,255,0.5) inset, 0 -2px 0 rgba(0,0,0,0.1) inset, 0 0 10px rgba(255,255,255,0.5) inset, 0 0 0 1px rgba(0,0,0,0.1), 0 2px 4px rgba(0,0,0,0.2); 
-moz-box-shadow: 0 1px 0 rgba(255,255,255,0.5) inset, 0 -2px 0 rgba(0,0,0,0.1) inset, 0 0 10px rgba(255,255,255,0.5) inset, 0 0 0 1px rgba(0,0,0,0.1), 0 2px 4px rgba(0,0,0,0.2); 
-webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.5) inset, 0 -2px 0 rgba(0,0,0,0.1) inset, 0 0 10px rgba(255,255,255,0.5) inset, 0 0 0 1px rgba(0,0,0,0.1), 0 2px 4px rgba(0,0,0,0.2); 
text-shadow: 0 1px 0 white; color: #FA8C00 !important; background: #fff; border-top: 1px solid #B16C13; border-right: 1px solid #B16C13; border-bottom: 2px solid #B16C13; border-left: 1px solid #B16C13;}

.boton-blanco:hover, a.boton-blanco:hover, span.boton-blanco:hover, input[type='text'].boton-blanco:hover, .boton-blanco:focus, a.boton-blanco:focus, span.boton-blanco:focus, input[type='text'].boton-blanco:focus {
background: #ff7b0d;
background: -moz-linear-gradient(top, #ff9d35 0%, #fa7000 100%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9d35), color-stop(100%,#fa7000));
background: -o-linear-gradient(top, #ff9d35 0%,#fa7000 100%); 
background: -ms-linear-gradient(top, #ff9d35 0%,#fa7000 100%); 
background: linear-gradient(top, #ff9d35 0%,#fa7000 100%);
*background: #ff7b0d;
box-shadow: inset 0 1px 0 0 #FFDFBB; -moz-box-shadow: inset 0 1px 0 0 #FFC280; -webkit-box-shadow: inset 0 1px 0 0 #FFDFBB; cursor: pointer; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; color: #FFF !important; text-shadow: 0 1px 1px rgba(0,0,0,.5); text-decoration: none !important;}

.boton-blanco:active, a.boton-blanco:active, span.boton-blanco:active,input[type='text'].boton-blanco:active {
background-color: #FFF; border: 1px solid #B16C13; box-shadow: 0 1px 0 0 #FFF; -moz-box-shadow: 0 1px 0 0 #FFF; -webkit-box-shadow: 0 1px 0 0 #FFF; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; color: #333; text-decoration: none !important;}


/****** BOTON AMARILLO CLARO (SALE EN LA PETICIÓN DE CRUCEROS) *******/
.boton-amarillo, a.boton-amarillo, span.boton-amarillo, input[type='text'].boton-amarillo {
box-shadow: 0 1px 0 rgba(255,255,255,0.5) inset, 0 -2px 0 rgba(0,0,0,0.1) inset, 0 0 10px rgba(255,255,255,0.5) inset, 0 0 0 1px rgba(0,0,0,0.1), 0 2px 4px rgba(0,0,0,0.2); 
-moz-box-shadow: 0 1px 0 rgba(255,255,255,0.5) inset, 0 -2px 0 rgba(0,0,0,0.1) inset, 0 0 10px rgba(255,255,255,0.5) inset, 0 0 0 1px rgba(0,0,0,0.1), 0 2px 4px rgba(0,0,0,0.2); 
-webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.5) inset, 0 -2px 0 rgba(0,0,0,0.1) inset, 0 0 10px rgba(255,255,255,0.5) inset, 0 0 0 1px rgba(0,0,0,0.1), 0 2px 4px rgba(0, 0, 0, 0.2); 
text-shadow: 0 1px 0 white; color: #FA8C00 !important; background: #FEE8CC; border-top: 1px solid #B16C13; border-right: 1px solid #B16C13; border-bottom: 2px solid #B16C13; border-left: 1px solid #B16C13;}

.boton-amarillo:hover, a.boton-amarillo:hover, span.boton-amarillo:hover, input[type='text'].boton-amarillo:hover, .boton-amarillo:focus, a.boton-amarillo:focus, span.boton-amarillo:focus, input[type='text'].boton-amarillo:focus {
background: #ff7b0d;
background: -moz-linear-gradient(top, #ff9d35 0%, #fa7000 100%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9d35), color-stop(100%,#fa7000));
background: -o-linear-gradient(top, #ff9d35 0%,#fa7000 100%);
background: -ms-linear-gradient(top, #ff9d35 0%,#fa7000 100%);
background: linear-gradient(top, #ff9d35 0%,#fa7000 100%);
*background: #ff7b0d;
box-shadow: inset 0 1px 0 0 #FFDFBB; -moz-box-shadow: inset 0 1px 0 0 #FFC280; -webkit-box-shadow: inset 0 1px 0 0 #FFDFBB; cursor: pointer; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; color: #FFF !important; text-shadow: 0 1px 1px rgba(0,0,0,.5); text-decoration: none !important;}

.boton-amarillo:active, a.boton-amarillo:active, span.boton-amarillo:active, input[type='text'].boton-amarillo:active {
background-color: #FEE8CC; border: 1px solid #B16C13; box-shadow: 0 1px 0 0 #FFF; -moz-box-shadow: 0 1px 0 0 #FFF; -webkit-box-shadow: 0 1px 0 0 #FFF; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; color: #333; text-decoration: none !important;}