﻿body
{
    font-weight: bold;
    font-size: 10px;
    font-style: normal;
    font-family: Verdana;
    font-variant: normal;
    text-decoration: none;
    color: #172a5b;
    margin: 0px;
    text-align: center;
    background-color: white; /*background-image: url('/imagenes/degradadologin.jpg');  	background-repeat: repeat-x;  	background-position: bottom;*/
}
img
{
    border: none;
}

span
{
    /*display:inline-block; 	margin-right: 1px; 	height: 12px;*/
}

.etiqueta
{
    /*display:inline-block; 	margin-right: 0px; 	height: 12px;*/
}


a
{
    font-weight: bold;
    color: #172a5b;
    font-style: normal;
    font-family: Verdana;
    font-variant: normal;
    text-decoration: none;
    border: none;
    display: inline-block;
}

a:active
{
}

a:hover
{
    font-weight: bold;
    color: #ffc601; /*color:White;*/ /*color:#264697;*/ /*color:#89A2E1;*/
    font-style: normal;
    font-family: Verdana;
    font-variant: normal;
}

a:link
{
}

input, textArea
{
    border-right: #d8ddee 1px solid;
    border-top: #d8ddee 1px solid;
    border-left: #d8ddee 1px solid;
    border-bottom: #d8ddee 1px solid;
    font-weight: normal;
    font-size: 10px;
    z-index: 1;
    vertical-align: baseline;
    color: #172a5b;
    font-style: normal;
    font-family: Verdana;
    font-variant: normal;
    background-color: white;
    text-decoration: none;
    height: 16px;
}

select
{
    border: 1px solid #d8ddee;
    font-weight: normal;
    font-size: 10px;
    z-index: 1;
    vertical-align: baseline;
    color: #172a5b;
    font-style: normal;
    font-family: Verdana;
    font-variant: normal;
    background-color: white;
    text-decoration: none;
}

/*Estilo a asignar a los input type=radio*/
.radioButton
{
    font-weight: normal;
}

.radioButton input
{
    background-color: transparent;
    border-style: none;
}


.radioButtonList
{
    font-weight: normal;
    font-size: 10px;
}

.radioButtonList input
{
    background-color: transparent;
    border-style: none;
}

.checkBox
{
    font-weight: normal;
}

.checkBox input
{
    width: 15px;
    height: 15px;
}
.checkBoxList
{
    font-weight: normal;
}
.checkBoxList input
{
    background-color: Transparent;
    border-style: none;
}

#tblGlobalnetInterior
{
    border-collapse: collapse;
    border-top: solid 5px #001c4b;
    width: 955px;
}

#tblGlobalnetCabecera
{
    border-collapse: collapse;
    width: 100%;
}

#tblGlobalnetCabecera .cabecera
{
    background-image: url(imagenes/banerGlobalnet.jpg);
    background-position: left top;
    background-repeat: no-repeat;
    height: 77px;
    text-align: left;
}

#tblGlobalnetCabecera .cabecera .linkInicio
{
    width: 318px;
    height: 100%;
}

#tblGlobalnetCabecera .usuario
{
    border-top: solid 1px #d8ddee;
    height: 10px;
}

#tblDatosUsuarioFecha
{
    width: 100%;
    height: 100%;
    vertical-align: middle;
    border-collapse: collapse;
    color: White;
    height: 21px;
    background-repeat: no-repeat;
    background-image: url(imagenes/fondousuariofecha.jpg);
    background-position: top left;
    border-top: solid 1px white;
    border-bottom: solid 1px white;
}


#tblDatosUsuarioFecha a
{
    font-weight: bold;
    color: white;
}

#tblDatosUsuarioFecha a:hover
{
    font-weight: bold;
    color: #ffc601;
}

#tblDatosUsuarioFecha .datosUsuario
{
    text-align: left;
    padding-left: 10px;
}

#tblDatosUsuarioFecha .datosUsuario .seleccionado
{
    color: #ffc601;
}
#tblDatosUsuarioFecha .datosFecha
{
    text-align: right;
    padding-right: 10px;
}


#tblGlobalnetInterior .celdaDatos
{
    vertical-align: top;
    text-align: left;
}

#tblDatos
{
    padding: 10px;
    padding-top: 0px;
    border-collapse: collapse;
    background-color: #C3E7FF;
    width: 100%;
}


#divDatos
{
    overflow: auto;
    height: 452px;
    width: 745px;
    padding: 0px;
    margin: 0px;
    background-repeat: no-repeat;
    background-position: 100% 100%;
    background-color: #B4D1F1;
    text-align: left;
}

#tblGlobalnetInterior .filaReferencia
{
    background-color: #C3E7FF;
}

#tblGlobalnetInterior .filaReferencia td
{
    height: 1px;
    text-align: left;
}

#tblGlobalnetInterior .celdaMenu
{
    background-color: #C3E7FF;
    vertical-align: top;
    width: 190px;
    text-align: left;
    padding-left: 10px;
}

#tblMenuLateral
{
    height: 100%;
    vertical-align: top;
    margin: 0px;
    background-color: #003466;
    background-image: url(imagenes/fondobarra_izqda.jpg);
}

#tblMenuCabecera .izquierda
{
    background-image: url(imagenes/menuizqda.jpg);
    background-position: right bottom;
    background-repeat: no-repeat;
    width: 15px;
    height: 36px;
}

#tblMenuCabecera .centro
{
    background-image: url(imagenes/repeticionmenuizq.jpg);
    background-position: right bottom;
    background-repeat: repeat-x;
    text-align: left;
    width: 160px;
}

#tblMenuCabecera .derecha
{
    width: 15px;
    background-image: url(imagenes/menudrcha.jpg);
    background-position: left bottom;
    background-repeat: no-repeat;
}


#tblMenuLateral .filaCabecera
{
    height: 28px;
    text-align: center;
    color: White;
}

#tblMenuCabeceraCentro
{
    height: 30px;
    width: 100%;
}

#tblMenuCabeceraCentro .celdaIcono
{
    width: 30px;
}

#tblMenuCabeceraCentro .celdaIcono2
{
    height: 10px;
}

#tblMenuCabeceraCentro .celdaTexto
{
    color: White;
    font-size: 12px;
}


