.llegenda {
	display: block;
	overflow: auto;
	padding: 0 !important;
	position: absolute;
	bottom: 25px;
	left: 5px;
	right: 5px;
	top: 150px;
	overflow: hidden;
/* 	margin-left: 500px;  */
}

.layerTitle {
	color: #660303;
	display: inline;
	font-size: 1em;
	font-weight: bold;
	left: 2px;
	position: absolute;
	right: 2px;
	top: -2px;
}

.icon-delete {
	background-image: url("img/delete.png") !important;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100% auto;
	height: 16px;
	left: 0 !important;
	margin: 0 !important;
	top: 0 !important;
	width: 16px;
}

.legendShowMultipleStyle {
	background: url("img/MiniPlus.png") no-repeat center center;
	height: 20px !important;
	width: 20px !important;
	display: inline-block !important;
	cursor: pointer;
}

.legendShowMultipleStyle:ACTIVE {
	background: url("img/MiniMinus.png") no-repeat center center;
	height: 20px !important;
	width: 20px !important;
	display: inline-block !important;
}

.legendHideMultipleStyle {
	background: url("img/MiniMinus.png") no-repeat center center;
	height: 20px !important;
	width: 20px !important;
	display: inline-block !important;
	cursor: pointer;
}

.legendHideMultipleStyle:ACTIVE {
	background: url("img/MiniPlus.png") no-repeat center center;
	background-size: 14px 14px;
	height: 20px !important;
	left: 0;
	width: 20px !important;
	display: inline-block !important;
}

.div20 {
	height: 20px !important;
	width: 15px !important;
	display: inline-block !important;
}

.legendChecker {
	width: 14px;
	height: 14px;
	display: inline-block;
	cursor: pointer;
}

.legendChecker.legendVisibility.unable {
	background-image: url("img/19 error mostrar capa.png");
}

.legendChecker.legendVisibility {
	margin-right: 3px !important;
}

.legendIndividualStyle {
	background: url("img/tematics.png") no-repeat center center;
	background-size: 14px 14px;
	display: inline-block;
	height: 20px;
	width: 20px;
}

.legendIndividualStyle1 {
	background: no-repeat center center;
	background-size: 20px 20px;
	display: inline-block;
	height: 20px;
	width: 20px;
}

.legendMultipleStyle {
	background: no-repeat center center;
	display: inline-block;
	width: 90%;
	margin-left: 35px;
}

.legendLayer {
	left: 5px;
	position: relative;
	right: 13px;
	top: 5px;
	width: 225px;
	padding-bottom: 10px;
	cursor: all-scroll;
}

.legendList {
	border: 1px solid #AAAAAA;
	bottom: 0;
	left: 0;
	margin: 0 !important;
	padding: 0 !important;
	position: relative;
	right: 0;
	top: 14px;
	overflow-y: auto;
	overflow-x: hidden;
}

.legendLayer>* {
	vertical-align: middle;
}

.legendLayer>input {
	height: 13px !important;
	margin-right: 2px;
	width: 13px !important;
	cursor: pointer;
}

.legendLayer .legendtext.labelText {
	margin-left: 5px;
}

.legendtext {
	color: #4D4D4D;
	display: inline-block;
	font-size: 0.98em;
	font-weight: bold;
	line-height: 18px;
	width: 159px;
	overflow: inherit;
	white-space: inherit;
	vertical-align: top;
}

.legendAbstract {
	color: #999999;
	width: 170px !important;
	margin-bottom: 5px;
	margin-left: 40px;
	font-style: italic;
	font-size: 0.98em;
	display: inline-block;
}

.legndList {
	left: 0;
	margin: 0 !important;
	padding: 0 !important;
	position: absolute;
	right: 0;
	top: 14px;
	border: 1px solid #AAAAAA;
}

.catalogGroup>* {
	vertical-align: middle;
}

.button-delete {
	height: 16px;
	position: absolute;
	right: 17px;
	text-align: center;
	top: 0px;
	width: 16px;
	z-index: 5001;
}

/**
 *  this is used more generally than just legend.
 * but luckily all versions of gcorp use a legend
 */
