/*
Document   : styles
Created on : 13-may-2008, 11:11:12
Author     : jagimeno
Description:
Purpose of the stylesheet follows.
*/
/**{	font-family: Helvetica; font-size: 9pt; }*/

a:visited{    
    background: inherit;
    color: #1E3F71;
    text-decoration: none;
}

.link-nounderline{
    text-decoration: none !important;
}

h{
    margin-top: 2.5em;
    margin-bottom: 1.5em;
}
#display_block{
    margin: 0px; 
    padding: 0px;    
    min-height: 100%;
}

#header_block{
    margin: 0px; 
    padding: 0px;
    clear: both;
}

#content_block{
    margin: 0px; 
    padding: 0px;
    clear: both;
    padding-bottom: 30px;
}

#footer_block{
    margin: 0px;
    clear: both;
    padding: 5px 0;
    width: 100%;
    height: 20px;
    margin-top: -30px;
}

div#divLogin{
    background:     url(../imagenes/login.jpg) no-repeat;
    margin-left:    auto;
    margin-right:   auto;
    height:         270px;
    width:          450px;    
    padding-top:    91px;
    /*position:       absolute;
    left:           50%;
    top:            50%;    
    margin-top:     -130px;    
    margin-left:    -225px;*/
}

/* Estilos DataTable Scroll 400*/
#tableScroll400_filter{
    text-align: right;
    margin-right: 2.5%;
    margin-bottom: 0.5%;
    color: #666666;
    background: inherit;
    font-weight: bold
}
#tableScroll300_filter{
      float: right;
    
}
#tableScroll350_filter{
      float: right;
    
}
table.dataTable thead .sorting_asc{
    background-image:url("/sipfw/imagenes/arrow_up.gif");
    background-repeat: no-repeat;
    background-position: right; 
}
table.dataTable thead .sorting_desc{
    background-image:url("/sipfw/imagenes/arrow_down.gif");
    background-repeat: no-repeat;
    background-position: right; 
}
table.dataTable thead .sorting_asc_disabled{
    background-image:url("../images/sort_asc_disabled.png");
    background-repeat: no-repeat;
    background-position: right; 
}
table.dataTable thead .sorting_desc_disabled{
    background-image:url("");
    background-repeat: no-repeat;
    background-position: right; 
}

/* Estilos de botones con icono en negro con fondo transparente .............................................. */

img.formateoSinDcha{border: 0; width: 186px; height: 56px;}

form.sinMargen {margin: 0px;}

body.sinMargen{margin: 0px; padding: 0px;}

input{
    border: 1px solid #4567a6;
}
textarea{
    border: 1px solid #4567a6;
}
select{
    border: 1px solid #4567a6;
}

ol li{
    list-style: decimal outside none;
}

.contenido{
    margin: 1em 2em;
}

.frmEtiquetaCampo{
    margin-left: 2px;
}

.frmValorCampo{
    margin-left: 2px;
}

table.conBorde{
    border: 1px solid #4567a6;
    border-collapse: collapse;
    width:100%;
}
table.conBorde td{
    border: 1px solid #4567a6;
    padding:2px;
}

table.conBorde td.conv{
    font-weight:        bold;
}

table.conBorde td.espec{
    padding-left: 30px;
}

.unresizable {
    resize: none;
}
.font-size-6pt{
    font-size: 6pt;
}

.font-size-7pt{
    font-size: 7pt;
}

.font-size-8pt{
    font-size: 8pt;
}
.font-size-10pt{
    font-size: 10pt;
}

.font-size-11pt{
    font-size: 11pt;
}
.btn_disabled{
    opacity: 0.5;
    pointer-events: none
}

.btn_nopointer{
    pointer-events: none
}

.font-size-12pt{
    font-size: 12pt;
}

