body, ul, li, h1, h2, h3, h4, h5, h6, img, a
{
    margin: 0;
    padding: 0;
    list-style: none;
    border: 0;
    text-decoration: none;
}

body
{
    font: 0.8em/1.5 "arial" , sans-serif;
    top: 0;
    left: 0;
    margin: 0;
    background-color: #eaeaea;
    color: #4876AA;
    height: 600px;
}

.bodyadicional
{
    font: 0.8em/1.5 "arial" , sans-serif;
    top: 0;
    left: 0;
    margin: 0;
    background-color: #ffffff;
    color: #4876AA;
}


.top-content
{
    background-image: url(../../images/top.png);
    background-repeat: repeat-x;
    height: 80px;
    background-color: #303030;
    width: auto;
}

.top-sistema
{
    font-size: 11px;
    padding: 0px 15px 0 5px;
    color: #cfcfcf;
    height: 25px;
    line-height: 25px;
}

.top-item
{
    float: left;
    margin-right: 10px;
    height: 25px;
    line-height: 25px;
}

.top-item-r
{
    float: right;
    margin-left: 10px;
    height: 25px;
    line-height: 25px;
}

.top-item strong, .top-item-r strong
{
    color: #fff;
}

.top-item img
{
    padding-top: 4px;
}

.top-item-r img
{
    padding-top: 8px;
}

.top-item-r a
{
    line-height: 25px;
    color: #fff;
    text-decoration: underline;
    font-weight: bold;
}

.top-item a
{
    line-height: 25px;
    color: #fff;
    text-decoration: underline;
    font-weight: bold;
}

.main-content
{
    position: relative;
    margin: 0px;
    margin-top: 0px;
    width: 100%;
}

.main-separator
{
    /*background:url("../../images/content.gif") repeat-y; 	background-position:right;*/
    width: 10px;
}

.main-login
{
    background: #fff url('../../images/content.gif') repeat-y;
    width: 550px;
    height: 279px;
    margin-top: 120px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: auto;
}





.login-content
{
    width: auto;
    margin-left: 5px;
    border: 1px solid #AFAFAF;
    height: 197px;
    padding: 40px 30px;
}



.cambiar-password
{
    background: url("../../images/content.gif") repeat-y;
    background-color: #fff;
    width: 440px;
    height: 300px;
    margin: 20px;
}

.cambiar-content
{
    width: auto;
    margin-left: 5px;
    border: 1px solid #AFAFAF;
    height: 260px;
    padding: 20px 30px;
}

.tb-cambio
{
    margin-top: 10px;
}

.tb-cambio tr
{
    line-height: 28px;
}


.login-logo
{
    width: 200px;
    height: 57px;
    margin: auto;
    margin-bottom: 20px;
}

.tb-login
{
    margin-top: 25px;
}

.tb-login tr td
{
    padding-right: 8px;
}

.column-left
{
    float: left;
    width: 205px;
    padding-right: 5px;
    background-color: #FFFFFF;
}

.column-center
{
    /*border:1px solid #AFAFAF;	*/
    background-color: #fff;
    padding: 0px;
    width: 100%;
}

.footer-content
{
    /*position:absolute;*/
    bottom: 0px;
    padding: 15px 0;
    width: 100%;
    background: url("../../images/separator.gif") 0 0 repeat-x;
    font: 85%/1.2 "tahoma" ,sans-serif;
}

.footer-content p
{
    margin: 0 15px;
}

.footer-content
{
    color: #707070;
}
.footer-content a
{
    color: #707070;
}
.footer-content a:hover, .footer-content a:active, .footer-content a:focus
{
    color: #303030;
}


/*RSTILOS DEL CONTENEDOR PRINICIPAL*/

.main-header
{
    background-image: url('../../images/titulo.gif');
    width: 100%;
    background-repeat: repeat-x;
    height: 59px;
    color: #fff;
    line-height: 55px;
    font-weight: bold;
}

.main-titulo
{
    float: left; /*width:100%;*/
    margin-left: 15px;
    font-size: 17px;
    height: 44px;
}

.main-opciones
{
    float: right;
    width: 74%;
    text-align: right;
    margin-right: 15px;
    margin-top: 8px;
    height: 33;
}

.main-opciones-salir
{
    background-image: url(../../images/titulo.gif);
    float: right;
    width: auto;
    text-align: right;
    margin-right: 15px;
    background-repeat: repeat-x;
    height: 55px;
    color: #fff;
    line-height: 55px;
}

.main-opciones ul li
{
    display: inline;
}

.dashboard
{
    margin-top: 20px;
}

.dashboard-item
{
    float: left;
    background-image: url(../../images/fnd-icon.png);
    background-repeat: no-repeat;
    height: 102px;
    width: 102px;
    margin: 15px;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
}

.dashboard-item:hover
{
    background-image: url(../../images/fnd-icon-hover.png);
}

.dashboard-item a img
{
    margin: auto;
    text-align: center;
    margin-top: 9px;
    height: 51px;
}

.dashboard-item a div
{
    margin: auto;
    text-align: center;
    color: #4876AA;
    font-size: 11px;
    margin: 0 5px;
    margin-top: 7px;
}

.fotos-content
{
    margin-top: 15px;
}

.foto-item
{
    background-color: #D1DFEF;
    border: 1px solid #BBCEE6;
    height: 200px;
    width: 190px;
    float: left;
    margin: 15px;
    padding: 5px;
    text-align: center;
}

