@font-face {
	font-family: Roboto;
	src: url(../fonts/roboto/Roboto-Regular.ttf);
}
@font-face {
	font-family: RobotoBold;
	src: url(../fonts/roboto/Roboto-Bold.ttf);
}
@font-face {
	font-family: "Arial Narrow";
	src: url(../fonts/arial_narrow/arial_narrow.ttf);
}
html, body {
	margin: 0;
}
#cabecera {
	background-image: url("../images/cabecera.png");
	background-color: rgb(222,241,246);
	background-repeat: no-repeat;
	height: 46px;
	margin: 0;
	padding: 0;
}
#map {
	position: absolute;
	top: 46px;
	bottom: 0px;
	width: 100%;
}
/*--------------------------ESTILOS PERSONALIZADOS BÁSICOS VISOR-----------------------------------------------------*/
h1{
	font-family:RobotoBold;
	font-size:2em;
	margin:3px 0px 3px 0px;
}
h2{
	font-family:RobotoBold;
	font-size:1.5em;
	margin:3px 0px 3px 0px;
}
h3{
	font-family:RobotoBold;
	font-size:1.1em;
	margin:3px 0px 3px 0px;
}
button{
	font-family:Roboto;
	line-height: 16px;
	background-color:rgb(0,103,127);
	border: 1px solid rgb(0,103,127);
	color: rgb(201,217,225);
	border-radius: 3px;
	padding: 3px;
}
button:hover{
	border: 1px solid rgb(158,253,247);
	color: rgb(255,255,255);
	cursor:pointer;
}
button:disabled {
	opacity:0.5;
}
select{
	font-family:Roboto;
	padding:3px;
	border: 1px solid rgb(0,103,127);
	border-radius: 3px;
}
select:hover{
	border: 1px solid rgb(0,103,127);
}
p {
	margin:3px 3px;
}
fieldset {
	display: block;
	margin: 3px;
	padding: 3px;
	border: 1px solid #00677F;
	border-radius: 3px;
}
hr {
	border: 0;
    height: 1px;
    background: #333;
	background-image: linear-gradient(to right, rgb(190,247,255), #3299B1, rgb(190,247,255));
	margin-block-start: 0.4em;
	margin-block-end: 0.2em;
}
.botonImgVisor {
	vertical-align:middle;
	width: 16px;
	height: 16px;
	margin-right: 2px;
}
.input {
	font-family:Roboto;
	box-sizing: border-box;
	border: 1px solid #00677F;
	border-radius: 3px;
	margin: 3px;
	padding:3px;
}
.general{
	background-color:rgb(0, 103, 127);
}
.noselect {
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Safari */
	-khtml-user-select: none; /* Konqueror HTML */
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none; /* Non-prefixed version, currently
							supported by Chrome and Opera */
}
/*-------------barra escala vertical-------------------*/
.slider {
	-webkit-appearance: none;
	width: 60px;
	background: transparent;
}
.slider:focus {
	outline: none;
}
.slider::-webkit-slider-runnable-track {
	width: 100%;
	height: 5.4px;
	cursor: pointer;
	box-shadow: 0px 0px 3px #000000, 0px 0px 0px #0d0d0d;
	background: #5e5e90;
	border-radius: 9.2px;
	border: 1px solid #000000;
}
.slider::-webkit-slider-thumb {
	box-shadow: 0px 0px 0px rgba(115, 117, 119, 0.6), 0px 0px 0px rgba(128, 130, 132, 0.6);
	border: 1px solid #000000;
	height: 14px;
	width: 14px;
	border-radius: 15px;
	background: #e2e2e4;
	cursor: pointer;
	-webkit-appearance: none;
	margin-top: -5.3px;
}
.slider:focus::-webkit-slider-runnable-track {
	background: #9898bc;
}
.slider::-moz-range-track {
	width: 100%;
	height: 5.4px;
	cursor: pointer;
	box-shadow: 0px 0px 3px #000000, 0px 0px 0px #0d0d0d;
	background: #5e5e90;
	border-radius: 9.2px;
	border: 1px solid #000000;
}
.slider::-moz-range-thumb {
	box-shadow: 0px 0px 0px rgba(115, 117, 119, 0.6), 0px 0px 0px rgba(128, 130, 132, 0.6);
	border: 1px solid #000000;
	height: 14px;
	width: 14px;
	border-radius: 15px;
	background: #e2e2e4;
	cursor: pointer;
}
.slider::-ms-track {
	width: 100%;
	height: 5.4px;
	cursor: pointer;
	background: transparent;
	border-color: transparent;
	color: transparent;
}
.slider::-ms-fill-lower {
	background: #363652;
	border: 1px solid #000000;
	border-radius: 18.4px;
	box-shadow: 0px 0px 3px #000000, 0px 0px 0px #0d0d0d;
}
.slider::-ms-fill-upper {
	background: #5e5e90;
	border: 1px solid #000000;
	border-radius: 18.4px;
	box-shadow: 0px 0px 3px #000000, 0px 0px 0px #0d0d0d;
}
.slider::-ms-thumb {
	box-shadow: 0px 0px 0px rgba(115, 117, 119, 0.6), 0px 0px 0px rgba(128, 130, 132, 0.6);
	border: 1px solid #000000;
	height: 14px;
	width: 14px;
	border-radius: 15px;
	background: #e2e2e4;
	cursor: pointer;
	height: 5.4px;
}
.slider:focus::-ms-fill-lower {
	background: #5e5e90;
}
.slider:focus::-ms-fill-upper {
	background: #9898bc;
}
/*-------------------------------------TITULO-----------------------------------------------------*/
#tituloVisor{
	font-family:RobotoBold;
	color:#00677F;
	font-size: 1.5em;
	text-align: center;
	padding: 0px 0px 0px 250px;
}
/*-------------------------------------Mensaje Mac/iOS-----------------------------------------------------*/
#vAlertaMac p{
	margin:6px 3px;
}
.fuenteItalica {
	font-style:italic;
}
.linkAccvMac{
	text-align: center;
	font-family:RobotoBold;
}
.linkAccvMac a{
    color: blue;
}
#cerrarVentanaMac{
	float: right;
}

