@charset "utf-8";
/******************************************************************/
/* CREADO POR : MAURO SANHUEZA T
/* FECHA CREACION: 12-08-2009
/* DESCRIPCION: la hoja de estilos genera la apariencia general del sitio
/* incluyendo tablas, botones, fieldset, etc.
/******************************************************************/

/****************************** RESETER  **************************/
*
{
    margin:0px;
    padding:0px;
}
/******************************************************************/
/*********************CUERPO GENERAL DEL SITIO*********************/
/*body {
    font-family      : "Arial";
    font-size        : 10px;
   background-image : url(../imagenes/general/pixelIzquierda.jpg);
    _background-image: url(../imagenes/general/pixelIzquierda.jpg);
    background-repeat: repeat-y;
  width            : 980px;
  padding: 0px;
}*/

body {
    font-family      : "Arial";
    font-size        : 10px;
    background-repeat: repeat-y;
    height: 100%;


}



#banner {
    background-image : url("../imagenes/general/banner.jpg");
    _background-image: url("../imagenes/general/banner.jpg");
    background-repeat: no-repeat;
    height           : 73px;
    width            : 980px;
}



#banner_Index {
    background-image : url("../imagenes/general/banner_indexx1.jpg");
    _background-image: url("../imagenes/general/banner_indexx1.jpg");
    background-repeat: no-repeat;
 /*  margin-left:22%;
   margin-right:22%;*/
   margin-top:3%;
   height           : 74px;
   margin: 0 auto;
   width            : 980px;
}

/*#banner_Index1 {
    background-image : url("../imagenes/general/banner_indexx1.jpg");
    _background-image: url("../imagenes/general/banner_indexx1.jpg");
    background-repeat: no-repeat;
   margin-left:13%;
   margin-right:13%;*/
  /* margin-top:1%; linea no usada*/
 /*  height           : 73px;
   width            : 980px;
}*/


#banner_IndexModulos {
    background-image : url("../imagenes/banner_indexx1.jpg");
    _background-image: url("../imagenes/banner_indexx1.jpg");
    background-repeat: no-repeat;
   margin-left:1px;
   margin-right:1px;
   margin-top:5px;

  height           : 73px;
   width            : 980px;

}


#menu
{
   padding-left:50px;
   padding-top:3px;
   margin-left:10%;
   margin-right:10%;
   
  
}



#mapeoWeb {
    background: #5377A7;
    border    : 1px solid #8282FF;
    font-size : 12px;
    color     : #FFFFFF;
}

#mapeoWeb a {
    color: #FFFFFF;
}
/*************************************************************/
/************************PARRAFO**********************/
p
{
    padding:2px 3px 2px 3px;
}
/****************************************************/
/***************************FIELDSET GENERAL****************/
fieldset legend
{
    font-family:"Arial";
    font-weight:bold;
    font-size:10px;
    color:#000000;
}
.fieldStand {
    font-family: "Arial";
    font-size  : 10px;
    padding    : 10px;
}
/***********************************************************/
/********************************* BOTON STANDAR (link)***************************************/
.linkBoton
{
    background-color:#CACAFF;
    border:1px solid #8282FF;
    color:#000000;
    text-decoration:none;
    vertical-align:middle;
    font-family:"Arial";
    font-size:10px;
    padding:3px;
    height:20px;
    text-align: center;
 
}

.button {
    background-color:white;
    border:0px solid #8282FF;
    color:#0066ff;
    text-decoration:underline;
    vertical-align:middle;
    font-family:"Arial";
    font-size:10px;
    padding:3px;
    height:20px;
    text-align: center;
}

.button:hover {
    color: #0066ff;

}

.cir1{
     background : url("../imagenesManu/habitacional.jpg") center no-repeat;
    width      : 250px;
    height     : 250px;
    
}

.cir1 :hover{
     background : url("../imagenesManu/gestion.jpg") center no-repeat;
     width      : 250px;
     height     : 250px;
}

