A, a { outline: 0; }
A.enlace:visited, A.enlace:active, A.enlace:link, A.enlace:hover { color:#60442E; }
A.verTodos:visited, A.verTodos:active, A.verTodos:link, A.verTodos:hover { color:#9F7C63; }

IMG { border: 0px; }

.bodyBB, .bodyLogin {
    font-family:        arial;
    font-size:          10px;
    font-weight:        bold;
    margin:             0;
    overflow:           hidden;
    padding:            0;
}

.bodyBB {
    background-color:   #F2F3F3;
}

/***********************************WEB******************************/

/***********LOGIN***********/
.tituloLoginBBWeb
{
    background-color:   #60442E;
    color:              white;
    font-family:        arial;
    font-size:          13px;
    font-weight:        bold;
    height:             30px;
    line-height:        30px;
    text-align:         center;
    vertical-align:     sub;

}

.cajaLogin {
    border:             1px solid #E1E1E1;
    color:              #60442E;
    font-weight:        normal;
    width:              100%;
}

.textoLogin {
    height:             20px;
    line-height:        20px;
    background-color:   #E3A075;
    color:              white;
    font-family:        arial;
    font-size:          12px;
    font-weight:        normal;
    padding-left:       5px;
    text-align:         left;
}

.botonLogin {
    color:              #6F5139;
    cursor:             pointer;
    font-family:        arial;
    font-size:          12px;
    font-weight:        bold;
    text-align:         right;
}

.contactoLogin {
    font-family:    arial;
    font-size:      10px;
    font-weight:    bold;
}

.accesoBBWeb {
    left:               15px;
    padding:            0;
    position:           absolute;
    top:                163px;
    width:              150px;
}

/****************CONTENIDO WEB**************************/

.encabezadoBBWeb
{
    background-color:   #E1E1E1;
    color:              #6F5139;
    font-size:          18px;
    font-weight:        normal;
    height:             30px;
    line-height:        30px;
    margin-left:        184px;
    padding-left:      30px;
    text-align:         left;
}

.titularBBWeb
{
    background-color:   #60442E;
    color:              white;
    font-family:    arial;
    font-size:          16px;
    font-weight:        bold;
    height:             50px;
    line-height:        50px;
    margin-left:        0px;
    text-align:         center;
    vertical-align:        sub;
}

.subtitularBBWeb{
    color:              #E3A075;
    font-family:        arial;
    font-size:          14px;
    font-weight:        bold;
    margin-left:        0px;
    padding:            5px;
    text-align:         center;
}

.cuerpotextoBBWeb, .cuerpotextoBBWebModal {
    border:                1px solid #d3d3d3;
    padding:            15px;
    color:              #6F5139;
    font-size:          12px;
    font-weight:        normal;
    margin-left:        0px;
    text-align:         left;
}

.cuerpotextoBBWebModal {
    border:                0px;
}

.textoresaltadoBBWeb {
    font-size:          14px;
    font-weight:       bold;
}

#promociones, #promociones09
{
    color:              #6F5139;
    font-size:          12px;
    font-weight:        normal;
    height:             385px;
    margin-left:        0px;
    padding:            0;
    padding-bottom:     15px;
    text-align:         left;
    width:              520px;
}

#promociones09
{
    background:         url(../images/fondos/juego09.jpg) no-repeat left top;
    height:             380px;
    margin-top:         5px;
    padding-left:       290px;
    width:              350px;
}

#promociones .sepForm, #promociones09 .sepForm
{
    clear: none;
}

#divPremios
{
    float:      right;
    width:      200px;
}

#divPremios
{
    position:   relative;
    top:        -45px;
}

.divBlogger
{
    float:       right;
    width:       150px;
    position:    relative;
}

.divReEnvio, .divReEnvio09
{
    background:         #E3A075 url(../images/fondos/sobre.png) no-repeat center right;
    cursor:             pointer;
    margin-bottom:      20px;
    padding:            1px 5px;
    padding-right:      90px;
    position:           relative;
    width:              250px;
}

.divReEnvio09
{
    border:             1px solid white;
    color:              #6F5139;
    margin-bottom:      0px;
    width:              453px;
}

.divNoReenvio
{
    background:         #E3A075;
    margin-bottom:      20px;
    padding:            1px 10px;
    padding-right:      70px;
    position:           relative;
    width:              250px;
}

.cuerpotextoBBWeb .botonera A, .cuerpotextoBBWeb .botonera A:link, .cuerpotextoBBWeb .botonera A:visited,
.cuerpotextoBBWebModal .botonera A, .cuerpotextoBBWebModal .botonera A:link, .cuerpotextoBBWebModal .botonera A:visited
{
    color:  white;
}

.contactoLogin A, .contactoLogin A:link, .contactoLogin A:visited
{
    color:  black;
}
/************/
/* CABECERA */
/************/

.cabeceraBB {
    background:         url(../images/fondos/cabecera.png) repeat-x center center;
    height:             104px;
    position:           relative;
}

.fechaCab
{
    color:              #E3A075;
    font-size:          16px;
    font-weight:        bold;
    left:               192px;
    height:             15px;
    position:           absolute;
    top:                20px;
}

.usuarioCab
{
    color:              #6F5139;
    font-size:          18px;
    font-weight:        normal;
    left:               192px;
    height:             11px;
    position:           absolute;
    top:                44px;
}

.cuentaBB {
    color:          #E3A075;
    font-size:      20px;
    font-weight:    bold;
    height:         20px;
    line-height:    20px;
    position:       absolute;
    right:          30px;
    text-align:     right;
    top:            30px;
    width:          33%;
}

.logoBB
{
    background:     url(../images/logos/app.png) no-repeat center center;
    position:       absolute;
    height:         134px;
    left:           48px;
    top:            11px;
    width:          134px;
}

/*****************/
/* MENÚ SUPERIOR */
/*****************/

.menuSuperiorBB
{
    background:         #E1E1E1 url(../images/fondos/principal.png) no-repeat center left;
    border-bottom:      1px solid #6F5139;
    height:             20px;
    padding-left:       186px;
}

.menuSuperiorBB div
{
    float:          left;
    height:         20px;
    line-height:    20px;
}

.menuSuperiorBB .primero
{
    display:        none;
}

.menuSuperiorBB .item A
{
    background:         url(../images/fondos/superior.png) repeat-x center center;
    color:              #6F5139;
    display:            block;
    font-weight:        normal;
    padding:            0 10px;
    text-decoration:    none;
}

.menuSuperiorBB .item A:hover
{
    text-decoration:    underline;
}

.menuSuperiorBB .separador
{
    background:     url(../images/fondos/superiorSep.png) no-repeat center center;
    width:          26px;
}

.menuSuperiorBB .ultimo
{
    background:     url(../images/fondos/superiorFin.png) no-repeat center center;
    width:          24px;
}

/**************/
/* ENCABEZADO */
/**************/

.encabezadoBB
{
    background-color:   #E1E1E1;
    color:              #6F5139;
    font-size:          18px;
    font-weight:        normal;
    height:             30px;
    line-height:        30px;
    margin-left:        184px;
    padding-right:      16px;
    text-align:         right;
}


/****************/
/* MENÚ LATERAL */
/****************/

.menuBB {
    bottom:             42px;
    left:               0;
    margin:             0;
    padding:            0;
    position:           absolute;
    top:                155px;
    width:              184px;
}

.menuBB ul
{
    list-style-type:    none;
    margin:             0;
    padding:            0;
}

.menuBB ul.menu1
{
    margin-left:        10px;
}

.menuBB li
{
    list-style-type:    none;
    margin:             0;
    padding:            0;
}

.menuBB a
{
    background:         url(../images/fondos/itemLateral.png) repeat-x center left;
    color:              white;
    display:            block;
    height:             21px;
    line-height:        21px;
    font-size:          12px;
    font-weight:        bold;
    padding-bottom:     3px;
    padding-left:       8px;
    text-decoration:    none;
}

.menuBB a.link1
{
    background-color:   #E3A075;
}

.menuBB a.link1:hover, .menuBB a.link2:hover
{
    background-color:   #D77536;
}

.menuBB a.link2
{
    background-color:   #906749;
    margin-left:        17px;
}

.menuBB a.selected
{
    background-color:   #60442E;
}


/*************/
/* CONTENIDO */
/*************/

.contenidoBB {
    background-color:   white;
    margin:             0;
}

.bodyBB .contenidoBB {
    bottom:             42px;
    left:               184px;
    margin:             0;
    overflow:           auto;
    padding:            10px;
    position:           absolute;
    right:              0;
    top:                155px;
}

.bodyModal .contenidoBB {
    height:             100%;
    position:           relative;
}

.login {
}

/**********/
/* TABLAS */
/**********/
.bodyModal .divTabla
{
    height:             380px;
    position:           relative;
}

.divTabla
{
    height:             100%;
    position:           relative;
}

#grafico .divTabla
{
    height:             160px;
    position:           relative;
}

#duplicados
{
    height:             100%;
    position:           static;
}

.divTablaCarga
{
    height:             100%;
}

.divTabla .titulo
{
    background-color:   #60442E;
    border-left:        1px solid white;
    border-right:       1px solid white;
    color:              white;
    font-size:          16px;
    font-weight:        bold;
    height:             35px;
    left:               0;
    line-height:        35px;
    padding-left:       8px;
    position:           absolute;
    right:              0;
    top:                0;
}

.divTabla .laTabla, .divTablaResumen .laTabla, .divTablaCarga .laTabla
{
    bottom:             95px;
    left:               0;
    overflow:           auto;
    position:           absolute;
    top:                35px;
    width:              100%;
}

.divTablaCarga .laTabla
{
    position:           static;
}

.bodyModal .divTabla .laTabla, .bodyModal .divTablaResumen .laTabla
{
    bottom:             110px;
    top:                0px;
}

.divTabla table, .divTablaResumen table, .divTablaCarga table
{
    border-top:         1px solid white;
    border-left:        1px solid #E1E1E1;
    margin:             0 auto;
}

.divTabla TR, .divTablaResumen TR, .divTablaCarga TR
{
    background-color:   #EBE9E9;
    height:             20px;
}

.divTabla TR.odd
{
    background-color:   #F2F3F3;
}

.divTabla TR.highlight
{
    background-color:   #F6BE99;
}

.divTabla TR.selected
{
    background-color:   #60442E;
    color:              white;
}

.divTabla TH, .divTablaResumen TH, .divTablaCarga TH
{
    color:              white;
    background-color:   #9F7C63;
    font-size:          13px;
    font-weight:        bold;
    height:             25px;
    line-height:        22px;
    padding:            0px 5px;
    white-space:        nowrap;
}

.divTabla TH.tituloTabla
{
    background:         #9F7C63 url(../images/fondos/tableHead.png) no-repeat center right;
}

.divTabla TH.cabecera1
{
    padding-left:       5px;
    text-align:         center;
}

.divTabla TH.asc
{
    background:         #60442E url(../images/fondos/tableHeadAsc.png) no-repeat center right;
}

.divTabla TH.desc
{
    background:         #60442E url(../images/fondos/tableHeadDesc.png) no-repeat center right;
}

.divTabla TH A
{
    color:              white;
    display:            block;
    font-weight:        bold;
    padding:            0 54px 0 5px;
    text-align:         left;
}

#records09
{
    width:              260px;
}

#records09 TH A
{
    padding:            0 40px 0 5px;
}

.divTabla TH, .divTabla TD, .divTablaResumen TH, .divTablaResumen TD, .divTablaCarga TH, .divTablaCarga TD
{
    border-bottom:      1px solid white;
    border-right:       1px solid #E1E1E1;
}

.divTabla TD, .divTablaResumen TD, .divTablaCarga TD
{
    font-size:          12px;
    font-weight:        normal;
    padding:            0 5px;
}

.divTabla TD
{
    cursor:             pointer;
}

.divTabla TH A, .divTabla TD, .divTablaResumen TH A, .divTablaResumen TD, .divTablaCarga TH A, .divTablaCarga TD
{
    height:             25px;
    text-decoration:    none;
    vertical-align:     middle;
}

.divTabla TD, .divTablaResumen TD, .divTablaCarga TD
{
    height:             22px;
}

.divTabla TD img
{
    text-align:         center;
}

.divTabla .pie, .divTablaCarga .pie
{
    bottom:             0;
    height:             95px;
    left:               0;
    position:           absolute;
    width:              100%;
}

#records09 .pie
{
    height:             100px;
}

.divTablaResumen .pie
{
    width:              100%;
}

.divTablaCarga .pie, .divTablaResumen pie
{
    bottom:             0;
    height:             95px;
    position:           static;
}

.bodyModal .divTabla .pie
{
    bottom:             0;
    height:             110px;
    left:               0;
}

.divTabla .botonera, .divTablaCarga .botonera, .divTablaResumen .botonera
{
    background-color:   #9F7C63;
    height:             49px;
}

.divTabla .boton, .divTablaCarga .boton, .divTablaResumen .boton
{
    border:             1px solid white;
    float:              left;
    margin:             14px;
    margin-left:        8px;
    margin-right:       0;
}

.divTabla .boton A
{
    color:              white;
    display:            block;
    height:             19px;
    line-height:        19px;
    text-align:         center;
    text-decoration:    none;
    width:              120px;
}

.divTabla .boton SELECT, .divTablaCarga .boton SELECT, .divTablaResumen .boton SELECT
{
    background-color:   #E3A075;
    border:             1px solid #60442E;
    color:              #60442E;
    height:             18px;
    line-height:        18px;

}

.divTabla .boton A:hover
{
    background-color:   white;
    color:              #9F7C63;
}

.divTabla .divOpera
{
    background:     url(../images/admin.png) no-repeat center center;
    height:         21px;
    width:          30px;
}

.divTabla input, .divTabla select, .divTablaCarga select {
    border:         1px solid #9F7C63;
    color:          #9F7C63;
    width:          200px;
}

.divTabla .readonly
{
    border:    1px solid #C0C0C0;
    color:     #C0C0C0;
}


#listaElementos
{
    height:     250px;
    position:   relative;
}

#listaElementos .divTabla
{
    height:     250px;
}

#tablaConAsociados .laTabla, #tablaSegAsociados .laTabla
{
    top:    0px;
}

#abiertoSeg, #ocultoSeg, #abiertoCont, #ocultoCont
{
    height:     100%;
    position:   relative;
}

#abiertoSeg, #abiertoCont
{
    display:    block;
}

#ocultoSeg, #ocultoCont
{
    display:    none;
}

/*************/
/* Paginador */
/*************/

.paginador .separador
{
    height:             19px;
    border-bottom:      1px solid rgb(82, 72, 63);
    margin-bottom:      2px;
}

.paginador input
{
    height:             23px;
    margin:             0;
    padding:            0;
    text-align:         center;
    vertical-align:     middle;
    width:              20px;
}

.paginador .next, .paginador .prev
{
    cursor:             pointer;
    vertical-align:     top;
}

.paginador .selector, .paginador .totales
{
    border:             0;
    color:              #6F5139;
    font-family:        arial;
    font-size:          12px;
    font-weight:        normal;
    height:             25px;
    line-height:        25px;
    margin:             0;
    padding:            0;
}

.paginador .selector
{
    background-color:   #F3EAE1;
    float:              right;
    text-align:         right;
}

.paginador .totales
{
    float:              left;
    text-align:         left;
}

.paginador .numtotal, .paginador .pagedisplay
{
    font-weight:        bold;
}

.paginador .pagedisplay
{
    cursor:             pointer;
    text-decoration:    underline;
}

/*******/
/* PIE */
/*******/

.pieBB
{
    background-color:   #E1E1E1;
    border-top:         1px solid #6F5139;
    bottom:             20px;
    color:              #6F5139;
    font-size:          11px;
    left:               0;
    height:             20px;
    line-height:        20px;
    padding-left:       53px;
    position:           absolute;
    right:              0;
    text-align:         left;
}

.menuInferiorBB
{
    background-color:   #F2F3F3;
    bottom:             0;
    color:              #6F5139;
    left:               0;
    height:             20px;
    position:           absolute;
    right:              0;
}

.adminCuentaBB
{
    background:     url(../images/fondos/adminCuenta.png) repeat-x bottom right;
    bottom:         0px;
    color:          #E3A075;
    font-size:      20px;
    font-weight:    bold;
    height:         40px;
    line-height:    40px;
    position:       absolute;
    right:          0px;
    text-align:     center;
    width:          235px;
}


/*****************/
/* MENÚ INFERIOR */
/*****************/

.menuInferiorBB div
{
    float:          left;
    height:         20px;
    line-height:    20px;
}

.menuInferiorBB .primero
{
    display:        none;
}

.menuInferiorBB .item
{
    width:              160px;
}

.menuInferiorBB .item A
{
    background:         url(../images/fondos/superior.png) repeat-x center center;
    color:              #6F5139;
    display:            block;
    font-weight:        normal;
    padding:            0;
    text-decoration:    none;
    text-align:         center;
}

.menuInferiorBB .item A:hover
{
    text-decoration:    underline;
}

.menuInferiorBB .separador
{
    background:     url(../images/fondos/inferiorSep.png) no-repeat center center;
    font-size:      1px;
    width:          2px;
}

.menuInferiorBB .ultimo
{
    background-color:   #E1E1E1;
    font-size:          1px;
    width:              1px;
}


/*-------------------Carga de fichero CSV-----------*/
.clear
{
    clear:              both;
    height:             1px;
    font-size:          1px;
}

.lineaFormL
{
    clear:              both;
}

.lineaFormL .dataForm
{
    float:  left;
}

.lineaFormL .lineaForm .captionForm
{
    float:  left;
}


/* Clases del autocomplete */
div.autocomp
{
    background:         #F2F5F7;
    margin:             0;
    padding:            0;
    position:           absolute;
    width:              250px;
    z-index:            95;
}

div.autocomp ul
{
    background-color:   #F2F5F7;
    list-style-type:    none;
    margin:             0;
    padding:            0;
}

div.autocomp ul li
{
    background-color:   #F2F5F7;
    color:              black;
    cursor:             pointer;
    display:            block;
    font-family:        Helvetica;
    font-size:          10px;
    height:             16px;
    list-style-type:    none;
    margin:             0;
    padding:            2px;
    padding-left:       5px;
}

div.autocomp ul li.selected
{
    background-color:   rgb(178, 194, 209);
    color:              white;
}



/*********/
/* MODAL */
/*********/

.bodyModal {
    background-color:   white;
    font-family:        arial;
    font-size:          12px;
    font-weight:        bold;
    margin:             0;
}

#divError
{
    border:             0;
}

#divError .contError{
    background:         url(../images/fondos/error.png) no-repeat left top;
    color:              #624630;
    font-size:          12px;
    font-weight:        normal;
    height:             200px;
    margin:             40px;
    padding-top:        10px;
    padding-left:       130px;
}

#divError .contError .botonera {
    margin-top:         40px;
}