/*------------------------------------- Ventana Ayuda ----------------------------------------------------------*/ 
#tituloAyuda {
	font-family:RobotoBold;
	color:#00677F;
	font-size: 1.5em;
	text-align: center;
}
.centered {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-left: 20;
	margin-right: 20;
	/* bring your own prefixes */
	/* transform: translate(-50%, -50%); */
  }
/*-------------------------------------Botones Herramientas-----------------------------------------------------*/
#ComparadorCambiar{
	position:absolute;
	bottom: 21px;
	right: 35px;
	margin: 0px 4px 0px 0px;
	border-collapse: collapse;
	transform:rotate(90deg);
	display: none;
}
#barraHerramientas {
	position: absolute;
	top: 18px;
	right: 0px;
	padding: 0px 3px 0px 0px;
	font-size: 0px;
}
#selectorIdioma {
	position: absolute;
	top: 0px;
	right: 0px;
	padding: 0px 3px 0px 0px;
	color: black;
}
.tablaHerramientas {
	position:absolute;
	top: 0px;
	left: 0px;
	width:100%;
	margin: 0px 0px 0px 0px;
	border-collapse: collapse;
}
.tablaHerramientasDerecha {
	width: 360px;
	text-align: right;
}
.tablaHerramientasFila {
	height: 46px;
}
.botonesHerramientas {
	display:inline-block;
	opacity:1;
	height:28px;
	width:28px;
}
.botonesHerramientas:hover {
	cursor:pointer;
	opacity:0.8;
}
.botonesHerramientasMenuActivo {
	opacity:0.8;
}
.botonesHerramientasEspacio {
	display:inline-block;
	width:8px;
}
.botonesHerramientasDesactivo {
	background-color: rgb(226,235,239);
	width:24px;
	height:24px;
	padding: 1px;
	border-radius: 3px;
	border: 1px solid rgb(226, 235, 239);
}
.botonesHerramientasActivo {
	border: 1px solid #00677F;
	background-color: orange;
}
.botonesHerramientasActivoContexto {
	color: rgb(255,255,255);
	border: 1px solid rgb(158,253,247);
	background-color: rgb(50,152,177);
}
#herramientasOtrosVisoresDiv {
	position:absolute;
	top:45px;
	right: 363px;
	display:none;
	border: 1px solid #00677F;
	background-color:rgb(226, 235, 239);
	border-radius: 3px;
	z-index: 15;
}
.botonesHerramientasVisores {
	opacity:1;
	padding:2px;
}
.botonesHerramientasVisores:hover {
	cursor:pointer;
	opacity:0.8;
}
/* Se deshabilita el visor de planeamiento temporalmente porque no está actualizado (03/10/2018) */
#visorPlaneamiento.botonesHerramientasVisores:hover {
	cursor:auto;
}
#blanco {
	position:absolute;
	top:0px;
	left:0px;
	height: 100%;
	width: 100%;
	background-color:white;
	z-index: 60;
}
body {
	font-family: Roboto,"Lucida Grande","Lucida Sans",Arial,sans-serif;
	font-size: 0.75em;
}
.tipoGeneral{
	font-family: Roboto,"Lucida Grande","Lucida Sans",Arial,sans-serif;
}
/*------------------------------------------------COMPARADOR - LAYER SWIPE-----------------------------------------------------*/
.LayerSwipe .vertical {
	border-left: 0px;
	border-right: 0px;
	width: 1px;
	background-color: #e2ebef;
	z-index: 5;
}
.LayerSwipe .horizontal {
	border-top: 0px;
	border-bottom: 0px;
	height: 1px;
	background-color: #e2ebef;
	z-index: 5;
}
.LayerSwipe .vertical .handle {
	top: 85%;
	width: 16px;
	height: 30px;
	margin: -16px 0 0 -8px;
	background-color: #e2ebef;
	border: 1px solid #bdccd4;
}
.LayerSwipe .horizontal .handle {
	left: 10%;
	width: 30px;
	height: 16px;
	margin: -8px 0 0 -16px;
	background-color: #e2ebef;
	border: 1px solid #bdccd4;
}
.LayerSwipe .handleContainer{
	display: block;
}
.compararDerechaVertical {
	opacity: 0.8;
	position: absolute;
	top: 48px;
	right: 2px;
	z-index: 31;
}
.compararDerechaHorizontal {
	opacity: 0.8;
	position: absolute;
	bottom: 23px;
	right: 70px;
	z-index: 31;
}
#selectMapaIzquierda {
	opacity: 0.8;
	position: absolute;
	top: 48px;
	left: 2px;
	z-index: 31;
	display: none;
}
#selectMapaDerecha {
	display: none;
}
/*------------------------------------------------INFO INFERIOR-----------------------------------------------------*/
.scalebar_bottom-left {
	bottom: 23px;
}
.esriScalebarLabel{
	font-size: 0.8em;
	color:white;
	text-shadow: -1px 0 rgb(0,103,127),0 1px rgb(0,103,127),1px 0 rgb(0,103,127),0 -1px rgb(0,103,127);
}
.esriScalebar {
	z-index: 10;
	height: 18px;
}
.esriScalebarRuler {
	border: 1px solid rgb(0,103,127);
}
.esriScalebarRulerBlock {
	background-color: rgb(0,103,127);
}