#tblMenuLateral .filaMenu
{
    text-align: left;
    vertical-align: top;
    height: 410px;
}




#tblMenuPie
{
}
#tblMenuPie .izquierda
{
    background-image: url(imagenes/esquinamenuizq.jpg);
    background-position: top;
    background-repeat: no-repeat;
    width: 7px;
    height: 6px;
}

#tblMenuPie .centro
{
    width: 176px;
}

#tblMenuPie .derecha
{
    background-image: url(imagenes/esquinamenudrcha.jpg);
    background-position: top;
    background-repeat: no-repeat;
    width: 7px;
    height: 6px;
}


#filaPie
{
    background-color: #0066cb;
    height: 15px;
    color: White;
}

#tblPiePagina
{
    width: 100%;
    height: 100%;
    border-collapse: collapse;
    margin: 0px;
    padding: 0px;
}

#tblPiePagina .celdaPieIzquierda
{
    width: 500px;
    text-align: left;
}
#tblPiePagina .celdaPieCentro
{
    text-align: center;
}

#tblPiePagina .celdaPieCentro .mensajeError
{
    color: #ff3300;
    font-style: italic;
}
#tblPiePagina .celdaPieDerecha
{
    width: 100px;
    margin-left: 10px;
}


/*Aquí comienzan los estilos del popup*/

.bodyPopup
{
    background-color: white;
    background-image: none;
    overflow: auto;
    margin: 0px;
}

#tblGlobalnetPopup
{
    border-top: solid 6px #001c4c;
    border-left: solid 1px #001c4c;
    border-right: solid 1px #001c4c;
    border-bottom: none;
    vertical-align: top middle;
    text-align: left;
}

/*Esta clase está definida para poder ocultar la cabecera*/
thead.cabeceraPopup
{
}

#tblCabeceraPopup
{
    width: 100%;
    height: 77px;
    background-image: url(imagenes/popupcabeceracentro.gif);
    background-repeat: repeat-x;
    border: none;
}

#tblCabeceraPopup thead
{
    background-color: White;
}

#tblGlobalnetPopup .cabeceraIzquierda1
{
    width: 80px;
    background-image: url(imagenes/popupcabeceraizquierda1.gif);
    background-position: left top;
    background-repeat: no-repeat;
    text-align: right;
}

#tblGlobalnetPopup .cabeceraIzquierda2
{
    background-image: url(imagenes/popupcabeceraizquierda2.gif);
    background-position: left top;
    background-repeat: no-repeat;
    text-align: left; /*Estilo del texto de cabecera*/
    font-size: 20px;
    font-weight: bold;
    font-family: Verdana;
    color: White;
}


#tblGlobalnetPopup .cabeceraDerecha
{
    width: 230px;
    background-image: url(imagenes/popupcabeceraderecha.gif);
    background-position: left top;
    background-repeat: no-repeat;
}


#divDatosPopup
{
    overflow: auto;
    height: 100%;
    width: 100%;
    padding: 10px;
    background-color: #B4D1F1;
    text-align: left;
}

#tblGlobalnetPopup .celdaDatosPopup
{
    height: 100%;
    vertical-align: top;
    text-align: left;
    background-color: White;
}

#tblPiePopup
{
    height: 20px;
    background-color: #001c4c;
    color: White;
    width: 100%;
    vertical-align: middle;
}

#tblPiePopup a
{
    color: White;
}

#tblPiePopup a:hover
{
    color: #ffc601;
}

#tblPiePopup .celdaPieIzquierda
{
    text-align: left;
    padding-left: 10px;
    white-space: nowrap;
}


#tblPiePopup .celdaPieCentro
{
    text-align: center;
}
#tblPiePopup .divMensajePopup
{
    width: 100%;
    height: 20px;
    overflow-y: auto;
}

#tblPiePopup .celdaPieDerecha
{
    text-align: right;
    padding-right: 10px;
}

/*Estilos del Popup Manual*/

.popupManual
{
}

.popupManual .cabecera
{
    height: 64px;
    border: none;
}

.popupManual .tdContenido
{
    background-image: url(imagenes/popup_manual_fondo.jpg);
}

.popupManual .tdContenido .contenido
{
    overflow: auto;
    overflow-x: hidden;
    padding: 10px;
    text-align: left;
    height: 400px;
    width: 580px;
}

.popupManual .pie
{
    height: 20px;
    background-color: #001c4c;
    color: White;
    vertical-align: middle;
    text-align: right;
}

.popupManual .pie a
{
    color: White;
}

.popupManual .pie a:hover
{
    color: #ffc601;
}

/*Estilos del popup Gestión de Documentación*/

.popupGestionDoc
{
    font-size: 10px;
}

.popupGestionDoc a
{
    font-size: 10px;
}

.popupGestionDoc .cabecera
{
    height: 64px;
    border: none;
    background-image: url(imagenes/popup_GestionDocumentacion_Cabecera.jpg);
    text-align: left; /*Estilo del texto de cabecera*/
    font-size: 20px;
    font-weight: bold;
    font-family: Verdana;
}

.popupGestionDoc .tdContenido
{
    background-image: url(imagenes/popup_GestionDocumentacion_Fondo.jpg);
}

.popupGestionDoc .tdContenido .contenido
{
    overflow: auto;
    overflow-x: hidden;
    padding: 10px;
    text-align: left;
    height: 420px;
    width: 600px;
}

.popupGestionDoc .pie
{
    height: 20px;
    background-color: #001c4c;
    color: White;
    vertical-align: middle;
    text-align: right;
}

.popupGestionDoc .pie a
{
    color: White;
    font-size: 10px;
}

.popupGestionDoc .pie a:hover
{
    color: #ffc601;
}



/*Estilos Genéricos*/
.textoNormal
{
    font-weight: normal;
    color: #172a5b;
}

.textoNormal a:hover
{
    font-weight: normal;
    color: #172a5b;
}

.textoNormal a
{
    font-weight: normal;
}
.textoNormal b
{
    font-weight: bold;
    font-style: italic;
}

.textoNormalClaro
{
    font-weight: normal;
    color: #172a5b;
}

.TextoPequeno
{
    font-size: 8px;
}

.textoError
{
    font-weight: bold;
    color: #ff3300;
}

.textoNormalClaro
{
    font-weight: bold;
}

.textoClaroMarcado
{
    font-weight: bold;
    color: white;
}

