html * {
    margin: 0;
    /*padding: 0; SELECT NOT DISPLAYED CORRECTLY IN FIREFOX */
}

.x-panel-body {
        background-color: #000000;
}


/* GENERAL */

.logo table td { padding: 0; margin: 0; }

div.googleMaps{
    overflow-y:hidden;
    overflow-x:hidden;
    BORDER: #000 2px solid ;
    background-color: orange;
   /* margin: 5px 5px 5px 5px;*/
}

.spinner {
    padding: 5px;
    position: absolute;
    right: 0;
}

body {
    background: #fff;
    color: #333;
    font: 11px verdana, arial, helvetica, sans-serif;

}

td.archivo, th.archivo {
    font-size:13px;
}

a:link, a:visited, a:hover {
    color: purple;
    font-weight: bold;
    text-decoration: none;
}

h1 {
    color:gray;
    font-size:8px;
    font-weight:normal;
    margin:0.8em 0 0.3em;
    text-align: left; /**/
}


.enlace {
    color: #990000;
    font-size:11px;
    font-weight:bold;
    margin:0.8em 0 0.3em;
    text-align: left; /**/
}

.enlace:hover {
    /*text-decoration: underline;
    color: red;                */
    color:#FCCD93;
    cursor: pointer;
}

.enlaceDeshabilitado {
    color: #C3C3C3;
    font-size:10px;
    font-weight:bold;
    margin:0.8em 0 0.3em;
    text-align: left; /**/
}

.hoverIE6 {
    color:#FCCD93;
    cursor: pointer;
}


ul {
    padding-left: 15px;
}

input, select, textarea {
    background-color: #fcfcfc;
    border: 1px solid #ccc;
    font: 11px verdana, arial, helvetica, sans-serif;
    margin: 2px 0;
    padding: 2px 4px;
}
select {
   padding: 2px 2px 2px 0;
}
textarea {
	vertical-align: top;
}

input:focus, select:focus, textarea:focus {
    border: 1px solid #b2d1ff;
}

.body {
    /*Modificado por Jesus*/
    /*float: left;
    margin: 0 15px 10px 15px;*/
    /*width:80%;*/
    margin-top:15px;
    font-family: courier,arial;
    height :100%;
    overflow:hidden;
    text-align: left;
}

#cuerpo{
    /*padding-top:9px;*/
}

.metadata_form{
    display: none;
}

/* Login view */

#supported-browsers-container{
    width:          300px;
    position:       absolute;
    top:            70%;
    left:           41%;
    height:         50px;
    display:        block;
}

#supported-browsers-container > .title{
    background:     none;
    text-align:     center;
    color:          #5B5B5B;
    font-family:    verdana,arial,serif;
    font-size:      10px;
    font-weight:    700;
}

#supported-browsers{
    background-image: url(../images/supported-browsers-mini.jpg);
    width: 182px;
    margin: auto;
    height: 56px;
}


/* NAVIGATION MENU */

.nav {
/*    background: #fff url(../images/skin/shadow.jpg) bottom repeat-x;
    border: 1px solid #ccc;
    border-style: solid none solid none;
    margin-top: 5px;
    padding: 7px 12px;*/

/*Modificado por Jesus*/
    -x-system-font:none;
    background:transparent url(../images/skin/white-brown-top-bottom.gif) repeat-x scroll 0 -1px;
    border:1px solid #ff9900;
    color:#FBC580;
    font-family:tahoma,arial,verdana,sans-serif;
    font-size:11px;
    font-size-adjust:none;
    font-stretch:normal;
    font-style:normal;
    font-variant:normal;
    font-weight:bold;
    line-height:15px;
    overflow:hidden;
    padding:5px 3px 4px 5px;
    text-align: left;
}

.menuButton {
    font-size: 10px;
    padding: 0 5px;

}

.menuButton a {
    background: #fff;
    border: 0;
    color: #333;
    cursor: pointer;
    font-size: 10px;
    font-weight: bold;
    margin-left: 3px;
    overflow: visible;
    display: inline-block;
    padding: 2px 6px;
}

