/*Clases etiquetas html*/
body
{
    padding: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    margin: 0px auto auto auto;
    color: #000;
    text-align:justify;
}

img
{
    cursor: pointer;
}

label
{cursor: pointer;
}

caption
{
    font-size:12px;
    text-align:left;
    font-weight:bold;
}

/*de página usuario_empresa*/

/*************** End Top Fixed Sections *************************************/

/*Clases pagina usuario empresa***/
.clear {
clear:both;
}
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height:1%; }
.clearfix {display:inline-block;}
/* End hide from IE-mac */

#header
{
    height: 10%;
    width: 80%;
    margin: 0px auto;
    background: #CBD8E0;
    padding: 5px 5px 10px 5px;
    border : 0px solid black;
    text-align:left
}


#welcomeMessage
{
    text-align: left;
    vertical-align:top; 
    width: 60%;
    margin: 0px auto;
    padding: 0px;
    position: relative;
    font-size: 19px;
    font-weight: normal;
    font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
    color: #33394c;
}

#wrapper {
width: 80%;
margin: 0px auto;
padding: 0px;
background: url(../images/content_bg.png) repeat-y top left;
}
#secWrapper{
width: 100%;
margin: 0px auto;
padding: 0px 0px 0px 0px;
background: url(../images/content_top.png) no-repeat top left;
}
#container {
width: 100%;
margin: 0px auto;
padding: 10px 0px 10px 0px;
background: url(../images/content_bottom.png) no-repeat bottom left;
text-align:right;
}

fieldset#login {
background: url(../images/login_bg.png) no-repeat top left;
margin: 0px auto;
padding: 5px 5px 5px 5px;
width: 276px;
height: 179px;
font-size: 1.4em;
border: none;
position: relative;
left: 15px;
}
#login h4 {
font-size: 18px;
font-weight: normal;
font-family: Cambria, Georgia, "Times New Roman", Times, serif;
width: 246px;
height: 31px;
padding: 4px 0px 0px 30px;
margin: 0px;
text-align: left;
}
#login form {
height: 95px;
width: 276px;
padding: 10px 0px 0px 0px;
margin: 0px;
}
#login p {
width: 276px;
margin: 0px;
padding: 0px;
font-family: Arial, Helvetica, sans-serif;
}
#login form p label {
text-align: left;
margin-left: 0.5em;
float: left;
font-size: 14px;
}
#login form p.check {
padding-left: 77px;
width: 199px;
height: 23px;
}
#login #remlabel {
float: left;
font-size: 12px;
position: relative;
left: -3px;
}
#login #remember {
float: left;
width: 14px;
height: 14px;
margin: 0px;
padding: 0px;
position: relative;
top: 3px;
}
#login #submit {
background: url(../images/login.png) no-repeat top left;
width: 77px;
height: 27px;
cursor: pointer;
border: none;
float: right;
}
#login #username, #login #password {
background: url(../images/input_bg.png) no-repeat top left;
border: 1px solid #d0d0d0;
width: 192px;
height: 19px;
padding: 2px;
color: #222222;
font-size: 14px;
float: right;
margin-bottom: 10px;
}
#login p.member {
text-align: left;
width: 270px;
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
margin: 2px 2px 0px 2px;
padding: 2px;
line-height: 18px;
}
/*Fin clases Portal usuario empresa*/


/*Divs de la aplicación*/
.mensaje_error
{
    margin:0 auto 5px auto; 
    width: 80%; 
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 17px;
    color: #FFFFFF;
    background-color: #FF0000;
    text-align: center;
}

.mensaje_info
{
    background-position: left;
    margin:0 auto 5px auto; 
    width: 80%;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 17px;
    color: #FFFFFF;
    background-color: #0066FF;
    text-align: center;
    background-image: url('../images/Info.png');
    background-repeat: no-repeat;
    padding-left: 5px;
    height: 28px;
}

.divCentrado
{
text-align:center;
margin:0px auto;
}

.divTituloPagina
{
height: 42px;
width: 99%;
margin: 1% 0.5% 1% 0.5%;
padding:5px 0px 5px 0px;
position: relative;
background: #074CB9;
text-align: left;
font-size: large;
font-weight: normal;
font-family: Arial, sans-serif;
color: #FFFFFF;
}

.divBarraBotones
{
width: 98%;
margin: 1% 0.5% 1% 0.5%;
text-align:right;
padding: 0.5% 1% 0.5% 1%;
background: #CBD8E0;
border:0px solid black;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight:bold;
}

#divNavBusParam
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight:bold;
    margin-top:5px;
    margin-bottom:5px;
}

/*fin  de Divs de la aplicación*/