/*Utilizado para mostrar un texto debajo de un textBox que muestra una breve descripcion*/
.textoDescripcion
{
    font-size: 9px;
    font-style: italic;
    font-weight: normal;
}



.mensajeNormal
{
    font-style: italic;
}

.mensajeError
{
    color: #ff3300;
    font-style: italic;
}

.numeroNegativo
{
    color: #ff3300;
}

.linkCalendario
{
    vertical-align: bottom;
    height: 20px;
}

.grid
{
    border: 0px solid #D0EDF5;
    overflow: hidden;
    text-align: left;
}


.cabeceraGrid
{
    /*background-image: url(grid/header_placeholder.gif);*/
    height: 28px;
    padding: 0px;
    text-align: left;
}

.grid .primeraCelda
{
    display: none;
}

.grid .ultimaCelda
{
    display: none;
}

.grid .ultimaFila
{
    display: none;
}

.cabeceraGrid a
{
    color: White;
}

.cabeceraGrid a:hover
{
    color: #AAAAAA;
}

.cabeceraGrid span
{
    color: White;
    font-weight: bold;
}

.cabeceraGrid th
{
    background-image: url(grid/header.gif); /*border-left: 1px solid #D0EDF5; 	border-bottom: 2px solid #D0EDF5;*/
    border: 0px;
    color: #FFFFFF;
    cursor: pointer;
    padding-left: 0px;
}

.celdaGrid
{
    background-color: white;
    font-weight: normal;
    background-image: url(grid/cell.gif);
    background-repeat: repeat-x;
    height: 21px;
    color: #196585;
}

.celdaGrid table
{
    border: none;
}

.celdaGrid td
{
    border: 1px solid #D0EDF5;
    white-space: nowrap;
}

.celdaGrid a
{
    font-weight: bold;
    color: #196585;
}

.celdaGrid span
{
    font-weight: normal;
}


.celdaGridEncima
{
    background-color: white;
    font-weight: normal;
    background-image: url(grid/cell.gif);
    background-repeat: repeat-x;
    height: 21px;
    color: #196585;
    cursor: pointer;
}

.celdaGridEncima table
{
    border: none;
}

.celdaGridEncima td
{
    border: 1px solid #D0EDF5;
    background-image: url(grid/cell_hover.gif);
    white-space: nowrap;
}

.celdaGridEncima a
{
    font-weight: bold;
    color: #196585;
}

.celdaGridEncima a:hover
{
    color: #2695C5;
}

.celdaGridEncima span
{
    font-weight: normal;
}

.celdaGridSeleccionada
{
    background-color: white;
    font-weight: normal; /*background-image: url(grid/cell.gif);*/
    background-repeat: repeat-x;
    height: 21px;
    color: #196585;
    cursor: pointer;
}

.celdaGridSeleccionada table
{
    border: none;
}

.celdaGridSeleccionada td
{
    border: 1px solid #D0EDF5;
    background-image: url(grid/cell_selected.gif);
    white-space: nowrap;
}

.celdaGridSeleccionada a
{
    font-weight: bold;
    color: #196585;
}

.celdaGridSeleccionada a:hover
{
    color: #2695C5;
}

.celdaGridSeleccionada span
{
    font-weight: normal;
}

.pieGrid
{
    height: 28px;
    padding: 0px;
}
.pieGrid td
{
    background-image: url(grid/header.gif); /*border-left: 1px solid #D0EDF5; 	border-bottom: 2px solid #D0EDF5;*/
    border: 0px;
    color: #FFFFFF;
    text-align: left;
    cursor: pointer;
    padding-left: 0px;
}

.paginadorGrid
{
    color: #196585;
    text-align: right;
    background-image: url(grid/footer.gif);
    height: 25px;
    border: solid 1px black;
}

/*Anterior .paginacionOscura*/
.paginadorGrid a
{
    color: #196585;
    width: 19px;
    text-align: center;
    font-size: 10px;
}

/*Anterior .paginacionOscura
con Este estilo conseguimos darlo al numero activo*/
.paginadorGrid div
{
    color: #196585;
    font-size: 12px;
    text-align: center;
}

/*será el estilo de las imagenes de avanzar y retroceder*/
.paginadorGrid input:hover
{
    height: 16px;
    width: 22px;
    padding-left: 0px;
    padding-top: 0px;
}

.paginadorGrid input
{
    height: 15px;
    width: 21px;
    padding-left: 1px;
    padding-top: 1px;
}

/*Anterior: TablaAzulClara*/
.tabla01
{
    border-right: #172a5b 0px solid;
    border-top: #172a5b 1px solid;
    border-left: #172a5b 0px solid;
    border-bottom: #172a5b 1px solid; /*background-color: #FFDF80;*/
    background-color: #E5F9FF; /*background-image:url(grid/cell.gif);*/
    background-repeat: repeat-x;
}

.tabla01 thead
{
    background-color: #004466; /*background-image:url(grid/header.gif);*/
    color: White;
}

.tabla01 thead a
{
    color: White;
}

/*las tablas de servidor omiten el thead por lo que hay que aplicarle el estilo en los th*/
.tabla01 th
{
    background-color: #004466;
    color: White;
}

.tabla01 th a
{
    color: White;
}

.tabla01 tfoot
{
    background-color: #172a5b;
    color: White;
}

/*Se utiliza en la seleccion de Reglas de Envio en la gestion de Alertas*/
.tabla01seleccionada
{
    border-right: #172a5b 0px solid;
    border-top: #172a5b 1px solid;
    border-left: #172a5b 0px solid;
    border-bottom: #172a5b 1px solid;
    background-color: #E0A3A3;
}

/*la clase tabla01deshabilitada se utiliza en el Gerencial comparativo*/
.tabla01deshabilitado
{
    background-color: #ffffff;
}

.tabla01deshabilitado input
{
    background-color: #D8DDEE;
    border: solid 1px white;
}

/*Anterior: tablaAzul*/
.tabla02
{
    border-right: 1px solid;
    border-top: 1px solid;
    font-size: 10px;
    border-left: 1px solid;
    color: white;
    border-bottom: 1px solid;
    background-color: #172a5b;
}


