/* Layout de la página. */
body
{
    font-family: Verdana,Arial, Helvetica, sans-serif;
    font-size: large;
}
.container
{
    width: 970px;
    margin: 0 auto;
    margin-top: 15px;
}
.innerContainer
{
    width: 968px;
    background: url(         "imagenes/background.png" ) repeat-y 0px 0px;
}
.header
{
    width: 100%;
    height: 129px;
    clear: both;
    background: url(         "imagenes/header.png" );
}
.leftColumn
{
    width: 24%;
    min-height: 400px;
    float: left;
}
.mainColumn
{
    width: 98%;
    min-height: 400px;
    margin: 0 auto;
    padding-bottom: 30px /*;position:relative*/;
}
.rightColumn
{
    width: 24%;
    min-height: 400px;
    float: right;
}
.footer
{
    width: 100%; /*width: 968px;*/ /* background-color:Teal;*/
    height: 76px; /* background: transparent url(         "imagenes/footer.png" ) no-repeat;*/
    margin: 0 auto;
}
.innerfooter
{
    width: 968px;
    font-size: 12px;
    text-align: center;
    font-weight: bolder;
    color: #665a5a;
    line-height: 14px;
}
.innerfooter a:visited, .innerfooter a:link
{
    color: #000000;
}
.empresa
{
    margin-left: -5px;
}
.empresa, .empresa a
{
    font-size: 12px;
}
.telEmpresa
{
    margin-top: -50px;
    margin-right: 15px;
    font-size: 11px !important;
    font-weight: bolder;
    color: #396A6D;
}
.minaet
{
    color: #000000;
    font-weight: bolder;
    font-size: 16px;
    padding-left: 20px;
    padding-top: 3px;
}
.innerfooter span
{
    line-height: 18px;
}
.fixTextBoxEnable
{
    width: 968px;
    position: relative;
}

.fixDestinoAguas
{
    margin-left: 235px;
}

.lblTotalNumberOfPages
{
    vertical-align: middle;
    font-family: Arial, Helvetica, sans-serif;
}

/* Fin Layout de la página. */

/* Estilos para el Wizard. */

.wzNavigationBtn
{
    background-color: #EEF3F3;
    border: 1px solid #006699;
    font-family: Verdana, Arial, "Times New Roman" ,Georgia;
    font-weight: bold;
    font-size: 12px;
    color: #4B7C81;
    height: 20px;
}


.fixCalendar table td
{
    padding-top: 0px !important;
}

.iconoCalendario
{
    border-style: none;
    border-color: inherit;
    border-width: 0;
    padding: 0;
    margin: 0;
    width: 18px;
    height: 18px;
    cursor: pointer;
    background: url(                      "imagenes/iconos16x16.png" ) no-repeat 0px -96px;
}

/* Estilos generales. */

.divSalirEntrar
{
    width: 440px;
    float: right;
    top: 17px;
    text-align: left;
    margin-right: 10px;
    position: relative;
    display: block;
}

.hr460
{
    width: 460px;
    border: 0;
    border-top: groove 1px #df78bb;
    margin-top: 5px;
}

fieldset legend
{
    margin-left: 10px;
    font-style: italic;
    color: #20529B;
    font-weight: bolder;
}

fieldset legend .usuario
{
    background: #78BB56 url(         "iconos16x16.png" ) no-repeat;
    font-size: 25px;
}

.btnLink
{
    width: 145px;
    border: 0;
    background-color: #FFFFFF;
    color: #2257D5;
    cursor: pointer;
}

.imgBtnHelp
{
    border: 0;
    padding: 0;
    margin: 0;
    width: 17px;
    height: 16px;
    cursor: help;
    background: url(                      "imagenes/iconos16x16.png" ) no-repeat 0 -160px;
}

.imgLoaderTip
{
    background: url(                      "imagenes/loaderTip.gif" ) no-repeat 0 0;
}

