.botonbarran{
height: 27px;
font: normal 12px arial,sans-serif;color:#494949;font-weight: bold;
margin-left: 0px;padding-left: 5px;padding-bottom: 0; padding-top: 0;
background-color: transparent;       
border-color: #F5F5F5;
border-style: solid;
border-width: 1px;
background-repeat:no-repeat;
background-position:center center;
outline: none; 
}
.botonbarran:hover{
background-color: #C1D2EE;    
border-color: #316AC5;
border-style: solid;
border-width: 1px;
background-repeat:no-repeat;
background-position:center center;
outline: none; 
cursor:pointer;
}
/*-----------------------------------------------------------------------------------*/
.textobarran{
height: 25px;
font: normal 12px arial,sans-serif;color:#494949;font-weight: bold;
margin-left: 0px;padding-left: 5px;padding-bottom: 0; padding-top: 0;
background-color: transparent;       
border-color: #F5F5F5;
border-style: solid;
border-width: 1px;
background-repeat:no-repeat;
background-position:center center;
outline: none; 
}
.textobarran:hover{
background-color: #C1D2EE;    
border-color: #316AC5;
border-style: solid;
border-width: 1px;
background-repeat:no-repeat;
background-position:center center;
outline: none; 
cursor:pointer;
}
.textobarran:focus{
background-color: #FFFFFF;    
border-color: #4285F4;
border-style: solid;
border-width: 1px;
background-repeat:no-repeat;
background-position:center center;
outline: none; 
cursor:pointer;
}
/*-----------------------------------------------------------------------------------*/
.boton{
height: 30px;
font: normal 12px arial,sans-serif;color:#000000;font-weight: bold;
margin: 0px;
padding-left: 10px;padding-bottom: 0; padding-top: 0;padding-right: 10px;

background: #f4f4f4; /* Old browsers */
background: -moz-linear-gradient(top,  #f4f4f4 0%, #efefef 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(100%,#efefef)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f4f4f4 0%,#efefef 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f4f4f4 0%,#efefef 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f4f4f4 0%,#efefef 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f4f4f4 0%,#efefef 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */

border-radius: 2px 2px 2px 2px;
-moz-border-radius: 2px 2px 2px 2px;
-webkit-border-radius: 2px 2px 2px 2px;
border-style:solid;border-color:#c0c0c0;border-width: 1px ;
outline: none; 
}
.boton:hover, .boton:focus{
font: normal 12px arial,sans-serif;color:#FFFFFF;font-weight: bold;    
border-style:solid;border-color:#2F5BB7;border-width: 1px ;
background: #4c8ffd; /* Old browsers */
background: -moz-linear-gradient(top,  #4c8ffd 0%, #1d6de5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c8ffd), color-stop(100%,#1d6de5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #4c8ffd 0%,#1d6de5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #4c8ffd 0%,#1d6de5 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #4c8ffd 0%,#1d6de5 100%); /* IE10+ */
background: linear-gradient(to bottom,  #4c8ffd 0%,#1d6de5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c8ffd', endColorstr='#1d6de5',GradientType=0 ); /* IE6-9 */
}
/*-----------------------------------------------------------------------------------*/
.botonr{
height: 30px;
font: normal 12px arial,sans-serif;color:#FFFFFF;font-weight: bold;
margin-left: 0px;padding-left: 5px;padding-bottom: 0; padding-top: 0;
background: #dc4b39; /* Old browsers */
background: -moz-linear-gradient(top,  #dc4b39 0%, #d14836 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dc4b39), color-stop(100%,#d14836)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #dc4b39 0%,#d14836 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #dc4b39 0%,#d14836 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #dc4b39 0%,#d14836 100%); /* IE10+ */
background: linear-gradient(to bottom,  #dc4b39 0%,#d14836 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dc4b39', endColorstr='#d14836',GradientType=0 ); /* IE6-9 */
border-radius: 2px 2px 2px 2px;
-moz-border-radius: 2px 2px 2px 2px;
-webkit-border-radius: 2px 2px 2px 2px;
border-style:solid;border-color:#D14836;border-width: 1px ;
outline: none; 
}
.botonr:hover, .botonr:focus{
border-style:solid;border-color:#B0281A;border-width: 1px ;
background: #dc4a38; /* Old browsers */
background: -moz-linear-gradient(top,  #dc4a38 0%, #c53727 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dc4a38), color-stop(100%,#c53727)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #dc4a38 0%,#c53727 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #dc4a38 0%,#c53727 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #dc4a38 0%,#c53727 100%); /* IE10+ */
background: linear-gradient(to bottom,  #dc4a38 0%,#c53727 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dc4a38', endColorstr='#c53727',GradientType=0 ); /* IE6-9 */
}
/*-----------------------------------------------------------------------------------*/
.barra_b{
background-color: transparent;    
width: 27px; height: 27px;    
border-color: #F5F5F5;
border-style: solid;
border-width: 1px;
background-repeat:no-repeat;
background-position:center center;
outline: none; 
}

.barra_b:hover{
background-color: #C1D2EE;    
width: 27px; height: 27px;    
border-color: #316AC5;
border-style: solid;
border-width: 1px;
background-repeat:no-repeat;
background-position:center center;
outline: none; 
cursor:pointer;

}
.barra_b:focus{
    background-color: #C1D2EE;    
    border-color: #316AC5;
}
.derecha{
    width: 100%;    
    height: 100%;
    
    border-spacing: 4px;
    border-collapse: separate;        
    background-color: #EEEEEE; 
    border-top-style:solid;border-top-color:#FFFFFF;border-top-width: 1px ;
    border-left-style:solid;border-left-color:#E1E1E1;border-left-width: 1px ;
    border-right-style:solid;border-right-color:#E1E1E1;border-right-width: 0px ;
    border-bottom-style:solid;border-bottom-color:#E1E1E1;border-bottom-width: 0px ;  
}
.barra{
    background: #f5f5f5; /* Old browsers */
    background: -moz-linear-gradient(top,  #f5f5f5 0%, #eeeeee 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f5f5f5 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f5f5f5 0%,#eeeeee 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f5f5f5 0%,#eeeeee 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f5f5f5 0%,#eeeeee 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */

    border-top-style:solid;border-top-color:#FFFFFF;border-top-width: 1px ;
    border-left-style:solid;border-left-color:#C6C6C6;border-left-width: 0px ;
    border-right-style:solid;border-right-color:#C6C6C6;border-right-width: 0px ;
    border-bottom-style:solid;border-bottom-color:#C6C6C6;border-bottom-width: 1px ;  
}
.barra_linea{
    border-top-style:solid;border-top-color:#FFFFFF;border-top-width: 0px ;
    border-left-style:solid;border-left-color:#C6C6C6;border-left-width: 0px ;
    border-right-style:solid;border-right-color:#C6C6C6;border-right-width: 1px ;
    border-bottom-style:solid;border-bottom-color:#C6C6C6;border-bottom-width: 0px ;  
}
.titulo{
    height: 30px;
    width: -moz-calc(100% - 40px);
    width: -webkit-calc(100% - 40px);
    width: -o-calc(100% - 40px);
    width: calc(100% - 40px);  
    font: normal 14px arial,sans-serif; font-weight: bold;color:#C2BBB8;   
    margin-left: 0px;padding-left: 40px;padding-bottom: 0; padding-top: 0;
    border-top-style:solid;border-top-color:#C0C0C0;border-top-width: 0px ;
    border-left-style:solid;border-left-color:#C0C0C0;border-left-width: 0px ;
    border-right-style:solid;border-right-color:#C0C0C0;border-right-width: 0px ;
    border-bottom-style:solid;border-bottom-color:#F0F0F0;border-bottom-width: 1px ;  
    text-transform: uppercase; 
    line-height: 30px; 
}
.texto{
    height: 23px;
    font: normal 12px arial,sans-serif;    
    margin-left: 0px;padding-left: 5px;padding-bottom: 0; padding-top: 0;
    background-color: #FFFFFF; 
    border-style:solid;border-color:#D8D8D8;border-width: 1px ;
    outline: none; 
}
.texto:focus{
    border-style:solid;border-color:#4285F4;border-width: 1px ;
}
.mail{
    height: 23px;
    font: normal 12px arial,sans-serif;    
    margin-left: 0px;padding-left: 5px;padding-bottom: 0; padding-top: 0;
    background-color: #FFFFFF; 
    border-style:solid;border-color:#D8D8D8;border-width: 1px ;
    outline: none; 
}
.mail:focus{
    border-style:solid;border-color:#4285F4;border-width: 1px ;
}
.fecha{
    height: 23px;
    font: normal 12px arial,sans-serif;    
    margin-left: 0px;padding-left: 5px;padding-bottom: 0; padding-top: 0;
    background-color: #FFFFFF; 
    border-style:solid;border-color:#D8D8D8;border-width: 1px ;
    outline: none; 
}
.fecha:focus{
    border-style:solid;border-color:#4285F4;border-width: 1px ;
}
.aspa{
    margin-left: 0px;padding-left: 0px;padding-bottom: 0px; padding-top: 0px;
    height: 15px;
    font: normal 12px arial,sans-serif;    
    background-color: #0000FF; 
    border-style:solid;border-color:#FF0000;border-width: 1px ;
}
.etiqueta{
    font-family:Arial,Trebuchet MS;
    font-size:12px;
    vertical-align: middle; 
}
.combo{
    height: 23px;    
    font: normal 12px arial,sans-serif;    
    margin-left: 0px;padding-left: 3px;
    background-color: #FFFFFF; 
    border-style:solid;border-color:#D8D8D8;border-width: 1px ;
    outline: none; 
}
.combo:focus{
    border-style:solid;border-color:#4285F4;border-width: 1px ;
}
.multiple{ 
    font: normal 12px arial,sans-serif;    
    margin-left: 0px;padding-left: 0px;
    background-color: #FFFFFF; 
    border-style:solid;border-color:#D8D8D8;border-width: 1px ;
    outline: none; 
}
.multiple:focus{
    border-style:solid;border-color:#4285F4;border-width: 1px ;
}
.id{
    height: 23px;    
    font: normal 12px arial,sans-serif;    
    margin-left: 0px;padding-left: 5px;padding-bottom: 0; padding-top: 0;
    background-color: #E0DFE3; 
    border-style:solid;border-color:#C0C0C0;border-width: 1px ;
}
.id:focus{
    border-style:solid;border-color:#4285F4;border-width: 1px ;
}
.grillaborde{
    border-style:solid;border-color:#D8D8D8;border-width: 1px ;
    background: #FFFFFF;
    PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; 
}
.grillabordeCuerpo{
    background: #FFFFFF;
    PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; 
    overflow-y: auto;
    overflow-x: hidden;
}

.grilla{
    PADDING-RIGHT: 0px; 
    PADDING-TOP: 0px;
    font: normal 12px arial,sans-serif;    
    background-color: #FFFFFF; 
    width:100%;
}


.grillatitulo{
    background-color: #EEEEEE; 
    height: 20px;
    font: normal 12px arial,sans-serif;font-weight: none; color:#000000;
    border-top-style:solid;border-top-color:#FF0000;border-top-width: 0px ;
    border-left-style:solid;border-left-color:#FF0000;border-left-width: 0px ;
    border-right-style:solid;border-right-color:#FF0000;border-right-width: 0px ;
    border-bottom-style:solid;border-bottom-color:#E3E3E3;border-bottom-width: 1px ;     
}

.grillatr{
    height: 19px;
    background-color: #FFFFFF; 
    color:#000000;
    cursor:pointer;    
}
.grillatrseleccion{
    height: 19px;
    background-color: #4285F4; 
    color:#FFFFFF;
    cursor:pointer;  
}
.grillatrseleccionGrande{
    height: 19px;
    background-color: #D4D4D4; 
    color:#000000;
    cursor:pointer;  
}
.grillatdico{
    height: 19px;
    padding: 0px;
    margin: 0px;
    font: normal 5px arial,sans-serif;
    border-top-style:solid;border-top-color:#C0C0C0;border-top-width: 0px ;
    border-left-style:solid;border-left-color:transparent;border-left-width: 0px ;
    border-right-style:solid;border-right-color:#FF0000;border-right-width: 0px ;
    border-bottom-style:solid;border-bottom-color:#E3E3E3;border-bottom-width: 1px ;  
}
.grillatd{
    height: 19px;
    font: normal 12px arial,sans-serif;
    border-top-style:solid;border-top-color:#E3E3E3;border-top-width: 0px ;
    border-left-style:solid;border-left-color:#E3E3E3;border-left-width: 0px ;
    border-right-style:solid;border-right-color:#FF0000;border-right-width: 0px ;
    border-bottom-style:solid;border-bottom-color:#EEEEEE;border-bottom-width: 1px ;  
    padding-left: 5px;
    padding-right: 5px;
    white-space: nowrap;
}
.grillatdNormal{
    height: 19px;
    font: normal 12px arial,sans-serif;color:#000000;
    border-top-style:solid;border-top-color:#E3E3E3;border-top-width: 0px ;
    border-left-style:solid;border-left-color:#E3E3E3;border-left-width: 0px ;
    border-right-style:solid;border-right-color:#E3E3E3;border-right-width: 0px ;
    border-bottom-style:solid;border-bottom-color:#EEEEEE;border-bottom-width: 1px ;  
    padding-left: 6px;
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;    
}
.grillatdAnulado{
    height: 19px;
    font: normal 12px arial,sans-serif;color:#FF0000;
    border-top-style:solid;border-top-color:#E3E3E3;border-top-width: 0px ;
    border-left-style:solid;border-left-color:#E3E3E3;border-left-width: 0px ;
    border-right-style:solid;border-right-color:#E3E3E3;border-right-width: 0px ;
    border-bottom-style:solid;border-bottom-color:#EEEEEE;border-bottom-width: 1px ;  
    padding-left: 6px;
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.grillatdCopia{
    height: 19px;
    font: normal 12px arial,sans-serif;color:#7D007F;
    border-top-style:solid;border-top-color:#E3E3E3;border-top-width: 0px ;
    border-left-style:solid;border-left-color:#E3E3E3;border-left-width: 0px ;
    border-right-style:solid;border-right-color:#E3E3E3;border-right-width: 0px ;
    border-bottom-style:solid;border-bottom-color:#EEEEEE;border-bottom-width: 1px ;  
    padding-left: 6px;
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.grillatdParticular{
    height: 19px;
    font: normal 12px arial,sans-serif;color:#0000AF;
    border-top-style:solid;border-top-color:#E3E3E3;border-top-width: 0px ;
    border-left-style:solid;border-left-color:#E3E3E3;border-left-width: 0px ;
    border-right-style:solid;border-right-color:#E3E3E3;border-right-width: 0px ;
    border-bottom-style:solid;border-bottom-color:#EEEEEE;border-bottom-width: 1px ;  
    padding-left: 6px;
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/*-----------------------------------------------------------------------------------*/
.filtrodescrip{
    height: 23px;   
    background: url('../Bmps/f_fil.png');
    background-repeat: no-repeat;
    background-position: 5px 5px;
  
    font: 12px Arial,Helvetica,Sans-serif;
    color: #000000;
    padding: 0px 5px 0px 25px;
    background-color: #FFFFFF; 
    border-style:solid;border-color:#D8D8D8;border-width: 1px ;
}
.filtrodescrip:focus{
    border-style:solid;border-color:#4285F4;border-width: 1px ;
}
/*-----------------------------------------------------------------------------------*/
.buscar {
    background: url('../Bmps/buscar.png') no-repeat 5px 5px #FFFFFF;
    font: 12px Arial,Helvetica,Sans-serif;
    color: #000000;
    padding: 6px 5px 6px 30px;
    border-style:solid;border-color:#D8D8D8;border-width: 1px ;
    outline: none; 
    width: -moz-calc(100% - 37px);
    width: -webkit-calc(100% - 37px);
    width: -o-calc(100% - 37px);
    width: calc(100% - 37px);    
    }
.buscar:focus {
    border-style:solid;border-color:#4285F4;border-width: 1px ;
    }
/*------------------------------modal-----------------------------*/
.modal {
    position:absolute;
    width:100%; 
    height:100%; 
    position:fixed; 
    background-color: rgba(255, 255, 255, 0.5);
    top:0;
    left:0;
}
.contenido-interno { 
    position:absolute;  
    top:50%;  
    left:50%;    
    font-size:12px; /*Tamaño de la fuente*/
    text-align:center; /*Alineación del texto*/
    color:#222; /*Color del texto*/
    background:#F0F0F0; /*Color de fondo*/
    border-style:solid;border-color:#6382BF;border-width: 5px ;
    border-radius: 1px 1px 1px 1px;
    -moz-border-radius: 1px 1px 1px 1px;
    -webkit-border-radius: 1px 1px 1px 1px;
 
}  

.modal-barra {
    background-color: #B8CFE5; 
    border-top-style:solid;border-top-color:#A3B8CC;border-top-width: 0px ;
    border-left-style:solid;border-left-color:#A3B8CC;border-left-width: 0px ;
    border-right-style:solid;border-right-color:#A3B8CC;border-right-width: 0px ;
    border-bottom-style:solid;border-bottom-color:#A3B8CC;border-bottom-width: 1px ;  
}

.modal-barra1 {    
    font: 13px Arial,Helvetica,Sans-serif;color: #000000; font-weight: bold;
    padding: 0px 5px 0px 10px;
}
.modal-barra2 {
    font: 5px Arial,Helvetica,Sans-serif;
    padding: 0px 0px 0px 0px;
    border-top-style:solid;border-top-color:#B8CFE5;border-top-width: 3px ;
    border-left-style:solid;border-left-color:#A3B8CC;border-left-width: 0px ;
    border-right-style:solid;border-right-color:#A3B8CC;border-right-width: 0px ;
    border-bottom-style:solid;border-bottom-color:#B8CFE5;border-bottom-width: 2px ;  
}
.modal-barra3 {    
    padding: 3px 3px 0px 3px;
}
.cerrar{
    cursor:pointer;
    outline: none; 
    background-color: #FFFFFF; 

    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;   
}
.cerrar:hover{
    background-color: #E0DFE3; 
}

.proceso {
    width:100%; /*Toma el 100% del ancho de la página*/
    height:100%; /*Toma el 100% del alto de la página*/
    position:fixed; /*Con este código hacemos que el contenedor se mantenga en la pantalla y para que tome las dimensiones del body y no de la entrada*/
    background-color: rgba(255, 255, 255, 0.0); /*Color de fondo, incluye opacidad del 90%*/
    top:0; /*Position superior*/
    left:0; /*Posición lateral*/  
      /* Firefox */
    -moz-transition: all 1s ease-in;
    /* WebKit */
    -webkit-transition: all 1s ease-in;
    /* Opera */
    -o-transition: all 1s ease-in;
    /* Standard */
    transition: all 1s ease-in;
}

.modal-contenido-interno { /*ventana*/
    position:absolute;  
    font-size:12px;
    text-align:center; 
    color:#222; 
    background:#FFFFFF; /*Color de fondo*/
    border-style:solid;border-color:#ACACAC;border-width: 5px ;

} 
.modal-barra-abajo{
    background:#FFFFFF;
    border-top-style:solid;border-top-color:#E5E5E5;border-top-width: 1px ;
    border-left-style:solid;border-left-color:#E5E5E5;border-left-width: 0px ;
    border-right-style:solid;border-right-color:#E5E5E5;border-right-width: 0px ;
    border-bottom-style:solid;border-bottom-color:#E5E5E5;border-bottom-width: 0px ;  
    border-spacing: 4px;
    border-collapse: separate; 
}
.modal-barra-titulo { /*barra mover y titulo de ventana*/
    outline: none; 
    font: 20px Arial,Helvetica,Sans-serif;    
    color:#000000;
    background-color: #FFFFFF; 
    border-top-style:solid;border-top-color:#E5E5E5;border-top-width: 0px ;
    border-left-style:solid;border-left-color:#E5E5E5;border-left-width: 0px ;
    border-right-style:solid;border-right-color:#E5E5E5;border-right-width: 0px ;
    border-bottom-style:solid;border-bottom-color:#E5E5E5;border-bottom-width: 1px ;  
    border-spacing: 8px;
    border-collapse: separate;   
}


.botonimg{
background-image:url('../Bmps/f_nue.png');    
background-repeat:no-repeat;
background-position:left center;
background-color: transparent;  
height: 27px;
font: normal 12px arial,sans-serif;color:#494949;font-weight: bold;
margin-left: 0px;padding-left: 30px;padding-bottom: 0; padding-top: 0;     
border-color: #F5F5F5;
border-style: solid;
border-width: 1px;

outline: none; 
}
.botonimg:hover{
background-color: #C1D2EE;    
border-color: #316AC5;
border-style: solid;
border-width: 1px;
outline: none; 
cursor:pointer;
}

.seguridad{
    font: normal 12px arial,sans-serif;color:#494949;
    outline: none; 
    cursor:pointer;
}

.botonAdd{
height: 25px;
width: 25px;
font: normal 12px arial,sans-serif;color:#494949;font-weight: bold;
margin-left: 0px;padding-left: 0px;padding-bottom: 0; padding-top: 0;
background-color: #F5F5F5;       
border-color: #D8D8D8;
border-style: solid;
border-width: 1px;
background-repeat:no-repeat;
background-position:center center;
outline: none; 
background-image:url('../Bmps/f_add.png');
}
.botonAdd:hover,.botonAdd:focus{
background-color: #C1D2EE;    
border-color: #316AC5;
border-style: solid;
border-width: 1px;
background-repeat:no-repeat;
background-position:center center;
outline: none; 
cursor:pointer;
}

.textoLeyenda{
font: normal 11px arial,sans-serif;color:#000000;
}

.imagen{
    border-color: #D8D8D8;
    border-style: solid;
    border-width: 1px;
}
.fileUpload {
    width:85px;
    position: relative;
    overflow: hidden;
    margin: 10px;
    
height: 30px;
font: normal 12px arial,sans-serif;color:#000000;font-weight: bold;
margin-left: 0px;padding-left: 5px;padding-bottom: 0; padding-top: 0;
background: #f4f4f4; /* Old browsers */
background: -moz-linear-gradient(top,  #f4f4f4 0%, #efefef 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(100%,#efefef)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f4f4f4 0%,#efefef 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f4f4f4 0%,#efefef 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f4f4f4 0%,#efefef 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f4f4f4 0%,#efefef 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */

border-radius: 2px 2px 2px 2px;
-moz-border-radius: 2px 2px 2px 2px;
-webkit-border-radius: 2px 2px 2px 2px;
border-style:solid;border-color:#c0c0c0;border-width: 1px ;
outline: none; 
line-height: 30px; 
}
.fileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}