.ui-dialog, .ui-dialog.error {
    background-color:   white;
    border:             1px solid #60442E;
}

.ui-dialog .ui-dialog-titlebar , .ui-dialog.error  .ui-dialog-titlebar{
    background:     #60442E url(../images/fondos/barraModal.png) repeat-x top left;
    height:         22px;
    padding:        0;
}

.ui-dialog.ui-draggable .ui-dialog-titlebar {
    cursor:         move;
}

.ui-dialog .ui-dialog-titlebar-close {
    background:     url(../images/iconos/cerrarModal.gif) no-repeat;
    cursor:         pointer;
    height:         16px;
    position:       absolute;
    right:          3px;
    top:            3px;
    width:          16px;
}

.ui-dialog .ui-dialog-titlebar-close span {
    display: none;
}

.ui-dialog .ui-dialog-title {
    color:          white;
    font-family:    helvetica;
    font-size:      12px;
    font-weight:    normal;
    height:         22px;
    line-height:    22px;
    margin-left:    5px;
    font-weight:    bold;
}


.ui-dialog .ui-dialog-content {
    margin:         0;
}

.ui-dialog .ui-dialog-buttonpane {
    display:    none;
}

.ui-dialog-overlay
{
    background-color:   #9f7c63;
    filter: alpha(opacity=50);
    opacity:            .50;
}

