/* ---- franjas de tamaño de los formularios ---- */
.contenedor_campo_5{
    width: 4%;
    float: left;
    min-height: 20px;
    margin-right: 1%;
    padding-bottom: 10px;
}
.contenedor_campo_10{
    width: 9%;
    float: left;
    min-height: 20px;
    margin-right: 1%;
    padding-bottom: 10px;
}

.contenedor_campo_15{
    width: 14%;
    float: left;
    min-height: 20px;
    margin-right: 1%;
    padding-bottom: 10px;
}

.contenedor_campo_20{
    width: 19%;
    float: left;
    min-height: 20px;
    margin-right: 1%;
    padding-bottom: 10px;
}
.contenedor_campo_25{
    width: 24%;
    float: left;
    min-height: 20px;
    margin-right: 1%;
    padding-bottom: 10px;
}
.contenedor_campo_33{
    width: 32%;
    float: left;
    min-height: 20px;
    margin-right: 1%;
    padding-bottom: 10px;
}
.contenedor_campo_40{
    width: 39%;
    float: left;
    min-height: 20px;
    margin-right: 1%;
    padding-bottom: 10px;
}

.contenedor_campo_50{
    width: 49%;
    float: left;
    min-height: 20px;
    margin-right: 1%;
    padding-bottom: 10px;
}
.contenedor_campo_60{
    width: 59%;
    float: left;
    min-height: 20px;
    margin-right: 1%;
    padding-bottom: 10px;
}
.contenedor_campo_66{
    width: 65%;
    float: left;
    min-height: 20px;
    margin-right: 1%;
    padding-bottom: 10px;
}
.contenedor_campo_75{
    width: 74%;
    float: left;
    min-height: 20px;
    margin-right: 1%;
    padding-bottom: 10px;
}
.contenedor_campo_100{
    width: 99%;
    float: left;
    min-height: 20px;
    margin-right: 1%;
    padding-bottom: 10px;
}
/*----------------------------------------------*/




/* -- campos con label encima y al 100 -- */
.label_100{
    width: 100%;
    float: left;
    font-weight: 700;
    padding: 2px 0 3px 0;
    font-size: 14px;
}
.label_min {
    font-weight: 700;
    padding: 2px 0 3px 0;
    font-size: 14px;
}
.capa_campo{
    width: 90%;
    float: left;
}

.validador{
    width: 9%;
    float: right;
    padding-left: 1%;
    font-weight: 700;
    color: #990000;
    margin-top: 6px;
}
/*----------------------------------------------*/


/* -- campos con el label a la izquierda -- */
.label_horizontal{
    float: left;
    width: 100px;
    padding: 5px 5px 0 0;
    font-weight: 700;
    text-align: left;
}
.campo_horizontal{
    margin-left: 10px;
    float:left;
    position: relative;
    margin-right: 20px;
}
.input_horizontal{
    width: 89%;
    float: left;
}
.input_horizontal_fecha{
    width: 100px;
    float: left;
}
.validador_horizontal{
    width: 6%;
    float: left;
    margin-left: 1%;
    font-weight: 700;
    color: #990000;
    margin-top: 6px;
}
/*----------------------------------------------*/







/* --campos fijos --*/
.campo_fecha{
    width: 250px;
    float: left;
}
.campo_numero{
    width: 200px;
    float: left;
}
/*----------------------------------------------*/




/* -- cajas de los formularios --*/
.campo_formulario {
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-appearance: none;
    width: 100%;
    height: 40px;
    padding: 3px 4px;
    outline: none;
    border: 1px solid #d4d4d4;
    border-radius: 5px;
    background: #fff;
    font: 12px 'OpenSans', Helvetica, Arial, sans-serif;
    color: #404040;
    box-shadow: 50px 50px 0px #FFF inset;
}

td .campo_formulario{
    height: 30px;
}

/* estados */
.campo_formulario {
    transition: border-color 0.3s;
    -o-transition: border-color 0.3s;
    -ms-transition: border-color 0.3s;
    -moz-transition: border-color 0.3s;
    -webkit-transition: border-color 0.3s;
}