.foto-item div
{
    color: #707070;
    height: 35px;
    font-size: 11px;
}

.foto-item span
{
    color: #707070;
}

.foto-item img
{
    width: 170px;
    height: 120px;
    background-color: #fff;
    border: 5px solid #BBCEE6;
    margin: auto;
    margin: 5px 0 0px 0;
}

.foto-item ul li
{
    display: inline;
    color: #4876AA;
    margin: 0 5px;
}

.content-calendar
{
    margin-top: 15px;
}

.content-form ul
{
    width: 69%;
    text-align: center;
    height: 27px;
}

.content-form ul li
{
    display: inline;
}

.content-form ul li a
{
    color: #4876AA;
    font-weight: bold;
    font-size: 13px;
}

.content-form ul li a:hover
{
    text-decoration: underline;
}

.content-form ul li span
{
    color: #E70000;
    font-size: 15px;
    font-weight: bold;
}

.table-j td:focus
{
    border: 1px solid #5481BD;
}


.focus
{
    border: 1px solid #5481BD;
}
.table-calendar
{
    width: 100%;
}

.table-calendar thead
{
    border: 1px solid #5481BD;
}

.table-calendar thead th
{
    background-image: url(../../images/top.png);
    background-position: bottom;
    background-repeat: repeat-x;
    height: 30px;
    color: #fff;
    font-weight: bold;
    border: 1px solid #5481BD;
    width: 14%;
}

.table-calendar tbody tr td
{
    border: 1px solid #ECECEC;
    height: 80px;
    color: #4876AA;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
}

.table-calendar tbody tr td:hover
{
    background-color: #DBF3FF;
}

.calendar-active
{
    background-color: #FFFEBB;
    width: auto;
    height: 60px;
    padding: 10px;
    background-image: url(../../images/bulet.gif);
    background-position: center left;
    background-repeat: no-repeat;
}

.calendar-alert
{
    background-color: #FCEBE1;
    width: auto;
    height: 60px;
    padding: 10px;
    background-image: url(../../images/bulet.gif);
    background-position: center left;
    background-repeat: no-repeat;
}

.calendar-activity
{
    background-color: #DBF3FF;
    width: auto;
    height: 60px;
    padding: 10px;
    background-image: url(../../images/bulet.gif);
    background-position: center left;
    background-repeat: no-repeat;
}

.calendar-item
{
    font-size: 12px;
    font-weight: normal;
}

/*ESTIL9OS DE BUSQUEDA*/

.content-busqueda
{
    background-color: #FFFEBB;
    border: 2px solid #F2E8DC;
    width: 802px;
    padding: 10px;
    margin-top: 15px;
    height: 24px;
}

.content-form-v2
{
    background-color: #EDEDED;
    border: 2px solid #CDC9C9;
    width: auto;
    padding: 10px;
    margin-top: 15px;
    height: auto;
}

.content-busqueda-advanced
{
    margin-top: 8px;
    height: 25px;
    width: auto;
}

.busqueda-item
{
    float: left;
    margin-right: 10px;
    height: 21px;
}

.busqueda-itemalt
{
    float: left;
}

.busqueda-itemlabel
{
    float: left;
    width: 100px;
}

.busqueda-item a
{
    color: #3764A0;
    text-decoration: underline;
}

.sort-item
{
    float: right;
    margin-left: 5px;
}

.listado
{
    margin-top: 20px;
    position: relative;
    top: 0px;
    left: 0px;
    width: 886px;
}

.listadoback
{
    margin-top: 20px;
    position: relative;
    background-color: #ffffff;
}

.listado-scroll
{
    width: auto;
    margin-top: 5px;
    height: 200px;
    overflow-y: scroll;
    overflow-x: none;
}

.tb-listado
{
    margin-top: 15px;
    width: 100%;
    margin: auto;
}

.tb-listado thead
{
    border: 1px solid #5481BD;
}

.tb-listado thead th
{
    background-image: url(../../images/top.png);
    background-position: bottom;
    background-repeat: repeat-x;
    height: 27px;
    color: #fff;
    font-weight: bold;
    border: 1px solid #5481BD;
    width: 14%;
}

.tb-listado tbody tr td
{
    border: 1px solid #ECECEC;
    text-indent: 15px;
    line-height: 22px;
    color: #707070;
}

.tb-listado tbody tr td.table-image
{
    text-indent: 0;
    text-align: center;
}

.tb-listado tbody tr.tr-alt
{
    background-color: #E8F7FE;
}

.tb-listado tbody tr td a img
{
    padding-left: 20px;
    line-height: 20px;
    margin-top: 5px;
}

.tb-listado tbody tr td a span
{
    color: #4876AA;
    text-indent: 15px;
    padding-left: 15px;
    font-size: 12px;
    font-weight: bold;
}


/****ESTILOS PARA EL FORMULARIO****/

.content-form
{
    width: auto;
    padding: 5px 15px 20px 15px;
    border: 1px solid #DBDBDB;
    height: auto;
}

.content-report
{
    width: auto;
    border: 1px solid #DBDBDB;
    height: 500px;
    margin: 0;
    padding: 0;
    vertical-align: top;
    background-color: #fff;
}

fieldset
{
    border: 1px solid #ccc;
    position: relative;
    margin: 10px 0;
    padding: 20px;
    width: auto;
}

legend
{
    background: #FFF;
    color: #0085cc;
    font-size: 13px;
    font-weight: bold;
}