.menuButton a.home {
    background: url(../images/skin/house.png) center left no-repeat;
    color: #333;
    padding-left: 25px;
}

.menuButton a:hover {
    color: #7D2B00;
    padding-left: 25px;
}

.menuButton a.list {
    background: url(../images/skin/database_table.png) center left no-repeat;
    color: #333;
    padding-left: 25px;
}

.menuButton a.back {
    background: url(../images/return.gif) center left no-repeat;
    color: #333;
    padding-left: 28px;
}

.menuButton a.cambiarListado {
    background: url(../images/skin/database_table_reload.png) center left no-repeat;
    color: #333;
    padding-left: 25px;
}

.menuButton a.cambiar {
    background: url(../images/reload.png) center left no-repeat;
    color: #333;
    padding-left: 25px;
}

.menuButton a.create {
    background: url(../images/skin/database_add.png) center left no-repeat;
    color: #333;
    padding-left: 25px;
}

.menuButton a.waiting {
    background: url(../images/spinner_transBN.gif) center left no-repeat;
    color: #333;
    padding-left: 25px;
}

.menuButton a.print {
    background: url(../images/skin/pdf.png) center left no-repeat;
    color: #333;
    padding-left: 25px;
}

.menuButton a.xls {
    background: url(../images/skin/xls.png) center left no-repeat;
    color: #333;
    padding-left: 25px;
}

.menuButton a.generatePrint {
    background: url(../images/report_generar.png) center left no-repeat;
    color: #333;
    padding-left: 25px;
}

.menuButton a.cleanFilters {
    background: url(../images/delete.png) center left no-repeat;
    color: #333;
    padding-left: 25px;
}

.menuButton a.irA {
    background: url(../images/skin/irA.png) center left no-repeat;
    color: #333;
    padding-left: 25px;
}

.menuButton a.eliminar {
    background: url(../images/skin/database_delete.png) center left no-repeat;
    color: #333;
    padding-left: 25px;
}

.menuButton a.eliminarTotal {
    background: url(../images/skin/database_delete_total.png) center left no-repeat;
    color: #333;
    padding-left: 25px;
}

.menuButton a.cancel {
    background: url(../images/skin/cancel.png) center left no-repeat;
    color: #333;
    padding-left: 25px;
}

/* no original */
.menuButton a.edit {
    background: url(../images/skin/database_edit.png) center left no-repeat;
    color: #333;
    padding-left: 25px;
}

.menuButton a.delete {
    background: url(../images/skin/database_delete.png) center left no-repeat;
    color: #333;
    padding-left: 25px;
}

.menuButton a.search {
    background: url(../images/ext_grid/find.png) center left no-repeat;
    color: #333;
    padding-left: 25px;
}

.menuButton a.listSessions {
    background: url(../images/open-sessions.png) center left no-repeat;
    color: #333;
    padding-left: 25px;
}

.menuButton a.close {
    background: url(../images/skin/close.png) center left no-repeat;
    color: #333;
    padding-left: 25px;
}

.menuButton a.goToInventario {
    background: url(../images/skin/irA.png) center left no-repeat;
    color: #333;
    padding-left: 25px;
}

.menuButton a.excelTemplate {
    background: url(../images/skin/excel2.png) center left no-repeat;
    color: #333;
    padding-left: 25px;
}

.menuButton input {
    background: #fff;
    border: 0;
    color: #333;
    cursor: pointer;
    font-size: 10px;
    font-weight: bold;
    margin-left: 3px;
    overflow: visible;
    padding: 2px 6px;
}

.menuButton input.delete {
    text-align: left;
    background: url(../images/skin/database_delete.png) center left no-repeat;
    color: #333;
    padding-left: 25px;
}

.menuButton input.create {
    background: transparent url(../images/skin/database_add.png) 5px 50% no-repeat;
    padding-left: 28px;
}

.menuButton input.waiting {
    background: transparent url(../images/spinner_transBN.gif) 5px 50% no-repeat;
    padding-left: 28px;
}

.menuButton input.eliminar {
    background: transparent url(../images/skin/database_delete.png) 5px 50% no-repeat;
    padding-left: 28px;
}