.colorStyle {
	display: inline-block;
	position: relative;
	line-height: 20px;
	height: 12px;
	margin-right: 8px;
	vertical-align: middle;
	width: 12px;
	background-size: auto 12px;
}

.innerColorStyleLegend {
	position: absolute;
	line-height: 20px;
	height: 12px;
	vertical-align: middle;
	width: 12px;
	background-size: auto 12px;
	margin-top: 45%;
}

.labelStyleLegend {
	color: #000000;
	display: inline-block;
	font-size: 0.95em;
	height: 20px;
	line-height: 20px;
	vertical-align: middle;
	width: 140px;
}

.elementMultipleStyleLegend {
	width: 210px;
}

.optionsDiv {
	display: inline;
	text-align: center;
	width: 100%;
	margin-bottom: 5px;
}

.optionsDiv_transparency {
	display: inline;
	text-align: center;
	width: 100%;
	margin-bottom: 5px;
}

.optionsDiv_export {
	display: inline;
	text-align: center;
	width: 100%;
	margin-bottom: 5px;
}

.optionsButton {
	background-position: center center;
	background-repeat: no-repeat;
	cursor: pointer;
	display: inline-block;
	height: 14px;
	margin-left: 2px;
	margin-right: 2px;
	width: 18px;
}

.optionsExportButton {
	margin-top: 1px;
	margin-bottom: 1px;
}

.slideContenedorLayerTransparencyLegend {
	cursor: default;
	margin-left: 5px;
	margin-top: 4px;
	width: 108px;
	display: inline-block
}

.buttonTransparency {
	background-image: url("img/iconTranspa.png");
}

.buttonQueryableActivated {
	background-image: url("img/iconVisiblePopup.png");
}

.buttonQueryableDeactivated {
	background-image: url("img/iconInvisiblePopup.png");
}

.buttonMetadades {
	background-image: url("img/iconMetadades.png");
}

.buttonMetadadesDisabled {
	background-image: url("img/iconMetadadesGrey.png");
}

.buttonTaulaDades {
	background-image: url("img/iconTaulaDades.png");
}

.buttonNouElement {
	background-image: url("img/bluePlus.png");
	afegir
}

.buttonDelete {
	background-image: url("img/iconEliminar.png");
}

.buttonExport {
	background-image: url("img/export-icon.png");
}

.buttonXLS {
	background-image: url("img/035-descarregar_XML.png");
}

.buttonKML {
	background-image: url("img/0035-descarregar_KML.png");
}

.buttonSHP {
	background-image: url("img/0035-descarregar_SHP.png");
}

.buttonPDF {
	background-image: url("img/Pdf.png");
}

.legendCheckerActived {
	background-image: url("img/019-mostrar-capa.png");
}

.legendCheckerDeactived {
	background-image: url("img/20 ocultar capa v3.png");
}

.showOptionsButton {
	background-image: url("img/rosca-a-14.png");
}

.optionsDivParent {
	background-color: #DEE0E2;
	display: none;
	left: 8px;
	padding: 3px 3px 3px;
	position: relative;
	right: 0;
	top: -5px;
	width: 18px;
	z-index: 1500 !important;
}

.legendElement:hover, .selectedElement {
	background-color: #dee0e2;
}

.legendHoverBackground {
	background-color: #dee0e2;
}

.selectedElement .optionsDivParent {
	display: inline-block;
}

.legendElement:hover .showOptionsButton, .selectedElement .showOptionsButton
	{
	display: inline-block;
}

.sliderTransparencyLegend {
	background-color: #BBBBBB;
	cursor: pointer;
	display: inline-block;
	height: 4px;
	overflow: visible;
	vertical-align: middle;
	width: 106px;
	border-color: #37689F;
	top: -1px;
	*top: -4px;
}

.sliderTransparencyLegend a {
	background-color: #CCCCCC !important;
	border-radius: 0 0 5px 5px;
	height: 14px !important;
	width: 10px !important;
}

