.navContenedor {
	height: 110px;
	left: 0px;
	opacity: 0.6;
	position: absolute;
	top: 0;
	width: 60px;
	z-index: 1201;
}

.navContenedor:hover {
	opacity: 0.99;
	z-index: 1201;
}

.botCirculoContenedor {
	height: 34px;
	width: 84px;
}

.subir {
	background: url("img/subir.png") no-repeat center center;
	cursor: pointer;
	height: 16px;
	left: 22px;
	position: relative;
	top: 0;
	width: 16px;
}

.subir:hover {
	background-image: url("img/subir-hover.png");
	opacity: 0.99;
}

.subir:active {
	background-image: url("img/subir-active.png");
}

.bajar {
	background: url("img/bajar.png") no-repeat center center;
	cursor: pointer;
	height: 16px;
	left: 22px;
	position: absolute;
	top: 44px;
	width: 16px;
}

.bajar:hover {
	background-image: url("img/bajar-hover.png");
}

.bajar:active {
	background-image: url("img/bajar-active.png");
}

.izquierda {
	background: url("img/izquierda.png") no-repeat center center;
	cursor: pointer;
	height: 16px;
	left: 0;
	position: absolute;
	top: 22px;
	width: 16px;
}

.izquierda:hover {
	background-image: url("img/izquierda-hover.png");
}

.izquierda:active {
	background-image: url("img/izquierda-active.png");
}

.derecha {
	background: url("img/derecha.png") no-repeat center center;
	cursor: pointer;
	height: 16px;
	left: 44px;
	position: absolute;
	top: 22px;
	width: 16px;
}

.derecha:hover {
	background-image: url("img/derecha-hover.png");
}

.derecha:active {
	background-image: url("img/derecha-active.png");
}

.historyPrev, .historyNext, .BboxZoom, .zoomOut {
	background: url("img/bg-botones.png") no-repeat scroll center top
		transparent;
	cursor: pointer;
	height: 33px;
	width: 33px;
}

.historyPrev:hover, .historyNext:hover, .BboxZoom:hover, .zoomOut:hover
	{
	background: url("img/bg-botones-hover.png") no-repeat center top
		transparent;
}

.historyPrev:active, .historyNext:active, .BboxZoom:active, .zoomOut:active
	{
	background: url("img/bg-botones-active.png") no-repeat left top
		transparent;
}

.historyPrev {
	left: 0px;
	position: absolute;
	top: 0px;
}

.zoomOut {
	top: 0px;
	left: 28px;
	position: absolute;
}

.zoomOutIMG {
	background: url("img/catalunya_mapa_blau a 21.png") no-repeat scroll
		center center transparent;
	height: 25px;
	left: 0;
	position: absolute;
	top: 0;
	width: 26px;
}

.historyNext {
	left: 56px;
	top: 0px;
	position: absolute;
}

.BboxZoom {
	left: 28px;
	position: absolute;
	top: 182px;
}

.BboxZoomIMG {
	background: url("img/zoomBBOX.png") no-repeat scroll center center
		transparent;
	height: 25px;
	width: 25px;
}

.olControlNavigationHistory {
	background: url("img/history.png") no-repeat center center !important;
	height: 30px !important;
	width: 30px !important;
}

.olControlNavigationHistoryNextItemInactive {
	background-position: -91px -2px !important;
}

.olControlNavigationHistoryPreviousItemActive {
	background-position: -2px -2px !important;
}

.olControlNavigationHistoryPreviousItemInactive {
	background-position: -62px -2px !important;
}

.olControlNavigationHistoryNextItemActive {
	background-position: -31px -2px !important;
}

.slideContenedor {
	left: 33px;
	position: absolute;
	top: 40px;
	width: 24px;
	height: 146px;
}

.sliderInner {
	height: 145px;
	left: 20px;
	position: relative;
	top: 10px;
	width: 20px;
	z-index: 0;
}

.mas {
	background: url("img/bg-bot-redondo.png") no-repeat center center;
	cursor: pointer;
	height: 24px;
	left: 0px;
	top: 0px;
	position: absolute;
	width: 23px;
	z-index: 1200;
}

.masIMG {
	background: url("img/mas.png") no-repeat center center;
	height: 17px;
	width: 17px;
}

.mas:hover {
	background: url("img/bg-bot-redondo-hover.png") no-repeat center center;
}

.mas:active {
	background: url("img/bg-bot-redondo-active.png") no-repeat center center;
}

.slider {
	background: url("img/barra.png") repeat-y center center;
	border: medium none;
	border-radius: 0 0 0 0;
	cursor: pointer;
	height: 110px;
	left: 6px;
	overflow: visible !important;
	position: absolute;
	top: 16px;
	width: 12px;
	z-index: 2290;
}

.slider a {
	background: url("img/bar.png") no-repeat top left transparent !important;
	height: 9px !important;
	width: 16px !important;
	border: none !important;
	border-radius: 0px !important;
	margin: 0px !important;
	left: -5px !important;
	z-index: 2300 !important;
}

.menos {
	background: url("img/bg-bot-redondo.png") no-repeat top left;
	bottom: 0;
	cursor: pointer;
	height: 21px;
	left: 0;
	position: absolute;
	width: 20px;
	z-index: 1234;
}

.menosIMG {
	background: url("img/menos.png") no-repeat center center;
	height: 17px;
	width: 17px;
}

.menos:hover {
	background: url("img/bg-bot-redondo-hover.png") no-repeat top left;
}

.menos:active {
	background: url("img/bg-bot-redondo-active.png") no-repeat top left;
}

.olControlOverviewMapElement {
	background-color: #4D4D4D !important;
	padding: 2px 5px 3px !important;
}

.olControlOverviewMapMinimizeButton {
	background-image: url("img/OcultarMiniMapa.png") !important;
	bottom: 0 !important;
	height: 25px !important;
	right: 0 !important;
	width: 25px !important;
}

.olControlOverviewMapMinimizeButton:hover {
	background-color: #616165 !important;
}

.olControlOverviewMapMinimizeButton img {
	display: none !important;
}

.olControlOverviewMapMaximizeButton {
	background-image: url("img/MostrarMiniMapa.png") !important;
	bottom: 0 !important;
	height: 25px !important;
	right: 0 !important;
	width: 25px !important;
}

.olControlOverviewMapMaximizeButton:hover {
	background-color: #616165 !important;
}

.olControlOverviewMapMaximizeButton img {
	display: none !important;
}

.olControlOverviewMapExtentRectangle {
	border: 1px dashed #0018ff !important;
}

.olControlOverviewMapRectReplacement {
	overflow: hidden !important;
	cursor: move !important;
	background: url("img/IndicadorMiniMapa.png") no-repeat center center
		!important;
}