.cuadro-controles
{
    border: 1px solid #ccc;
    position: relative;
    margin: 0 0;
    padding: 20px;
    width: auto;
}

.titulo-cuadro
{
    background: #FFF;
    color: #0085cc;
    font-size: 13px;
    font-weight: bold;
    margin-top: 20px;
}

.listado-subgrid
{
    margin-top: 15px;
}

.tabla-form
{
    width: auto;
}

.tabla-form tr td
{
    /*padding-right:30px;	*/
}

.tabla-form tr td.tb-label
{
    padding-top: 7px;
    font-weight: bold;
    font-size: 11px;
}

.table-doble
{
    width: auto;
}

.table-doble tr td
{
    padding-right: 30px;
}

.table-doble .table-form-label
{
    padding-top: 7px;
    font-weight: bold;
    font-size: 11px;
}

.boton-form
{
    text-align: right;
}

.content-tree
{
    float: left;
    width: 45%;
}

.listado-tree
{
    width: auto;
    overflow-y: none;
    overflow-x: scroll;
    margin-top: 10px;
}

.formulario-opcion
{
    float: right;
    width: 45%;
    height: 415px;
}

/*ESTILOS DE MENSAJES*/

.content-message
{
    margin-top: 0px;
    background: #E8F6FF url('../../images/ico-info.gif') no-repeat 10px 50%;
    border: 2px solid #B8E2FB;
    padding: 10px;
    text-indent: 30px;
}

.content-message-alter
{
    margin-top: 10px;
    border: 2px solid #B8E2FB;
    background-color: #E7E7E7;
    padding: 10px;
    text-indent: 30px;
}

.content-message-alter2
{
    margin-top: 10px;
    border: 2px solid #B8E2FB;
    background-color: #E7E7E7;
    padding: 5px;
}

.content-error
{
    margin-top: 10px;
    background: url("../../images/ico-delete.gif") 10px 50% no-repeat;
    border: 2px solid #FFAEAE;
    background-color: #FEEBEB;
    padding: 10px;
    text-indent: 30px;
}

.content-exito
{
    margin-top: 10px;
    background: url("../../images/ico-done.gif") 10px 50% no-repeat;
    border: 2px solid #BBDF8D;
    background-color: #EAF7D9;
    padding: 10px;
    text-indent: 30px;
}


.content-alert
{
    margin-top: 10px;
    background: url("../../images/ico-warning.gif") 10px 50% no-repeat;
    border: 2px solid #F2DD8C;
    background-color: #FFF5CC;
    padding: 10px;
    text-indent: 30px;
}

/*FIN DE ESTILOS DE MENSAJES*/


.fondo-menu
{
    background-repeat: repeat-y;
    width: 220px;
    margin-top: 15px;
    padding: 10px;
    padding-left: 5px;
}

.fondo-menucontent
{
    width: 212px;
    margin-left: 5px;
    overflow-x: scroll;
    overflow-y: none;
    padding-bottom: 10px;
}

.table-local tr td strong
{
    padding-right: 10px;
}

.link-local
{
    padding-top: 10px;
}

.link-local div
{
    background-image: url(../../images/fnd-link.png);
    background-repeat: no-repeat;
    width: 70px;
    float: left;
    height: 22px;
    margin: auto;
    text-indent: 15px;
}

.link-local div a
{
    line-height: 22px;
    color: #4876AA;
    font-size: 11px;
    text-indent: 15px;
}

.div-collapse
{
    width: 10px;
    height: 55px;
    cursor: pointer;
}

.div-collapse-header
{
    width: 55px;
    height: 10px;
    margin: auto;
    cursor: pointer;
}

/****ESTILOS PARA LA PARTE DE CONTACTOS DEL CLIENTE*****/

.content-contacto
{
    width: 100%;
    margin: auto;
    height: 100%;
}

.contacto-fnd
{
    width: auto;
    height: 100%;
    margin-top: 10px;
    margin-bottom: 15px;
}

.contacto-left
{
    width: 17%;
    float: left;
    text-align: center;
}

.contacto-center
{
    float: right;
    width: 75%;
}

.contacto-item
{
    padding-left: 10px;
    padding-bottom: 10px;
    width: auto;
}

.contacto-item img
{
    width: 49px;
    margin: auto;
}

.contacto-item strong
{
    color: #E70000;
}

.contacto-title
{
    padding-left: 10px;
    padding-bottom: 10px;
    font-size: 18px;
}

.subform-content
{
    width: 100%;
    margin: auto;
    margin-top: 10px;
}

.titulo-contacto
{
    color: #0085cc;
    font-size: 14px;
    font-weight: bold;
}

.contacto-color
{
    color: #0085cc;
}

.rec-contacto
{
    position: absolute;
    top: 10px;
    width: auto;
    right: 0px;
    height: 120px;
    display: none;
    z-index: 2000;
    border: 3px solid #0085cc;
    text-align: left;
    padding: 0px;
    background-color: #FFF;
    font-weight: normal;
}

.ver-contacto
{
    padding: 0px;
    margin: 0px auto;
    min-height: 100%;
    height: auto;
    position: relative;
    z-index: 2;
    background-color: #FFF;
}

.content-mostrar-filtro
{
    float: right;
}

.content-mostrar-filtro a
{
    color: #4876AA;
}

.content-mostrar-filtro a:hover
{
    color: #FF8000;
}

.filtro-contacto-cerrar
{
    text-align: right;
    float: right;
    margin-right: 3px;
    font-weight: bold;
}