.imgBtnBuscar
{
    border: 0;
    padding: 0;
    margin: 0;
    width: 17px;
    cursor: pointer;
    background: url(                      "imagenes/iconos16x16.png" ) no-repeat 0 -273px;
}
.validatorStyleError
{
    color: #CD0003;
    font-size: 10px;
    margin-left: -10px;
    text-align: left !important;
}
.btnLink
{
    border: 0;
    color: Blue;
    background-color: Transparent;
}

.btnCrearHistorico
{
    width: 130px;
    border: red;
}

.lblResultado
{
    width: 450px;
    font-weight: bolder;
    font-size: 11px;
    float: left;
    color: Blue;
    text-align: left !important;
    padding-left: 10px;
}

.btnSolicitudVertidos
{
    width: 128px;
    height: 128px;
    background: url(                      "imagenes/menuPrincipal.png" ) no-repeat 0 -5px;
}

.btnExoneracionVertidos
{
    width: 128px;
    height: 128px;
    background: url(                      "imagenes/menuPrincipal.png" ) no-repeat 0 -145px;
}

.btnSolicitudPerforacion
{
    width: 128px;
    height: 128px;
    background: url(                      "imagenes/menuPrincipal.png" ) no-repeat 0 -275px;
}

.btnSolicitudConcesion
{
    width: 128px;
    height: 128px;
    background: url(                      "imagenes/menuPrincipal.png" ) no-repeat 0 -410px;
}
.tituloMantenimiento
{
    width: 500px;
    font-family: Verdana, Arial,Georgia, Helvetica, sans-serif;
    font-size: 20px !important;
    height: 30px;
    display: block;
}

.btnMantenimientoRequisitos
{
    width: 128px;
    height: 128px;
    cursor: pointer;
    background: url(                      "imagenes/documentos.png" ) no-repeat 0px 0;
}

.btnMantenimientoPerforadoras
{
    width: 128px;
    height: 128px;
    cursor: pointer;
    background: url(                      "imagenes/perforadoras.png" ) no-repeat 0px 0;
}

.btnUsuariosPendientes
{
    width: 128px;
    height: 100px;
    text-align: left;
    padding-left: 25px;
    padding-top: 130px;
    cursor: pointer;
    background: url(         "imagenes/ClientesExternos.png" ) no-repeat 15px 15px;
}
.btnGenerarReporte
{
    cursor: pointer;
    text-align: right !important;
    padding: 5px;
    border: 1px solid #000000;
    font-weight: bolder;
    background-color: White !important;
}

.btnGuardar
{
    cursor: pointer;
    text-align: right !important;
    background: url(         "imagenes/iconos16x16.png" ) no-repeat 5px -408px;
    padding: 5px;
    border: 1px solid #000000;
    font-weight: bolder;
}

.btnBuscar
{
    cursor: pointer;
    text-align: right !important;
    background: url(         "imagenes/iconos16x16.png" ) no-repeat 5px -265px;
    padding: 5px;
    border: 1px solid #000000;
    font-weight: bolder;
}
.btnGenerar
{
    cursor: pointer;
    text-align: right !important;
    padding: 5px;
    border: 1px solid #000000;
    font-size: 12px;
    font-weight: bolder;
    background: white;
}
.btnRefrescar
{
    cursor: pointer;
    text-align: right !important;
    padding: 5px;
    border: 1px solid #000000;
    font-weight: bolder;
    background: url(      " imagenes/Refresh_16x16.png" ) no-repeat 5px 7px;
    margin-left: 6px;
}
.btnDetalle
{
    width: 16px;
    height: 16px;
    cursor: pointer;
    background: url(         "imagenes/detalle.gif" ) no-repeat;
}

.btnAgregar
{
    width: 16px;
    height: 16px;
    cursor: pointer;
    background: url(         "imagenes/iconos16x16.png" ) no-repeat 0px -32px;
}

.btnModificar
{
    width: 16px;
    height: 16px;
    cursor: pointer;
    background: url(    "imagenes/iconos16x16.png" ) no-repeat 0px -479px !important;
}

