/* v1.6 */


html {
	margin:0;
	padding:0;
	border:0;
}
body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {margin:0;padding:0;border:0;font-size:100%;font:inherit;}
article, aside, details, figcaption, figure, dialog, footer, header, hgroup, menu, nav, section {
	display:block;
	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";

}
table {
	border-collapse:separate;
	border-spacing:4px;
}
caption, th, td {
	float:none
}
table, th, td {
	vertical-align:middle;
}
blockquote:before, blockquote:after, q:before, q:after {
	content:'';
}
blockquote, q {
	quotes:"" "";
}
a, img {
	border:none;
}
:focus {
	outline:0;
}
textarea{
	resize: none
}
textarea, input[type="text"] { 
	width:90%;
}

textarea, textarea[type="textarea"], input[type="text"], input[type="password"], select {
	background: #FFFFFF;
	border-color: #ced4da;
	border-style: solid;
	font-size: 15px;
	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
	/*color: inherit;*/
	color: #111111;
	border-width: 1px;
	border-radius: 5px;
	background-repeat: no-repeat;
	background-position: 1px 1px;

	padding-left: 4px;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-right: 4px;
}

textarea:focus, textarea[type="textarea"]:focus, input[type="text"]:focus, input[type="password"]:focus, select:focus {
    border: 1px solid #03A9F4;
    box-shadow: 1px 1px 1px #888888;
}

a, a:link, a:visited, a:active, a:hover {
	color: inherit;
	text-decoration: none;
}

/* Estilos del editor de texto rico */
.rich-editor p{
	font-size: 14px;
	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
	display: block;
    margin: 0em 0em 0em 0em;
    color:#565656;
}

.rich-editor pre{
	margin: 8px;
	white-space: pre;
	display: block;
}

.rich-editor address{
	font-style: italic;
	display: block;
}

.rich-editor h1{
	display: block;
    font-size: 2em;
    margin: 0.67em 0em 0.67em 0em;
    font-weight: bold;
}

.rich-editor h2{
	display: block;
    font-size: 1.5em;
    margin: 0.83em 0em 0.83em 0em;
    font-weight: bold;
}

.rich-editor h3{
	display: block;
    font-size: 1.17em;
    margin: 1em 0em 1em 0em;
    font-weight: bold;
}

.rich-editor h4{
    display: block;
   	margin: 1em 0em 1em 0em;
    font-weight: bold;
}

.rich-editor h5{
    display: block;
    font-size: 0.83em;
    margin: 1.67em 0em 1.67em 0em;
    font-weight: bold;
}

.rich-editor h6{
    display: block;
    font-size: 0.67em;
    margin: 2.33em 0em 2.33em 0em;
    font-weight: bold;
}

.rich-editor ul{
	margin: 1em 0em 1em 0em;
	padding-left: 20px;
}

.rich-editor .bold-larger{
	font-weight: bold;
	font-size: larger;
}

.rich-editor .bold-smaller{
	font-weight: bold;
	font-size: smaller;
}

.rich-editor .red-bold{
	font-weight: bold;
	color: red;
}

.rich-editor .red-bold-larger{
	font-weight: bold;
	color: red;
	font-size: larger;
}

.rich-editor .red-bold-smaller{
	font-weight: bold;
	color: red;
	font-size: smaller;
}

.rich-editor a:link{     
	color: #0000EE;
    text-decoration: underline;
    cursor: auto;
}
.rich-editor a:active{ 	
	color: #0000EE;
    text-decoration: underline;
    cursor: auto;
}
.rich-editor a:visited{ 	
	color: #551A8B;
    text-decoration: underline;
    cursor: auto;
}
.rich-editor a:hover{ 	
	color: #0000EE;
    text-decoration: underline;
    cursor: auto;
}

.clearer {
	clear: both;
	height: 0px;
	font-size: 1px;
	line-height: .01em;
	padding: 0;
	margin: 0;
	visibility: hidden;
	display: block;
}

.divisor {
    border-top: 1px solid #ddd;
    clear: both;
    display: block;
    font-size: 1px;
    height: 0;
    line-height: 0.01em;
    margin: 10px 0;
    padding: 0;
}

.subLegend {
	font-size: 1em;
	font-weight: bold;
	color: #666;
}



.span-0  {display:inline-block;float:left!important;}
.span-1  {display:inline-block;float:left;width:22px!important;}
.span-2  {display:inline-block;float:left;width:52px!important;}
.span-3  {display:inline-block;float:left;width:82px!important;}
.span-4  {display:inline-block;float:left;width:112px!important;}
.span-5  {display:inline-block;float:left;width:142px!important;}
.span-6  {display:inline-block;float:left;width:172px!important;}
.span-7  {display:inline-block;float:left;width:212px!important;}
.span-8  {display:inline-block;float:left;width:232px!important;}
.span-9  {display:inline-block;float:left;width:262px!important;}
.span-10  {display:inline-block;float:left;width:292px!important;}
.span-11  {display:inline-block;float:left;width:322px!important;}
.span-12  {display:inline-block;float:left;width:352px!important;}
.span-13  {display:inline-block;float:left;width:382px!important;}
.span-14  {display:inline-block;float:left;width:412px!important;}
.span-15  {display:inline-block;float:left;width:442px!important;}
.span-16  {display:inline-block;float:left;width:472px!important;}
.span-17  {display:inline-block;float:left;width:502px!important;}
.span-18  {display:inline-block;float:left;width:532px!important;}
.span-19  {display:inline-block;float:left;width:562px!important;}
.span-20  {display:inline-block;float:left;width:592px!important;}
.span-21  {display:inline-block;float:left;width:622px!important;}
.span-22  {display:inline-block;float:left;width:652px!important;}
.span-23  {display:inline-block;float:left;width:682px!important;}
.span-24  {display:inline-block;float:left;width:712px!important;}
.span-25  {display:inline-block;float:left;width:742px!important;}
.span-26  {display:inline-block;float:left;width:772px!important;}
.span-27  {display:inline-block;float:left;width:802px!important;}
.span-28  {display:inline-block;float:left;width:832px!important;}
.span-29  {display:inline-block;float:left;width:862px!important;}
.span-30  {display:inline-block;float:left;width:892px!important;}
.span-31  {display:inline-block;float:left;width:922px!important;}
.span-100  {display:inline-block;float:left;width:100%!important;}



label.span-0, 
label.span-1, 
label.span-2,
label.span-3,
label.span-4,
label.span-5,
label.span-6,
label.span-7,
label.span-8,
label.span-9,
label.span-10, 
label.span-11, 
label.span-12,
label.span-13,
label.span-14,
label.span-15,
label.span-16,
label.span-17,
label.span-18,
label.span-19,
label.span-20, 
label.span-21, 
label.span-22,
label.span-23,
label.span-24,
label.span-25,
label.span-26,
label.span-27,
label.span-28,
label.span-29,
label.span-30,
label.span-31,
label.span-100 {
	margin: 4px 0px 4px 0px;
	padding-top: 2px; 

}

input.span-0, 
input.span-1, 
input.span-2,
input.span-3,
input.span-4,
input.span-5,
input.span-6,
input.span-7,
input.span-8,
input.span-9,
input.span-10, 
input.span-11, 
input.span-12,
input.span-13,
input.span-14,
input.span-15,
input.span-16,
input.span-17,
input.span-18,
input.span-19,
input.span-20, 
input.span-21, 
input.span-22,
input.span-23,
input.span-24,
input.span-25,
input.span-26,
input.span-27,
input.span-28,
input.span-29,
input.span-30,
input.span-31,
input.span-100 {
	margin: 4px 39px 4px 0px;
}

textarea.span-0, 
textarea.span-1, 
textarea.span-2,
textarea.span-3,
textarea.span-4,
textarea.span-5,
textarea.span-6,
textarea.span-7,
textarea.span-8,
textarea.span-9,
textarea.span-10, 
textarea.span-11, 
textarea.span-12,
textarea.span-13,
textarea.span-14,
textarea.span-15,
textarea.span-16,
textarea.span-17,
textarea.span-18,
textarea.span-19,
textarea.span-20, 
textarea.span-21, 
textarea.span-22,
textarea.span-23,
textarea.span-24,
textarea.span-25,
textarea.span-26,
textarea.span-27,
textarea.span-28,
textarea.span-29,
textarea.span-30,
textarea.span-31,
textarea.span-100 {
	margin: 4px 39px 4px 0px;
}

select.span-0, 
select.span-1, 
select.span-2,
select.span-3,
select.span-4,
select.span-5,
select.span-6,
select.span-7,
select.span-8,
select.span-9,
select.span-10, 
select.span-11, 
select.span-12,
select.span-13,
select.span-14,
select.span-15,
select.span-16,
select.span-17,
select.span-18,
select.span-19,
select.span-20, 
select.span-21, 
select.span-22,
select.span-23,
select.span-24,
select.span-25,
select.span-26,
select.span-27,
select.span-28,
select.span-29,
select.span-30,
select.span-31,
select.span-100 {
	margin: 4px 46px 4px 0px;
}

table.span-0, 
table.span-1, 
table.span-2,
table.span-3,
table.span-4,
table.span-5,
table.span-6,
table.span-7,
table.span-8,
table.span-9,
table.span-10, 
table.span-11, 
table.span-12,
table.span-13,
table.span-14,
table.span-15,
table.span-16,
table.span-17,
table.span-18,
table.span-19,
table.span-20, 
table.span-21, 
table.span-22,
table.span-23,
table.span-24,
table.span-25,
table.span-26,
table.span-27,
table.span-28,
table.span-29,
table.span-30,
table.span-31,
table.span-100 {
	margin: 4px 46px 4px 0px;
}

.checkElement .layer-1,
.checkElement .layer-2,
.checkElement .layer-3,
.checkElement .layer-4,
.checkElement .layer-5,
.checkElement .layer-6,
.checkElement .layer-7,
.checkElement .layer-8,
.checkElement .layer-9,
.checkElement .layer-10,
.checkElement .layer-11,
.checkElement .layer-12,
.checkElement .layer-13,
.checkElement .layer-14,
.checkElement .layer-15,
.checkElement .layer-16,
.checkElement .layer-17,
.checkElement .layer-18,
.checkElement .layer-19,
.checkElement .layer-20,
.checkElement .layer-21,
.checkElement .layer-22,
.checkElement .layer-23,
.checkElement .layer-24,
.checkElement .layer-25,
.checkElement .layer-26,
.checkElement .layer-27,
.checkElement .layer-28,
.checkElement .layer-29,
.checkElement .layer-30,
.checkElement .layer-31,
.checkElement .layer-100{
	float:right;
}

/*********************************************************************************************************/
/******************************************** ELEMENTOS **************************************************/
/*********************************************************************************************************/
 
 /* Estilo aplicado al conjunto del elemento y su etiqueta */
.element{
	float:left;
}

/* Estilo aplicado al espaciado entre elementos */
.spaceElement{
	float: left !important;
	
}

/* Estilo aplicado a las etiquetas asociadas a los elementos */
.label{
	font-weight:normal;
	
	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
	letter-spacing: 0.3px;
	font-size: 13px;
	}

/* Estilo aplicado al conjunto del elemento caja de texto y su label*/
.textElement{
	padding: 0px 10px 0px 0px;
}

/* Estilo aplicado a la caja de texto */
.textElement .textbox{

	width:97%;
}

/* Estilo aplicado a la area de texto */
.textElement .textarea{
	width:97%;
}

/* Estilo aplicado a las etiquetas de los elementos cajas de texto */
.textElement .label{
	
}

/* Estilo aplicado al conjunto del elemento radio y su label */
.radioElement{
	
}

/* Estilo aplicado al grupo de radios */
.radioElement .radio{

}

/* Estilo aplicado a las etiquetas de los elementos radio */
.radioElement .label{

}

/* Estilo aplicado al conjunto del elemento check y su label */
.checkElement{
	margin: 10px 0px 0px 0px;
}

/* Estilo aplicado al check */
.checkElement .check{

}

/* Estilo aplicado a las etiquetas de los elementos check */
.checkElement .label{
	
}

/* Estilo aplicado al conjunto del elemento lista de valores y su label */
.valueListElement{
	
}

/* Estilo aplicado a la caja de texto de una lista de valores */
.valueListElement .textbox{

}

/* Estilo aplicado a las etiquetas de los elementos lista de valores */
.valueListElement .label{
	
}

/* Estilo aplicado al botÃƒÆ’Ã‚Â³n de la lista de valores */
.valueListButton {
	float:left !important;
	margin-top: 0px !important;
	margin-left: 2px;
}

/* Estilo aplicado al botÃƒÆ’Ã‚Â³n de la lista de valores */
.valueListButton img{
	margin-left: 5px;
}

/* Estilo aplicado al conjunto del elemento desplegable y su label */
.selectElement{
	 border-radius: 5px;
	 
}

/* Estilo aplicado al desplegable */
.selectElement .select{

}

/* Estilo aplicado a las etiquetas de los elementos desplegable */
.selectElement .label{

}

/* Estilo aplicado al conjunto del elemento grupos de usuario y su label */
.userGroupsElement{
	
}

/* Estilo aplicado al elemento grupos de usuario */
.userGroupsElement .select{

}

/* Estilo aplicado a las etiquetas de los elementos grupos de usuario */
.userGroupsElement .label{
	
}

/*  Estilo aplicado al conjunto del elemento archivo y su label*/

/*.fileElement{
	width: 100%;
}*/

.fileElement {
  
}

.multivalueTitle{
    color: #666;
    font-size: 1em;
    font-weight: bold;
}

/* Estilo aplicado a la caja de texto del elemento archivo */
.fileElement .textbox{
	width:97%;

}

/* Estilo aplicado a las etiquetas de los elementos archivo */
.fileElement .label{

}


/* Estilo aplicado a las etiquetas de los elementos obligatorios */
.mandatoryLabel:after {
	content:' (*)';
    /*color: #ca2626;*/
    font-size: 13px;
}


.mandatoryRichCalendar{
	border-top: none !important;
}

/* Estilo aplicado a los elementos en solo lectura */
.readonly {

    /*background: url("../img/read_only.png") repeat-x scroll left top #fdfdfa !important; */
    background: #eeeeee !important;
}

.fileButton img{
 	margin-left: 2px;
}

.fileButtons {
	float:left !important;
	margin-top: 0px !important;
	margin-left: 2px;
}

.fileText {
	float:left !important;
	margin-top: 0px !important;
  width: 50% !important;
}

.searchbox{
	float:left !important;
	margin-top: 0px !important;
}


/*********************************************************************************************************/
/****************************************** FIN ELEMENTOS ************************************************/
/*********************************************************************************************************/

/*********************************************************************************************************/
/****************************************** PIE DE PÃƒÆ’Ã‚ÂGINA ************************************************/
/*********************************************************************************************************/

/* Estilo que aplica a la zona contenedora del pie de pÃƒÆ’Ã‚Â¡gina */
.footer{
    height: 100px;
    padding-left: 10px;
    padding-right: 15px;

    border-top: 4px #DDDDDD solid;
    margin-left: 8px;
    margin-right: 8px;    
}

/* Estilo de la primera columna del pie de pagina */
.piePaginaCol1{
	visibility: hidden;
    width: 15%;
}