.tabla02 a
{
    color: White;
}
/*tabla para agrupar elementos mediante un borde claro*/
.tabla03
{
    border-right: #CED9E4 1px solid;
    border-bottom: #CED9E4 1px solid;
    border-top: #CED9E4 1px solid;
    border-left: #CED9E4 1px solid;
}

/*Igual a la tabla 01 pero sin cabeceras
ya que los calendarios cojen los th-thead*/
.tabla04
{
    border-right: #172a5b 0px solid;
    border-top: #172a5b 1px solid;
    border-left: #172a5b 0px solid;
    border-bottom: #172a5b 1px solid; /*background-color: #FFDF80;*/
    background-color: #E5F9FF; /*background-image:url(grid/cell.gif);*/
    background-repeat: repeat-x;
}

/*Borde aplicado a los div con scroll para separar la parte superior y la inferior.*/
.div01
{
    border-right: #CED9E4 1px solid;
    border-bottom: #CED9E4 1px solid;
    border-top: #CED9E4 1px solid;
    border-left: #CED9E4 1px solid;
}

/*color utilizado en Configura Pais para la separación de las distintas áreas */
.separacion01
{
    background-color: #dfe7ef;
}

/*color utilizado en las cabeceras de los informes web */
.cabeceraInforme
{
    background-color: #dfe7ef;
}

/*Estilo utilizado para la selección de los permisos del usuario y del perfil*/
.linkSeleccionGrid
{
    color: #FFBB60;
}

.informeSeleccion
{
    color: #6B89B1;
}


/*Estilos para la selección de los datagrids*/
.dtgItemSeleccionado
{
    background-color: #648db9;
}

.dtgItemSeleccionado TABLE TD
{
    background-color: #d8ddee;
}
.dtgItemEncimaSeleccionado
{
    background-color: #99c4c1;
}
.dtgItemEncimaSeleccionado TABLE TD
{
    background-color: #edf2fc;
}
.dtgItemEncimaDeseleccionado
{
    background-color: #abc1d9;
}
.dtgItemEncimaDeseleccionado TABLE TD
{
    background-color: #edf2fc;
}
.dtgItemDeseleccionado
{
    background-color: #edf1fb;
}
.dtgItemDeseleccionado TABLE TD
{
    background-color: #d8ddee;
}


/*Estilos de los paneles de los presupuestos*/

.capaDinamica
{
    border: solid 0px #172a5b;
    display: none;
    position: absolute;
    z-index: 100;
    left: 0px;
    top: 0px;
    background-color: white;
    overflow: hidden;
    width: 0px;
    height: 0px;
    vertical-align: top;
    text-align: left;
}

.capaDinamicaTabla
{
    visibility: visible;
    width: 100%;
    height: 100%;
    background-color: white;
    top: 0;
    left: 0;
    border-collapse: collapse;
    margin: 2px;
}

.capaDinamicaCabecera
{
    background-image: url(imagenes/WindowPanel/HeaderMiddleCenter.gif);
    background-position: left bottom;
    background-repeat: repeat-x;
    color: black;
    height: 15px;
    font-weight: bold;
}

.capaDinamicaCabecera a
{
    color: black;
}


.capaDinamicaContenido
{
    background-color: #E1EDFA;
    height: 80%;
}

iframe.capaDinamica
{
    position: absolute;
    overflow: auto;
    border: solid 0px #ff0000;
    display: none;
    z-index: 100;
}

/*clase para la capa de Carga*/
.capaCarga
{
    top: 1px;
    left: 1px;
    z-index: 3000;
    position: absolute;
    margin: 0px;
    width: 100%;
    height: 100%;
}

.capaCargaFondo
{
    width: 100%;
    height: 100%;
    border: solid 0px;
    background-image: url(imagenes/pixeltrans.gif);
    background-color: #ddeeff;
    filter: alpha(opacity=30);
}

.capaCargaCentro
{
    width: 220px;
    background-color: #FFFFFF;
    border: solid 1px #172A5B;
    font-size: 12px;
    z-index: 2999;
    position: absolute;
    top: 0;
    left: 0;
}

.capaCargaLogo
{
    text-align: center;
    vertical-align: middle;
    background-image: url(imagenes/logocapacarga.gif);
    background-position: center center;
    background-repeat: no-repeat;
    height: 70px;
    width: 100%;
}

.capaCargaProgreso
{
    background-image: url(imagenes/progress.gif);
    background-position: center center;
    background-repeat: no-repeat;
    height: 20px;
    width: 100%;
}


/*Clase para mostrar la capa del Tooltip*/

.tooltip
{
    z-index: 1;
    vertical-align: baseline;
    border: #d8ddee 1px solid;
    font-weight: normal;
    background-color: white;
}

/*Clase para mostrar el mensaje Aplicacion*/
.mensajeAplicacion
{
    border: #172a5b 1px solid;
    display: none;
    position: absolute;
    z-index: 1003;
    left: 0px;
    top: 0px;
    background-color: #b0bcd7;
    background-image: url(imagenes/fondoMensaje.gif);
    background-repeat: repeat-x;
    overflow: hidden;
    cursor: pointer;
}
.mensajeAplicacion:hover
{
    border: #D8DDEE 1px solid;
}

.mensajeAplicacion .tablaMensaje
{
    visibility: visible;
    width: 100%;
    height: 100%;
    top: 1;
    left: 1;
    border-collapse: collapse;
    margin: 0px;
}

.mensajeAplicacion .tablaMensajeCabecera td
{
    height: 15px;
    border-bottom: 1px solid #d8ddee;
}

.mensajeAplicacion .tablaMensajeCuerpo
{
    font-weight: normal;
    vertical-align: top;
}

/*Clase para mostrar el mensaje Aplicacion Error*/
.mensajeAplicacionError
{
    border: #ebb3a2 1px solid;
    display: none;
    position: absolute;
    z-index: 1003;
    left: 0px;
    top: 0px;
    background-color: #b0bcd7;
    background-image: url(imagenes/fondoMensajeError.gif);
    background-repeat: repeat-x;
    overflow: hidden;
    cursor: pointer;
    color: #c73007;
}
.mensajeAplicacionError a
{
    color: #c73007;
}
.mensajeAplicacionError:hover
{
    border: #D8DDEE 1px solid;
}