.btnVer
{
    width: 16px;
    height: 16px;
    cursor: pointer;
    background: url(         "imagenes/iconos16x16.png" ) no-repeat 0px -272px;
}

.btnEliminar
{
    width: 16px;
    height: 16px;
    cursor: pointer;
    background: url(    "imagenes/iconos16x16.png" ) no-repeat 0px -503px;
}
.btnActualizar
{
    cursor: pointer;
    text-align: right !important;
    background: url(         "imagenes/iconos16x16.png" ) no-repeat 0px -444px;
    padding: 5px;
    border: 1px solid #000000;
    font-weight: bolder;
}


.btnHistorico
{
    width: 16px;
    height: 16px;
    cursor: pointer;
    background: url(         "imagenes/iconos16x16.png" ) no-repeat 0px -532px;
}

.NodoHijo
{
    cursor: pointer;
    text-align: left !important;
    padding: 5px;
    border: 1px solid #2C2A27;
    position: relative;
    z-index: 1000 !important;
    font-weight: bolder;
    font-size: 14px !important;
}

.cajaBotonesPrincipales
{
    width: 215px;
    height: 50px;
    text-align: center;
    float: left;
}

.tblDatos
{
    width: 382px;
    margin: 0 auto;
}

.tblDatos td
{
    padding-top: 5px;
    padding-bottom: 5px;
}

.tblDatos span
{
    font-family: Verdana, "Times New Roman" , Arial;
    font-weight: lighter;
    text-align: left;
    display: block;
    padding-left: 15px;
    margin-bottom: 0px;
}

.tblDatos input, .tblDatos select, .tblDatos textarea
{
    margin-left: 5px;
}


.btnRecordarClave
{
    width: 130px;
    height: 32px;
    border: 0;
    background-color: #FFFFFF;
    text-decoration: underline;
    display: block;
    color: #1C5E55;
    padding-left: 20px;
    padding-top: 10px;
    cursor: pointer;
    outline-color: White;
    background: url(         "imagenes/iconos24x24.png" ) no-repeat 0px 0px;
}

.lnkRegresar
{
    background: url(         "imagenes/iconos48x48.png" ) no-repeat 0 0;
    width: 48px;
    height: 48px !important;
}

/* Styles for ConfirmDialog Box */

.mpeBackGround
{
    background-color: Gray; /* opacity: 0.65;*/
}

.divConfirmDialog
{
    border: 1px solid #71C4AC;
    background-color: #EFF0F5 !important;
    float: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px !important;
}

.divConfirmDialog .divHeaderConfirmDialog
{
    width: 100% !important;
    height: 30px;
    background-color: #F1EFEF;
    background: transparent url(                      "imagenes/iconosConfirmDialog.png" ) repeat-x -0px -363px;
}

.divConfirmDialog .divTitleConfirmDialog
{
    float: left;
    margin-left: 5px;
    padding-top: 5px;
    font-weight: bolder;
}

.divConfirmDialog .divIconCloseConfirmDialog
{
    float: right;
    padding-top: 4px;
    padding-right: 5px;
}

.divConfirmDialog .divContentConfirmDialog
{
    width: 95%;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    padding: 10px 10px 1px 10px;
}

.divConfirmDialog .divContentConfirmDialog span
{
    line-height: 20px;
}

.divConfirmDialog .divIconDialogText
{
    width: 10%;
    float: left;
    margin: 10px;
}

.divConfirmDialog .divConfirmDialogText
{
    width: 80%;
    float: right;
    padding-left: 5px;
    padding-top: 10px;
    text-align: left;
}

.divConfirmDialog .divFooterConfirmDialog
{
    width: 100% !important;
    float: left;
    text-align: center;
    margin-top: 15px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 10px;
}

.divConfirmDialog .divFooterConfirmDialog input
{
    margin-left: 10px;
    margin-right: 10px;
    text-align: center;
}

.divConfirmDialog input.btnYes, .divConfirmDialog input.btnNo
{
    border: 1px solid blue;
    width: 100px;
    height: 25px;
    background: transparent url(                      "imagenes/iconosConfirmDialog.png" ) no-repeat -42px -70px;
    font-weight: bold;
}

