body
{
    padding: 1px 1px 1px 1px;
    margin: 1px 1px 1px 1px;
    text-align: center;
    background-color: #FFFFFF;
    font-family: Verdana, Tahoma, Arial, 'Arial New';
    font-size: 12px;
    color: #b4afac;

}
html
{
        scrollbar-face-color: #DEE3E7;
scrollbar-highlight-color: #FFFFFF;
scrollbar-shadow-color: #DEE3E7;
scrollbar-3dlight-color: #D1D7DC;
scrollbar-arrow-color: #006ec7; /* #006699;*/
scrollbar-track-color: #EFEFEF;
scrollbar-darkshadow-color: #98AAB1;
    }

/*COLORES PLACO GRIS #b4afac AZUL #006ec7
/* MAQUETACION DEFINIR CONTENIDO DE LA PAGINA MAESTRA*/
#top
{
    /*border: 1px dashed #000000;*/
    width: 99%;
    height: 60px;
    

}
#menu1
{
    width: 99%;
    height: 50px;    
    background-image: url(imag1/rep_titulo.gif);
    text-align: center;
}
#menu
{
    width: 99%;
    height: 25px;    
   
}
#content
{
    
    width: 99%;
    min-height: 450px;
    min-width:790px;
  /*  background-color:#e9ecf2;*/

background-image: url(imag4/fondo.gif);
   background-repeat: no-repeat;
   /*border: 2px solid #a1c2e2;*/
}
#bottom
{
    width: 99%;
    height: 50px;
 background-image: url(imag1/rep_titulo_b.gif);

}
/*---------------CONTENT-------------------------------*/
.content_l
{
width: 25%;
height: 100%;
min-height:  450px;

float:left;
}
.content_r
{
     /*background-image: url(imag1/barra.gif);*/
    padding: 10px 10px 10px 10px;
    min-width: 800px;
    min-height: 100%;
    height: 100%;
   /* background-image: url(imag4/pruebas.gif);*/
   /* background-repeat: no-repeat;*/
   /* background-color: #e9ecf2;*/
   background-repeat: no-repeat;
}

/*-----------------------------------------------------*/
.logo
{
    background-image: url(imag1/logoplaco.jpg);
    width: 130px;
    height: 58px;
    position: relative;
    float: left;
    cursor:hand;
    /*border: 1px dashed #000000;*/
}
.topbienbenido
{
    min-width: 300px;
    height: 58px;
    /*border: 1px dashed #000000;*/
    position: relative;
    float: right;
    font-size: 16px;
    font-weight: bolder;
    color:  #006ec7;
    text-align: justify;
}

/*-----------------FRAMES------------------------------*/
.frame1
{

    height: 50%;
    width: 900px;
}

.frame1_top
{
    margin: 2px;
    background-color: #51617a;
    background-image: url(imag1/frametop.jpg);
    height: 20px;
    background-repeat: repeat-x;
    color: #FFFFFF;
    font-weight: bolder;     
}

.frame1_top_right
{
     margin: 1px 2px 1px 2px ;
     float: right;
     width: 40%;
     height:100%;
     text-align:right;
 
}
.frame1_top_left
{
     margin: 1px 2px 1px 2px ;
     float: left;
     width: 40%;
     height:100%;
     text-align:left;

}
.frame1_cuerpo
{
    padding: 10px;
    margin: 2px;
    background-color: #dae3f0;
    min-height: 400px;
    border-style: none none solid none;
    border-width: 0px 0px 2px 0px;
    border-color: #000000 #000000 #51617a #000000;
    color: #000000;
    text-align: justify;
    

   
}
.frame1_cuerpo1
{
    padding:5px;
    border: 1px solid #6390cf;
    margin: 10px;
    background-color: #b8c7dc;
    min-height: 40px;
     font-size: 10px;
         text-align: justify;

}
.frame1_tool
{
    padding: 5px;
    min-height: 40px;
    text-align: left;
    
    
}




.boton
{
    background-position: 0px;
    background-image: url(imag1/boton_100.gif);
    height: 20px;
    width:100px;
    color: #FFFFFF;
    font-weight: bolder;
    background-repeat: no-repeat;
    cursor: hand;
    background-color: #006ec7;
}