/*Botones de la aplicación*/
.boton_guardar
{
background: url(../images/save.png) #c7dee9 no-repeat 0% 50%;
border-right: #104a7b 1px solid;
border-top: #afc4d5 1px solid;
border-left: #afc4d5 1px solid;
border-bottom: #104a7b 1px solid;
font-family: Arial;
font-size: 12px;
width: 75px;
height: 26px;
cursor: pointer;
color: #000066;
text-align: right;
padding: 0px 5px 0px 0px;
}

.boton_print
{
background: url(../images/print.png) #c7dee9 no-repeat 0% 50%;
border-right: #104a7b 1px solid;
border-top: #afc4d5 1px solid;
border-left: #afc4d5 1px solid;
border-bottom: #104a7b 1px solid;
font-family: Arial;
font-size: 12px;
width: 80px;
height: 26px;
cursor: pointer;
color: #000066;
text-align: right;
padding: 0px 5px 0px 0px;
}

.boton_calificar
{
background: url(../images/tick.png) #c7dee9 no-repeat 0% 50%;
border-right: #104a7b 1px solid;
border-top: #afc4d5 1px solid;
border-left: #afc4d5 1px solid;
border-bottom: #104a7b 1px solid;
font-family: Arial;
font-size: 12px;
width: 75px;
height: 26px;
cursor: pointer;
color: #000066;
text-align: right;
padding: 0px 5px 0px 0px;
}

.boton_guardar_chico
{
background: url(../images/save.png) #c7dee9 no-repeat 0% 50%;
border-right: #104a7b 1px solid;
border-top: #afc4d5 1px solid;
border-left: #afc4d5 1px solid;
border-bottom: #104a7b 1px solid;
font-family: Arial;
font-size: 12px;
width: 26px;
height: 26px;
cursor: pointer;
color: #000066;
text-align: right;
padding: 0px 5px 0px 0px;
}

.boton_editar
{
background: url(../images/modify.png) #c7dee9 no-repeat 0% 50%;
border-right: #104a7b 1px solid;
border-top: #afc4d5 1px solid;
border-left: #afc4d5 1px solid;
border-bottom: #104a7b 1px solid;
font-family: Arial;
font-size: 12px;
width: 80px;
height: 26px;
cursor: pointer;
color: #000066;
text-align: right;
padding: 0px 5px 0px 0px;
}

.boton_borrar
{
background: url(../images/delete.png) #c7dee9 no-repeat 0% 50%;
border-right: #104a7b 1px solid;
border-top: #afc4d5 1px solid;
border-left: #afc4d5 1px solid;
border-bottom: #104a7b 1px solid;
font-family: Arial;
font-size: 12px;
width: 26px;
height: 26px;
cursor: pointer;
color: #000066;
text-align: right;
padding: 0px 5px 0px 0px;
}

.boton_enviar
{
background: url(../images/email.png) #c7dee9 no-repeat 0% 50%;
border-right: #104a7b 1px solid;
border-top: #afc4d5 1px solid;
border-left: #afc4d5 1px solid;
border-bottom: #104a7b 1px solid;
font-family: Arial;
font-size: 12px;
width: 70px;
height: 26px;
cursor: pointer;
color: #000066;
text-align: right;
padding: 0px 5px 0px 0px;
}

.boton_nuevo
{
border-right: #104a7b 1px solid;
border-top: #afc4d5 1px solid;
font-size: 12px;
background: url(../images/new.png) #c7dee9 no-repeat 0% 50%;
border-left: #afc4d5 1px solid;
width: 80px;
cursor: pointer;
color: #000066;
border-bottom: #104a7b 1px solid;
font-family: Arial;
height: 26px;
text-align: right;
padding: 0px 5px 0px 0px;
}

.boton_eliminar
{
border-right: #104a7b 1px solid;
border-top: #afc4d5 1px solid;
font-size: 12px;
background: url(../images/delete.png) #c7dee9 no-repeat 0% 50%;
border-left: #afc4d5 1px solid;
width: 80px;
cursor: pointer;
color: #000066;
border-bottom: #104a7b 1px solid;
font-family: Arial;
height: 26px;
text-align: right;
padding: 0px 5px 0px 0px;
}

.boton_volver
{
border-right: #104a7b 1px solid;
border-top: #afc4d5 1px solid;
font-size: 12px;
background: url(../images/back.png) #c7dee9 no-repeat 0% 50%;
border-left: #afc4d5 1px solid;
width: 80px;
cursor: pointer;
color: #000066;
border-bottom: #104a7b 1px solid;
font-family: Arial;
height: 26px;
text-align: right;
padding: 0px 5px 0px 0px;
}