/* TODO: pasar filter a _ie.css */
.tituloModal
{
    background-color:   #60442E;
    color:              white;
    font-size:          22px;
    font-weight:        normal;
    height:             52px;
    line-height:        52px;
    margin-bottom:      20px;
    padding-left:       20px;
}

.ayuda {
    color:              white;
    cursor:             pointer;
    float:              right;
    height:             52px;
    line-height:        52px;
    margin-top:         5px;
    margin-right:       10px;
}

.modalAyuda {
    background:         url(../images/fondos/informacion.png) no-repeat left top;
    color:              #624630;
    font-size:          12px;
    font-weight:        normal;
    height:             300px;
    margin:             40px;
    padding-left:       150px;
}

/* TABS */
.ui-wrapper { border: 1px solid #50A029; }
.ui-wrapper input, .ui-wrapper textarea { border: 0; }

/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}

/* Skin */
.ui-tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0 0 0 3px;
    background: #9F7C63;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav li {
    float: left;
    margin: 0 0 0 2px;
    font-weight: bold;
    border:     1px solid white;
}
.ui-tabs-nav a, .ui-tabs-nav a span {
    float: left; /* fixes dir=ltr problem and other quirks IE */
    padding: 0 12px;
    background: #9F7C63;
}
.ui-tabs-nav a {
    margin: 5px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0;
    background-position: 100% 0;
    text-decoration: none;
    white-space: nowrap; /* @ IE 6 */
    outline: 0; /* @ Firefox, prevent dotted border after click */
}
.ui-tabs-nav a:link, .ui-tabs-nav a:visited {
    color: #fff;
}
.ui-tabs-nav .ui-tabs-selected a {
    position: relative;
    top: 1px;
    z-index: 2;
    margin-top: 0;
    background-position: 100% -23px;
    background: #60442E;
    border-bottom:     0;
}
.ui-tabs-nav a span {
    padding-top: 1px;
    padding-right: 0;
    height: 20px;
    background-position: 0 0;
    line-height: 20px;
}
.ui-tabs-nav .ui-tabs-selected a span {
    padding-top: 0;
    height: 27px;
    background-position: 0 -23px;
    background: #60442E;
    line-height: 27px;
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited,
.ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.ui-tabs-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
}
/* TODO: pasar filter a _ie.css */

.ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited {
    color: #000;
}
.ui-tabs-panel
{
    background: white;
    height:     350px;
}

.bodyModal .ui-tabs-panel
{
    height:     auto;
}

/*.ui-tabs-loading em {
    padding: 0 0 0 20px;
    background: red no-repeat 0 50%;
}*/



/***************/
/* FORMULARIOS */
/***************/

form
{
    margin:             0;
    padding:            0;
}

.filaForm
{
    padding-top:    4px;
}

.filaForm .etiqueta {
    color:          #60442E;
    display:        block;
    float:          left;
    font-weight:    bold;
    font-size:      10px;
    padding:        0 10px;
    text-align:     right;
    width:          140px;
}

span.seccion
{
    position:       relative;
}

.filaForm .data, .filaForm .dataTooltip
{
    color:          #60442E;
    font-weight:    bold;
    margin-right:   100px;
    padding-left:   160px;
}

.filaForm input, .filaForm textarea, .filaForm .inputCalculadora, .filaForm .comboForm
{
    border:         1px solid #9F7C63;
    color:          #9F7C63;
    width:          100%;
}

.filaForm .selectPlantillas
{
    border:         1px solid #9F7C63;
    color:          #9F7C63;
    width:          18%;
}

.filaForm .counter {
    color:          #60442E;
    font-size:      14px;
}

