@charset "utf-8";
/* CSS Document */

/*Para ocultar el título del menú*/
.cabOptionsMenu
{
    display:none;
}

/*Para ocultar el título del rastromigas*/
.ruta br, .ruta .tituloRuta
{
    display:none;
}

/*Para que el rastro migas aparezca a la derecha de "Estás en:" */
.migapan, .premigapan
{
    float:left;   
}
/*Para que el rastromigas tenga un pequeño margen tras el "Estás en:" */
.migapan
{
    margin-left:5px;
}

/*Para que en los menús del centro no haya saltos de línea entre opción y opción */
.subMenu img
{
    display:none;
}

/* Para que cuando hay dos o más botones dentro de un párrafo, salgan en línea */
p.parrafo_botones
{
    text-align:center;
    width: 596px;
}
.parrafo_botones input.botonbuscar
{
    margin-right:10% !important;
    float:none !important;
    margin-left: 0px !important;
    margin-top: 1em !important;
    margin-bottom: 1em !important;
}

/* Para que el applet de firma salga con el margen correcto y centrado */
.applet_firma
{
    margin: 0.5em 0.5em 0.5em 0.5em;
    text-align: center;
}

.tabladatos 
{
    margin-top:0px !important;
}

/*Para que la celda de la derecha del grid de ficheros me permita poner el borde izquierdo invisible */
.tabladatos table td.celda_invisible
{
    border-left: none;
}
/*Para que las imágenes del grid no tengan borde y ocupen 16x16 */
.tabladatos table td.celda_invisible input
{
    border: none;
    width: 16px;
    height: 16px;
}

/*Para que al pasar el ratón sobre la fila de un grid se resalte*/
tr.filaGridResaltada:hover
{
    background-color: rgb(253, 227, 196);
}


/* Para que los checkbox adquieran las propiedades que deberían tener al estar en un span */
.formulario span.radio input 
{ 
    width: auto; 
    float: left;
    border: 0; 
    display: inline;
    margin-top: 0 !important;
}
.formulario label.radio 
{
    /*margin-right: 30px; */
    margin-top: 0 !important;
    min-width: 80px; 
}

input[type=radio] 
{
    float: none !important;
}

/* Para que las imágenes de ordenación del grid se muestren bien */
.formulario .tabladatos th input.flecha_ordenacion
{
    width: 10px;
    height: 11px;
    display:inline;
    float: right;
} 

.formulario .tabladatos th a
{
    float: left;
    display: inline;   
}

/* Para que la lista de enlaces a cada fase de un expediente salga en negrita si es el actual */
.fase_actual
{
    font-weight: bold;   
}

/* Para que el icono de guardar ocupe lo que tiene que ocupar */
.formulario .tabladatos input.boton_guardar
{
    width: 19px;
    height: 16px;
    border-style: none;
}

/* Para que cuando haya paginación, la página actual se ponga negrita y en blanco */
.paginado li.actual a
{
    font-weight: bold;
    color: White;   
}

/* Para que salga el icono de los ficheros xsig que no está subido en la oficinavirtual */
.xsig_custom, xsig_custom:hover, li.xsig_custom, li.xsig_custom:hover
{
    background: URL("../App_Themes/AppExterna/imagesExterna/xsig.png") no-repeat scroll left top transparent !important;
}

/* Texto en negrita*/
.negrita 
{
    font-weight: bold;
}

/* Texto en negrita y rojo*/
.negritaRojo
{
    font-weight: bold;
    color: Red;
}

.pnlAcciones
{
 list-style:none;   
}

/* Botonera para el panel de realizar acciones */

.botonPnlAcciones 
{
    /*margin-right: 35% !important;   */
    float:none !important;
}

A.botonPnlAcciones:hover
{
  opacity:0.75;   
}

INPUT.botonPnlAcciones
{
    padding-bottom : 0.65em;
    border-right-width :0px;
    text-transform: uppercase;
    padding-left: 1em;
    width: auto !important;
    padding-right: 1em;
    /*background:url(../App_Themes/AppExterna/imagesExterna/backgroundboton.png) #f78f08 no-repeat right top;*/
    margin-bottom: 3px;
    border-top-width:0px;
    border-bottom-width: 0px;
    /*color:#fff !important;*/
    font-size:0.95em;
    border-left-width:0px;
    cursor: pointer;
    font-weight:bold;
    padding-top: 0.65em;
}

A.botonPnlAcciones
{
    padding-bottom : 0.65em;
    border-right-width :0px;
    text-transform: uppercase;
    padding-left: 1em;
    width: auto !important;
    padding-right: 1em;
    background:url(../App_Themes/AppExterna/imagesExterna/backgroundboton.png) #f78f08 no-repeat right top;
    border-top-width:0px;
    border-bottom-width: 0px;
    color:#fff !important;
    font-size:0.95em;
    border-left-width:0px;
    cursor: pointer;
    font-weight:bold;
    padding-top: 0.65em;
}

A.botonPnlAcciones
{
  text-decoration:none;
}