.mensajeAplicacionError .tablaMensaje
{
    visibility: visible;
    width: 100%;
    height: 100%;
    top: 1;
    left: 1;
    border-collapse: collapse;
    margin: 0px;
}

.mensajeAplicacionError .tablaMensajeCabecera td
{
    height: 15px;
    border-bottom: 1px solid #fad5cb;
}

.mensajeAplicacionError .tablaMensajeCuerpo
{
    font-weight: normal;
    vertical-align: top;
}

/*Estilo para los paneles que se despliegan*/
.panel_cabecera
{
    /*background-color:#f7f9fd;*/
    background-image: url(grid/cell.gif);
    background-repeat: repeat-x;
    border-bottom: solid 1px #d8ddee;
    width: 100%;
    font-size: 10px;
}

.panel_cabecera_entra
{
    /*background-color:#D8DDEE;*/
    background-image: url(grid/cell_hover.gif);
    border-bottom: solid 1px #d8ddee;
    width: 100%;
    font-size: 10px;
}

/*Estilo utilizado para una celda en la que se encuentra una etiqueta 
a la que le sigue otra celda con control para introducir datos como una caja de texto*/
.tdEtiqueta
{
    padding-right: 5px;
    text-align: right;
}

/*En este apartado se definen las clases para definir el
estilo de los elementos que estén en soloLectura ó deshabilitados*/

.soloLectura
{
    border: solid 1px #172a5b;
    color: #172a5b;
    background-color: #D8DDEE;
}


textarea.deshabilitado
{
    background-color: #d8ddee;
    scrollbar-face-color: #DDDDDD;
    scrollbar-highlight-color: #DDDDDD;
    scrollbar-shadow-color: #DDDDDD;
    scrollbar-3dlight-color: #DDDDDD;
    scrollbar-arrow-color: #CCE6FF;
    scrollbar-track-color: #EEEEEE;
    scrollbar-darkshadow-color: #EEEEEE;
}

input.deshabilitado
{
    background-color: #d8ddee;
}

/*Muestra una etiqueta ó un link con fondo Azul y borde*/
.caja01
{
    font-weight: normal;
    border-right: #172a5b 1px solid;
    border-top: #172a5b 1px solid;
    border-left: #172a5b 1px solid;
    border-bottom: #172a5b 1px solid;
    background-color: #D8DDEE;
    padding-right: 2px;
    padding-left: 2px;
    padding-bottom: 2px;
    padding-top: 2px;
}
/*
.SMParent {
	box-sizing:border-box;
	-moz-box-sizing:border-box;
    background-image:url(imagenes/EstiloSlideMenu/background_parent.gif);
    background-repeat:repeat-x;
	border-top:1px solid #DADBDB;
    font:bold 8pt Tahoma;
    color:#DADBDB;
    text-align:left;
	padding: 2px;
    padding-left: 12px;
    height:21px;
}

.SMParentOver {
	box-sizing:border-box;
	-moz-box-sizing:border-box;
    background-image:url(imagenes/EstiloSlideMenu/background_parent.gif);
    background-repeat:repeat-x;
	border-top:1px solid #DADBDB;
    font:bold 8pt Tahoma;
    color:#7ba6ff;
    text-align:left;
	padding: 2px;
    padding-left: 12px;
	cursor:pointer; 
    height:21px;
}

.SMParentSelected {
	box-sizing:border-box;
	-moz-box-sizing:border-box;
    background-image:url(imagenes/EstiloSlideMenu/background_parentselected.gif);
    background-repeat:repeat-x;
	border-top:1px solid #DADBDB;
    font:bold 8pt Tahoma;
    color:white;
    text-align:left;
	padding: 2px;
    padding-left: 12px;
    height:21px;
}

.SMChild {
	font:8pt Tahoma; 
	color:#232323;
	text-decoration:none;
    padding-left: 5px;
	text-align:left;
}
.SMChild a 
{
	color:#232323;
	font:8pt Tahoma;
	text-decoration:none;
}

.SMChildOver 
{
	font:8pt Tahoma; 
	color:#232323;
	text-decoration:underline;
    padding-left: 5px;
	cursor:pointer;
	text-align:left;
}
.SMChildOver a {
	color:#232323;
	font:8pt Tahoma;
	text-decoration:underline;
}

.SMChildSelected 
{
	font:bold 8pt Tahoma; 
	color:#232323;
	text-decoration:none;
    padding-left: 7px;
	text-align:left;
}
.SMChildSelected a {
	color:#232323;
	font:bold 8pt Tahoma;
	text-decoration:none;
}

.SMChildrenBox {
	padding-left:3px;
}

.SMMenu {
	background-color:white;
	border:1px solid #DADBDB;
	border-top:none;
	width: 180px;
	border-top: none;
	overflow:hidden;
}

.SMImageParent {
	display:none;
}

.SMImageChild {
	border:0px;
	margin-right:2px;
}*/

/* panels holder */
.ob_show_panelsholder
{
}

/* panel */
.ob_show_panel
{
    overflow: auto;
}

/* changer container */
.ob_show_changer
{
    overflow: auto;
}

/* changer number */
.ob_show_changernumber
{
    font-family: Tahoma;
    font-weight: bold;
    font-size: 8pt;
    color: #FCF6E6;
    cursor: pointer;
    background-image: url(imagenes/number.gif);
    background-repeat: no-repeat;
    background-position: center center;
    width: 28px;
    height: 27px;
}

/* changer number onmouseover */
.ob_show_changernumber_over
{
    font-family: Tahoma;
    font-weight: bold;
    font-size: 8pt;
    color: #FCF6E6;
    cursor: pointer;
    background-image: url(imagenes/number_selected.gif);
    background-repeat: no-repeat;
    background-position: center center;
    width: 28px;
    height: 27px;
}

/* changer number when selected */
.ob_show_changernumber_selected
{
    font-family: Tahoma;
    font-weight: bold;
    font-size: 8pt;
    color: #FCF6E6;
    cursor: pointer;
    background-image: url(imagenes/number_selected.gif);
    background-repeat: no-repeat;
    background-position: center center;
    width: 28px;
    height: 27px;
}

/* changer play image */
.ob_show_changerplay
{
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    background-image: url(imagenes/play.gif);
    background-repeat: no-repeat;
    background-position: center center;
    width: 28px;
    height: 27px;
    margin: 0px;
}