.boton_buscar
{
border-right: #104a7b 1px solid;
border-top: #afc4d5 1px solid;
border-left: #afc4d5 1px solid;
border-bottom: #104a7b 1px solid;
background: url(../images/search24.png) #c7dee9 no-repeat 0% 50%;
width: 80px;
cursor: pointer;
color: #000066;
font-family: Arial;
font-size: 12px;
height: 26px;
text-align: right;
padding: 0px 5px 0px 0px;
}

.boton_ir
{
border-right: #104a7b 1px solid;
border-top: #afc4d5 1px solid;
border-left: #afc4d5 1px solid;
border-bottom: #104a7b 1px solid;
background: url(../images/next.png) #c7dee9 no-repeat 0% 50%;
width: 80px;
cursor: pointer;
color: #000066;
font-family: Arial;
font-size: 12px;
height: 26px;
text-align: right;
padding: 0px 5px 0px 0px;
}

.boton_home
{
border-right: #104a7b 1px solid;
border-top: #afc4d5 1px solid;
border-left: #afc4d5 1px solid;
border-bottom: #104a7b 1px solid;
background: url(../images/home.png) #c7dee9 no-repeat 0% 50%;
width: 80px;
cursor: pointer;
color: #000066;
font-family: Arial;
font-size: 12px;
height: 26px;
text-align: right;
padding: 0px 5px 0px 0px;
}

.boton_anterior
{
    border-right: #104a7b 1px solid;
    border-top: #afc4d5 1px solid;
    border-left: #afc4d5 1px solid;
    border-bottom: #104a7b 1px solid;    
    background: url('../images/back.png') no-repeat 0% 50%;
    width: 85px;
    cursor: pointer;
    color: #000066;
    font-family: tahoma;
    font-size: 11px;
    height: 26px;
    text-align: right;
}
.boton_siguiente
{
    border-right: #104a7b 1px solid;
    border-top: #afc4d5 1px solid;
    border-left: #afc4d5 1px solid;
    border-bottom: #104a7b 1px solid;    
    background: url('../images/next.png') no-repeat right 50%;
    width: 85px;
    cursor: pointer;
    color: #000066;
    font-family: tahoma;
    font-size: 11px;
    height: 26px;
    text-align: left;
}

.boton_excel
{
border-right: #104a7b 1px solid;
border-top: #afc4d5 1px solid;
font-size: 12px;
background: url(../images/excel.png) #c7dee9 no-repeat 0% 50%;
border-left: #afc4d5 1px solid;
width: 80px;
cursor: pointer;
color: #000066;
border-bottom: #104a7b 1px solid;
font-family: Arial;
height: 26px;
text-align: right;
padding: 0px 5px 0px 0px;
}

.boton_pictures
{
border-right: #104a7b 1px solid;
border-top: #afc4d5 1px solid;
font-size: 12px;
background: url(../images/picture.png) #c7dee9 no-repeat 0% 50%;
border-left: #afc4d5 1px solid;
width: 80px;
cursor: pointer;
color: #000066;
border-bottom: #104a7b 1px solid;
font-family: Arial;
height: 26px;
text-align: right;
padding: 0px 5px 0px 0px;
}

.botonLink
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-decoration: underline;
    width: 100px;
    background-color: #D9FFFF;
    cursor:pointer;
}

/*Fin botones de aplicación*/


/*Inputs y clases generales*/
.Fecha
{
width:80px;
background-color: #c7dee9;
height:20px;
}

#Id_Proveedor
{
width:80px;
background-color: #c7dee9;
height:20px;
}

.input
{
    font-size: 11px;
    color: #000066;
    font-family: tahoma, sans-serif;
    background-color: #c7dee9;
    height:20px;
}

.observacion
{width:90%;
 height:20px;
 background-color: #c7dee9;

    }

.obligatorio
{
    font-size: 12px;
    font-weight: bold;
    color: #FF0000;
    display: inline;
}

.titulo_error
{
    font-weight: bold;
    font-size: 13px;
    color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    background-color: red;
    border-bottom-style: groove;
    border-right-style: groove;
}

.celda_botones
{
    text-align:right;          
}
/*FIn Inputs y clases generales*/



.tabla_Principal
{
font-size: 12px;
width: 95%;
font-family: Arial, Verdana, sans-serif;
margin: 1% 1% 1% 0.5%;
border-right: palegoldenrod thin outset;
border-top: palegoldenrod thin outset;
border-left: palegoldenrod thin outset;
border-bottom: palegoldenrod thin outset;
font-weight: normal;
background-color: #E3E0FC
        
}
.tabla_criterios
{
    border-right: palegoldenrod thin outset;
    border-top: palegoldenrod thin outset;
    font-weight: normal;
    font-size: 11px;
    border-left: palegoldenrod thin outset;
    width: 99%;
    color: black;
    border-bottom: palegoldenrod thin outset;
    font-family: Arial, Helvetica, sans-serif;
    background-color: #E3E0FC;
    margin: 5px 0px 0px 5px;
}
 
