﻿/* Estilo general */

body{font-family:Tahoma;margin-top:0px;margin-bottom:0px;margin-left:40px;margin-right:40px;}
td{white-space:nowrap}
textarea{font-family:Tahoma}

/* Banner */

.banTabla{
    background-image:url(../img/banner/fondo.png);
    width:100%;
    height:80px
}
.banLogo{
    background-image:url(../img/banner/logo.png);  
    width:102px
}
.banBanner{
    background-image:url(../img/banner/banner.png);
    width:532px
}

/* Menú superior */

.menFondo{
    font-size:10pt;font-weight:bold;
    background-image:url(../img/menu/boton_med.png)
}
.menFondo_on{
    font-size:10pt;font-weight:bold;
    background-image:url(../img/menu/boton_med_on.png)
}
.menInicio{
    width:2px;font-size:10pt;font-weight:bold;
    text-align:center;
    background-image:url(../img/menu/boton_med.png)
}
.menItem{
    width:100px;font-size:10pt;font-weight:bold;
    text-align:center;
    background-image:url(../img/menu/boton_med.png);
    cursor:default
}
.menBorde{
    width:2px;font-size:10pt;font-weight:bold;
    text-align:center;
    background-image:url(../img/menu/boton_bor.png)
}

/* Menú izquierdo */
    