.divConfirmDialog input.btnYes:hover, .divConfirmDialog input.btnNo:hover
{
    border: 1px solid blue;
    width: 100px;
    height: 25px;
    background: transparent url(                      "imagenes/iconosConfirmDialog.png" ) no-repeat -42px -4px;
    font-weight: bold;
}

.divConfirmDialog .iconoRefresh
{
    width: 32px;
    height: 30px;
    background: url(                      "imagenes/iconosConfirmDialog.png" ) no-repeat -2px -4px;
}

.divConfirmDialog .iconoError
{
    width: 32px;
    height: 30px;
    background: url(                      "imagenes/iconosConfirmDialog.png" ) no-repeat -2px -304px;
}


.divConfirmDialog .iconoAdvertencia
{
    width: 32px;
    height: 30px;
    background: url(                      "imagenes/iconosConfirmDialog.png" ) no-repeat -0px -192px;
}

.divConfirmDialog .iconoPregunta
{
    width: 32px;
    height: 30px;
    background: url(                      "imagenes/iconosConfirmDialog.png" ) no-repeat -3px -68px;
}

.divConfirmDialog .equizCerrar
{
    width: 19px;
    height: 19px;
    border: 1px solid gray;
    background: url(                      "imagenes/iconosConfirmDialog.png" ) no-repeat -8px -256px;
}
/* End of ConfirmDialog Box */


/* Styles for Maintenance Box */
.divMaintenanceDialog
{
    border: 1px solid #71C4AC;
    background-color: #EFF0F5 !important;
    float: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px !important;
}

.divMaintenanceDialog .divHeaderMaintenanceDialog
{
    width: 100% !important;
    height: 26px;
    background-color: #F1EFEF;
    background: transparent url(                      "imagenes/iconosConfirmDialog.png" ) repeat-x -0px -363px;
}

.divMaintenanceDialog .divTitleMaintenanceDialog
{
    float: left;
    margin-left: 5px;
    padding-top: 5px;
    font-weight: bolder;
}

.divMaintenanceDialog .divIconCloseMaintenanceDialog
{
    float: right;
    padding-top: 3px;
    padding-right: 5px;
}

.divMaintenanceDialog .divContentMaintenanceDialog
{
    width: 95%;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    padding: 0;
}

.divMaintenanceDialog .divContentMaintenanceDialog span
{
    line-height: 20px;
}

.divMaintenanceDialog .divFooterMaintenanceDialog
{
    width: 100% !important;
    float: left;
    text-align: center;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-left: auto;
    margin-right: auto;
}

.divMaintenanceDialog .divFooterMaintenanceDialog input
{
    margin-left: 10px;
    margin-right: 10px;
    text-align: center;
}

.divMaintenanceDialog input.btnYes_Maintenance, .divMaintenanceDialog input.btnNo_Maintenance
{
    border: 1px solid blue;
    width: 100px;
    height: 25px;
    background: transparent url(                      "imagenes/iconosConfirmDialog.png" ) no-repeat -42px -70px;
    font-weight: bold;
}

.divMaintenanceDialog input.btnYes_Maintenance:hover, .divMaintenanceDialog input.btnNo_Maintenance:hover
{
    border: 1px solid blue;
    width: 100px;
    height: 25px;
    background: transparent url(         "imagenes/iconosConfirmDialog.png" ) no-repeat -42px -4px;
    font-weight: bold;
}

.divMaintenanceDialog .equizCerrar
{
    border: 0;
    color: black;
    font-weight: bold;
}
/* End of Maintenance Dialog Box */


/* Login Style */

.loginStyle table
{
    font-family: Verdana Arial;
    font-size: 15px;
}

.loginStyle table td
{
    text-align: center;
}

.loginStyle table input[type="input"]
{
}

.headerLogin
{
    height: 40px;
    background: url(                "imagenes/headerLogin.png" ) no-repeat 0px 0px;
    text-align: right !important;
    padding-right: 80px;
    font-size: 16px;
    font-weight: bolder;
    color: White;
}