/* Estilo para definir el icono de fondos de financiaciÃƒÆ’Ã‚Â³n */
/*.fondoFinanciacion{
    background-image: url(../img/sub-logo-mediano-gris.png);
    background-repeat: no-repeat;
    background-position: 50% 30%;
    padding-bottom: 5px;
    text-align: center;*/
    /*vertical-align: bottom;*/
/*}*/
.fondoFinanciacion {
  background: url("../img/UE-FEDER-Lema-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Estilo para definir texto de la CARM en el pie de pÃƒÆ’Ã‚Â¡gina */
.comunidadAutonomaRegionMurciaPie{ 
	visibility: hidden;	
	color: #888888;
}

/* Estilo de la tercera columna del pie de pagina, que contiene el logo de la CARM.
 * Contiene el texto de Accesibilidad y Aviso Legal
 */
.piePaginaCol3{
    background-image: none;
    width: 15%;
}

/* Texto de Accesibilidad y Aviso Legal */
.piePaginaCol3 [id='piePaginaAccesibilidadAvisoLegalId']{
    visibility: visible;
    color: #3aaeda;
}





/*********************************************************************************************************/
/**************************************** FIN PIE DE PÃƒÆ’Ã‚ÂGINA **********************************************/
/*********************************************************************************************************/

/*********************************************************************************************************/
/********************************************* BOTONES ***************************************************/
/*********************************************************************************************************/

/* Estilo para la region de la zona de operaciÃƒÆ’Ã‚Â³n que agrupa a los botones */
.buttonGroup{
    float: right;
    
}

/* Estilo aplicado al botÃƒÆ’Ã‚Â³n */
.button{
    color: #654b24;
    font-size: 12px;
    font-weight: normal;
    font-family: "Lucida Grande","Trebuchet MS",Tahoma,Verdana,Arial,sans-serif;
    float: left;
}

/* Estilo aplicado a la zona contenedora de la imagen del botÃƒÆ’Ã‚Â³n */
.buttonImage{

}

/* Estilo aplicado al botÃƒÆ’Ã‚Â³n volver */
.backButton{
	float:right;
}

/* Estilo aplicado a la zona de imagen del botÃƒÆ’Ã‚Â³n volver */
.backButton .buttonImage{
	background:url('/jAD/img/actions/back_18.png') repeat-x;	
}

/* Estilo aplicado al botÃƒÆ’Ã‚Â³n cancelar */
.cancelButton{

}

/* Estilo aplicado a la zona de imagen del botÃƒÆ’Ã‚Â³n cancelar */
.cancelButton .buttonImage{
	background:url('/jAD/img/actions/cancel_18.png') repeat-x;	
}

/* Estilo aplicado al botÃƒÆ’Ã‚Â³n limpiar */
.cleanButton{

}

/* Estilo aplicado a la zona de imagen del botÃƒÆ’Ã‚Â³n limpiar */
.cleanButton .buttonImage{
	background:url('/jAD/img/actions/clean_18.png') repeat-x;	
}

/* Estilo aplicado al botÃƒÆ’Ã‚Â³n personalizado */
.customButton{

}

/* Estilo aplicado a la zona de imagen del botÃƒÆ’Ã‚Â³n personalizado */
.customButton .buttonImage{
	background:url('/jAD/img/actions/exec_18.png') repeat-x;	
}

/* Estilo aplicado al botÃƒÆ’Ã‚Â³n borrar */
.deleteButton{

}

/* Estilo aplicado a la zona de imagen del botÃƒÆ’Ã‚Â³n borrar */
.deleteButton .buttonImage{
	background:url('/jAD/img/actions/delete_18.png') repeat-x;	
}

/* Estilo aplicado al botÃƒÆ’Ã‚Â³n detalle */
.detailButton{

}

/* Estilo aplicado a la zona de imagen del botÃƒÆ’Ã‚Â³n detalle */
.detailButton .buttonImage{
	background:url('/jAD/img/actions/detail_18.png') repeat-x;	
}

/* Estilo aplicado al botÃƒÆ’Ã‚Â³n editar */
.editButton{

}

/* Estilo aplicado a la zona de imagen del botÃƒÆ’Ã‚Â³n editar */
.editButton .buttonImage{
	background:url('/jAD/img/actions/edit_18.png') repeat-x;	
}

/* Estilo aplicado al botÃƒÆ’Ã‚Â³n exportar excel */
.excelButton{

}

/* Estilo aplicado a la zona de imagen del botÃƒÆ’Ã‚Â³n exportar excel */
.excelButton .buttonImage{
	background:url('/jAD/img/actions/export_excel_18.png') repeat-x;	
}

/* Estilo aplicado al botÃƒÆ’Ã‚Â³n filtrar */
.filterButton{

}

/* Estilo aplicado a la zona de imagen del botÃƒÆ’Ã‚Â³n filtrar */
.filterButton .buttonImage{
	background:url('/jAD/img/actions/filter_green_18.png') repeat-x;	
}

/* Estilo aplicado al botÃƒÆ’Ã‚Â³n nuevo */
.newButton{
	
}

/* Estilo aplicado a la zona de imagen del botÃƒÆ’Ã‚Â³n nuevo */
.newButton .buttonImage{
	background:url('/jAD/img/actions/new_18.png') repeat-x;	
}

/* Estilo aplicado al botÃƒÆ’Ã‚Â³n nueva fila */
.newRowButton{
	
}

/* Estilo aplicado a la zona de imagen del botÃƒÆ’Ã‚Â³n nueva fila */
.newRowButton .buttonImage{
	background:url('/jAD/img/actions/new_18.png') repeat-x;	
}

/* Estilo aplicado al botÃƒÆ’Ã‚Â³n aceptar */
.okButton{
	
}

/* Estilo aplicado a la zona de imagen del botÃƒÆ’Ã‚Â³n aceptar */
.okButton .buttonImage{
	background:url('/jAD/img/actions/ok_18.png') repeat-x;	
}

/* Estilo aplicado al botÃƒÆ’Ã‚Â³n buscar */
.queryButton{
	
}

/* Estilo aplicado a la zona de imagen del botÃƒÆ’Ã‚Â³n buscar */
.queryButton .buttonImage{
	background:url('/jAD/img/actions/search_18.png') repeat-x;	
}

/* Estilo aplicado al botÃƒÆ’Ã‚Â³n informe */
.reportButton{
	
}

/* Estilo aplicado a la zona de imagen del botÃƒÆ’Ã‚Â³n informe */
.reportButton .buttonImage{
	background:url('/jAD/img/actions/detail_18.png') repeat-x;	
}

/* Estilo aplicado al botÃƒÆ’Ã‚Â³n informes */
.reportsButton{
	
}

/* Estilo aplicado a la zona de imagen del botÃƒÆ’Ã‚Â³n informes */
.reportsButton .buttonImage{
	background:url('/jAD/img/actions/detail_18.png') repeat-x;	
}

/* Estilo aplicado al botÃƒÆ’Ã‚Â³n guardar */
.saveButton{

}

/* Estilo aplicado a la zona de imagen del botÃƒÆ’Ã‚Â³n guardar */
.saveButton .buttonImage{
	background:url('/jAD/img/actions/save_18.png') repeat-x;	
}

/* Estilo aplicado al botÃƒÆ’Ã‚Â³n deshacer */
.undoButton{

}

/* Estilo aplicado a la zona de imagen del botÃƒÆ’Ã‚Â³n deshacer */
.undoButton .buttonImage{
	background:url('/jAD/img/actions/back_18.png') repeat-x;	
}

/* Estilo aplicado al botÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â³n refrescar */
.refreshButton{
	
}

/* Estilo aplicado a la zona de imagen del botÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â³n refrescar */
.refreshButton .buttonImage{
	background:url('/jAD/img/actions/refresh_18.png') repeat-x;	
}

/*********************************************************************************************************/
/******************************************* FIN BOTONES *************************************************/
/*********************************************************************************************************/

/*********************************************************************************************************/
/********************************************** ARBOL ****************************************************/
/*********************************************************************************************************/

/* Estilo aplicado a la imagen para indicar los registros del arbol que cumplen con la busqueda */
.nodeInQuery{
	display: inline-block;
	width:8px;
	height:8px;
	margin-right: 4px;
	background-color: #44aa33;
}

/* Estilo aplicado a la imagen para indicar los registros del arbol que no cumplen con la busqueda */
.nodeNoInQuery{
	display: inline-block;
	width:8px;
	height:8px;
	margin-right: 4px;
	background-color: #888888;
}

/* Estilo aplicado para tabular los nodos hoja del arbol */
.leafNode{
	display: inline-block;
	width:15px;
	height:15px;
}

/* Estilo aplicado a la lista usada para tabular los nodos del arbol */
.horizontalList {
	list-style-type: none;
	display: inline;
}

/* Estilo aplicado a la lista usada para tabular los nodos del arbol */
.horizontalList li {
	display: inline;
}

/* Estilo aplicado a los registros de un arbol para aplicar tabulaciÃƒÆ’Ã‚Â³n */
.treeNodeDepth{
	display: inline-block;
	width:15px;
}

/*********************************************************************************************************/
/******************************************** FIN ARBOL **************************************************/
/*********************************************************************************************************/

/*********************************************************************************************************/
/******************************************** CONSULTA ***************************************************/
/*********************************************************************************************************/

/* Estilo aplicado a la zona contenedora del grid */
.grid{

}

/* Estilo aplicado a las tablas de las zonas de operaciÃƒÆ’Ã‚Â³n tipo grid */
.tableGrid{
	border-collapse: collapse;
    empty-cells: show;
    table-layout: fixed;
    width: 100%;
	background-color: #ffffff;    
    border-left: 1px solid #c4c0c9;
    border-top: 1px solid #c4c0c9;
}

/* Estilo aplicado a las cabeceras de las columnas de la tabla */
.gridColumnHeader{
    /*background: url("../img/degra_bottom.png") repeat-x scroll left bottom white;*/
    background: gray;
    /*color: #000000;*/
    color: white;
    border-bottom: 1px solid #c4c0c9;
    border-right: 1px solid #c4c0c9;
    font-family: Arial,Verdana,sans-serif;
    /*font-size: 12px;*/
    padding: 4px;
    text-align: center;
}
/* Estilo aplicado a las cabeceras de las columnas de la tabla */
.gridColumnHeader{
	white-space: nowrap;
}

/* Estilo aplicado a los registros impares de la tabla*/
.unevenGridRow {
}

/* Estilo aplicado a los registros pares de la tabla */
.evenGridRow {
	background-color: #eeeeee;
}

/* Estilo aplicado al registro seleccionado de la tabla */
.selectedGridRow {
	/* jrc29v 05/12/2018
  background-color: #f6ce4b;*/
  background-color: #fff1e6;
  color: #000000;
}

.selectedGridRow div input[type="checkbox"]{
  width: 18px;
  height: 18px;
}

/* Estilo aplicado al registro modificado de la tabla editable */
.modifiedGridRow {
	background-color: #F8D3AC;
}

/* Estilo aplicado al registro resaltado de la tabla */
.unevenGridRow:hover, .evenGridRow:hover {
	background-color: #ffe98b;
}

/* Estilo aplicado a las celdas de la tabla */
.gridColumnCell{
	height: 27px;
	padding-top: 0;
	padding-bottom: 0;
	border-bottom: 1px solid #c4c0c9;
    border-right: 1px solid #c4c0c9;
	color: #000000;
    font-family: Arial,Verdana,sans-serif;
}


/* Estilo aplicado a las imagenes contenidas en las cabeceras de las columnas de la tabla */
.gridColumnHeader img{
	vertical-align: middle;
}

/* Estilo para la primera columna de las consultas seleccionables, donde se muestra el icono de selecciÃƒÆ’Ã‚Â³n */
.firstColumnLov{
	width:24px!important;
}

/* Estilo aplicado a las columnas de fila selecciona en la consulta editable */
.editableColumn {
	box-sizing: border-box;
 	display: block;
 	float: left;
 	/* jrc29v 05/12/2018
  width: 100%;
  */
}

.editableColumn td {
  width: 100%;
}

/* Estilo aplicado al panel donde se encuentran los botones de paginaciÃƒÆ’Ã‚Â³n de la tabla */
.gridDataScroller{
    border:none;
    background:none;
}

/* Estilo aplicado al componente de paginaciÃƒÆ’Ã‚Â³n de la tabla*/
.gridDataScrollerTable{
    border: none;
}

.gridDataScrollerTable .rich-datascr-button{
	border: none !important;	
}

/* Estilo aplicado a los controles inactivos de la paginaciÃƒÆ’Ã‚Â³n */
.gridDataScrollerInactiveControls{
	border-top-color: #d4cfc7;
    color: #d4cfc7;
    font-family: Arial,Verdana,sans-serif;
    font-size: 12px;
    border-top-style: solid;
    border-top-width: 2px;
    cursor: pointer;
    text-align: center;
    width: 25px;
}

/* Estilo aplicado a los controles activos de la paginaciÃƒÆ’Ã‚Â³n */
.gridDataScrollerActiveControls{
	border-top-color: #000000;
    color: #000000;
    font-family: Arial,Verdana,sans-serif;
    font-size: 12px;
    border-top-style: solid;
    border-top-width: 2px;
    text-align: center;
    width: 25px;
}

/* Estilo aplicado contador de resultados y paginas*/
.paginatorInfo {
    color: #555;
    float: right;
    padding-top: 2px;
}

/*********************************************************************************************************/
/****************************************** FIN CONSULTA *************************************************/
/*********************************************************************************************************/

/*********************************************************************************************************/
/***************************************** ZONA OPERACIÃƒÆ’Ã¢â‚¬Å“N ************************************************/
/*********************************************************************************************************/

fieldset {
    border-width: 0px;
    border-style: solid;
    padding: 10px;
    border-bottom: 1px solid #DDDDDD;
    /*font-weight: bold;*/
    margin: 0 0 1.5em;
    padding: 0.7em;
}

/* Estilo aplicado al contenedor de la zona de operaciÃƒÆ’Ã‚Â³n */
.operationZone{
	border: 0px solid #c4c0b9;
}

/* Estilo aplicado al contenedor de la zona de operaciÃƒÆ’Ã‚Â³n de tipo Formulario */
.formZone{
	
}

/* Estilo aplicado al contenedor de la zona de operaciÃƒÆ’Ã‚Â³n de tipo Filtro */
.filterZone{
	
}
/* Estilo aplicado al contenedor de la zona de operaciÃƒÆ’Ã‚Â³n de tipo Comun */
.sharedZone{
	
}

/* Estilo aplicado al contenedor de la zona de operaciÃƒÆ’Ã‚Â³n de tipo Consulta */
.gridZone{
	
}

/* Estilo aplicado al tÃƒÆ’Ã‚Â­tulo de la zona de operaciÃƒÆ’Ã‚Â³n */
 .operationZoneTitle{
    /* background: none repeat scroll 0 0 #ddd; */
    /*font-weight: bold !important;*/
    padding: 4px 10px;
    text-align: left;
    margin: 5px;
	letter-spacing: 0.3px;
    font-weight: 500;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    font-size: 14px;
    
}

/* Estilo aplicado al contenido de la zona de operaciÃƒÆ’Ã‚Â³n */
.operationZoneContent{

	
	background:#FFFFFF;
	/*border-left: 1px solid #bbbbbb;*/
	/*border-right: 1px solid #bbbbbb;*/
	padding: 0 10px 20px;
}

/* Estilo aplicado a la region de la zona de operaciÃƒÆ’Ã‚Â³n que agrupa los elementos */
.elementGroup{
   padding: 5px;
}

/* Estilo aplicado al espacio entre zonas */
.operationZoneSpace{
	height: 16px;
}

/*********************************************************************************************************/
/**************************************** FIN ZONA OPERACIÃƒÆ’Ã¢â‚¬Å“N *********************************************/
/*********************************************************************************************************/

/*********************************************************************************************************/
/********************************************* SECCIÃƒÆ’Ã¢â‚¬Å“N ***************************************************/
/*********************************************************************************************************/

/* Estilo aplicado a la secciÃƒÆ’Ã‚Â³n */
.section{
 	/*font-weight: bold;*/
}

/* Estilo aplicado al tÃƒÆ’Ã‚Â­tulo de la secciÃƒÆ’Ã‚Â³n */
.sectionTitle{
	/*
	border: 1px solid #DDDDDD;
	border-radius: 5px;
	padding: 3px;
		*/

	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    font-size: 16px;
	font-weight: bold;
	color:#565656;


}


/* Estilo aplicado al grupo de pestaÃƒÆ’Ã‚Â¯Ãƒâ€šÃ‚Â¿Ãƒâ€šÃ‚Â½as de secciÃƒÆ’Ã‚Â³n */
.sectionTabsGroup{
	
}

/* Estilo aplicaco al panel que contiene las pestaÃƒÆ’Ã‚Â¯Ãƒâ€šÃ‚Â¿Ãƒâ€šÃ‚Â½as de secciÃƒÆ’Ã‚Â³n */
.sectionTabsContainer {						
	white-space: nowrap;
	overflow : hidden;	
}

/* Estilo aplicado al panel que contiene los botones de scroll de pestaÃƒÆ’Ã‚Â¯Ãƒâ€šÃ‚Â¿Ãƒâ€šÃ‚Â½as de secciÃƒÆ’Ã‚Â³n */
.sectionTabsGroupNavegigationButton{
	float: right;
	margin-right: 4px;
	margin-left: 4px;
	padding-top: 1px;
	padding-bottom:1px;
}

/* Estilo aplicado a la pestaÃƒÆ’Ã‚Â¯Ãƒâ€šÃ‚Â¿Ãƒâ€šÃ‚Â½a seleccionada del grupo de pestaÃƒÆ’Ã‚Â¯Ãƒâ€šÃ‚Â¿Ãƒâ€šÃ‚Â½as de secciÃƒÆ’Ã‚Â³n */
.selectedSectionTab{
    display: inline-block;
    text-decoration: none !important;
    /*background-color: #412a2e;*/
    background-color: #a05663;
    /*background-image: url("../img/degradadoPestanaSeccionSel.png");*/
    background-image: url();
    background-position: left top;
    background-repeat: repeat-x;
    font-weight: bold !important;
    border-right: 2px solid white;
    color: white !important;
    /*padding: 2px 5px;*/
    padding: 4px 5px;
}

/* Estilo aplicado a la pestaÃƒÆ’Ã‚Â¯Ãƒâ€šÃ‚Â¿Ãƒâ€šÃ‚Â½a no seleccionada del grupo de pestaÃƒÆ’Ã‚Â¯Ãƒâ€šÃ‚Â¿Ãƒâ€šÃ‚Â½as de secciÃƒÆ’Ã‚Â³n */
.nonSelectedSectionTab{
    display: inline-block;
    text-decoration: none !important;
    /*background-color: #929090;*/
    background-color: #dddddd;
    /*background-image: url("../img/degradadoPestanaSeccion.png");*/
    background-image: url();
    background-position: left top;
    background-repeat: repeat-x;
    border-right: 2px solid white;
    /*color: white !important;*/
    color: #3f3f3f !important;
    padding: 4px 5px;
}

/*********************************************************************************************************/
/******************************************* FIN SECCIÃƒÆ’Ã¢â‚¬Å“N *************************************************/
/*********************************************************************************************************/

/*********************************************************************************************************/
/****************************************** PESTAÃƒÆ’Ã‚Â¯Ãƒâ€šÃ‚Â¿Ãƒâ€šÃ‚Â½AS ZONA ************************************************/
/*********************************************************************************************************/

/* Estilo aplicado al grupo de pestaÃƒÆ’Ã‚Â¯Ãƒâ€šÃ‚Â¿Ãƒâ€šÃ‚Â½as */
.tabsGroup{
	border-bottom: 4px solid #333333;
}

/* Estilo aplicaco al panel que contiene las pestaÃƒÆ’Ã‚Â¯Ãƒâ€šÃ‚Â¿Ãƒâ€šÃ‚Â½as */
.tabsContainer {						
	white-space: nowrap;
	overflow : hidden;
}

/* Estilo aplicado al panel que contiene los botones de scroll de pestaÃƒÆ’Ã‚Â¯Ãƒâ€šÃ‚Â¿Ãƒâ€šÃ‚Â½as */
.tabsGroupNavegigationButton{
	float: right;
	margin-right: 4px;
	margin-left: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
}

/* Estilo aplicado a la pestaÃƒÆ’Ã‚Â¯Ãƒâ€šÃ‚Â¿Ãƒâ€šÃ‚Â½a seleccionada */
.selectedTab{
 	display: inline-block;
    text-decoration: none !important;
    /*background-color: #333333;*/
    background-color: #a05663;
    /*background-image: url("../img/degradadoPestanaSel.png");*/
    background-image: url();
    background-position: left top;
    background-repeat: repeat-x;
    border-right: 2px solid white;
    color: white !important;
    font-weight: bold !important;
    /*padding: 3px 8px;*/
    padding: 4px 5px;
}

/* Estilo aplicado al resaltar la pestaÃƒÆ’Ã‚Â¯Ãƒâ€šÃ‚Â¿Ãƒâ€šÃ‚Â½a seleccionada */
.selectedTab:hover{

}

/* Estilo aplicado a las pestaÃƒÆ’Ã‚Â¯Ãƒâ€šÃ‚Â¿Ãƒâ€šÃ‚Â½as no seleccionadas */
.nonSelectedTab{
	display: inline-block;
	text-decoration: none !important;
	/*background-color: #798185;
    background-image: url("../img/degradadoPestana.png");*/
    background-image: url();
    background-position: left top;
    background-repeat: repeat-x;
    border-right: 2px solid white;
    /*color: white !important;    */
    color: #3f3f3f !importart;
    /*padding: 3px 8px;  */
    padding: 4px 5px;
}

/* Estilo aplicado al resaltar las pestaÃƒÆ’Ã‚Â¯Ãƒâ€šÃ‚Â¿Ãƒâ€šÃ‚Â½as no seleccionadas */
.nonSelectedTab:hover{
	background-color: #94a1a8;
	/*background-image: url('../img/degradadoPestanaOver.png');*/
  background-image: url();
    background-position: left top;
    background-repeat: repeat-x;

}

/*********************************************************************************************************/
/**************************************** FIN PESTAÃƒÆ’Ã‚Â¯Ãƒâ€šÃ‚Â¿Ãƒâ€šÃ‚Â½AS ZONA **********************************************/
/*********************************************************************************************************/

/*********************************************************************************************************/
/********************************************** PÃƒÆ’Ã‚ÂGINA ***************************************************/
/*********************************************************************************************************/

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";

    font-size: 15px;
}




/* Estilo para personalizar el espacio donde se muestra la pÃƒÆ’Ã‚Â¡gina */
.page {

}

/* Estilo para personalizar el contenido de una pÃƒÆ’Ã‚Â¡gina normal */
.pageContent{

}

/* Estilo para personalizar el espacio del popup donde se muestra la pÃƒÆ’Ã‚Â¡gina */
.popUpPage{

}

/* Estilo para personalizar el contenido de la pÃƒÆ’Ã‚Â¡gina cuando es popUp*/
.popUpPageContent{
	background-color: #FFFFFF;
    border-left: 1px solid #bbbbbb;
    border-right: 1px solid #bbbbbb;
    padding: 10px;
}

/* Estilo que aplica al tÃƒÆ’Ã‚Â­tulo de una pÃƒÆ’Ã‚Â¡gina normal */

.pageTitle {
    color: #0A62AC;
    font-weight: 600;
    text-transform: uppercase;
    text-align: left;
    padding: 10px;

	font-size: 16px;
	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
	margin: 0px 0px 0px 0px;
	background-color: #D4EBFF;

}


/* Estilo que aplica al tÃƒÆ’Ã‚Â­tulo de una pÃƒÆ’Ã‚Â¡gina popUp */
.popUpPageTitle{
	background-color: #808080;
	color: #000000;    
    font-size: 1.2em;
    font-weight: bold;
    padding: 5px;
    text-transform: uppercase;
    text-align: left;

}

/* Estilo aplicado al botÃƒÆ’Ã‚Â³n de cerrar el popUp */
.popUpCloseButton {
    float: right;
    margin-right: 10px;
}

/*********************************************************************************************************/
/********************************************* FIN PÃƒÆ’Ã‚ÂGINA ************************************************/
/*********************************************************************************************************/

/*********************************************************************************************************/
/************************************************ MENÃƒÆ’Ã…Â¡ ***************************************************/
/*********************************************************************************************************/

/* Estilo para personalizar la barra de menÃƒÆ’Ã‚Âº */
.menu{


 	/*background-color: #333333;*/
	margin: 0;
	padding: 0;
	width: auto;

	/* Para ocultar menu a las bravas (mejor no usarlo)
	display: inline-block;
	visibility: hidden;
	height: 0px;
	*/

}


.ui-menu.ui-menubar {
    padding-right: 20px;
    padding-left: 10px;
    background-color: #A82534;
    background-image: none;
    border-radius: 0px;
    border: 0px solid #d4d4d4;
}


rich-toolbar-item{
	font-size: 1em;
	color: #FFFFFF;
}

/* Estilo para personalizar cada una de las opciones de menÃƒÆ’Ã‚Âº */
.menuItem{

}

/* Estilo para personalizar la opciÃƒÆ’Ã‚Â³n de menÃƒÆ’Ã‚Âº seleccionada */
.menuItemSelected{

}

/* Estilo para personalizar los submenus */
.subMenu{
	/*	color: #FFFFFF;
    background-color: #333333;    */

	color: #000000;
    font-family: Arial,Verdana,sans-serif;
    background: url("../img/fondoSubmenu.png") repeat-y scroll left center #f1eee9;
    border: 1px solid #c4c0b9;
    padding: 2px 36px 2px 2px;
}

/* Estilo para personalizar los submenus seleccionados */
.subMenuSelected{
   	background-color: #777171 !important;
    background-position: left top !important;
    background-image: none !important;
    background-repeat: repeat-x !important;
    border-color: #777171 !important;	
}

/* Estilo para personalizar el texto del submenu */
.subMenuItem{
	font-family: Arial,Verdana,sans-serif;  
    color: #FFFFFF;
	text-decoration: none;
}

/* Estilo para personalizar el texto del submenu seleccionado*/
.subMenuSelected .subMenuItem{

}

/* Estilo para personalizar el icono del submenu */
.subMenuIcon{
	
}

.rich-menu-list-border {
    border: none !important;
}
.rich-menu-list-bg {
    background: none !important;
    border: none !important;
}

/*********************************************************************************************************/
/********************************************** FIN MENÃƒÆ’Ã…Â¡ *************************************************/
/*********************************************************************************************************/

/*********************************************************************************************************/
/****************************************** PÃƒÆ’Ã‚ÂGINA BIENVENIDA ********************************************/
/*********************************************************************************************************/

/* Estilo para personalizar el tÃƒÆ’Ã‚Â­tulo de la pÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¡gina de bienevenida */
.welcomeTitle{	
	color: #999999;
    font-size: 1.2em;
    font-weight: bold;
    padding: 5px;
    text-transform: uppercase;

}

/* Estilo para personalizar el contenido de la pÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¡gina de bienvenida */
.welcomeContent{
	color: #888;
	font-weight: bold;
	font-size: 1.2em;
}

/* Estilo para personalizar el tÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â­tulo de la zona de informaciÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â³n de la aplicaciÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â³n*/
.infoAppTitle{	
	/*background: none repeat scroll 0 0 #9E1B32 !important;*/
	background: gray;
	color: #ffffff !important;
    font-weight: bold !important;
    padding: 4px 5px;
}

/* Estilo para personalizar el contenido de la zona de informaciÃƒÆ’Ã‚Â³n de la aplicaciÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â³n*/
.infoAppDescription{
	/*background: #FFFFFF url("../img/degra_bottom_short.png") repeat-x scroll left bottom;*/
	background: white;
    border: 0 none;
    padding: 20px 4px 40px;
}

/* Estilo para personalizar el panel que contiene el aviso legal */
.welcomeLegalAdvise{
	border: 1px solid #CCCCCC;
	font-weight:normal;
	color: #555555;
	padding: 5px 5px 5px 5px;
	font-size: 12px;
}

/*********************************************************************************************************/
/**************************************** FIN PÃƒÆ’Ã‚ÂGINA BIENVENIDA ******************************************/
/*********************************************************************************************************/

/*********************************************************************************************************/
/********************************************* CABECERA **************************************************/
/*********************************************************************************************************/

/* Estilo para personalizar la cabecera */
.header {
    color: #ffffff;
    font-weight: normal;
    height: 90px;
    background: none repeat scroll 0 0 #ffffff;
}


/* Estilo para personalizar el tÃƒÆ’Ã‚Â­tulo de la aplicaciÃƒÆ’Ã‚Â³n que esta contenido en la cabecera */
.appTitle{
	/*Eliminar el tÃƒÆ’Ã‚Â­tulo de la aplicaciÃƒÆ’Ã‚Â³n*/
	/*font-size: 3em;
	color: #FFFFFF;*/
	visibility:hidden;
	font-size: 0px;
}

/* Estilo para personalizar la descripciÃƒÆ’Ã‚Â³n de la aplicaciÃƒÆ’Ã‚Â³n que esta contenido en la cabecera */
.appDescription{
	font-family:Calibri;
	font-size:0px;
}

/* Estilo para visibilidad del objeto que indica que se estÃƒÆ’Ã‚Â¡ cargando la pÃƒÆ’Ã‚Â¡gina */
.loadingStyleShow{
	display: block;
	position: fixed;
	height: 100%;
	width: 100%;
    background-image: url('../img/ajax-loader2.gif');
    background-repeat: no-repeat;
    background-position: calc(50%) calc(50%);
    
    left: 0;
    right: 0;
    top: 0;
    z-index: 10000;    
}

/* Estilo para no visibilidad del objeto que indica que se estÃƒÆ’Ã‚Â¡ cargando la pÃƒÆ’Ã‚Â¡gina */
.loadingStyleHide{
	display: none;
	position: fixed;
	height: 100%;
	width: 100%;
    background-image: url('../img/ajax-loader2.gif');
    background-repeat: no-repeat;
    background-position: calc(50%) calc(50%);
    
    left: 0;
    right: 0;
    top: 0;
    z-index: 10000;    
}

/* Estilo que aplica a la zona de session timeout */
.sessionTimeout{
	background-color: #fee5e2;
    border-color: #fcaca5;
    color: #b50303;

    padding: 8px 35px 8px 14px;
    margin-bottom: 20px;
    text-shadow: 0 1px 0 rgba(255,255,255,0.5);
    border-radius: 2px;
    
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 10000;
}

/* Estilo que aplica a la zona de session timeout (al aviso previo)*/
.sessionTimeoutWarning{
	background-color: #F5DA81;
    border-color: #FFBF00;
    color: #5F4C0B;

    padding: 8px 35px 8px 14px;
    margin-bottom: 20px;
    text-shadow: 0 1px 0 rgba(255,255,255,0.5);
    border-radius: 2px;
    
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 10000;
}


.rich-tool-tip{
    background-color: #FAE6B0;
    padding: 7px;
    border: 1px solid;
    border-color: #E5973E;
    font-size: 12px;
    font-family: Arial,Verdana,sans-serif;
    float: left;
    position: absolute;
    /*display: none;*/
}
.UsuarioToolTip{
	color:black;
}

.usuarioLogado{
	
}

/* Anulamos Logo para el aÃƒÆ’Ã‚Â±o Jubilar de Caravaca 2017 
.header{
    background-image: url('../img/caravaca2017.png');
    background-repeat: no-repeat;
    background-position: calc(90%) calc(0%);
}
*/


/*********************************************************************************************************/
/********************************************* FIN CABECERA **********************************************/
/*********************************************************************************************************/

/*********************************************************************************************************/
/******************************************** CONTENEDOR *************************************************/
/*********************************************************************************************************/




/* Estilo para personalizar el fondo de la pantalla */
.screen {
	background-color: #F3F5F8;
}


/* Estilo para personalizar el contenedor de la aplicaciÃƒÆ’Ã‚Â³n */
.container{
    /*background: rgba(255, 255, 255, 1);*/
    margin: auto;
	cursor: default;
	font-family: "Lucida Grande",sans-serif;
    font-size: 12px;
    
    border-bottom: 1px solid #DEE1E2;
    border-left: 1px solid #DEE1E2;
    border-right: 1px solid #DEE1E2;
    width:960px;
}

/* Estilo del contenedor cuando se incluyen pantallas de jAD en otras aplicaciones (No incluye encabezado ni menÃƒÆ’Ã‚Âº) */
.containerEmbebbed {
	margin: auto;
	cursor: default;
	font-family: "Lucida Grande",sans-serif;
    font-size: 12px;
    
    border-bottom: 1px solid #a0a0a0;
    border-left: 1px solid #a0a0a0;
    border-right: 1px solid #a0a0a0;
}



/*********************************************************************************************************/
/****************************************** FIN CONTENEDOR ***********************************************/
/*********************************************************************************************************/

/*********************************************************************************************************/
/************************************** MENSAJES INFO Y ERROR ********************************************/
/*********************************************************************************************************/

/* Errores en el propio campo */
.error {
	white-space: nowrap;
	color: red;
}

/* Estilo aplicado al popup de mensajes de validaciÃƒÆ’Ã‚Â³n/informaciÃƒÆ’Ã‚Â³n/error */
.messages{
	box-shadow: 0 0 8px black;
	border: 2px solid #CCCCCC;
	position: fixed;
	top: 5px;
	right: 20px;
	width: 450px;
	z-index:10000;
	border: 1px solid #999999;
	display: block;
}

/* Estilo aplicado al tÃƒÆ’Ã‚Â­tulo del mensaje de validaciÃƒÆ’Ã‚Â³n/informaciÃƒÆ’Ã‚Â³n/error */
.messagesTitle{
	/*background: #9E1B32 none repeat scroll 0 0 !important;*/
	background: #333333;
    color: #ffffff !important;
    font-weight: bold !important;
    padding: 1px 3px 1px 5px;
}

/* Estilo aplicado al contenido del mensaje de validaciÃƒÆ’Ã‚Â³n/informaciÃƒÆ’Ã‚Â³n/error */
.messagesContent{
	border-left: 1px solid #bbbbbb;
	border-right: 1px solid #bbbbbb;
	background: #FFFFFF;
	padding: 0px 10px 20px 10px;

}

/* Estilo aplicado al texto del mensaje de informaciÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â³n */
.messagesInfoText{
    color: #669;
    font-family: Verdana,sans-serif;
    font-size: 12px;
    font-weight: bold;
    
	display: list-item;
   	margin-left: 20px;
   	padding-left: 0px;
   	list-style-image: url('../img/mensaje-info.png');
}

/* Estilo aplicado al texto del mensaje de error */
.messagesErrorText{
	font-family: Verdana, Sans-Serif;
	font-size: 12px;
	color:#c66;
	font-weight: bold;
	
	display: list-item;
   	margin-left: 20px;
   	padding-left: 0px;
   	list-style-image: url('../img/mensaje-error.png');
}

/* Estilo aplicado al texto del mensaje de advertencia */
.messagesWarnText{
    color: #f6ce4b;
    font-family: Verdana,sans-serif;
    font-size: 12px;
    font-weight: bold;
    
	display: list-item;
   	margin-left: 20px;
   	padding-left: 0px;
   	list-style-image: url('../img/mensaje-warn.png');
}

/*********************************************************************************************************/
/************************************ FIN MENSAJES INFO Y ERROR ******************************************/
/*********************************************************************************************************/

/*********************************************************************************************************/
/**************************************** MENSAJE CONFIRMACIÃƒÆ’Ã¢â‚¬Å“N *******************************************/
/*********************************************************************************************************/

/* Base donde se ubican las confirmaciones y dialogos*/
.baseOver{
	height: 100%; 
	margin: auto; 
	/*overflow-y: auto;*/
}

/* Estilo aplicado al contenedor del popup con el mensaje de confirmaciÃƒÆ’Ã‚Â³n*/
.confirmation{
	
}

/* Estilo aplicado al tÃƒÆ’Ã‚Â­tulo del mensaje de confirmaciÃƒÆ’Ã‚Â³n */
.confirmationTitle{
	background: none repeat scroll 0 0 #333333 !important;
    color: #ffffff !important;
    font-weight: bold !important;
    padding: 4px 5px;
}

/* Estilo aplicado al contenido del mensaje de confirmaciÃƒÆ’Ã‚Â³n */
.confirmation .operationZoneContent{
	/*background: url("../img/degra_bottom_short.png") repeat-x scroll left bottom #FFFFFF;*/
	background: white;
    /*border-left: 1px solid #bbbbbb;*/
    /*border-right: 1px solid #bbbbbb;*/
    padding: 0 10px 20px;
}

.confirmationMessage{
	font-weight: bold;
	color: #555;
	margin-top: 15px;
}

/*********************************************************************************************************/
/************************************** FIN MENSAJE CONFIRMACIÃƒÆ’Ã¢â‚¬Å“N *****************************************/
/*********************************************************************************************************/

/*********************************************************************************************************/
/******************************************** VALIDACIONES ***********************************************/
/*********************************************************************************************************/

/* Estilo aplicado al contenedor del popup con el mensaje de confirmaciÃƒÆ’Ã‚Â³n*/
.validation{

}

/* Estilo aplicado al tÃƒÆ’Ã‚Â­tulo de la zona de operaciÃƒÆ’Ã‚Â³n */
.validationTitle{
    background: none repeat scroll 0 0 #333333 !important;
    color: #ffffff !important;
    font-weight: bold !important;
    padding: 4px 5px;
    text-align: left;
}

/*********************************************************************************************************/
/******************************************** FIN VALIDACIONES *******************************************/
/*********************************************************************************************************/

/*********************************************************************************************************/
/******************************************** SUBIDA DE FICHEROS *****************************************/
/*********************************************************************************************************/

/* Estilo aplicado al contenedor del popup de subida de ficheros*/
.fileUpload{

}

/* Estilo aplicado al tÃƒÆ’Ã‚Â­tulo del popup de subida de ficheros */
.fileUploadTitle{
	 background: none repeat scroll 0 0 #333333 !important;
	 color: #ffffff !important;
font-weight: bold !important;
padding: 4px 5px;
text-align: left;
}

/* Estilo aplicado al componente de subida de ficheros */
.fileUploadComponent{

}

/* Sobreescribe el estilo de richfaces aplicado al componente de subida de ficheros */
.rich-fileupload-toolbar-decor {
    background-color: #f1eee9;
    border-bottom: 1px solid #c4c0c9;
    border-left: 1px solid #fff;
    border-top: 1px solid #fff;
    padding: 2px;
    width: 100%;
}

/* Sobreescribe el estilo de richfaces aplicado al componente de subida de ficheros */
.rich-fileupload-button {
    background-color: #dfdcd5;
    background-image: url("../img/fondoBotonSubirFichero.png");
    background-position: left top;
    background-repeat: repeat-x;
    cursor: pointer;
    padding: 2px;
}

/* Sobreescribe el estilo de richfaces aplicado al componente de subida de ficheros */
.rich-fileupload-button-border {
    border: 1px solid #c4c0c9;
    margin: 2px;
}

/* Sobreescribe el estilo de richfaces aplicado al componente de subida de ficheros */
.rich-fileupload-font {
    font-family: Arial,Verdana,sans-serif;
    font-size: 12px;
}

/* Sobreescribe el estilo de primefaces aplicado a la barra de progreso */
.ui-fileupload-content .ui-progressbar {
	width: 90px;
    height: 20px;
    margin: 0;
    top: 5px;
}

/*********************************************************************************************************/
/******************************************** FIN SUBIDA DE FICHEROS *************************************/
/*********************************************************************************************************/


/*********************************************************************************************************/
/******************************************** CALENDARIO RICH-CALENDAR ***********************************/
/*********************************************************************************************************/


.rich-calendar-exterior {
	border: 1px solid;
	width: 209px;
}

.rich-calendar-btn {
	cursor: pointer;
}

.rich-calendar-header-optional {
	border-bottom: 1px solid;
	padding: 7px;
	height: 22px;
	font-weight: bold;
}

.rich-calendar-header {
	border-right: 0 solid;
	border-bottom: 1px solid;
}

.rich-calendar-cell-size {
	width: 25px;
	height: 22px;
}

.rich-calendar-cell-div {
	overflow: hidden;
}

.rich-calendar-cell {
	border-bottom: 1px solid;
	border-right: 1px solid;
	padding: 0;
	vertical-align: middle;
	text-align: center;
}

.rich-calendar-tool {
	vertical-align: middle;
	text-align: center;
	width: 20px;
	height: 22px;
}

.rich-calendar-month {
	vertical-align: middle;
	text-align: center;
	height: 22px;
}

.rich-calendar-days {
	border-bottom: 1px solid;
	border-right: 0 solid;
	vertical-align: middle;
	text-align: center;
	height: 22px;
}

.rich-calendar-week {
	border-bottom: 1px solid;
	border-right: 1px solid;
	vertical-align: middle;
	text-align: center;
	width: 25px;
}

.rich-right-cell {
	border-right: 0;
}

.rich-bottom-cell {
	border-bottom: 0;
}

.rich-calendar-toolfooter {
	height: 22px;
	padding: 1px 2px 1px 1px;
}

.rich-calendar-footer-optional {
	border-top: 1px solid;
	border-right: 0 solid;
	padding: 7px;
	height: 22px;
	font-weight: bold;
}

.rich-calendar-footer {
	border-top: 1px solid;
	border-right: 0 solid;
}

.rich-calendar-spinner-input {
	border: 0;
	padding: 0 0 0 3px;
	background: none transparent scroll repeat 0 0;
}

.rich-calendar-spinner-input-container {
	background-position: left top;
	background-repeat: repeat-x;
	border: 1px solid;
}

.rich-calendar-spinner-buttons {
	border-width: 1px;
	border-style: solid;
	background-position: left top;
	background-repeat: repeat-x;
	font-size: 0;
}

.rich-calendar-exterior {
	border-color: #C4C0B9;
}

.rich-calendar-header-optional {
	border-bottom-color: #C4C0B9;
	background-color: #F1EEE9;
	font-size: 12px;
	font-family: Arial, Verdana, sans-serif;
}

.rich-calendar-header {
	border-bottom-color: #C4C0B9;
	background-color: #F1EEE9;
	font-size: 12px;
	font-family: Arial, Verdana, sans-serif;
}

.rich-calendar-cell {
	border-bottom-color: #C4C0B9;
	border-right-color: #C4C0B9;
	background-color: #ffffff;
	font-size: 12px;
	font-family: Arial, Verdana, sans-serif;
}

.rich-calendar-tool {
	background-color: #D4CFC7;
	font-size: 12px;
	font-family: Arial, Verdana, sans-serif;
	font-weight: bold;
	color: #000000;
}

.rich-calendar-month {
	background-color: #D4CFC7;
	font-size: 12px;
	font-family: Arial, Verdana, sans-serif;
	font-weight: bold;
	color: #000000;
	white-space: nowrap;
}

.rich-calendar-days {
	border-bottom-color: #C4C0B9;
	border-right-color: #C4C0B9;
	background: #F1EEE9;
	font-size: 12px;
	font-family: Arial, Verdana, sans-serif;
}

.rich-calendar-weekends {
	color: red;
}

.rich-calendar-week {
	background: #F1EEE9;
	border-bottom-color: #C4C0B9;
	background-color: #F1EEE9;
	border-right-color: #C4C0B9;
	font-size: 12px;
	font-family: Arial, Verdana, sans-serif;
}

.rich-calendar-holly {
	background-color: #FFEBDA;
	color: #FF7800;
}

.rich-calendar-boundary-dates {
	color: #a0a0a0;
}

.rich-calendar-today {
	background-color: #FF7800;
	color: #FFEBDA;
	font-weight: bold;
}

.rich-calendar-select {
	background-color: #D4CFC7;
	color: #000000;
	font-weight: bold;
}

.rich-calendar-hover {
	background-color: #F1EEE9;
	color: #000000;
}

.rich-calendar-toolfooter {
	background: #F1EEE9;
	font-size: 12px;
	font-family: Arial, Verdana, sans-serif;
	background-image:
		url(/jTareas/a4j/g/3_3_3.Finalorg.richfaces.renderkit.html.iconimages.CalendarSeparator/DATB/eAFjYGAAAAADAAE_.jspx);
	background-repeat: no-repeat;
	background-position: right center;
}

.rich-calendar-tool-btn {
	cursor: pointer;
	padding: 2px 3px 2px 3px;
	white-space: nowrap;
}

.rich-calendar-tool-btn-disabled {
	padding: 2px 3px 2px 3px;
	white-space: nowrap;
}

.rich-calendar-tool-btn-hover {
	background-color: #F1EEE9;
	color: #000000;
	border: 1px solid;
	border-color: #ffffff;
	border-right-color: #C4C0B9;
	border-bottom-color: #C4C0B9;
	padding: 1px 2px 1px 2px;
}

.rich-calendar-tool-btn-press {
	border-color: #C4C0B9;
	border-right-color: #ffffff;
	border-bottom-color: #ffffff;
}

.rich-calendar-footer-optional {
	border-top-color: #C4C0B9;
	border-right-color: #C4C0B9;
	background: #F1EEE9;
	font-size: 12px;
	font-family: Arial, Verdana, sans-serif;
}

.rich-calendar-footer {
	border-top-color: #C4C0B9;
	border-right-color: #C4C0B9;
	background: #F1EEE9;
	font-size: 12px;
	font-family: Arial, Verdana, sans-serif;
}

.rich-calendar-tool-close {
	padding: 2px 2px 2px 4px;
	background-image:
		url(/jTareas/a4j/g/3_3_3.Finalorg.richfaces.renderkit.html.iconimages.CalendarSeparator/DATB/eAFjYGAAAAADAAE_.jspx);
	background-repeat: no-repeat;
	background-position: left center;
}

.rich-calendar-button {
	cursor: pointer;
	vertical-align: middle;
}

.rich-calendar-editor-shadow {
	background: #FFF;
	opacity: .5;
	filter: alpha(opacity = 50);
}

.rich-calendar-time-layout {
	background: #F1EEE9;
	border: 1px solid;
	border-color: #C4C0B9;
	position: relative;
}

.rich-calendar-date-layout {
	background: #FFF;
	border: 1px solid;
	border-color: #C4C0B9;
	position: relative;
}

.rich-calendar-time-layout, .rich-calendar-date-layout,
	.rich-calendar-time-layout input {
	font-size: 12px;
	font-family: Arial, Verdana, sans-serif;
}

.rich-calendar-time-layout-fields {
	padding: 7px 7px 5px 7px;
	white-space: nowrap;
}

.rich-calendar-time-layout-cancel {
	padding: 0 7px 7px 1px;
}

.rich-calendar-time-layout-ok {
	padding: 0 1px 7px 7px;
}

.rich-calendar-date-layout-cancel {
	background: #F1EEE9;
	border-top: 1px solid;
	border-top-color: #C4C0B9;
	padding: 5px 5px 5px 1px;
}

.rich-calendar-date-layout-ok {
	background: #F1EEE9;
	border-top: 1px solid;
	border-top-color: #C4C0B9;
	padding: 5px 1px 5px 5px;
}

.rich-calendar-date-layout-split {
	border-right: 1px solid;
	border-right-color: #C4C0B9;
}

.rich-calendar-time-btn {
	width: 45px;
	border: 1px solid;
	border-color: #ffffff;
	border-right-color: #C4C0B9;
	border-bottom-color: #C4C0B9;
	background: #F1EEE9;
	text-align: center;
	padding: 2px;
	white-space: nowrap;
	text-align: center;
	cursor: pointer;
}

.rich-calendar-time-btn-press {
	border: 1px solid;
	border-color: #C4C0B9;
	border-right-color: #ffffff;
	border-bottom-color: #ffffff;
	background-color: #F1EEE9;
}

.rich-calendar-time-input {
	width: 22px;
	margin: 0 2px;
}

.rich-calendar-spinner-up {
	background-image:
		url(/jTareas/a4j/g/3_3_3.Finalorg.richfaces.renderkit.html.images.SpinnerButtonUp/DATB/eAFjYGD4!!8!AAYAAv4_.jspx);
	height: 7px;
	width: 14px;
	margin: 0 1px 1px 0;
}

.rich-calendar-spinner-down {
	background-image:
		url(/jTareas/a4j/g/3_3_3.Finalorg.richfaces.renderkit.html.images.SpinnerButtonDown/DATB/eAFjYGD4!!8!AAYAAv4_.jspx);
	height: 7px;
	width: 14px;
	margin: 0 1px 1px 0;
}

.rich-calendar-spinner-pressed {
	margin: 1px 0 0 1px;
}

.rich-calendar-spinner-buttons {
	background-color: #D4CFC7;
	border-color: #D4CFC7;
	background-image:
		url(/jTareas/a4j/g/3_3_3.Finalorg.richfaces.renderkit.html.images.SpinnerButtonGradient/DATB/eAF79urt8fNXmAAXoQUq.jspx);
}

.rich-calendar-spinner-input {
	font-size: 11;
	font-family: Arial, Verdana, sans-serif;
	width: 18px;
}

.rich-calendar-spinner-input-container {
	background-image:
		url(/jTareas/a4j/g/3_3_3.Finalorg.richfaces.renderkit.html.images.SpinnerFieldGradient/DATB/eAF7-e7j!!!!mQAZqAXI.jspx);
	background-color: #ffffff;
	border-color: #C4C0B9;
	border-bottom-color: #ffffff;
	border-right-color: #ffffff;
}

.rich-calendar-editor-layout-shadow {
	background-color: #000000;
	opacity: .3;
	filter: alpha(opacity = 30);
	position: absolute;
}

.rich-calendar-editor-btn {
	width: 36px;
	padding: 2px;
	margin: 2px;
	text-align: center;
	cursor: pointer;
}

.rich-calendar-editor-btn-over {
	padding: 1px;
	border: 1px solid;
	border-color: #C4C0B9;
	background: #F1EEE9;
}

.rich-calendar-editor-btn-selected {
	background-color: #FF7800;
	padding: 2px;
	border: 0;
	color: #FFEBDA;
	font-weight: bold;
	cursor: default;
}

.rich-calendar-editor-tool-over {
	padding: 1px;
	border: 1px solid;
	background: #F1EEE9;
	border-color: #ffffff;
	border-right-color: #C4C0B9;
	border-bottom-color: #C4C0B9;
}

.rich-calendar-editor-tool-press {
	padding: 1px;
	border: 1px solid;
	background: #F1EEE9;
	border-color: #C4C0B9;
	border-right-color: #ffffff;
	border-bottom-color: #ffffff;
}


/*********************************************************************************************************/
/******************************************** FIN CALENDARIO RICH-CALENDAR *******************************/
/*********************************************************************************************************/

.encabezadoMargenIzquierdo{
	width: 15px;
}

/*
.encabezadoColumnaDerecha {
	width: 220px;
}
*/
.encabezadoColumnaDerecha {
  background: url("../img/union_europea_negro.png");
  background-size: 25%;
  background-repeat: no-repeat;
  background-position: center;
  background-origin: content-box;
}
.buttonsScroll{
	overflow-x: auto; 
	width:100%;
}
	
.backButtonGroup{
	/*visibility:hidden;*/
	text-align: right;
}


/*
RESUMEN ANCHO RESOLUCIONES (PIXEL):
ResoluciÃƒÆ’Ã‚Â³n   Dispositivo              Contenedor Incremento            
-----------  ------------------------ ---------- ----------
0    -  767  Dispositivo MÃƒÆ’Ã‚Â³vil        No aplica
768  - 1024  Pantallas PequeÃƒÆ’Ã‚Â±as       778px      24px  
1025 - 1280  Pantallas Medianas       960px      30px  (por defecto)
1281 - 1800  Pantallas Grandes        1350px     42px
1801 - ...   Pantallas muy grandes    1440px     45px
*/

/* Pantalla por defecto, en caso que no detecte media query */
/* Nota: Es igual al de pantallas medianas entre 1025px y 1280 pixels  */

	/* POR DEFECTO */
	
	/* Parrilla de contenedor de pantalla de pantalla para ancho ÃƒÆ’Ã‚Â³ptimo de 960px: */
	
	/* Estilo para personalizar el contenedor de la aplicaciÃƒÆ’Ã‚Â³n */
  	.container{
  		font-size: 12px;
  		width: 960px;
		margin-top: 10px;
		margin-bottom: 20px;
   	}
   	
	/* Estilo del contenedor cuando se incluyen pantallas de jAD en otras aplicaciones (Como el caso de Tramel) */
  	.containerEmbebbed{
  		font-size: 12px;
  		width: 960px;
		margin-top: 10px;
   	}
   	
	textarea, textarea[type="textarea"], input[type="text"], input[type="password"], select {
		font-size: 12px;
	}
		
	/* Parrilla de Campos de pantalla para ancho ÃƒÆ’Ã‚Â³ptimo de 960px: */
	
	/* Nota: usar layer-0 para componentes no visibles, para que no ocupen espacio */
	.layer-0   {display:block; margin-bottom: 2px; margin-top: 2px;}
	.layer-1   {display:block;width:30px;  margin-bottom: 2px; margin-top: 2px; min-height: 17px;}
	.layer-2   {display:block;width:60px;  margin-bottom: 2px; margin-top: 2px; min-height: 17px;}
	.layer-3   {display:block;width:90px;  margin-bottom: 2px; margin-top: 2px; min-height: 17px;}
	.layer-4   {display:block;width:120px; margin-bottom: 2px; margin-top: 2px; min-height: 17px;}
	.layer-5   {display:block;width:150px; margin-bottom: 2px; margin-top: 2px; min-height: 17px;}
	.layer-6   {display:block;width:180px; margin-bottom: 2px; margin-top: 2px; min-height: 17px;}
	.layer-7   {display:block;width:210px; margin-bottom: 2px; margin-top: 2px; min-height: 17px;}
	.layer-8   {display:block;width:240px; margin-bottom: 2px; margin-top: 2px; min-height: 17px;}
	.layer-9   {display:block;width:270px; margin-bottom: 2px; margin-top: 2px; min-height: 17px;}
	.layer-10  {display:block;width:300px; margin-bottom: 2px; margin-top: 2px; min-height: 17px;}
	.layer-11  {display:block;width:330px; margin-bottom: 2px; margin-top: 2px; min-height: 17px;}
	.layer-12  {display:block;width:360px; margin-bottom: 2px; margin-top: 2px; min-height: 17px;}
	.layer-13  {display:block;width:390px; margin-bottom: 2px; margin-top: 2px; min-height: 17px;}
	.layer-14  {display:block;width:420px; margin-bottom: 2px; margin-top: 2px; min-height: 17px;}
	.layer-15  {display:block;width:450px; margin-bottom: 2px; margin-top: 2px; min-height: 17px;}
	.layer-16  {display:block;width:480px; margin-bottom: 2px; margin-top: 2px; min-height: 17px;}
	.layer-17  {display:block;width:510px; margin-bottom: 2px; margin-top: 2px; min-height: 17px;}
	.layer-18  {display:block;width:540px; margin-bottom: 2px; margin-top: 2px; min-height: 17px;}
	.layer-19  {display:block;width:570px; margin-bottom: 2px; margin-top: 2px; min-height: 17px;}
	.layer-20  {display:block;width:600px; margin-bottom: 2px; margin-top: 2px; min-height: 17px;}
	.layer-21  {display:block;width:630px; margin-bottom: 2px; margin-top: 2px; min-height: 17px;}
	.layer-22  {display:block;width:660px; margin-bottom: 2px; margin-top: 2px; min-height: 17px;}
	.layer-23  {display:block;width:690px; margin-bottom: 2px; margin-top: 2px; min-height: 17px;}
	.layer-24  {display:block;width:720px; margin-bottom: 2px; margin-top: 2px; min-height: 17px;}
	.layer-25  {display:block;width:750px; margin-bottom: 2px; margin-top: 2px; min-height: 17px;}
	.layer-26  {display:block;width:780px; margin-bottom: 2px; margin-top: 2px; min-height: 17px;}
	.layer-27  {display:block;width:810px; margin-bottom: 2px; margin-top: 2px; min-height: 17px;}
	.layer-28  {display:block;width:840px; margin-bottom: 2px; margin-top: 2px; min-height: 17px;}
	.layer-29  {display:block;width:870px; margin-bottom: 2px; margin-top: 2px; min-height: 17px;}
	.layer-30  {display:block;width:900px; margin-bottom: 2px; margin-top: 2px; min-height: 17px;}
	.layer-31  {display:block;width:930px; margin-bottom: 2px; margin-top: 2px; min-height: 17px;}
	.layer-100 {display:block;width:100%;  margin-bottom: 2px; margin-top: 2px; min-height: 17px;}

	.layer-0  input[type="text"].rich-calendar-input  {-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
	.layer-1  input[type="text"].rich-calendar-input  {width:75%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
	.layer-2  input[type="text"].rich-calendar-input  {width:75%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
	.layer-3  input[type="text"].rich-calendar-input  {width:75%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
	.layer-4  input[type="text"].rich-calendar-input  {width:75%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
	.layer-5  input[type="text"].rich-calendar-input  {width:75%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
	.layer-6  input[type="text"].rich-calendar-input  {width:75%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
	.layer-7  input[type="text"].rich-calendar-input  {width:75%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
	.layer-8  input[type="text"].rich-calendar-input  {width:75%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
	.layer-9  input[type="text"].rich-calendar-input  {width:75%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
	.layer-10 input[type="text"].rich-calendar-input  {width:75%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
	.layer-11 input[type="text"].rich-calendar-input  {width:75%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
	.layer-12 input[type="text"].rich-calendar-input  {width:75%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
	.layer-13 input[type="text"].rich-calendar-input  {width:75%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
	.layer-14 input[type="text"].rich-calendar-input  {width:75%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
	.layer-15 input[type="text"].rich-calendar-input  {width:75%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
	.layer-16 input[type="text"].rich-calendar-input  {width:75%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
	.layer-17 input[type="text"].rich-calendar-input  {width:75%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
	.layer-18 input[type="text"].rich-calendar-input  {width:75%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
	.layer-19 input[type="text"].rich-calendar-input  {width:75%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
	.layer-20 input[type="text"].rich-calendar-input  {width:75%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
	.layer-21 input[type="text"].rich-calendar-input  {width:75%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
	.layer-22 input[type="text"].rich-calendar-input  {width:75%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
	.layer-23 input[type="text"].rich-calendar-input  {width:75%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
	.layer-24 input[type="text"].rich-calendar-input  {width:75%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
	.layer-25 input[type="text"].rich-calendar-input  {width:75%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
	.layer-26 input[type="text"].rich-calendar-input  {width:75%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
	.layer-27 input[type="text"].rich-calendar-input  {width:75%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
	.layer-28 input[type="text"].rich-calendar-input  {width:75%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
	.layer-29 input[type="text"].rich-calendar-input  {width:75%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
	.layer-30 input[type="text"].rich-calendar-input  {width:75%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
	.layer-31 input[type="text"].rich-calendar-input  {width:75%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
	.layer-100 input[type="text"].rich-calendar-input {width:75%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
	
	input[type="text"].rich-calendar-input, select {
		width:100%;
	}
	
	/* Parrilla de campos de tablas */
	.columnLayer-0   {}
	.columnLayer-1   {width:30px;  overflow:hidden;}
	.columnLayer-2   {width:60px;  overflow:hidden;}
	.columnLayer-3   {width:90px;  overflow:hidden;}
	.columnLayer-4   {width:120px; overflow:hidden;}
	.columnLayer-5   {width:150px; overflow:hidden;}
	.columnLayer-6   {width:180px; overflow:hidden;}
	.columnLayer-7   {width:210px; overflow:hidden;}
	.columnLayer-8   {width:240px; overflow:hidden;}
	.columnLayer-9   {width:270px; overflow:hidden;}
	.columnLayer-10  {width:300px; overflow:hidden;}
	.columnLayer-11  {width:330px; overflow:hidden;}
	.columnLayer-12  {width:360px; overflow:hidden;}
	.columnLayer-13  {width:390px; overflow:hidden;}
	.columnLayer-14  {width:420px; overflow:hidden;}
	.columnLayer-15  {width:450px; overflow:hidden;}
	.columnLayer-16  {width:480px; overflow:hidden;}
	.columnLayer-17  {width:510px; overflow:hidden;}
	.columnLayer-18  {width:540px; overflow:hidden;}
	.columnLayer-19  {width:570px; overflow:hidden;}
	.columnLayer-20  {width:600px; overflow:hidden;}
	.columnLayer-21  {width:630px; overflow:hidden;}
	.columnLayer-22  {width:660px; overflow:hidden;}
	.columnLayer-23  {width:690px; overflow:hidden;}
	.columnLayer-24  {width:720px; overflow:hidden;}
	.columnLayer-25  {width:750px; overflow:hidden;}
	.columnLayer-26  {width:780px; overflow:hidden;}
	.columnLayer-27  {width:810px; overflow:hidden;}
	.columnLayer-28  {width:840px; overflow:hidden;}
	.columnLayer-29  {width:870px; overflow:hidden;}
	.columnLayer-30  {width:900px; overflow:hidden;}
	.columnLayer-31  {width:930px; overflow:hidden;}
	.columnLayer-100  {width:100%; overflow:hidden;}

/* Fin pantalla por defecto */

/* Pantallas pequeÃƒÆ’Ã‚Â±as, entre 768px y 1024px  */
@media only screen and (min-width: 768px) and (max-width: 1024px){
	/* Parrilla de contenedor de pantalla para ancho ÃƒÆ’Ã‚Â³ptimo de 1024px: */
	
	/* Estilo para personalizar el contenedor de la aplicaciÃƒÆ’Ã‚Â³n */
  	.container{
  		font-size: 12px;
  		width: 778px; /*768px;*/
		margin-top: 10px;
   	}
   	
	/* Estilo del contenedor cuando se incluyen pantallas de jAD en otras aplicaciones (Como el caso de Tramel) */
  	.containerEmbebbed{
  		font-size: 12px;
  		width: 778px; /*768px;*/
		margin-top: 10px;
   	}
   	
	textarea, textarea[type="textarea"], input[type="text"], input[type="password"], select {
		font-size: 15px;
	}
	
	.fileButton img{
	 	margin-left: 0px;
	}	
	
	/* Parrilla de Campos de pantalla: */
	
	/* Nota: usar layer-0 para componentes no visibles, para que no ocupen espacio */
	.layer-0   {display:block; margin-bottom: 2px; margin-top: 2px;}
	.layer-1   {display:block;width:36px;  margin-bottom: 2px; margin-top: 2px; min-height: 17px;}
	.layer-2   {display:block;width:72px;  margin-bottom: 2px; margin-top: 2px; min-height: 17px;}
	.layer-3   {display:block;width: 108px;margin-bottom: 2px;margin-top: 2px;min-height: 17px;}
	.layer-4   {display:block;width:144px; margin-bottom: 2px; margin-top: 2px; min-height: 17px;}
	.layer-5   {display:block;width:180px; margin-bottom: 2px; margin-top: 2px; min-height: 17px;}
	.layer-6   {display:block;width:216px; margin-bottom: 2px; margin-top: 2px; min-height: 17px;}
	.layer-7   {display:block;width:252px; margin-bottom: 2px; margin-top: 2px; min-height: 17px;}
	.layer-8   {display:block;width:288px; margin-bottom: 2px; margin-top: 2px; min-height: 17px;}
	.layer-9   {display:block;width:324px; margin-bottom: 2px; margin-top: 2px; min-height: 17px;}
	.layer-10  {display:block;width:360px; margin-bottom: 2px; margin-top: 2px; min-height: 17px;}
	.layer-11  {display:block;width:396px; margin-bottom: 2px; margin-top: 2px; min-height: 17px;}
	.layer-12  {display:block;width:432px; margin-bottom: 2px; margin-top: 2px; min-height: 17px;}
	.layer-13  {display:block;width:468px; margin-bottom: 2px; margin-top: 2px; min-height: 17px;}
	.layer-14  {display:block;width:504px; margin-bottom: 2px; margin-top: 2px; min-height: 17px;}
	.layer-15  {display:block;width:540px; margin-bottom: 2px; margin-top: 2px; min-height: 17px;}
	.layer-16  {display:block;width:576px; margin-bottom: 2px; margin-top: 2px; min-height: 17px;}
	.layer-17  {display:block;width:612px; margin-bottom: 2px; margin-top: 2px; min-height: 17px;}
	.layer-18  {display:block;width:648px; margin-bottom: 2px; margin-top: 2px; min-height: 17px;}
	.layer-19  {display:block;width:684px; margin-bottom: 2px; margin-top: 2px; min-height: 17px;}
	.layer-20  {display:block;width:720px; margin-bottom: 2px; margin-top: 2px; min-height: 17px;}
	.layer-21  {display:block;width:756px; margin-bottom: 2px; margin-top: 2px; min-height: 17px;}
	.layer-22  {display:block;width:792px; margin-bottom: 2px; margin-top: 2px; min-height: 17px;}
	.layer-23  {display:block;width:828px; margin-bottom: 2px; margin-top: 2px; min-height: 17px;}
	.layer-24  {display:block;width:864px; margin-bottom: 2px; margin-top: 2px; min-height: 17px;}
	.layer-25  {display:block;width:900px; margin-bottom: 2px; margin-top: 2px; min-height: 17px;}
	.layer-26  {display:block;width:936px; margin-bottom: 2px; margin-top: 2px; min-height: 17px;}
	.layer-27  {display:block;width:972px; margin-bottom: 2px; margin-top: 2px; min-height: 17px;}
	.layer-28  {display:block;width:1008px; margin-bottom: 2px; margin-top: 2px; min-height: 17px;}
	.layer-29  {display:block;width:1044px; margin-bottom: 2px; margin-top: 2px; min-height: 17px;}
	.layer-30  {display:block;width:1080px; margin-bottom: 2px; margin-top: 2px; min-height: 17px;}
	.layer-31  {display:block;width:1116px; margin-bottom: 2px; margin-top: 2px; min-height: 17px;}
	.layer-100 {display:block;width:100%; margin-bottom: 2px; margin-top: 2px; min-height: 17px;}

	.layer-0  input[type="text"].rich-calendar-input  {-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
	.layer-1  input[type="text"].rich-calendar-input  {width:80%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
	.layer-2  input[type="text"].rich-calendar-input  {width:80%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
	.layer-3  input[type="text"].rich-calendar-input  {width:80%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
	.layer-4  input[type="text"].rich-calendar-input  {width:80%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
	.layer-5  input[type="text"].rich-calendar-input  {width:80%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
	.layer-6  input[type="text"].rich-calendar-input  {width:80%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
	.layer-7  input[type="text"].rich-calendar-input  {width:80%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
	.layer-8  input[type="text"].rich-calendar-input  {width:80%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
	.layer-9  input[type="text"].rich-calendar-input  {width:80%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
	.layer-10 input[type="text"].rich-calendar-input  {width:80%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
	.layer-11 input[type="text"].rich-calendar-input  {width:80%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
	.layer-12 input[type="text"].rich-calendar-input  {width:80%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
	.layer-13 input[type="text"].rich-calendar-input  {width:80%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
	.layer-14 input[type="text"].rich-calendar-input  {width:80%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
	.layer-15 input[type="text"].rich-calendar-input  {width:80%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
	.layer-16 input[type="text"].rich-calendar-input  {width:80%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
	.layer-17 input[type="text"].rich-calendar-input  {width:80%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
	.layer-18 input[type="text"].rich-calendar-input  {width:80%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
	.layer-19 input[type="text"].rich-calendar-input  {width:80%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
	.layer-20 input[type="text"].rich-calendar-input  {width:80%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
	.layer-21 input[type="text"].rich-calendar-input  {width:80%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
	.layer-22 input[type="text"].rich-calendar-input  {width:80%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
	.layer-23 input[type="text"].rich-calendar-input  {width:80%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
	.layer-24 input[type="text"].rich-calendar-input  {width:80%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
	.layer-25 input[type="text"].rich-calendar-input  {width:80%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
	.layer-26 input[type="text"].rich-calendar-input  {width:80%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
	.layer-27 input[type="text"].rich-calendar-input  {width:80%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
	.layer-28 input[type="text"].rich-calendar-input  {width:80%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
	.layer-29 input[type="text"].rich-calendar-input  {width:80%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
	.layer-30 input[type="text"].rich-calendar-input  {width:80%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
	.layer-31 input[type="text"].rich-calendar-input  {width:80%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
	.layer-100 input[type="text"].rich-calendar-input {width:80%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
	
	input[type="text"].rich-calendar-input, select {
		width: 95%;
	}
	
	/* Parrilla de campos de tablas */
	.columnLayer-0   {}
	.columnLayer-1   {width:36px;  overflow:hidden;}
	.columnLayer-2   {width:72px;  overflow:hidden;}
	.columnLayer-3   {width:108px;  overflow:hidden;}
	.columnLayer-4   {width:144px;  overflow:hidden;}
	.columnLayer-5   {width:180px; overflow:hidden;}
	.columnLayer-6   {width:216px; overflow:hidden;}
	.columnLayer-7   {width:252px; overflow:hidden;}
	.columnLayer-8   {width:288px; overflow:hidden;}
	.columnLayer-9   {width:324px; overflow:hidden;}
	.columnLayer-10  {width:360px; overflow:hidden;}
	.columnLayer-11  {width:396px; overflow:hidden;}
	.columnLayer-12  {width:432px; overflow:hidden;}
	.columnLayer-13  {width:468px; overflow:hidden;}
	.columnLayer-14  {width:504px; overflow:hidden;}
	.columnLayer-15  {width:540px; overflow:hidden;}
	.columnLayer-16  {width:576px; overflow:hidden;}
	.columnLayer-17  {width:612px; overflow:hidden;}
	.columnLayer-18  {width:648px; overflow:hidden;}
	.columnLayer-19  {width:684px; overflow:hidden;}
	.columnLayer-20  {width:720px; overflow:hidden;}
	.columnLayer-21  {width:756px; overflow:hidden;}
	.columnLayer-22  {width:792px; overflow:hidden;}
	.columnLayer-23  {width:828px; overflow:hidden;}
	.columnLayer-24  {width:864px; overflow:hidden;}
	.columnLayer-25  {width:900px; overflow:hidden;}
	.columnLayer-26  {width:936px; overflow:hidden;}
	.columnLayer-27  {width:972px; overflow:hidden;}
	.columnLayer-28  {width:1008px; overflow:hidden;}
	.columnLayer-29  {width:1044px; overflow:hidden;}
	.columnLayer-30  {width:1080px; overflow:hidden;}
	.columnLayer-31  {width:1116px; overflow:hidden;}
	.columnLayer-100  {width:100%; overflow:hidden;}
			
}
	
/* Pantallas gigantes de mas de 1801 pixeles  */
@media only screen and (min-width: 1025px){
	
	/* Parrilla de contenedor de pantalla para ancho ÃƒÆ’Ã‚Â³ptimo de 1920px y mas grandes: */
	
	/* Estilo para personalizar el contenedor de la aplicaciÃƒÆ’Ã‚Â³n */
  	.container{
  		font-size: 12px;
  		width: 1024px;
		margin-top: 10px;
   	}
   	
	/* Estilo del contenedor cuando se incluyen pantallas de jAD en otras aplicaciones (Como el caso de Tramel) */
  	.containerEmbebbed{
  		font-size: 12px;
  		width: 1024px;
		margin-top: 10px;
   	}
   	
	textarea, textarea[type="textarea"], input[type="text"], input[type="password"], select {
		font-size: 15px;
	}
		
	/* Parrilla de Campos de pantalla: */
	
	/* Nota: usar layer-0 para componentes no visibles, para que no ocupen espacio */
	.layer-0   {display:block; margin-bottom: 2px; margin-top: 2px;}
	.layer-1   {display:block;width:48px;   margin-bottom: 2px; margin-top: 2px; min-height: 17px;}
	.layer-2   {display:block;width:96px;   margin-bottom: 2px; margin-top: 2px; min-height: 17px;}
	.layer-3   {display:block;width: 144px;margin-bottom: 2px;margin-top: 2px;min-height: 17px;}
	.layer-4   {display:block;width: 192px;margin-bottom: 2px;margin-top: 2px;min-height: 17px;}
	.layer-5   {display:block;width:240px;  margin-bottom: 2px; margin-top: 2px; min-height: 17px;}
	.layer-6   {display:block;width:288px;  margin-bottom: 2px; margin-top: 2px; min-height: 17px;}
	.layer-7   {display:block;width:336px;  margin-bottom: 2px; margin-top: 2px; min-height: 17px;}
	.layer-8   {display:block;width:384px;  margin-bottom: 2px; margin-top: 2px; min-height: 17px;}
	.layer-9   {display:block;width:432px;  margin-bottom: 2px; margin-top: 2px; min-height: 17px;}
	.layer-10  {display:block;width:480px;  margin-bottom: 2px; margin-top: 2px; min-height: 17px;}
	.layer-11  {display:block;width:528px;  margin-bottom: 2px; margin-top: 2px; min-height: 17px;}
	.layer-12  {display:block;width:576px;  margin-bottom: 2px; margin-top: 2px; min-height: 17px;}
	.layer-13  {display:block;width:624px;  margin-bottom: 2px; margin-top: 2px; min-height: 17px;}
	.layer-14  {display:block;width:672px;  margin-bottom: 2px; margin-top: 2px; min-height: 17px;}
	.layer-15  {display:block;width:720px;  margin-bottom: 2px; margin-top: 2px; min-height: 17px;}
	.layer-16  {display:block;width:768px;  margin-bottom: 2px; margin-top: 2px; min-height: 17px;}
	.layer-17  {display:block;width:816px;  margin-bottom: 2px; margin-top: 2px; min-height: 17px;}
	.layer-18  {display:block;width:864px;  margin-bottom: 2px; margin-top: 2px; min-height: 17px;}
	.layer-19  {display:block;width:912px;  margin-bottom: 2px; margin-top: 2px; min-height: 17px;}
	.layer-20  {display:block;width:960px;  margin-bottom: 2px; margin-top: 2px; min-height: 17px;}
	.layer-21  {display:block;width:1008px;  margin-bottom: 2px; margin-top: 2px; min-height: 17px;}
	.layer-22  {display:block;width:1056px;  margin-bottom: 2px; margin-top: 2px; min-height: 17px;}
	.layer-23  {display:block;width:1104px; margin-bottom: 2px; margin-top: 2px; min-height: 17px;}
	.layer-24  {display:block;width:1152px; margin-bottom: 2px; margin-top: 2px; min-height: 17px;}
	.layer-25  {display:block;width:1200px; margin-bottom: 2px; margin-top: 2px; min-height: 17px;}
	.layer-26  {display:block;width:1248px; margin-bottom: 2px; margin-top: 2px; min-height: 17px;}
	.layer-27  {display:block;width:1296px; margin-bottom: 2px; margin-top: 2px; min-height: 17px;}
	.layer-28  {display:block;width:1344px; margin-bottom: 2px; margin-top: 2px; min-height: 17px;}
	.layer-29  {display:block;width:1392px; margin-bottom: 2px; margin-top: 2px; min-height: 17px;}
	.layer-30  {display:block;width:1440px; margin-bottom: 2px; margin-top: 2px; min-height: 17px;}
	.layer-31  {display:block;width:1488px; margin-bottom: 2px; margin-top: 2px; min-height: 17px;}
	.layer-100 {display:block;width:100%; margin-bottom: 2px; margin-top: 2px; min-height: 17px;}

	.layer-0  input[type="text"].rich-calendar-input  {-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
	.layer-1  input[type="text"].rich-calendar-input  {width:80%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
	.layer-2  input[type="text"].rich-calendar-input  {width:80%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
	.layer-3  input[type="text"].rich-calendar-input  {width:80%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
	.layer-4  input[type="text"].rich-calendar-input  {width:80%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
	.layer-5  input[type="text"].rich-calendar-input  {width:80%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
	.layer-6  input[type="text"].rich-calendar-input  {width:80%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
	.layer-7  input[type="text"].rich-calendar-input  {width:80%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
	.layer-8  input[type="text"].rich-calendar-input  {width:80%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
	.layer-9  input[type="text"].rich-calendar-input  {width:80%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
	.layer-10 input[type="text"].rich-calendar-input  {width:80%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
	.layer-11 input[type="text"].rich-calendar-input  {width:80%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
	.layer-12 input[type="text"].rich-calendar-input  {width:80%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
	.layer-13 input[type="text"].rich-calendar-input  {width:80%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
	.layer-14 input[type="text"].rich-calendar-input  {width:80%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
	.layer-15 input[type="text"].rich-calendar-input  {width:80%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
	.layer-16 input[type="text"].rich-calendar-input  {width:80%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
	.layer-17 input[type="text"].rich-calendar-input  {width:80%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
	.layer-18 input[type="text"].rich-calendar-input  {width:80%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
	.layer-19 input[type="text"].rich-calendar-input  {width:80%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
	.layer-20 input[type="text"].rich-calendar-input  {width:80%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
	.layer-21 input[type="text"].rich-calendar-input  {width:80%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
	.layer-22 input[type="text"].rich-calendar-input  {width:80%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
	.layer-23 input[type="text"].rich-calendar-input  {width:80%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
	.layer-24 input[type="text"].rich-calendar-input  {width:80%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
	.layer-25 input[type="text"].rich-calendar-input  {width:80%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
	.layer-26 input[type="text"].rich-calendar-input  {width:80%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
	.layer-27 input[type="text"].rich-calendar-input  {width:80%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
	.layer-28 input[type="text"].rich-calendar-input  {width:80%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
	.layer-29 input[type="text"].rich-calendar-input  {width:80%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
	.layer-30 input[type="text"].rich-calendar-input  {width:80%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
	.layer-31 input[type="text"].rich-calendar-input  {width:80%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
	.layer-100 input[type="text"].rich-calendar-input {width:80%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
	
	input[type="text"].rich-calendar-input, select {
		width:95%;

	}
	
	/* Parrilla de campos de tablas */
	.columnLayer-0   {}
	.columnLayer-1   {width:45px;   overflow:hidden;}
	.columnLayer-2   {width:90px;   overflow:hidden;}
	.columnLayer-3   {width:135px;  overflow:hidden;}
	.columnLayer-4   {width:180px;  overflow:hidden;}
	.columnLayer-5   {width:225px;  overflow:hidden;}
	.columnLayer-6   {width:270px;  overflow:hidden;}
	.columnLayer-7   {width:315px;  overflow:hidden;}
	.columnLayer-8   {width:360px;  overflow:hidden;}
	.columnLayer-9   {width:405px;  overflow:hidden;}
	.columnLayer-10  {width:450px;  overflow:hidden;}
	.columnLayer-11  {width:495px;  overflow:hidden;}
	.columnLayer-12  {width:540px;  overflow:hidden;}
	.columnLayer-13  {width:585px;  overflow:hidden;}
	.columnLayer-14  {width:630px;  overflow:hidden;}
	.columnLayer-15  {width:675px;  overflow:hidden;}
	.columnLayer-16  {width:720px;  overflow:hidden;}
	.columnLayer-17  {width:765px;  overflow:hidden;}
	.columnLayer-18  {width:810px;  overflow:hidden;}
	.columnLayer-19  {width:855px;  overflow:hidden;}
	.columnLayer-20  {width:900px;  overflow:hidden;}
	.columnLayer-21  {width:945px;  overflow:hidden;}
	.columnLayer-22  {width:990px;  overflow:hidden;}
	.columnLayer-23  {width:1035px; overflow:hidden;}
	.columnLayer-24  {width:1080px; overflow:hidden;}
	.columnLayer-25  {width:1125px; overflow:hidden;}
	.columnLayer-26  {width:1170px; overflow:hidden;}
	.columnLayer-27  {width:1215px; overflow:hidden;}
	.columnLayer-28  {width:1260px; overflow:hidden;}
	.columnLayer-29  {width:1305px; overflow:hidden;}
	.columnLayer-30  {width:1350px; overflow:hidden;}
	.columnLayer-31  {width:1395px; overflow:hidden;}
	.columnLayer-100  {width:100%; overflow:hidden;}	
		
}

/*CSS RESPONSIVO*/

/* Todo lo indicado en base.css se pondrÃƒÆ’Ã‚Â¡ en este fichero pero indicando */
/* el ancho del 100% de forma que se ajuste al ancho del dispositivo mÃƒÆ’Ã‚Â³vil, */ 
/*y no a un ancho especÃƒÆ’Ã‚Â­fico en pixel */

/*****************************************************************************/
/*************************** AdaptaciÃƒÆ’Ã‚Â³n responsiva ***************************/
/*****************************************************************************/

/*http://www.w3schools.com/cssref/css3_pr_mediaquery.asp*/


/* Una pantalla de ordenador */
@media only screen and (min-width: 768px) {
	
	/* Ocultar menu responsivo*/
	.header_responsive{
    	visibility: hidden;
    	height: 0px;
    	display: block;
	}
}

/* Un dispositivo mÃƒÆ’Ã‚Â³vil */   
@media only screen and (max-width: 767px) {
	
	/* Parrilla de contenedor de pantalla de pantalla para ancho ÃƒÆ’Ã‚Â³ptimo de 960px: */
	
	textarea, input[type="text"] {
    width: 97%;
}
	
	
	/* No mostrar opciÃƒÆ’Ã‚Â³n de menÃƒÆ’Ã‚Âº en modo responsivo */
	.ui-menu.ui-menubar {
    	height: 0px;
    	display: none;
	}

	/* Estilo para personalizar el contenedor de la aplicaciÃƒÆ’Ã‚Â³n */
  	.container{ 
  		font-size: 12px;
  		width: 100%;
  		margin-top: 0px;
   	}
   	
   	/* Estilo del contenedor cuando se incluyen pantallas de jAD en otras aplicaciones (Como el caso de Tramel) */
  	.containerEmbebbed{ 
  		font-size: 12px;
  		width: 100%;
  		margin-top: 0px;
   	}
   	
	textarea, textarea[type="textarea"], input[type="text"], input[type="password"], select {
		font-size: 15px;
	}
   	
   
   	/*necesario para maquetaciÃƒÆ’Ã‚Â³n de botones con texto que excede el ancho*/
   	table, th, td {vertical-align:top;}
   	
	.confirm {
		width: 100% !important;
	}

	/*Cambio de layout respoecto de base.css*/
	
	.span-0  {display:inline-block;float:left;width:100% !important;}
	.span-1  {display:inline-block;float:left;width:100% !important;}
	.span-2  {display:inline-block;float:left;width:100% !important;}
	.span-3  {display:inline-block;float:left;width:100% !important;}
	.span-4  {display:inline-block;float:left;width:100% !important;}
	.span-5  {display:inline-block;float:left;width:100% !important;}
	.span-6  {display:inline-block;float:left;width:100% !important;}
	.span-7  {display:inline-block;float:left;width:100% !important;}
	.span-8  {display:inline-block;float:left;width:100% !important;}
	.span-9  {display:inline-block;float:left;width:100% !important;}
	.span-10  {display:inline-block;float:left;width:100% !important;}
	.span-11  {display:inline-block;float:left;width:100% !important;}
	.span-12  {display:inline-block;float:left;width:100% !important;}
	.span-13  {display:inline-block;float:left;width:100% !important;}
	.span-14  {display:inline-block;float:left;width:100% !important;}
	.span-15  {display:inline-block;float:left;width:100% !important;}
	.span-16  {display:inline-block;float:left;width:100% !important;}
	.span-17  {display:inline-block;float:left;width:100% !important;}
	.span-18  {display:inline-block;float:left;width:100% !important;}
	.span-19  {display:inline-block;float:left;width:100% !important;}
	.span-20  {display:inline-block;float:left;width:100% !important;}
	.span-21  {display:inline-block;float:left;width:100% !important;}
	.span-22  {display:inline-block;float:left;width:100% !important;}
	.span-23  {display:inline-block;float:left;width:100% !important;}
	.span-24  {display:inline-block;float:left;width:100% !important;}
	.span-25  {display:inline-block;float:left;width:100% !important;}
	.span-26  {display:inline-block;float:left;width:100% !important;}
	.span-27  {display:inline-block;float:left;width:100% !important;}
	.span-28  {display:inline-block;float:left;width:100% !important;}
	.span-29  {display:inline-block;float:left;width:100% !important;}
	.span-30  {display:inline-block;float:left;width:100% !important;}
	.span-31  {display:inline-block;float:left;width:100% !important;}
	.span-100  {display:inline-block;float:left;width:100% !important;}
	
	/* Nota: usar layer-0 para componentes no visibles, para que no ocupen espacio */
	.layer-0  {display:block;float:left;margin-bottom: 2px; margin-top: 2px; }
	.layer-1  {display:block;float:left;width:100%; margin-bottom: 2px; margin-top: 2px; min-height: 17px;}
	.layer-2  {display:block;float:left;width:100%; margin-bottom: 2px; margin-top: 2px; min-height: 17px;}
	.layer-3  {display:block;float:left;width:100%; margin-bottom: 2px; margin-top: 2px; min-height: 17px;}
	.layer-4  {display:block;float:left;width:100%; margin-bottom: 2px; margin-top: 2px; min-height: 17px;}
	.layer-5  {display:block;float:left;width:100%; margin-bottom: 2px; margin-top: 2px; min-height: 17px;}
	.layer-6  {display:block;float:left;width:100%; margin-bottom: 2px; margin-top: 2px; min-height: 17px;}
	.layer-7  {display:block;float:left;width:100%; margin-bottom: 2px; margin-top: 2px; min-height: 17px;}
	.layer-8  {display:block;float:left;width:100%; margin-bottom: 2px; margin-top: 2px; min-height: 17px;}
	.layer-9  {display:block;float:left;width:100%; margin-bottom: 2px; margin-top: 2px; min-height: 17px;}
	.layer-10  {display:block;float:left;width:100%; margin-bottom: 2px; margin-top: 2px; min-height: 17px;}
	.layer-11  {display:block;float:left;width:100%; margin-bottom: 2px; margin-top: 2px; min-height: 17px;}
	.layer-12  {display:block;float:left;width:100%; margin-bottom: 2px; margin-top: 2px; min-height: 17px;}
	.layer-13  {display:block;float:left;width:100%; margin-bottom: 2px; margin-top: 2px; min-height: 17px;}
	.layer-14  {display:block;float:left;width:100%; margin-bottom: 2px; margin-top: 2px; min-height: 17px;}
	.layer-15  {display:block;float:left;width:100%; margin-bottom: 2px; margin-top: 2px; min-height: 17px;}
	.layer-16  {display:block;float:left;width:100%; margin-bottom: 2px; margin-top: 2px; min-height: 17px;}
	.layer-17  {display:block;float:left;width:100%; margin-bottom: 2px; margin-top: 2px; min-height: 17px;}
	.layer-18  {display:block;float:left;width:100%; margin-bottom: 2px; margin-top: 2px; min-height: 17px;}
	.layer-19  {display:block;float:left;width:100%; margin-bottom: 2px; margin-top: 2px; min-height: 17px;}
	.layer-20  {display:block;float:left;width:100%; margin-bottom: 2px; margin-top: 2px; min-height: 17px;}
	.layer-21  {display:block;float:left;width:100%; margin-bottom: 2px; margin-top: 2px; min-height: 17px;}
	.layer-22  {display:block;float:left;width:100%; margin-bottom: 2px; margin-top: 2px; min-height: 17px;}
	.layer-23  {display:block;float:left;width:100%; margin-bottom: 2px; margin-top: 2px; min-height: 17px;}
	.layer-24  {display:block;float:left;width:100%; margin-bottom: 2px; margin-top: 2px; min-height: 17px;}
	.layer-25  {display:block;float:left;width:100%; margin-bottom: 2px; margin-top: 2px; min-height: 17px;}
	.layer-26  {display:block;float:left;width:100%; margin-bottom: 2px; margin-top: 2px; min-height: 17px;}
	.layer-27  {display:block;float:left;width:100%; margin-bottom: 2px; margin-top: 2px; min-height: 17px;}
	.layer-28  {display:block;float:left;width:100%; margin-bottom: 2px; margin-top: 2px; min-height: 17px;}
	.layer-29  {display:block;float:left;width:100%; margin-bottom: 2px; margin-top: 2px; min-height: 17px;}
	.layer-30  {display:block;float:left;width:100%; margin-bottom: 2px; margin-top: 2px; min-height: 17px;}
	.layer-31  {display:block;float:left;width:100%; margin-bottom: 2px; margin-top: 2px; min-height: 17px;}
	.layer-100  {display:block;float:left;width:100%; margin-bottom: 2px; margin-top: 2px; min-height: 17px;}
	
	
	/* Parrilla de campos de tablas */
	.columnLayer-0   {}
	.columnLayer-1   {width:30px;  overflow:hidden;}
	.columnLayer-2   {width:60px;  overflow:hidden;}
	.columnLayer-3   {width:90px;  overflow:hidden;}
	.columnLayer-4   {width:120px; overflow:hidden;}
	.columnLayer-5   {width:150px; overflow:hidden;}
	.columnLayer-6   {width:180px; overflow:hidden;}
	.columnLayer-7   {width:210px; overflow:hidden;}
	.columnLayer-8   {width:240px; overflow:hidden;}
	.columnLayer-9   {width:270px; overflow:hidden;}
	.columnLayer-10  {width:300px; overflow:hidden;}
	.columnLayer-11  {width:330px; overflow:hidden;}
	.columnLayer-12  {width:360px; overflow:hidden;}
	.columnLayer-13  {width:390px; overflow:hidden;}
	.columnLayer-14  {width:420px; overflow:hidden;}
	.columnLayer-15  {width:450px; overflow:hidden;}
	.columnLayer-16  {width:480px; overflow:hidden;}
	.columnLayer-17  {width:510px; overflow:hidden;}
	.columnLayer-18  {width:540px; overflow:hidden;}
	.columnLayer-19  {width:570px; overflow:hidden;}
	.columnLayer-20  {width:600px; overflow:hidden;}
	.columnLayer-21  {width:630px; overflow:hidden;}
	.columnLayer-22  {width:660px; overflow:hidden;}
	.columnLayer-23  {width:690px; overflow:hidden;}
	.columnLayer-24  {width:720px; overflow:hidden;}
	.columnLayer-25  {width:750px; overflow:hidden;}
	.columnLayer-26  {width:780px; overflow:hidden;}
	.columnLayer-27  {width:810px; overflow:hidden;}
	.columnLayer-28  {width:840px; overflow:hidden;}
	.columnLayer-29  {width:870px; overflow:hidden;}
	.columnLayer-30  {width:900px; overflow:hidden;}
	.columnLayer-31  {width:930px; overflow:hidden;}
	.columnLayer-100  {width:100%; overflow:hidden;}

	
	
	
	/* Estilo aplicado al popup de mensajes de validaciÃƒÆ’Ã‚Â³n/informaciÃƒÆ’Ã‚Â³n/error */
	.messages{
		width: 90% !important;
	}

	/* Logo de la CARM */
	/*.logoRegionMurcia{
		width: 100px;
		float: left;
	}*/

	/* Logo de bienvenida CARM */	
	.logoBienvenidaCARM{
		width: 100px;
	}
	
	.encabezadoMargenIzquierdo{
		width: 0px;
	}
	
	/*.encabezadoColumnaDerecha {
		max-width: 100px;
	}*/

	/*********************************************************************************************************/
	/********************************************* BOTONES ***************************************************/
	/*********************************************************************************************************/
	
	/* Estilo para la region de la zona de operaciÃƒÆ’Ã‚Â³n que agrupa a los botones */
	.buttonGroup{
	    float: left !important;
	}

	
	/*********************************************************************************************************/
	/************************************************ MENÃƒÆ’Ã…Â¡ ***************************************************/
	/*********************************************************************************************************/
	/* NOTA: Este menÃƒÆ’Ã‚Âº ya no serÃƒÆ’Ã‚Â¡ visible en el mÃƒÆ’Ã‚Â³vil, puesto que ya hay un "MENU RESPONSIVO". */
	
	/* Estilo para personalizar la barra de menÃƒÆ’Ã‚Âº */
	.menu{
	    background-color: #d4cfc7;
	    background-image: url("../img/fondoMenu.png");
	    background-position: left top;
	    background-repeat: repeat-x;
	    border: 1px solid #c4c0b9;
	    padding: 0;
	}
	
	/* Estilo para personalizar cada una de las opciones de menÃƒÆ’Ã‚Âº */
	.menuItem{
		font-family: Arial,Verdana,sans-serif;
	    font-size: 18px !important;
	    font-weight: bold;
	    text-decoration: none;
	    color: #000000;
	    border:none;
	}
	
	/* Estilo para personalizar la opciÃƒÆ’Ã‚Â³n de menÃƒÆ’Ã‚Âº seleccionada */
	.menuItemSelected{
		border: 1px solid #fff;
		background-color: #ffffff;	
		color: #000000;	
	}
	
	/* Estilo para personalizar los submenus */
	.subMenu{
		color: #000000;
	    font-family: Arial,Verdana,sans-serif;
	    font-size: 18px;
	    background: url("../img/fondoSubmenu.png") repeat-y scroll left center #f1eee9;
	    border: 1px solid #c4c0b9;
	    padding: 2px 36px 2px 2px;
	}
	
	
	
	/* Estilo para personalizar el icono del submenu */
	.subMenuIcon{
		
	}
	
	/* Poner el menu tempalmente en vertical para no desbordar*/
	.rich-toolbar-item{
    	display: block;
	}
	
	.rich-menu-list-bg{
		display: block;
	}
	
	/* TamaÃƒÆ’Ã‚Â±o de texto de celdas de tablas */
	.rich-table-cell {
	    font-size: 12px;
	}
	
	/* Estilo aplicado a las cabeceras de las columnas de la tabla */
	.gridColumnHeader{
	    font-size: 12px;
	}	
	
	/* Estilo aplicado al contenedor del popup con el mensaje de confirmaciÃƒÆ’Ã‚Â³n*/
	.validation{
		width: 100% !important;
	}
	
	/* Estilo aplicado al conjunto del elemento y su etiqueta */
	.element{
		width: 100% !important;
	}
	
	/* Estilo aplicado al espaciado entre elementos */
	.spaceElement{
		width: 100% !important;
		min-height: 0px !important;
	}
	

	/* Estilo para personalizar el espacio del popup donde se muestra la pÃƒÆ’Ã‚Â¡gina */
	.popUpPage{
		width: 100% !important;
	}
	
	/* Base donde se ubican las confirmaciones y dialogos*/
	.baseOver{
		width: 100% !important; 
	}
	
	/* Estilo aplicado al contenedor del popup de subida de ficheros*/
	.fileUpload{
		width: 100% !important; 
	}

	/*********************************************************************************************************/
	/******************************************** CALENDARIO RICH-CALENDAR ***********************************/
	/*********************************************************************************************************/
	
	
	.rich-calendar-exterior {
		border: 1px solid;
		width: 85%;
	}
	
	/*********************************************************************************************************/
	/******************************************** FIN CALENDARIO RICH-CALENDAR *******************************/
	/*********************************************************************************************************/


	/*********************************************************************************************************/
	/******************************************** MENU RESPONSIVO ********************************************/
	/*********************************************************************************************************/
	
	.header_responsive nav {
		width:80%;
		height:100%;
		margin:0;
		position: fixed;
		left:-100%;
		/*top:0px;*/
		overflow:auto;
		
		max-width: 1000px;
    	background: #d4cfc7;
    	
    	/*background-color: #d4cfc7;
	    background-image: url("../img/fondoMenu.png");
	    background-position: left top;
	    background-repeat: repeat-x;
	    border: 1px solid #c4c0b9;
	    padding: 0;*/
	}
	
	.menu_bar {
		display:block;
		width:100%;
		background:#ccc;
	}
	
	.header_responsive_bar {
		display:block;
		/*padding:20px;*/
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
		background: none repeat scroll 0 0 #ffffff;
		overflow: hidden;
		font-size:25px;
		/*font-weight:bold;*/
		color:#fff !important;
		text-decoration:none !important;
		text-shadow: 1px 1px 1px #E6F8E6;
    /*jrc29v 14/11/2018*/
    background-image: url(../img/sub-logo-mediano-gris.png);
    background-repeat: no-repeat;
    background-position: 50% 30%;
    padding-bottom: 5px;
	}
  
  .header_responsive_bar img{
		/*width: 100px;*/
		float: left;
    width: 1px;
    height: 1px;
	}
	
	.menu_bar span {
		float:right;
		font-size:40px;
	}
	
	.menu_bar div{
		margin-right: 15px;
		margin-top: 15px;
		text-align: center;
	}
	

	.header_responsive nav ul li {
		display:block;
		float:none;
	    color: #ffffff;
	    text-decoration: none;
	    background: gray;
		border-bottom:1px solid rgba(255,255,255,.3);
	}
	
	.header_responsive nav ul li a {
	    display: block;
	    padding: 20px;
	    color: #ffffff;
	    text-decoration: none;
	}
	
	.header_responsive nav ul li:hover{
		background: #9E9696; 
	}
	
	.header_responsive nav ul li span {
		margin-right: 10px;
	}	
	
	.header_responsive nav ul li span {
	    margin-right: 10px;
	}
	
	/* Estilo para personalizar la cabecera */
	.header {
		visibility: hidden;
		height: 0px;
	}

	/* Poner el menu tempalmente en vertical para no desbordar*/
	.rich-toolbar-item{
    	visibility: hidden;
    	height: 0px;
	}
	
	.rich-menu-list-bg{
    	visibility: hidden;
    	height: 0px;
	}
	
	.rich-toolbar{
    	height: 0px;
    	display: none;
	}


	/*** acordeÃƒÆ’Ã‚Â³n de menÃƒÆ’Ã‚Âº ***/
	
	/*----- Accordion -----*/
	.accordion, .accordion * {
	    -webkit-box-sizing:border-box; 
	    -moz-box-sizing:border-box; 
	    box-sizing:border-box;
	}
	 
	.accordion {
	    overflow:hidden;
	    box-shadow:0px 1px 3px rgba(0,0,0,0.25);
	    border-radius:3px;
	    background:#f7f7f7;
	}
	 
	/*----- Section Titles -----*/
	.accordion-section-title {
	    width:100%;
	    padding:15px;
	    display:inline-block;
	    border-bottom:1px solid rgba(255,255,255,.3);
	    background:gray;
	    transition:all linear 0.15s;
	    /* Type */
	    font-size:1.200em;
	    text-shadow:0px 1px 0px #1a1a1a;
	    color:#fff !important;
	}
	 
	.accordion-section-title.active, .accordion-section-title:hover {
	    background:#4c4c4c;
	    /* Type */
	    text-decoration:none;
	}
	 
	.accordion-section:last-child .accordion-section-title {
	    /*border-bottom:none;*/
	    border-bottom:1px solid rgba(255,255,255,.3);
	}
	 
	/*----- Section Content -----*/
	.accordion-section-content {
	    /*padding:15px;*/
	    display:none;
	}	
	
	/*********************************************************************************************************/
	/******************************************** FIN MENU RESPONSIVO ****************************************/
	/*********************************************************************************************************/
	

	/* Cambios para pÃƒÆ’Ã‚Â¡gina responsiva*/

	.container{
		margin-bottom: 0px;
   	}	

	.footer {
    	height: 140px;
	}

	.piePaginaCol3 {
    	width: 10%;
	}
}


/**** Otros arreglos necesarios para los formularios *****/

#logoJavatoId{
	visibility:hidden;
	height: 0px;
	margin-right: 8px
}

.backButtonGroup{
	/*visibility:hidden;*/
}


#paginaPrincipalId{
  visibility:hidden;
}

/* MÃƒÆ’Ã‚Â¡s espaciado de etiquetas, y con un color mas claro */
.label{
	margin-top: 13px;
	color: #3a3a3a;
}

.checkElement .label {
    margin-top: 5px;

}


/* Eliminar aviso de privacidad de aplicaciones */
.welcomeLegalAdvise{
	visibility: hidden;
}

/*********************************************************************************************************/
/********************************************* PRIMEFACES ************************************************/
/*********************************************************************************************************/

/** Menu **/
.ui-menu.ui-menubar .ui-menu-parent .ui-menu-child {
    width: auto !important;
    background: #edeae4;
}

.ui-menubar .ui-menu-child .ui-menu-parent {
	color: #000000;
	font-family: Arial,Verdana,sans-serif;
	background: url("../img/fondoSubmenu.png") repeat-y scroll left center #f1eee9;
}

/* Botones */
.ui-button-text-icon-left .ui-button-text {
    font-size: 1.1em;
	color: white;
}
	
.ui-button-icon-only .ui-icon.fa, .ui-button-text-icon-left .ui-icon.fa, .ui-button-text-icon-right .ui-icon.fa {
	font-size: 1.1em;
	color: white;
}	

.buttonsScroll {
    margin-top: 3px;
}

/* Mensajes en consula */
.ui-growl {
    position: fixed;
    top: 20px;
    right: 20px;
    width: 501px;
}

.ui-growl-message {
    padding: 0 0 5px 0;
    width: 90%;
    float: right;
}


.ui-menu.ui-widget li > .ui-menuitem-link {
    background-position: 0px;
    color: rgb(255, 255, 255);
    text-decoration: none;
    background-image: linear-gradient(#A82534, #A82534);
    background-repeat: repeat-x;
    background-color: rgb(95, 124, 138);
}


.ui-menu.ui-widget li > .ui-menuitem-link.ui-state-hover {
    background-position: 0px;
    color: rgb(255, 255, 255);
    text-decoration: none;
    background-image: linear-gradient(rgb(0, 136, 204), rgb(0, 119, 179));
    background-repeat: repeat-x;
    background-color: rgb(0, 129, 194);
}
.ui-menu.ui-widget li > .ui-menuitem-link {
    border-width: 1px 0px;
    padding: 2px;
    width: 100%;
    /*color: #dedede;*/
}
.ui-menu.ui-widget a.ui-corner-all {
    border-radius: 0px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    background-color: #A82534
}

.ui-menu.ui-menubar .ui-menu-parent .ui-menu-child {
    width: auto !important;
    background: rgb(245, 245, 245);
    padding: 2px 7px 3px 4px;
}

.ui-button {

	margin-right: 0.5em;
	margin-bottom: 0.5em;
	padding: 2px 0px 4px 0px;
    color: #fff;
    background-color: #1d7b33;
	background-image: -webkit-linear-gradient(top, #28a745, #28a745) !important;
	text-shadow: 0px 0px 0px ;
	font-weight: 500;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    font-size: 14px;
	box-shadow: 1px 1px 8px #888888;
	
	background-image: -ms-linear-gradient(top, #28a745, #28a745) !important;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#28a745), to(#28a745)) !important;
    background-image: -webkit-linear-gradient(top, #28a745, #28a745) !important;
    background-image: -o-linear-gradient(top, #28a745, #28a745) !important;
    background-image: linear-gradient(top, #28a745, #28a745) !important;
    background-image: -moz-linear-gradient(top, #28a745, #28a745) !important;
	
}



.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover {
    /*color: #333333;*/
    text-decoration: none;
    /*background-color: #e6e6e6;*/
    background-position: 0 -45px;
    -webkit-transition: background-position 0.1s linear;
    -moz-transition: background-position 0.1s linear;
    -ms-transition: background-position 0.1s linear;
    -o-transition: background-position 0.1s linear;
    transition: background-position 0.1s linear;
}


[class^="icon-"], [class*=" icon-"] {
    color: #d2cece;
}


.ui-menubar>.ui-menu-list>.ui-menuitem>.ui-menuitem-link span.ui-icon-triangle-1-e, .ui-menubar>.ui-menu-list>.ui-menuitem>.ui-menuitem-link span.ui-icon-triangle-1-s {
    /* color: white; */
    background-image: url(/jAD/javax.faces.resource/images/ui-icons_ffffff_256x240.png.xhtml?ln=primefaces-bootstrap);
}


.ui-widget {
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
	font-size: 13px;
	/*color: #565656;*/
	
}

.ql-editor {
    font-size: 14px;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    display: block;
    margin: 2.5em 0em 0em 0em;
    color: #565656;
	
}

#formPanelTramite0867\:j_idt339 .ql-editor {
  font-size: 14px !important;
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
  display: block !important;
  margin: 1.5em 0em 0em 0em !important;
  color: #565656 !important;
}

td.encabezadoMargenIzquierdo {
    background-image: url(/jAD/img/formulario.png);
    background-repeat: no-repeat;
    padding: 0px 00px 0px 450px;
    background-repeat: no-repeat;
    /* background-position: left center; */
    background-position: 0 10px;
	/* width: 200px; */

}