/* changer play image onmouseover */
.ob_show_changerplay_over
{
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    background-image: url(imagenes/play.gif);
    background-repeat: no-repeat;
    background-position: center center;
    width: 28px;
    height: 27px;
    margin: 0px;
}

/* changer pause image */
.ob_show_changerpause
{
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    background-image: url(imagenes/pause.gif);
    background-repeat: no-repeat;
    background-position: center center;
    width: 28px;
    height: 27px;
    margin: 0px;
}

/* changer pause image onmouseover */
.ob_show_changerpause_over
{
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    background-image: url(imagenes/pause.gif);
    background-repeat: no-repeat;
    background-position: center center;
    width: 28px;
    height: 27px;
    margin: 0px;
}

/* changer left image */
.ob_show_changerleft
{
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    background-image: url(imagenes/arrow_left.gif);
    background-repeat: no-repeat;
    background-position: center center;
    width: 28px;
    height: 27px;
    margin-left: 10px;
    margin-right: 3px;
}

/* changer left image onmouseover */
.ob_show_changerleft_over
{
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    background-image: url(imagenes/arrow_left.gif);
    background-repeat: no-repeat;
    background-position: center center;
    width: 28px;
    height: 27px;
    margin-left: 10px;
    margin-right: 3px;
}

/* changer right image */
.ob_show_changerright
{
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    background-image: url(imagenes/arrow_right.gif);
    background-repeat: no-repeat;
    background-position: center center;
    width: 28px;
    height: 27px;
    margin-left: 3px;
    margin-right: 10px;
}

/* changer right image onmouseover */
.ob_show_changerright_over
{
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    background-image: url(imagenes/arrow_right.gif);
    background-repeat: no-repeat;
    background-position: center center;
    width: 28px;
    height: 27px;
    margin-left: 3px;
    margin-right: 10px;
}

/* changer top image */
.ob_show_changertop
{
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    background-image: url(imagenes/arrow_top.gif);
    background-repeat: no-repeat;
    background-position: center center;
    width: 27px;
    height: 28px;
    margin-top: 10px;
    margin-bottom: 3px;
}

/* changer top image onmouseover */
.ob_show_changertop_over
{
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    background-image: url(imagenes/arrow_top.gif);
    background-repeat: no-repeat;
    background-position: center center;
    width: 27px;
    height: 28px;
    margin-top: 10px;
    margin-bottom: 3px;
}

/* changer bottom image */
.ob_show_changerbottom
{
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    background-image: url(imagenes/arrow_bottom.gif);
    background-repeat: no-repeat;
    background-position: center center;
    width: 27px;
    height: 28px;
    margin-top: 3px;
    margin-bottom: 10px;
}

/* changer bottom image onmouseover */
.ob_show_changerbottom_over
{
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    background-image: url(imagenes/arrow_bottom.gif);
    background-repeat: no-repeat;
    background-position: center center;
    width: 27px;
    height: 28px;
    margin-top: 3px;
    margin-bottom: 10px;
}


.changerTable
{
    border-padding: expression(cellPadding=0);
    border-padding: 0px;
}

.changerTable td
{
    vertical-align: top;
}
.MenuLateralInterior
{
    color: white;
    font-size: 10px;
    height: 406px;
    margin-left: 5px;
    overflow: auto;
    overflow-x: hidden;
}


.MenuLateralInteriorCabecera
{
    background-image: url(imagenes/EstiloSlideMenuInterior/background_parent.gif);
    background-repeat: repeat-x;
    width: 150px;
    cursor: hand;
}
.MenuLateralInteriorCabecera:hover
{
    background-image: url(imagenes/EstiloSlideMenuInterior/background_parentselected.gif);
    background-repeat: repeat-x;
    width: 150px;
    cursor: hand;
}

.MenuLateralInteriorCabeceraSelected
{
    background-image: url(imagenes/EstiloSlideMenuInterior/background_parentselected.gif);
    background-repeat: repeat-x;
    width: 150px;
    cursor: hand;
}
.MenuLateralInteriorContenido a
{
    color: white; /*font-family: Verdana;*/ /*font-size:10px;*/
    font-size: 11px;
    font-weight: normal;
    font-style: normal;
    font-family: Verdana;
    font-variant: normal;
    text-decoration: none;
    border: none;
    display: inline-block;
}

.MenuLateralInteriorContenido a:hover
{
    color: white; /*font-family: Verdana;*/ /*font-size:10px;*/
    border: none;
    display: inline-block;
    font-weight: normal;
    color: #ffc601;
    font-style: normal;
    font-family: Verdana;
    font-variant: normal;
    text-decoration: none;
}

.MenuLateralInteriorContenido .arbolMenu
{
    margin-left: 8px;
    overflow: auto;
    overflow-x: hidden;
    width: 148px;
}
.MenuLateralInteriorContenido .arbolMenu img
{
    /*width:40px;     height:40px;*/
}

.MenuLateralInteriorContenido .arbolMenu .seleccionado
{
    color: #ffc601;
    font-size: 11px; /*font-family: Verdana;*/ /*font-size:10px;*/
}
.CabeceraCalendario
{
    border: solid 1px White;
    background-color: #172a5b;
    color: White;
    padding: none;
}


/*AJAX.NET TAB CONTAINER */
/*Estilos Generales*/
.tabContainer
{
    display: block;
}
.tabContainer .ajax__tab_header
{
    font-family: verdana,tahoma,helvetica;
    font-size: 10px;
    font-weight: bold;
    vertical-align: middle;
}

.tabContainer .ajax__tab_body
{
    border: 1px solid #8AB9EA;
    padding: 6px;
    background: #E1EDFA;
}

.tabContainer .ajax__tab_tab
{
    height: 18px;
    margin: 0px 4px 0px 8px;
    padding: 0px 8px 0px 8px;
}

/*tab Inactiva*/
.tabContainer .ajax__tab_header .ajax__tab_tab
{
    background: url(imagenes/tabContainer/tab_off_centro.jpg) repeat-x;
}

.tabContainer .ajax__tab_header .ajax__tab_outer
{
    margin-right: 2px;
    background: url(imagenes/tabContainer/tab_off_drcha.jpg) no-repeat right 1px;
}

