body{
    margin: 0px;
    padding: 0px;
    font-size: 9pt;
}
a, a:hover, a:active, a:visited{color: blue;}
img{border: none;}
table thead tr td{
    font-weight: bold;
    background-color: #DBE1EB;
}
div.divArchivos{
    width: 100%;
}

div.divArchivo {
    width: 100px;
}
div.divArchivo div a img{
    width: 80px;
}
div.divArchivo div.divArchivoEliminar,
div.divArchivo div.divArchivoEliminar img{
    width: 16px;
}

/*Colores y estilos para la mayoria de la web*/
.TemaWeb,
.TemaWeb_NoHover{
    color: #222222;
    background-color: #cef2fc;
}
.TemaWeb:hover,
.TemaWeb_BtnOpcion:hover,
div.divListado div.divLinea:hover{
    background-color: #cef2fc !important;
    color: #222222 !important;
}
div.divListado div.divLinea_Notificacion{
    background-color: #fdfbd5;
}
.TemaWeb_Titulos{
    width: 100%;
    background-color: #cef2fc !important;
    margin: 2px 0px !important;
    border-top: 1px #30d1ff solid !important;
    border-bottom: 5px #30d1ff double !important;
    border-right: 1px #30d1ff solid !important;
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
    font-weight: bold !important;
    font-size: 10pt;
    color: #000000 !important;
}
.TemaWeb_LetraInicial{
    width: 120px !important;
    text-align: center !important;
}
.TemaWeb_TituloLineaCompleta{
    font-size: 14pt;
    padding: 8px 0px 4px 8px;
    border-radius: 0px !important;
    border-left: none !important;
    border-right: none !important;
    text-align: center !important;;
}
.TemaWeb_TituloN260{
    width: auto !important;
    padding-left: 18px !important;
    padding-right: 10px !important;
    font-weight: normal !important;
}
.TemaWeb_DivHerramientas{
    width: 100%;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    margin-top: 0px !important;
    border-radius: 0px !important;
    border-width: 0px 0px 3px 0px !important; 
    background-color: #f6f6f6;
}