.formulario INPUT.botonPnlAcciones
{
    border-right-width:0px;
    margin-bottom: 3px;
    width: 25% !important;
    border-top-width : 0px;
    border-bottom-width : 0px;
    border-left-width : 0px;
}

input.botonbuscar 
{
    margin-right:40%;
    width:25%;
}


/* Fin de botonera para el panel de realizar acciones */


.RadioButtonList label
{
    display:inline;
}

.loading
{
    background-image: url(../Scripts/images/loading-anim.gif);
    background-position: right;
    background-repeat: no-repeat;
}

.divLoading {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    z-index:1000;
    /*background: url(../App_Themes/AppExterna/imagesExterna/px.gif); */
}

.divUpdateProgress
{   position:absolute;
    top:0px;
    bottom:0px;
    left:0px;
    right:0px;
    overflow:hidden;
    background-color:#FFF;
    filter:alpha(opacity=80);
    opacity:0.8;
    z-index:1000;
    width:100%;
    height:100%;
}

.fixedDiv
{
    position:fixed !important;
}

.centered {
  position: absolute;
  top: 50%;
  left: 50%;
  /* bring your own prefixes */
  transform: translate(-50%, -50%);
}

.modalTramitesARealizar 
{ 
    background-color: #666699; 
    filter: alpha(opacity=50); 
    opacity: 0.7; 
} 

.pnlTramitesARealizar 
{ 
    background-color: #285286; 
    border-width: 4px; 
    border-style: outset; 
    border-color: #ffaf2d; 
    padding: 10px; 
    width: 300px; 
    font-weight: bold; 
    font-style: italic;
    min-height:50px;
    display:none;
}

.enlaceBlanco 
{
    color:white;
    text-decoration:underline
}

.imgCentrada 
{ 
    left: 50%;
    top: 50%;
    position: absolute;
}

.imgCloseRightUp 
{ 
    position: absolute;
    top: 0px;
    right: 0px;
    padding:5px;
    margin:2px;
    cursor: pointer;
    cursor: hand;
}

/*Estilos para la imagen de la eliminar fechas de los textbox de busqueda*/
.fotoLimpiarFechas
{
    height:22px;
    /*width:22px;*/
    margin-top:3px;
    cursor:pointer;
    cursor: hand;
}
.fotoLimpiarFechasAlinearTextbox
{
    position:relative;
    top:7px;
}

/*Estilos cabecera extra de los informes dinámicos*/
/*Para que la celda de la derecha del grid de ficheros me permita poner el borde izquierdo invisible */
.tabladatos table td.cabeceraExtra
{
    background-image: url(../App_Themes/AppExterna/imagesExterna/fn-tabla-th.png);
    background-repeat:repeat;
    background-attachment:scroll;
    padding-top:3px;
    padding-bottom:5px;
    text-align:center;
}

.tabladatos table td.cabeceraExtra span
{
    font-size:12px;
    padding-bottom:0px;
    color:#555;
}

.tabladatos table tr:first-child td.cabeceraExtra
{
    border-top-width:0px;
}

/* Mostrar los elementos de un checkboxlist en una sola linea*/
.checkBoxListCombos label
{
    padding-bottom:0px;
    width:80%;
    display:inline-block;
    margin-left:5px;
    cursor:pointer;
    cursor:hand;
    font-size:1em;
    color:#555
}
.checkBoxListCombos
{
    width:100%;
}

.checkBoxListCombos tbody tr:first-child
{
    border-bottom:1px solid black;
}

/* El div para los elementos de los combos multiseleccionables*/
.pnlCombosMultiseleccion
{
    background-color:White;
    border: 1px solid black;
    width:382px;
    max-height:90px;
    overflow:auto;
    position:absolute;
    z-index:1001;
    margin-top:-12px;
    display:none;
}      

.divMargenIzquierdoCombo
{
    margin-left:35%;
}

/* */
.txtBoxCheckBoxList[readonly]
{
    background-color:White;
    background-image: url(../App_Themes/AppExterna/imagesExterna/FlechaAbajoTxtCombo.png);
    background-repeat:no-repeat;
    background-position: right top;
    cursor:pointer;
    cursor:hand;
}

.pnlCollapsibleFondo 
{
    background-image: url(../App_Themes/AppExterna/imagesExterna/fn-buscador.png);
    background-repeat:repeat-x;
    background-attachment:scroll;
    background-position: center bottom;
    background-size: auto;   
}

.panelOverflow
{
    overflow-x:auto;    
    overflow-y:hidden;
    min-height:0%;
    /*width:700px;*/
}

/* Gráfica*/
.grafica
{
    height: 200px;
    width:700px;
    text-align:left;
}

.graficaMostrar svg rect:first-of-type
{
    opacity:0;
}

.graficaOculta div
{
    display:none;
}

.graficaMostrar div
{
    display:block;
}

.filaTablaExcel
{
    display:inline;
    vertical-align:top;
    text-align:right;
    width:100%;
}

.filaTablaExcel a
{
    margin-bottom:10px;
}

/* Para presentar el link button y la imagen de descarga de excel para el informe correctamente*/
.divExportarExcelInforme
{
    text-align:right;
}