#infoTodo {
	opacity: 0.8;
	font-size: 1em;
	position:absolute;
	left:0px;
	bottom:0px;
	width:100%;
	height:20px;
	color:black;
	background-color: rgb(226, 235, 239);
	z-index:10;
}
#infoCopyright {
	opacity: 0.8;
	font-size: 1em;
	position:absolute;
	right:0px;
	bottom:0px;
	overflow:hidden;
	color:black;
	background-color: white;
	z-index:5;
}
#divCoordenadas, #divEscalaMapa {
	width:410px;
	padding:1px;
}
.infoCoords {
	z-index: 5;
	position:absolute;
	left: 5px;
	bottom: 1px;
	font-size:0.9em;
}
.infoEscala {
	display:inline-block;
	width: 140px;
}
#selectCoordXY {
	background-color: rgb(222,235,239);
	font-size: 1em;
	padding: 0px;
}
#spanCoordWGS84,#spanCoordETRS89H31 {
	display: none;
}
.dojoxFloatingPaneTitle {
	font-size: 12px;
	font-weight: bold;
}
.dojoxFloatingPaneContent {
	overflow: hidden;
}
.dojoxDock {
	border: 0px;
}
.dojoxResizeHandleClone {
	border: 0px;
}
.tundra .dijitMenuItemIcon {
	width: 14px;
	height: 14px;
}
.claro .dijitMenuItemIcon {
	width: 14px;
	height: 14px;
}
.soria .dijitMenuItemIcon {
	width: 14px;
	height: 14px;
}
.dojoDndItem {
	padding: 0px;
}

.borrarPIcon {background-image: url(../images/borrar_graficos_p.gif);width: 16px;height: 16px;}
.perfilIcon {background-image: url(../images/perfil.gif);width: 24px;height: 24px;}
.guardarPIcon {background-image: url(../images/guardar_p.gif);width: 16px;height: 16px;}
.imprimirPIcon {background-image: url(../images/imprimir_p.gif);width: 16px;height: 16px;}
.bdbIcon {background-image: url(../images/logo_BDB.gif);width: 24px;height: 24px;}
.zoomPIcon {background-image: url(../images/zoom_p.gif);width: 16px;height: 16px;}
.contraerIcon {background-image: url(../images/contraer.gif);width: 18px;height: 17px;}
.expanderIcon {background-image: url(../images/expander.gif);width: 18px;height: 17px;}
.menuOcultarIcon {background-image: url(../images/menu_ocultar.png);width: 25px;height: 19px;}
.menuMostrarIcon {background-image: url(../images/menu_mostrar.png);width: 25px;height: 19px;}
.herraOcultarIcon {background-image: url(../images/herra_ocultar.png);width: 19px;height: 25px;}
.herraMostrarIcon {background-image: url(../images/herra_mostrar.png);width: 19px;height: 25px;}
.medirPuntoIcon {background-image: url(../images/medir_punto.gif);width: 16px;height: 16px;}
.medirPolilineaIcon {background-image: url(../images/medir_polilinea.gif);width: 16px;height: 16px;}
.medirPolilineaMAIcon {background-image: url(../images/medir_polilineaMA.gif);width: 16px;height: 16px;}
.medirPoligonoIcon {background-image: url(../images/medir_poligono.gif);width: 16px;height: 16px;}
.medirPoligonoMAIcon {background-image: url(../images/medir_poligonoMA.gif);width: 16px;height: 16px;}
.expanderCoordsIcon {background-image: url(../images/expander_coords.gif);width: 16px;height: 16px;}
.contraerCoordsIcon {background-image: url(../images/contraer_coords.gif);width: 16px;height: 16px;}
.dibujarListadoIcon {background-image: url(../images/dibujar_listado.gif);width: 16px;height: 16px;}
.dibujarGPSIcon {background-image: url(../images/dibujar_gps.gif);width: 16px;height: 16px;}
.selGraficosIcon {background-image: url(../images/sel_grafico.gif);width: 16px;height: 16px;}
.selElementosIcon {background-image: url(../images/sel_elemento.gif);width: 16px;height: 16px;}
.imgToc { vertical-align: bottom;width:16px;height:16px}
.imgTocEC { vertical-align: sub;width:16px;height:16px}
.imgTocEC:hover {cursor:pointer;}
.imgTocMLF2 { width:16px;height:16px}
.imgTocMLF { margin: 0px 3px 0px 0px; vertical-align: sub;}
.labelTocCapaBase { color:#00677f;}
.nodosTOC {vertical-align: middle;}
.nodosTOC:hover { cursor:pointer; }
.nodosTOCInicio {display:none;}
.nodosCapas:hover { cursor:pointer; }
.nodosCapas {line-height:12px;}
.nodosTOCNivelG0 {margin-left: 0px;}
.nodosTOCNivelG1 {margin-left: 10px;}
.nodosTOCNivelG2 {margin-left: 20px;}
.nodosTOCNivelG3 {margin-left: 30px;}
.nodosTOCNivelG4 {margin-left: 40px;}
.nodosTOCNivelG5 {margin-left: 50px;}
.nodosTOCNivelG6 {margin-left: 60px;}
.nodosTOCNivelG7 {margin-left: 70px;}
.nodosTOCNivelG8 {margin-left: 80px;}
.nodosTOCNivelC1 {margin-left: 16px;}
.nodosTOCNivelC2 {margin-left: 36px;}
.nodosTOCNivelC3 {margin-left: 46px;}
.nodosTOCNivelC4 {margin-left: 56px;}
.nodosTOCNivelC5 {margin-left: 66px;}
.nodosTOCNivelC6 {margin-left: 76px;}
.nodosTOCNivelC7 {margin-left: 86px;}
.nodosTOCNivelC8 {margin-left: 96px;}
.nodosCVNoVisible {
	color: rgb(121, 2, 2);
	font-style: italic;
}
.toc {
	padding: 0px 2px 0px 2px;
}
.tocCVBase {
	padding:3px 3px 0px 3px;
	color:#2e6e9e;
	line-height: 18px;
}
.tocCVBaseInicio {
	font-family: RobotoBold;
}
.tocL {
	color:#00677f;
}
.tocFL {
	color:rgb(102, 51, 0);
}
.tocCVTitleEscala {
	font-size: .9em;
	color:#2e6e9e;
}
.tocNodoNoCargado {
	/*display:none;*/
	opacity:0.5;
}
.legendWMS {margin-bottom: 5px; border: 1px solid #c0c0c0; background: #E6E6FA;}
.textAreaDibujar {width:270px; height:50px; max-width:270px;}
.fsResultados {
	margin: 4px 0px 0px 0px;
	background-color:rgb(201,217,225);
}
.fsResultadosTitulo {
	padding: 1px;
	margin: -2px;
	border: 1px solid rgb(0,103,127);
	background-color:rgb(201,217,225);
	}
/*-----------------------------------------------ATTRIBUTION-------------------------------------------------------*/
.esriControlsBR {
	position: absolute;
	right: 0px;
	bottom: 48px;
}
.esriAttribution {
	max-width:200px;
	font-size:0.9em;
	vertical-align: bottom;
	padding: 0 3px;
	background:none;
}
esriAttributionOpen {
	background:rgb(222,235,239);
}
.infoAttribution {
	z-index:15;
	line-height: 20px;
	height: 20px;
	font-size:0.8em;
	font-style: italic;
	position:absolute;
	right:0px;
	width:167px;
	bottom:0px;
	padding:0px 2px 0px 0px;
}
#infoAttributionOtros {
	text-decoration:underline;
	color:grey;
}
#infoAttributionOtros:hover {
	cursor:pointer;
}
#infoAttributionOtros2 {
	display:none;
}
/*-----------------------------------------------INFO POPUP---------------------------------------------------*/
.esriPopup {
	font-family: Roboto;
}