.tabla_checklist
{
    font-size: 11px;
    width: 100%;
    font-family: tahoma, sans-serif;
    width:90%;
} 
 .tabla_Portal_Empresa
{
margin: 5px 5px 5px 5px;
padding: 5px 1px 5px 1px;
font-size: 13px;
width: 99%;
font-family: Tahoma, SansSerif;
background-color: #DEDEDE
}

.titulo_tabla_Portal_Empresa
{
border-right: #00ffff;
border-top: #00ffff;
font-weight: bolder;
font-size: 14px;
border-left: #00ffff;
border-bottom: #00ffff;
font-family: Tahoma, SansSerif;
background-color: #C0C0C0
}

.borde_inferior_celda
{
    border-bottom:1px black solid;
}

/*Clases para tablas con resultados de búsqueda con este ID*/
#tabla_resultado_busq
{
    margin-left: 5px;
    font-size: 10px;
    width: 95%;
    color: black;
    font-family: Verdana;
    padding: 0px 0px 0px 0px;
    font-weight: normal;
}

#tabla_resultado_busq th
{
    background-color: #CCCCFF;
    color: #000000;
    text-align: left;
    font-size: 12px;
    font-family: Verdana;
}

.alt
{
    background: #DCD9D1;
}
 

.over
{
    background: #bcd4ec;
}
 
.checked
{
    background: #FFFF00;
}
/* FIN Clases para tablas con resultados de búsqueda con este ID*/



#tabla_titulo_imp
{
    margin: 0px 0px 5px 10px;
    font-size: 11px;
    width: 99%;
    color: black;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
}

.titulo_imp
{
    font-size: 16px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-style: normal;
    font-variant: normal;
}

.tabla_Detalle_imp
{
    margin: 0px 0px 5px 10px;
    font-size: 11px;
    width: 99%;
    color: black;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
}

.tabla_encabezado_imp
{
    margin: 0px 0px 5px 10px;
    font-size: 12px;
    width: 99%;
    color: black;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;

    }

.celdaDato
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    background-color: #E5E5E5;
    text-decoration: underline;
}

.tabla_Detalle_imp th
{
    font-size: 12px;
    color: black;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    background-color: #CCCCFF;
}

.firma_pie
{
    width:95%;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
}

/*Clases Encabezado programa de transporte*/
#Id_ProgTrans_form
{
    width:60px;
    height:20px;

}
#Destino
{
    width:100px;
    height:20px;

}
#Estado_form
{
    width:140px;
    height:20px;

}
.input_camion
{
    width:100px;
    height:20px;

}

.Id_Tipo_Carga
{
    width:120px;
    height:20px;

}


/*Clases de ingreso de items programa de transporte*/
/*Input se ajustarán al tamaño de la columna en que están.*/
#Nro_Orden
{
    width:100%;
}

#Fecha_Orden
{
    width:100%;
}

#UsuCod_form
{
    width:100%;
}

#Item_Orden
{
    width:100%;
}
#Descrip_Proveedor
{
    width:100%;
}
#Id_ProveedorItem
{
    width:100%;
}
#Cod_Material
{
    width:100%;
}
#Descrip_Material
{
    width:100%;
}
#Cantidad
{
    width:100%;
}
#U_Medida
{
    width:100%;
}
#C_Costo
{
    width:100%;
}
#Observacion_I
{
    width:100%;
}

.item_aprobado
{
    color: #0000FF;
    font-size: 12px;
    font-weight: bold;
    font-style: italic;
    font-variant: normal;
    text-transform: capitalize;
}

.item_No_aprobado
{
    color: #FF0000;
    font-size: 12px;
    font-weight: bold;
    font-style: italic;
    font-variant: normal;
    text-transform: capitalize;
}

.itemDev
{
    display: inline;
    color: #008000;
    font-weight: bold;
}

#Notificado
{
    width:130px}
    
/*FIN Clases de ingreso de items programa de transporte*/    

/*Clases de ingreso de Resultado programa de transporte*/    
.Cantidad_R
{
    width:50px;
    height:20px;
    background-color: #c7dee9;
    text-align:right;
}
.Tipo_Nro_Docto_Recep
{
        width:100px;
    height:20px;
    background-color: #c7dee9;
}

.Pendiente_R
{
    border-style: ridge;
    width: 50px;
    height: 20px;
    background-color: #c7dee9;
}
/*FIN Clases de ingreso de Resultado programa de transporte*/