.menuButton input.eliminarTotal {
    background: transparent url(../images/skin/database_delete_total.png) 5px 50% no-repeat;
    padding-left: 28px;
    color: #cc0033;
}


/* MESSAGES AND ERRORS */

.message {
    background: #f3f8fc url(../images/skin/information.png) 8px 50% no-repeat;
    border: 1px solid #b2d1ff;
    color: #006dba;
    margin: 10px 0 5px 0;
    padding: 5px 5px 5px 30px
}

.error {
    background: #fae8e8 url(../images/skin/exclamation.png) 8px 50% no-repeat;
    border: 1px solid red;
    color: #cc0000;
    margin: 10px 0 5px 0;
    padding: 5px 5px 5px 30px
}

.gris {
	color: #d7d7d7;
}

.resaltado {
    color: #FFFF00;
}

div.errors {
    border: 1px solid red;
    color: #cc0000;
    margin: 10px 0 5px 0;
    padding: 5px 0 5px 5px;
}
div.errors ul {
    list-style: none;
    padding: 0;
}
div.errors li {
    background: url(../images/skin/exclamation.png) 8px 0% no-repeat;
    line-height: 16px;
    padding-left: 30px;
}

td.errors select {
    border: 1px solid red;
}
td.errors input {
    border: 1px solid red;
}
td.errors textarea {
    border: 1px solid red;
}


/* TABLES */

table {
    /*Eliminado por Jesus*/
    /*width: 100%*/
    border: 0px solid #ccc;
    margin: 0;
    padding: 0;
    /*width: 100%;*/

}

tr {
    border: 0;
}

td, th {
    font-family:verdana,arial,helvetica,sans-serif;
    font-size:11px;
    font-size-adjust:none;
    font-stretch:normal;
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
    line-height:12px;
    text-align:left;
    vertical-align:middle;
}
th {
     background: #fff url(../images/skin/shadow.jpg);
     color: #666;
     font-size: 11px;
     font-weight: bold;
     line-height: 17px;
     /*  padding: 2px 6px;*/
     width: 5%;
     white-space: nowrap;
     padding:5px 6px;
 }

th.fullWidth{
    background: #fff url(../images/skin/shadow.jpg);
    color: #666;
    font-size: 11px;
    font-weight: bold;
    line-height: 17px;
    /*  padding: 2px 6px;*/
    white-space: nowrap;
    padding:5px 6px;
}

th a:link, th a:visited, th a:hover {
    color: #333;
    display: block;
    font-size: 10px;
    text-decoration: none;
    width: 100%;
}
th.asc a, th.desc a {
    background-position: right;
    background-repeat: no-repeat;
}
th.asc a {
    background-image: url(../images/skin/sorted_asc.gif);
}
th.desc a {
    background-image: url(../images/skin/sorted_desc.gif);
}

.odd {
    /*background: #f7f7f7;*/
    background: #fff;
}
.even {
   /* background: #fff; */
    background: #fff9dd;
}

/* LIST */

.list table {
    border-collapse: collapse;
    width: 100%;
}
.list th, .list td {
    border-left: 1px solid #ddd;
}
.list th:hover, .list tr:hover {
    background: #b2d1ff;
}

.separator{
	font-style: italic;
	font-size: 105%;
	padding:2px;
	margin:3px;
	background:#3A6BA7 none repeat scroll 0 0;
	color:#FFFFFF;
}

.sub{
	background:#5A8BC7;
	font-size: 100%;
}

table.limpia{
    border:none;
    border-collapse: collapse;
    border-spacing: 0px;
    /**/
    text-align: left;
    width:100%;
    /**/
}
table.filtro {
    /*Eliminado por Jesus*/
    /*width: 100%*/
    border: 1px solid #ccc;
    margin: 0;
    width: 100%;
    padding: 0;
    /*width: 100%;*/

}

table.limpia th, table.limpia td{
    font-family: verdana,arial;
    border-collapse: collapse;
    border-spacing: 0px;
    padding-top: 4px;
    padding-left: 8px;
    padding-right: 30px;
    border-width: 0px;
    /*width:650px;*/
}