.botonsiguiente
{
    background-position: 0px;
    background-image: url(imag1/boton_siguiente.gif);
    height: 20px;
    width:100px;
    color: #FFFFFF;
    font-weight: bolder;
    background-repeat: no-repeat;
    cursor: hand;
    background-color: #006ec7;
}
.botonsonido
{
    background-position: 0px;
    background-image: url(imag1/boton_sonido.gif);
    height: 20px;
    width:100px;
    color: #FFFFFF;
    font-weight: bolder;
    background-repeat: no-repeat;
    cursor: hand;
    background-color: #006ec7;
}
.botonatras
{
    background-position: 0px;
    background-image: url(imag1/boton_atras.gif);
    height: 20px;
    width:100px;
    color: #FFFFFF;
    font-weight: bolder;
    background-repeat: no-repeat;
    cursor: hand;
    background-color: #006ec7;
}
.botonok
{
    background-position: 0px;
    background-image: url(imag1/boton_seleccion.gif);
    height: 20px;
    width:140px;
    color: #FFFFFF;
    font-weight: bolder;
    background-repeat: no-repeat;
    cursor: hand;
    background-color: #006ec7;
}
.botonok1
{
    background-position: 0px;
    background-image: url(imag1/boton_seleccion1.gif);
    height: 20px;
    width:200px;
    color: #FFFFFF;
    font-weight: bolder;
    background-repeat: no-repeat;
    cursor: hand;
    background-color: #006ec7;
}
.botonmemoria
{
    background-position: 0px;
    background-image: url(imag1/boton_memoria.gif);
    height: 20px;
    width:100px;
    color: #FFFFFF;
    font-weight: bolder;
    background-repeat: no-repeat;
    cursor: hand;
    background-color: #006ec7;
}
.botontecnico
{
    background-position: 0px;
    background-image: url(imag1/boton_fichas.gif);
    height: 20px;
    width:100px;
    color: #FFFFFF;
    font-weight: bolder;
    background-repeat: no-repeat;
    cursor: hand;
    background-color: #006ec7;
}
.botonfichas
{
    background-position: 0px;
    background-image: url(imag1/boton_fichas_placo.gif);
    height: 20px;
    width:120px;
    color: #FFFFFF;
    font-weight: bolder;
    background-repeat: no-repeat;
    cursor: hand;
    background-color: #006ec7;
}

.botonayuda
{
    background-position: 0px;
    background-image: url(imag1/boton_ayuda.gif);
    height: 20px;
    width:120px;
    color: #FFFFFF;
    font-weight: bolder;
    background-repeat: no-repeat;
    cursor: hand;
    background-color: #006ec7;
}

/*----------HRS-----------------*/
.col1
{
   text-align: right;
   width:290px;
   }
.col2
{
   text-align: left;
   width: 400px;
}

/*----------SRV1-----------------*/
.srv1col1
{
   text-align: right;
   width: 115px;
}
.srv1col2
{
   text-align: left;
   width: 400px;
}
.srv1col3
{
   text-align: left;
   width: 135px;
}
.srv1col4
{
   text-align: center;
   width: 150px;
}
.srv1col5
{
   text-align: center;

}
/*----------SRV2-----------------*/
.srv2col1
{
   text-align: right;
   max-width: 50px;
}
.srv2col2
{
   text-align: left;
   max-width: 350px;
}
.srv2col3
{
    text-align: right;
   max-width: 50px;
}
.srv2col4
{
   text-align: left;
   max-width: 350px;
}

/*----------TABLAS---------------*/
/*----------TABLAS---------------*/
.altrowstyle 
{
    background-color: #e9ecf2;
}

.headerstyle th 
{
    background: url(imag4/sprite.jpg) repeat-x 0px 0px;
    border-color: #989898 #cbcbcb #989898 #989898;
    border-style: solid solid solid none;
    border-width: 1px 1px 1px medium;
    color: #000;
    text-align: center;
    vertical-align: middle;
    padding: 4px 5px 4px 10px;

}  

.headerstyle th 
{
    background: url(imag4/sprite.jpg) repeat-x 0px 0px;
    border-color: #989898 #cbcbcb #989898 #989898;
    border-style: solid solid solid none;
    border-width: 1px 1px 1px medium;
    color: #000;
    text-align: center;
    vertical-align: middle;
    padding: 0px 5px 0px 10px;

}  

.headerstyle th a
{
    font-weight: normal;
    text-decoration: none;
    text-align: center;
    display: block;
}    

.rowstyle .sortaltrow, .altrowstyle .sortaltrow 
{
    
    background-color: #edf5ff;
}

.rowstyle .sortrow, .altrowstyle .sortrow 
{
    background-color: #dbeaff;
    
}

.rowstyle td, .altrowstyle td 
{
    
    padding: 2px 2px 2px 2px;
    border-right: solid 1px #cbcbcb;
}

.headerstyle .sortascheader 
{
    background: url(imag4/sprite.jpg) repeat-x 0px -100px;
}

.headerstyle .sortascheader a 
{
    background: url(imag4/dt-arrow-up.png) no-repeat right 50%;
} 

.headerstyle .sortdescheader 
{
    background: url(imag4/sprite.jpg) repeat-x 0px -100px;
}   

.headerstyle .sortdescheader a 
{
    background: url(imag4/dt-arrow-dn.png) no-repeat right 50%;
} 

.SelectedRow { background-color:#ff0000;color:#fff}

.tablestyle
{
    background-color: #ffffff;
    }

.menuplaco
{
     text-align: center;

    }

.span1
{
    font-weight: bold;
    font-size: 10px;
}
.span11
{
    font-weight: bold;
    font-size: 12px;
    color:#002d91;
}



.span2
{

    vertical-align: top;
    text-align: left;    
}


.span3
{

    font-size: 12px;    
}
.span4
{
    vertical-align: text-bottom;
    font-size: 9px;
}

.tabla_comp
{
    vertical-align: top;
    text-align: left;
    min-height: 100%;
    min-width: 100%;
   
}
.tabla_comp td, tr
{
 
    text-align: justify;

   
}