.filaForm .toomuch {
    color:          red;
}

.filaForm .inputCalculadora
{
    width:          20%;
}

.filaForm span
{
    border:         0px;
}

.filaForm input.readonly, .filaForm textarea.readonly
{
    border:    1px solid #C0C0C0;
    color:     #C0C0C0;
}


.sepForm, .sepFormSecc
{
    clear:          both;
    border-bottom:  1px solid #E1E1E1;
    font-size:      4px;
    height:         4px;
    margin-left:    160px;
    margin-right:   100px;
}

.sepFormSecc
{
    clear:          both;
    border-bottom:  1px solid #E3A075;
    margin-left:    0px;
    margin-right:   80px;
}

span.seccion {
    color:          #9F7C63;
    display:        block;
    float:          left;
    font-weight:    bold;
    padding:        0;
    text-align:     left;
    width:          300px;
}

.lineaChecks
{
    float:          left;
    color:          #9F7C63;
    font-weight:    normal;
    padding:        0 10px;
    position:       relative;
    vertical-align: middle;
}

#resultCalculadora, , .filaForm .counter {
    color:          #9F7C63;
    float:          right;
    font-family:    arial;
    font-size:      12px;
    margin-top:     2px;
    width:          79%;
}

.inputTabla, .comboTabla {
    border:         1px solid #9F7C63;
    color:          #9F7C63;
    width:          100%;
}