.filtro-contacto-cerrar a
{
    color: #4876AA;
    font-weight: bold;
}

/********FIN DE ESTILOS CONTACTOS*********/

.content-actividad
{
}

.item-actividad
{
    border-bottom: 1px dashed #0085cc;
    margin-bottom: 10px;
}

.item-actividad span
{
    font-weight: bold;
}

.rec-actividad
{
    position: absolute;
    top: 10px;
    width: 200px;
    right: 0px;
    height: auto;
    display: none;
    z-index: 2000;
    border: 3px solid #0085cc;
    text-align: left;
    padding: 10px;
    background-color: #FFF;
    font-weight: normal;
}

.rec-actividad span
{
    font-weight: bold;
}

.ver-actividad
{
    padding: 0px;
    margin: 0px auto;
    min-height: 100%;
    height: auto;
    position: relative;
    z-index: 2;
    background-color: #FFF;
}

.sublist-scroll
{
    overflow-x: none;
    overflow-y: scroll;
    height: 200px;
    width: auto;
}

.content-cambio-vista
{
    float: right;
}


/**ESTILOS DEL CONTENEDOR DEL MAPA**/

.contenedor-mapa
{
    position: relative;
    width: 650px;
    height: 100%;
}

.contenedor-mapadet
{
    position: relative;
    width: 100%;
    height: 100%;
}

.mapa-control
{
    position: absolute;
    z-index: 20000;
    top: 40px;
    right: 8px;
    width: 203px;
    height: 75px;
    background-color: #fff;
    padding-top: 10px;
}

.mapa-control div
{
    margin-left: 10px;
}

.mapa-control div strong
{
    font-weight: bold;
    color: #E70000;
    margin-right: 10px;
}

.mapa-leyenda
{
    position: absolute;
    z-index: 20000;
    top: 40px;
    right: 8px;
    width: 80px;
    height: 110px;
    background-color: #fff;
    padding: 10px;
}

.formulario-content
{
    border: 2px solid #B8E2FB;
    background-color: #E8F6FF;
    padding: 10px;
}

.formulario-content table
{
    width: 100%;
}

.formulario-content table tr
{
    line-height: 27px;
}


/**ESTILOS PARA LA PARTE DE PEDIDOS*/

.rec-marca
{
    position: absolute;
    top: 5px;
    width: 220px;
    left: 0px;
    visibility: hidden;
    z-index: 2000;
    border: 2px none #8FB1D9;
    text-align: left;
    padding: 0px;
    background-color: #FFFFFF;
    font-weight: normal;
}

.rec-ruedas
{
    position: absolute;
    top: 5px;
    width: 220px;
    left: 0px;
    visibility: hidden;
    z-index: 2000;
    border: 2px none #8FB1D9;
    text-align: left;
    padding: 0px;
    background-color: #FFFFFF;
    font-weight: normal;
}

.rec-modelo
{
    position: absolute;
    top: 5px;
    width: 400px;
    left: -400px;
    visibility: hidden;
    z-index: 2000;
    border: 2px none #8FB1D9;
    text-align: left;
    padding: 0px;
    background-color: #FFFFFF;
    font-weight: normal;
}

.rec-formato
{
    position: absolute;
    top: 5px;
    width: 350px;
    left: -240px;
    visibility: hidden;
    z-index: 2000;
    text-align: left;
    padding: 0px;
    background-color: #F4F4F4;
    border: 1px solid #D7D7D7;
    font-weight: normal;
}

.rec-formato-reporte
{
    position: absolute;
    top: 0px;
    height: 190px;
    width: 250px;
    right: 0px;
    visibility: hidden;
    z-index: 20000;
    text-align: left;
    padding: 0px;
    background-color: #FFFFFF;
    border: 2px solid #0085cc;
    font-weight: normal;
}

.rec-resultado
{
    position: absolute;
    top: 5px;
    width: 350px;
    left: -240px;
    z-index: 2000;
    text-align: left;
    padding: 0px;
    background-color: #F4F4F4;
    border: 1px solid #D7D7D7;
    font-weight: normal;
}

.rec-email
{
    position: absolute;
    top: 5px;
    width: 400px;
    left: 0;
    z-index: 2000;
    text-align: left;
    padding: 0px;
    background-color: #F4F4F4;
    border: 1px solid #D7D7D7;
    font-weight: normal;
}

.tit-repuesto-for
{
    width: 100%;
    height: 25px;
    max-height: 25px;
}

.tit-repuesto-txt-for
{
    width: 70%;
    float: left;
    height: 25px;
    color: #E70000;
    font-size: 11px;
    font-weight: bold;
    line-height: 25px;
    padding-left: 15px;
    padding-top: 5px;
}

.tit-repuesto-close-for
{
    width: 10%;
    height: 25px;
    float: right;
    line-height: 25px;
    text-align: right;
    padding-right: 5px;
}


.tit-repuesto-close-for img
{
    margin-top: 5px;
    cursor: pointer;
}

.formato-texto
{
    padding: 15px;
    color: #4876AA;
    line-height: 20px;
}

.formato-texto ul
{
    display: list-item;
    text-align: left;
    margin-left: 10px;
}

.formato-texto ul li
{
    display: list-item;
    text-align: left;
    font-weight: normal;
    list-style-type: circle;
}

.formato-texto ul li a
{
    color: #0085cc;
    font-weight: normal;
}