.esriPopup .contentPane {
    padding: 3px 3px 3px 5px;
}

.esriPopup .pointer.top {
	background: rgb(0,103,127);
}
.esriPopup .pointer.topLeft {
	background: rgb(0,103,127);
}
.esriPopup .pointer.topRight {
	background: rgb(0,103,127);
}
.esriPopup .titlePane {
	padding-right: 30px;
	background: rgb(0,103,127);
}
/*-----------------------------------------------STREET VIEW---------------------------------------------------*/
#divStreetView {
	width: 26px;
	height: 26px;
	display:flex;
	display: -webkit-flex;
	align-items:center;
	-webkit-align-items: center;
	justify-content:center;
	-webkit-justify-content: center;
	color:white;
	background-color: rgba(255,255,255,0.5);
	border-radius: 3px;
	border: 1px solid rgb(0,103,127);
	margin: 0px 0px 1px 0px;
	z-index:10;
}

#divStreetView:hover {
	background-color: rgba(255,255,255,0.8);
	border: 1px solid rgb(0,103,127);
	cursor:pointer;
}

.imgStreetViewMove:hover {
	cursor:move;
}
/*-----------------------------------------------SELECTOR DE ESCALAS---------------------------------------------------*/

#divSelectorEscala {
	position: absolute;
	bottom: 21px;
	display:flex;
	align-items: flex-end;
	margin: 0px 0px 2px 7px;

}
#selectorEscala {
    opacity: 0.8;
    height: 134px;
    display: inline-block;
    margin: 0px 7px 3px 0px;
}
#selectorEscala:hover {
	opacity: 1;
	cursor:pointer;
}
#divBotones {
	display:flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: center;
}
.botonGeoLoc {
	width: 26px;
	height: 26px;
	display:flex;
	display: -webkit-flex;
	align-items:center;
	-webkit-align-items: center;
	justify-content:center;
	-webkit-justify-content: center;
	color:white;
	background-color: rgba(255,255,255,0.5);
	border-radius: 3px;
	border: 1px solid rgb(0,103,127);
	z-index:5;
	/* Se oculta el botón hasta que resuelva el tema del https con Safari/Apple */
	/*visibility:hidden;*/
}
.botonGeoLoc:hover {
	background-color: rgba(255,255,255,0.8);
	border: 1px solid rgb(0,103,127);
	cursor:pointer;
}