.campo_formulario:invalid
{
    border-color: #990000;
}
.button {
    border: 0;
    padding: 5px 10px;
    border-radius: 5px;
    color: #fff;
    -webkit-appearance: none;
    background-color: #0D763A;
    cursor: pointer;
}
.button:active {
    border: 0;
    padding: 5px 10px;
    border-radius: 5px;
    color: #fff;
    -webkit-appearance: none;
    background-color: #79CA28;
    cursor: pointer;
}

.boton_sencillo {
    font-family: 'OpenSans', Arial, Helvetica, sans-serif;
    background-color: #A6CF0A;
    cursor: pointer;
    color: #fff;
    border: 0;
    transition: all 0.10s linear 0s;
    background-position: 15px center;
    border-radius: 5px;
    padding: 8px;
    font-size: 14px;
}

    .boton_sencillo:hover {
        background-color: #FF9900;
    }

.boton_modificar {
    font-family: 'OpenSans', Arial, Helvetica, sans-serif;
    background-color: #A6CF0A;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAANCAYAAACgu+4kAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAJdJREFUeNpi+P//PwOJ2B6INwIxJ4hPqmYbIP72HwK2AzEbKZotgfjzf1SwjhLNP4E4EFlRJhBLYNFsBsQfsGlGDoM6qMQNNENwaQ6BqQERFWgKYIYYY9H8B1kzzID2/5jgNhC/JaQZ2Qu9//EDkOZwbAGMzOklVTO2hDQBi+ZYfFGMTXAakgEJhNIILgmQIcnEJDKAAAMA6yu2n/o1Sq4AAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    cursor: pointer;
    color: #fff;
    border: 0;
    transition: all 0.10s linear 0s;
    background-position: 15px center;
    border-radius: 5px;
    padding: 8px 16px 8px 34px;
    font-size: 14px;
}

    .boton_modificar:hover {
        background-color: #FF9900;
    }

.boton_adelante {
    background-color: #A6CF0A;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkRDQzYzNTI2Qjc0RDExRTlBNzAwOTEyRTNFQkIzQTJGIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkRDQzYzNTI3Qjc0RDExRTlBNzAwOTEyRTNFQkIzQTJGIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RENDNjM1MjRCNzREMTFFOUE3MDA5MTJFM0VCQjNBMkYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RENDNjM1MjVCNzREMTFFOUE3MDA5MTJFM0VCQjNBMkYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz70xY7mAAAAwklEQVR42mL8//8/AyWAkUgDFID4JxA/x5ABGUAEtgTiq0Asji5HigH/sRlCrAH2/xHgBhBLEmOABhBPAOJLQPz3PyqAG4JNI8iJq4D433/8AGwIumYTIH71n3iwH1mzHhB/IEHzMyBWh2nmhjqJJM3IYVCPJPkTiDcDcQkQBwOxLRBHYdMMM4AXiD8C8Q8g7gBiUTzpAEUzzIBkIL4HxAYEEhKGZpgBk4BYhkBCUsOmGYRBmUkemCUe0jo34gQAAQYANTWYYkndTGQAAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    cursor: pointer;
    color: #fff;
    border: 0;
    transition: all 0.10s linear 0s;
    background-position: 15px center;
    border-radius: 5px;
    padding: 8px 16px 8px 34px;
    font-size: 14px;
}

    .boton_adelante:hover {
        background-color: #FF9900;
    }



.boton_pdf {
    font-family: 'OpenSans', Arial, Helvetica, sans-serif;
    background-color: #A6CF0A;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAYdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuM4zml1AAAAB8SURBVDhPzZLLEYAgDAVpjP578KBYCbKAn8fgBPXizqzwQogXXIzxk72ihfRLqFpIv4SqhfTz8ckpCaMDgDuesORYeDIA5vYCecQDCW/43wDyiAeEULYZObzh2hMIvIM1x/OQtSfsKz/O76DVQvolVKFXR5CahKrFpTe6DbFRkIjs+omGAAAAAElFTkSuQmCC);
    background-repeat: no-repeat;
    cursor: pointer;
    color: #fff;
    border: 0;
    transition: all 0.10s linear 0s;
    background-position: 15px center;
    border-radius: 5px;
    padding: 8px 16px 8px 34px;
    font-size: 14px;
}

    .boton_pdf:hover {
        background-color: #FF9900;
        color:white;
    }