/* Fin Login Style */

/* Fixing */

.fixRequiredPosition
{
    float: left;
    margin-top: -3px !important;
}

#ctl00_ContentPlaceHolder1_ddlFuncionario
{
    margin: 0;
}



/* End Fixing */

.wzDatos .titulos
{
    font-size: 16px;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-weight: bold;
    float: left !important;
}

.wzDatos .indicaciones
{
    line-height: 1.2em;
}

.wzDatos.titulos
{
    font-size: 16px;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-weight: bold;
    float: left !important;
}

.wzDatos .indicaciones
{
    width: 470px;
    word-spacing: 1px;
    line-height: 20px;
    text-align: justify;
    padding: 1px;
}



/****************************estilos para el menu secundario********************************/

.menuh
{
    font: 80% "Trebuchet MS" , Arial, Helvetica, sans-serif;
    margin-top: 20px;
}

.menuh ul, li
{
    list-style-type: none;
}

.menuh ul
{
    margin: 0;
    padding: 0;
}

.menuh li
{
    float: left;
}

.menuh a
{
    text-decoration: none;
    color: #3366CC;
    background: #F0F7FC;
    display: block;
    padding: 3px 10px;
    text-align: center;
    border: 1px solid #ACCFE8;
    border-width: 1px 1px 1px 0;
}


.menuh a#primero
{
    border-left: 1px solid #ACCFE8;
}

.menuh a:hover
{
    background: #DBEBF6;
}






/* TAB MENU   
----------------------------------------------------------*/
.letrapeque
{
    font-size: smaller;
    font-weight: bold;
}
div.hideSkiplink
{
    /* background-color:#628598;*/ /*background-image: url('/Grupo Saret/App_Themes/Theme1/imagenes/footer.png');*/
    width: 100%;
}

.menu
{
    padding: 4px 0px 4px 8px;
}

.menu ul
{
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: auto;
}

.menu ul li a, div.menu ul li a:visited
{
    /* background-image: url('/Grupo Saret/App_Themes/Theme1/imagenes/footer.png');*/
    background-color: transparent;
    border: 1px White solid;
    color: White;
    font-weight: bold;
    display: block;
    line-height: 1.35em;
    padding: 4px 20px;
    text-decoration: none;
    white-space: nowrap;
}

.menu ul li a:hover
{
    background-color: #9C9C9C;
    color: #ffffff;
    text-decoration: none;
}

.menu ul li a:active
{
    background-color: Red;
    color: #cfdbe6;
    text-decoration: none;
}




.button
{
    background: white;
    border: solid 1px grey;
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #001563;
    height: 25px;
    cursor:pointer;
}

.button:hover
{
    background: #005566;
    border: solid 1px grey;
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: white;
    height: 25px;
}





.mGrid
{
   
    width: 100%;
    background-color: #fff;
    margin: 5px 0 10px 0;
    border: solid 1px #525252;
    border-collapse: collapse;
	text-align: center;
}
.mGrid td
{
    padding: 2px;
    border: solid 1px #c1c1c1;
    color: #717171;
}
.mGrid th
{
    padding: 4px 2px;
    color: #fff;
    background: #424242 url(grd_head.png) repeat-x top;
    border-left: solid 1px #525252;
    font-size: 0.9em;
}
.mGrid .alt
{
    background: #fcfcfc url(grd_alt.png) repeat-x top;
}


.mGrid .pgr
{
    
    background: #424242 url(grd_pgr.png) repeat-x top;
}
.mGrid .pgr table
{
    margin: 5px 0;
     
}
.mGrid .pgr td
{
    border-width: 0;
    padding: 0 6px;
    border-left: solid 1px #666;
    font-weight: bold;
    color: #fff;
    line-height: 12px;
       
}
.mGrid .pgr a
{
    color: #666;
    text-decoration: none;
      
}
.mGrid .pgr a:hover
{
    color: #000;
    text-decoration: none;

}