.geoLocStatusTrue{
	background-color: rgba(255,255,255,0.8);
}
#txtNivel {
	font-family:RobotoBold;
	width: 26px;
	height: 26px;
	display:flex;
	display: -webkit-flex;
	align-items:center;
	justify-content:center;
	color:rgb(0,103,127);
	background-color: rgba(255,255,255,0.5);
	border-radius: 3px;
	border: 1px solid rgb(0,103,127);
	margin: 1px 0px 1px 0px;
	z-index:5;
}
.botonZoomMas {
	width: 26px;
	height: 26px;
	display:flex;
	display: -webkit-flex;
	align-items:center;
	justify-content:center;
	color:white;
	background-color: rgba(255,255,255,0.5);
	border-radius: 5px 5px 0px 0px;
	border: 1px solid rgb(0,103,127);
	z-index:5;
}
.botonZoomMas:hover {
	background-color: rgba(255,255,255,0.8);
	cursor:pointer;
}
.botonZoomMenos {
	width: 26px;
	height: 26px;
	display:flex;
	display: -webkit-flex;
	align-items:center;
	justify-content:center;
	color:white;
	background-color: rgba(255,255,255,0.5);
	border-radius: 0px 0px 5px 5px;
	border: 1px solid rgb(0,103,127);
	margin: -1px 0px 1px 0px;
	z-index:5;
}
.botonZoomMenos:hover {
	background-color: rgba(255,255,255,0.8);
	cursor:pointer;
}
/*------------------------------------OVERVIEW MAP------------------------------------------------------*/
#botonEsconderOM {
	width: 26px;
	height: 26px;
	display:flex;
	align-items:center;
	justify-content:center;
	color: white;
	background-color: rgba(255,255,255,0.5);
	border-radius: 3px;
	border: 1px solid rgb(0,103,127);
	z-index:5;
}
#botonEsconderOM:hover{
	background-color: rgba(255,255,255,0.8);
	border: 1px solid rgb(0,103,127);
	cursor:pointer;
}
#imgBotonEsconderOM{
	/*vertical-align: super;*/
}
/*Grosor y posición del selector*/
.ui-slider-vertical {
    width: .3em;
}
.ui-slider-vertical .ui-slider-handle {
    left: -.5em;
}
.ui-slider .ui-slider-handle {
	position:absolute;
	height: 0.8em;
	margin-top: 5px;
	border: 1px solid rgb(158,253,247);
}
.ui-slider.ui-widget.ui-widget-content {
    border: 1px solid rgb(190,247,255);
}

.ui-slider-vertical .ui-slider-range-min {
	background: rgb(0,103,127);
}

.ui-slider.ui-widget-content {
	background: rgb(50,153,177);
}
.ui-slider.ui-state-default, .ui-widget-content .ui-state-default {
	color: white;
}

.ui-widget-content {
	border:none;
}
fieldset { padding:2px; margin-top:1px; }
/*------------------------------------LOGO ICV MAPA------------------------------------------------------*/

#divLogoICV {
	position:absolute;
	right:0px;
	bottom:20px;
}
/*------------------------------------BOTONES ESCONDER Y MOSTRAR MENÚ ----------------------------------*/
#botonEsconderTOC {
	position:absolute;
	right:0px;
	top:0px;
	height:25px;
	opacity:0.8;
	text-align:center;
	color: white;
	border-radius: 3px;
	border: 1px solid rgb(0,103,127);
	z-index:10;
	margin-right: 330px;	/*Quitar si Menú escondido*/
}
#botonEsconderTOC:hover{
	cursor:pointer;
	opacity:1;
}
.spanBotonEsconderTOC{
	padding: 0px 5px 0px 0px;
	position: relative;
	bottom: 8px;
	display: none;	/*Quitar si menú escondido*/
}
#aTOC {
	position:fixed;
	width:330px;
	right:0px;
	margin-right: 0px;
}

#tabsBDB {
	text-align: center;
}

#bdbRedimensiona {
	width: 25px;
	height: 25px;
	margin-left: auto;
    margin-right: auto;
    display: block;
    padding: 2px;
    transform: rotate(-90deg);
}
#bdbRedimensiona:hover{
	cursor:pointer;
	opacity:1;
}
#divbdbRedimensiona {
	width: 25px;
	margin-left: auto;
    margin-right: auto;
    display: block;
}
/*-----------------------------------------------VENTANA DIBUJAR------------------------------------------------------*/
/*#muestraPuntoEtiqueta {
	font-family: Arial;
	font-size: 13px;
	color:black;
}*/
.ui-colorpicker-swatches {
	height:auto;
}

.inputfile {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}
.inputfile + label {
    color: rgb(201,217,225);
	background-color: rgb(0,103,127);
	border: 1px solid rgb(0,103,127);
	border-radius: 3px;
    padding: 3px;
	display: inline-block;
}

.inputfile + label:hover {
	border: 1px solid rgb(158,253,247);
	color: rgb(255,255,255);
}
.inputfile + label {
	cursor: pointer; /* "hand" cursor */
}

/*------------------------------------------------VENTANA AÑADIR CAPA-------------------------------------------------*/
#drop-area {
	border: 2px dashed #00677F;
	height:80px;
	border-radius: 5px;
}
.file-upload-status {
	color:red;
	font-size: 0.9em;
}
.textoDesactivado {
	color:grey;
}

/*-----------------------------------------------VENTANA GUARDAR------------------------------------------------------*/
.textoAreaGuardar {
	width:330px;
	height:80px;
	max-width:330px;
}
/*-----------------------------------------------VENTANA PERFILES------------------------------------------------------*/
#infoPerfilPanel {
	background-color: rgb(226,235,239);
	padding: 1px;
	border-radius: 3px;
	border: 1px solid rgb(226, 235, 239);
}
#infoPerfil:hover {
	cursor:pointer;
	opacity:0.8;
}
/*-------------------------------------------MODIFICADO ESTILO JQUERY UI----------------------------------------------*/
.jqx-fill-state-normal {
	font-style: normal;
	border-color: #00677F;
	background: #3299B1;
}
.jqx-fill-state-pressed {
	border-color: #00677F;
	background: rgb(90,186,211);
}
.ui-autocomplete {
	max-height: 300px;
	overflow-y: auto;
	overflow-x: hidden;
}
.ui-icon{
	/*float:right;
	margin-top: 0;*/
}
.ui-tooltip {
	box-shadow: none;
	padding: 1px 1px 1px 1px;
}
.ui-widget-header {
	font-family: RobotoBold;
	font-weight: normal;
}
.ui-accordion .ui-accordion-content {
	padding: 0px 0px 0px 0px;
}
.ui-accordion .ui-accordion-header {
	padding: .4em .3em .3em .5em;
	margin: 0 0 0 0;
	font-size:1.1em;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	padding: .2em .3em;
}
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 5px 5px 5px 5px;
	background: none;
}
.ui-button {
	padding: .3em 1em;
}
/*Dialogos JQuery UI*/
.ui-dialog .ui-dialog-content {
	padding: .4em .1em .2em .1em;
}
.ui-dialog .ui-dialog-title {
	font-size:1.1em;
}
.ui-dialog .ui-dialog-titlebar {
	padding: .2em 0.8em;
}