.boton_subir{
    background-color:#0D763A;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAPCAYAAADQ4S5JAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAFhJREFUeNpi/P//PwMpgAmHeB0UYwKQDWi47j8C1KHL41OMVRMhxRiaiFGMookRSyghC3wHYi5kSUIawGqICVaS42EANbAgeZIRmyfRA4MsG3AFJ1YAEGAAO5e3VrYJlnwAAAAASUVORK5CYII=);
    background-repeat:no-repeat;
    cursor:pointer;
    color:#fff;
    border:0;
    transition:all 0.10s linear 0s;

    background-position:15px center;
    border-radius: 5px;
    padding: 8px 16px 8px 34px;
    font-size: 14px;
}

.boton_subir:hover {
    background-color:#79CA28;
}

.boton_cancelar {
    font-family: 'OpenSans', Arial, Helvetica, sans-serif;
    background-color: #808080;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAItJREFUeNqUUosKgDAItMd3O+y/gqAPsxZGy3ltHYyZ3F3iblBVMrDdC2G8OVl8HtYHbD1/Ko5vIoOQM54/n4LxpBiR7dtjup1FY2ygL/fYLYNQ6MU9BlLyo62uQLh6LnVsFb7CH2Fl0BLuXwZfQmksEYYkZzdZnUDew5AIyHbFmQt3CmoC/as+BBgAYlJb1GB2IdIAAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    cursor: pointer;
    color: #fff;
    border: 0;
    transition: all 0.10s linear 0s;
    background-position: 15px center;
    border-radius: 5px;
    padding: 8px 16px 8px 34px;
    font-size: 14px;
}

.boton_cancelar:hover {
    background-color:red;
}

.boton_imprimir {
    font-family: 'OpenSans', Arial, Helvetica, sans-serif;
    background-color: #A6CF0A;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAOVJREFUeNpi+P//PwMUcwLxjf/4wUMg5ofpYWJAABUgfg3EjHjwZSDWhWlA1vwdiG8y4Ad3gPgLjMMIcgbUVlLBfZDm2yRq/gjFnCCPf/hPGvAGYjYg/kmO5sNAPAHEADn7A9AJ/FAnvQDiTXic7AHEcthCGxaaU9DE1gNxOhRfRpZggXqeHy1AziLxX+BwxReQZjcgtgdiaSB2ghpkjKQIxp4LpbuhLjzOAk0YN6EpB6T5ERDPwhavUBoUJkdgzkYHIEMmYBGvQRfApvkyNHBw2YwASLmKB4ifEIjjV0AsCtMDEGAAu+AL+YfeO7IAAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    cursor: pointer;
    color: #fff;
    border: 0;
    transition: all 0.10s linear 0s;
    background-position: 15px center;
    border-radius: 5px;
    padding: 8px 16px 8px 34px;
    font-size: 14px;
}

    .boton_imprimir:hover {
        background-color: #FF9900;
    }

/* encima */
.campo_formulario:hover{
    border-color: #91B537;
}
button:hover {
    opacity: 1;
}
/* focus */
.campo_formulario:focus{
    border-color: #0D763A;
}

.fecha{
    width: 80px;
}
/*----------------------------------------------*/




.select-style {
    border: 1px solid #D4D4D4;
    width: calc(96% - 16px);
    border-radius: 5px;
    overflow: hidden;
    background: url("../imagenes/flecha-select.png") no-repeat 98.6% 50%;
    transition: border-color 0.3s;
    -o-transition: border-color 0.3s;
    -ms-transition: border-color 0.3s;
    -moz-transition: border-color 0.3s;
    -webkit-transition: border-color 0.3s;
    padding: 8px;
    font-size: 14px;
    float: left;
    background-color: #fff;
    cursor: pointer;
}

.select-style select {
    -webkit-appearance:none;
      -moz-appearance: none;
}
/* encima */
.select-style:hover{
    border-color: #91B537;
}
/* focus */
.select-style:focus{
    border-color: #0D763A;
}

.select-style select {
    padding: 3px 4px 3px 0;
    width: 100%;
    float: left;
    margin-right: 20px;
    border: none;
    box-shadow: none;
    background: transparent;
    background-image: none;
    -webkit-appearance: none;
    font-size: 13px;
}

.select-style select:focus {
    outline: none;
}