.filaForm .selector {
    display:        block;
    float:          left;
    font-weight:    bold;
    height:         20px;
    line-height:    20px;
    margin:         0px;
    padding:        0px;
    width:          140px;
}

.filaForm .selector input {
    height:         20px;
    width:          10px;
}

.filaForm .captionSelector {
    height:         20px;
    line-height:    20px;
}

.condicion {
    margin-left:       160px;
    margin-right:      100px;
}

.filaForm #cabeceraFlg
{
    width:      10px;
}

.condicion .filaForm .etiqueta
{
    margin:     0;
    padding:    0;
    width:      0;
}

.condicion .sepForm, .condicion .filaForm .data, .condicion .filaForm .dataTooltip
{
    margin-left:    0px;
    margin-right:   0px;
    padding-left:   0px;
}

.condicion .filaForm .condicionInput
{
    display:        inline;
    float:          right;
    width:          66%;
}

.condicion .filaForm .condicionSelect
{
    float:          left;
    width:          33%;
}

.filaForm .inputCorto
{
    width:          100px;
}
/*********/
/* OTROS */
/*********/
.imgAdmin {
    border:         1px solid red;
}

.logoInh {
    background:     url(../images/logos/inhibido.jpg) no-repeat center center;
    height:         100%;
}

.celdaRGB {
    border:         1px solid #60442E;
}

/************/
/* checkbox */
/************/

.jquery-checkbox       {display: inline; font-size: 20px; line-height: 20px; cursor: pointer; cursor: hand;}
.jquery-checkbox .mark {display: inline;}