/*campos de formularios*/
input,textarea,select,div.divScrollNumerico div.divBoton{
    border: 1px solid #DBE1EB;
    font-size: 14px;
/*    font-family: Arial, Verdana;*/
    padding: 4px;
    border-radius: 3px;
    background: linear-gradient(left, #FFFFFF, #F7F9FA);
    background: -moz-linear-gradient(left, #FFFFFF, #F7F9FA);
    background: -webkit-linear-gradient(left, #FFFFFF, #F7F9FA);
    background: -o-linear-gradient(left, #FFFFFF, #F7F9FA);
    color: #888888;
}
input:focus,textarea:focus,select:focus{
    outline:none;
    border-color: #fee700;
    -webkit-box-shadow: 0px 0px 5px #fffc90;
    -moz-box-shadow: 0px 0px 5px #fffc90;
    box-shadow: 0px 0px 5px #fffc90;
    color: #000000;
}
/*Scroll para aumentar y disminuir unidades con input en medio*/
/*HTML==>>>><div class='divScrollNumerico'>
                <div class='divBoton divBotonMenos' onclick='' title='Restar 1 unidad'>-</div>
                <div class='divInputNumerico'><input type='text' size='1' value='0' name='' onblur=''/></div>
                <div class='divBoton divBotonMas' onclick='' title='Incrementar 1 unidad'>+</div>
            </div>*/
div.divScrollNumerico div.divBoton{
    width: 20px;
    padding: 2px;
    font-size: 12pt;
    font-weight: bold;
    color: #cef2fc;
    text-align: center;
    vertical-align: top;
    cursor: pointer;
}
div.divScrollNumerico div.divBotonMenos{
    height: 18px;
    padding-top: 0px;
    border-right: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}
div.divScrollNumerico div.divBotonMenos:hover{
    background: linear-gradient(left,#FFEEEE, #FFBBBB, #FF7777);
    background: -moz-linear-gradient(left,#FFEEEE, #FFBBBB, #FF7777);
    background: -webkit-linear-gradient(left,#FFEEEE, #FFBBBB, #FF7777);
    background: -o-linear-gradient(left,#FFEEEE, #FFBBBB, #FF7777);
    border-color: #FF9999;
}
div.divScrollNumerico div.divBotonMas{
    height: 16px;
    border-left: 0px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}
div.divScrollNumerico div.divBotonMas:hover{
    background: linear-gradient(left,#aaffbb, #5de36c, #00cc22);
    background: -moz-linear-gradient(left,#aaffbb, #5de36c, #00cc22);
    background: -webkit-linear-gradient(left,#aaffbb, #5de36c, #00cc22);
    background: -o-linear-gradient(left,#aaffbb, #5de36c, #00cc22);    
    border-color: #00cc22;
}
div.divScrollNumerico div.divInputNumerico input{
    width: 34px;
    height: 16px;
    padding: 2px;
    text-align: center;
    border-radius: 0px;
}

/*generico menu nuevo*/
div.divNuevoElemento{
    width: 100%;
    min-height: 406px;
    margin: 0px auto;
    padding: 8px 0px;
    border-radius: 4px;
    font-weight: bold;
}

/*listados en caja*/
div.divListadoCaja{
    width: 100%;
    height: auto;
    margin: 4px 8px;
}
div.divListadoCaja div.divCaja{
    width: 120px;
    height: auto;
    padding: 4px 1px;
    margin: 4px;
    border: 1px solid #ccc;
    border-radius: 3px;
}
div.divListadoCaja div.divCaja div.divCajaImagen{
    width: 100%;
    height: 70px;
    padding: 5px;
    text-align: center;
}
div.divListadoCaja div.divCaja div.divCajaImagen img{
    height: 70px;
    max-width: 100px;
}
div.divListadoCaja div.divCaja div.divCajaNombre{
    width: 100%;
    height: 20px;
    text-align: center;
    border-top: 1px solid #ccc;
    font-size: 8pt;
}

/*listados en linea*/
div.divListado{
    width: 100%;
    height: auto;
}
div.divListado div.divLinea_NoHover,
div.divListado div.divLinea{
    width: 97%;
    height: 20px;
    border-bottom: 1px solid #c2c2c2;
    padding: 6px 1% 1px 2%;
}
div.divListado div.divLineaBlog{
    width: 98%;
    padding: 5px 1%;
    height: auto;
}
div.divListado div.divLineaBlog h6,
div.divListado div.divLineaBlog h3{
    margin: 0px;
    padding: 3px 0px 1px 3px;
}
div.divListado div.divLineaBlog div.divTexto{
    padding-left: 8px;
    min-height: 60px;
}
div.divListado div.divLineaBlog img{
    padding-left: 10px;
    width: 270px;
}

div.divListado div div.divOpcion,
div.divListado div div.divOpcion_NoHover{    /*divOpcion de los listados*/
    float: right !important;
    margin-left: 6px;
    margin-right: 6px;
    text-align: center;
    cursor: pointer;
}
div.divListado div div.divOpcion_NoHover{
    cursor: default;
}
div.divListado div.divFecha{
    float: right;
    width: 80px;
}
div.divListado div.divScrollNumerico{
    margin-top: -4px;
}
div.divListado div div.divOpcion img{
    height: 14px;
}
div.divLineaCantidadLimite{     /*en la parte final de los listados, un enlace para cargar mas lineas*/
    margin-bottom: 18px;
    text-align: center;
    font-size: 8pt;
    border: 0px !important;
}
div.divLineaCantidadLimite span{
    font-weight: bold;
    cursor: pointer;
}

/*capa transparente para cubrir todo el contenido de la pagina*/
div.divCapaTransparente{
    position: fixed;
    top:0px;
    left: 0px;
    display:none;
    width: 100%;
    height: 100%;
    background-color: #CCC;
    opacity:0.85;
    filter:alpha(opacity=85);
    z-index: 99;
}
/*div de espera (cargando barra)*/
div.divCargandoVisible,
div.divCargando{
    position: fixed;
    top: 35%;   /*solo si falla js*/
    left:0;
    right:0;
    width: 200px;
    height: 70px;
    margin-left: auto;
    margin-right: auto;
    padding: 12px 8px;
    background-color: #cef2fc;
    border-radius:3px;
    border: 1px solid #30d1ff;
    color: #cef2fc333;
    font-size: 11pt;
    font-weight: bold;
    font-variant: small-caps;
    text-align: center;
    display: none;
    z-index: 100;
}
div.divCargandoVisible{
    position: static;
    display: inline;
    margin-top: 20px;
    margin-left: 386px;
}
/*estilos de botton personalizados*/
.aButton{
    display: inline !important;
    width: auto !important;
/*    background: -moz-linear-gradient(left, #548cd3, #548cd3);
    background: -webkit-linear-gradient(left, #548cd3, #548cd3);
    background: -o-linear-gradient(left, #548cd3, #548cd3);*/
    background-color: #efefef !important;
    border: 1px solid #3091ff;
    border-radius:12px;
    padding: 3px 10px;
    text-decoration: none;
    cursor: pointer;
}
.aButton:focus,
.aButton:hover{
    background-color: #30d1ff !important;
/*    background: linear-gradient(left, #abcf31, #abcf31);
    background: -moz-linear-gradient(left, #abcf31, #abcf31);
    background: -webkit-linear-gradient(left, #abcf31, #abcf31);
    background: -o-linear-gradient(left, #abcf31, #abcf31);*/
    border-color: #000 !important;
}
/*div ventanaopciones y tambien para informacion detallada*/
div.divVentanaOpciones{
    position: fixed;
    left:0;
    right:0;
    top: 20px;    /*solo si falla js*/
    width: 700px;
    min-height: 80px; /*solo si falla js*/
    margin-left: auto;
    margin-right: auto;
    background-color: #cef2fc;
    border: 1px solid #30d1ff;
    border-top: 3px solid #30d1ff;
    border-radius:4px;
    overflow: hidden;
    display: none;
    z-index: 99;
}
div.divVentanaOpciones div{float:left;}
div.divVentanaOpciones div.divEncabezadoOpciones{
    width: 668px;
    height: 29px;
    padding-top: 3px;
    color: #333;
    font-size: 14pt;
    font-variant: small-caps;
    text-align: center;
    cursor: move;
}
div.divVentanaOpciones div.divCerrarVentanaOpciones{
    float: right;
    width: 10px;
    height: 10px;
    padding: 2px;
    margin: 7px 10px 0px 0px;
    border: 2px solid #FFE700;
    border-radius: 25px;
    cursor: pointer;
}
div.divVentanaOpciones div.divCerrarVentanaOpciones:hover{
    border-color: #222222;
}
div.divVentanaOpciones div.divCerrarVentanaOpciones img{
    height: 10px;
    width: 10px;
    vertical-align: top;
}
div.divVentanaOpciones div.divTextoOpciones{
    width: 692px;
    height: 50px;   /*+30px del encabezado*/
    margin-left: 2px;
    margin-right: 2px;
    padding: 2px;
    border-top: 1px solid #30d1ff;
    background-color: #f9f9f9;
    text-align: justify;
    overflow-y: scroll;
}
div.divVentanaOpciones div.divTextoOpciones table{
    width: 100%;
}
div.divVentanaOpciones div.divTextoOpciones table tr td{
    border-bottom: 1px solid #dfdfdf;
    padding: 2px 0px;
}
div.divVentanaOpciones div.divTextoOpcionesSoloTexto{
    width: 90%;
    padding: 5%;
    font-size: 10pt !important;
    line-height: 20px !important;
}
div.divVentanaOpciones div.divTextoOpciones div.divCuadroOpcionesBotones{
    margin-left: 250px;
}
div.divVentanaOpciones div.divTextoOpciones div.divCuadroOpcionesBotones > div{
    margin: 0px 10px;
}

div.divCajaErrores div.divInformacion{
    width: 650px;
    height: auto;
    margin: 0px auto;
    padding: 20px;
    border: 1px solid #30d1ff;
    background-color: #f3f3f3;
    color: #222;
    text-align: justify;
    font-size: 12pt;
    line-height: 26px;
}
/*caja de errores*/
div.divCajaErrores{
    position: fixed;
    left:0;
    right:0;
    margin-left: auto;
    margin-right: auto;
    float:none !important;
    top: 35%;
    width: 678px;
    height: auto;
    font-size: 12px;
    z-index: 100;
}
div.divCajaErrores div.divError{
    width: 650px;
    height: auto;
    margin: 0px auto;
    padding: 6px;
    border: 1px solid #30d1ff;
    background-color: #cef2fc;
    color: #333;
    text-align: justify;
}
div.divCajaErrores div.divCerrarCajaErrores{
    float: right;
    width: 10px;
    height: 10px;
    padding: 2px;
    margin: 1px 7px 0px 0px;
    border-radius: 25px;
    cursor: pointer;
}
div.divCajaErrores div.divCerrarCajaErrores:hover{
    border-color: #222222;
}
div.divCajaErrores div.divCerrarCajaErrores img{
    vertical-align: top;
}
div.divCajaErrores div.divAceptar{  /*botones aceptar,volver,cancelar...*/
    float: none !important;
    width: 100%;
    height: 26px;
    text-align: center;
}

/*div login de la pagina principal de inicio de session*/

div.divLogin{
    position: fixed;
    width: 376px;
    height: 160px;
    margin-left: auto;
    margin-right: auto;
    left:0;
    right:0;
    top: 20%;
    padding: 10px;
    border: 2px solid #2b486d;
    border-radius:3px;
}
div.divLogin input{
    width: 140px;
}
div.divLogin div.divEncabezadoLogin{
    width: 100%;
    padding: 6px 0px;
    text-align: center;
    font-size: 14pt;
}
div.divLogin table{
    width: 100%;
    margin: 10px 0px;
    font-size: 11pt;
}

/*menu principal basicos*/
/*div.divContenido div.divMenuPrincipal{
    width: 100%;
    border-bottom: 1px solid #30d1ff;
}
div.divContenido div.divMenuPrincipal .nav li {
}
div.divContenido div.divMenuPrincipal .nav li a{
    color: #333;
}
div.divContenido div.divMenuPrincipal .nav li a:hover,
div.divMenuPrincipal .MenuActivoJS > a,
div.divMenuPrincipal .SubmenuActivoJS > a{
    background-color: #cef2fc;;
    color: #222222 !important;
}*/









































.NoPointer{cursor: default !important; background: none !important;}

.noBorde{border: none !important;}
.inpTxtNoValido{background-color: #FF3333 !important;}
.inpSoloLectura, .inpSoloLectura:focus{background-color: #cccccc !important;border-color: #666666;outline: none;}

.spnTxtError{color: red; font-weight: bold; font-variant: small-caps; font-size: 15pt; display: block; padding-bottom: 10px;}
.spnTxtCorrecto{color: green; font-weight: bold; font-variant: small-caps; font-size: 15pt; display: block; padding-bottom: 10px;}
.spnTxtInformacion{color: #cccc00; font-weight: bolder; font-variant: small-caps; font-size: 15pt; display: block; padding-bottom: 10px;}


.txtCenter{text-align: center;}
.txtRight{text-align: right;}
.txtFont7{font-size: 7pt !important;}
.txtSemiTransparente{color: #999999;}

.padR5{padding-right: 5px !important;}
.padR95{padding-right: 60px !important;}
.padL10{padding-left: 10px !important;}


.mgrR10{margin-right: 10px;}
.mgrR70{margin-right: 70px;}
.tdAlto40{height: 40px;}
.tdAncho250{width: 250px;}
.tdAncho180{width: 180px;}
.tdAncho150{width: 150px;}
.tdAncho120{width: 120px;}
.tdAncho90{width: 90px;}
.tdAncho65{width: 65px;}
.tdAncho50{width: 50px;}
.tdAncho28{width: 28px;}
.tdAncho16{width: 16px;}

textarea{resize: none;}


.inpEspecial{  /*input ocultos en la pagina para envio de datos no modificables*/
    position: absolute;
    top:0px;
    left: 0px;
    visibility: hidden;
    opacity:0;
    filter:alpha(opacity=0);
}


/*divautor*/
/*div.divAutor{
    position: fixed;
    bottom: 0px;
    left: 0px;
    background-color: #ffffff;
}
div.divAutor a,
div.divAutor{
    width: 100%;
    height: 20px;
    margin: 0px auto;
    font-size: 9pt;
    color: #333333;
    text-align: center;
}*/