/****** ESTILOS SOLICITUD ********/

/* ESTILOS ETIQUETAS HTML */
TABLE
{
	color: #1e3c7b;
	font-size: smaller;
	border: 0;
	border-spacing: 0;
	margin: 0px;
}

LABEL, .etiqueta
{
	color: #1e3c7b;
    text-align: left;
}

BR { clear: left; }

UL
{
    list-style: none;
    display: inline-block;
    margin: 10px 0;
    padding: 0;
}

H1
{
	margin: 10px auto;
	padding: 5px;
	color: #517dbf;
	font: bolder 12px verdana;
}

H2
{
	margin: 10px auto;
	padding: 5px;
	color: #517dbf;
	font: bolder 10px verdana;
}


FIELDSET
{
    height: auto;
	padding: 0;
	margin: 0 2px;
}

OPTION
{
	background-color: #F0FFFF;
}

SELECT
{
	font-size: 9px;
}

TEXTAREA
{
    font-family: Verdana;
}
/* * */


/*
    ESTILOS MAQUETACION DE FORMULARIOS CON LISTAS
    Tres opciones:
    1º. Por 'filas', cada LI ocupa el 100% de ancho del panel.
    2º. Por 'columnas', cada LI tiene de ancho el valor especificado, alineandose a lo largo del panel.
    3º. 'flotante', es decir, cada elemento LI se situa a continuación del siguiente sin ningun ancho determinado.
*/

.filas LI, .columnas LI, .flotante LI
{
    display: block;
    float: left;
    margin: 0 2px;
}

/* Ancho de LI en el modo 'columnas' */
.columnas LI { width: 250px; }

/* LI abarcando el 100% de su capa contenedora */
.filas LI
{
    margin-top: 10px;
    width: 100%;
}

/* Etiquetas HTML de formulario como flotantes a la izquierda */
.filas LI LABEL, .filas LI INPUT, .filas LI SELECT, .filas IMG { float: left; }
.columnas LI LABEL, .columnas LI INPUT, .columnas LI SELECT { float: left; }
.flotante LI LABEL, .flotante LI INPUT, .flotante LI SELECT, .flotante IMG { float: left; }

/* * */

/* CLASES VARIAS */

/* ESTILOS PÁGINA CONTROL DE EXPEDIENTES */

.controlRevision
{
    margin-left: auto;
    margin-right: auto;
}

.controlRevision .filaRevision, .controlRevision { width: 600px; }

.controlRevision .columnaRevision1, 
.controlRevision .columnaRevision2 
{
    float: left;
    display: block;
}

.controlRevision .columnaRevision1 { width: 150px; }
.controlRevision .columnaRevision2 { width: 450px; }

.imgfase
{
	height: 55px;
	width: 114px;  
}

.controlRevision .columnaRevision2 .estado
{
    padding: 5px;
    display: block;
    width: auto;
    height: auto;
    color: #FF0000;
    background-color: #f0e68c;
}

.controlRevision .columnaRevision2 .columnaDatos
{
	margin: 0px 0px 5px 0px;
	color: #1e3c7b;
}

.estado
{
    padding: 20px;
    display: block;
    width: auto;
    height: auto;
    color: #FF0000;
    border: solid 1px #517dbf;
    background-color: #f0e68c;
}

.fase
{
    font-size: medium;
    font-weight: bolder;
}

.info
{
    font-size: larger;
    font-weight: bold;
}


/* * */

/* Clases para establecer margenes */
.margen1 input, .margen3 input { margin-left: 5px; }
.margen2 label, .margen2 a { margin-left: 10px; }
.margen3 label { margin-left: 5px; }

.invisible { visibility: hidden; }
.visible{visibility:visible;}

/* Centra la ETIQUETA LABEL en una lista de RadioButton o de Checks */
.listas LABEL { margin-top: 4px; }

/* Para establecer un degradado en una capa. Estilos de los paneles de las capas */
.degradado
{
	width:100%;
	float: left;
    border: solid 1px #85A4D3;
	background: url(../../Imagenes/FormulariosComun/degradado-fieldset.gif) top repeat-x;
	color: #1e3c7b;
}

.degradadomarco
{
	width:98% !important;
	padding-top:10px;
	padding-bottom:10px;
}