.formato-tabla
{
    padding: 15px;
    padding-top: 00px;
}

.formato-tabla table tr
{
    line-height: 25px;
}

.formato-tabla table tr td
{
    vertical-align: top;
}

.formato-tabla-td
{
}

.formato-archivo
{
    width: auto;
    text-align: center;
    margin-bottom: 10px;
}

.formato-boton
{
    width: auto;
    text-align: center;
    margin-bottom: 10px;
}

.ver-glosario
{
    padding: 0px;
    margin: 0px auto;
    min-height: 100%;
    height: auto;
    position: relative;
    z-index: 2;
}


.ver-glosario-reporte
{
    padding: 0px;
    margin: 0px auto;
    min-height: 100%;
    height: auto;
    position: relative;
    z-index: 2;
}

.tit-repuesto
{
    width: 100%;
    height: 25px;
    max-height: 25px;
    background-image: url(../../images/titulo.gif);
}

.tit-repuesto-txt
{
    width: 70%;
    float: left;
    height: 25px;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    line-height: 25px;
    padding-left: 10px;
}

.tit-repuesto-close
{
    width: 10%;
    height: 25px;
    float: right;
    line-height: 25px;
    text-align: right;
    padding-right: 5px;
}

.tit-repuesto-close img
{
    margin-top: 4px;
    cursor: pointer;
}

.lista-marca
{
    padding: 10px 15px;
    height: auto;
    width: auto;
    background-color: #F4F4F4;
    border: 1px solid #D7D7D7;
}

.lista-marca a
{
    font-size: 11px;
    text-decoration: none;
    line-height: 20px;
}

.lista-marca a:hover
{
    color: #FF6600;
    text-decoration: underline;
}

.content-resumen
{
    margin-top: 10px;
    border: 2px solid #B8E2FB;
    background-color: #E8F6FF;
    padding: 10px;
    height: 20px;
    max-height: 20px;
    width: 450px;
    float: right;
}

.resumen-titulo
{
    float: right;
    height: 20px;
    color: #0085cc;
    font-size: 13px;
    font-weight: bold;
    margin-right: 20px;
    margin-left: 30px;
}

.resumen-item
{
    float: right;
    height: 20px;
}

.titulo-ped-cliente
{
    width: auto;
    float: right;
    text-align: right;
}

.titulo-ped-cliente1
{
    width: auto;
    float: left;
    text-align: left;
}

.titulo-ped-cliente1 a
{
    color: #FF8000;
}

.titcliente
{
    color: #0085cc;
    font-size: 13px;
    font-weight: bold;
}

.titulo-ped-titulo
{
    width: auto;
    float: right;
    color: #0085cc;
    font-size: 13px;
    font-weight: bold;
}

.titulo-ped-cliente a
{
    color: #FF8000;
}



.estado-pedido
{
    height: 18px;
    line-height: 18px;
    width: 80px;
    text-align: center;
}

.tipo-cotizacion
{
    height: 18px;
    line-height: 18px;
    width: 75px;
    text-align: center;
    background-color: #F5C5C2;
    font-size: 10px;
}

.tipo-pedido
{
    height: 18px;
    line-height: 18px;
    width: 75px;
    text-align: center;
    background-color: #BEE9D1;
    font-size: 10px;
}


.progress-overlay
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #ffffff;
    z-index: 1001;
    opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    cursor: progress;
    text-align: center;
}

.pedido-item-contador
{
    float: right;
    width: 620px;
    text-align: right;
    margin-top: 5px;
}

.pedido-item-contador ul
{
    text-align: right;
}

.pedido-item-contador ul li
{
    display: inline;
    margin: 0 3px;
}


.pedido-item-contador ul li a
{
    font-weight: normal;
}

.pedido-item-contador ul li .pedido-item-count
{
    color: #FF8000;
    font-size: 12px;
    font-weight: bold;
}


/**ESTILOS PARA CONTROL DE REPORTE**/


/**ESTILOS PARA LA PARTE DE SISTEMAS DE MANUAL**/

.contentsis-foto
{
    background-color: #E7F5FE;
    border: 1px solid #DAE7ED;
    height: 300px;
    width: 323px;
    float: left;
    margin: auto;
    padding: 5px;
    text-align: center;
}

.contentsis-form
{
    border: 1px solid #B8E2FB;
    width: 333px;
    border-bottom: 1px none #B8E2FB;
}

.contentsis-formalt
{
    border: 1px solid #B8E2FB;
    width: 450px;
    border-bottom: 1px none #B8E2FB;
}

.content-pnl-tb
{
    border-bottom: 1px solid #B8E2FB;
    padding: 5px 0 5px 10px;
}

.contentsis-td
{
    background-color: #E8F6FF;
    padding: 0px 20px 0 10px;
    line-height: 24px;
}

.td-size-form
{
}

.contentsis-form table tr td
{
    border-bottom: 1px solid #B8E2FB;
}

.contentsis-formalt table tr td
{
    border-bottom: 1px solid #B8E2FB;
    line-height: 35px;
}

.contentsis-tdc
{
    padding: 5px 5px 5px 15px;
}


#ParametersGridctl00_cphMain_rvGeneral_ctl04 select
{
    border: 1px solid #C5DCEB;
    color: #3764A0;
    width: auto;
    font-size: 11px;
    height: 22px;
    line-height: 18px;
    text-transform: uppercase;
}