/*-----------------------------------POPUP INFO PANTALLAS PEQUEÑAS-------------------------------------------------*/

@media screen and (max-width: 359px) {
	.ui-dialog {
		width: 90% !important;
	}
}

/*-----------------------------------BUSCARDOR SOLR AUTOCOMPLETE JQUERY-------------------------------------------------*/
#buscadorGeneral {
	opacity:0.8;
	box-sizing: border-box;
	border: 1px solid #00677F;
	border-radius: 3px;
	padding: 4px 7px 4px 25px;
	margin: 2px 0px 3px 3px;
}
.buscarBuscador{
	background-color: white;
	background-image: url('../images/buscar_p.png');
	background-position: 5px 5px;
	background-repeat: no-repeat;
}
.borrarBuscador {
	background-color: white;
	background-image: url('../images/borrar_buscador.png');
	background-position: 5px 5px;
	background-repeat: no-repeat;
}
#buscadorGeneral.ui-autocomplete-loading {
	background-image: url('../images/cargando_p.gif');
	background-position: 5px 5px;
	background-repeat: no-repeat;
}
#buscadorGeneral:hover,#buscadorGeneral:focus {
	opacity:1;
}

#buscadorGeneral::placeholder {
	font-style: italic;
}
:-ms-input-placeholder { /* IE 10+ */
	font-style: italic;
}

#borrarBuscadorGeneral {
	display: none;
	position:absolute;
	width:16px;
	height:16px;
	top: 9px;
	left: 9px;
}
#borrarBuscadorGeneral:hover {
	cursor: pointer;
}
#buscadorGeneral.borrarBuscadorGeneral:hover {
	/*background: white url("images/cargando_p.gif") right center no-repeat;*/
	cursor: pointer;
}
.buscadorGeneralRes {
	padding: 0;
	margin: 0;
	max-width:305px;
}
.buscadorGeneralResLabel {
	font-family:RobotoBold;
	color:rgb(121, 2, 2);
}
.buscadorGeneralResLayerNoVisible {
	float:right;
	font-family:RobotoBold;
	color:rgb(121, 2, 2);
}
.buscadorGeneralResClas {
	float:right;
	font-size: .9em;
	font-style: italic;
	color:rgb(0,103,127);
	margin-right:1px;
	padding-right:0px;
}
.buscadorGeneralResDesc {
	font-size: .8em;
	color:rgb(80,80,80);
}
.buscadorGeneralRes.ui-menu-item-wrapper:hover {
	background-color: rgb(158,253,247);
}
/*-----------------------------------BUSCARDOR CAPAS AUTOCOMPLETE-------------------------------------------------*/
#buscaTOCTxt {
	width: calc(100% - 4px);
	margin: 2px;
	padding: 2px 5px 2px 5px;
	border-color: #3299B1;
}
/*.buscadorCapasRes {
	padding:1px 0px 1px 1px;
	margin:0;*/
	/*max-width: 305px;*/
	/*width:calc(100% - 6px);*/
/*}*/
/*.buscadorCapasRes.ui-menu-item-wrapper:hover {*/
.ui-menu-item-wrapper:hover {
	background-color: rgb(158,253,247);
}
.buscadorCapasResLabel {
	font-family:RobotoBold;
	font-size: .9em;
	color:rgb(121, 2, 2);
}
.buscadorCapasResDesc {
	font-size: .8em;
	color:rgb(80,80,80);
}
.buscadorCapasResClas {
	font-size: .9em;
	font-style: italic;
	color:rgb(0,103,127);
	margin-right:1px;
	padding-right:0px;
}
/*----------------------------------------TOC------------------------------------------------------------------------*/
#pCapas {
	border: 1px solid rgb(50,153,177)
}
#pTOC {
	position: absolute;
	top:78px;
	right:0px;
	width:400px;
	z-index: 5;
}
.pTOCOverflow {
	max-height:300px;
	overflow-y:auto;
}
.pTOCCapasOverflow {
	max-height:150px;
	overflow-y:auto;
}

/*--------------------------------------TOC Capas Seleccionadas-------------------------------------------*/
.tituloTocCV {
	font-size: 1.1em;
	text-align:center;
	height: 20px;
	line-height: 20px;
	margin-bottom: 2px;
	color: rgb(0,103,127);
	border-bottom: 1px solid rgb(90,186,211);
	background-color: rgb(190,247,255);
}
.nodoSortable {
	display: flex;
    flex-direction: column;
	padding-left: 2px;
    margin: 0px 0px 2px 0px;
	background-color: rgb(224,251,255);
	border-radius:3px;
}
.nodoSortableFL {
	display: flex;
    flex-direction: column;
	padding-left: 2px;
    margin: 0px 0px 2px 0px;
	background-color: rgb(242, 243, 228);
	border-radius:3px;
}
.nodosCapasA:hover { cursor:pointer; }
.nodosCapasA {
	display:flex;
	align-items:center;
}
.imgTocCapasA { margin: 0px 2px 0px 0px;}
.imgTocCapasA2 { width:16px;height:16px;vertical-align:sub;}

