body, td, p, pre  {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
}

pre  {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;

}


.grismedio{ color: #7e7e7e; }

.bienvenidatxt{ color: #7e7e7e; font-size: 14px;}
.bienvenidatxttit { color:#003399; font-size: 14px; font-weight:bold;}
.small_gris { color:#990033; font-size: 11px;}
.small { color:#990000; font-weight:bold; font-size: 10px;}
.small_red { color:#F00; font-size: 11px;}
.inputform {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    background-color : #EEEEEE;
    color: #999999;
    border: 2px solid #E5E5E5;
    font-weight: bold;
}
.medio_gris { color:#717171; font-size: 11px; font-style: italic;}
.inputformreq {
    font-family: Arial, Helvetica, sans-serif; font-size: 11px; background-color : #ffcece; border-color : #df8f8f; border-width : 1px;
}
.formatoitem {
    font-size: 12px;
    font-weight: bold;
    color: #009900;
}
.formatoitemreq {
    font-size: 12px;
    font-weight: bold;
    color: #993300;
}


.Blancobig {
    font-size: 18px;
    font-weight: bold;
    color: #FFFFFF;
}
.thumbnail{
    position: relative;
    z-index: 0;
    margin-left: 5px;
}

.thumbnail:hover{
    background-color: transparent;
    z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
    position: absolute;
    padding: 0 5px;
    left: -1000px;
    visibility: hidden;
    color: black;
    text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
    border-width: 0;
    padding: 1px;
    width: 100px;
    height:100px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
    visibility: visible;
    top: 0;
    left: 50px; /*position where enlarged image should offset horizontally */
}
.itemPedido{
    color: #666; font-size: 10px;
}

.columnaPedidoPar{
    background-color : #EEF0CA;
}

.columnaPedidoNone{
    background-color : #FBFFF0;
}


.gris { color:#a2a2a2; font-size: 10px; }
.gris A { color: #a2a2a2;  TEXT-DECORATION: none}
.gris A:active { color: White;  TEXT-DECORATION: none}
.gris A:link { color: #a2a2a2;  TEXT-DECORATION: none}
.gris A:visited { color: #929292;  TEXT-DECORATION: none}
.gris A:hover { color: #717171;  TEXT-DECORATION: underline}

.titulos { color:red; font-size: 14px; }
.titulos A { color: #990000;  TEXT-DECORATION: none}
.titulos A:active { color: White;  TEXT-DECORATION: none}
.titulos A:link { color: #990000;  TEXT-DECORATION: none}
.titulos A:visited { color: #663300;  TEXT-DECORATION: none}
.titulos A:hover { color: #cc0000;  TEXT-DECORATION: none}

.subtitulo { color:#333399; font-weight:bold; font-size: 14px;}

.formato { color:#4e4e4e; font-weight:bold; font-size: 12px;}

.tablaresaltada{
    background-color : #ffffd2;
    border : thin dotted #EA7C13;
    padding : 5 5 5 5;
}




.tablalogin {
    background-color : #ebebeb;
    border : thin dotted #D8D8D8;
    width : 200px;
    padding : 5 5 5 5;
}

.TDPORCOBRAR { 	background-color : #cc0000; color:White; font-weight:bold; font-size: 14px;}
.TD_color_1 { 	background-color : #eeeef9;}
.TD_color_2 { 	background-color : #d7d8f4;}
.TD_color_3 { 	background-color : #99B3CC;}
.TD_color_gris { 	background-color : #f1f1f1;}

.TD_color_Sistema {
    background-color : #FBFBFB;
    padding: 5px;
}
.TD_color_Sistema2 {
    background-color : #F4F4F4;
    padding: 5px;
} 


.TABLE_RES {
    border : thin solid #F7F7F7;
    padding : 5;
}

.TRTOPRESULTADOS {
    font : bold;
    text-align : center;
    background: #99B3CC;
}

.TD_RES_top {
    background-color : #3366CC;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #FFFFFF;
    border: 1px solid #000000;
}

.TD_news_sep { 	background-color : #ececec;}
.TD_news_3 { 	background-color : #330099;}
.TD_news_4 { 	background-color : #e22a2a;}


.subtitulosm{ color:#003399; font-size: 12px; font-weight:bold;}


.titulorojobig {
    font-size: 16px;
    color: #333399;
    font-weight: bold;

}


/* Estilos Notas*/

.NotasTablasNormal {
    border-top: 1px Solid #afca25;
    border-right: 1px Solid #afca25;
    border-left: 1px Solid #afca25;
    border-bottom: 1px Solid #afca25;

    padding: 7px;
    background: #ddea9e;
    background-image: url(gifs/BackNotas.jpg);

}



.NotasTablasNormalTexto {
    font-size: 11px;
    color: Black;
}
.NotasTablasError {

    border-width: 1px;
    border-style: outset;
    border-color: gray;
    padding: 5px;
    background: #cc0000;
}
.NotasTablasErrorTexto {
    font-size: 12px;
    color: #ffffcc;
    font-weight: bold;
}
.NotasTablasErrorTexto A { color: Yellow;}
.NotasTablasErrorTexto A:active { color: Yellow;}
.NotasTablasErrorTexto A:link { color: Yellow;}
.NotasTablasErrorTexto A:visited { color: Yellow;}
.NotasTablasErrorTexto A:hover { color: Yellow;}

/* FIn Estilos Notas*/

.notas A { color: #FFFFFF;  TEXT-DECORATION: none}
.notas A:active { color: #ffffcc;  TEXT-DECORATION: none}
.notas A:link { color: #FFFFFF;  TEXT-DECORATION: none}
.notas A:visited { color: #FFFFFF;  TEXT-DECORATION: none}
.notas A:hover { color: Yellow;  TEXT-DECORATION: underline}

.notas_error {

    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    font-style: italic;
    color: #e7344e;
}
input.notas_error {
    border: 1px solid #df9494;
    background: #fdd0d0;
}
.notasgris {

    font-size: 12px;
    font-weight: bold;
    color: Black;
    font-style: italic;
    background-color: #eaeaea;
    border: thin none #FFFFFF;


}

.notasorange {

    font-size: 12px;
    font-weight: bold;
    color: #7e7e7e;
    font-style: italic;
    background-color: #eaeaea;
    border: thin none #d8d8d8;


}



.linkblanco A:active { color: #FFFFFF;  TEXT-DECORATION: none;}
.linkblanco A:link { color: #FFFFFF;  TEXT-DECORATION: none}
.linkblanco A:visited { color: #FFFFFF;  TEXT-DECORATION: none}
.linkblanco A:hover { color: #FFFC00;  TEXT-DECORATION: underline}
.linkblanco {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
}


.linkblanco2 A:active { color: #FFFFFF;  TEXT-DECORATION: none;}
.linkblanco2 A:link { color: #FFFFFF;  TEXT-DECORATION: none}
.linkblanco2 A:visited { color: #FFFFFF;  TEXT-DECORATION: none}
.linkblanco2 A:hover { color: #FFFC00;  TEXT-DECORATION: underline}
.linkblanco2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #FFFFFF;
}



.linknegro A:active { color: #000000;  TEXT-DECORATION: none;}
.linknegro A:link { color: #000000;  TEXT-DECORATION: none}
.linknegro A:visited { color: #000000;  TEXT-DECORATION: none}
.linknegro A:hover { color: #6D6F71;  TEXT-DECORATION: underline}
.linknegro {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #000000;
}




.inicio A:active { color: #1B5BAC;  TEXT-DECORATION: none;}
.inicio A:link { color: #1B5BAC;  TEXT-DECORATION: none}
.inicio A:visited { color: #1B5BAC;  TEXT-DECORATION: none}
.inicio A:hover { color: #83b9fd;  TEXT-DECORATION: underline}
.inicio {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #1B5BAC;
}






.footer {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: #FFFFFF;
}
.footer .linkblanco2{
    font-size: 14px;
    line-height: 20px;
}


.accesotxt {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #207D9B;
}


.accesotxt2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #898B8B;
}.textblanco {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FFFFFF;
}


.textneg {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
}




.textblanco14 {
    font-size: 14px;
    font-weight: bold;
    color: #FFFFFF;
}
.textblanco14 A { color: #FFFFFF;  TEXT-DECORATION: none}
.textblanco14 A:active { color: #ffffcc;  TEXT-DECORATION: none}
.textblanco14 A:link { color: #FFFFFF;  TEXT-DECORATION: none}
.textblanco14 A:visited { color: #FFFFFF;  TEXT-DECORATION: none}
.textblanco14 A:hover { color: #ffffcc;  TEXT-DECORATION: underline}

.titnegro {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: bold;
    color: #000000;
}
.fuentes {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
    font-style: italic;
    font-weight: bold;
    color: #666666;
}


.linkOpen {
    font-size: 10px;
    color: #003366;
    font-style: italic;
}
.linkOpen A:active {
    color: #003366;
    TEXT-DECORATION: none;
}
.linkOpen A:link {
    color: #003366;
    TEXT-DECORATION: none
}
.linkOpen A:visited {
    color: #003366;
    TEXT-DECORATION: none
}
.linkOpen A:hover {
    color: #0033FF;
    TEXT-DECORATION: none
}

.linkazulclaro { font-size: 12px;  color: #66ffff; font-style: italic;}
.linkazulclaro A:active { color: #ffff66;  TEXT-DECORATION: none;}
.linkazulclaro A:link { color: #66ffff;  TEXT-DECORATION: none}
.linkazulclaro A:visited { color: #66ffff;  TEXT-DECORATION: none}
.linkazulclaro A:hover { color: #ffff66;  TEXT-DECORATION: none}

.linkamarillo { font-size: 12px;  color: #ffccff; font-style: italic;}
.linkamarillo A:active { color: Yellow;  TEXT-DECORATION: none;}
.linkamarillo A:link { color: #ffccff;  TEXT-DECORATION: none}
.linkamarillo A:visited { color: #ffccff;  TEXT-DECORATION: none}
.linkamarillo A:hover { color: Yellow;  TEXT-DECORATION: none}

.linkverde { font-size: 12px;  color: #ffff99; font-style: italic;}
.linkverde A:active { color: Yellow;  TEXT-DECORATION: none;}
.linkverde A:link { color: #ffff99;  TEXT-DECORATION: none}
.linkverde A:visited { color: #ffff99;  TEXT-DECORATION: none}
.linkverde A:hover { color: Yellow;  TEXT-DECORATION: none}


.orange {
    color: #CC6600;
    font-weight: bold;
    font-style: italic;
}

.estatus {
    FONT-SIZE: 18px;
    color: Red;
    font-weight: bold;
    font-style: italic;
}

.formsubmit {
    FONT-SIZE: 12px;
    COLOR: #FFFFFF;
    border-top-width: 0.1em;
    border-right-width: 0.1em;
    border-bottom-width: 0.1em;
    border-left-width: 0.1em;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #5555dd;
    border-right-color: #000033;
    border-bottom-color: #000000;
    border-left-color: #5555dd;
    font-weight: bold;
    background-color: #006699;
    float: right;
    height: 35px;
} 
.formsubmitmodificar{
    float: left;
}
.contactored {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #CC0000;
}
.titblancos {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: bold;
    color: #FFFFFF;
}
.tit_login {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #A6AAAD;
    font-weight: bold;
}
.tit_zona_clientes {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 22px;
    font-weight: bold;
    color: #6D6F71;
}
.tituloForma {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    color: #999999;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #CCCCCC;
    padding-bottom: 5px;
    clear: both;
}

.tit_clientes {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 28px;
    color: #393937;
}
.tablaFormatosTop {
    font-size: 18px;
    color: #FFF;
    background-color: #036;
}

.EQAselect {
    width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.EQAselect option {
    white-space: nowrap;
    width: 100%
}