.titulo-grilla-alt
{
    width: auto;
    float: right;
    color: #0085cc;
    font-size: 13px;
    font-weight: bold;
}

.GridViewContainer
{
    overflow: auto;
}

.FrozenCell
{
    background-color: #FFFFD7;
    position: relative;
    cursor: default;
    left: expression(document.getElementById("GridViewContainer").scrollLeft-2);
}

.FrozenHeader
{
    color: #fff;
    text-transform: none;
    position: relative;
    cursor: default;
    top: expression(document.getElementById("GridViewContainer").scrollTop-2);
    z-index: 10;
}

.FrozenHeader.locked
{
    z-index: 99;
}



/*ESTILOS PARA MODULO DE MANUALES*/

/*
.cm-cnt-titmodelo
{
	color:#0085cc;
	text-transform:uppercase;
	font-size:12px;
	font-weight:bold;
	margin-bottom:5px;
	margin-top:5px;
}

.stepcarousel
{
	position: relative; 
	overflow: hidden; 
	height: 130px;
	margin:0 20px;	
	background:#fff;
	background-image:url(../../images/fnd-carouselmodelo.png);
	background-repeat:repeat-x;	
}


#carousel .belt 
{
	position: absolute;
	left: 0;
	top: 0;
	margin:0;
	
}

#carousel .panel 
{
	width:121px;
	float: left; 
	overflow: hidden;
	margin: 15px;		
	margin-top:10px;
	background-color:#F3F3F3;
	border:1px solid #D0D4D8;
}
#carousel .panel img
{
	margin:5px 10px 0 10px;
}

#carousel .panel  a
{
	font-size:11px;
	color:#4876AA;
}

#carousel .panel a div
{
	text-align:center;
	height:20px;
}

#carousel .panel a:hover
{
	color: #FF8000;	
}

#carousel .panel img:hover
{
	background-color:#fff;
	filter:alpha(opacity=60);
	opacity:0.6;
}
			
.button-prev 
{
	height:130px;
	width:10px;
	float:left;	
}

.button-prev a 
{
	display:block;	
	margin-top:30px;
}

.button-next
{
	height:130px;
	width:10px;
	float:right;
}

.button-next a 
{
	display:block;	
	margin-top:30px;
}

.cm-modelo-item
{
	float:left;
	width:100px;
	height:70px;	
}

.cm-separator
{
	width:auto;
	clear:both;	
}

.cm-content
{
	
}

.cm-content-left
{
	width:42%;
	float:left;
}

.cm-fotomodelotit
{
	color:#0085cc;
	text-transform:uppercase;
	font-size:12px;
	font-weight:bold;
	margin-bottom:5px;
	margin-top:5px;	
}

.cm-tit-sistema
{
	color:#0085cc;
	text-transform:uppercase;
	font-size:12px;
	font-weight:bold;
	margin-bottom:5px;
	margin-top:5px;		
}

.cm-fotomodelotit span
{
	color:#E70000;
	margin-left:10px;
}


.cm-fotomodelo
{
	
}

.cm-fotomodelo img
{
	width:400px;
	height:320px;	
	border:none
}

.cm-content-center
{
	float:right;
	width:57%;	
}

.iconsistema
{
	float:left;
	height:120px;
	width:110px; 
	margin:7px;	
	background-color:#F3F3F3;
	border:1px solid #D0D4D8;
	padding:5px;	
}


.iconsistema img:hover
{
	background-color:#fff;
	filter:alpha(opacity=60);
	opacity:0.6;
}

.iconsistema a 
{
	font-size:11px;
	color:#4876AA;
}

.iconsistema a:hover
{
	color: #FF8000;	
}

.iconsistema a div
{
	text-align:center;
	height:20px;
	font-size:9px
}

#div-popup 
{
	display:none;
	width:80%;
	height:70%;
	background-color:#fff;
	z-index:10000;
}

iframe 
{
 	position:absolute;
 	top:20px; 	
 	left:20px;
 	width:95%;
 	height:95%;
 	overflow:auto;
 	border:none;
}

.bClose 
{
	cursor:pointer;
	font-weight:bold;
	position:absolute;
	right:15px;
	text-decoration:none;
	top:10px;
}

.cm-cnt-articulo
{
	margin:10px;
	width:100%;
	height:100%;	
	margin-top:30px;
}

.cm-articulo-left
{
	width:100%;
	float:left;	
}

.cm-articulo-center
{
	width:100%;
	float:right;	
}

.cm-list-scroll
{
	width:100%;
	overflow-y:scroll;
	height:350px;	
}

.cm-articulo-titsistema
{
	color:#0085cc;
	text-transform:uppercase;
	font-size:12px;
	font-weight:bold;
	margin-bottom:5px;
	margin-top:5px;		
}

.cm-articulo-fotosistema
{
	
}

.label-important
{
	/*color:#0085cc;
	color: #FF8000;
	font-size:18px;
}

/*


/*ESTILOS PARA NUEVOS FORMULARIOS*/

.form-form
{
    width: 100%;
    height: auto;
    padding: 0;
    margin: 20px auto;
    background-color: #ECF3FF;
    line-height: 30px;
    border-top: 1px solid #E1E1E1;
}

.form-campo
{
    height: 30px;
    border-bottom: 1px solid #E1E1E1;
    width: 100%;
}

.form-label
{
    width: 180px;
    float: left;
    padding-right: 0px;
    line-height: 30px;
    padding-left: 10px;
    font-weight: bold;
    background-color: #ffffff;
}