.tabContainer .ajax__tab_header .ajax__tab_inner
{
    background: url(imagenes/tabContainer/tab_off_izqda.jpg) no-repeat left 0px;
}


/*Tab Activa y Encima*/
.tabContainer .ajax__tab_active .ajax__tab_tab, .tabContainer .ajax__tab_hover .ajax__tab_tab
{
    background: url(imagenes/tabContainer/tab_on_centro.jpg) repeat-x;
}

.tabContainer .ajax__tab_active .ajax__tab_outer, .tabContainer .ajax__tab_hover .ajax__tab_outer
{
    background: url(imagenes/tabContainer/tab_on_drcha.jpg) no-repeat right 1px;
}

.tabContainer .ajax__tab_active .ajax__tab_inner, .tabContainer .ajax__tab_hover .ajax__tab_inner
{
    background: url(imagenes/tabContainer/tab_on_izqda.jpg) no-repeat left 0px;
}


/*AJAX.NET SUB TABCONTAINER */
/*Estilos Generales*/
.subTabContainer
{
    display: block;
}
.subTabContainer .ajax__tab_header
{
    font-family: verdana,tahoma,helvetica;
    font-size: 10px;
    font-weight: normal;
}

.subTabContainer .ajax__tab_body
{
    border: 1px solid #8AB9EA;
    padding: 6px;
    background: #E1EDFA;
}

.subTabContainer .ajax__tab_tab
{
    height: 18px;
    margin: 0px 4px 0px 8px;
    padding: 0px 8px 0px 8px;
}

/*tab Inactiva*/
.subTabContainer .ajax__tab_header .ajax__tab_tab
{
    background: url(imagenes/tabContainer/tab_sub_off_centro.jpg) repeat-x;
}

.subTabContainer .ajax__tab_header .ajax__tab_outer
{
    margin-right: 2px;
    background: url(imagenes/tabContainer/tab_sub_off_drcha.jpg) no-repeat right 1px;
}

.subTabContainer .ajax__tab_header .ajax__tab_inner
{
    background: url(imagenes/tabContainer/tab_sub_off_izqda.jpg) no-repeat left 0px;
}


/*Tab Activa y Encima*/
.subTabContainer .ajax__tab_active .ajax__tab_tab, .subTabContainer .ajax__tab_hover .ajax__tab_tab
{
    background: url(imagenes/tabContainer/tab_sub_on_centro.jpg) repeat-x;
}

.subTabContainer .ajax__tab_active .ajax__tab_outer, .subTabContainer .ajax__tab_hover .ajax__tab_outer
{
    background: url(imagenes/tabContainer/tab_sub_on_drcha.jpg) no-repeat right 1px;
}

.subTabContainer .ajax__tab_active .ajax__tab_inner, .subTabContainer .ajax__tab_hover .ajax__tab_inner
{
    background: url(imagenes/tabContainer/tab_sub_on_izqda.jpg) no-repeat left 0px;
}

/*Estilos para el Menu de pestanas anterior*/

.opcionMenuSeleccionada
{
    background-color: #B4D1F1;
    border-top: solid 1px #006699;
    border-right: solid 2px #006699;
    border-left: solid 1px #1E66B3;
}
.opcionMenuDeseleccionada
{
    background-color: #E1EDFA;
    border-bottom: #8AB9EA 1px solid;
}
.opcionMenuEntra
{
    background-color: #e8effe;
    border-bottom: #d8ddee 1px solid;
}
.opcionMenuSale
{
    background-color: red;
}

.opcionMenuSeleccionada a
{
    color: #172a5b;
}
.opcionMenuDeseleccionada a
{
    color: #B4D1F1;
}
.opcionMenuEntra a
{
    color: #172a5b;
}

.modalBackground
{
    background-color: #000000;
    filter: alpha(opacity=75);
    opacity: 0.75;
}

/*Estilos para el Objeto WindowPanel*/
.windowPanel
{
    border: none;
    display: none;
    position: absolute;
    z-index: 100;
    left: 0px;
    top: 0px;
    background-color: transparent;
    overflow: hidden;
    width: 0px;
    height: 0px;
    vertical-align: top;
    text-align: left;
}

.windowPanel .windowTable
{
    visibility: visible;
    width: 100%;
    height: 100%;
    background-color: transparent;
    top: 1;
    left: 1;
    border-collapse: collapse;
}

.windowPanel .window_header
{
    background-image: url(imagenes/WindowPanel/HeaderMiddleCenter.gif);
    background-position: left bottom;
    background-repeat: repeat-x;
    color: black;
    font-weight: bold;
    width: 100%;
}
.windowPanel .window_header td
{
    height: 25px;
}

.windowPanel .aFocusInicio, .windowPanel .aFocus
{
    overflow:hidden;
    width:1px;
    height:1px;
    }
 

.windowPanel .window_header_left
{
    background-image: url(imagenes/WindowPanel/HeaderMiddleLeft.gif);
    background-position: left bottom;
    background-repeat: no-repeat;
    width: 2px;
}

.windowPanel .window_header_title
{
    cursor: pointer;
}


.windowPanel .window_header_button
{
    background-image: url(imagenes/WindowPanel/BuiltinButtonsContainer2.gif);
    background-position: right bottom;
    background-repeat: no-repeat;
    text-align: right;
}

.windowPanel .window_header_button_close
{
    background-image: url(imagenes/WindowPanel/CloseOut.gif);
    background-position: left top;
    background-repeat: no-repeat;
    height: 16px;
    width: 16px;
}

.windowPanel .window_header_button_close_over
{
    background-image: url(imagenes/WindowPanel/CloseOver.gif);
    background-position: left top;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
}

.windowPanel .window_header_button_close_down
{
    background-image: url(imagenes/WindowPanel/CloseDown.gif);
    background-position: left top;
    background-repeat: no-repeat;
    height: 16px;
    width: 16px;
}
.windowPanel .window_header_right
{
    background-image: url(imagenes/WindowPanel/HeaderMiddleRight.gif);
    background-position: right bottom;
    background-repeat: no-repeat;
}

.windowPanel .window_body
{
    background-color: white;
    vertical-align: top;
    height: 80%;
}


.windowPanel .window_body_left
{
    background-image: url(imagenes/WindowPanel/ContentMiddleLeft.gif);
    background-position: left top;
    background-repeat: repeat-y;
    width: 2px;
}