table.limpia thead th{
    border-bottom: 2px solid black;
    font-weight: bold;
}

table.limpia tbody th, table.limpia tbody td{
    border: none;

}

/* PAGINATION */

.paginateButtons {
   /* background: #fff url(../images/skin/shadow.jpg) bottom repeat-x;
    border: 1px solid #ccc;
    border-top: 0;*/
    border: 0px;
    color: #666;
    font-size: 10px;
    overflow: hidden;
    padding: 10px 3px;

}
.paginateButtons a {
    /*background: #fff;*/
    background: #fff url(../images/skin/shadow.jpg) bottom repeat-x;
    border: 1px solid #ccc;
    border-color: #ccc #aaa #aaa #ccc;
    color: #666;
    margin: 0 3px;
    padding: 2px 6px;
}
.paginateButtons span {
    padding: 2px 3px;
}

div.dialog {
	/*height: expression( this.scrollHeight > 379 ? "380px" : "auto" );  sets max-height for IE
	max-height: 380px;*/
	overflow: auto;
	position:relative;
    border:1px solid #99BBE8;


    /*border-bottom: #99BBE8 0px solid;*/
    border-top: #99BBE8 0px solid;

}

div.supergroup{
    padding: 5px 5px 5px 5px;
}

div.group {
    border-color:#ffe3ab;
    border-style:solid;
    border-width:2px;
}

div.subgroup {
    border-color: #fcd0c0;
    border-style:solid;
    border-width:1px;
}

/* Fix for Firefox 3 */
.x-date-middle {
    width: 160px;
}

.x-date-left,
.x-date-right {
    width:20px !important;
}

.x-form-field-wrap {
	white-space:nowrap;
}

/* DIALOG*/

.dialog table {
    padding: 5px 0;

}

.prop {
    padding: 5px; margin:5px;
}
.prop .name {
    text-align: left;
    width: 35%;
    white-space: nowrap;
}


.prop .destacado {
    text-align: left;
    width: 35%;
    white-space: nowrap;
    background-color:#FBC580;
}

.title  {
    text-align: left;
    font-weight: bold;
    padding:5px 6px;
    white-space: nowrap;
    background-color:#ceddeb;
}

.cargando-indicador {
    padding-bottom: 27px;
}

/*Modificado por Jesus*/
.dialog table {
    padding: 5px 0;
    border-color: #99BBE8;
    margin:0;
    padding:0;
}

.prop {
    padding: 5px;

}
.prop .name {
    text-align: left;
    width: 5%;
    white-space: nowrap;
    font-weight: bold;
    padding:5px 6px;
}

.prop .nameCorto {
    text-align: left;
    width: 2%;
    white-space: nowrap;
    font-weight: bold;
    padding:5px 6px;
}

.prop .nameSalto  {
    text-align: left;
    white-space: initial;
    font-weight: bold;
    padding:5px 6px;
}

.prop .destacado {
    text-align: left;
    width: 5%;
    white-space: nowrap;
    font-weight: bold;
    padding:5px 6px;
}

.prop .nameexp {
    text-align: left;
    width: 5%;
    /*white-space: nowrap;*/
    font-weight: bold;
}


.prop .value {
    text-align: left;
    width: 30%;
}

.valueIns {
    text-align: left;
}

.multiselect-actuacion {
    border: 1px solid #ccc;
    border-radius: 3px;
    font-size: 13px;
    padding: 2px;
}

.multiselect-actuacion option {
    padding: 3px;
}

.multiselect-actuacion option:checked {
    background-color: #f0f0f0;
    color: #000;
}

.centered {
    text-align: center !important;
}

.prop .wrap {
    word-wrap: break-word;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    white-space: pre-wrap;
}

.prop .valueParametros {
    text-align: left;
    width: 20%;
}

.prop .valueNoConformdidad {
    text-align: left;
}

/* ACTION BUTTONS */