.jquery-checkbox img { vertical-align: middle; height: 12px; }
.jquery-checkbox img { background: transparent url(../images/forms/checkbox.png) no-repeat; }

.jquery-checkbox img { background-position: 0 0; }
.jquery-checkbox-hover img { background-position: 0 -12px; }

.jquery-checkbox-checked img{ background-position: 0 -24px; }

.jquery-checkbox-checked .jquery-checkbox-hover img { background-position: 0 -36px; }

.jquery-checkbox-disabled img { background-position: 0 -48px; }
.jquery-checkbox-checked .jquery-checkbox-disabled img { background-position: 0 -60px; }


/************/

.botonera
{
    height:         49px;
    text-align:     center;
    margin-right:   92px;
}

.divTabla .botonera, .divTablaCarga .botonera, .divTablaResumen .botonera
{
    margin-right:   0px;
}

.botonera UL {
    display:       block;
    list-style:    none;
    margin:        0 auto;
    padding:       0;
}

.botonera LI
{
    background-color:   rgb(160, 124, 100);
    border:             1px solid rgb(98, 68, 44);
    float:              right;
    margin:             14px 8px 14px 0;
    position:           relative;
    width:              120px;
}

.botonera A
{
    color:              white;
    display:            block;
    height:             19px;
    line-height:        19px;
    text-align:         center;
    text-decoration:    none;
    width:              120px;
}

input#botonSumbit
{
    background-color:   rgb(160, 124, 100);
    color:              white;
    border:             0px solid rgb(98, 68, 44);
    font-family:        arial;
    font-size:          10px;
    font-weight:        bold;
    height:             19px;
    line-height:        19px;
    width:              80px;
    text-align:         center;
}

.filaForm .botonera A
{
    width:              80px;
}

.botonera A:hover
{
    background-color:   rgb(212, 186, 169);
}

/***************/
/* EDITOR HTML */
/***************/