.windowPanel .window_body_center
{
    background-color: #E1EDFA; /*background-color:White;*/
}

.windowPanel .window_body_center_div
{
    overflow: auto;
}

.windowPanel .window_body_right
{
    background-image: url(imagenes/WindowPanel/ContentMiddleRight.gif);
    background-position: right top;
    background-repeat: repeat-y;
    background-color: white;
    width: 2px;
}

.windowPanel .window_foot
{
    height: 2px;
    vertical-align: top;
}

.windowPanel .window_foot_left
{
    background-image: url(imagenes/WindowPanel/BottomLineLeft.gif);
    background-position: left bottom;
    background-repeat: no-repeat;
    width: 2px;
}

.windowPanel .window_foot_center
{
    background-image: url(imagenes/WindowPanel/BottomLineCenter.gif);
    background-position: right bottom;
    background-repeat: repeat-x;
}

.windowPanel .window_foot_right
{
    background-image: url(imagenes/WindowPanel/BottomLineRight.gif);
    background-position: right bottom;
    background-repeat: no-repeat;
    width: 2px;
}

iframe.windowPanel
{
    position: absolute;
    overflow: auto;
    border: solid 0px #ff0000;
    display: none;
    z-index: 100;
}


.windowPanel_back_image
{
    width: 100%;
    height: 100%;
    border: solid 0px;
    background-image: url(imagenes/pixeltrans.gif);
    background-color: black;
    filter: alpha(opacity=30);
}


/*Estilos del objeto SeleccionPaisCentroPuesto*/

.seleccionPaisCentroPuesto
{
}
.seleccionPaisCentroPuesto td
{
    vertical-align: top;
    text-align: left;
}

.seleccionPaisCentroPuesto .cabeceraLista
{
    padding-left: 8px;
}

.seleccionPaisCentroPuesto .cabeceraLista
{
    padding-left: 8px;
}

.seleccionPaisCentroPuesto .cuerpoLista
{
}

.seleccionPaisCentroPuesto .cuerpoLista .divPais
{
    overflow: auto;
    width: 170px;
    height: 140px;
    overflow-x: hidden;
    border: solid 1px white;
    background-image: url(imagenes/SeleccionPaisCentroPuesto/SeleccionGrupoPais.jpg);
    background-repeat: no-repeat;
}

.seleccionPaisCentroPuesto .cuerpoLista .divCentro
{
    overflow: auto;
    overflow-x: hidden;
    width: 100%;
    height: 140px;
    border: solid 1px white;
    background-image: url(imagenes/SeleccionPaisCentroPuesto/SeleccionGrupoCentros.jpg);
}


.seleccionPaisCentroPuesto .cuerpoLista .divPuesto
{
    overflow: auto;
    width: 100%;
    height: 200px;
    border: solid 1px white;
    background-image: url(imagenes/SeleccionPaisCentroPuesto/SeleccionGrupoPuestos.jpg);
}


/*AjaxControlToolkit Reorder List*/

.reorderList
{
}

.reorderList ul
{
    margin-left: 0px;
}
.reorderList .dragHandle
{
    width: 15px;
    height: 15px;
    cursor: move;
    border-style: dotted;
    border-width: 2px;
    border-color: #B3B3FF;
    margin-left: 4px;
}

/*.reorderList .callbackStyle {
	border:thin blue inset;		
}

.reorderList .callbackStyle table {
	background-color:#5377A9;	
	color:Black;
}*/

.reorderList li
{
    height: 20px;
    list-style: none;
    padding-top: 3px;
    background-image: url(grid/cell.gif);
    background-repeat: repeat-x;
    font-weight: normal;
}

.reorderList li a
{
    /*color:#FFF !important; font-weight:bold;*/
}

.reorderList .reorderCue
{
    /*border:dashed thin red; 	width:100%; 	height:85px; 	background-color:Green;*/
}

.reorderList .itemArea
{
    /*margin-left:15px; 	font-family:Arial, Verdana, sans-serif; 	font-size:1em; 	text-align:left;*/
}

.cabeceraReorderList
{
    vertical-align: middle;
    color: White;
    background-image: url(grid/header.gif);
    height: 28px;
    padding: 0px;
}


/*GlobalControl.DataUserTooltip*/

.DataUserToolTip
{
    display: none;
    background-image: url(imagenes/FichaEmpleado/fondo_ficha_flot_empleado.gif);
    position: absolute;
    z-index: 500000;
    width: 250px;
    height: 92px;
    top: 0px;
    left: 0px;
}

.DataUserToolTip .nombre
{
    position: absolute;
    top: 14px;
    left: 72px;
    font-weight: normal;
    font-size: 9px;
    color: #172a5b;
}

.DataUserToolTip .puesto
{
    position: absolute;
    top: 28px;
    left: 72px;
    font-weight: bold;
    color: #172a5b;
}

.DataUserToolTip .bandera
{
    position: absolute;
    top: 47px;
    left: 72px;
}

.DataUserToolTip .pais
{
    position: absolute;
    top: 45px;
    left: 93px;
    color: #1a50d7;
    font-weight: normal;
    font-size: 9px;
}

.DataUserToolTip .centro
{
    position: absolute;
    top: 59px;
    left: 72px;
    color: #1a50d7;
    font-weight: lighter;
    font-size: 9px;
}

.DataUserToolTip .foto
{
    position: absolute;
    top: 7px;
    left: 7px;
    width: 55px;
    height: 69px;
}

.dateTextBox
{
    display: inline-block;
    min-height: 18px;
}
.dateTextBox label
{
    display: inline-block;
    vertical-align: bottom;
    padding-top: 5px;
}
.dateTextBox input
{
    display: inline-block;
    width: 90px; /*border:solid 1px #aaadb2;*/
    margin-right: 5px;
    margin-left: 5px;
}
.dateTextBox a
{
    display: inline-block;
    width: 17px;
    min-height: 19px;
    background-image: url('imagenes/iconocalendariooff.gif');
    background-repeat: no-repeat;
    margin-left: 0px;
    margin-right: 5px;
}

table.radiobuttonalignleft input
{
    float: left;
    background: transparent;
    border: 0;
}
table.radiobuttonalignleft label
{
    margin-left: 5px;
    display: block;
    float: left;
    font-weight:normal
}