.textoAyuda {font-size: 12px; color: #000066; font-weight: normal; font-style: italic; text-align: center}

.textArea { border: 2px solid #000066; text-align:center;}

.text-normal{
    font-weight: normal;
}

.text-justify{
    text-align: justify;
}
.text-italic{
    font-style: italic; 
}

.list-style-none{ list-style: none;}

.negroImportante{color: black !important;}
.rojoImportante{color:#FF0000 !important;}
.verdeImportante{color:green !important;}
.azulImportante{color:blue !important;}

.rojoBorde{
    border: 1px solid #FF0000;
}

.amarilloSuave{
    background:rgba(255, 255, 0, 0.2);
}

.rojoSuave{
    background:rgba(255, 0, 0, 0.2);
}

.verdeSuave{
    background:rgba(0, 255, 0, 0.2);
}

.verdeMedio{
    background:rgba(0, 255, 0, 0.3);
}

.margen0{ margin: 0;}
.centrado{
    margin: 0 auto;
}
.vertical-middle{
    vertical-align: middle;
}
.vertical-top{
    vertical-align: top;
}

.frmValorCampo{
    background-color: #FFFFFF;
}

.frmValorCampo-lectura{
    background-color: #F0F0F0;
}

.frmValorCampo[readonly=readonly], .frmValorCampo[disabled=disabled]{
    background-color: #F0F0F0;
}

.validartexto  {
    text-align:left ;
}

.numero {
    text-align:right;
}

.fecha  {
    text-align:left;
}

.errorINAGA {
    color:#FF0000;
    /*background: inherit;*/
}

.scroll { border: 0px solid #000066; overflow: scroll; }

.font-size-200{ font-size: 200%;}
.font-size-150{ font-size: 150%;}

.alto1{height : 1px;}

.alto12{height : 12px;}

.alto20{height : 20px;}
.min-alto20{min-height: 20px;}
.min-alto30{min-height: 30px;}

.alto75{height : 75px;}

.alto110{height : 110px;}

.ancho445{width: 445px;}

.ancho1 { width: 1%; }

.ancho2 { width: 2%; }

.ancho3 { width: 3%; }

.ancho4 { width: 4%; }

.ancho6 { width: 6%; }

.ancho7 { width: 7%; }

.ancho8 { width: 8%; }

.ancho9 { width: 9%; }

.ancho10 { width: 10%; }

.ancho11 { width: 11%; }

.ancho12 { width: 12%; }

.ancho13 { width: 13%; }

.ancho14 { width: 14%; }

.ancho15 { width: 15%; }

.ancho17 { width: 17%; }

.ancho18 { width: 18%; }

.ancho19 { width: 19%; }

.ancho20 { width: 20%; }

.ancho21 { width: 21%; }

.ancho22 { width: 22%; }

.ancho23 { width: 23%; }

.ancho25 { width: 25%; }

.ancho26 { width: 26%; }

.ancho27 { width: 27%; }

.ancho28 { width: 28%; }

.ancho30 { width: 30%; }

.ancho31 { width: 31%; }

.ancho32 { width: 32%; }

.ancho33 { width: 33%; }

.ancho35 { width: 35%; }

.ancho36 { width: 36%; }

.ancho37 { width: 37%; }

.ancho38 { width: 38%; }

.ancho39 { width: 39%; }

.ancho40 { width: 40%; }

.ancho41 { width: 40%; }

.ancho42 { width: 42%; }

.ancho45 { width: 45%; }

.ancho48 { width: 48%; }

.ancho50 { width: 50%; }

.ancho55 { width: 55%; }

.ancho60 { width: 60%; }

.ancho62 { width: 62%; }

.ancho65 { width: 65%; }

.ancho66 { width: 66%; }

.ancho70 { width: 70%; }

.ancho71 { width: 71%; }

.ancho72 { width: 72%; }

.ancho73 { width: 73%; }

.ancho74 { width: 74%; }

.ancho75 { width: 75%; }

.ancho76 { width: 76%; }

.ancho77 { width: 77%; }

.ancho80 { width: 80%; }

.ancho81 { width: 81%; }

.ancho82 { width: 82%; }

.ancho83 { width: 83%; }

.ancho85 { width: 85%; }

.ancho86 { width: 86%; }

.ancho87 { width: 87%; }

.ancho88 { width: 88%; }

.ancho90 { width: 90%; }

.ancho91 { width: 91%; }

.ancho92 { width: 92%; }

.ancho93 { width: 93%; }

.ancho95 { width: 95%; }

.ancho96 { width: 96%; }

.ancho97 { width: 97%; }

.ancho98 { width: 98%; }

.ancho300 { width: 300px; }

.ancho120 { width: 120px; }

.ancho220 { width: 220px; }

.rojoFondo{background:#FF0000;}

.padding0{ padding: 0px;}
.padding2{ padding: 2px;}

.padding2Izq{ padding-left: 2px;}

/* Espacio de 2px por arriba antes del elemento a dibujar*/
.padding2Sup{ padding-top: 2px;}

/* Espacio de 2px por arriba antes del elemento a dibujar*/
.padding3Sup{ padding-top: 3px;}

/* Espacio de 2px por arriba antes del elemento a dibujar*/
.padding5Sup{ padding-top: 5px;}
.padding5Inf{ padding-bottom: 5px;}
.padding2Dch{ padding-right: 2px;}
.padding5Dch{ padding-right: 5px;}
.padding5Izq{ padding-left: 5px;}

.padding7Sup{ padding-top: 7px;}
.padding10Inf{ padding-bottom: 10px;}
.padding10Sup{ padding-top: 10px;}

/* Espacio de 2px por debajo antes del elemento a dibujar*/
.padding1Inf{ padding-bottom: 1px;}
.padding2Inf{ padding-bottom: 2px;}


.padding1Sup{ padding-bottom: 1px;}

.padding1{ padding:1px;}

.padding10{ padding:10px;}

.padding5{ padding:5px;}

.margen-2porcDch{ margin-right: 2%; }

.margen-1Sup{ margin-top: -1px; }

.margen-2Sup{ margin-top: -2px; }

.margen2Dch { margin-right: 2px;}

.margen2Izq { margin-left: 2px;}

.margen4Dch { margin-right: 4px;}

.margen4Izq { margin-left: 4px;}

.margen5Izq { margin-left: 5px;}

.margen5IzqPor { margin-left: 5%;}

.margen20IzqPor { margin-left: 20%;}

.margen30Dch { margin-right: 30px;}

.margen15Izq { margin-left: 15px;}

.margen20Izq { margin-left: 20px;}

.margen30Izq { margin-left: 30px;}

.margen15Dch { margin-right: 15px !important;}

.margen30Izq { margin-left: 30px;}

.margen2Inf { margin-bottom: 2px; }
.margen5Inf { margin-bottom: 5px; }
.margen10Inf { margin-bottom: 10px; }
.margen20Inf { margin-bottom: 20px; }

.margen0Sup { margin-top: 0px;}
.margen2Sup { margin-top: 2px;}
.margen5Sup { margin-top: 5px; }
.margen8Sup { margin-top: 8px; }
.margen10Sup { margin-top: 10px; }
.margen20Sup { margin-top: 20px; }
.margen25Sup { margin-top: 25px; }
.margen30Sup { margin-top: 30px; }
.margen35Sup { margin-top: 35px; }
.margen40Sup { margin-top: 40px; }

.ancho95 { width: 95%;}

.float-left{
    float:left;
}

.float-right{
    float:right;
}

.seemTd3AlignIzq{ width : 3%; float : left;}

.seemTd5AlignIzq{ width : 5%; float : left;}

.seemTd6AlignIzq{ width : 6%; float : left;}

.seemTd7AlignIzq{ width : 7%; float : left;}

.seemTd8AlignIzq{ width : 8%; float : left;}

.seemTd9AlignIzq{ width : 9%; float : left;}

.seemTd10AlignDch{ width : 10%; float : right;}

.seemTd11AlignIzq{ width : 11%; float : left;}

.seemTd12AlignIzq{ width : 12%; float : left;}

.seemTd13AlignIzq{ width : 13%; float : left;}

.seemTd14AlignIzq{ width : 14%; float : left;}

.seemTd15AlignDch{ width : 15%; float : right;}

.seemTd16AlignIzq{ width : 16%; float : left;}

.seemTd17AlignIzq{ width : 17%; float : left;}

.seemTd18AlignIzq{ width : 18%; float : left;}

.seemTd19AlignIzq{ width : 19%; float : left;}

.seemTd20AlignIzq{ width : 20%; float : left;}

.seemTd22AlignIzq{ width : 22%; float : left;}

.seemTd23AlignIzq{ width : 23%; float : left;}

.seemTd24AlignIzq{ width : 24%; float : left;}

.seemTd25AlignIzq{ width : 25%; float : left;}

.seemTd28AlignIzq{ width : 28%; float : left;}

.seemTd29AlignIzq{ width : 29%; float : left;}

.seemTd30AlignIzq{ width : 30%; float : left;}

.seemTd31AlignIzq{ width : 31%; float : left;}

.seemTd33AlignIzq{ width : 33%; float : left;}

.seemTd35AlignIzq{ width : 35%; float : left;}

.seemTd36AlignIzq{ width : 36%; float : left;}

.seemTd38AlignIzq{ width : 38%; float : left;}

.seemTd40AlignDch{ width : 40%; float : right;}

.seemTd41AlignIzq{ width : 41%; float : left;}

.seemTd42AlignIzq{ width : 42%; float : left;}

.seemTd44AlignIzq{ width : 44%; float : left;}

.seemTd45AlignIzq{ width : 45%; float : left;}

.seemTd46AlignIzq{ width : 46%; float : left;}

.seemTd48AlignIzq{ width : 48%; float : left;}

.seemTd50AlignDch{ width : 50%; float : right;}

.seemTd52AlignIzq{ width : 52%; float : left;}

.seemTd54AlignIzq{ width : 54%; float : left;}

.seemTd55AlignIzq{ width : 55%; float : left;}

.seemTd56AlignIzq{ width : 56%; float : left;}

.seemTd57AlignIzq{ width : 57%; float : left;}

.seemTd58AlignIzq{ width : 58%; float : left;}

.seemTd60AlignIzq{ width : 60%; float : left;}

.seemTd62AlignIzq{ width : 62%; float : left;}

.seemTd63AlignIzq{ width : 63%; float : left;}

.seemTd65AlignIzq{ width : 65%; float : left;}

.seemTd66AlignIzq{ width : 66%; float : left;}

.seemTd67AlignIzq{ width : 67%; float : left;}

.seemTd70AlignIzq{ width : 70%; float : left;}

.seemTd75AlignIzq{ width : 75%; float : left;}

.seemTd80AlignIzq{ width : 80%; float : left;}

.seemTd85AlignIzq{ width : 85%; float : left;}

.seemTd87AlignIzq{ width : 87%; float : left;}

.seemTd90AlignIzq{ width : 90%; float : left;}

.seemTd95AlignIzq{ width : 95%; float : left;}

.seemTd97AlignIzq{ width : 97%; float : left;}


.asAnchorMenu800{
    color:              #ffffff;
    background-color:   #2c5885;
    font-size:          1.1em;
    font-weight:        bold;
    margin:             0px;
    border:             0px;
    padding:            0px;
    cursor:             pointer;
}

ul.nivel1_800{
    /* Chrome hack */
    (-bracket-:hack;
            border-bottom: none;
    );

}
li.nivel1_800Activo{
    border-bottom-width: 4px;
}

input.boton{
    cursor: pointer;
}

a.boton{
    cursor: pointer;
    background-color: #EEF1F5;
    padding: 1px 10px;
    color: #000000;
    text-decoration: none;
}

.linenobreak{
    white-space: nowrap;
}

.botonPestana{
    border: 0px;
    background-color: #EFF3F7;
    text-align: center;
    color: #4567a6;
    cursor: pointer;
    text-transform: capitalize;
}

.primeraMayuscula{
    text-transform: capitalize;
}

.display-block{
    display: block;
}

.display-none{
  display: none;      
}

.display-inline{
    display: inline;
}

.display-inline-block{
    display: inline-block;
}

li.nivel2InactivoDeshabilitado{margin:0em 0em 0em 0em;padding:0.1em 0em 0.1em 0em;list-style-type: none;list-style-image: url(/img/estilos/nav_vinieta.gif); background:inherit;  color:#666666; }
li.nivel2ActivoDeshabilitado {margin:0em 0em 0em 0em;padding:0.1em 0em 0.1em 0em;list-style-type: none;list-style-image: url(/img/estilos/nav_vinieta.gif); background:#D9D9D9;  color:#666666; }

div.scrollWrapper{
    overflow: auto;
    height: 375px;
}

.cabeceraLogo2 {background:url('../imagenes/logoDga.jpg') no-repeat scroll 0 0 #003153;color:inherit;height: 56px;}

.estadoLiq1{
    background-color: yellow;
}

.estadoLiq2{
    background-color: green;
    color: white;    
}
.estadoLiq3{
    background-color: green;
}
.estadoLiq4{
    background-color: red;
}

html, body {
    margin: 0;
    padding: 0;
    height: 100%;
}

#container {
    display: table;
    height: 100%;
    width: 100%;
    margin: 0;
}

#content {
    display: table-cell;
    vertical-align: middle;
    position: relative;
}

/* \*/
* html #content {
    top: 50%;
    left: 0;
    height: 1px;
}

* html #content #inner {
    position: relative;
    top: -50%;
}
/* */

div.tabla{
    display: table;
}

div.fila{
    display: table-row;
}

div.celda{
    display: table-cell;
}

.nivel1_800Inactivo input{
    font-weight: bold;
}

.nivel1_800Inactivo input.btn-no-style{
    color: white;
}

input.btn-no-style{
    background-color: transparent;
    border: none;
    color: inherit;
    font-weight: inherit;
    font-size: inherit;
    cursor: pointer;
    cursor: hand;
}

/* ACCESIBLE MODAL PANEL STYLES ---------------------------------------------- */

.background-dialog{
    position: fixed;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    z-index: 6000;
}

.background-dialog-trans{
    width:100%;
    height:100%;
    background: #000000;
    z-index: 6001;
    opacity:0.6;
    filter:alpha(opacity=60);
}

.dialog-wraper { /* para que consiga centrarse el div*/
    position: absolute;
    top: 25%;
    left: 50%;
    width: 400px;  
    z-index: 6002;

}

.dialog { /* es el bloque general de la ventanita */
    border:3px solid #003153;
    width: 400px; 
    background: #FFFFFF;
    position: absolute;
    left: -200px;
}

.dialog800px{
    left: -400px !important;
    width: 800px !important;
}

.dialog900px{
    left: -450px !important;
    width: 900px !important;
    margin-top: -30%;
}

.dialog600px{
    left: -300px !important;
    width: 600px !important;
}

.dialog-header { /* es la barra superior */
    display: block;
    border-bottom: 1px solid black;
    padding-top: 5px;
    padding-left: 5px;
    font-weight: bold; 
    font-size: 110%; 
    height: 20px; 
    background: #EEEEEE;
    color: #004276;
    text-align: left;
    cursor: pointer;
    cursor: hand;
}

.dialog-header:hover{
    background: #DDDDDD;
}


.dialog-content { /* es el bloque inferior con el contenido */
    display: block;
    padding: 10px;
    font-weight: bold; 
    text-align: center;
}

.dialog .dialog-header .close_button{
    background: url("../imagenes/close.png") no-repeat scroll 0 0 transparent !important;
    border: none;
    float: right;
    margin: 0;
    padding: 0;
    width: 18px;
    height: 16px;
    cursor: pointer;
}

.dialog .dialog-header .close_button:hover{
    background: url("../imagenes/close_hover.png") no-repeat scroll 0 0 transparent !important;
}

.dialog ul.ayto_toolbar{
    list-style: none !important;
    padding: 0px;
    margin: 10px 0px;
    text-align: center;
}

.dialog ul.ayto_toolbar li{
    display: inline !important;
}

.dialog ul.ayto_toolbar li input{
    margin: 0px 4px;
    background-color: #EEF1F5;
    border-color: #003153 #EEF1F5;
    border-left: 1px solid #EEF1F5;
    border-right: 1px solid #EEF1F5;
    border-style: solid;
    border-width: 1px;
    color: #000000;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
    cursor: hand;
}

div.dga_scroller{
    text-align: right;
    margin: 5px 0px;

    position: relative;
    height: 18px;
}

div.dga_scroller ul.dga_scroller{
    list-style: none outside none !important;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;

}

div.dga_scroller ul.dga_scroller li{
    display: inline !important;
    padding: 0px 2px;
}

div.dga_scroller p{
    margin: 0;
    position: absolute;
    right: 110px;
}

.strike {
    text-decoration: line-through;
}

.ctrlOperVal-none{

}

.ctrlOperVal-O{

}

.ctrlOperVal-B{
    background-color: #FFF1F5 !important;
}

.ctrlOperVal-M{
    background-color: #FFFACD !important;
}

.ctrlOperVal-X{
    background-color: #FFF1F5 !important;
}

.captcha img{
    vertical-align: middle;
}

.identa-primera-5{
    text-indent: -5em; 
    padding-left: 5em;
}
.identa-primera-7{
    text-indent: -7em; 
    padding-left: 7em;
}

.separadorCeldaTabla{
    border-color:   #1E3F71;
    margin:         2px 8px;
}

.fondoGrisSuave{
    background-color: #E0E0E0;
}
.subrayado1SolidoGris{
    border-bottom: 1px solid #E0E0E0;
}
.borde1SolidoGris{
    border: 1px solid #E0E0E0;
}
.borde1SolidoGris_br{
    border-bottom: 1px solid #E0E0E0;
    border-right: 1px solid #E0E0E0;
}
.headerGris{
    background-color: #EBEBEB;
    border: 1px solid #5F5F5F;
    color: #5F5F5F;
}

.cursorHand{
    cursor: pointer;
}

input.btn-copy{    
    border: none;
    color: inherit;
    font-weight: inherit;
    font-size: inherit;
    cursor: pointer;
    cursor: hand;
    background: url('/agrpfw/imagenes/copy.png') no-repeat transparent;
    min-width: 16px;
    min-height: 16px;
}

input.btn-modify{    
    border: none;
    color: inherit;
    font-weight: inherit;
    font-size: inherit;
    cursor: pointer;
    cursor: hand;
    background: url('/img/iconos/editar.gif') no-repeat transparent;
    min-width: 16px;
    min-height: 16px;
}

input.btn-delete{    
    border: none;
    color: inherit;
    font-weight: inherit;
    font-size: inherit;
    cursor: pointer;
    cursor: hand;
    background: url('sipfw/resources/imgagenes/garbage.png') no-repeat transparent;
    min-width: 16px;
    min-height: 16px;
}

input.btn-cancel{    
    border: none;
    color: inherit;
    font-weight: inherit;
    font-size: inherit;
    cursor: pointer;
    background: url('/sipfw/resources/imagenes/dialog-cancel.png') no-repeat transparent;
    min-width: 16px;
    min-height: 16px;
}

input.btn-ok{    
    border: none;
    color: inherit;
    font-weight: inherit;
    font-size: inherit;
    cursor: pointer;
    background: url('/sipfw/resources/imagenes/dialog-ok.png') no-repeat transparent;
    min-width: 16px;
    min-height: 16px;
}

input.btn-select{    
    border: none;
    color: inherit;
    font-weight: inherit;
    font-size: inherit;
    cursor: pointer;
    cursor: hand;
    background: url('/sipfw/resources/imagenes/check.png') no-repeat transparent;
    min-width: 16px;
    min-height: 16px;
}

input.btn-deselect{    
    border: none;
    color: inherit;
    font-weight: inherit;
    font-size: inherit;
    cursor: pointer;
    cursor: hand;
    background: url('/sipfw/resources/imagenes/un-check.png') no-repeat transparent;
    min-width: 16px;
    min-height: 16px;
}

div#errors li {
    color: #FF0000;
}

/* Utilizado como contenedor de 950px centrado*/
.contenedor950{ margin: 0 auto; width: 950px; }

.fixed-center {
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%);
}