.buttons {
    /* Eliminado para poner la apariencia del grid Ext en todas las vistas*/
   /* background: #fff url(../images/skin/shadow.jpg) bottom repeat-x;
    border: 1px solid #ccc;
    color: #666;
    font-size: 10px;
    margin-top: 5px;
    overflow: hidden;
    padding: 0;*/

    -x-system-font:none;
    background:transparent url(../images/skin/white-brown-top-bottom.gif) repeat-x scroll 0 -1px;
    border:1px solid #ff9900;
    color:#ffd393;
    font-family:tahoma,arial,verdana,sans-serif;
    font-size:11px;
    font-size-adjust:none;
    font-stretch:normal;
    font-style:normal;
    font-variant:normal;
    font-weight:bold;
    line-height:15px;
    overflow:hidden;
    padding:5px 3px 4px 5px;
    text-align: left;
}

.botonInformePDF
{
    margin-top: 5px;
    border: 0;
    cursor: pointer;
    overflow: visible;
    background: transparent url(../images/skin/PDF.gif) 5px 50% no-repeat;
    padding-left: 28px;
    padding-top: 6px;
}

.buttons input {
    background: #fff;
    border: 0;
    color: #333;
    cursor: pointer;
    font-size: 10px;
    font-weight: bold;
    margin-left: 3px;
    overflow: visible;
    padding: 2px 6px;
}
.buttons .delete {
    background: transparent url(../images/skin/database_delete.png) 5px 50% no-repeat;
    padding-left: 28px;
}
.buttons .edit {
    background: transparent url(../images/skin/database_edit.png) 5px 50% no-repeat;
    padding-left: 28px;
}

.buttons a.clone {
    background: url(../images/page_copy.png) center left no-repeat;
    color: #333;
    padding-left: 25px;
}

.buttons .delete {
    background: transparent url(../images/skin/database_delete.png) 5px 50% no-repeat;
    padding-left: 28px;
}

.buttons .save {
    background: transparent url(../images/skin/database_save.png) 5px 50% no-repeat;
    padding-left: 28px;
}

.buttons .back {
    background: transparent url(../images/return.gif) 5px 50% no-repeat;
    padding-left: 28px;
}

.buttons .waiting {
    background: transparent url(../images/spinner_transBN.gif) 5px 50% no-repeat;
    padding-left: 28px;
}


/*cambia el aspecto de los links por un aspecto de botones*/
.buttonExpediente {
   float:left;
   padding:5px;
}


