body{
    background: url('../img/fondo.png');
    font-family: Tahoma,Calibri, Arial;
    font-size: 13px;
}

#container{
    background-color: #FFF;
    width: 900px;
    height: 650px;
    margin-left: auto;
    margin-right: auto;
}

#banner{
    float: left;
    width: 100%;
    height: 72px;
    background-color: #333533;
}

#title_pic{
    float: left;
    margin-left: 10px;
    margin-top: 0px;
}

#title{
    text-align: center;
    margin-top: 40px;
    color: #F2F2F2;
}

#body_content{
    /*background-color:#FFFCDF;*/
    background-color:#FFF;
    float: left;
    height: 550px;
    width: 100%;
}

#body_footer{
    background-color: #333533;
    float: left;
    height: 45px;
    width: 100%;
    color: #ffd700;
    font-family: Arial,Calibri;
    font-size: 10pt;
    text-align: center;
    vertical-align: middle;
}


/******    ESTILOS GENERICOS PARA EL CONTENIDO DE LA PAGINA  */
#divTitulo{
    margin: 1px;
    width: 100%;
    height: 22px;
}

#titPagina{
    float: left;
    background-color: #333533;
    /*color: #ffd700; */
    color:#F2F2F2;
    width: 75%;
    font-family: Calibri, Arial;
    font-size: 18px;
    font-weight: bold;
}

#titMenj{
    float: right;
    color: #333533;
    background-color: #FFF;
    width: 25%;
    height: inherit;
    text-align: right;
    vertical-align: bottom;
    font-size: 10pt;
    font-family: Arial,Calibri;
    text-align:center;
}

.titulo{
    font-family: Calibri;
    font-size: 18px;
    font-weight: bold;
    color: #F2F2F2;
    background-color: #333533;
    top: 5px;
    padding: 0px;
    margin: 0px;
}

.titulo2{
    font-family: Calibri;
    font-size: 18px;
    font-weight: bold;
    color: #F2F2F2;
    background-color: #333533;
    top: 5px;
}

.etiqNormal{
    color: #0B3861;
}

.etiqBold{
    color: #0B3861;
    font-weight: bold;
}

.imgError, .divError{
    background: #FFEEDA url("../img/alert.png") no-repeat center left;
    left: 0;
    top: 5px;
    padding: 7px 30px;
    position: relative;
}

.etiqErr{
    color: #333533;
    background-color: #FFEEDA;
    border: 1px solid #FF8C00;
    position: relative;
}

.divError{
   background-color: #FFEEDA;
   border: 1px solid #FF8C00;  
   color: #333533;
   text-align:left;
}

.divInfo{
 background: #DBE6FF url("../img/info.png") no-repeat center left;
 left: 0;
 top: 5px;
 padding: 7px 30px;
 position: relative;
 border: 1px solid #4462D6;
 text-align:left;
}

a{
  font-family: Arial;
  text-decoration: none;
  color: #084B8A;
}

a:hover{
    /*color:#045FB4;   */
    color: #0174DF;
    cursor: pointer;
}

.texto{
    background-color: #FAFAFA;
    color: #0B0B61;
    font-family: Arial;
    border: 2px solid #585858;
}

.texto:focus, .textoNumero:focus{
    background-color: #F7F8E0;
    color: black;
    font-family: Arial;
    border: 2px solid #FFBF00;
    font-weight: bold;
}

.textoReadOnly, .textoNumeroReadOnly{
    background-color: #D8D8D8;
    color: #000;
    font-family: Arial;
    border: 2px solid #585858;
    font-weight:bold;
}

.textoNumero{
    background-color: #FAFAFA;
    color: #0B0B61;
    font-family: Arial;
    border: 2px solid #585858;
    text-align: right;
}

.textoNumeroReadOnly{
    text-align: right;
}

.Boton{
    background-color: #f5f5f5;
    border: 2px solid #dedede;
    border-top: 2px solid #eee;
    border-left: 2px solid #eee;
    font-family: "Lucida Grande" , Tahoma, Arial, Verdana, sans-serif;
    font-size: 100%;
    line-height: 130%;
    text-decoration: none;
    font-weight: bold;
    color: #565656;
    cursor: pointer;
    padding: 2px 11px 6px 7px; /* Links */
}

.Boton:hover{
    background-color: #dff4ff;
    border: 2px solid #c2e1ef;
    color: #336699;
}

.grdHead{
    background-color: #585858; /*color:#ffd700;*/
    color: #F2F2F2;
    font-family: Arial;
    font-weight: bold;
    font-size:13px;
}

.row1{
    background-color: #FAFAFA;
    font-size: 10pt;
}

.row1:hover, .row2:hover
{
 background-color:#ffd700;
 color: #000;
}

.row2{
    background-color: #F2F2F2;
    font-size: 10pt;
}

.tblProgreso{
    width: 210px;
    background-color: #FFFCC1;
    color: #000; /* #894A3D;*/
    font-family: Arial, Calibri;
    font-size: 13pt;
    border: 2px solid #ffd700;
}

.tblContenido{
  border: 2px solid #333533;
  padding: 0px;
  margin: 1px;
}

/*----------------- ESTILOS PARA EL ACCORDIO PANE   -----------*/

.accordion{
    width: 400px;
    height: 800px;
}

.accordionHeader{
    border: 1px solid #2F4F4F;
    color: #333533;
    background-color: #F2F2F2; /* #2E4d7B;*/
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.accordionHeader:hover{
    color:#4462D6;
}

.accordionHeaderSelected{
    border: 1px solid #2F4F4F;
    color: #F2F2F2; /*#e6e4da;*/
    background-color: #7A7A7A;
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.accordionHeaderSelected:hover{
    color:#ffd700; 
}

.accordionContent{
    background-color: #fbfbf9;
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}

.TextoLogin{
    font-family: Calibri, "Helvetica Neue" , "Lucida Grande" , "Segoe UI" , Arial, Helvetica, Verdana, sans-serif;
    font-size: 20px;
    color: #424242;
    border: 1px solid #ddd;
    background-color:#F7F9FF; /*#f0f0f0;*/
}

.EtiqLogin{
    font-family: "Open Sans" , "Helvetica Neue" , "Lucida Grande" , "Segoe UI" , Arial, Helvetica, Verdana, sans-serif;
    font-size: 18px;
}

.fondoAloe{
  background:  url("../img/aloePlantsCustom.png") no-repeat bottom left; 
  width:900px;
  height:100%;
}

#txtWelcome{
 font-family:Arial, Calibri;
 font-size: 2em;
 font-weight:bold;
 text-align:center;  
 background-color: #F2F2F2;/* #F7F9FF;*/
 border: 2px solid Black;  
 border-left:none;
 border-right:none;
 /*height:50px; */
}

#dhtmltooltip
{
    position: absolute;
    width: 150px;
    border: 2px solid black;
    padding: 2px;
    background-color: #fbfbf9;
    visibility: hidden;
    z-index: 90000; /*Remove below line to remove shadow. Below line should always appear last within this CSS*/
    filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

.etiqMenu{
  font-family: Calibri, "Helvetica Neue" , "Lucida Grande" , "Segoe UI" , Arial, Helvetica, Verdana, sans-serif;
  color:#333533;
  font-weight:bold;
  font-size:14px;
}

.etiqMenu:hover{
  color:#4462D6;
}