body 
{
    width:58em;
    font-family:Arial;
    font-size:0.8em;
    margin:0 auto 0 auto;
    padding:0;
    background-image: url('../img/gray20_o2.png');

    /*width: 100%;
    margin: 0 auto;
    background-image: url('../img/gray20_o2.png');
    font-family:Sans-Serif;
    color:#666;*/
}
.encabezado
{
    width:58em;
    height:5em;
    background-image: url('../img/logo_full.jpg'); 
    background-size:770px, 67px;
    /*background-image:url('../img/fondoencabezado.jpg');*/
    /*background-image:url('../img/encabezado.jpg');*/
    background-repeat:no-repeat;
    margin:0 0 0 0;   
}

.encabezado p
{
    font-size:1.5em;
    margin:0 1.1em 0 1.1em;
    text-align:right;
}
.ContenedorPrincipal
{
    width:100%;
    background-color:#E6E6FA;
    margin:0 auto 0 auto;
    padding:0 0 0.5em 0;
}
.ContenedorControles
{
    width:58em;
    margin:0;
    padding:1em;
}
.boton
{
    text-align:center;
    width:5em;  
    float:left;
    margin:0 1em 0 1em; 
}

.titulo
{
    margin:0 1em 0 1em;
    font-size:1.2em;
    color:#666;
    font-weight:bold;
    padding:1em;
}
.subtitulo
{
    margin:0 0.5em 0 0.5em;
    font-size:1.1em;
    color:#333;
    font-weight:bold;
    padding:0.5em;
}

.seccion
{
    margin:1em;
    background-color:Teal;
    width:56em;
}

.Dato
{
    width:16em;   
    font-size:12px; 
}

.Texto 
{
    font-size:12px; 
}

.campoizq
{
    width:17.5em;
    float:left;
    font-size:1em;
    margin:0 0.5em 0.5em 0;
    padding:0 0.5em;
}

.campoder
{
     width:17.5em;
    float:right;
    font-size:1em;
    margin:0 0.5em 0 0.5em;
    padding:0 0.5em;
}
.campocen
{
    width:17.5em;    
    font-size:1em;
    float:left;
    margin-bottom:0.5em;
    
}

/* set millions of background images */
 .rbroundbox { background: url('../img/nt.gif') repeat; }
 .rbtop div { background: url('../img/tl.gif') no-repeat top left; }
 .rbtop { background: url('../img/tr.gif') no-repeat top right; }
 .rbbot div { background: url('../img/bl.gif') no-repeat bottom left; }
 .rbbot { background: url('../img/br.gif') no-repeat bottom right; }

 /* height and width stuff, width not really nessisary. */
 .rbtop div, .rbtop, .rbbot div, .rbbot {
 width: 100%;
 height: 7px;
 font-size: 1px;
}
.rbcontent { margin: 0; }
.rbroundbox { width:56em; margin: 1em; }
.separador
{
     clear:both;
     margin:1em 0.5em;     
     width:54em;
}
.Menu
{
     width:auto;
     background-color:#666;
     color:#FFF;
     padding-left:0.5em;
     font-weight:bold;
     background-image:url('../img/bgblue.jpg');
     /*position:fixed;*/
     height:1.7em;

     z-index:1;
     -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
}
 
.SubMenu
{
     width:auto;
     background-color:#999;     
     font-weight:normal;
     padding-left:0.5em;            
     background-image:url('../img/spotty.jpg');
     /*position:fixed;*/
}
 
.boton
{
     margin:0 1em 0 1em;
     float:left;
}

.Dialogo
{
    width:auto;
    height:auto;
    font-size:0.5em;
    background-color:Silver;
}
.DialogoII
{
    width:auto;
    height:auto;
    font-size:0.5em;
    background-color:#F8FCFF;
}

.LabelDialogo
{
    text-align:right;
}

.TextBoxDialogo
{
    
    font-size:0.8em;
}
.ddlDialogo
{
    font-size:0.8em
    
}
.tabla
{
   /* width:50.5em;*/
    overflow:scroll;    
}
.modalBackground 
{    
     background-color: Gray;        
      filter: alpha(opacity=40);
        opacity: 0.3;
          
} 
.ModalPopupBG
{
    background-color: #666699;
    filter: alpha(opacity=50);
    opacity: 0.7;
}

.Popup
{
    width:648px;
    height:auto;
    background:white;
}

.PopupTutor
{
    width:auto;
    height:auto;
    background:white;
}
.PopupHeader
{
    background-color: #99CCFF;
    height:2em;
}

.Aviso
{
    position:absolute;
    z-Index:2000;
    top:10em;
    margin-right:1em;
    margin-bottom:10em;
    width:56em;
    vertical-align:top;
    height:50em;    
}

.FondoGris
{
    background-color=#DEDEDE;
}

.FondoAplicacion
{
        background-color: Gray;
        filter: alpha(opacity=50);
        opacity: 0.1;
}
.TextLogin
{
    margin:0.8em;
    width:10em;
}

.campo2izq
{
    width:45%;
    float:left;
    font-size:1em;
    margin:0 0.5em 0 0.5em;
    /*padding:0 0.5em;*/    
}
.campo2der
{
    width:45%;
    float:right;
    font-size:1em;
    margin:0 0.5em 0 0.5em;
    /*padding:0 0.5em;*/
}

.Dato2
{
    width:90%;   
    font-size:12px; 
}