a.buttonLink:link {margin-top: 1px;padding: 6px;border: 1px solid #FFC987;background-color: #FEE3C1;text-decoration:none;color:#7D2B00}
a.buttonLink:active {margin-top: 1px;padding: 6px;border: 1px solid #FFC987;background-color: #FEE3C1;text-decoration:none;color:#7D2B00}

a.buttonLink:visited {margin-top: 1px;padding: 6px;border: 1px solid #FFC987;background-color: #FEE3C1;text-decoration:none;color:#7D2B00;}
a.buttonLink:hover   {margin-top: 1px;padding: 6px;border: 1px solid #FFC987;background-color: #F49632;text-decoration:none;color:#7D2B00;}



.ImagenCabecera
{
    padding-bottom:0px;
    margin:0;
    background:white  url(../images/rellenoCabecera.jpg) repeat-x;
}

#sendero {
	border:1px solid #cdcbcb;
	height:2.3em;
    font-size:8pt;
}

#sendero li {
	float:left;
	line-height:2.3em;
    font-size:11px;
	color:#777;
}

#sendero li.saludo {
	float:right;
	line-height:2.3em;
	padding-left:.75em;
	color:#777;
	padding:0 15px 0 0;
	background:url(../images/crumbs.gif) no-repeat right center;
}

.senderoImagenBackplataforma2{
    float:left;
    background:url(../images/crumbsBack_Infraestructura_nivel2.gif) no-repeat right center;
    background-size:7px;
    width:6px;
}

.senderoImagenBackplataforma3{
    float:left;
    background:url(../images/crumbsBack_Infraestructura_nivel3.gif) no-repeat right center;
    background-size:7px;
    width:6px;
}

.senderoImagenBackplataforma4{
    float:left;
    background:url(../images/crumbsBack_Infraestructura_nivel4.gif) no-repeat right center;
    background-size:7px;
    width:6px;
}

.senderoTextoplataforma1 {
	float:left;
    background: transparent url(../images/skin/white-top-bottom_Infraestructura_nivel1.gif) repeat-x 0 -1px;
    padding-left:5px;
    background-size:1px;
}

.senderoTextoplataforma2 {
	float:left;
    background: transparent url(../images/skin/white-top-bottom_Infraestructura_nivel2.gif) repeat-x 0 -1px;
    padding-left:5px;
    background-size:1px;
}

.senderoTextoplataforma3 {
	float:left;
    background: transparent url(../images/skin/white-top-bottom_Infraestructura_nivel3.gif) repeat-x 0 -1px;
    padding-left:5px;
    background-size:1px;
}

.senderoTextoplataforma4 {
	float:left;
    background: transparent url(../images/skin/white-top-bottom_Infraestructura_nivel4.gif) repeat-x 0 -1px;
    padding-left:5px;
    background-size:1px;
}

.senderoImagenplataforma1 {
	float:left;
    background:url(../images/crumbs_Infraestructura_nivel1.gif) no-repeat right center;
    background-size:12px;
    width:12px;
}

.senderoImagenplataforma2 {
	float:left;
    background:url(../images/crumbs_Infraestructura_nivel2.gif) no-repeat right center;
    background-size:12px;
    width:12px;
}

.senderoImagenplataforma3 {
	float:left;
    background:url(../images/crumbs_Infraestructura_nivel3.gif) no-repeat right center;
    background-size:12px;
    width:12px;
}

.senderoImagenplataforma4 {
	float:left;
    background:url(../images/crumbs_Infraestructura_nivel4.gif) no-repeat right center;
    background-size:12px;
    width:12px;
}

.senderoImagenBackvia2{
    float:left;
    background:url(../images/crumbsBack_Superestructura_nivel2.gif) no-repeat right center;
    background-size:7px;
    width:6px;
}

.senderoImagenBackvia3{
    float:left;
    background:url(../images/crumbsBack_Superestructura_nivel3.gif) no-repeat right center;
    background-size:7px;
    width:6px;
}

.senderoImagenBackvia4{
    float:left;
    background:url(../images/crumbsBack_Superestructura_nivel4.gif) no-repeat right center;
    background-size:7px;
    width:6px;
}

.senderoTextovia1 {
	float:left;
    background: transparent url(../images/skin/white-top-bottom_Superestructura_nivel1.gif) repeat-x 0 -1px;
    padding-left:5px;
    background-size:1px;
}

.senderoTextovia2 {
	float:left;
    background: transparent url(../images/skin/white-top-bottom_Superestructura_nivel2.gif) repeat-x 0 -1px;
    padding-left:5px;
    background-size:1px;
}

.senderoTextovia3 {
	float:left;
    background: transparent url(../images/skin/white-top-bottom_Superestructura_nivel3.gif) repeat-x 0 -1px;
    padding-left:5px;
    background-size:1px;
}

.senderoTextovia4 {
	float:left;
    background: transparent url(../images/skin/white-top-bottom_Superestructura_nivel4.gif) repeat-x 0 -1px;
    padding-left:5px;
    background-size:1px;
}

.senderoImagenvia1 {
	float:left;
    background:url(../images/crumbs_Superestructura_nivel1.gif) no-repeat right center;
    background-size:12px;
    width:12px;
}

.senderoImagenvia2 {
	float:left;
    background:url(../images/crumbs_Superestructura_nivel2.gif) no-repeat right center;
    background-size:12px;
    width:12px;
}

.senderoImagenvia3 {
	float:left;
    background:url(../images/crumbs_Superestructura_nivel3.gif) no-repeat right center;
    background-size:12px;
    width:12px;
}

.senderoImagenvia4 {
	float:left;
    background:url(../images/crumbs_Infraestructura_nivel4.gif) no-repeat right center;
    background-size:12px;
    width:12px;
}

.senderoImagenBackvia-infraestructura2{
    float:left;
    background:url(../images/crumbsBack_Superestructura_nivel2.gif) no-repeat right center;
    background-size:7px;
    width:6px;
}

.senderoImagenBackvia-infraestructura3{
    float:left;
    background:url(../images/crumbsBack_Superestructura_nivel3.gif) no-repeat right center;
    background-size:7px;
    width:6px;
}

.senderoImagenBackvia-infraestructura4{
    float:left;
    background:url(../images/crumbsBack_Superestructura_nivel4.gif) no-repeat right center;
    background-size:7px;
    width:6px;
}

.senderoTextovia-infraestructura1 {
	float:left;
    background: transparent url(../images/skin/white-top-bottom_Superestructura_nivel1.gif) repeat-x 0 -1px;
    padding-left:5px;
    background-size:1px;
}

.senderoTextovia-infraestructura2 {
	float:left;
    background: transparent url(../images/skin/white-top-bottom_Superestructura_nivel2.gif) repeat-x 0 -1px;
    padding-left:5px;
    background-size:1px;
}

.senderoTextovia-infraestructura3 {
	float:left;
    background: transparent url(../images/skin/white-top-bottom_Superestructura_nivel3.gif) repeat-x 0 -1px;
    padding-left:5px;
    background-size:1px;
}

.senderoTextovia-infraestructura4 {
	float:left;
    background: transparent url(../images/skin/white-top-bottom_Superestructura_nivel4.gif) repeat-x 0 -1px;
    padding-left:5px;
    background-size:1px;
}

.senderoImagenvia-infraestructura1 {
	float:right;
    background:url(../images/crumbs_Superestructura_nivel1.gif) no-repeat right center;
    background-size:12px;
    width:12px;
}

.senderoImagenvia-infraestructura2 {
	float:right;
    background:url(../images/crumbs_Superestructura_nivel2.gif) no-repeat right center;
    background-size:12px;
    width:12px;
}

.senderoImagenvia-infraestructura3 {
	float:right;
    background:url(../images/crumbs_Superestructura_nivel3.gif) no-repeat right center;
    background-size:12px;
    width:12px;
}

.senderoImagenvia-infraestructura4 {
	float:right;
    background:url(../images/crumbs_Infraestructura_nivel4.gif) no-repeat right center;
    background-size:12px;
    width:12px;
}


#sendero li a {
	display:block;
	padding:0 15px 0 0;
}