.linkBoton:hover
{
    color:#FFFFFF;
    background-color:#000066;
}
/***************************************************************************************/
/**********************************Link standar de seleccion **************************************/
.linkSeleccionStandar
{
    text-decoration: none;
    color:#000000;
}
.linkSeleccionStandar:hover
{
    text-decoration: underline;
    color:#000000;
}
/************************************************************************/
/********************estilos de color para respuestas *********************/


/******************************************************************/
/*            GRILLA DATOS (ESTILO ESTANDAR DE LISTAS)            */
/******************************************************************/
table, td {
    font-family:"Arial";
    font-size:10px;
    font-weight:bold;
}

.grillaDatos {
    font-weight: bold;
    text-align : center;
    font-family: "Arial";
    font-size  : 11px;
  /* width      : 96%;*/
 width      : 96%;
 
}

.grillaDatos th {
    border          : 1px solid #000000;
    background-color: #000066;
    color           : #ffffff;
    font-size       : 11px;
    text-align      : center;
    height          : 25px;
}

.grillaDatos td {
    border     : 1px solid #000000;
    font-size  : 11px;
    font-weight: bold;
    padding    : 0px 9px 0px 9px;
}

.grillaDatosSinBordes {
    font-weight: bold;
    text-align : center;
    font-family: "Arial";
    font-size  : 11px;

}

.grillaDatosSinBordes th {
    border          : 0px solid #000000;
    background-color: #000066;
    color           : #ffffff;
    font-size       : 11px;
    text-align      : center;
    height          : 25px;
}

.grillaDatosSinBordes td {
    border     : 0px solid #000000;
    font-size  : 11px;
    font-weight: bold;
    /*text-align:left;*/
    padding    : 0px 2px 0px 2px;
}





.tablaContenidoCodigo, .GDColCodigo, .GDColUnidadMedida, .GDColPorcentaje{
    width     : 60px;
    text-align: center;
}

.GDColbuscarProceso a {
    background : url("../imagenes/iconos/buscarOn16x16.png") center no-repeat;
    _background: url("../imagenes/iconos/buscarOn16x16.png") center no-repeat;
    display    : block;
}

.GDColModificar a {
    background : url("../imagenes/iconos/modificarRegistroOff.jpg") center no-repeat;
    _background: url("../imagenes/iconos/modificarRegistroOff.jpg") center no-repeat;
    display    : block;
}



.GDColModificar a:hover {
    background : url("../imagenes/iconos/modificarRegistroOn.jpg") center no-repeat;
    _background: url("../imagenes/iconos/modificarRegistroOn.jpg") center no-repeat;
    display    : block;
}



.GDColEliminar a {
    background : url("../imagenes/iconos/eliminarRegistroOff.jpg") center no-repeat;
    _background: url("../imagenes/iconos/eliminarRegistroOff.jpg") center no-repeat;
    display    : block;
}


.GDColEliminar a:hover {
    background : url("../imagenes/iconos/eliminarRegistroOn.jpg") center no-repeat;
    _background: url("../imagenes/iconos/eliminarRegistroOn.jpg") center no-repeat;
    display    : block;
}


/******************************************************************/
/*                        FIN GRILLA DATOS                        */
/******************************************************************/

/*********************************************************/
.titulo
{
    padding-top:20px;
    font-size:20px;
    width:100%;
    text-align:left;
    padding-left:100px;
}
.instrucciones
{
    font-weight:normal;
    font-size:11px;
    background-color:#EFEFF1;
    border:1px solid #8282FF;
    font-family:"Arial";
    font-size:11px;
    font-weight:bold;
    width:96%;
    margin-top:5px;
    margin-bottom:5px;
}


/******************************************************************/
/*                        DATEPICKER                              */
/******************************************************************/

#ui-datepicker-div {
    z-index: 500;
}