.normal
{
    border: solid 1px #85A4D3;
    padding: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.normal LEGEND
{
    display: inline !important;
    padding: 2px;
}

.degradado LEGEND { display: none; }

.marcointernolegenda
{
	width: 100%;
	border: solid 1px #85A4D3;
	margin-top: 5px;
	margin-bottom: 5px;
}
.marcointernolegenda LEGEND { display: inline; }

/* * */

/*** ESTILOS TEXTBOX, DROPDOWNLIST, RADIO Y BUTTON ***/

.textbox, .readonlytextbox, .list, .textboxReadOnlyDE , .textboxDE, .textboxFirma { border: #ffcc00 1px solid; }

.textbox, .readonlytextbox, .textboxerror, .textboxReadOnlyDE, .textboxFirmaError,  .list { font: normal Verdana; }

.textbox, .readonlytextbox, .textboxerror, .textboxReadOnlyDE, .list { font-size: 12px; }

.readonlytextbox{ background-color: #d3d3d3; }

.textboxerror , .textboxFirmaError, .textboxDEerror{ border: #ff0000 1px solid; }

.list, .radio { font-size: 10px; }

.list { color:#1e3c7b; }

.radio
{
	text-decoration:none;
	color: #1e3c7b;
}

.dropdown 
{
	color:navy;
	font-weight:bolder;
	background-color:#F0FFFF;
	font-size: 10px;
}

.rojo
{
	color: #ff0000;
}

/* * */


/*** ESTILOS PESTAÑAS ***/
.pestanas { padding:0px 3px; width: 100%;}

/* Estilos UL, LI dentro de capa con clase "pestanas" */
.pestanas UL, .pestanas LI
{
    margin: 0px;
    padding: 0px;
    display: inline;
    list-style-type: none;
    font: 10px Verdana;
    float: left;
}

/* Estilos LINKBUTTON de las pestañas */
.botonlinksaad, .currentbotonlinksaad, .botonlinksaaderror, .botonlinksaadmini, .currentbotonlinksaadmini, .botonlinksaadminierror, .botonlinksaadmed, .currentbotonlinksaadmed, .botonlinksaadmederror
{
    display: block;
    float: left;
    height: 12px;
    color: #1e3c7b;
    padding: 5px;
    font-weight: bold;
    text-decoration: none;
}

/* Tamaño Mini */
.currentbotonlinksaadmini
{
    width: 36px;
    background: url(../../Imagenes/FormulariosComun/pestanamini1.gif) no-repeat;
}

.botonlinksaadmini
{
    width: 36px;
    background: url(../../Imagenes/FormulariosComun/pestanamini2.gif) no-repeat;
}

.botonlinksaadminierror
{
    width: 36px;
    background: url(../../Imagenes/FormulariosComun/pestanamini3.gif) no-repeat;
}
/* */

/* Tamaño Medio */
.currentbotonlinksaadmed
{
    width: 89px;
    background: url(../../Imagenes/FormulariosComun/pestanamed1.gif) no-repeat;
}

.botonlinksaadmed
{
    width: 89px;
    background: url(../../Imagenes/FormulariosComun/pestanamed2.gif) no-repeat;
}

.botonlinksaadmederror
{
    width: 89px;
    background: url(../../Imagenes/FormulariosComun/pestanamed3.gif) no-repeat;
}
/* */

/* Imagen de fondo pestaña general */
.botonlinksaad
{
    width: 123px;
    background: url(../../Imagenes/FormulariosComun/pestana2.gif) top left no-repeat;
}

/* Imagen fondo pestaña actual */
.currentbotonlinksaad
{
    width: 123px;
    background: url(../../Imagenes/FormulariosComun/pestana1.gif) top left no-repeat;
}

.botonlinksaaderror
{
    width: 123px;
    background: url(../../Imagenes/FormulariosComun/pestana3.gif) top left no-repeat;
}
/*  */


/*** ESTILOS GRIDVIEW ***/

/* Estilo general de los GRIDS */
.grid
{ 
	border: solid 1px #517dbf;
	background-color: #EBF0F9;
	color: #1e3c7b;
	text-align: center;
}

/* Estilo de la tabla de los GRIDS */
.grid TD, .grid TH
{
    height: 32px;
	border-right: #517dbf 1px solid;
	border-bottom: #517dbf 1px solid;
	font-size: 10px;
	padding: 0px 5px 0px 5px;
	margin: 2px 2px;
}

.grid TD { height: 32px; }

.grid A:HOVER
{
	color: Navy;
	text-decoration: underline;
}

.grid A
{
	text-decoration: none;
	color: White;
}

/* Estilo de la cabecera del Grid */
.headerrow
{
	font-weight: bold;
	color: #1e3c7b;
	border-bottom: #517dbf 3px solid;
	background-color: #8eacda;
	vertical-align:bottom;
}
.headerrow TH
{
    height: auto !important;
	padding: 5px 5px 5px 5px;
}
/* Estilo del pie del Grid */
.footerrow TD { background-color: #8eacda; }

/* Estilo del pie del Grid */
.gridsinresultados { padding: 10px 10px; }

/* Estilo de la fila alternativa del Grid */
.altrow TD { background-color: #cbd8eb; }

/* Estilo de la fila seleccionada */
.selectedrow TD { background-color: #f0e68c; }

/* Estilo de la paginación del GRID */
.pager TD
{
    height: auto !important;
    font-weight: bolder;
    color: #FFCC00;
    font-size: 12px;
}
.pager TABLE
{
	padding:5px 5px;
}
.pager TABLE TD
{
	text-align: center;
	background-color: #8eacda;
	border: solid 2px #517dbf;
	padding: 5px 5px;
}
.pager A
{
	text-decoration: none;
	color: #FFFFFF;
}

.pager A:hover 
{
	color: #1e3c7b; 
}

.pager span 
{
	color: #1e3c7b; 
}





/*******************************/

/**********************************************************************/
/* ESTILOS PARA DATAGRID MINI*/
/**********************************************************************/


/* Estilo general de los GRIDS */
.gridmini
{ 
	border: solid 1px #517dbf;
	background-color: #EBF0F9;
	color: #1e3c7b;
	text-align: center;
}

/* Estilo de la tabla de los GRIDS */
.gridmini TD, .gridmini TH
{
	border-right: #517dbf 1px solid;
	border-bottom: #517dbf 1px solid;
	font-size: 9px;
	padding: 0px 0px;
	margin: 0px 0px;
}

.gridmini A:HOVER
{
	color: Navy;
	text-decoration: underline;
}

.gridmini A
{
	text-decoration: none;
	color: White;
}


/* Estilo de la cabecera del Grid */
.headerrowmini
{
	font-weight: bold;
	color: #1e3c7b;
	border-bottom: #517dbf 3px solid;
	background-color: #8eacda;
	vertical-align:bottom;
}
.headerrowmini TH
{
    height: auto !important;
	padding: 2px 2px;
}
/* Estilo del pie del Grid */
.gridsinresultados { padding: 10px 10px; }

/* Estilo de la fila alternativa del Grid */
.altrow TD { background-color: #cbd8eb; }

/* Estilo de la fila seleccionada */
.selectedrow TD { background-color: #f0e68c; }

/* Estilo de la paginación del GRID */
.pagermini TD
{
    height: auto !important;
    font-weight: bolder;
    color: #FFCC00;
    font-size: 9px;
}
.pagermini TABLE
{
	padding:3px 3px;
}
.pagermini TABLE TD
{
	text-align: center;
	background-color: #8eacda;
	border: solid 2px #517dbf;
	padding: 3px 3px;
}
.pagermini A
{
	text-decoration: none;
	color: #FFFFFF;
}

.pagermini A:hover 
{
	color: #1e3c7b; 
}

.pagermini span 
{
	color: #1e3c7b; 
}

/***********************************/


/* ESTILOS VALIDACIÓN */

/* Estilo capa con clase 'validacion' */
.validacion, .aviso
{
    height: auto;
    padding: 5px;
    margin: 20px;
    color: #FF0000;
    border: solid 1px #FF0000;
    background-color: #f0e68c;
}

.validacion { width: 50%; }

.aviso { width: 75%; }

/* Estilo etiqueta LABEL dentro de una capa con clase 'validacion' */
.validacion span
{
    color: Red;
    font-weight: bold;
}

/* * */


/* ESTILOS DATOS CABECERA */

/* Estilo capa con clase 'datoscabecera' */
.datoscabecera
{
    height: auto;
    width: 650px;
    color:#1e3c7b;
    padding: 5px;
    margin: 5px;
    border: solid 1px #517dbf;
    background: url(../../Imagenes/FormulariosComun/degradado-fieldset.gif) top repeat-x;
    background-color: #cbd8eb;
}

/* Estilo etiqueta LABEL dentro de una capa con clase 'validacion' */
.datoscabecera span
{
    color:#1e3c7b;
    font-weight: bold;  
}

.datoscabeceramini
{
    height: auto;
    width: 300px;
    color:#1e3c7b;
    padding: 5px;
    margin: 10px;
    border: solid 1px #517dbf;
    background: url(../../Imagenes/FormulariosComun/degradado-fieldset.gif) top repeat-x;
    background-color: #cbd8eb;
}

.datosAsginacionCuidador
{
    height: auto;
    width: 450px;
    color:#1e3c7b;
    padding: 5px;
    margin: 5px;
    border: solid 1px #517dbf;
    background: url(../../Imagenes/FormulariosComun/degradado-fieldset.gif) top repeat-x;
    background-color: #cbd8eb;
}

/* * */



/* ESTILOS DEL MODALPOPUP */

/* Estilo de la capa del ModalPopUp */
.mensaje
{
    visibility: visible;
    color: #1e3c7b;
    font-weight: bold;
    background: #EBF0F9;
    min-width: 400px;
    width: 50% !important;
    height: auto;
    padding: 15px;
    border: solid 1px #1e3c7b;
    margin: 5px;
}

/* Separación elementos LI de la lista dentro del ModalPopUp */
.mensaje LI { margin-top: 10px; }

.mensaje .tablasinformato
{
	text-align:left;
}

.mensaje .tablasinformato TD
{
	font-weight:normal;
}

/* Estilo del fondo de la pagina cuando se muestra el ModalPopUp */
.mensajefondo
{
	background-color: #f0e68c;
	filter: alpha(opacity=70);
	opacity: 0.7;
}

.scroll
{
	background-color: #f0e68c;
	filter: alpha(opacity=90);
	opacity: 0.9;
    border: solid 1px #1e3c7b;
    margin: 5px;
}

/*Mensaje POP UP con scrol para evitar sobrepase limites pantalla*/

.mensajescroll
{
    visibility: visible;
    color: #1e3c7b;
    font-weight: bold;
    background: #EBF0F9;
    width: 500px;
    height: 500px !important;
    border: solid 1px #1e3c7b;
}

.mensajescrollcontenido
{
	 width : 500px !important;
     height: 500px !important;
     overflow-x:hidden;
	 overflow-y:auto;
}

.mensajescroll .tablasinformato
{
	text-align:left;
}

.mensajescroll .tablasinformato TD
{
	font-weight:normal;
}

.mensajescroll2
{
    visibility: visible;
    color: #1e3c7b;
    font-weight: bold;
    background: #EBF0F9;
    width: 500px;
    height: 550px !important;
    border: solid 1px #1e3c7b;
}

.mensajescroll2contenido
{
	 width : 500px !important;
     height: 500px !important;
     overflow-x:hidden;
	 overflow-y:auto;
}

/* Separación elementos LI de la lista dentro del ModalPopUp */
.mensajescroll2 LI { margin-top: 10px; }

.mensajescroll2 .tablasinformato
{
	text-align:left;
}

.mensajescroll2 .tablasinformato TD
{
	font-weight:normal;
}

/* ESTILOS CALENDARIO */

.ajax__calendar_container {padding:4px;position:absolute;cursor:default;width:170px;font-size:11px;text-align:center;font-family:tahoma,verdana,helvetica;}
.ajax__calendar_body {height:139px;width:170px;position:relative;overflow:hidden;margin:auto;}
.ajax__calendar_days, .ajax__calendar_months, .ajax__calendar_years {top:0px;left:0px;height:139px;width:170px;position:absolute;text-align:center;margin:auto;}
.ajax__calendar_container TABLE {font-size:11px;}
.ajax__calendar_header {height:20px;width:100%;}
.ajax__calendar_title {cursor:pointer;font-weight:bold;}
.ajax__calendar_footer {height:15px;}
.ajax__calendar_today {cursor:pointer;padding-top:3px;}
.ajax__calendar_dayname {height:17px;width:18px;text-align:right;padding:2px;}
.ajax__calendar_day {height:17px;width:18px;text-align:right;padding:2px;cursor:pointer;}
.ajax__calendar_month {height:44px;width:40px;text-align:center;cursor:pointer;overflow:hidden;}
.ajax__calendar_year {height:44px;width:40px;text-align:center;cursor:pointer;overflow:hidden;}

.calendario td, .calendario th
{
    height: auto !important;
	border: 0px !important;
	padding: 0px !important;
	margin: 0px !important;
	background-color: Transparent !important;
	font-size: 11px !important;
}

.calendario .ajax__calendar_container {border:1px solid #1e3c7b; background-color: #EBF0F9; color:#1e3c7b;}
.calendario .ajax__calendar_active .ajax__calendar_day, .calendario .ajax__calendar_active .ajax__calendar_month, .calendario .ajax__calendar_active .ajax__calendar_year {background-color:#f0e68c;}
.calendario .ajax__calendar_other .ajax__calendar_day, .calendario .ajax__calendar_other .ajax__calendar_year {background-color:#ffffff;}
.calendario .ajax__calendar_hover .ajax__calendar_day, .calendario .ajax__calendar_hover .ajax__calendar_month, .calendario .ajax__calendar_hover .ajax__calendar_year {background-color:#f0e68c;}
.calendario .ajax__calendar_hover .ajax__calendar_title, .calendario .ajax__calendar_hover .ajax__calendar_today {text-decoration: underline;}

/*ESTILO TABS_CONTROL*/

.ajax__tab_tab, .ajax__tab_active
{ 
	font-family:Verdana,Arial,MS Sans Serif;
	font-size:10px;
}
.ajax__tab_active
{
    height: 12px;
    color: #1e3c7b;
    font-weight: bold;
    text-decoration: none; 
    width: 150px;
    
}
.ajax__tab_header
{
	margin-left:5px;
	float: left;
    height: 21px;
    color: #1e3c7b;
    font-weight: bold;
    text-decoration: none; 
    width: 150px;
}
.ajax__tab_tab
{
	background: url(../../Imagenes/FormulariosComun/degradado-fieldset.gif) top repeat-x;
    width: 150px;
	
}
.ajax__tab_body
{
	float:left;
	border: solid 1px #85A4D3;
    width: 90%;
    margin-left:5px;
	background: url(../../Imagenes/FormulariosComun/degradado-fieldset.gif) top repeat-x;
	color: #1e3c7b;
}


.textboxReadOnlyDE
{
	background-color: #CCFFCC;
	font-size: x-small;
	font-weight: bold;
	font-family: Verdana, Sans-Serif, Arial;
	text-align: right;
	cursor: text;
}
.textboxDE
{
	font-size: x-small;
	font-weight: bold;
	font-family: Verdana, Sans-Serif, Arial;
	text-align: right;
	cursor:text;
}
.textboxFirma
{
	font-size: x-small;
	font-family: Verdana, Sans-Serif, Arial;
	text-align: center;
	cursor:text;
}
.textboxDEerror
{
	font-size: x-small;
	font-weight: bold;
	font-family: Verdana, Sans-Serif, Arial;
	text-align: right;
	cursor:text;
}
.textboxFirmaError
{
	font-size: x-small;
	font-family: Verdana, Sans-Serif, Arial;
	text-align: center;
	cursor:text;
}

.reorderedList
{
	vertical-align:top;
	font-size: x-small;
	font-weight: bold;
	font-family: Verdana, Sans-Serif, Arial;
	/*cursor: pointer;*/
}
/*
.grid
{
	background-image:"/SIPSS2/Imagenes/FormulariosComun/degradado-fieldset.gif";
}
*/

.fondoTab
{
	background-image: url(Imagenes/FormulariosComun/degradado-tab.gif);
	background-repeat: repeat-x;
}

/*ACCORDION STYLE*/
.accordionHeader
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #2E4d7B;
	font-family: Arial, Sans-Serif;
	font-size: 10px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.accordionHeaderSelected
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #2E4d7B;
	font-family: Arial, Sans-Serif;
	font-size: 10px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

/*Imita la cabecera del Acordeon*/
.accordionHeaderPanel
{
	cursor: pointer;
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #2E4d7B;
	font-family: Arial, Sans-Serif;
	font-size: 10px;
	font-weight: bold;
	padding-top:5px;
	padding-bottom:5px;
}

.accordionContent
{
    background-color: #D3DEEF;
    /*border-style:solid;*/
    border-width:thin;
    border-color:#2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
    visibility:visible;
}

.accordionHeaderPanelSAAD
{
	cursor: pointer;
    border: 1px solid #2F4F4F;
    color: white;
    background: url(../../Imagenes/FormulariosComun/degradado-fieldset.gif) top repeat-x;
	font-family: Arial, Sans-Serif;
	font-size: 10px;
	font-weight: bolder;
	/*padding-top:5px;
	padding-bottom:5px;*/
}

.accordionContentSAAD
{
    background-color: #D3DEEF;
    /*border-style:solid;*/
    /*
    border-width:thin;
    border-color:#2F4F4F;
    border-top: none;
*/
    visibility:visible;
}

.accordionContentSAAD .contenidoAcordeon
{
	border-bottom: 1px solid #2E4d7B;
	border-right: 1px solid #2E4d7B;
	border-left: 1px solid #2E4d7B;
	padding: 10px;
}

.accordionLink
{
	cursor: pointer;
	/*background-color: #D3DEEF;
    color: white;*/
}

.maskedEditError
{
	background-color:#FFA9A8;
	}
.maskedEditFocus
{
	background-color:White;
	}
/* COLOCACION BOTONES DE IMPRIMIR */

div .filaBotomImprimir, div .filaBotomImprimirBajado
{
	text-align:right;
}

div .filaBotomImprimir input
{
	margin-right:10px;
	margin-bottom:0px;
	margin-top:5px;
}

div .filaBotomImprimirBajado input
{
	margin-right:10px;
	margin-bottom:-20px;
	margin-top:5px;
}
/* FIN COLOCACION BOTONES DE IMPRIMIR */

/* BOTONES IMAGENES */
/*Imagenes Grids */
.imagenGrid, imagenBotonGrid
{
	width:32px;
}
/*Botones dentro de los grids*/
.imagenBotonGrid
{
	background-color: #EBF0F9;
	border: solid 2px #517dbf !important;
}
/*Botones con Iconos*/
.imagenBoton
{
	width:32px;
	background-color: #EBF0F9;
	border: solid 2px #517dbf !important;
}
/*Imagen de Imprimir*/
.imagenImprimir
{
	width:32px;
	background-color: #EBF0F9;
	border: solid 2px #517dbf !important;
}

.etiquetas
{
    float: left;
}

.iconos
{
    float: right;
    margin-top:-22px;
}

.iconos SELECT
{
    margin: auto auto 4px 4px;
}

.iconos IMG, .iconos INPUT
{
    background-color: #EBF0F9;
	border: solid 2px #517dbf !important;
	margin: auto auto auto 4px;
}

/*Parte del Contenido de Programa y Servicios*/
#ContenidoProgramaAtencion h1
{
	margin: 10px auto;
	padding: 5px;
	color: #1e3c7b;
	font: bolder 14px verdana;
}
#ContenidoProgramaAtencion h3
{
	margin: 10px auto;
	padding: 5px;
	color: #517dbf;
	font: bolder 12px verdana;
}

.centrado
{
	text-align:center;
	margin: 0px auto; /* centrar con firefox */
}

/* Página Externa */

#bodyexterno { background-color: #ffffff !important; }

#contenedorexterno
{ 
	text-align: left; 
	width: auto; 
	background-color: #ffffff; 
	margin: auto; 
}

#cabeceraexterno
{
	border: 0px;
	width: auto;
	height: 125px;
	background-color: #FFFFFF;
	margin: 8px;
	overflow: hidden;
}

#cabeceraexterno IMG
{
    float: left;
    width: 996px;
    height: 125px;
}

#contenidoexterno
{
	position: absolute;
	background-color: #FFFFFF;
	left: 50%;
	width: 900px;
	margin-left: -450px;
	margin-top: 10px;
}

.innercontenidoexterno
{
    margin: 0px;
    padding: 10px;
    border-left: solid 1px #cccccc;
    border-right: solid 1px #cccccc;
    border-bottom: solid 1px #cccccc;
    text-align: center;
}

.topcontenidoexterno
{
    background: #FF9900 url(../../Imagenes/FormulariosComun/tdDrchNaranja.jpg) no-repeat top right;
    height: 20px;
    width: auto;
    margin: 0px;
}

.topcontenidoexterno P
{
    color: #FFFFFF;
    font-size: 16px;
    padding: 1px;
    font-weight: bold;
}

.innercontenidoexterno UL
{
    margin: 0px !important;
}

.innercontenidoexterno LI
{
    margin-top: 10px;
}

.labelexterno
{
	color: #666666;
    text-align: left;
    font-size: 16px;
    font-weight: bold;
}

.textboxexterno, .textboxerrorexterno
{
    margin: 0px;
    font-size: 16px;
    color: #666666;
    font-weight: bold;
}

.textboxexterno 
{
    border: #fe9900 1px solid;
    background-color: #efefef;
}

.textboxerrorexterno
{
    border: #ff0000 1px solid;
    background-color: #EFD1D1;
}

.buttonexterno, .buttonoverexterno, #mensajeexterno .button, #mensajeexterno .buttonover
{
	font: bold 16px Verdana !important;
	width: 156px !important;
	height: 34px !important;
	border: none !important;
	background-color: Transparent !important;
	margin: 0px !important;
	padding: 0px;
	cursor: pointer !important;
}

.buttonexterno, #mensajeexterno .button
{
    color: #FFFFFF !important;
	background: url(../../Imagenes/FormulariosComun/boton1.gif) no-repeat top left !important;
}

.buttonoverexterno, #mensajeexterno .buttonover
{
    color: #666666;
	background: url(../../Imagenes/FormulariosComun/boton2.gif) no-repeat top left !important;
}

/* Estilo de la capa del ModalPopUp */
#mensajeexterno .mensaje
{
    color: #666666 !important;
    border: solid 1px #FF9900 !important;
    text-align: center !important;
    background-color: #ffffff !important;
    min-width: 500px !important;
}

#mensajeexterno { font: bold 16px Verdana !important; }

/* PARTE DE LA FLECHA DE CONTROL */
.flecha
{
    margin: 0px;
}

.flecha DIV
{
    float: left;
    position: relative;
    padding-top: 30px;
    font-size: 50px;
    font-weight: bold;
    display: block;
    width: 165px;
    height: 120px;
    top: 10px;
}

#flecha1 DIV { left: 160px; }
#flecha2 DIV { left: 140px; }
#flecha3 DIV { left: 120px; }
#flecha4 DIV { left: 100px; }

.flecha-pendiente { background: url(../../Imagenes/FormulariosComun/EstadosExpediente/g.gif) no-repeat; }
 
.flecha-actual { background: url(../../Imagenes/FormulariosComun/EstadosExpediente/a.gif) no-repeat; }
 
.flecha-finalizado { background: url(../../Imagenes/FormulariosComun/EstadosExpediente/v.gif) no-repeat; }

.actual { background-color: #FFFB9F; }

.finalizado { background-color: #C9EFC2; }

.pendiente { background-color: #EFEFEF; }

.actual, .finalizado, .flecha-actual, .flecha-finalizado { color: #666666; }

.pendiente, .flecha-pendiente { color: #CCCCCC; }

.numero DIV, .datos DIV
{
    border: solid 1px #cccccc;
    float: left;
    padding: 2px;
    display: block;
    height: 55px;
    margin: 2px;
}

.numero DIV
{
    font-size: 45px;
    font-weight: bold;
    width: 55px;
}

.datos DIV { width: 600px; }

.controlExpediente
{
    margin: 0px;
    padding: 0px;
    float: left;
    position: relative;
    left: 120px;
}

.estdoSAAD ul
{
	margin-left:20px;
	margin-bottom:3px;
	margin-top:3px;
}

.estdoSAAD li
{
	margin:2px;
}

.periodoFechas 
{
	 color:#1e3c7b;	
	 border: solid 1px #517dbf;
	 padding:2px 20px 2px 20px;
	 float: left;
	 margin:2px;
	 white-space: nowrap;
	 height:20px;	 
}
.periodoFechasE 
{
	 color:#1e3c7b;	
	 border: solid 1px #517dbf;
	 padding:2px 3px 2px 3px;
	 float: left;
	 margin:2px;
	 white-space: nowrap;
	 height:20px;	 
}
.periodoFechasI 
{
	 margin-top:10px;
	 color:#1e3c7b;	
	 white-space: nowrap;
	 clear:left
}

.periodoFechas a
{
	text-decoration:none;
	 color:#1e3c7b;	
}

.periodoFechas a:hover
{
	 text-decoration:underline;
	 color:#517dbf;
}

/*Estilo carteleras*/
.posicionCalendarioConf
{
    position:relative;
    margin-top:10px;
    margin-left:50px;
    text-align:center;
}