.sliderContainer {
	background-color: #FFFFFF;
	background-image: url("img/sombraOscura.png") !important;
	background-position: 0 3px;
	background-repeat: no-repeat;
	border: 1px solid #797878;
	bottom: 2px;
	cursor: default;
	left: 32px;
	position: absolute;
	right: 2px;
	top: 5px;
	text-align: left;
	display: block;
	width: 158px !important;
	height: 15px;
}

.exportContainer {
	background-color: #DEE0E2;;
	background-position: 0 3px;
	background-repeat: no-repeat;
	/* 	border: 1px solid #797878; */
	bottom: 2px;
	cursor: default;
	left: 33px;
	position: absolute;
	/* 	right: 2px; */
	top: 133px;
	text-align: left;
	/* 	display: block; */
	width: 115px !important;
	height: 30px;
}

.sliderCounterLegend {
	border-left: 1px solid #AAAAAA;
	display: inline-block;
	zoom: 1;
	*display: inline;
	font-size: 0.8em;
	height: 16px;
	line-height: 16px;
	*line-height: 10px;
	margin-left: 6px;
	padding-left: 3px;
	text-align: right;
	vertical-align: middle;
	*vertical-align: top;
	width: 30px !important;
}

.slideContenedorLayerTransparencyLegend  a {
	background-color: transparent !important;
	background-image: url("img/agarrador.png") !important;
	border: medium none !important;
	border-radius: 0 0 0 0;
	height: 13px !important;
	top: -4px !important;
	width: 8px !important;
}

.slideContenedorLayerTransparencyLegend {
	border-color: #37689F;
}

.icon-button {
	background: url("img/bg-botones.png") repeat-x top left !important;
	cursor: pointer !important;
	height: 30px !important;
	width: 30px !important;
}

.icon-button-disabled {
	background: url("img/bg-botones.png") repeat-x top left !important;
	height: 30px !important;
	width: 30px !important;
}

.icon-button:hover {
	background: url("img/bg-botones-hover.png") repeat-x top left !important;
}

.icon-button:active {
	background: url("img/bg-botones-active.png") repeat-x top left
		!important;
}

.icon-transpa {
	background-image: url("img/transparencia-de-capa.png") !important;
	background-position: center center;
	background-repeat: no-repeat;
	height: 24px;
	left: 75px !important;
	margin: 0 !important;
	top: 0 !important;
	width: 25px;
}

.icon-transpa.disabled {
	background-image: url("img/transparencia-de-capa-bn.png") !important;
}

.icon-export {
	background-image: url("img/descarrega-fitxers.png") !important;
	background-position: center center;
	background-repeat: no-repeat;
	height: 24px;
	left: 75px !important;
	margin: 0 !important;
	Informacio-capa-activa top: 0 !important;
	width: 25px;
}

.icon-export.disabled {
	background-image: url("img/exportar_desactivat-01.png") !important;
}

.icon-queryable-activated {
	background-image: url("img/info-capa-activa.png") !important;
	background-position: center center;
	background-repeat: no-repeat;
	height: 24px;
	left: 75px !important;
	margin: 0 !important;
	top: 0 !important;
	width: 25px;
}

.icon-queryable-activated.disabled {
	background-image: url("img/info desactivada-01.png") !important;
}

.icon-queryable-deactivated {
	background-image: url("img/info-capa-no-activa.png") !important;
	background-position: center center;
	background-repeat: no-repeat;
	height: 24px;
	left: 75px !important;
	margin: 0 !important;
	top: 0 !important;
	width: 25px;
}

.icon-metadades-activated {
	background-image: url("img/15-metadates-llegenda-v3.png") !important;
	background-position: center center;
	background-repeat: no-repeat;
	height: 24px;
	left: 75px !important;
	margin: 0 !important;
	top: 0 !important;
	width: 25px;
}

.icon-metadades-deactivated {
	background-image: url("img/16 metadates llegenda no disponible v3.png")
		!important;
	background-position: center center;
	background-repeat: no-repeat;
	height: 24px;
	left: 75px !important;
	margin: 0 !important;
	top: 0 !important;
	width: 25px;
}

.icon-taula {
	background-image: url("img/taula-de-dades.png") !important;
	background-position: center center;
	background-repeat: no-repeat;
	height: 24px;
	left: 75px !important;
	margin: 0 !important;
	top: 0 !important;
	width: 25px;
}