/*---------------------------------------------------------------------------------------------------------*/
#buscaTOCTxt::placeholder {
	font-style: italic;
}
#cargandoMapa {
	position:absolute;
	height: 80px;
	width: 105px;
	font-family:RobotoBold,sans-serif;
	font-size:1.2em;
	color:rgb(50,152,177);
	display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
	background-color: white;
	border: 1px solid rgb(50,152,177);
	padding: 10px 10px 10px 10px;
	border-radius: 10px;
	box-shadow: 8px 8px 16px rgb(176,192,202);
	margin: auto;
	top:0; bottom: 0;
	left: 0; right: 0;
	z-index:100;
}
#cargandoCapas {
	width: 50px;
    height: 50px;
	position:absolute;
    left:0; right:0;
    top:0; bottom:0;
	margin:auto;
	max-width:100%;
	max-height:100%;
	z-index:10;
}
.cargandoConsultaObras {
	border-radius: 8px;
	-o-border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	box-shadow: 5px 5px 10px #adadad;
	-webkit-box-shadow: 5px 5px 10px #adadad;
	-moz-box-shadow: 5px 5px 10px #adadad;
	-o-box-shadow: 5px 5px 10px #adadad;
	overflow: hidden;
}
#busquedaRapida {
	position:absolute;
	top: 46px;
	right: 0px;
	color: white;
	font-weight: bold;
	font-size: 1.7em;
}

.selectorIdiomaSeparador {
	vertical-align: middle;
}
.botonIdioma {
	display: inline-block;
	color: black;
}
.idiomaActivo {
	text-decoration: underline;
}
.idiomaActivo:hover {
	cursor:pointer;
}
.idiomaDesactivo {
	text-decoration: underline dotted;
}
#barraBasemap {
	position:absolute;
	top:47px;
	width: 110px;
	display: flex;
    flex-direction: column;
	z-index:31;
}
#botonBasemap {
	font-family:RobotoBold;
	color:rgb(0,103,127);
	background-color: rgba(255,255,255,0.6);
	border: 1px solid rgb(0,103,127);
	border-radius: 3px;
	display: flex;
	align-items: center;
	padding: 0;
	margin: 2px;
	z-index:5;
}
#botonBasemap:hover {
	background-color: rgba(255,255,255,0.8);
	cursor:pointer;
}
#spanBotonBasemap {
	width:90px;
	text-align: center;
	padding: 0px 2px 0px 2px;
}
#botonesBasemap {
	display: flex;
	flex-direction: column;
	display: none;
	/*height: 0px;
	display: none;*/
}
.botonMB {
	text-align: center;
	color:rgb(0,103,127);
	background-color: rgba(255,255,255,0.6);
	-webkit-border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border-radius: 3px;
	border: 1px solid rgb(0,103,127);
	padding: 3px;
	margin: 1px 2px 0px 2px;
	z-index:5;
}
.botonMB:hover {
	background-color: rgba(255,255,255,0.8);
	cursor:pointer;
}
#divOverviewMap {
	position:fixed;
	width:0px;
	left:50px;
	margin-right: -85px;
	visibility:hidden;
	bottom:23px;
	height:140px;
	background-color: rgba(0,103,127,0.5);
	border: 1px solid rgb(43, 123, 141);
	z-index:5;
}
.ventana{
	position:absolute;
	visibility:hidden;
	overflow:hidden;
	z-index:52;
}
.inputVisorBuscar {
	box-sizing: border-box;
	border: 1px solid #00677F;
	border-radius: 3px;
	background-color: white;
	background-image: url('../images/buscar_p.png');
	background-position: 5px 5px;
	background-repeat: no-repeat;
	padding: 5px 10px 5px 30px;
}
.inputVisorBuscarCargando {
	background-image: url('../images/cargando_p.gif');
	background-position: 5px 5px;
	background-repeat: no-repeat;
}
.pieVentanaBottom { position:absolute; bottom:2px;}
.pieVentana {
	width:100%;
	text-align:right;
}
.notasVentanas {
	padding: 5px 0px 5px 0px;
	color: #888;
}
.cargandoVInfo {
	position:absolute;
	bottom: 0px;
	right: 5px;
}
/*----TABLA INFO------------*/
.tablaCabecera {
	font-family:RobotoBold;
	background-color: rgb(160,195,207);
	color: black;
	border-width: 1px;
	border-style: dotted;
	border-color: black;
	padding: 3px 3px 3px 3px;
}
.tablaNombre {
	background-color: rgb(189,204,212);
	border-width: 1px;
	padding: 1px;
	border-style: dotted;
	border-color: black;
	padding: 3px 3px 3px 3px;

}
.tablaValor {
	background-color: rgb(222,235,239);
	border-width: 1px;
	padding: 1px;
	border-style: dotted;
	border-color: black;
	padding: 3px 3px 3px 3px;
}
table.tablaInfo {
	border-width: 1px;
	border-style: solid;
	border-color: black;
	border-collapse: collapse;
}
#tocAuxiliar {
	width:100%;
	height:100%;
}
#cargaShape {
	width: 370px;
	height: 115px;
	margin-left: 20px;
	border: 1px solid rgba(161, 161, 161, 0.58);
	padding-left: 5px;
}
#addShapeFile {
	padding:5px 0px 5px 0px;
}
#inFile {
	font-size:0.9em;
}
.tablaResultadosObras{
	height: 100%;
	z-index: 60;
}
.conObrasCapasActLbl {
	font-size:9px;
}
.conObrasCapasAct {
	transform: scale(0.8);
}