#sendero li p {
	display:block;
	padding:0 15px 0 0;
    color:#333333;
}


#sendero li a:link, #sendero li a:visited {
	text-decoration:none;
	color:#333333;
}

#sendero li a:hover, #sendero li a:focus {
	color:black;
}


table.resumenParte {
    border: 1px solid #ccc;
    margin-bottom:5px;
}

.clear {
	clear:both;
	font-size:0;
	height:10px;
	margin:0;
	padding:0;
}

/*  IMPRESIÓN DE MAPA    */
.tdPrintMap
{
  font-size:x-small;
  font-family:tahoma,verdana,helvetica;
  font-weight:bold;
  text-align:center;
}
/* FIN DE IMPRESIÓN DE MAPA    */

table.visorImagenes{
    text-align:center;
    border:1px double #d2dde6;
    border-spacing:2px;
    background: #eff3f6;
}

table.opciones_visor{
    margin:5px;padding:5px;width:99%;
}

table.listaImagenes_visor{
    margin:5px;padding:5px;width:99%;
}

.x-progress-bar-red {
    background:#FF0000 url(../images/progress-bg-red.gif) repeat-x scroll left center;
    border-bottom:1px solid #7FA9E4;
    border-right:1px solid #de7d6a;
    border-top:1px solid #ecb7ad;
    float:left;
    height:18px;
}
.x-progress-bar-orange {
    background:#9CBFEE url(../images/progress-bg-orange.gif) repeat-x scroll left center;
    border-bottom:1px solid #7FA9E4;
    border-right:1px solid #deab7e;
    border-top:1px solid #d7b290;
    float:left;
    height:18px;
}
.x-progress-bar-green {
    background:#00FF00 url(../images/progress-bg-green.gif) repeat-x scroll left center;
    border-bottom:1px solid #7FA9E4;
    border-right:1px solid #5bd976;
    border-top:1px solid #79e18f;
    float:left;
    height:18px;
}

