* {
    margin: 0;
    padding: 0;
    outline: 0;
    box-sizing: border-box;
}

html {
    margin: 0;
}

body {
    margin: 0;
    padding: 0;
}

.scroll-wrapper {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    top: 0;
    height: 100%;
    width: 100% -webkit-overflow-scrolling: touch;
    overflow-y: scroll;
    overflow-x: scroll;
    overflow: hidden;
    /* important:  dimensions or positioning here! */
}

.scroll-wrapper iframe {
    height: 100%;
    width: 100%;
    /* nada! */
}


/* Juego de Caracteres con tamano fijo entre browsers */

body,
div,
p,
th,
td,
li,
dd {
    font-family: Tahoma, Helvetica, sans-serif;
    font-size: 11px;
    color: #242424;
}

body,
body div,
body p,
body th,
body td,
body li,
body dd {
    font-family: Tahoma, Helvetica, sans-serif;
    font-size: x-small;
    /*    voice-family:"\"}\"";*/
    voice-family: inherit;
    font-size: small
}

html>body,
html>body div,
html>body p,
html>body th,
html>body td,
html>body li,
html>body dd {
    font-size: small
}


/* Derfinicion de estilos para formularios #FBFAF5 #0B4F76 */

.BkgFormulario {
    /*display:none;*/
    background: #BACEDF;
    color: #000;
    /*border: 1px solid #f00;*/
}

.BkgTituloForm {
    /*background: #ffffff;*/
    color: #000;
}

.TablaGrupo {
    background: #EFF0F1;
    border: 0
}

.TituloFormulario {
    background: #0066CC;
    color: #FFF;
    font-family: Tahoma, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold
}

.Etiqueta {
    color: #000;
    font-family: Tahoma, Helvetica, sans-serif;
    padding-right: 2px;
}

.EtiquetaGrupo {
    font-family: Tahoma, Helvetica, sans-serif;    
    /*color:#eee;    
    background:#051a2f;
    border-radius:10px;
    padding:1px 7px;
    margin:5px;*/
}

.FieldSet {
    background-color: #EFF0F1;
    font-family: Tahoma, Helvetica, sans-serif;
    padding: 5px;

    border:none;
    /*border-radius:3px;
    padding:0 5px;*/
    margin-top:5px;
    color:#01214a;
    background:rgba(255,255,255,0.3);
}

.CampoNormal {
    font-family: Tahoma, Helvetica, sans-serif;
}

.CampoNumerico {
    text-align: right
}

.Mensaje {
    font-family: Tahoma, Helvetica, sans-serif;
    color: #0000FF
}

.required {
    background-image: url(../media/required.gif);
    background-position: top right;
    background-repeat: no-repeat;
}

.TablaMenu {
    background-color: transparent;
    border: 0
}

.c1 {
    background-color: #E6E6E6;
    font-family: Tahoma, Helvetica, sans-serif
}

.c2 {
    background-color: #F9F9F8;
    font-family: Tahoma, Helvetica, sans-serif
}

.c3 {
    background-color: #00CC99;
    font-family: Tahoma, Helvetica, sans-serif
}

.windhtml {
    background-color: #F0F0F0
}

.TextoPV {
    font-family: Lucida, Arial, Verdana, sans-serif;
    color: #242424;
}

.ImportesPV {
    font-family: Lucida, Arial, Verdana, sans-serif;
    color: #000066;
}

.LeyendaPV {
    font-family: Lucida, Arial, Verdana, sans-serif;
    color: #2119D9;
}

.TextoPV,
.ImportesPV,
.LeyendaPV,
.btnPV {
    font-size: 24px !important;
}

input {
    font-family: Tahoma, Helvetica, sans-serif
}

textarea {
    font-family: Tahoma, Helvetica, sans-serif;
    font-size: small;
}


/* Campos deshabilitados */

input[disabled='disabled'] {
    background: white;
    color: #707070;
    cursor: default;
}

H4 {
    font-family: Tahoma, Helvetica, sans-serif;
    color: #7F7F7F;
    background: transparent;
    text-align: center;
}

H2 {
    font-family: Tahoma, Helvetica, sans-serif;
    color: #7F7F7F;
    background: transparent;
    text-align: center;
}

H1 {
    color: #7F7F7F;
    background: transparent;
    text-align: center;
}


/* Tablas */

.roll {
    background:#d1dbe2;
}

.over {
    background-color: transparent;
}

.ttcaption {
    margin:0;
    background:#f2f6f8;
    color:#01214a;
    font-family: Tahoma, Helvetica, sans-serif;
}

.ttcaptionthtd {
    border-left: 0;
    padding: 2px;
    font-family: Tahoma, Helvetica, sans-serif;
}


/* Color del titulo superior tabla */

.tthead th {    
    height: 20px;
    /* text-align: center; */
    font-family: Tahoma, Helvetica, sans-serif;
    font-weight: bold;
    background:#051a2f;
    color:#f2f6f8;
}


/* Estilos para Columnas dinámicas (resizables) */

.thcell {
    overflow: hidden;
    white-space: nowrap;
    background: url(../media/tfondo.gif) repeat top right;
    background-color: #EEF3F6;
    color: white;
    border-right-style: solid;
    border-right-width: 2px;
    border-right-color: #C8C8C8;
    height: 18px;
    font-family: Tahoma, Helvetica, sans-serif;
    font-weight: normal;
}