div.wysiwyg { border: 1px solid #9F7C63; padding: 5px;  padding-right: 0px; background-color: #FFF; width: 100%;}
div.wysiwyg * { margin: 0; padding: 0; }

div.wysiwyg textarea { padding-right: 0px; }
div.wysiwyg ul.panel { border-bottom: 1px solid #9F7C63; float: left; width: 100%; padding: 0 0 4px 0; }
div.wysiwyg ul.panel li { list-style-type: none; float: left; margin: 0 2px; }
div.wysiwyg ul.panel li.separator { height: 16px; margin: 0 4px; border-left: 1px solid #9F7C63; }
div.wysiwyg ul.panel li a { opacity: 0.6; display: block; width: 16px; height: 16px; background: url('jquery.wysiwyg.gif') no-repeat -64px -80px; border: 0; cursor: pointer; padding: 1px; }

div.wysiwyg ul.panel li a:hover, div.wysiwyg ul.panel li a.active { opacity: 0.99; }
div.wysiwyg ul.panel li a.active { background-color: #f9f9f9; border: 1px solid #ccc; border-left-color: #AAA; border-top-color: #AAA; padding: 0; }

div.wysiwyg ul.panel li a.bold { background-position: 0 -16px; }
div.wysiwyg ul.panel li a.italic { background-position: -16px -16px; }
div.wysiwyg ul.panel li a.strikeThrough { background-position: -32px -16px; }
div.wysiwyg ul.panel li a.underline { background-position: -48px -16px; }

div.wysiwyg ul.panel li a.justifyLeft { background-position: 0 0; }
div.wysiwyg ul.panel li a.justifyCenter { background-position: -16px 0; }
div.wysiwyg ul.panel li a.justifyRight { background-position: -32px 0; }
div.wysiwyg ul.panel li a.justifyFull { background-position: -48px 0; }

div.wysiwyg ul.panel li a.indent { background-position: -64px 0; }
div.wysiwyg ul.panel li a.outdent { background-position: -80px 0; }

div.wysiwyg ul.panel li a.subscript { background-position: -64px -16px; }
div.wysiwyg ul.panel li a.superscript { background-position: -80px -16px; }

div.wysiwyg ul.panel li a.undo { background-position: 0 -64px; }
div.wysiwyg ul.panel li a.redo { background-position: -16px -64px; }

div.wysiwyg ul.panel li a.insertOrderedList { background-position: -32px -48px; }
div.wysiwyg ul.panel li a.insertUnorderedList { background-position: -16px -48px; }
div.wysiwyg ul.panel li a.insertHorizontalRule { background-position: 0 -48px; }

div.wysiwyg ul.panel li a.h1 { background-position: 0 -32px; }
div.wysiwyg ul.panel li a.h2 { background-position: -16px -32px; }
div.wysiwyg ul.panel li a.h3 { background-position: -32px -32px; }
div.wysiwyg ul.panel li a.h4 { background-position: -48px -32px; }
div.wysiwyg ul.panel li a.h5 { background-position: -64px -32px; }
div.wysiwyg ul.panel li a.h6 { background-position: -80px -32px; }

div.wysiwyg ul.panel li a.cut { background-position: -32px -64px; }
div.wysiwyg ul.panel li a.copy { background-position: -48px -64px; }
div.wysiwyg ul.panel li a.paste { background-position: -64px -64px; }

div.wysiwyg ul.panel li a.increaseFontSize { background-position: -16px -80px; }
div.wysiwyg ul.panel li a.decreaseFontSize { background-position: -32px -80px; }

div.wysiwyg ul.panel li a.createLink { background-position: -80px -48px; }
div.wysiwyg ul.panel li a.insertImage { background-position: -80px -80px; }

div.wysiwyg ul.panel li a.html { background-position: -48px -48px; }
div.wysiwyg ul.panel li a.removeFormat { background-position: -80px -64px; }
div.wysiwyg ul.panel li a.insertCampo { background-position: -80px -80px; }

div.wysiwyg ul.panel li a.empty { background-position: -64px -80px; }

div.wysiwyg iframe { border: 0; margin: 5px 0 0 0; clear: left; }

/***********/
/* tooltip */
/***********/
h3 {
    font-size: 110%;
    font-weight: bold;
    margin: 0;
}

.tooltip, .tooltipTH {
    color:          #9F7C63;
    float:          right;
    font-family:    arial;
    font-size:      12px;
    padding:        0px;
    margin-right:   80px;
}

.tooltipTH {
    color:          white;
    margin-right:   0px;
}

#tooltip {
    border:             1px solid #111;
    background-color:   #eee;
    font-size:          12px;
    font-weight:        normal;
    padding:            5px;
    position:           absolute;
    opacity:            0.85;
    z-index:            3000;

}

#tooltip h3, #tooltip div { margin: 0; }

#tooltip.tooltip, #tooltip.tooltipTH {
    color:          #9F7C63;
    border:         none;
    width:          210px;
    padding:        20px;
    height:         135px;
    opacity:        0.8;
    background:     url('shadow.png');
}


#tooltip.tooltip h3, #tooltip.tooltipTH h3 {
    color:          #60442E;
    margin-bottom:  0.75em;
    font-size:      12px;
    width:          220px;
    text-align:     center;
}

/***********/
/* Graficos*/
/***********/
#tablaAcc, #tablaCam
{
    height:     420px;
    position:   relative;
}

.grafico
{
    color:          #60442E;
    font-weight:    bold;
    padding-top:    20px;
    text-align:     center;
}

#leyenda
{
    background-color:   white;
    color:              #8F8F8F;
    font-family:        verdana;
    font-weight:        normal;
    height:             19px;
    margin:             0;
    width:              100%;
}

#promoreyes
{
    height:             300px;
}

#leyendaReyes
{
    background-color:   red;
    color:              #8F8F8F;
    float:              right;
    font-family:        verdana;
    font-weight:        normal;
    height:             150px;
    margin-top:         50px;
    width:              400px;
}

#color
{
    display:            inline;
    height:             10px;
    padding-right:      10px;
    margin-right:      10px;
}

/****************/
/**Plantillas****/
/****************/
.contenedorPlantillas
{
    padding-left:       40px;
    position:           reletive;
    text-align:         center;
    height:             250px;
}

.thumbs1{
    float:              left;
    margin-right:       20px;
}

.nombrePlantillas
{
    color:              #60442E;
    font-size:          12px;
    font-family:        arial;
    font-weight:        bold;
}

.lineaChecks
{
    vertical-align:     bottom;
}

/****************/
/**TrjNavidad****/
/****************/
.thumbsNavidad
{
    float:          left;
    color:          #9F7C63;
    height:         90px;
    position:       relative;
    text-align:     left;
    width:          167px;
}

.thumbsNavidad IMG
{
    position:       relative;
    bottom:         0px;
}

.logoTarjeta
{
    border:         25px solid red;
    width:          200px;
}

.thumbsNavidad INPUT
{
    border:         0px;
    position:       relative;
    bottom:         0px;
    right:          3px;
    width:          5px;
}