.arbItem{font-size:8pt;color: white;}
.arbFondo{background-color:#566573}
.ColorNodos{ color:White; font-weight:bold;}



/* Trazabilidad */

.traItem{font-size:8pt;font-weight:bold}
.traFondo{background-image:url(../img/traza/fondo.png)}

/* Portada */

.porFondo{text-align:center;background-image:url(../img/fondo.png);width:293px;height:371px}
.porTit{text-align:justify;font-size:12pt;font-weight:bold;color:red;vertical-align:bottom;height:30px}
.porDet{text-align:justify;font-size:10pt;white-space:normal;vertical-align:top}
.porDet1{text-align:justify;font-size:14pt;white-space:normal;vertical-align:top;color:red}
.porDet2{text-align:justify;font-size:14pt;white-space:normal;vertical-align:top;color:black}

/* Contenido */

.porSalto{font-size:2pt}

.titIzq{
    font-size:10pt;
    text-align:left;
    /*background-Color:#1D72C2; */
    /*Background-Color:#008131;*/
    Background-Color:#566573;   
    color:White;font-weight:bold;
    height:20px
}

.botPago1{
    background-Color:#d4d5d8;
    font-size:10pt;text-align:center;
    font-weight:bold;
    border:1px solid silver;border-bottom:0px;
    white-space:normal
}
.botPago2{
    background-Color:#d4d5d8;
    font-size:8pt;text-align:center;
    border:1px solid silver;border-top:0px;
    white-space:normal
}
.piePago{
    font-size:8pt;text-align:center;
    background-Color:#6383CE;height:20px
}

.botConten{
    padding:0px;
    border:1px solid silver;
    cursor:default;
}

/* Textos */

.txtIzq{font-size:8pt;text-align:left;font-weight:normal}
.txtDer{font-size:8pt;text-align:right;font-weight:normal}
.txtCen{font-size:8pt;text-align:center;font-weight:normal}

.txtIzq_key{font-size:8pt;text-align:left;color:white;background-color:blue}
.txtDer_key{font-size:8pt;text-align:right;color:white;background-color:blue}
.txtCen_key{font-size:8pt;text-align:center;color:white;background-color:blue}

.txtIzq_db{font-size:8pt;text-align:left;color:blue;background-color:#ffffc6}
.txtDer_db{font-size:8pt;text-align:right;color:blue;background-color:#ffffc6}
.txtCen_db{font-size:8pt;text-align:center;color:blue;background-color:#ffffc6}

/* Login */

logTexto{font-size:8pt;text-align:right;width:150px}

/* Combo */

.cmbIzq{font-size:8pt}

/* Etiquetas (Label) */

.lblIzq{font-size:8pt;text-align:left;font-weight:bold}
.lblDer{font-size:8pt;text-align:right;font-weight:bold}
.lblCen{font-size:8pt;text-align:center;font-weight:bold}

.lblIzq_Det{font-size:8pt;text-align:left;font-weight:normal;height:15px;margin-left:2px;padding-left:3px;padding-right:3px;padding-top:1px}
.lblDer_Det{font-size:8pt;text-align:right;font-weight:normal;height:15px;margin-left:2px;padding-left:3px;padding-right:3px;padding-top:1px}
.lblCen_Det{font-size:8pt;text-align:center;font-weight:normal;height:15px;margin-left:2px;padding-left:3px;padding-right:3px;padding-top:1px}

/* Grilla */

.grillaCabCen{font-family:tahoma;font-size:8pt;font-weight:bold;color:#19538d;text-align:center;background-color:#d4d5d8;border-top:1px solid white;border-left:1px solid white;border-right:1px solid silver;border-bottom:1px solid silver;height:20px}
.grillaCabDer{font-family:tahoma;font-size:8pt;font-weight:bold;color:#19538d;text-align:right;background-color:#d4d5d8;border-top:1px solid white;border-left:1px solid white;border-right:1px solid silver;border-bottom:1px solid silver;height:20px}

.grillaItemIzq1{font-family:tahoma;font-size:8pt;color:black;text-align:left;border-left:1px solid white;border-right:1px solid silver;border-bottom:1px solid silver}

.grillaItemCen{font-family:tahoma;font-size:8pt;color:#19538d;text-align:center;border-right:1px solid silver;border-bottom:1px solid silver}
.grillaItemIzq{font-family:tahoma;font-size:8pt;color:#19538d;text-align:left;border-right:1px solid silver;border-bottom:1px solid silver}
.grillaItemDer{font-family:tahoma;font-size:8pt;color:#19538d;text-align:right;border-right:1px solid silver;border-bottom:1px solid silver}
.grillaItemJus{font-family:tahoma;font-size:8pt;color:#19538d;text-align:justify;border-right:1px solid silver;border-bottom:1px solid silver}

.container table th {position:relative;}


.fixedHeader
{
	overflow: auto;
	height: 200px;
}

.headerflotante {overflow:auto;}
.headerflotante table th {position:relative;}

/* Pie página */

.piePagina{
	 text-align:right;
	 height:100%;
	 width:100%;
	 }
          


/* Barra de botones */

.barraBotones{
    /*Background-Color:#008131;*/
    Background-Color:#566573;
    /*background-image:url('../img/fondo_botones.jpg');*/
    height:100%;width:100%;text-align:center;
    text-align:left 
}

.barraBoton
{
	/*Background-Color:#008131;*/
	Background-Color:#566573;
    font-family:tahoma;
    font-size:8pt;
    color:white;
    text-align:center;
    font-weight:bold
}

#divBarraBotones{
 /*   position:absolute;
    left:0;
    top:0;
    z-index:0;*/
    border: 1px none #000000;
}

#divPiePagina{
    height:25px;
    position:absolute;
    bottom:0;
}

.SelectedRow{
	background-color:#ff0000;
	color:#50A971
}

.grid td, .grid th
{
    height:14px;
    border-right:solid 1px #fff;
    vertical-align:middle;
}

.grid th
{
	background-color:#EFEFEF;
	font-weight:normal;
	border-color:#ccc;
}

.grid td
{
    vertical-align:middle;
    cursor:pointer;
    border-color:#EFEFEF;
}
.altrowstyle 
{
	background-color:#EFEFEF;}

.SelectedRow { background-color:#ff0000;color:#fff}



.btn {
    display: inline-block;
    padding: 10px 16px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
   /* border-radius: 4px*/
}
.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}
.btn.focus,
.btn:focus,
.btn:hover {
    color: #333;
    text-decoration: none
}


.btn-eliminar {
    color: #fff;
    background-color: #D50000;
    border-color: gray
}
.btn-eliminar.focus,
.btn-eliminar:focus {
    color: #fff;
    background-color: #FF4040;
    border-color: gray
}
.btn-eliminar:hover {
    color: #fff;
    background-color: #FF4040;
    border-color: gray
}
.btn-eliminar.active,
.btn-eliminar:active,
.open>.dropdown-toggle.btn-eliminar {
    color: #fff;
    background-color: #FF4040;
    border-color: gray
}
.btn-eliminar.active.focus,
.btn-eliminar.active:focus,
.btn-eliminar.active:hover,
.btn-eliminar:active.focus,
.btn-eliminar:active:focus,
.btn-eliminar:active:hover,
.open>.dropdown-toggle.btn-eliminar.focus,
.open>.dropdown-toggle.btn-eliminar:focus,
.open>.dropdown-toggle.btn-eliminar:hover {
    color: #fff;
    background-color: #FF4040;
    border-color: gray
}
.btn-eliminar.active,
.btn-eliminar:active,
.open>.dropdown-toggle.btn-eliminar {
    background-image: none
}
.btn-eliminar.disabled,
.btn-eliminar.disabled.active,
.btn-eliminar.disabled.focus,
.btn-eliminar.disabled:active,
.btn-eliminar.disabled:focus,
.btn-eliminar.disabled:hover,
.btn-eliminar[disabled],
.btn-eliminar[disabled].active,
.btn-eliminar[disabled].focus,
.btn-eliminar[disabled]:active,
.btn-eliminar[disabled]:focus,
.btn-eliminar[disabled]:hover,
fieldset[disabled] .btn-eliminar,
fieldset[disabled] .btn-eliminar.active,
fieldset[disabled] .btn-eliminar.focus,
fieldset[disabled] .btn-eliminar:active,
fieldset[disabled] .btn-eliminar:focus,
fieldset[disabled] .btn-eliminar:hover {
    background-color: #D50000;
    border-color: gray
}
.btn-imprimir .badge {
    color: #D50000;
    background-color: #fff
}

.btn-group-sm>.btn,
.btn-sm {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}