.form-required
{
    color: #D74600;
}

.form-control
{
    width: auto;
    float: left;
    margin-right: 10px;
    vertical-align: middle;
    margin-left: 15px;
    line-height: 30px;
    margin-top: 5px;
}

.form-acttion
{
    width: 100%;
    height: 25px;
    max-height: 25px;
    margin: 0 auto;
    margin-bottom: 25px;
}

.form-event
{
    width: auto;
    height: 25px;
    float: right;
    margin-left: 6px;
}


.tb-alter-login
{
    width: auto;
    margin-left: 30px;
    width: 400px;
}

.tb-alter-login tr td
{
}

.tb-alter-login .login-lbl
{
    color: #0085cc;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 11px;
    padding: 5px;
}

.linea-login
{
    height: 1px;
    border-bottom: 1px dashed #0085cc;
    width: 100%;
    margin: 15px auto;
}

.tabla-resultado
{
    width: 100%;
    margin: auto;
    margin-top: 15px;
}

.tabla-resultado tr
{
    line-height: 26px;
}


.linea-division-resultado
{
    border-right: 1px dashed #0085cc;
}

.list-error ul li
{
    background-image: url(../../images/list-bullet.jpg);
    background-repeat: no-repeat;
    background-position: left;
    line-height: 20px;
    text-indent: 25px;
}

.cnt-print-ticket
{
    height: 30px;
    width: 100%;
    background-image: url(../../images/fnd-impresion.png);
    background-repeat: repeat-x;
    line-height: 30px;
}

.cnt-print-ticket a
{
    color: #fff;
    text-align: right;
    float: right;
    margin-right: 15px;
    font-weight: bold;
}
.cnt-print-ticket a:hover
{
    text-decoration: underline;
}


/***SECCION CSS REPORTE FLAS****/


.report-title
{
    height: 25px;
    width: auto;
    color: #0085cc;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
}

.report-title a
{
    text-transform: none;
    color: #0085cc;
    font-size: 12px;
}

.report-title a:hover
{
    color: #FF8000;
    text-decoration: underline;
}

.report-itemreporte
{
    position: relative;
    height: 86px;
    text-align: center;
    border: 1px solid #D0D4D8;
    background-color: #F3F3F3;
    margin-bottom: 5px;
}

.report-itemreporte a
{
    color: #4876AA;
    font-weight: normal;
}

.report-itemtitle
{
    bottom: 0px;
    width: 100%;
    position: absolute;
    height: 22px;
    top: 63px;
    background-color: #EBEBEB;
    filter: alpha(opacity=80);
    opacity: 0.8;
    line-height: 22px;
    border-top: 1px solid #D0D4D8;
}

.report-incomment
{
    border: 2px solid #B8E2FB;
    background-color: #E8F6FF;
    padding: 15px;
    padding-right: 25px;
    padding-bottom: 10px;
}


.report-list
{
    border: 2px solid #B8E2FB;
    background-color: #E8F6FF;
    padding: 15px;
    width: auto;
    height: 100%;
}

.report-incomment div
{
    float: right;
    margin-top: 5px;
    margin-right: -10px;
}

.report-comentario
{
    width: auto;
    background-color: #F7F7F7;
    border: 1px solid #DDDDDD;
    border-top: none;
    padding: 10px;
}

.report-contentcomment
{
    border-top: 1px solid #DDDDDD;
    font-size: 12px;
}

.report-comentario span
{
}

.report-comentario span strong
{
    color: #0085cc;
}

.report-comentario .report-itemtexto
{
    margin-top: 7px;
}

.report-comentario .report-itemtexto .report-editing
{
    float: right;
    margin-top: 5px;
    margin-right: -10px;
}

.report-comentario .report-commentaction
{
    margin-top: 10px;
}

.report-comentario .report-commentaction .report-action
{
    float: left;
    margin-right: 10px;
    width: 10px;
}


.report-comentario .report-commentaction .report-itemfecha
{
    width: 100px;
    float: right;
    color: #0085cc;
    text-align: right;
}

.accion-pedidoimp
{
    background-image: url(../../images/fnd_menu_accion.png);
    height: 27px;
    width: 180px;
    color: #626262;
    line-height: 27px;
    text-indent: 20px;
}

.accion-pedidoimp a
{
    color: #4876AA;
}

.accion-pedidoimp:hover
{
    background-image: url(../../images/fnd_menu_accionhover.png);
    height: 27px;
    width: 180px;
}

.accion-pedidoimp:hover a
{
    color: #fff;
}


.accion-pedidohover
{
    background-image: url(../../images/fnd_menu_accionhover.png);
    height: 27px;
    width: 180px;
    line-height: 27px;
    text-indent: 20px;
}

.accion-pedidohover a
{
    color: #fff;
}

.title-seccion-pdi
{
    width: 100%;
    height: 30px;
    line-height: 23px;
    border-bottom: 1px solid #DBDBDB;
}

.title-seccion-pdi table tr td.leftg
{
    height: 30px;
    width: 4px;
    background: url("../../images/tabs-l-n.gif");
    background-repeat: no-repeat;
    text-decoration: none;
}

.title-seccion-pdi table tr td.centerg
{
    height: 30px;
    width: auto;
    padding: 0 8px;
    background: url("../../images/tabs-c-n.gif");
    background-repeat: repeat-x;
    text-decoration: none;
}