.divExportarExcelInforme input.imageExcel
{
    height:50px;
    width:50px;
    vertical-align:middle;
}
.linkTodasColumnas
{
    cursor:pointer;
    cursor:hand;
    margin-right:30px;
}

/*Maquetación de divs*/
.divTabla
{
    display:table;
    width:100%;
}

.divFila
{
    display:table-row;
}

.divCeldaPaddingRight
{
    display:table-cell;
    padding-right:40px;
    vertical-align:middle
}
.divCelda
{
    display:table-cell;
    vertical-align:middle
}
.divCeldaTextoDerecha
{
    display:table-cell;
    vertical-align:top;
    text-align:right;
}
.divCeldaTextoDerechaMiddle
{
    display:table-cell;
    vertical-align:middle;
    text-align:right;
}

#containerFases
{
    position: relative;
    padding: 0px 10px;
    overflow: hidden;
}


#containerMoreFases a 
{
    padding-right:22px;
    font-weight:bold;
}

#containerTextFases
{
    position: absolute;
    bottom: 0px;
}

#containerTextFases.mostrarTodasFases
{
    position: relative;
}

.mostrarFases
{
    margin-left: 25px;
    padding-left: 12px;    
    background-image: url("../App_Themes/AppExterna/imagesExterna/flecha-abajo.png");
    background-repeat: no-repeat;
    background-position: center left;
}

.ocultarFases
{
    margin-left: 25px;
    padding-left: 12px;
    background-image: url("../App_Themes/AppExterna/imagesExterna/flecha-arriba.png");
    background-repeat: no-repeat;
    background-position: center left;
}

.search {
    padding-right: 20;
}

.clear {
    text-indent: -1000em;
    width: 16px;
    height: 16px;
    display: inline-block;
    background-image: url("../App_Themes/AppExterna/imagesExterna/close_image.png");
    background-repeat: no-repeat;
    position: relative;
    left: -20px;
    top: 3px;
    cursor:pointer;
    cursor: hand;
}

.updateProgress 
{ 
    border-width: 1px;
    border-style: solid;
    background-color: #FFFFFF;
    width: 200px;
    height: 110px;
}

.updateProgress div
{
    text-align: center;
    margin: 10% 0px;
}

.search {
    padding-right: 20;
}

.clear {
    text-indent: -1000em;
    width: 16px;
    height: 16px;
    display: inline-block;
    background-image: url("../App_Themes/AppExterna/imagesExterna/close_image.png");
    background-repeat: no-repeat;
    position: relative;
    left: -20px;
    top: 3px;
    cursor:pointer;
    cursor: hand;
}
/* Modal partido para comparacion de datos */
.modalBackground {
	background-color:Gray;
    filter: alpha(opacity=50);
    opacity: 0.50;
}
 
.updateProgress 
{ 
    border-width: 1px;
    border-style: solid;
    background-color: #FFFFFF;
    width: 200px;
    height: 110px;
}

.updateProgress div
{
    text-align: center;
    margin: 10% 0px;
}

.modalPopup {
	background-color:#ffffff;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;	
	width:1224px;
	height:768px;		
}

.modalPopupNoSize {
	background-color:#ffffff;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;	
}

.modalPopup .botonbuscar,
.modalPopupNoSize .botonbuscar
{
    float:none !important;    
}

.panelContentModal 
{
    /*max-height:90%;
    overflow:auto;  */
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    text-align: center;
    float: none !important;
}

.linkInformes
{
    text-decoration:underline;
    color:Blue !important;
} 

.listaInformes ul
{
    list-style-type: circle;
    padding-left: 15px;
    margin-bottom:10px;
}

.listaInformes ul li
{
    padding-left:10px;
}

.imgCentradaTexto
{
    vertical-align:middle;
}

.subirArchivoMaxWidth
{
    max-width:300px;
} 

.fichero
{
    background: url("../App_Themes/AppExterna/imagesExterna/OptionList.png") no-repeat scroll left top transparent !important; 
}

.fechaformulario input 
{ 
width:30%; 
} 


.formulario legend 
{ 
width:100%; 
} 

.formulario legend span 
{ 
    display:block;
    width:100%; 
}


.lineaformularioFechas input {margin-right: 2%; width: auto;}

.CompletionListCssClass 
{ 
    background-color:White; 
    border: 1px solid black; 
    max-height:120px; 
    overflow:auto; 
    z-index:50; 
    /*display:none;*/   

}

.botonTabla
{
    width:25% !important;
    margin-left:15%;
    margin-bottom:1em;
    padding:0.45em 1em;
}

.botonAjusteCentrado
{
    margin-left:35% !important;
    margin-right:35% !important;
    padding-left:0px !important;
    padding-right:0px !important;
}

.desplegableTabla
{
    /*display:inline !important;*/
    margin-left:10px;
}

.boton-gris
{
    float:none !important;
}

a.boton_link img 
{
    vertical-align:baseline !important;
}

.BordeIzquierdo{
    border-left: 1px solid #d2d2d2;
}

.logo img { padding-right: 1.2em ;}