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, fieldset, 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;
}
table {
	border-collapse:separate;
	border-spacing:0;
}
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"] { 
	padding: 2px 2px 2px 3px;
}

textarea, textarea[type="textarea"], input[type="text"], input[type="password"], select {
	background: #ffffff;
	border-color: #C4C0B9;
	/*font-size: 11px;*/
	font-family: Arial,Verdana,sans-serif;
	/*color: inherit;*/
	color: #111111;
	border-width: 1px;
	border-style: inset;
	background-repeat: no-repeat;
	background-position: 1px 1px;
}

a, a:link, a:visited, a:active, a:hover {
	color: inherit;
	text-decoration: none;
}

/* Estilos del editor de texto rico */
.rich-editor p{
	display: block;
    margin: 1em 0em 1em 0em;
}

.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 .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: 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;
}

/* Nota: Se lleva el el contenido de .layer-0, .layer-1, etc al fichero rejillaResponsive.css */


.layer-0 input[type="checkbox"] {margin:auto;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
.layer-1 input[type="checkbox"] {margin:auto;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
.layer-2 input[type="checkbox"] {margin:auto;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
.layer-3 input[type="checkbox"] {margin:auto;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
.layer-4 input[type="checkbox"] {margin:auto;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
.layer-5 input[type="checkbox"] {margin:auto;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
.layer-6 input[type="checkbox"] {margin:auto;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
.layer-7 input[type="checkbox"] {margin:auto;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
.layer-8 input[type="checkbox"] {margin:auto;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
.layer-9 input[type="checkbox"] {margin:auto;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
.layer-10 input[type="checkbox"] {margin:auto;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
.layer-11 input[type="checkbox"] {margin:auto;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
.layer-12 input[type="checkbox"] {margin:auto;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
.layer-13 input[type="checkbox"] {margin:auto;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
.layer-14 input[type="checkbox"] {margin:auto;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
.layer-15 input[type="checkbox"] {margin:auto;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
.layer-16 input[type="checkbox"] {margin:auto;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
.layer-17 input[type="checkbox"] {margin:auto;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
.layer-18 input[type="checkbox"] {margin:auto;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
.layer-19 input[type="checkbox"] {margin:auto;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
.layer-20 input[type="checkbox"] {margin:auto;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
.layer-21 input[type="checkbox"] {margin:auto;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
.layer-22 input[type="checkbox"] {margin:auto;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
.layer-23 input[type="checkbox"] {margin:auto;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
.layer-24 input[type="checkbox"] {margin:auto;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
.layer-25 input[type="checkbox"] {margin:auto;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
.layer-26 input[type="checkbox"] {margin:auto;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
.layer-27 input[type="checkbox"] {margin:auto;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
.layer-28 input[type="checkbox"] {margin:auto;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
.layer-29 input[type="checkbox"] {margin:auto;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
.layer-30 input[type="checkbox"] {margin:auto;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
.layer-31 input[type="checkbox"] {margin:auto;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
.layer-100 input[type="checkbox"] {margin:auto;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}


.layer-0 input[type="text"], .layer-0 textarea, .layer-0 select {-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
.layer-1 input[type="text"], .layer-1 textarea, .layer-1 select {width:100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
.layer-2 input[type="text"], .layer-2 textarea, .layer-2 select {width:100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
.layer-3 input[type="text"], .layer-3 textarea, .layer-3 select {width:100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
.layer-4 input[type="text"], .layer-4 textarea, .layer-4 select {width:100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
.layer-5 input[type="text"], .layer-5 textarea, .layer-5 select {width:100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
.layer-6 input[type="text"], .layer-6 textarea, .layer-6 select {width:100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
.layer-7 input[type="text"], .layer-7 textarea, .layer-7 select {width:100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
.layer-8 input[type="text"], .layer-8 textarea, .layer-8 select {width:100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
.layer-9 input[type="text"], .layer-9 textarea, .layer-9 select {width:100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
.layer-10 input[type="text"], .layer-10 textarea, .layer-10 select {width:100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
.layer-11 input[type="text"], .layer-11 textarea, .layer-11 select {width:100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
.layer-12 input[type="text"], .layer-12 textarea, .layer-12 select {width:100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
.layer-13 input[type="text"], .layer-13 textarea, .layer-13 select {width:100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
.layer-14 input[type="text"], .layer-14 textarea, .layer-14 select {width:100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
.layer-15 input[type="text"], .layer-15 textarea, .layer-15 select {width:100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
.layer-16 input[type="text"], .layer-16 textarea, .layer-16 select {width:100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
.layer-17 input[type="text"], .layer-17 textarea, .layer-17 select {width:100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
.layer-18 input[type="text"], .layer-18 textarea, .layer-18 select {width:100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
.layer-19 input[type="text"], .layer-19 textarea, .layer-19 select {width:100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
.layer-20 input[type="text"], .layer-20 textarea, .layer-20 select {width:100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
.layer-21 input[type="text"], .layer-21 textarea, .layer-21 select {width:100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
.layer-22 input[type="text"], .layer-22 textarea, .layer-22 select {width:100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
.layer-23 input[type="text"], .layer-23 textarea, .layer-23 select {width:100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
.layer-24 input[type="text"], .layer-24 textarea, .layer-24 select {width:100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
.layer-25 input[type="text"], .layer-25 textarea, .layer-25 select {width:100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
.layer-26 input[type="text"], .layer-26 textarea, .layer-26 select {width:100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
.layer-27 input[type="text"], .layer-27 textarea, .layer-27 select {width:100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
.layer-28 input[type="text"], .layer-28 textarea, .layer-28 select {width:100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
.layer-29 input[type="text"], .layer-29 textarea, .layer-29 select {width:100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
.layer-30 input[type="text"], .layer-30 textarea, .layer-30 select {width:100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
.layer-31 input[type="text"], .layer-31 textarea, .layer-31 select {width:100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}
.layer-100 input[type="text"], .layer-100 textarea, .layer-100 select {width:100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}





/*********************************************************************************************************/
/******************************************** ELEMENTOS **************************************************/
/*********************************************************************************************************/
 
 /* Estilo aplicado al conjunto del elemento y su etiqueta */
.element{

}

/* Estilo aplicado al espaciado entre elementos */
.spaceElement{
	
}

/* Estilo aplicado a las etiquetas asociadas a los elementos */
.label{
	
}

/* Estilo aplicado al conjunto del elemento caja de texto y su label*/
.textElement{
	
}

/* Estilo aplicado a la caja de texto */
.textElement .textbox{

}

/* Estilo aplicado a la area de texto */
.textElement .textarea{

}

/* 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{
	
}

/* 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 {
	
}

/* 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{
	
}

/* 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{
	
}

/* Estilo aplicado a la caja de texto del elemento archivo */
.fileElement .textbox{

}

/* Estilo aplicado a las etiquetas de los elementos archivo */
.fileElement .label{
	
}

/* Estilo aplicado a los elementos obligatorios */
.mandatory{
	border-top: 2px solid #97565f !important;
	border-left: 1px solid #97565f !important;
	border-bottom: 2px solid #a8868c !important;
	border-right: 1px solid #a8868c !important;
}

.mandatoryRichCalendar{
	border-top: 2px solid #97565f !important;
}

/* Estilo aplicado a los elementos en solo lectura */
.readonly {
    background: url("../img/readonly_background.png") repeat-x scroll left top #fdfdfa !important;
}

.fileButton img{
 	margin-left: 2px;
}

/*********************************************************************************************************/
/****************************************** FIN ELEMENTOS ************************************************/
/*********************************************************************************************************/

/*********************************************************************************************************/
/****************************************** PIE DE P�GINA ************************************************/
/*********************************************************************************************************/

/* Estilo que aplica a la zona contenedora del pie de p�gina */
.footer{
    height: 45px;
    padding-left: 10px;
    padding-right: 15px;
}

/* Estilo de la primera columna del pie de pagina */
.piePaginaCol1{
    width: 35%;
}

/* Estilo para definir el icono de fondos de financiaci�n */
.fondoFinanciacion{
	text-align: center;
	vertical-align: middle;
}

/* Estilo para definir texto de la CARM en el pie de p�gina */
.comunidadAutonomaRegionMurciaPie{
	visibility: hidden;	
}

/* 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: url('../img/sub-logo-mini.png');
    background-repeat: no-repeat;
    background-position: 100% 50%;
}

/* Texto de Accesibilidad y Aviso Legal */
.piePaginaCol3 [id='piePaginaAccesibilidadAvisoLegalId']{
    visibility: hidden;
}

/*********************************************************************************************************/
/**************************************** FIN PIE DE P�GINA **********************************************/
/*********************************************************************************************************/

/*********************************************************************************************************/
/********************************************* BOTONES ***************************************************/
/*********************************************************************************************************/

/* Estilo para la region de la zona de operaci�n que agrupa a los botones */
.buttonGroup{

}

/* Estilo aplicado al bot�n */
.button{
    cursor: pointer;
    margin-left: 1px;
    margin-top: 5px;
    text-decoration: none;
    float: left;
}

/* Estilo aplicado a la zona contenedora de la imagen del bot�n */
.buttonImage{
	width: 18px;
	height: 18px;
}

/* Estilo aplicado al bot�n volver */
.backButton{
	float:right;
}

/* Estilo aplicado a la zona de imagen del bot�n volver */
.backButton .buttonImage{

}

/* Estilo aplicado al bot�n cancelar */
.cancelButton{

}

/* Estilo aplicado a la zona de imagen del bot�n cancelar */
.cancelButton .buttonImage{
	
}

/* Estilo aplicado al bot�n limpiar */
.cleanButton{

}

/* Estilo aplicado a la zona de imagen del bot�n limpiar */
.cleanButton .buttonImage{

}

/* Estilo aplicado al bot�n personalizado */
.customButton{

}

/* Estilo aplicado a la zona de imagen del bot�n personalizado */
.customButton .buttonImage{
	
}

/* Estilo aplicado al bot�n borrar */
.deleteButton{

}

/* Estilo aplicado a la zona de imagen del bot�n borrar */
.deleteButton .buttonImage{
	
}

/* Estilo aplicado al bot�n detalle */
.detailButton{

}

/* Estilo aplicado a la zona de imagen del bot�n detalle */
.detailButton .buttonImage{
	
}

/* Estilo aplicado al bot�n editar */
.editButton{

}

/* Estilo aplicado a la zona de imagen del bot�n editar */
.editButton .buttonImage{
	
}

/* Estilo aplicado al bot�n exportar excel */
.excelButton{

}

/* Estilo aplicado a la zona de imagen del bot�n exportar excel */
.excelButton .buttonImage{

}

/* Estilo aplicado al bot�n filtrar */
.filterButton{

}

/* Estilo aplicado a la zona de imagen del bot�n filtrar */
.filterButton .buttonImage{
	
}

/* Estilo aplicado al bot�n nuevo */
.newButton{
	
}

/* Estilo aplicado a la zona de imagen del bot�n nuevo */
.newButton .buttonImage{

}

/* Estilo aplicado al bot�n nueva fila */
.newRowButton{
	
}

/* Estilo aplicado a la zona de imagen del bot�n nueva fila */
.newRowButton .buttonImage{
	
}

/* Estilo aplicado al bot�n aceptar */
.okButton{
	
}

/* Estilo aplicado a la zona de imagen del bot�n aceptar */
.okButton .buttonImage{
	
}

/* Estilo aplicado al bot�n buscar */
.queryButton{
	
}

/* Estilo aplicado a la zona de imagen del bot�n buscar */
.queryButton .buttonImage{
	
}

/* Estilo aplicado al bot�n informe */
.reportButton{
	
}

/* Estilo aplicado a la zona de imagen del bot�n informe */
.reportButton .buttonImage{
	
}

/* Estilo aplicado al bot�n informes */
.reportsButton{
	
}

/* Estilo aplicado a la zona de imagen del bot�n informes */
.reportsButton .buttonImage{
	
}

/* Estilo aplicado al bot�n guardar */
.saveButton{

}

/* Estilo aplicado a la zona de imagen del bot�n guardar */
.saveButton .buttonImage{
	
}

/* Estilo aplicado al bot�n deshacer */
.undoButton{

}

/* Estilo aplicado a la zona de imagen del bot�n deshacer */
.undoButton .buttonImage{
	
}

/* 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;
}

/* 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;
}

/* 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%;
}

/* 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 {

}

/* Estilo aplicado al registro seleccionado de la tabla */
.selectedGridRow {

}

/* Estilo aplicado al registro modificado de la tabla editable */
.modifiedGridRow {

}

/* Estilo aplicado al registro resaltado de la tabla */
.unevenGridRow:hover, .evenGridRow:hover {

}

/* Estilo aplicado a las celdas de la tabla */
.gridColumnCell{
	height: 27px;
}

/* 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;
 	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: 11px;
    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: 11px;
    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 ************************************************/
/*********************************************************************************************************/

/* Estilo aplicado al contenedor de la zona de operaci�n */
.operationZone{
	
}

/* 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 #990218 !important;
}

/* Estilo aplicado al contenido de la zona de operaci�n */
.operationZoneContent{

}

/* 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{

}

/* Estilo aplicado al t�tulo de la secci�n */
.sectionTitle{

}

/* 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{

}

/* Estilo aplicado a la pesta�a seleccionada del grupo de pesta�as de secci�n */
.selectedSectionTab{
    display: inline-block;
    text-decoration: none !important;
}

/* Estilo aplicado a la pesta�a no seleccionada del grupo de pesta�as de secci�n */
.nonSelectedSectionTab{
    display: inline-block;
    text-decoration: none !important;
}

/*********************************************************************************************************/
/******************************************* FIN SECCI�N *************************************************/
/*********************************************************************************************************/

/*********************************************************************************************************/
/****************************************** PESTA�AS ZONA ************************************************/
/*********************************************************************************************************/

/* Estilo aplicado al grupo de pesta�as */
.tabsGroup{

}

/* 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{

}

/* Estilo aplicado a la pesta�a seleccionada */
.selectedTab{
 	display: inline-block;
    text-decoration: none !important;
}

/* 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;
}

/* Estilo aplicado al resaltar las pesta�as no seleccionadas */
.nonSelectedTab:hover{

}

/*********************************************************************************************************/
/**************************************** FIN PESTA�AS ZONA **********************************************/
/*********************************************************************************************************/

/*********************************************************************************************************/
/********************************************** P�GINA ***************************************************/
/*********************************************************************************************************/

/* 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{

}

/* Estilo que aplica al t�tulo de una p�gina normal */
.pageTitle{

}

/* Estilo que aplica al t�tulo de una p�gina popUp */
.popUpPageTitle{
	background-color: gray;
}

/* 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{

}

/* 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{

}

/* Estilo para personalizar los submenus seleccionados */
.subMenuSelected{
	
}

/* Estilo para personalizar el texto del submenu */
.subMenuItem{
	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{	

}

/* Estilo para personalizar el contenido de la página de bienvenida */
.welcomeContent{
}

/* Estilo para personalizar el título de la zona de información de la aplicación*/
.infoAppTitle{	
	background: none repeat scroll 0 0 #990218 !important;
}

/* Estilo para personalizar el contenido de la zona de informaci�n de la aplicación*/
.infoAppDescription{

}

/* 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: 11px;
}

/*********************************************************************************************************/
/**************************************** FIN P�GINA BIENVENIDA ******************************************/
/*********************************************************************************************************/

/*********************************************************************************************************/
/********************************************* CABECERA **************************************************/
/*********************************************************************************************************/

/* Estilo para personalizar la cabecera */
.header {
    color: #ffffff;
    font-weight: normal;
    height: 90px;
    background: none repeat scroll 0 0 #990218;
}


/* Estilo para personalizar el t�tulo de la aplicaci�n que esta contenido en la cabecera */
.appTitle{

}

/* Estilo para personalizar la descripci�n de la aplicaci�n que esta contenido en la cabecera */
.appDescription{

}

/* Estilo para visibilidad del objeto que indica que se est� cargando la p�gina */
.loadingStyleShow{
   
}

/* Estilo para no visibilidad del objeto que indica que se est� cargando la p�gina */
.loadingStyleHide{
  
}


/* 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: 11px;
    font-family: Arial,Verdana,sans-serif;
    float: left;
    position: absolute;
    /*display: none;*/
}
.UsuarioToolTip{
	color:black;
}

.usuarioLogado{
	
}




/*********************************************************************************************************/
/********************************************* FIN CABECERA **********************************************/
/*********************************************************************************************************/

/*********************************************************************************************************/
/******************************************** CONTENEDOR *************************************************/
/*********************************************************************************************************/

/* Estilo para personalizar el fondo de la pantalla */
.screen {

}


/* Estilo para personalizar el contenedor de la aplicaci�n */
.container{
    margin: auto;
  	box-shadow: 0 0 8px black;
	border: 2px solid #CCCCCC\0/;
	cursor: default;
	font-family: Verdana,sans-serif;
    font-size: 11px;
}

/* Estilo del contenedor cuando se incluyen pantallas de jAD en otras aplicaciones (No incluye encabezado ni men�) */
.containerEmbebbed {
	margin: auto;
	border: 2px solid #CCCCCC\0/;
	cursor: default;
	font-family: Verdana,sans-serif;
    font-size: 11px;
}



/*********************************************************************************************************/
/****************************************** 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\0/;
	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{

}

/* Estilo aplicado al contenido del mensaje de validaci�n/informaci�n/error */
.messagesContent{

}

/* Estilo aplicado al texto del mensaje de información */
.messagesInfoText{
    color: #669;
    font-family: Verdana,sans-serif;
    font-size: 11px;
    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: 11px;
	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: 11px;
    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 #990218 !important;
}

/* Estilo aplicado al contenido del mensaje de confirmaci�n */
.confirmation .operationZoneContent{

}

/* Estilo aplicado al texto del mensaje del mensaje de confirmaci�n */
.confirmationMessage{

}

/*********************************************************************************************************/
/************************************** 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 #990218 !important;
}

/*********************************************************************************************************/
/******************************************** 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 #990218 !important;
}

/* 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: 11px;
}

/* 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: 11px;
	font-family: Arial, Verdana, sans-serif;
}

.rich-calendar-header {
	border-bottom-color: #C4C0B9;
	background-color: #F1EEE9;
	font-size: 11px;
	font-family: Arial, Verdana, sans-serif;
}

.rich-calendar-cell {
	border-bottom-color: #C4C0B9;
	border-right-color: #C4C0B9;
	background-color: #ffffff;
	font-size: 11px;
	font-family: Arial, Verdana, sans-serif;
}

.rich-calendar-tool {
	background-color: #D4CFC7;
	font-size: 11px;
	font-family: Arial, Verdana, sans-serif;
	font-weight: bold;
	color: #000000;
}

.rich-calendar-month {
	background-color: #D4CFC7;
	font-size: 11px;
	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: 11px;
	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: 11px;
	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: 11px;
	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: 11px;
	font-family: Arial, Verdana, sans-serif;
}

.rich-calendar-footer {
	border-top-color: #C4C0B9;
	border-right-color: #C4C0B9;
	background: #F1EEE9;
	font-size: 11px;
	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: 11px;
	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;
}*/

.buttonsScroll{
	overflow-x: auto; 
	width:100%;
}

.backButtonGroup{
	/*visibility:hidden;*/
	text-align: right;
}
	
/* Si detecta CSS ejecutar esto */
@media only screen {
	

}

/*********************************************************************************************************/
/********************************************* 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;
}
	
.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;
}	

.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;
}/* Definición de rejilla responsiva para distribuir los campos por pantalla dependiendo del tamaño de la pantalla */
/*
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: 11px;
  		width: 960px;
		margin-top: 10px;
   	}
   	
	/* Estilo del contenedor cuando se incluyen pantallas de jAD en otras aplicaciones (Como el caso de Tramel) */
  	.containerEmbebbed{
  		font-size: 11px;
  		width: 960px;
		margin-top: 10px;
   	}
   	
	textarea, textarea[type="textarea"], input[type="text"], input[type="password"], select {
		font-size: 11px;
	}
		
	/* 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;float:left; margin-bottom: 2px; margin-top: 2px;}
	.layer-1   {display:block;float:left;width:30px;  margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-2   {display:block;float:left;width:60px;  margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-3   {display:block;float:left;width:90px;  margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-4   {display:block;float:left;width:120px; margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-5   {display:block;float:left;width:150px; margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-6   {display:block;float:left;width:180px; margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-7   {display:block;float:left;width:210px; margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-8   {display:block;float:left;width:240px; margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-9   {display:block;float:left;width:270px; margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-10  {display:block;float:left;width:300px; margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-11  {display:block;float:left;width:330px; margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-12  {display:block;float:left;width:360px; margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-13  {display:block;float:left;width:390px; margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-14  {display:block;float:left;width:420px; margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-15  {display:block;float:left;width:450px; margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-16  {display:block;float:left;width:480px; margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-17  {display:block;float:left;width:510px; margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-18  {display:block;float:left;width:540px; margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-19  {display:block;float:left;width:570px; margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-20  {display:block;float:left;width:600px; margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-21  {display:block;float:left;width:630px; margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-22  {display:block;float:left;width:660px; margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-23  {display:block;float:left;width:690px; margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-24  {display:block;float:left;width:720px; margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-25  {display:block;float:left;width:750px; margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-26  {display:block;float:left;width:780px; margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-27  {display:block;float:left;width:810px; margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-28  {display:block;float:left;width:840px; margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-29  {display:block;float:left;width:870px; margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-30  {display:block;float:left;width:900px; margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-31  {display:block;float:left;width:930px; margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-100  {display:block;float:left;width:100%; margin-bottom: 2px; margin-top: 2px; min-height: 28px;}

	.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:70%;
	}
	
	/* 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 */

/* Un dispositivo móvil */   
@media only screen and (max-width: 767px) {
	/* definido en responsive.css */
}
	
/* 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: 10px;
  		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: 10px;
  		width: 778px; /*768px;*/
		margin-top: 10px;
   	}
   	
	textarea, textarea[type="textarea"], input[type="text"], input[type="password"], select {
		font-size: 10px;
	}
	
	.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;float:left; margin-bottom: 2px; margin-top: 2px;}
	.layer-1   {display:block;float:left;width:24px;  margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-2   {display:block;float:left;width:48px;  margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-3   {display:block;float:left;width:72px;  margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-4   {display:block;float:left;width:96px;  margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-5   {display:block;float:left;width:120px; margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-6   {display:block;float:left;width:144px; margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-7   {display:block;float:left;width:168px; margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-8   {display:block;float:left;width:192px; margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-9   {display:block;float:left;width:216px; margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-10  {display:block;float:left;width:240px; margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-11  {display:block;float:left;width:264px; margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-12  {display:block;float:left;width:288px; margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-13  {display:block;float:left;width:312px; margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-14  {display:block;float:left;width:336px; margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-15  {display:block;float:left;width:360px; margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-16  {display:block;float:left;width:384px; margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-17  {display:block;float:left;width:408px; margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-18  {display:block;float:left;width:432px; margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-19  {display:block;float:left;width:456px; margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-20  {display:block;float:left;width:480px; margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-21  {display:block;float:left;width:504px; margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-22  {display:block;float:left;width:528px; margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-23  {display:block;float:left;width:552px; margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-24  {display:block;float:left;width:576px; margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-25  {display:block;float:left;width:600px; margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-26  {display:block;float:left;width:624px; margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-27  {display:block;float:left;width:648px; margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-28  {display:block;float:left;width:672px; margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-29  {display:block;float:left;width:696px; margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-30  {display:block;float:left;width:720px; margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-31  {display:block;float:left;width:744px; margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-100  {display:block;float:left;width:100%; margin-bottom: 2px; margin-top: 2px; min-height: 28px;}

	.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:70%;-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:70%;-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:70%;-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:70%;-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:70%;-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:70%;-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:70%;-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:70%;-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:70%;-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:70%;-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:70%;-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:70%;-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:70%;-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:70%;-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:70%;-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:70%;-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:70%;-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:70%;-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:70%;-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:70%;-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:70%;-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:70%;-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:70%;-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:70%;-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:70%;-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:70%;-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:70%;-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:70%;-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:70%;-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:70%;-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:70%;-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:70%;-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:65%;
	}
	
	/* Parrilla de campos de tablas */
	.columnLayer-0   {}
	.columnLayer-1   {width:24px;  overflow:hidden;}
	.columnLayer-2   {width:48px;  overflow:hidden;}
	.columnLayer-3   {width:72px;  overflow:hidden;}
	.columnLayer-4   {width:96px;  overflow:hidden;}
	.columnLayer-5   {width:120px; overflow:hidden;}
	.columnLayer-6   {width:144px; overflow:hidden;}
	.columnLayer-7   {width:168px; overflow:hidden;}
	.columnLayer-8   {width:192px; overflow:hidden;}
	.columnLayer-9   {width:216px; overflow:hidden;}
	.columnLayer-10  {width:240px; overflow:hidden;}
	.columnLayer-11  {width:264px; overflow:hidden;}
	.columnLayer-12  {width:288px; overflow:hidden;}
	.columnLayer-13  {width:312px; overflow:hidden;}
	.columnLayer-14  {width:336px; overflow:hidden;}
	.columnLayer-15  {width:360px; overflow:hidden;}
	.columnLayer-16  {width:384px; overflow:hidden;}
	.columnLayer-17  {width:408px; overflow:hidden;}
	.columnLayer-18  {width:432px; overflow:hidden;}
	.columnLayer-19  {width:456px; overflow:hidden;}
	.columnLayer-20  {width:480px; overflow:hidden;}
	.columnLayer-21  {width:504px; overflow:hidden;}
	.columnLayer-22  {width:528px; overflow:hidden;}
	.columnLayer-23  {width:552px; overflow:hidden;}
	.columnLayer-24  {width:576px; overflow:hidden;}
	.columnLayer-25  {width:600px; overflow:hidden;}
	.columnLayer-26  {width:624px; overflow:hidden;}
	.columnLayer-27  {width:648px; overflow:hidden;}
	.columnLayer-28  {width:672px; overflow:hidden;}
	.columnLayer-29  {width:696px; overflow:hidden;}
	.columnLayer-30  {width:720px; overflow:hidden;}
	.columnLayer-31  {width:744px; overflow:hidden;}
	.columnLayer-100  {width:100%; overflow:hidden;}
			
}
	
/* Pantallas medianas entre 1025px y 1280 pixels */
@media only screen and (min-width: 1025px) and (max-width: 1280px){ 
	
	/* Parrilla de contenedor de pantalla para ancho óptimo de 1280px: */
	
	/* Estilo para personalizar el contenedor de la aplicación */
  	.container{
  		font-size: 11px;
  		width: 960px; /* Tamaño de contenedor original */
		margin-top: 10px;
   	}
   	
	/* Estilo del contenedor cuando se incluyen pantallas de jAD en otras aplicaciones (Como el caso de Tramel) */
  	.containerEmbebbed{
  		font-size: 11px;
  		width: 960px; 
		margin-top: 10px;
   	}
   	
	textarea, textarea[type="textarea"], input[type="text"], input[type="password"], select {
		font-size: 11px;
	}
		
		
	/* Parrilla de Campos de pantalla: */
	
	/* 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:30px;  margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-2   {display:block;float:left;width:60px;  margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-3   {display:block;float:left;width:90px;  margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-4   {display:block;float:left;width:120px; margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-5   {display:block;float:left;width:150px; margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-6   {display:block;float:left;width:180px; margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-7   {display:block;float:left;width:210px; margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-8   {display:block;float:left;width:240px; margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-9   {display:block;float:left;width:270px; margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-10  {display:block;float:left;width:300px; margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-11  {display:block;float:left;width:330px; margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-12  {display:block;float:left;width:360px; margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-13  {display:block;float:left;width:390px; margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-14  {display:block;float:left;width:420px; margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-15  {display:block;float:left;width:450px; margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-16  {display:block;float:left;width:480px; margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-17  {display:block;float:left;width:510px; margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-18  {display:block;float:left;width:540px; margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-19  {display:block;float:left;width:570px; margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-20  {display:block;float:left;width:600px; margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-21  {display:block;float:left;width:630px; margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-22  {display:block;float:left;width:660px; margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-23  {display:block;float:left;width:690px; margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-24  {display:block;float:left;width:720px; margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-25  {display:block;float:left;width:750px; margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-26  {display:block;float:left;width:780px; margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-27  {display:block;float:left;width:810px; margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-28  {display:block;float:left;width:840px; margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-29  {display:block;float:left;width:870px; margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-30  {display:block;float:left;width:900px; margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-31  {display:block;float:left;width:930px; margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-100  {display:block;float:left;width:100%; margin-bottom: 2px; margin-top: 2px; min-height: 28px;}

	.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:70%;
	}
	
	/* 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;}

}

/* Pantallas grandes entre 1281 pixels y menores de 1800 pixeles  */
@media only screen and (min-width: 1281px) and (max-width: 1800px){

	/* Parrilla de contenedor de pantalla para ancho óptimo de 1800px: */
	
	/* Estilo para personalizar el contenedor de la aplicación */
  	.container{
  		font-size: 12px;
  		width: 1280px;
		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: 1280px;
		margin-top: 10px;
   	}
   	
	textarea, textarea[type="textarea"], input[type="text"], input[type="password"], select {
		font-size: 12px;
	}
		
	/* Parrilla de Campos de pantalla: */
	
	/* 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:40px;   margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-2   {display:block;float:left;width:80px;   margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-3   {display:block;float:left;width:120px;  margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-4   {display:block;float:left;width:160px;  margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-5   {display:block;float:left;width:200px;  margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-6   {display:block;float:left;width:240px;  margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-7   {display:block;float:left;width:280px;  margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-8   {display:block;float:left;width:320px;  margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-9   {display:block;float:left;width:360px;  margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-10  {display:block;float:left;width:400px;  margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-11  {display:block;float:left;width:440px;  margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-12  {display:block;float:left;width:480px;  margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-13  {display:block;float:left;width:520px;  margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-14  {display:block;float:left;width:560px;  margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-15  {display:block;float:left;width:600px;  margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-16  {display:block;float:left;width:640px;  margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-17  {display:block;float:left;width:680px;  margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-18  {display:block;float:left;width:720px;  margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-19  {display:block;float:left;width:760px;  margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-20  {display:block;float:left;width:800px;  margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-21  {display:block;float:left;width:840px;  margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-22  {display:block;float:left;width:880px;  margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-23  {display:block;float:left;width:920px;  margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-24  {display:block;float:left;width:960px;  margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-25  {display:block;float:left;width:1000px; margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-26  {display:block;float:left;width:1040px; margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-27  {display:block;float:left;width:1080px; margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-28  {display:block;float:left;width:1120px; margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-29  {display:block;float:left;width:1160px; margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-30  {display:block;float:left;width:1200px; margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-31  {display:block;float:left;width:1240px; margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-100  {display:block;float:left;width:100%; margin-bottom: 2px; margin-top: 2px; min-height: 28px;}

	.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:70%;
	}
	
	/* Parrilla de campos de tablas */
	.columnLayer-0   {}
	.columnLayer-1   {width:40px;   overflow:hidden;}
	.columnLayer-2   {width:80px;   overflow:hidden;}
	.columnLayer-3   {width:120px;  overflow:hidden;}
	.columnLayer-4   {width:160px;  overflow:hidden;}
	.columnLayer-5   {width:200px;  overflow:hidden;}
	.columnLayer-6   {width:240px;  overflow:hidden;}
	.columnLayer-7   {width:280px;  overflow:hidden;}
	.columnLayer-8   {width:320px;  overflow:hidden;}
	.columnLayer-9   {width:360px;  overflow:hidden;}
	.columnLayer-10  {width:400px;  overflow:hidden;}
	.columnLayer-11  {width:440px;  overflow:hidden;}
	.columnLayer-12  {width:480px;  overflow:hidden;}
	.columnLayer-13  {width:520px;  overflow:hidden;}
	.columnLayer-14  {width:560px;  overflow:hidden;}
	.columnLayer-15  {width:600px;  overflow:hidden;}
	.columnLayer-16  {width:640px;  overflow:hidden;}
	.columnLayer-17  {width:680px;  overflow:hidden;}
	.columnLayer-18  {width:720px;  overflow:hidden;}
	.columnLayer-19  {width:760px;  overflow:hidden;}
	.columnLayer-20  {width:800px;  overflow:hidden;}
	.columnLayer-21  {width:840px;  overflow:hidden;}
	.columnLayer-22  {width:880px;  overflow:hidden;}
	.columnLayer-23  {width:920px;  overflow:hidden;}
	.columnLayer-24  {width:960px;  overflow:hidden;}
	.columnLayer-25  {width:1000px; overflow:hidden;}
	.columnLayer-26  {width:1040px; overflow:hidden;}
	.columnLayer-27  {width:1080px; overflow:hidden;}
	.columnLayer-28  {width:1120px; overflow:hidden;}
	.columnLayer-29  {width:1160px; overflow:hidden;}
	.columnLayer-30  {width:1200px; overflow:hidden;}
	.columnLayer-31  {width:1240px; overflow:hidden;}
	.columnLayer-100  {width:100%; overflow:hidden;}	


}

/* Pantallas gigantes de mas de 1801 pixeles  */
@media only screen and (min-width: 1801px){
	
	/* 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: 13px;
  		width: 1440px;
		margin-top: 10px;
   	}
   	
	/* Estilo del contenedor cuando se incluyen pantallas de jAD en otras aplicaciones (Como el caso de Tramel) */
  	.containerEmbebbed{
  		font-size: 13px;
  		width: 1440px;
		margin-top: 10px;
   	}
   	
	textarea, textarea[type="textarea"], input[type="text"], input[type="password"], select {
		font-size: 13px;
	}
		
	/* Parrilla de Campos de pantalla: */
	
	/* 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:45px;   margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-2   {display:block;float:left;width:90px;   margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-3   {display:block;float:left;width:135px;  margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-4   {display:block;float:left;width:180px;  margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-5   {display:block;float:left;width:225px;  margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-6   {display:block;float:left;width:270px;  margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-7   {display:block;float:left;width:315px;  margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-8   {display:block;float:left;width:360px;  margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-9   {display:block;float:left;width:405px;  margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-10  {display:block;float:left;width:450px;  margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-11  {display:block;float:left;width:495px;  margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-12  {display:block;float:left;width:540px;  margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-13  {display:block;float:left;width:585px;  margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-14  {display:block;float:left;width:630px;  margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-15  {display:block;float:left;width:675px;  margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-16  {display:block;float:left;width:720px;  margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-17  {display:block;float:left;width:765px;  margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-18  {display:block;float:left;width:810px;  margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-19  {display:block;float:left;width:855px;  margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-20  {display:block;float:left;width:900px;  margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-21  {display:block;float:left;width:945px;  margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-22  {display:block;float:left;width:990px;  margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-23  {display:block;float:left;width:1035px; margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-24  {display:block;float:left;width:1080px; margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-25  {display:block;float:left;width:1125px; margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-26  {display:block;float:left;width:1170px; margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-27  {display:block;float:left;width:1215px; margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-28  {display:block;float:left;width:1260px; margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-29  {display:block;float:left;width:1305px; margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-30  {display:block;float:left;width:1350px; margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-31  {display:block;float:left;width:1395px; margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-100  {display:block;float:left;width:100%; margin-bottom: 2px; margin-top: 2px; min-height: 28px;}

	.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:80%;
	}
	
	/* 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: */
	
	/* 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: 14px;
  		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: 14px;
  		width: 100%;
  		margin-top: 0px;
   	}
   	
	textarea, textarea[type="textarea"], input[type="text"], input[type="password"], select {
		font-size: 16px;
	}
   	
   
   	/*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: 28px;}
	.layer-2  {display:block;float:left;width:100%; margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-3  {display:block;float:left;width:100%; margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-4  {display:block;float:left;width:100%; margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-5  {display:block;float:left;width:100%; margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-6  {display:block;float:left;width:100%; margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-7  {display:block;float:left;width:100%; margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-8  {display:block;float:left;width:100%; margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-9  {display:block;float:left;width:100%; margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-10  {display:block;float:left;width:100%; margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-11  {display:block;float:left;width:100%; margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-12  {display:block;float:left;width:100%; margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-13  {display:block;float:left;width:100%; margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-14  {display:block;float:left;width:100%; margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-15  {display:block;float:left;width:100%; margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-16  {display:block;float:left;width:100%; margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-17  {display:block;float:left;width:100%; margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-18  {display:block;float:left;width:100%; margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-19  {display:block;float:left;width:100%; margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-20  {display:block;float:left;width:100%; margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-21  {display:block;float:left;width:100%; margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-22  {display:block;float:left;width:100%; margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-23  {display:block;float:left;width:100%; margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-24  {display:block;float:left;width:100%; margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-25  {display:block;float:left;width:100%; margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-26  {display:block;float:left;width:100%; margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-27  {display:block;float:left;width:100%; margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-28  {display:block;float:left;width:100%; margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-29  {display:block;float:left;width:100%; margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-30  {display:block;float:left;width:100%; margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-31  {display:block;float:left;width:100%; margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	.layer-100  {display:block;float:left;width:100%; margin-bottom: 2px; margin-top: 2px; min-height: 28px;}
	
	
	/* 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 #c4c0b9;
		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 los submenus seleccionados */
	.subMenuSelected{
	   	background-color: #fae6b0 !important;
	    background-position: left top !important;
	    background-image: none !important;
	    background-repeat: repeat-x !important;
	    border-color: #e5973e !important;	
	}
	
	/* Estilo para personalizar el texto del submenu */
	.subMenuItem{
		font-family: Arial,Verdana,sans-serif;
	    font-size: 18px;
	    font-weight: bold;    
	    color: #000000;
	}
	
	/* Estilo para personalizar el texto del submenu seleccionado*/
	.subMenuSelected .subMenuItem{
	
	}
	
	/* 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: 14px;
	}
	
	/* Estilo aplicado a las cabeceras de las columnas de la tabla */
	.gridColumnHeader{
	    font-size: 17px;
	}	
	
	/* 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:#990218;
		overflow: hidden;
		font-size:25px;
		/*font-weight:bold;*/
		color:#fff !important;
		text-decoration:none !important;
		text-shadow: 1px 1px 1px #E6F8E6;
	}
	
	.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 ****************************************/
	/*********************************************************************************************************/
	
	/*********************************************************************************************************/
	/********************************************* PRIMEFACES ************************************************/
	/*********************************************************************************************************/
	
	/* Menu principal */
	.ui-menu.ui-menubar {
    	height: 0px;
    	display: none;
	}	
    		
}
/*********************************************************************************************************/
/******************************************** ELEMENTOS **************************************************/
/*********************************************************************************************************/
 
 /* Estilo aplicado al conjunto del elemento y su etiqueta */
.element{

}

/* Estilo aplicado al espaciado entre elementos */
.spaceElement{
	
}

/* Estilo aplicado a las etiquetas asociadas a los elementos */
.label{
/*Nota: Si has marcado "Numeración correlativa de columnas" es posible que tengas que modificar este dato
	margin-left: 5px;*/	
}

/* Estilo aplicado al conjunto del elemento caja de texto y su label*/
.textElement{
	
}

/* Estilo aplicado a la caja de texto */
.textElement .textbox{

}

/* Estilo aplicado a la area de texto */
.textElement .textarea{

}

/* 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{
	
}

/* 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 {
	
}

/* Estilo aplicado al conjunto del elemento desplegable y su label */
.selectElement{
	
}

/* 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{
	
}

/* Estilo aplicado a la caja de texto del elemento archivo */
.fileElement .textbox{

}

/* Estilo aplicado a las etiquetas de los elementos archivo */
.fileElement .label{
	
}

/* Estilo aplicado al elemento multivalor */
.multivalueElement{

}

/* Poner margen izquierdo a los objetos multivalor */
/*.multivalueElement .layer-8 {
	Nota: Si has marcado "Numeración correlativa de columnas" es posible que tengas que establecer esta separación
	padding-left: 10px;
}*/

/* Estilo aplicado al título del elemento multivalor */
.multivalueTitle{
    color: #666;
    font-size: 1em;
    font-weight: bold;
}

/* Estilo aplicado al grid contenido dentro del elemento multivalor */
.multivalueElement .grid{

}

 
/* Estilo aplicado a los elementos obligatorios */
.mandatory{

}

/* Estilo aplicado a los elementos obligatorios */
/* Si deseas desactivar el estilo 'mandatory' para las textElement considera indicar lo siguiente:
.mandatory{
	border-top: 1px solid #9E9E9E !important;
	border-left: 1px solid #9E9E9E !important;
	border-bottom: 1px solid #b5b4b4 !important;
	border-right: 1px solid #b5b4b4 !important;
}
*/

.mandatoryRichCalendar{

}

/* Estilo aplicado a las etiquetas de los elementos obligatorios */
.mandatoryLabel:after {
	/*
	content:' (*)';
    color: #ca2626;
    font-size: 0.8em;
    */
}

/* Estilo aplicado a los elementos en solo lectura */
.readonly {

}

/*********************************************************************************************************/
/****************************************** FIN ELEMENTOS ************************************************/
/*********************************************************************************************************/

/*********************************************************************************************************/
/****************************************** PIE DE PÁGINA ************************************************/
/*********************************************************************************************************/

/* Estilo que aplica a la zona contenedora del pie de página */
.footer{
    background-color: #999999;
    color: #ffffff;
}

/* Estilo de la primera columna del pie de pagina */
.piePaginaCol1{
	width: 35%;
}

/* Estilo para definir el icono de fondos de financiación */
.fondoFinanciacion{
    /*background-image: url('../img/feder_bloque.png');*/
    background-repeat: no-repeat;
    background-position: 10% 50%;
}

/* Estilo para definir texto de la CARM en el pie de página */
.comunidadAutonomaRegionMurciaPie{
		
}

/* 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{

}

/* Texto de Accesibilidad y Aviso Legal */
div [id='piePaginaAccesibilidadAvisoLegalId'] .piePaginaCol3{

}


/*********************************************************************************************************/
/**************************************** 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: #555555;
    font-size: 1.2em;
    font-weight: normal;
}

/* Estilo aplicado a la zona contenedora de la imagen del botón */
.buttonImage{

}

/* Estilo aplicado al botón volver */
.backButton{

}

/* 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{
	background-color: #44aa33;
}

/* Estilo aplicado a la imagen para indicar los registros del arbol que no cumplen con la busqueda */
.nodeNoInQuery{
	background-color: #888888;
}

/*********************************************************************************************************/
/******************************************** 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{
	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;
    color: #000000;
    border-bottom: 1px solid #c4c0c9;
    border-right: 1px solid #c4c0c9;
    font-family: Arial,Verdana,sans-serif;
    /*font-size: 11px;*/
    padding: 4px;
    text-align: center;
}

/* 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 {
    background-color: #f6ce4b;
}

/* Estilo aplicado al registro seleccionado de la tabla */
.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{
	padding-top: 0;
	padding-bottom: 0;
	border-bottom: 1px solid #c4c0c9;
    border-right: 1px solid #c4c0c9;
	color: #000000;
    font-family: Arial,Verdana,sans-serif;
    /*font-size: 11px;*/
}

/*********************************************************************************************************/
/****************************************** FIN CONSULTA *************************************************/
/*********************************************************************************************************/

/*********************************************************************************************************/
/***************************************** ZONA OPERACI�N ************************************************/
/*********************************************************************************************************/

/* Estilo aplicado al contenedor de la zona de operación */
.operationZone{
	
}

/* 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{
    color: #ffffff !important;
    font-weight: bold !important;
    padding: 4px 5px;
    text-align: left;
}

/* Estilo aplicado al contenido de la zona de operación */
.operationZoneContent{
    background: #fcfcfc;
    /*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{

}

/* Estilo aplicado al espacio entre zonas */
.operationZoneSpace{

}

/*********************************************************************************************************/
/**************************************** FIN ZONA OPERACI�N *********************************************/
/*********************************************************************************************************/

/*********************************************************************************************************/
/********************************************* SECCION ***************************************************/
/*********************************************************************************************************/

/* Estilo aplicado a la sección */
.section{
    border: 1px solid #ddd;
    padding: 4px;
}

/* Estilo aplicado al título de la sección */
.sectionTitle{
	color: #666;
    font-size: 1em;
    font-weight: bold;
}

/* Estilo aplicado al grupo de pesta�as de sección */
.sectionTabsGroup{
	
}

/* Estilo aplicaco al panel que contiene las pesta�as de sección */
.sectionTabsContainer {						
	margin-bottom: 2px;
}

/* 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{
	background-color: #412a2e;
    background-image: url("../img/degradadoPestanaSeccionSel.png");
    background-position: left top;
    background-repeat: repeat-x;
    font-weight: bold !important;
    border-right: 2px solid white;
    color: white !important;
    padding: 2px 5px;
}

/* Estilo aplicado a la pesta�a no seleccionada del grupo de pesta�as de sección */
.nonSelectedSectionTab{
    background-color: #929090;
    background-image: url("../img/degradadoPestanaSeccion.png");
    background-position: left top;
    background-repeat: repeat-x;
    border-right: 2px solid white;
    color: white !important;
    padding: 2px 5px;
}

/*********************************************************************************************************/
/******************************************* FIN SECCION *************************************************/
/*********************************************************************************************************/

/*********************************************************************************************************/
/****************************************** PESTAÑAS ZONA ************************************************/
/*********************************************************************************************************/

/* Estilo aplicado al grupo de pesta�as */
.tabsGroup{
  	border-bottom: 4px solid #990218;
}

/* Estilo aplicaco al panel que contiene las pesta�as */
.tabsContainer {						

}

/* 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{
    background-color: #990218;
    background-image: url("../img/degradadoPestanaSel.png");
    background-position: left top;
    background-repeat: repeat-x;
    border-right: 2px solid white;
    color: white !important;
    font-weight: bold !important;
    padding: 3px 8px;
}

/* Estilo aplicado al resaltar la pesta�a seleccionada */
.selectedTab:hover{

}

/* Estilo aplicado a las pesta�as no seleccionadas */
.nonSelectedTab{
    background-color: #798185;
    background-image: url("../img/degradadoPestana.png");
    background-position: left top;
    background-repeat: repeat-x;
    border-right: 2px solid white;
    color: white !important;    
    padding: 3px 8px;    
}

/* Estilo aplicado al resaltar las pesta�as no seleccionadas */
.nonSelectedTab:hover{
	background-color: #94a1a8;
	background-image: url('../img/degradadoPestanaOver.png');
    background-position: left top;
    background-repeat: repeat-x;
}

/*********************************************************************************************************/
/**************************************** FIN PESTAÑAS ZONA **********************************************/
/*********************************************************************************************************/

/*********************************************************************************************************/
/********************************************** PÁGINA ***************************************************/
/*********************************************************************************************************/

/* Estilo para personalizar el espacio donde se muestra la página */
.page {
    /*border-left: 3px solid #999999;
    border-right: 3px solid #999999;*/
    min-height: 300px;
    padding: 0 10px 10px;
}

/* 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: #fcfcfc;
    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: #999999;
    font-size: 1.2em;
    font-weight: bold;
    padding: 5px;
    text-transform: uppercase;
    text-align: left;
}

/* Estilo que aplica al título de una página popUp */
.popUpPageTitle{
    padding: 5px;
    text-align: left;
    color: #000000;
    font-size: 1.2em !important;
    font-weight: bold !important;
    text-transform: uppercase;
}

/* Estilo aplicado al botón de cerrar el popUp */
.popUpCloseButton {

}

/*********************************************************************************************************/
/********************************************* FIN PÁGINA ************************************************/
/*********************************************************************************************************/

/*********************************************************************************************************/
/************************************************ MENÚ ***************************************************/
/*********************************************************************************************************/

/* 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: 11px;*/
    font-weight: bold;
    text-decoration: none;
    color: #000000;
    border:none;
}

/* Estilo para personalizar la opción de menú seleccionada */
.menuItemSelected{
	border: 1px solid #c4c0b9;
	background-color: #ffffff;	
	color: #000000;	
}

/* Estilo para personalizar los submenus */
.subMenu{
	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: #fae6b0 !important;
    background-position: left top !important;
    background-image: none !important;
    background-repeat: repeat-x !important;
    border-color: #e5973e !important;	
}

/* Estilo para personalizar el texto del submenu */
.subMenuItem{
	font-family: Arial,Verdana,sans-serif;
    /*font-size: 11px;*/
    font-weight: bold;    
    color: #000000;
}

/* Estilo para personalizar el texto del submenu seleccionado*/
.subMenuSelected .subMenuItem{

}

/* Estilo para personalizar el icono del submenu */
.subMenuIcon{
	
}


/*********************************************************************************************************/
/********************************************** 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{	
    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: url("../img/degra_bottom_short.png") repeat-x scroll left bottom #fcfcfc;
    border: 0 none;
    padding: 20px 4px 40px;
}

/* Estilo para personalizar el panel que contiene el aviso legal */
.welcomeLegalAdvise{

}

/*********************************************************************************************************/
/**************************************** FIN PÁGINA BIENVENIDA ******************************************/
/*********************************************************************************************************/

/*********************************************************************************************************/
/********************************************* CABECERA **************************************************/
/*********************************************************************************************************/

/* Estilo para personalizar la cabecera */
.header {
    color: #ffffff;
    font-weight: normal;
}

/* Cabecera de aplicación responsiva */
.header_responsive_bar {
}

/* Estilo para personalizar el título de la aplicación que esta contenido en la cabecera */
.appTitle{
	font-size: 2em;
	text-shadow: 1px 1px 1px #E6F8E6;
}

/* Estilo para personalizar la descripción de la aplicación que esta contenido en la cabecera */
.appDescription{
	font-size: 1em;
}

/* 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;
}

/* Estilo que aplica a la zona de session timeout (al aviso previo)*/
.sessionTimeoutWarning{
	background-color: #F5DA81;
    border-color: #FFBF00;
    color: #5F4C0B;
}


/* Eliminar 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: url("../img/back.gif") repeat scroll 0 0 white; 
}

/* Estilo para personalizar el contenedor de la aplicación */
.container{
	background-color: #ffffff;
	/*Nota: Si se pone 100% de ancho usará pantalla completa
	width: 100%;*/
}

/* Estilo del contenedor cuando se incluyen pantallas de jAD en otras aplicaciones (No incluye encabezado ni menú) */
.containerEmbebbed {
  	/*Nota: Si se pone 100% de ancho usará pantalla completa
	width: 100%;*/
}

.encabezadoColumnaDerecha {
	/*Nota: Si el ancho de "container" es 100% se recomienda poner 100px de max-width */
	/*max-width: 100px;*/
	width: 25%;
}

/* Logo personalizado de la aplicación */
.informacionAplicacion{
	/* Esto es un ejemplo de uso para poder incorporar un logo personalizado a la aplicación */
	/*background-image: url('${appImagePath}/iconos-css/miapplicacionlogo.png');
	background-repeat: no-repeat;
	background-position: calc(50% - 190px) calc(100% - 10px);*/
}


/*********************************************************************************************************/
/****************************************** FIN CONTENEDOR ***********************************************/
/*********************************************************************************************************/

/*********************************************************************************************************/
/************************************** MENSAJES INFO Y ERROR ********************************************/
/*********************************************************************************************************/

/* Estilo aplicado al popup de mensajes de validación/información/error */
.messages{

}

/* Estilo aplicado al título del mensaje de validación/información/error */
.messagesTitle{
	padding: 1px 3px 1px 5px;
	background: #990218 !important;
	font-weight: bold !important;
	color:#ffffff !important;
}

/* Estilo aplicado al contenido del mensaje de validación/información/error */
.messagesContent{
	border-left: 1px solid #bbbbbb;
	border-right: 1px solid #bbbbbb;
	background: #fcfcfc url(../img/degra_bottom_short.png) repeat-x left bottom;
	padding: 0px 10px 20px 10px;
}

/* Estilo aplicado al texto del mensaje de información */
.messagesInfoText{

}

/* Estilo aplicado al texto del mensaje de error */
.messagesErrorText{

}

/* Estilo aplicado al texto del mensaje de advertencia */
.messagesWarnText{

}


/*********************************************************************************************************/
/************************************ FIN MENSAJES INFO Y ERROR ******************************************/
/*********************************************************************************************************/

/*********************************************************************************************************/
/**************************************** MENSAJE CONFIRMACIÓN *******************************************/
/*********************************************************************************************************/

/* Estilo aplicado al contenedor del popup con el mensaje de confirmación*/
.confirmation{
	box-shadow: 0 0 8px black;
}

/* Estilo aplicado al título del mensaje de confirmación */
.confirmationTitle{
    color: #ffffff !important;
    font-weight: bold !important;
    padding: 4px 5px;
}

/* Estilo aplicado al contenido del mensaje de confirmación */
.operationZoneContent{
    background: #fcfcfc;
    /*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 validación*/
.validation{
	box-shadow: 0 0 8px black;
}

/* Estilo aplicado al título del popup con el mensaje de validación */
.validationTitle{
    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{
	box-shadow: 0 0 8px black;
}

/* Estilo aplicado al título del popup de subida de ficheros */
.fileUploadTitle{   
    color: #ffffff !important;
    font-weight: bold !important;
    padding: 4px 5px;
    text-align: left;
}

/* Estilo aplicado al componente de subida de ficheros */
.fileUploadComponent{
	background-color: #ffffff;
    border: 1px solid #c4c0c9;
}

/*********************************************************************************************************/
/******************************************** FIN SUBIDA DE FICHEROS *************************************/
/*********************************************************************************************************/


/*****************************************************************************/
/*************************** Adaptación responsiva ***************************/
/*****************************************************************************/

/*http://www.w3schools.com/cssref/css3_pr_mediaquery.asp*/

/* Un dispositivo móvil */   
@media only screen and (max-width: 767px) {
	
	/* Esto es un ejemplo de uso para poder incorporar un logo personalizado a la aplicación (cuando es responsivo) */
	/* Logo personalizado de la aplicación, en vista responsiva */
	/*.informacionAplicacion{
	    background-image: url('../img/miapplicacionlogo.png');
	    background-repeat: no-repeat;
	    background-position: calc(100% - 10px) calc(100% - 10px);
	}*/	
	
	/* Estilo para definir el icono de fondos de financiación */
	.fondoFinanciacion{
	    background-size: 100%;
	}
	
	
}
	
/* Pantallas pequeñas, entre 768px y 1024px  */
@media only screen and (min-width: 768px) and (max-width: 1024px){
}

/* Pantallas medianas entre 1025px y 1280 pixels */
@media only screen and (min-width: 1025px) and (max-width: 1280px){
}

/* Pantallas grandes entre 1281 pixels y menores de 1800 pixeles  */
@media only screen and (min-width: 1281px) and (max-width: 1800px){
}

/* Pantallas gigantes de mas de 1801 pixeles  */
@media only screen and (min-width: 1801px){
}
	
/*****************************************************************************/
/*************************** Fin Adaptación responsiva ***********************/
/*****************************************************************************/


.ui-panel {
	background: url("../img/degra_bottom_short.png") repeat-x scroll left bottom #fcfcfc;
}