/*-------------------------------------MODIFICADO DOJO--------------------------------------------------------*/
/*-----------DropDownButton------------*/
.soria .dijitButtonNode {

}
td.dijitMenuItemIconCell {
	background-repeat: no-repeat;
	background-image: url(../images/checkbox_no.png);width: 16px;height: 16px;
}
tr.dojoxCheckedMultiSelectMenuItemChecked td.dijitMenuItemIconCell {
	background-image: url(../images/checkbox_yes.png);width: 16px;height: 16px;
}
.td dijitMenuItemIconCell {
	width:14px;
	height:14px;
}
.tundra .dijitMenuItem td {
	padding:0px;
}
.claro .dijitMenuItem td {
	padding:0px;
}
.soria .dijitMenuItem td {
	padding:0px;
}
/*-------------Leyenda-------------------*/
.esriLegendLayerLabel {
	padding-top: 0px;
}
/*-------------barra escala vertical-------------------*/
.soria .dijitSliderTopBumper {
	background: #dcdcdc url(../images/barraescala/sliderEmptyVertical.png) repeat-y top left;
}
.soria .dijitSliderBottomBumper {
	background: #c0c2c5 url(../images/barraescala/sliderFullVertical.png) repeat-y bottom left;
}
.soria .dijitSliderFocused .dijitSliderBottomBumper {
	background: #c0c2c5 url(../images/barraescala/sliderFullVertical.png) repeat-y bottom left;
}
.soria .dijitSliderRemainingBarV {
	background: #dcdcdc url(../images/barraescala/sliderEmptyVertical.png) repeat-y bottom left;
}
.soria .dijitSliderImageHandleV {
	background: url(../images/barraescala/sliderThumb.png) no-repeat center center;
}
.soria .dijitSliderFocused .dijitSliderImageHandleV {
	background-image: url(../images/barraescala/sliderThumbFocus.png);
}
.soria .dijitSliderProgressBarV {
	background-image: url(../images/barraescala/sliderFullVertical.png);
}
.soria .dijitSliderFocused .dijitSliderProgressBarV {
	background-image: url(../images/barraescala/sliderFullVerticalFocus.png);
}

/*-------------barra escala horizontal-------------------*/
.soria .dijitSliderRightBumper {
	background: #dcdcdc url(../images/barraescala/sliderEmpty.png) repeat-x top left;
}
.soria .dijitSliderLeftBumper {
	background: #c0c2c5 url(../images/barraescala/sliderFull.png) repeat-x top left;
}
.soria .dijitSliderFocused .dijitSliderLeftBumper {
	background: #c0c2c5 url(../images/barraescala/sliderFull.png) repeat-x top left;
}
.soria .dijitSliderRemainingBarH {
	background: #dcdcdc url(../images/barraescala/sliderEmpty.png) repeat-x top left;
}
.soria .dijitSliderImageHandleH {
	background: url(../images/barraescala/preciseSliderThumb.png) no-repeat center center;
}
.soria .dijitSliderFocused .dijitSliderImageHandleH {
	background-image: url(../images/barraescala/preciseSliderThumbFocus.png);
}
.soria .dijitSliderProgressBarH {
	background-image: url(../images/barraescala/sliderFull.png);
}
.soria .dijitSliderFocused .dijitSliderProgressBarH {
	background-image: url(../images/barraescala/sliderFullFocus.png);
}
/*--------------------------------------Perfiles-------------------------------------------*/
.esriElevationProfileInfoNode {
	display:none;
}
/*--------------------------------------dndSource-------------------------------------------*/
.soria .dojoDndItemAnchor, .soria .dojoDndItemSelected {
	background-color: transparent;
}

/*--------------------------------------Grid Dojo-------------------------------------------*/
.dojoxGrid {
	font-family: Roboto;

}
.soria .dojoxGridHeader .dojoxGridCell {
	font-family: RobotoBold;
	font-weight: normal;
}
/*--------------------------------------ComboButton-------------------------------------------*/
.soria .dijitButtonNode {
	background:none;
}
.soria .dijitButtonContentsHover {
	background: none;
}
.CheckedMultiSelectCITMA {
	overflow-y: hidden;
	padding: 2px;
}

/*--------------------------------------jqx-widget-------------------------------------------*/
.jqx-splitter {
	border: none;
}
/* Para dispositivos que aceptan hover (ordenadores desktop com puntero mouse) se añaden los estilos */
/*@media (hover:hover) {*/
/*@media (any-hover: hover) {*/
@media not all and (hover: none){
	/*.botonGeoLocHover{}*/

}
/* Smartphones (portrait & landscape) */
@media only screen
/*and (min-device-width : 320px)*/
and (max-device-width : 640px) {
	#cabecera {
		background-image: url("../images/cabecera_movil.png");
	}
	#h_otrosvisores, #h_zoomPan, #h_zoomVentana, #h_cargarCapas, #h_imprimir, #h_guardar, #spanBotonAbrirTOC, #menuDibujar, #menuAnalisis, #tituloCabecera, #divOverviewMap{
		display:none;
	}
	/*#barraBasemap {
		width: 100px;
	}*/
	#aTOC {
		width: 250px;
	}
	#botonEsconderTOC {
		margin-right:250px;
	}
	.buscadorGeneralRes {
		max-width:220px;
	}
	#selectCoordXY, #spanCoordETRS89 , #spanCoordETRS89H31, #spanCoordWGS84{
		display:none;
	}
	#selectorEscala, #botonEsconderOM {
		display:none;
	}
	#divSelectorEscala {
		margin: 0px 0px 0px 2px;
	}
	#divBotones {
		margin: 0;
	}
}

@media only screen
and (max-device-width : 320px) {
	#aTOC {
		width: 215px;
	}
	#botonEsconderTOC {
		margin-right:215px;
	}
	.buscadorGeneralRes {
		max-width:195px;
	}
}