.title-seccion-pdi table tr td.rigthg
{
    height: 30px;
    width: 4px;
    background: url("../../images/tabs-r-n.gif");
    background-repeat: no-repeat;
    text-decoration: none;
}

.title-seccion-txt
{
    width: 40%;
    float: left;
    color: #0085cc;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
}

.title-seccion-link
{
    width: 40%;
    float: right;
    text-align: right;
}

.tb-pdi-label
{
    width: 150px;
    vertical-align: top;
    border-bottom: 1px solid #E7E7E7;
    text-indent: 10px;
}

.tb-pdi-form
{
    width: 99%;
}

.tb-pdi-form tr
{
    line-height: 26px;
}

.tb-pdi-control
{
    border-bottom: 1px solid #E7E7E7;
    background-color: #F2F2F2;
    padding-left: 10px;
}


.pdidatos-contenedor
{
    /*background-color:#ECF3FF;		 	border:1px solid #D2E3FF;	*/
    height: auto;
    margin-bottom: 20px;
    border: 1px solid #E7E7E7;
    border-bottom: 1px none #E7E7E7;
}

.pdidatos-mensaje
{
    border: 2px solid #F2DD8C;
    background-color: #FFF5CC;
    padding: 10px;
    margin: 10px;
}

.pdidatos-resumen
{
    background-color: #ECF3FF;
    border: 1px solid #D2E3FF;
    padding: 5px 15px;
    margin: 15px 0;
}


.cuadro-seguimiento
{
    border: 2px solid #F2DD8C;
    padding: 10px;
    margin: 10px;
}

.texto-seguimiento
{
    height: auto;
    margin-bottom: 20px;
    border: 1px solid #E7E7E7;
    border-bottom: 1px none #E7E7E7;
    width: 80px;
    text-align: left;
}

.ventaveh-mensaje
{
    border: 2px solid #F2DD8C;
    background-color: #FFF5CC;
    padding: 10px;
    margin-bottom: 20px;
}

.ventaveh-tit
{
    width: auto;
    float: left;
    color: #0085cc;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.ventaveh-division
{
    border-left: 1px dashed #0085cc;
    width: 2%;
}

.content-total
{
    margin-top: 10px;
    border: 2px solid #B8E2FB;
    background-color: #E8F6FF;
    padding: 10px;
    height: 20px;
    max-height: 20px;
    width: 220px;
    float: right;
}

.resumen-titulo-total
{
    float: right;
    height: 20px;
    color: #0085cc;
    font-size: 13px;
    font-weight: bold;
    margin-right: 20px;
    margin-left: 30px;
}

.opcion-estadistica
{
}

.opcion-estadistica .rojo
{
    float: right;
    width: 50px;
    height: 16px;
    background-color: #FF6600;
    text-align: right;
    color: #fff;
    padding: 0px 2px;
}

.opcion-estadistica .amarillo
{
    float: right;
    width: 50px;
    height: 16px;
    background-color: #FFFF33;
    text-align: right;
    padding: 0px 2px;
}

.opcion-estadistica .verde
{
    float: right;
    width: 50px;
    height: 16px;
    background-color: #66CC00;
    text-align: right;
    color: #fff;
    padding: 0px 2px;
}

/* Login_extranet*/


.main-login-extranet
{
    background: url("../../images/content.gif") repeat-y;
    background-color: #fff;
    width: 900px;
    height: auto;
    margin: auto;
    margin-top: 30px;
}



.login-content-extranet
{
    width: auto;
    margin-left: 5px;
    border: 1px solid #AFAFAF;
    height: auto;
    padding: 40px 30px;
}

.login-content-left-extranet
{
    width: 370px;
    vertical-align: top;
}

.login-content-separator-extranet
{
    border-left: 1px dashed #0085cc;
    width: 60px;
}


.login-content-center-extranet
{
    width: 360px;
    vertical-align: top;
}

.login-titulo-extranet
{
    color: #0085cc;
    font-size: 22px;
    margin-bottom: 20px;
}

.login-texto-extranet
{
    padding-right: 50px;
    line-height: 22px;
    width: 320px;
}

.login-texto a-extranet
{
    color: #E70000;
    text-decoration: none;
}

.login-texto a:hover-extranet
{
    text-decoration: underline;
}

.cambiar-password-extranet
{
    background: url("../../images/content.gif") repeat-y;
    background-color: #fff;
    width: 440px;
    height: 300px;
    margin: 20px;
}

.cambiar-content-extranet
{
    width: auto;
    margin-left: 5px;
    border: 1px solid #AFAFAF;
    height: 260px;
    padding: 20px 30px;
}
.tb-login-extranet
{
    margin-top: 25px;
    width: 100%;
}

.tb-login-label-extranet
{
    font-weight: bold;
    padding-left: 40px;
    font-size: 13px;
}

.tb-login-label1-extranet
{
    font-weight: bold;
    padding-left: 20px;
    font-size: 13px;
}
.tblogin-boton-extranet
{
    text-align: center;
    margin-top: 20px;
    padding-top: 20px;
}

.tb-login tr-extranet
{
    height: 30px;
    line-height: 30px;
}

.tb-login tr td-extranet
{
    padding-right: 8px;
}

.filas
{
    padding: 0.75em 1em;
    font-weight: 700;
}
.btns
{
    width: 40%;
}

.filas2
{
    padding: 0.30em 0.5em;
    text-align: left;
}
.btns
{
    width: 40%;
}
/*GrillaGrafico*/
.contractGridHeight
{
     height:10px;
}