.icon-taula.disabled {
	background-image: url("img/taula desactivada-01.png") !important;
}

.icon-nou-element {
	background-image: url("img/element-nou-opcio-b.png") !important;
	background-position: center center;
	background-repeat: no-repeat;
	height: 24px;
	left: 75px !important;
	margin: 0 !important;
	top: 0 !important;
	width: 25px;
}

.icon-nou-element.disabled {
	background-image: url("img/afegir_desactivat-01.png") !important;
}

.icon-eliminar {
	background-image: url("img/tancament-llegenda.png") !important;
	background-position: center center;
	background-repeat: no-repeat;
	height: 24px;
	left: 75px !important;
	margin: 0 !important;
	top: 0 !important;
	width: 25px;
}

.llegendaButton {
	width: 26px;
	height: 26px;
	z-index: 1203;
	text-align: left;
	display: inline-block;
	zoom: 1;
	*display: inline;
}

.icon-popup-gml {
	background-image: url("img/035-descarregar_GML.png") !important;
	background-position: center center;
	background-repeat: no-repeat;
	height: 24px;
	left: 75px !important;
	margin: 0 !important;
	top: 0 !important;
	width: 23px;
	/* 	background-size: auto 23px; */
}

.icon-export-geojson {
	background-image: url("img/descarrega-fitxers-GJSON.png") !important;
	background-position: center center;
	background-repeat: no-repeat;
	height: 24px;
	left: 75px !important;
	margin: 0 !important;
	top: 0 !important;
	width: 23px;
}

.icon-popup-xls {
	background-image: url("img/035-descarregar_XML.png") !important;
	background-position: center center;
	background-repeat: no-repeat;
	height: 24px;
	left: 75px !important;
	margin: 0 !important;
	top: 0 !important;
	width: 23px;
	/* 	background-size: auto 23px; */
}

.icon-popup-kml {
	background-image: url("img/0035-descarregar_KML.png") !important;
	background-position: center center;
	background-repeat: no-repeat;
	height: 24px;
	left: 75px !important;
	margin: 0 !important;
	top: 0 !important;
	width: 23px;
	/* 	background-size: auto 23px; */
}

.icon-popup-shp {
	background-image: url("img/0035-descarregar_SHP.png") !important;
	background-position: center center;
	background-repeat: no-repeat;
	height: 24px;
	left: 75px !important;
	margin: 0 !important;
	top: 0 !important;
	width: 23px;
	/* 	background-size: auto 23px; */
}

.icon-popup-pdf {
	background-image: url("img/Pdf.png") !important;
	background-position: center center;
	background-repeat: no-repeat;
	height: 24px;
	left: 75px !important;
	margin: 0 !important;
	top: 0 !important;
	width: 23px;
	/* 	background-size: auto 23px; */
}

.icon-selector-estil {
	background-image: url("img/36 seleccio d estil.png") !important;
	background-position: center center;
	background-repeat: no-repeat;
	height: 24px;
	left: 75px !important;
	margin: 0 !important;
	top: 0 !important;
	width: 25px;
}

.icon-selector-estil.desactivat {
	background-image: url("img/36 seleccio d estil inactiu v3.png")
		!important;
}

.legendColorPicker {
	margin-left: 45px;
	display: inline-block;
}

/**
 * Styling ext.js GRID for a legend generated via
 * GeoExt.js and Ext.js
 * The color background inherit whatever is selected
 */
.legend-grid .x-grid3-cell {
	background-color: inherit;
	border: none;
	font-size: xx-small;
}

.legend-grid .x-panel-body {
	background-color: inherit;
}

.legend-grid .x-grid3 {
	background-color: inherit;
}

.legend-grid .x-grid3-row {
	border: none;
}

/* IE fix. to avoid scrollbars */
.x-grid3-scroller {
	overflow: hidden;
}

.legend-grid td {
	padding: 1px;
}

.styleRange {
	color: #999;
	font-style: italic;
	text-decoration: underline;
	padding-bottom: 5px;
	padding-top: 10px;
}