.tdcell {
    overflow: hidden;
    white-space: nowrap;
}

.tdcellshow {
    overflow: visible;
    white-space: nowrap;
}

.handelCYLO {
    padding: 0px;
    margin: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    text-align: right;
    vertical-align: top;
    height: 0px;
    /* color:black; */
    left: 8px;
    float: right;
    position: relative;
    top: -22px;
}

.nosel {
    -moz-user-select: none;
}

.spareTestDivWidthCyloIE {
    background-color: red;
    width: 1%;
    white-space: nowrap;
}

.spareTestDivWidthCyloFF {
    background-color: red;
    white-space: nowrap;
}


/* Color de la base de la tabla (usada para status) */

tfoot {    
    background: #BACEDF;
    color: #000;
    /*text-align: center;*/
    font-family: Tahoma, Helvetica, sans-serif;
}

.BkgFormulario tfoot {    
    display:block;
    padding-top:10px;
}


/* Barras de Navegacion (<<  <  >  >>) */

.pagination {
    padding: 2px;
    text-decoration: bold;
    border-top:1px solid #051a2f;
    color:rgba(90,170,255,0.8);
    background:#3d7fd1;
    background:-moz-linear-gradient(top, #3d7fd1 0%, #174167 47%, #0c3255 50%, #010916 100%);
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#3d7fd1), color-stop(47%,#174167), color-stop(50%,#0c3255), color-stop(100%,#010916));
    background:-webkit-linear-gradient(top, #3d7fd1 0%,#174167 47%,#0c3255 50%,#010916 100%);
    background:-o-linear-gradient(top, #3d7fd1 0%,#174167 47%,#0c3255 50%,#010916 100%);
    background:-ms-linear-gradient(top, #3d7fd1 0%,#174167 47%,#0c3255 50%,#010916 100%);
    background:linear-gradient(to bottom, #3d7fd1 0%,#174167 47%,#0c3255 50%,#010916 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d7fd1', endColorstr='#010916',GradientType=0);
}

.pagination ul {
    margin: 0;
    padding: 0;
    text-align: left;
    /*alineacion del control */
    font-size: 12px;
}

.pagination li {
    list-style-type: none;
    display: inline;
    padding-bottom: 1px;
}

.pagination a,
.pagination a:visited {
    padding: 0 5px;
    border:0;
    text-decoration: none;
    color:rgba(90,170,255,0.8);
    border-radius:3px;
    cursor:pointer;
    -webkit-transition:all 200ms linear;
    -moz-transition:all 200ms linear;
}

.pagination a:hover,
.pagination a:active {
    background:#051a2f;
    color:#f2f6f8;
}

.pagination li.currentpage {
    font-weight: bold;
    padding: 0 5px;
    border-radius:3px;
    cursor:default;
    box-shadow:inset 0 1px 1px rgba(0,0,0,0.5);
    background:rgba(0,0,0,0.5);
    color:rgba(90,170,255,0.5);
}

.pagination li.disablepage {
    padding: 0 5px;
    color:rgba(90,170,255,0.3);
    cursor:default;
}

.pagination li.nextpage {
    font-weight: bold;
}

* html .pagination li.currentpage,
* html .pagination li.disablepage {
    /*IE 6 and below. Adjust non linked LIs slightly to account for bugs*/
    margin-right: 5px;
    padding-right: 0;
}


/* 
  Ventanas de Listas y Formularios 
*/

* html .boxhead h2 {
    height: 1%;
}


/* For IE 5 PC */

.dragme {
    cursor: move
}

.boxhead {
    height: 25px;
    border-radius: 5px 5px 0px 0px;
    margin: 10px 9px 0 9px;
    border:1px solid #051a2f;
    box-shadow:0 2px 3px rgba(0, 0, 0, 0.7), inset 0 -1px 6px #438aca;
    background:#3d7fd1;
    background:-moz-linear-gradient(top, #3d7fd1 0%, #174167 47%, #0c3255 50%, #010916 100%);
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #3d7fd1), color-stop(47%, #174167), color-stop(50%, #0c3255), color-stop(100%, #010916));
    background:-webkit-linear-gradient(top, #3d7fd1 0%, #174167 47%, #0c3255 50%, #010916 100%);
    background:-o-linear-gradient(top, #3d7fd1 0%, #174167 47%, #0c3255 50%, #010916 100%);
    background:-ms-linear-gradient(top, #3d7fd1 0%, #174167 47%, #0c3255 50%, #010916 100%);
    background:linear-gradient(to bottom, #3d7fd1 0%, #174167 47%, #0c3255 50%, #010916 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d7fd1', endColorstr='#010916', GradientType=0);
}

.boxhead h2 {
    color:#5aaaff;    
    /*text-align: left;*/
    text-align:center;
    font-size: 14px;
    line-height: 25px;
    padding-left: 20px;
    padding-top: 2px
}

.boxbody {
    background: rgba(255, 255, 255, 0.7);
    /*border: 4px solid #6384ad;*/
    border:1px solid #051a2f;
    border-top: 0;
    padding-top: 2px;
    border-radius: 0 0 5px 5px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.7);
    margin: 0 9px;
    color:#01214a;
    overflow: hidden;
}


/* bloque interno de ventanas del sistema */

#bloqueventana {
    display: block;
    position: relative;
}

.widthlessbox {
    margin: 0 25%;
    /* NO WIDTH! Opens up a world of possibilities! */
    background: url(../media/css/sbbody-r.gif) no-repeat bottom right;
    font-size: 100%;
}


/* Posicion reloj de carga */

div.loading-invisible {
    display: none;
    z-index: 850;
}

div.loading-visible {
    z-index: 850;
    position: absolute;
    display: block;
    background: transparent;
    top: 190px;
    left: 360px;
}


/* Color Default de los links */

a.ColorLinks {
    background: transparent;
    display: block;
    float: left;
    width: 100%;
}

a:link.ColorLinks,
a:visited.ColorLinks,
a:active.ColorLinks span {
    font-size: 12px;
    font-family: Tahoma, Helvetica, sans-serif;
    color: white;
    background: transparent;
    text-decoration: none;
    width: 100%;
}

a.ColorLinks:hover {
    color: yellow;
    width: 100%;
}


/* Botones */


/*input.btn {
 color:#ffffff;
 font-family :  Tahoma, Helvetica, sans-serif;
 font-size:small;
 font-weight:bold;
 cursor:pointer;
 border:outset 1px #ffffff;
 background:#000000;
 background:url(../media/btnbg.gif) repeat-x left top;
 padding: 2px 2px;
}*/

input[type=button],
input[type=submit],
.btn {
    border-radius: 3px;
    padding: 2px;
    font-weight: 700;
    cursor: pointer;
    border:1px solid #051a2f;
    color:#5aaaff;
    box-shadow:0 1px 2px rgba(0, 0, 0, 0.7);
    background:#3d7fd1;
    background:-moz-linear-gradient(top, #3d7fd1 0%, #174167 47%, #0c3255 50%, #010916 100%);
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #3d7fd1), color-stop(47%, #174167), color-stop(50%, #0c3255), color-stop(100%, #010916));
    background:-webkit-linear-gradient(top, #3d7fd1 0%, #174167 47%, #0c3255 50%, #010916 100%);
    background:-o-linear-gradient(top, #3d7fd1 0%, #174167 47%, #0c3255 50%, #010916 100%);
    background:-ms-linear-gradient(top, #3d7fd1 0%, #174167 47%, #0c3255 50%, #010916 100%);
    background:linear-gradient(to bottom, #3d7fd1 0%, #174167 47%, #0c3255 50%, #010916 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d7fd1', endColorstr='#010916', GradientType=0);
}

input[type=button]:hover,
input[type=submit]:hover,
.btn:hover {
    box-shadow:inset 0 0 5px #438aca, 0 1px 1px rgba(0,0,0,0.5);
}

.btn:disabled {
    color:rgba(0,0,0,.5) !important;
    border-color:#aaa !important;
    background:#ccc !important;
    box-shadow:none !important;
}

#lectorp,
#saldo,
#lsCampoidProd,
#importe,
#lsCampoidbsCS {
    background: #fff;
    cursor: text;
    color: #000;
    padding: 1px;
    border: 1px solid #aaa;
    border-radius: 0;
    font-weight: normal;
}

input.btnPV {
    color: #ffffff;
    font-family: Tahoma, Helvetica, sans-serif;
    font-size: 28px;
    font-weight: bold;
    cursor: pointer;
    border: outset 1px #ffffff;
    background: #000000;
    background: url(../media/fondomenuizq.gif) repeat;
    padding: 2px 2px;
}


/* Botones especiales con hover */

a.squarebutton {
    background: transparent url('../media/square-blue-left.gif') no-repeat top left;
    display: block;
    float: left;
    font: normal 12px Tahoma, Arial;
    line-height: 15px;
    height: 23px;
    padding-left: 9px;
    text-decoration: none;
}

a:link.squarebutton,
a:visited.squarebutton,
a:active.squarebutton {
    color: #494949;
}

a.squarebutton span {
    background: transparent url('../media/square-blue-right.gif') no-repeat top right;
    display: block;
    padding: 4px 9px 4px 0;
}

a.squarebutton:hover {
    background-position: bottom left;
}

a.squarebutton:hover span {
    background-position: bottom right;
    color: black;
}

.buttonwrapper {
    overflow: hidden;
    width: 100%;
}


/* Estilos utilizados por fValidate */

input.errHilite,
select.errHilite,
textarea.errHilite {
    border: 1px solid #DDC;
    background-color: #F7FFB2;
}

label.errHilite {
    color: #C00;
}

ul#errors {
    display: none;
    margin-top: 1em;
    background-color: #FFE;
    border: 1px solid #CC9;
    padding: .3em;
    color: #C00;
    font-weight: bold;
}

ul#errors li {
    margin-top: .5em;
    margin-bottom: .5em;
    padding: 0;
}

ul#errors li.heading {
    list-style-type: none;
    color: #000;
    font-weight: normal;
    font-style: italic;
    margin: .5em 0;
    padding: 0;
}


/* Tab WebFX */

.dynamic-tab-pane-control.tab-pane {
    position: relative;
    width: 100%;
}

.dynamic-tab-pane-control .tab-row .tab {
    font-family: Tahoma, Verdana, Helvetica, Arial;
    font-size: 12px;
    cursor: Default;
    display: inline;
    margin: 1px -5px 1px 5px;
    float: left;
    padding: 3px 6px 3px 6px;
    background: #BACEDF;
    border: 1px solid;
    border-color: #ffffff;
    border-left: 0;
    border-bottom: 0;
    border-top: 0;
    cursor: pointer;
    z-index: 1;
    position: relative;
    top: 0;
}

.dynamic-tab-pane-control .tab-row .tab.selected {
    border: 1px solid rgb(120, 172, 255);
    border-bottom: 0;
    z-index: 3;
    padding: 2px 6px 5px 6px;
    margin: 1px -6px -2px 0px;
    top: -2px;
    background-color: #EFF0F1;
    /* background: url(../media/tfondo.gif) repeat top right; */
}

.dynamic-tab-pane-control .tab-row .tab a {
    font-family: Tahoma, Helvetica, sans-serif;
    font-size: 13px;
    color: #4F4F4F;
    /*rgb(0,66,174);*/
    text-decoration: none;
    cursor: pointer;
}

.dynamic-tab-pane-control .tab-row .hover a {
    background-color: #EFF0F1;
    color: #4F4F4F;
}

.dynamic-tab-pane-control .tab-row .tab.selected a {
    font-weight: bold;
}

.dynamic-tab-pane-control .tab-page {
    clear: both;
    border: 1px solid rgb(120, 172, 255);
    border-color: #F7F6F1;
    background-color: #EFF0F1;
    /* Color Fondo pagina */
    z-index: 2;
    position: relative;
    top: -2px;
    color: Black;
    font-family: Tahoma, Helvetica, sans-serif;
    font-size: 13px;
    padding: 10px;
}

.dynamic-tab-pane-control .tab-row {
    z-index: 1;
    white-space: nowrap;
    background: #BACEDF;
    /* rgb(234,242,255); */
    height: 1.85em;
    width: 100%;
}


/*

   Estilos de DhtmlWindow  PopUp

*/

.dhtmlwindow {
    position: absolute;
    border: 1px solid #051a2f;
    visibility: hidden;
    background-color: #FFFFFF;
}

.drag-handle {
    padding: 1px;
    text-indent: 3px;
    font-family: Tahoma, Helvetica, sans-serif;
    font-weight: bold;
    /*background: url(../media/bktitwin.gif) repeat top right;*/
    color: #555555;
    /* Color texto en barra de titulos*/
    cursor: pointer;
    overflow: hidden;
    width: auto;
    height: 20px;
    filter: progid: DXImageTransform.Microsoft.alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;

    border-bottom:1px solid #051a2f;
    background:#3d7fd1;
    background:-moz-linear-gradient(top, #3d7fd1 0%, #174167 47%, #0c3255 50%, #010916 100%);
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#3d7fd1), color-stop(47%,#174167), color-stop(50%,#0c3255), color-stop(100%,#010916));
    background:-webkit-linear-gradient(top, #3d7fd1 0%,#174167 47%,#0c3255 50%,#010916 100%);
    background:-o-linear-gradient(top, #3d7fd1 0%,#174167 47%,#0c3255 50%,#010916 100%);
    background:-ms-linear-gradient(top, #3d7fd1 0%,#174167 47%,#0c3255 50%,#010916 100%);
    background:linear-gradient(to bottom, #3d7fd1 0%,#174167 47%,#0c3255 50%,#010916 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d7fd1', endColorstr='#010916',GradientType=0);
}

.drag-handle .drag-controls {
    /*CSS for controls (min, close etc) within Drag Handle*/
    position: absolute;
    right: 1px;
    top: 2px;
    cursor: pointer;
}

* html .drag-handle {
    /*IE6 and below CSS hack. Width must be set to 100% in order for opaque title bar to render*/
    width: 100%;
}

.drag-contentarea {
    /*CSS for Content Display Area div*/
    border-top: 1px solid gray;
    background-color: #F0F0F0;
    color: gray;
    height: 150px;
    padding: 1px;
    overflow: auto;
}

.drag-statusarea {
    /*CSS for Status Bar div (includes resizearea)*/
    border-top: 1px solid gray;
    background-color: #F7F6F1;
    height: 13px;
    /*height of resize image*/
}

.drag-resizearea {
    /*CSS for Resize Area itself*/
    float: right;
    width: 13px;
    /*width of resize image*/
    height: 13px;
    /*height of resize image*/
    cursor: nw-resize;
    font-size: 0;
}

.select-free {
    position: absolute;
    z-index: 10;
    /*any value*/
    overflow: hidden;
    /*must have*/
    width: 1em;
    /*must have for any value*/
    ;
}

.select-free iframe {
    display: none;
    /*sorry for IE5*/
    display/**/
    : block;
    /*sorry for IE5*/
    position: absolute;
    /*must have*/
    top: 0;
    /*must have*/
    left: 0;
    /*must have*/
    z-index: -1;
    /*must have*/
    width: 800px;
    /*must have for any big value*/
    height: 100%/*must have for any big value*/
    ;
}

.select-free .bd {    
    padding: 0px;
}

#sf0 {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%
}


/*
  Area de trabajo Ajax
*/

.ajaxarea {
    background: #CDDBE6;
}

.ajaxdrag-contentarea {
    background: #CDDBE6;
    color: gray;    
}

.ajaxdrag-handle {
    padding: 0px;
    text-indent: 0px;
    background: #CDDBE6;
    color: #fff;    
}


/* 
  Botones cerrar y lista en ventanas 
*/

.ie .CerrarVentana {
    position: absolute;
    top: -22px;
    right: 16px;
}

.ie .BotonLista {
    position: absolute;
    top: -22px;
    right: 48px;
}

.konqueror .CerrarVentana {
    position: absolute;
    top: -22px;
    right: 16px;
    cursor: pointer;
}

.konqueror .BotonLista {
    position: absolute;
    top: -22px;
    right: 48px;
    cursor: pointer;
}

.webkit .CerrarVentana {
    position: absolute;
    top: -22px;
    right: 16px;
    cursor: pointer;
}

.webkit .BotonLista {
    position: absolute;
    top: -22px;
    right: 48px;
    cursor: pointer;
}

.opera9 .CerrarVentana {
    position: absolute;
    top: -25px;
    right: 16px;
    cursor: pointer;
}

.opera9 .BotonLista {
    position: absolute;
    top: -22px;
    right: 48px;
    cursor: pointer;
}

.CerrarVentana {
    position: absolute;
    top: -22px;
    right: 16px;
    cursor: pointer;
}

.BotonLista {
    position: absolute;
    top: -22px;
    right: 48px;
    cursor: pointer;
}


/* Posicionamiento de Objetos en Pagina Principal despues del Menu */


/* Menu superior*/
#menu{position:relative; width:100%; z-index:9999;}
.dropdown ul{position:absolute; display:none;}
.dropdown li{position:relative; float:left; list-style:none; white-space:nowrap;}
.dropdown li a{display:block; height:28px; line-height:28px; padding:0 7px; text-decoration:none;}
/*.dropdown li:hover > ul{display:block;}*/
.dropdown li ul ul{left:100%; top:0;}
.dropdown li ul li{float:none;}
.dropdown img{margin-right:5px; position:relative; top:2px;}
.down:after{content:"\25BC"; margin-left:5px; font-size:9px;}
.more:after{content:"\25B6"; margin-left:5px; font-size:9px; float:right;}

#menu{box-shadow:0 1px 1px rgba(0,0,0,0.5), inset 0 -1px 6px #438aca; border-bottom:1px solid #051a2f; background:#3d7fd1; background:-moz-linear-gradient(top, #3d7fd1 0%, #174167 47%, #0c3255 50%, #010916 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#3d7fd1), color-stop(47%,#174167), color-stop(50%,#0c3255), color-stop(100%,#010916)); background:-webkit-linear-gradient(top, #3d7fd1 0%,#174167 47%,#0c3255 50%,#010916 100%); background:-o-linear-gradient(top, #3d7fd1 0%,#174167 47%,#0c3255 50%,#010916 100%); background:-ms-linear-gradient(top, #3d7fd1 0%,#174167 47%,#0c3255 50%,#010916 100%); background:linear-gradient(to bottom, #3d7fd1 0%,#174167 47%,#0c3255 50%,#010916 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d7fd1', endColorstr='#010916',GradientType=0);}
.dropdown ul{box-shadow:1px 1px 3px #333;
background: #ededed;
background: -moz-linear-gradient(left,  #ededed 0%, #ffffff 50%, #ededed 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ededed), color-stop(50%,#ffffff), color-stop(100%,#ededed));
background: -webkit-linear-gradient(left,  #ededed 0%,#ffffff 50%,#ededed 100%);
background: -o-linear-gradient(left,  #ededed 0%,#ffffff 50%,#ededed 100%);
background: -ms-linear-gradient(left,  #ededed 0%,#ffffff 50%,#ededed 100%);
background: linear-gradient(to right,  #ededed 0%,#ffffff 50%,#ededed 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ededed',GradientType=1 );}
.dropdown li:hover{background:rgba(0,0,0,0.5);}
.dropdown li a{color:#5aaaff;}
.dropdown li ul li:first-child{border-top:0;}
.dropdown li ul li:last-child{border-bottom:0;}
.dropdown li ul li{border-top:1px solid #fff; border-bottom:1px solid rgba(0,0,0,0.1);}
.dropdown li ul li a{color:#01214a;}
.dropdown li ul li:hover{background:rgba(0,0,0,0.1);}


/*Menu lateral*/

#menuIzq {
    background: url(../media/fondomenuizq.gif) repeat;
    position: absolute;
    top: 28px;
    left: 0px;
    width: 162px;
    z-index: 890;
}


/* Posicion del Menu de botones */

#vajax {
    position: absolute;
    top: 100px;
    left: 100px;
}


/* display:none; */

#chaticon {
    position: absolute;
    top: 28px;
    right: 0px;
    z-index: 950;
}


/* Icono Chat */


/* 
  definición de areas en ventana de listas de precios 
*/

#Lista {
    position: absolute;
    top: 80px;
    border: solid;
    border-width: 0px;
    border-color: #E9E9E9;
    background: #fff
}

#NoEoncontrado {
    position: absolute;
    top: 300px;
    left: 100px;
    background: #fff;
    margin: 0;
    border-right: 1px solid #CCC;
}

#FondoCategoria {
    background: #E6E6E6;
    font-family: Tahoma, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    color: #4A4A4A;
}

#slidemenubar,
#slidemenubar2 {
    position: absolute;
    border: 1.5px solid #B7B7B7;
    background-color: #070707;
    layer-background-color: #070707;
    font: 12px Verdana;
    color: #E6E6FA;
    line-height: 20px;
    z-index: 930;
}

#slidemenubar2 a:link {
    color: #E6E6FA;
    padding: 2px;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

#slidemenubar2 a:hover {
    background: #393939;
    padding: 2px;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    width: 100%;
}

/*body {
    background:#cddbe6;
}*/

body {
    background:url(../media/bg.png);
}

/*.chrome, .webkit, .safari, .win, .js, .sidebox{background:#f00 !important;}*/

.balloonstyle {
    position: absolute;
    top: -500px;
    left: 0;
    padding: 5px;
    visibility: hidden;
    border: 1px solid black;
    font: normal 12px Verdana;
    line-height: 18px;
    z-index: 100;
    background-color: white;
    width: 0px;
    /*Remove below line to remove shadow. Below line should always appear last within this CSS*/
}

#arrowhead {
    z-index: 99;
    position: absolute;
    top: -500px;
    left: 0;
    visibility: hidden;
}

#btnAPV {
    margin-top: -8px;
}

.btnPrint {
    position: relative;
    top: 5px;
}

.Partidas {
    cursor: hand;
    border-left: 1px solid #C8C8C8;
    padding: 0 3px 0 2px;
}

div.tableHolder,
div.tableHolder2,
div.tableHolder3,
div.tableHolder4,
div.tableHolder5,
div.tableHolder6,
div.tableHolder7 {
    background: #fff;
}

input[readonly] {
    background: #ccc;
}

#user-datos {
    font-weight: 700;
    text-transform: uppercase;
    line-height: 20px;
    height: 20px;
    margin-left: 7px;
    padding: 0 8px;
    margin-top: 3px;
    cursor: default;
    border-radius:2px;
    border:1px solid #051a2f;
    box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.5);
    background:rgba(0, 0, 0, 0.5);
    color:rgba(90, 170, 255, 0.7);
}

@media(max-width:1210px) {
    #user-datos {
        display: none;
    }
}

#lsAreaidProdV td {
    padding: 0 5px;
    width: 120px;
}

#lsAreaidProdV td:first-child,
#lsAreaidProdV td:nth-child(5) {
    width: 50px;
}

#lsAreaidProdV td:nth-child(3) {
    width: 300px;
}


/* MENU RESPONSIVE */

nav:not(.mm-menu) {
    display: none;
}

.header-nav {
    background: #777;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    line-height: 28px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 28px;
}

.header-nav a {
    width: 28px;
    padding-left: 10px;
    padding-right: 10px;
    top: 0;
    left: 0;
    color: #eee !important;
}

.icon16 {
    width: 16px;
    height: 16px;
}

.mm-hidden {
    display: none !important;
}

.mm-wrapper {
    overflow-x: hidden;
    position: relative;
}

.mm-menu {
    box-sizing: border-box;
    background: inherit;
    display: block;
    padding: 0;
    margin: 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.mm-menu a,
.mm-menu a:active,
.mm-menu a:hover,
.mm-menu a:link,
.mm-menu a:visited {
    color: inherit;
    text-decoration: none;
}

.mm-panels,
.mm-panels>.mm-panel {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0;
}

.mm-panel,
.mm-panels {
    background: inherit;
    border-color: inherit;
    box-sizing: border-box;
    margin: 0;
}

.mm-panels {
    overflow: hidden;
}

.mm-panel {
    -webkit-overflow-scrolling: touch;
    overflow: scroll;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0 20px;
    -webkit-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    transform: translate(100%, 0);
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease, -webkit-transform .4s ease;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
}

.mm-panel:not(.mm-hidden) {
    display: block;
}

.mm-panel:after,
.mm-panel:before {
    content: '';
    display: block;
    height: 20px;
}

.mm-panel_has-navbar {
    padding-top: 28px;
}

.mm-panel_opened {
    z-index: 1;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.mm-panel_opened-parent {
    -webkit-transform: translate(-30%, 0);
    -ms-transform: translate(-30%, 0);
    transform: translate(-30%, 0);
    -webkit-transform: translate3d(-30%, 0, 0);
    transform: translate3d(-30%, 0, 0);
}

.mm-panel_highest {
    z-index: 2;
}

.mm-panel_noanimation {
    transition: none !important;
}

.mm-panel_noanimation.mm-panel_opened-parent {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.mm-listitem_vertical>.mm-panel {
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
    display: none;
    padding: 10px 0 10px 10px;
}

.mm-listitem_vertical>.mm-panel:after,
.mm-listitem_vertical>.mm-panel:before {
    content: none;
    display: none;
}

.mm-listitem_opened>.mm-panel {
    display: block;
}

.mm-listitem_vertical>.mm-btn_next {
    box-sizing: border-box;
    height: 28px;
    bottom: auto;
}

.mm-listitem_vertical .mm-listitem:last-child:after {
    border-color: transparent;
}

.mm-listitem_opened>.mm-btn_next:after {
    -webkit-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    transform: rotate(225deg);
    right: 19px;
}

.mm-btn {
    box-sizing: border-box;
    width: 40px;
    height: 28px;
    position: absolute;
    top: 0;
    z-index: 1;
}

.mm-btn_fullwidth {
    width: 100%;
}

.mm-btn_clear:after,
.mm-btn_clear:before,
.mm-btn_close:after,
.mm-btn_close:before {
    content: '';
    border: 2px solid transparent;
    box-sizing: content-box;
    display: block;
    width: 5px;
    height: 5px;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.mm-btn_clear:before,
.mm-btn_close:before {
    border-right: none;
    border-bottom: none;
    right: 18px;
}

.mm-btn_clear:after,
.mm-btn_close:after {
    border-left: none;
    border-top: none;
    right: 25px;
}

.mm-btn_next:after,
.mm-btn_prev:before {
    content: '';
    border-top: 2px solid transparent;
    border-left: 2px solid transparent;
    box-sizing: content-box;
    display: block;
    width: 8px;
    height: 8px;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
}

.mm-btn_prev:before {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    left: 23px;
    right: auto;
}

.mm-btn_next:after {
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    right: 23px;
    left: auto;
}

.mm-navbar {
    border-bottom: 1px solid;
    border-color: inherit;
    text-align: center;
    line-height: 20px;
    display: none;
    height: 28px;
    padding: 0 40px;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    opacity: 1;
    transition: opacity .4s ease;
}

.mm-navbar>* {
    box-sizing: border-box;
    display: block;
    padding: 4px 0;
}

.mm-navbar a,
.mm-navbar a:hover {
    text-decoration: none;
}

.mm-navbar__title {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.mm-navbar__btn:first-child {
    left: 0;
}

.mm-navbar__btn:last-child {
    text-align: right;
    right: 0;
}

.mm-panel_has-navbar .mm-navbar {
    display: block;
}

.mm-listitem,
.mm-listview {
    list-style: none;
    display: block;
    padding: 0;
    margin: 0;
}

.mm-listitem,
.mm-listitem .mm-btn_next,
.mm-listitem .mm-btn_next:before,
.mm-listitem:after,
.mm-listview {
    border-color: inherit;
}

.mm-listview {
    font: inherit;
    line-height: 20px;
}

.mm-panels>.mm-panel>.mm-listview {
    margin: 20px -20px;
}

.mm-panels>.mm-panel>.mm-listview:first-child,
.mm-panels>.mm-panel>.mm-navbar+.mm-listview {
    margin-top: -20px;
}

.mm-listitem {
    position: relative;
}

.mm-listitem:after {
    content: '';
    border-bottom-width: 1px;
    border-bottom-style: solid;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}

.mm-listitem:after {
    left: 20px;
}

.mm-listitem a,
.mm-listitem a:hover {
    text-decoration: none;
}

.mm-listitem>a,
.mm-listitem>span {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: inherit;
    display: block;
    padding: 10px 10px 10px 20px;
    margin: 0;
}

.mm-listitem .mm-btn_next {
    background: rgba(3, 2, 1, 0);
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 2;
}

.mm-listitem .mm-btn_next:before {
    content: '';
    border-left-width: 1px;
    border-left-style: solid;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
}

.mm-listitem .mm-btn_next:not(.mm-btn_fullwidth) {
    width: 50px;
}

.mm-listitem .mm-btn_next:not(.mm-btn_fullwidth)+a,
.mm-listitem .mm-btn_next:not(.mm-btn_fullwidth)+span {
    margin-right: 50px;
}

.mm-listitem .mm-btn_fullwidth:before {
    border-left: none;
}

.mm-listitem .mm-btn_fullwidth+a,
.mm-listitem .mm-btn_fullwidth+span {
    padding-right: 50px;
}

.mm-listitem_divider {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 75%;
    text-transform: uppercase;
    padding: 5px 10px 5px 20px;
}

.mm-listitem_divider:after {
    content: ' ';
    display: none;
    position: static;
    display: inline-block;
}

.mm-listitem_spacer {
    padding-top: 40px;
}

.mm-listitem_spacer>.mm-btn_next {
    top: 40px;
}

.mm-menu {
    background: #e8f0f7;
    border-color: rgba(0, 0, 0, .1);
    color: rgba(0, 0, 0, .75);
}


/*color de fondo del menu*/

.mm-menu .mm-navbar a,
.mm-menu .mm-navbar>* {
    color: rgba(0, 0, 0, .3);
}

.mm-menu .mm-btn:after,
.mm-menu .mm-btn:before {
    border-color: rgba(0, 0, 0, .3);
}

.mm-menu .mm-listview .mm-btn_next:after {
    border-color: rgba(0, 0, 0, .3);
}

.mm-menu .mm-listview a:not(.mm-btn_next) {
    -webkit-tap-highlight-color: rgba(255, 255, 255, .4);
    tap-highlight-color: rgba(255, 255, 255, .4);
}

.mm-menu .mm-listitem_selected>a:not(.mm-btn_next),
.mm-menu .mm-listitem_selected>span {
    background: rgba(255, 255, 255, .4);
}

.mm-menu .mm-listitem_opened>.mm-btn_next,
.mm-menu .mm-listitem_opened>.mm-panel {
    background: rgba(0, 0, 0, .05);
}

.mm-menu .mm-listitem_divider {
    background: rgba(0, 0, 0, .05);
}

.mm-page {
    box-sizing: border-box;
    position: relative;
}

.mm-slideout {
    transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease, -webkit-transform .4s ease;
    z-index: 1;
}

.mm-wrapper_opened {
    overflow-x: hidden;
    position: relative;
}

.mm-wrapper_background .mm-page {
    background: inherit;
}

.mm-menu_offcanvas {
    display: none;
    position: fixed;
    right: auto;
    z-index: 0;
}

.mm-menu_offcanvas.mm-menu_opened {
    display: block;
}

.mm-menu_offcanvas.mm-menu_opened.mm-no-csstransforms {
    z-index: 10;
}

.mm-menu_offcanvas {
    width: 80%;
    min-width: 140px;
    max-width: 300px;
}

.mm-wrapper_opening .mm-menu_offcanvas.mm-menu_opened~.mm-slideout {
    -webkit-transform: translate(80vw, 0);
    -ms-transform: translate(80vw, 0);
    transform: translate(80vw, 0);
    -webkit-transform: translate3d(80vw, 0, 0);
    transform: translate3d(80vw, 0, 0);
}

.mm-page__blocker {
    background: rgba(3, 2, 1, 0);
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2;
}

.mm-wrapper_blocking {
    overflow: hidden;
}

.mm-wrapper_blocking body {
    overflow: hidden;
}

.mm-wrapper_blocking .mm-page__blocker {
    display: block;
}

.mm-sronly {
    border: 0 !important;
    clip: rect(1px, 1px, 1px, 1px) !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
    width: 1px !important;
    min-width: 1px !important;
    height: 1px !important;
    min-height: 1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
}

.mm-menu_position-right {
    left: auto;
    right: 0;
}

.mm-wrapper_opening .mm-menu_position-right.mm-menu_opened~.mm-slideout {
    -webkit-transform: translate(-80vw, 0);
    -ms-transform: translate(-80vw, 0);
    transform: translate(-80vw, 0);
    -webkit-transform: translate3d(-80vw, 0, 0);
    transform: translate3d(-80vw, 0, 0);
}

@media all and (max-width:175px) {
    .mm-wrapper_opening .mm-menu_offcanvas.mm-menu_opened~.mm-slideout {
        -webkit-transform: translate(140px, 0);
        -ms-transform: translate(140px, 0);
        transform: translate(140px, 0);
        -webkit-transform: translate3d(140px, 0, 0);
        transform: translate3d(140px, 0, 0);
    }
    .mm-wrapper_opening .mm-menu_position-right.mm-menu_opened~.mm-slideout {
        -webkit-transform: translate(-140px, 0);
        -ms-transform: translate(-140px, 0);
        transform: translate(-140px, 0);
        -webkit-transform: translate3d(-140px, 0, 0);
        transform: translate3d(-140px, 0, 0);
    }
}

@media all and (min-width:550px) {
    .mm-wrapper_opening .mm-menu_offcanvas.mm-menu_opened~.mm-slideout {
        -webkit-transform: translate(300px, 0);
        -ms-transform: translate(300px, 0);
        transform: translate(300px, 0);
        -webkit-transform: translate3d(300px, 0, 0);
        transform: translate3d(300px, 0, 0);
    }
    .mm-wrapper_opening .mm-menu_position-right.mm-menu_opened~.mm-slideout {
        -webkit-transform: translate(-300px, 0);
        -ms-transform: translate(-300px, 0);
        transform: translate(-300px, 0);
        -webkit-transform: translate3d(-300px, 0, 0);
        transform: translate3d(-300px, 0, 0);
    }
}

@media(min-width:1200px) {
    .hidden-lg {
        display: none !important;
    }
}

@media(min-width:992px) and (max-width:1199px) {
    .hidden-md {
        display: none !important;
    }
}

@media(min-width:768px) and (max-width:991px) {
    .hidden-sm {
        display: none !important;
    }
}

@media(max-width:767px) {
    .hidden-xs {
        display: none !important;
    }
}

.login-container{width:90%; max-width:1280px; margin:0 auto;}
.login-header{background:#fff; border-bottom:1px solid rgba(0,0,0,.1); padding:10px 0; text-align:center;}
.login-logo{margin:0 auto; max-width:250px; width:100%;}

.login-titulo{margin-top:50px; margin-bottom:20px; color:#002e64;}
.login-form{text-align:center;}
.form-group{margin-bottom:10px;}
.form-control, .login-btn{border-radius:50px; border:1px solid #999; padding:6px 15px; color:#333; width:80%; max-width:360px; transition:all 200ms linear;}
.form-control option{color:#000;}
.form-control:focus{border-color:#002e64; color:#002e64;}
.form-control::-webkit-input-placeholder{color:#333;}
.form-control::-moz-placeholder{color:#333;}
.form-control:-ms-input-placeholder{color:#333;}
.form-control:-moz-placeholder{color:#333;}

.login-btn{text-transform:uppercase; cursor:pointer; border:1px solid #051a2f; color:#5aaaff; box-shadow:0 1px 2px rgba(0, 0, 0, 0.7); background:#3d7fd1; background:-moz-linear-gradient(top, #3d7fd1 0%, #174167 47%, #0c3255 50%, #010916 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #3d7fd1), color-stop(47%, #174167), color-stop(50%, #0c3255), color-stop(100%, #010916)); background:-webkit-linear-gradient(top, #3d7fd1 0%, #174167 47%, #0c3255 50%, #010916 100%); background:-o-linear-gradient(top, #3d7fd1 0%, #174167 47%, #0c3255 50%, #010916 100%); background:-ms-linear-gradient(top, #3d7fd1 0%, #174167 47%, #0c3255 50%, #010916 100%); background:linear-gradient(to bottom, #3d7fd1 0%, #174167 47%, #0c3255 50%, #010916 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d7fd1', endColorstr='#010916', GradientType=0);}

.login-btn:hover{box-shadow:inset 0 0 5px #438aca, 0 1px 1px rgba(0,0,0,0.5);}