.tituloInfraestructura {
    color: #333333;
    margin-left:10px;
    margin-top:26px;
    text-align:center;
    font-size:20px;
    float:right;
}

.tituloSuperestructura {
    color: #333333;
    margin-left:10px;
    margin-top:26px;
    text-align:center;
    font-size:20px;
    float:right;
}

.pdf {
    vertical-align: middle;
    padding-right: 25px;
}

.xls {
    vertical-align: middle;
    padding-right: 25px;
}

/* Data container tables stripped*/
.striped  tr:hover {
    background-color: #f4f4f4;
}

.odd {
    background: #ececec;
}

td.data_container{
    padding-top: 4px;
    padding-bottom: 4px;
}


/* jQuery Validation Start */

p.invalid {
    color: red;
    font-size: 10px;
    padding: 0px;
    /*float: left;*/
    margin-top: 2px;

}

.invalid.warn {
    /*border: 2px solid white;*/
    border: 2px solid yellow;
}
.invalid.inmediata {
    border: 2px solid red;
}
.invalid.programada {
    border: 2px solid yellow;
}

select.invalid{
    border:2px solid red;
}

input.invalid, select.invalid, textarea.invalid{
    border:2px solid red;
}

.error-border {
    border: 2px solid red;
}

td.valid_false{
    background-color: rgba(255, 0, 41, 0.25) !important;
}

td.valid_fuera_tol{
    /*background-color: white !important;*/
    background-color: yellow !important;
}

td.valid_corr_inm{
     background-color: red !important;
}

td.valid_corr_pro{
    background-color: yellow !important;
}


input.optional{
    background-color: #e4eaff !important;
}

input[disabled]{
    background-color: #ececec !important;
}
input:disabled{
    background-color: #ececec !important;
}
input[disabled="disabled"]{
    background-color: #ececec !important;
}
td.disabled{
    background-color: #ececec !important;
}
td .optional{
    background-color: #e4eaff !important;
    background-image: none;
}





/* jQuery Validation End */

div.status_OK{
    background-image: url(../images/tickSmall.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 16px;
    margin: 0;
    padding: 0;
}

div.status_ERROR{
    background-image: url(../images/wrong.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 16px;
    margin: 0;
    padding: 0;
}

div.status_{
    background-image: url(../images/noaplica.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 16px;
    margin: 0;
    padding: 0;
}

div.status_INCOMPLETE{
    background-image: url(../images/incompleto.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 16px;
    margin: 0;
    padding: 0;
}


tr.hoverable:hover{
    background: rgba(124, 124, 124, 0.09);
}

/***INSPECCIONES*****/
div[id^="agrupacion_"] table {
    width: 100%;
}

.variasLineas{
    width: 300px!important;
    max-width: 300px; /* Ancho máximo del contenedor */
    overflow: hidden; /* Oculta el texto excedente */
    display: -webkit-box; /* Caja flexible */
    -webkit-box-orient: vertical; /* Orientación vertical */
    -webkit-line-clamp: 3; /* Limita a 3 líneas */
    text-overflow: ellipsis; /* Muestra puntos suspensivos si se recorta */
    white-space: normal!important; /* Espacio en blanco normal */

}
/********************/

/* Campos localizacion en ficha inventario */
.location-container {
    display: flex;
    align-items: flex-start;
}

.location-column {
    display: flex;
    flex-direction: column;
    flex: 1;
}

.location-field {
    display: flex;
    align-items: baseline;
}

.location-field-label {
    text-align: left;
    width: 17%;
    white-space: nowrap;
    font-weight: bold;
    padding: 5px 6px;}

.location-field-value {
    text-align: left;
}

.location-field-main {
    font-size:10px;
    font-weight:bold;
}

.select2-selection__rendered {
    color: #000 !important;
}

.select2-selection--single {
    border-radius: 0 !important;
    height: 20px !important;
}

.select2-selection__rendered {
    line-height: 20px !important;
}

.select2-selection__arrow b {
    border-color: black transparent transparent transparent !important;
    margin-top: -6px !important;
}