.barra {
padding: 5px;
}
.barra-header {
font-weight:bold;
border: 1px solid #D8D8D8;
background-color: #E9E9E9; 
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #848484;
}

.radio-sup-izq {
-moz-border-radius-topleft: 4px;
-webkit-border-top-left-radius: 4px;
border-top-left-radius: 4px;
}
.radio-sup-der {
-moz-border-radius-topright: 4px;
-webkit-border-top-right-radius: 4px;
border-top-right-radius: 4px;
}

.radio-inf-izq {
-moz-border-radius-bottomleft: 4px;
-webkit-border-bottom-left-radius: 4px;
border-bottom-left-radius: 4px;
}

.radio-inf-der {
-moz-border-radius-bottomright: 4px;
-webkit-border-bottom-right-radius: 4px;
border-bottom-right-radius: 4px;
}



.radio{
    /*radio superior izquierdo*/
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    /*radio superior derecho*/
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
    /*radio inferior izquierdo*/
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
    /*radio inferior derecho*/
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.tabla-form {
    margin: 0 auto;
    clear: both;
    width: 100%;
    border-collapse: collapse;        
        border: 1px solid #D8D8D8;
        background-color: #F9F9F9;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #666;
}

.tabla-form .td-form {
margin: 0 0 0 0;
padding-left: 10px;
}

.tabla-form td, th {
display: table-cell;
vertical-align: inherit;
}
/*Inicio Grilla Cotización*/
.grid-cotizacion{
    margin: 0 auto;
    font-family: Arial, Helvetica, sans-serif;    
    color: #666;    
    border-collapse: collapse;  
}

.grid-cotizacion th {
    background-color:#A9A9F5;
    font-family: Arial, Helvetica, sans-serif; font-size: 12px;  font-weight:bold;
    white-space: nowrap;
}

.grid-cotizacion .producto{    
    background-color:#DADFE6;
    border-top: #A9A9F5 groove ;        
    font-family: Arial, Helvetica, sans-serif;  font-size: 10px; font-weight:bold;
}
.grid-cotizacion .detalle-producto{    
    background-color:#EAE6F3; 
    border-bottom: #A9A9F5  solid thin;
    border-bottom-color: #FFF;
    font-family: Arial, Helvetica, sans-serif;  font-size: 10px;
}

.grid-cotizacion element{ 
    font-family: Arial, Helvetica, sans-serif;  font-size: 12px; font-weight:bold;
    cursor:pointer;
}
/*Fin Grilla Cotización */


.boton-verde {    
height: 25px;
border: none;
background-color: #8fcc45;
color: #fff;
font-weight: bold;
background-image: url(../imagenes/formulario/boton-verde.png);
cursor:pointer;
}

.boton-naranjo {
height: 25px;
border: none;
background-color: #f8a521;
color: #fff;
font-weight: bold;
background-image: url(../imagenes/formulario/boton-naranjo.png);
cursor:pointer;
}

.boton-gris {
height: 25px;
border: none;
background-color: #c2c2c2;
color: #fff;
font-weight: bold;
background-image: url(../imagenes/formulario/boton-gris.png);

}

.fileinputs {
    position: relative;
}

.fakefile {
    position: absolute;
        text-align: top;
    top: 0px;
    left: 0px;
    z-index: 1;
}

input.file {
        margin-top: 10px;
    position: relative;
    text-align: top;
    -moz-opacity:0 ;    
    opacity: 0;
    z-index: 2;  
        width: 110px; 
        height: 25px;
}

/* Inicio estilo input */
form input, select, textarea {
    border: 1px solid #b8b5b5;
    vertical-align: middle;
    font-family: Arial, Helvetica, Sans-Serif;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    color: #666;
}
form input{  height: 18px; }
form select{  height: 20px; }
/* Fin estilo input */

/* iconos validacion de campos */
form *.icono-valido, form *.icono-invalido{
    background-repeat: no-repeat;
}
    
form  *.icono-valido{   
    background-image: url(../imagenes/formulario/icono-valido.png);
    background-position: 98% 50%;
}
    
form *.icono-invalido{      
    background-image: url(../imagenes/formulario/icono-invalido.png);
    background-position: 98% 50%;
}

form *.campo-valido{ border: 1px solid #91BE3F;  } 
form *.campo-invalido{ border: 1px solid crimson; }

/* fin iconos validacion de campos */