html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	line-height: normal;
	scroll-behavior: smooth;
	font-variant-numeric: tabular-nums;
}

::-ms-clear {
	display: none;
}

/* para eliminar el clear control en IE10*/

#nojavascript {
	z-index: 1000;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 600px;
	padding: 15px;
	margin-left: -300px;
	margin-top: -125px;
	text-align: left;
	color: #999999;
	font-family: Helvetica, Arial, sans-serif;
	font-style: italic;
	font-size: 35px;
	border: 1px solid #666666;
	border-radius: 8px;
	background: #E7E7E7;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.75);
}

#nojavascript a {
	color: #7777CC;
	cursor: pointer;
	text-decoration: none;
}

#nojavascript a:hover {
	text-decoration: underline;
}

/* Estilos para header*/

#header {
	width: 100%;
	height: 64px;
	background: #157FCC;
}

#header span {
	position: absolute;
	left: 85px;
	top: 16px;
	font-family: Arial Narrow, Arial;
	font-stretch: condensed;
	font-size: 32px;
	white-space: nowrap;
	overflow: hidden;
}

#header a {
	color: white;
	text-decoration: none;
}

#lite {
	position: absolute;
	left: 205px;
	bottom: 5px;
	font-family: Arial Narrow, Arial;
	font-stretch: condensed;
	font-size: 13px;
	white-space: nowrap;
	overflow: hidden;
}

#logo {
	float: left;
	margin-top: 3px;
	margin-left: 7px;
	width: 76px;
	height: 58px;
	background-image: url(../img/title-logo1.svg);
	background-repeat: no-repeat;
	cursor: pointer;
}

#twitter {
	float: right;
	margin-right: 7px;
	margin-top: 25px;
	width: 30px;
	height: 30px;
	background-image: url(../img/twitter.svg);
	background-repeat: no-repeat;
	cursor: pointer;
	opacity: 0.6;
}

#facebook {
	float: right;
	margin-right: 9px;
	margin-top: 25px;
	width: 30px;
	height: 30px;
	background-image: url(../img/facebook.svg);
	background-repeat: no-repeat;
	cursor: pointer;
	opacity: 0.6;
}

#blogger:hover,
#twitter:hover,
#facebook:hover,
#google-plus:hover {
	opacity: 1;
}

#coor_bot_left {
	background-color: rgba(245, 245, 245, 0.9);
	display: none;
	text-align: left;
	color: #444444;
	font-size: 11px;
	padding: 2px 4px;
	position: absolute;
	bottom: 5px;
	left: 75px;
	z-index: 10000;
}

#cargando {
	position: absolute;
	left: 50%;
	margin-left: -15px;
	top: 50%;
	margin-top: -15px;
	width: 30px;
	height: 30px;
	background-image: url(../img/loading1.gif);
	background-repeat: no-repeat;
}

/* Estilos para panel izquierdo*/

#west-panel-body {
	padding: 0;
	border: 0
}

.x-tool-img {
	margin-left: -1px !important;
}

.x-fieldset {
	margin-right: 3px !important;
}

/* Estilo de los textos del arbol de capas*/

.x-tree-node-text {
	font-size: 12px;
}

/* Estilos para esconder dirty icon del tree*/

.x-grid-dirty-cell {
	background: rgba(0, 0, 0, 0) !important;
}

/* Estilos para el titulo del menu*/

.menutitle {
	text-align: center;
	color: #333333;
	font-weight: bold;
	font-size: 12px;
	background: #E0E0E0;
	border-color: #D0D0D0;
	border-style: solid;
	border-width: 1px;
	box-shadow: #EFEDED 0 1px 0 0 inset, #EFEDED -1px 0 0 0 inset, #EFEDED 1px 0 0 0 inset;
	padding: 3px 0 5px 0;
	margin-bottom: 1px;
}

/*permite que el placeholder en webkit desaparezca */

[placeholder]:focus::-webkit-input-placeholder {
	color: transparent;
}

/*permite ajustar los label y textos para evitar grandes espacios */

.x-form-item-label {
	line-height: normal !important;
}

.x-form-display-field {
	line-height: normal !important;
	padding-top: 5px;
}

/*permite ajustar los tooltips en Chrome y IE */

.x-tip {
	width: auto !important;
}

.x-tip-body {
	width: auto !important;
}

.x-tip-body span {
	width: auto !important;
}

/*asigna borde a los botones de expande/contraer el header y el sidebar */

.x-layout-split-top,
.x-layout-split-left,
.x-layout-split-right {
	border: 1px solid #e5e5e5;
}

.x-layout-split-bottom {
	border: 1px solid #157FCC;
}

/*elimina bordes al header del editor html del texto de los infoWindow de los marcadores*/

#editorInfo .x-html-editor-tb {
	border-top: 0;
	border-left: 0;
	border-right: 0;
	border-bottom: 2px solid #D9D9D9;
}

/*modifica la mascara para el colorPicker de la configuracion de marcadores*/

#colorPick .x-mask {
	background: #F1F1F1;
}

.google-visualization-tooltip {
	z-index: 10;
}

/*mejora el contenido en el panel de indicaciones de ruta*/

.adp,
.adp table,
.adp-directions {
	width: 100% !important;
}

.adp-distance {
	float: right !important;
}

/*mejora la ubicación del boton de cerrar de las infoWIndos*/
.gm-style-iw-chr {
	margin: -7px -7px -9px 0px !important;
}

/* estiilo para el disable de los botones de los submenues principal */

.x-btn-default-toolbar-small-disabled {
	opacity: 0.3 !important;
	cursor: default !important;
}

/*la clase de los tooltips*/

.toolti {
	border-width: 0;
	z-index: 1000;
	display: inline-block;
	box-shadow: 0 1px 2px #000000, inset 0 0 0 1px #222222, inset 0 2px #666666, inset 0 -2px 2px #444444;
	background: #3b3b3b;
}

.wax-tooltip {
	color: #ffffff;
	display: none;
	z-index: 1;
	padding: 6px;
	position: absolute;
	border-radius: 3px;
	box-shadow: 0 1px 2px #000000, inset 0 0 0 1px #222222, inset 0 2px #666666, inset 0 -2px 2px #444444;
	background: #3b3b3b;
}

/* Estilos para los mensajes emergentes*/

#msg-div {
	position: absolute;
	left: 50%;
	bottom: 55px;
	transform: translate(-50%);
	max-width: 360px;
	z-index: 1000000;
}

#msg-div .msg {
	border-radius: 5px;
	background: #3b3b3b;
	/* box-shadow: 0 1px 2px #000000, inset 0 0 0 1px #222222, inset 0 2px #666666, inset 0 -2px 2px #444444; */
	padding: 13px;
	margin-bottom: 5px;
	color: #ffffff;
}

#msg-div .msg p {
	clear: both;
	text-align: left;
}

#msg-div .msg_error {
	border-radius: 5px;
	background: #bb0000;
	background-image: url(../img/error.png);
	background-position: 8px 12px;
	background-repeat: no-repeat;
	/* box-shadow: 0 1px 2px #000000, inset 0 0 0 1px #222222, inset 0 2px #666666, inset 0 -2px 2px #444444; */
	padding: 13px 13px 13px 28px;
	margin-bottom: 5px;
	color: #ffffff;
}

#msg-div .msg_error p {
	clear: both;
	text-align: left;
}

/* Iconos del acordion en sidebar*/

.side-legend {
	width: 16px;
	height: 16px;
	background-image: url(../img/lateral_icons8.png);
	background-repeat: no-repeat;
	background-position: 0 0 !important;
}

.side-draw {
	width: 16px;
	height: 16px;
	background-image: url(../img/lateral_icons8.png);
	background-repeat: no-repeat;
	background-position: -21px 0 !important;
}

.side-layers {
	width: 16px;
	height: 16px;
	background-image: url(../img/lateral_icons8.png);
	background-repeat: no-repeat;
	background-position: -42px 0 !important;
}

.side-layrename {
	width: 16px;
	height: 16px;
	background-image: url(../img/lateral_icons8.png);
	background-repeat: no-repeat;
	background-position: -63px 0 !important;
}

.side-laydelete {
	width: 16px;
	height: 16px;
	background-image: url(../img/lateral_icons8.png);
	background-repeat: no-repeat;
	background-position: -84px 0 !important;
}

.side-layadd {
	width: 16px;
	height: 16px;
	background-image: url(../img/lateral_icons8.png);
	background-repeat: no-repeat;
	background-position: -105px 0 !important;
}

.side-foldedit {
	width: 16px;
	height: 16px;
	background-image: url(../img/lateral_icons8.png);
	background-repeat: no-repeat;
	background-position: -126px 0 !important;
}

.side-folddel {
	width: 16px;
	height: 16px;
	background-image: url(../img/lateral_icons8.png);
	background-repeat: no-repeat;
	background-position: -147px 0 !important;
}

.side-foldadd {
	width: 16px;
	height: 16px;
	background-image: url(../img/lateral_icons8.png);
	background-repeat: no-repeat;
	background-position: -168px 0 !important;
}

.side-delete {
	width: 16px;
	height: 16px;
	background-image: url(../img/lateral_icons8.png);
	background-repeat: no-repeat;
	background-position: -189px 0 !important;
}

.side-recover {
	width: 16px;
	height: 16px;
	background-image: url(../img/lateral_icons8.png);
	background-repeat: no-repeat;
	background-position: -210px 0 !important;
}

.side-find {
	width: 16px;
	height: 16px;
	background-image: url(../img/lateral_icons8.png);
	background-repeat: no-repeat;
	background-position: -231px 0 !important;
}

.side-car {
	width: 16px;
	height: 16px;
	background-image: url(../img/lateral_icons8.png);
	background-repeat: no-repeat;
	background-position: -252px 0 !important;
}

.side-walk {
	width: 16px;
	height: 16px;
	background-image: url(../img/lateral_icons8.png);
	background-repeat: no-repeat;
	background-position: -273px 0 !important;
}

.side-search {
	width: 16px;
	height: 16px;
	background-image: url(../img/lateral_icons8.png);
	background-repeat: no-repeat;
	background-position: -294px 0 !important;
}

.side-trans {
	width: 16px;
	height: 16px;
	background-image: url(../img/lateral_icons8.png);
	background-repeat: no-repeat;
	background-position: -315px 0 !important;
}

.side-byke {
	width: 16px;
	height: 16px;
	background-image: url(../img/lateral_icons8.png);
	background-repeat: no-repeat;
	background-position: -336px 0 !important;
}

.side-raster {
	width: 16px;
	height: 16px;
	background-image: url(../img/lateral_icons8.png);
	background-repeat: no-repeat;
	background-position: -357px 0 !important;
}

.side-vector {
	width: 16px;
	height: 16px;
	background-image: url(../img/lateral_icons8.png);
	background-repeat: no-repeat;
	background-position: -378px 0 !important;
}

.side-catalogue {
	width: 16px;
	height: 16px;
	background-image: url(../img/lateral_icons8.png);
	background-repeat: no-repeat;
	background-position: -399px 0 !important;
}

.side-list {
	width: 16px;
	height: 16px;
	background-image: url(../img/lateral_icons8.png);
	background-repeat: no-repeat;
	background-position: -483px 0 !important;
}

.side-save {
	width: 16px;
	height: 16px;
	background-image: url(../img/lateral_icons8.png);
	background-repeat: no-repeat;
	background-position: -462px 0 !important;
}

.side-masssearch {
	width: 16px;
	height: 16px;
	background-image: url(../img/lateral_icons8.png);
	background-repeat: no-repeat;
	background-position: -420px 0 !important;
}

.side-massconvert {
	width: 16px;
	height: 16px;
	background-image: url(../img/lateral_icons8.png);
	background-repeat: no-repeat;
	background-position: -441px 0 !important;
}

.side-sortname {
	width: 16px;
	height: 16px;
	background-image: url(../img/lateral_icons8.png);
	background-repeat: no-repeat;
	background-position: -504px 0 !important;
}

#loadSession-button-fileInputEl {
	cursor: pointer;
}

/* clases para los titulos del slidebar de opacidad y el check box de invertir colores y la definicion de paleta de colores*/

.slideright {
	float: right;
}

.slidetext {
	color: #666666;
	font-size: 9px;
}

/* clases para definir los iconos del combo box de heatMap*/

.GoogleGR {
	background-image: url(../img/rampas/GoogleGR.png) !important;
}

.GoogleBR {
	background-image: url(../img/rampas/GoogleBR.png) !important;
}

.BrBG {
	background-image: url(../img/rampas/BrBG.png) !important;
}

.PiYG {
	background-image: url(../img/rampas/PiYG.png) !important;
}

.PRGn {
	background-image: url(../img/rampas/PRGn.png) !important;
}

.PuOr {
	background-image: url(../img/rampas/PuOr.png) !important;
}

.RdBu {
	background-image: url(../img/rampas/RdBu.png) !important;
}

.RdYlBu {
	background-image: url(../img/rampas/RdYlBu.png) !important;
}

.RdYlGn {
	background-image: url(../img/rampas/RdYlGn.png) !important;
}

.Spectral {
	background-image: url(../img/rampas/Spectral.png) !important;
}

/* clases para definir los colores de los ambitos de busqueda*/

.brdMun {
	background-image: url(../img/rampas/borde_mont.png) !important;
}

.brdPro {
	background-image: url(../img/rampas/borde_RN.png) !important;
}

.brdAut {
	background-image: url(../img/rampas/borde_mun.png) !important;
}

.brdCom {
	background-image: url(../img/rampas/borde_GDR.png) !important;
}

/* clases para definir los colores de las rampas cualitativas*/

.Accent_5 {
	background-image: url(../img/rampas/cualitativa/Accent.png) !important;
}

.Dark2_5 {
	background-image: url(../img/rampas/cualitativa/Dark2.png) !important;
}

.Paired_5 {
	background-image: url(../img/rampas/cualitativa/Paired.png) !important;
}

.Pastel1_5 {
	background-image: url(../img/rampas/cualitativa/Pastel1.png) !important;
}

.Pastel2_5 {
	background-image: url(../img/rampas/cualitativa/Pastel2.png) !important;
}

.Set1_5 {
	background-image: url(../img/rampas/cualitativa/Set1.png) !important;
}

.Set2_5 {
	background-image: url(../img/rampas/cualitativa/Set2.png) !important;
}

.Set3_5 {
	background-image: url(../img/rampas/cualitativa/Set3.png) !important;
}

/* clases para definir los colores de las rampas secuenciales*/

.Blues_5 {
	background-image: url(../img/rampas/secuencial/Blues.png) !important;
}

.BuGn_5 {
	background-image: url(../img/rampas/secuencial/BuGn.png) !important;
}

.BuPu_5 {
	background-image: url(../img/rampas/secuencial/BuPu.png) !important;
}

.GnBu_5 {
	background-image: url(../img/rampas/secuencial/GnBu.png) !important;
}

.Greens_5 {
	background-image: url(../img/rampas/secuencial/Greens.png) !important;
}

.Greys_5 {
	background-image: url(../img/rampas/secuencial/Greys.png) !important;
}

.Oranges_5 {
	background-image: url(../img/rampas/secuencial/Oranges.png) !important;
}

.OrRd_5 {
	background-image: url(../img/rampas/secuencial/OrRd.png) !important;
}

.PuBu_5 {
	background-image: url(../img/rampas/secuencial/PuBu.png) !important;
}

.PuBuGn_5 {
	background-image: url(../img/rampas/secuencial/PuBuGn.png) !important;
}

.PuRd_5 {
	background-image: url(../img/rampas/secuencial/PuRd.png) !important;
}

.Purples_5 {
	background-image: url(../img/rampas/secuencial/Purples.png) !important;
}

.RdPu_5 {
	background-image: url(../img/rampas/secuencial/RdPu.png) !important;
}

.Reds_5 {
	background-image: url(../img/rampas/secuencial/Reds.png) !important;
}

.YlGn_5 {
	background-image: url(../img/rampas/secuencial/YlGn.png) !important;
}

.YlGnBu_5 {
	background-image: url(../img/rampas/secuencial/YlGnBu.png) !important;
}

.YlOrBr_5 {
	background-image: url(../img/rampas/secuencial/YlOrBr.png) !important;
}

.YlOrRd_5 {
	background-image: url(../img/rampas/secuencial/YlOrRd.png) !important;
}

/* clases para definir los colores de las rampas divergentes*/

.BrBG_5 {
	background-image: url(../img/rampas/divergente/BrBG.png) !important;
}

.PiYG_5 {
	background-image: url(../img/rampas/divergente/PiYG.png) !important;
}

.PRGn_5 {
	background-image: url(../img/rampas/divergente/PRGn.png) !important;
}

.PuOr_5 {
	background-image: url(../img/rampas/divergente/PuOr.png) !important;
}

.RdBu_5 {
	background-image: url(../img/rampas/divergente/RdBu.png) !important;
}

.RdGy_5 {
	background-image: url(../img/rampas/divergente/RdGy.png) !important;
}

.RdYlBu_5 {
	background-image: url(../img/rampas/divergente/RdYlBu.png) !important;
}

.RdYlGn_5 {
	background-image: url(../img/rampas/divergente/RdYlGn.png) !important;
}

.Spectral_5 {
	background-image: url(../img/rampas/divergente/Spectral.png) !important;
}

/* posicion del icono en el field*/

.ux-icon-combo-icon {
	background-repeat: no-repeat;
	width: 100%;
	height: 15px;
	top: 4px;
	left: 5px;
}

/* posicion del icono y del texto en la lista desplegable*/

.ux-icon-combo-item {
	background-repeat: no-repeat !important;
	background-position: 0px 50% !important;
	width: 100%;
	height: 21px;
	padding-left: 18px !important;
	padding-top: 4px !important;
}

/* clases para definir el tamaño de texto de la lista desplegable en el combox*/

.x-boundlist-item {
	font-size: 11px !important;
	color: #000000 !important;
}

/* clases para el plugin text components that shows a "clear" button over the text field*/

.ext-ux-clearbutton {
	width: 12px;
	height: 12px;
	background-image: url(../img/clear-text-icon.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	-moz-user-focus: ignore;
	cursor: pointer;
	position: absolute;
	overflow: hidden;
	/* IE 6 :-( */
	margin-top: 4px;
	background-color: white;
}

.ext-ux-clearbutton-mouse-over-input {
	background-position: 0 -12px;
}

.ext-ux-clearbutton-mouse-over-button {
	background-position: 0 -24px;
}

.ext-ux-clearbutton-mouse-down {
	background-position: 0 -36px;
}

.ext-ux-clearbutton-on {
	opacity: 1;
	visibility: visible;
	transition: opacity .35s linear;
}

.ext-ux-clearbutton-off {
	opacity: 0;
	visibility: hidden;
	transition: opacity .35s linear, visibility .0s linear .35s;
}

/* Estilo para el arbol de las capas*/

.x-tree-checked .x-grid-cell-inner {
	font-weight: bold;
}

.x-tree {
	font-weight: normal;
}

.x-tree-checked-icon-hidden {
	background-image: url(../img/layer_config.png);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	display: none;
}

.x-tree-checked-icon-show {
	display: block;
	opacity: 0.6;
}

.x-tree-checked-icon-show:hover {
	opacity: 1;
}

.x-tree-checked-icon-show1 {
	background-image: url(../img/layer_config.png);
	background-position: -21px 0px;
	background-repeat: no-repeat;
	display: block;
	opacity: 0.6;
}

.x-tree-checked-icon-show1:hover {
	opacity: 1;
}

.x-grid-cell-treeFirstColum,
.x-grid-cell-drawFirstColum,
.x-grid-cell-treeLastColum,
.x-grid-cell-drawLastColum {
	background-color: #F1F1F1 !important;
}

.x-grid-cell-oscurece {
	background-color: #E3E3E3 !important;
}

.x-grid-cell-blue {
	background-color: #C1DDF1 !important;
}

.disabled_tree_node {
	color: #C0C0C0;
}

.enabled_tree_node {
	color: #000000;
}

.uniqueValues:hover {
	background-color: #F1F1F1;
}

/* Estilo para el contenedor del mapa*/

#map_canvas {
	z-index: 0;
}

/* Estilo para la atribución de mapas bases de otras fuentes */

#map_attribution {
	margin-right: -1px;
	font-family: Roboto, Arial, sans-serif;
	background: rgba(241, 241, 241, 0.7);
	font-size: 10px;
	color: rgb(68, 68, 68);
	text-align: right;
	height: 14px;
	padding-top: 1px;
	padding-left: 10px;
}

/* Estilo mejorar el control de seleccion de tipos de mapas */
.gm-style-mtc {
	width: auto !important;
	padding-right: 7px !important;
}

/* Estilo para el contenedor del mapa del lente*/

#map_canvas1-body {
	z-index: 0;
	width: 100%;
	height: 100%;
}

#diana {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 32px;
	height: 32px;
	margin-left: -16px;
	margin-top: -16px;
	background-image: url(../img/diana.png);
	background-repeat: no-repeat;
	z-index: 1;
}

/*iconos del reproductor de animacion de vistas de calle*/

.play_animation {
	width: 16px;
	height: 16px;
	background-image: url(../img/animation_control.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}

.pause_animation {
	width: 16px;
	height: 16px;
	background-image: url(../img/animation_control.png);
	background-repeat: no-repeat;
	background-position: -16px 0;
}

/* esttilo para menu contextual del mapa*/


.map-ruta-ini {
	width: 16px;
	height: 16px;
	background-size: 16px;
	background-image: url(../img/origen1.svg);
	background-repeat: no-repeat;
}

.map-ruta-dest {
	width: 16px;
	height: 16px;
	background-size: 16px;
	background-image: url(../img/destino1.svg);
	background-repeat: no-repeat;
}

.map-zoom-out {
	width: 16px;
	height: 16px;
	background-image: url(../img/map-context.png);
	background-repeat: no-repeat;
	background-position: -42px 0;
}

.extendraw-sidebar {
	width: 16px;
	height: 16px;
	background-image: url(../img/map-context.png);
	background-repeat: no-repeat;
	background-position: -63px 0;
}

.map-add-marker {
	width: 16px;
	height: 16px;
	background-image: url(../img/map-context.png);
	background-repeat: no-repeat;
	background-position: -84px 0;
}

.map-add-catastro {
	width: 16px !important;
	height: 16px !important;
	background-image: url(../img/map-context.png);
	background-repeat: no-repeat;
	background-position: -105px 0;
}

.map-add-cuenca {
	width: 16px !important;
	height: 16px !important;
	background-image: url(../img/map-context.png);
	background-repeat: no-repeat;
	background-position: -126px 0;
}

/* Estilos para el infowindows*/

.toptitle {
	font-family: Helvetica, Arial, sans-serif !important;
	padding: 5px 0 !important;
	font-size: 18px !important;
	font-weight: bold !important;
	text-align: center !important;
}

.toptitle span {
	font-family: Helvetica, Arial, sans-serif !important;
	font-size: 18px !important;
	font-weight: bold !important;
}

.topcoord {
	font-family: Helvetica, Arial, sans-serif !important;
	padding: 0 0 5px 0 !important;
	text-align: center !important;
	font-size: 11px !important;
	font-weight: normal !important;
}

.topcoord a {
	font-family: Helvetica, Arial, sans-serif !important;
	font-size: 11px !important;
	font-weight: normal !important;
}

.topcoord span {
	font-family: Helvetica, Arial, sans-serif !important;
	font-size: 11px !important;
	font-weight: normal !important;
	font-style: italic !important;
}

.body-description1 {
	font-family: Helvetica, Arial, sans-serif !important;
	color: #333333 !important;
	font-size: 12px !important;
	font-weight: normal !important;
	padding: 5px 10px !important;
	height: 210px !important;
	width: 375px !important;
	overflow-x: hidden !important;
	overflow-y: auto !important;
}

.body-description1 li {
	font-family: Helvetica, Arial, sans-serif !important;
	font-size: 12px !important;
	list-style: disc outside !important;
	margin-left: 15px !important;
}

.body-description1 li span {
	font-family: Helvetica, Arial, sans-serif !important;
	font-size: 12px !important;
	position: relative !important;
	left: -3px !important;
}

.body-description1 li a {
	font-family: Helvetica, Arial, sans-serif !important;
	font-size: 12px !important;
}

.titulo-capa {
	font-family: Helvetica, Arial, sans-serif !important;
	margin-left: -5px !important;
	font-size: 13px !important;
	font-weight: bold !important;
}

.nowmsdata {
	font-family: Helvetica, Arial, sans-serif !important;
	font-style: italic !important;
	font-size: 11px !important;
}

.footer-capa {
	width: 102% !important;
	margin: 8px 0 3px -5px !important;
	border-top: 1px solid #ACA899 !important;
	border-bottom: 1px solid white !important;
}

.zoobton {
	position: absolute;
	width: 10px;
	height: 10px;
	border: 0px none;
	z-index: 101;
	cursor: pointer;
	right: 22px;
	top: 68px;
	opacity: 0.6;
}

.zoobton:hover {
	opacity: 1;
}

.printbton {
	position: absolute;
	width: 10px;
	height: 10px;
	border: 0px none;
	z-index: 101;
	cursor: pointer;
	right: 36px;
	top: 68px;
	opacity: 0.6;
}

.printbton:hover {
	opacity: 1;
}

.body-description2 {
	color: #333333;
	font-size: 12px;
	font-weight: normal;
	padding: 5px 10px;
}

.outerInfo {
	height: 250px;
	overflow: auto;
}

.outerInfo1 {
	height: 100%;
}

/* Estilos para localizacion de la ip*/

#geolocalizacion {
	background-color: #ffffff;
	border-radius: 2px;
	box-shadow: 0 1px 4px -1px rgba(0, 0, 0, 0.3);
	cursor: pointer;
	height: 28px;
	width: 28px;
	background-image: url(../img/geolocal.png);
	background-repeat: no-repeat;
	background-position: 6px 50%;
}

#geolocalizacion:hover {
	background-image: url(../img/geolocal.png);
	background-repeat: no-repeat;
	background-position: -16px 50%;
}

/* Estilos para la extensión completa*/

#veacasa {
	background-color: #ffffff;
	border-radius: 2px;
	box-shadow: 0 1px 4px -1px rgba(0, 0, 0, 0.3);
	cursor: pointer;
	height: 28px;
	width: 28px;
	background-image: url(../img/geolocal.png);
	background-repeat: no-repeat;
	background-position: -38px 50%;
}

#veacasa:hover {
	background-image: url(../img/geolocal.png);
	background-repeat: no-repeat;
	background-position: -60px 50%;
}

/* Estilos para la lente*/

#lente {
	background-color: #ffffff;
	border-radius: 2px;
	box-shadow: 0 1px 4px -1px rgba(0, 0, 0, 0.3);
	cursor: pointer;
	height: 28px;
	width: 28px;
	background-image: url(../img/lente_zoom.png);
	background-repeat: no-repeat;
	background-position: 6px 50%;
}

#lente:hover {
	background-color: #ebebeb;
	background-image: url(../img/lente_zoom.png);
	background-repeat: no-repeat;
	background-position: -16px 50%;
}

#lente.selected {
	background-color: #7F7F7F;
	background-image: url(../img/lente_zoom.png);
	background-repeat: no-repeat;
	background-position: -38px 50%;
}

/*Estilos para los botones de cambio de aumento de la lente*/

#lenteContainer {
	background-color: #ffffff;
	border-radius: 2px;
	box-shadow: 0 1px 4px -1px rgba(0, 0, 0, 0.3);
	height: 55px;
	width: 28px;
	margin: 4px 0 0 4px;
}

.lenteAumento {
	cursor: pointer;
	height: 27px;
	width: 28px;
	text-align: center;
	color: #666666;
	font-weight: bold;
	font-size: 20px;
	user-select: none;
}

.lenteAumento:hover {
	font-weight: bolder;
	color: #333333;
}

.lenteSeparador {
	background-color: #e6e6e6;
	height: 1px;
	left: 16%;
	overflow: hidden;
	position: relative;
	top: 0;
	width: 67%;
}

#factorZoom {
	background: #FFFFFF;
	text-align: center;
	font-size: 13px;
	color: #000000;
	font-family: Helvetica, Arial, sans-serif;
	opacity: 0.8;
	position: absolute;
	top: 25px;
	left: 35px;
	z-index: 1;
	border-radius: 2px;
}

/* Estilos para el zoom de caja*/

#zoomcaja {
	background-color: #ffffff;
	border-radius: 2px;
	box-shadow: 0 1px 4px -1px rgba(0, 0, 0, 0.3);
	cursor: pointer;
	height: 28px;
	width: 28px;
	background-image: url(../img/lente_zoom.png);
	background-repeat: no-repeat;
	background-position: -60px 50%;
}

#zoomcaja:hover {
	background-color: #ebebeb;
	background-image: url(../img/lente_zoom.png);
	background-repeat: no-repeat;
	background-position: -82px 50%;
}

#zoomcaja.selected {
	background-color: #7F7F7F;
	background-image: url(../img/lente_zoom.png);
	background-repeat: no-repeat;
	background-position: -104px 50%;
}

.busquedaCaja {
	background-image: url(../img/lente_zoom.png);
	background-repeat: no-repeat;
	background-position: -110px 0;
}

/* Estilos para la caja de herramientas*/

.tool {
	float: left;
	margin: 1px 0 3px 0;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
	border-radius: 3px;
	background: #f6f6f6;
	cursor: pointer;
	height: 27px;
	line-height: 27px;
	width: 34px;
}

#desplazar {
	margin-left: 2px;
	margin-right: 5px;
	filter: grayscale(100%);
	background-image: url(../img/tool-box.png);
	background-repeat: no-repeat;
	background-position: -238px 2px;
	border: 1px solid #9BA2AB;
}

#desplazar.selected,
#desplazar:hover {
	box-shadow: 0 1px 5px #CCCCCC inset;
	background: #E5E5E5;
	filter: grayscale(0);
	background-image: url(../img/tool-box.png);
	background-repeat: no-repeat;
	background-position: -238px 2px;
	border: 1px solid #999;
}

#info {
	margin-right: 5px;
	filter: grayscale(100%);
	background-image: url(../img/tool-box.png);
	background-repeat: no-repeat;
	background-position: -184px 2px;
	border: 1px solid #9BA2AB;
}

#info.selected,
#info:hover {
	box-shadow: 0 1px 5px #CCCCCC inset;
	background: #E5E5E5;
	filter: grayscale(0);
	background-image: url(../img/tool-box.png);
	background-repeat: no-repeat;
	background-position: -184px 2px;
	border: 1px solid #999;
}

#printmap {
	margin-right: 5px;
	filter: grayscale(100%);
	background-image: url(../img/tool-box.png);
	background-repeat: no-repeat;
	background-position: -130px 2px;
	border: 1px solid #9BA2AB;
}

#printmap.selected,
#printmap:hover {
	box-shadow: 0 1px 5px #CCCCCC inset;
	background: #E5E5E5;
	filter: grayscale(0);
	background-image: url(../img/tool-box.png);
	background-repeat: no-repeat;
	background-position: -130px 2px;
	border: 1px solid #999;
}

#printmap.disabled {
	opacity: 0.3;
	box-shadow: 0 1px 5px #CCCCCC inset;
	filter: grayscale(0);
	background-image: url(../img/tool-box.png);
	background-repeat: no-repeat;
	background-position: -130px 2px;
	border: 1px solid #999;
}

#dibujo {
	margin-right: 5px;
	filter: grayscale(100%);
	background-image: url(../img/tool-box.png);
	background-repeat: no-repeat;
	background-position: -76px 2px;
	border: 1px solid #9BA2AB;
}

#dibujo.selected,
#dibujo:hover {
	box-shadow: 0 1px 5px #CCCCCC inset;
	background: #E5E5E5;
	filter: grayscale(0);
	background-image: url(../img/tool-box.png);
	background-repeat: no-repeat;
	background-position: -76px 2px;
	border: 1px solid #999;
}

#distancia {
	margin-right: 5px;
	filter: grayscale(100%);
	background-image: url(../img/tool-box.png);
	background-repeat: no-repeat;
	background-position: -22px 2px;
	border: 1px solid #9BA2AB;
}

#distancia.selected,
#distancia:hover {
	box-shadow: 0 1px 5px #CCCCCC inset;
	background: #E5E5E5;
	filter: grayscale(0);
	background-image: url(../img/tool-box.png);
	background-repeat: no-repeat;
	background-position: -22px 2px;
	border: 1px solid #999;
}

#area {
	margin-right: 5px;
	filter: grayscale(100%);
	background-image: url(../img/tool-box.png);
	background-repeat: no-repeat;
	background-position: -346px 2px;
	border: 1px solid #9BA2AB;
}

#area.selected,
#area:hover {
	box-shadow: 0 1px 5px #CCCCCC inset;
	background: #E5E5E5;
	filter: grayscale(0);
	background-image: url(../img/tool-box.png);
	background-repeat: no-repeat;
	background-position: -346px 2px;
	border: 1px solid #999;
}

#perfil {
	filter: grayscale(100%);
	background-image: url(../img/tool-box.png);
	background-repeat: no-repeat;
	background-position: -292px 2px;
	border: 1px solid #9BA2AB;
}

#perfil.selected,
#perfil:hover {
	box-shadow: 0 1px 5px #CCCCCC inset;
	background: #E5E5E5;
	filter: grayscale(0);
	background-image: url(../img/tool-box.png);
	background-repeat: no-repeat;
	background-position: -292px 2px;
	border: 1px solid #999;
}

/*Estilos para la caja de herramientas de la capa de dibujo*/

.editdraw {
	filter: grayscale(100%);
	background-image: url(../img/draw-tool4.png) !important;
	background-position: -64px 0;
}

.editdraw-selected,
.editdraw:hover {
	filter: grayscale(0);
	background-image: url(../img/draw-tool4.png) !important;
	background-position: -64px 0;
}

.selectdraws {
	filter: grayscale(100%);
	background-image: url(../img/draw-tool4.png) !important;
	background-position: -130px 0;
}

.selectdraws-selected,
.selectdraws:hover {
	filter: grayscale(0);
	background-image: url(../img/draw-tool4.png) !important;
	background-position: -130px 0;
}

.addmarkers {
	filter: grayscale(100%);
	background-image: url(../img/draw-tool4.png) !important;
	background-position: 0px 0;
}

.addmarkers-selected,
.addmarkers:hover {
	filter: grayscale(0);
	background-image: url(../img/draw-tool4.png) !important;
	background-position: 0px 0;
}

.drawlines {
	filter: grayscale(100%);
	background-image: url(../img/draw-tool4.png) !important;
	background-position: -32px 0;
}

.drawlines-selected,
.drawlines:hover {
	filter: grayscale(0);
	background-image: url(../img/draw-tool4.png) !important;
	background-position: -32px 0;
}

.drawhandlines {
	filter: grayscale(100%);
	background-image: url(../img/draw-tool4.png) !important;
	background-position: -306px 0;
}

.drawhandlines-selected,
.drawhandlines:hover {
	filter: grayscale(0);
	background-image: url(../img/draw-tool4.png) !important;
	background-position: -306px 0;
}

.drawpoligons {
	filter: grayscale(100%);
	background-image: url(../img/draw-tool4.png) !important;
	background-position: -16px 0;
}

.drawpoligons-selected,
.drawpoligons:hover {
	filter: grayscale(0);
	background-image: url(../img/draw-tool4.png) !important;
	background-position: -16px 0;
}

.drawcircles {
	filter: grayscale(100%);
	background-image: url(../img/draw-tool4.png) !important;
	background-position: -162px 0;
}

.drawcircles-selected,
.drawcircles:hover {
	filter: grayscale(0);
	background-image: url(../img/draw-tool4.png) !important;
	background-position: -162px 0;
}

.drawrectangles {
	filter: grayscale(100%);
	background-image: url(../img/draw-tool4.png) !important;
	background-position: -178px 0;
}

.drawrectangles-selected,
.drawrectangles:hover {
	filter: grayscale(0);
	background-image: url(../img/draw-tool4.png) !important;
	background-position: -178px 0;
}

.deletedraw {
	filter: grayscale(100%);
	background-image: url(../img/draw-tool4.png) !important;
	background-position: -48px 0;
}

.deletedraw-selected,
.deletedraw:hover {
	filter: grayscale(0);
	background-image: url(../img/draw-tool4.png) !important;
	background-position: -48px 0;
}

.loaddraw {
	filter: grayscale(100%);
	overflow: hidden;
	background-image: url(../img/draw-tool4.png) !important;
	background-position: -96px 0;
}

.loaddraw:hover {
	filter: grayscale(0);
	background-image: url(../img/draw-tool4.png) !important;
	background-position: -96px 0;
}

.loaddrawloading {
	overflow: hidden;
	background-image: url(../img/loading.gif) !important;
}

.savedraw {
	filter: grayscale(100%);
	background-image: url(../img/profil_tool5.png) !important;
	background-position: -68px 0;
}

.savedraw-selected,
.savedraw:hover {
	filter: grayscale(0);
	background-image: url(../img/profil_tool5.png) !important;
	background-position: -68px 0;
}

.pasteDraw {
	filter: grayscale(100%);
	background-image: url(../img/draw-tool4.png) !important;
	background-position: -226px 0;
}

.pasteDraw-selected,
.pasteDraw:hover {
	filter: grayscale(0);
	background-image: url(../img/draw-tool4.png) !important;
	background-position: -226px 0;
}

.undoDraw {
	filter: grayscale(100%);
	background-image: url(../img/draw-tool4.png) !important;
	background-position: -194px 0;
}

.undoDraw-selected,
.undoDraw:hover {
	filter: grayscale(0);
	background-image: url(../img/draw-tool4.png) !important;
	background-position: -194px 0;
}

.redoDraw {
	filter: grayscale(100%);
	background-image: url(../img/draw-tool4.png) !important;
	background-position: -210px 0;
}

.redoDraw-selected,
.redoDraw:hover {
	filter: grayscale(0);
	background-image: url(../img/draw-tool4.png) !important;
	background-position: -210px 0;
}

.extendraw {
	filter: grayscale(100%);
	background-image: url(../img/draw-tool4.png) !important;
	background-position: -113px 0;
}

.extendraw-selected,
.extendraw:hover {
	filter: grayscale(0);
	background-image: url(../img/draw-tool4.png) !important;
	background-position: -113px 0;
}

.optionsdraw {
	filter: grayscale(100%);
	background-image: url(../img/draw-tool4.png) !important;
	background-position: -146px 0;
}

.optionsdraw-selected,
.optionsdraw:hover {
	filter: grayscale(0);
	background-image: url(../img/draw-tool4.png) !important;
	background-position: -146px 0;
}

.heatmapdraw {
	filter: grayscale(100%);
	width: 16px;
	height: 16px;
	background-image: url(../img/draw-context4.png);
	background-repeat: no-repeat;
	background-position: -144px 0;
}

.heatmapdraw-selected,
.heatmapdraw:hover {
	filter: grayscale(0);
	width: 16px;
	height: 16px;
	background-image: url(../img/draw-context4.png);
	background-repeat: no-repeat;
	background-position: -144px 0;
}

.helpsdraw {
	filter: grayscale(100%);
	background-image: url(../img/draw-tool4.png) !important;
	background-position: -80px 0;
}

.helpsdraw:hover {
	filter: grayscale(0);
	background-image: url(../img/draw-tool4.png) !important;
	background-position: -80px 0;
}

.iconOuter {
	width: 44px;
	height: 47px;
	overflow: hidden;
	display: inline-block;
	position: relative;
	margin-bottom: -3px;
	cursor: pointer;
}

.iconOuter:hover {
	border: 1px solid #B5B8C8;
}

.iconOuterSelected {
	width: 44px;
	height: 47px;
	overflow: hidden;
	display: inline-block;
	position: relative;
	margin-bottom: -3px;
	cursor: pointer;
	background: #DFEDFF;
	border: 1px solid #6593CF;
}

.iconInner {
	position: absolute;
	left: 5px;
	top: 5px;
	width: 32px;
	height: 37px;
	overflow: hidden;
}

.iconInner1 {
	position: absolute;
	left: 5px;
	top: 6px;
	width: 32px;
	height: 32px;
	border: 1px solid #757575;
	overflow: hidden;
}

.shape-edit {
	width: 16px;
	height: 16px;
	background-image: url(../img/draw-context2.png);
	background-repeat: no-repeat;
	background-position: -524px 0;
}

.shape-delete {
	width: 16px;
	height: 16px;
	background-image: url(../img/draw-context2.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}

.shape-cut {
	width: 16px;
	height: 16px;
	background-image: url(../img/draw-tool4.png);
	background-repeat: no-repeat;
	background-position: -242px 0;
}

.shape-copy {
	width: 16px;
	height: 16px;
	background-image: url(../img/draw-tool4.png);
	background-repeat: no-repeat;
	background-position: -258px 0;
}

.shape-vertex-delete {
	width: 16px;
	height: 16px;
	background-image: url(../img/draw-context2.png);
	background-repeat: no-repeat;
	background-position: -21px 0;
}

.shape-clone {
	width: 16px;
	height: 16px;
	background-image: url(../img/draw-context2.png);
	background-repeat: no-repeat;
	background-position: -42px 0;
}

.shape-convert {
	width: 16px;
	height: 16px;
	background-image: url(../img/draw-context2.png);
	background-repeat: no-repeat;
	background-position: -63px 0;
}

.shape-move-front {
	width: 16px;
	height: 16px;
	background-image: url(../img/draw-context2.png);
	background-repeat: no-repeat;
	background-position: -84px 0;
}

.shape-move-back {
	width: 16px;
	height: 16px;
	background-image: url(../img/draw-context2.png);
	background-repeat: no-repeat;
	background-position: -105px 0;
}

.shape-move-forwards {
	width: 16px;
	height: 16px;
	background-image: url(../img/draw-context2.png);
	background-repeat: no-repeat;
	background-position: -126px 0;
}

.shape-move-backwards {
	width: 16px;
	height: 16px;
	background-image: url(../img/draw-context2.png);
	background-repeat: no-repeat;
	background-position: -147px 0;
}

.shape-select-intersected {
	width: 16px;
	height: 16px;
	background-image: url(../img/draw-context2.png);
	background-repeat: no-repeat;
	background-position: -588px 0;
}

.shape-select-contained {
	width: 16px;
	height: 16px;
	background-image: url(../img/draw-context2.png);
	background-repeat: no-repeat;
	background-position: -609px 0;
}

.shape-select-unconnected {
	width: 16px;
	height: 16px;
	background-image: url(../img/draw-context2.png);
	background-repeat: no-repeat;
	background-position: -630px 0;
}

.shape-bounds {
	width: 16px;
	height: 16px;
	background-image: url(../img/draw-context2.png);
	background-repeat: no-repeat;
	background-position: -168px 0;
}

.shape-buffer {
	width: 16px;
	height: 16px;
	background-image: url(../img/draw-context2.png);
	background-repeat: no-repeat;
	background-position: -189px 0;
}

.shape-bufferMarker {
	width: 16px;
	height: 16px;
	background-image: url(../img/draw-context4.png);
	background-repeat: no-repeat;
	background-position: -64px 0;
}

.shape-rectangMarker {
	width: 16px;
	height: 16px;
	background-image: url(../img/draw-context4.png);
	background-repeat: no-repeat;
	background-position: -496px 0;
}

.shape-elipseMarker {
	width: 16px;
	height: 16px;
	background-image: url(../img/draw-context4.png);
	background-repeat: no-repeat;
	background-position: -368px 0;
}

.shape-arcoMarker {
	width: 16px;
	height: 16px;
	background-image: url(../img/draw-context4.png);
	background-repeat: no-repeat;
	background-position: -384px 0;
}

.shape-sectorMarker {
	width: 16px;
	height: 16px;
	background-image: url(../img/draw-context4.png);
	background-repeat: no-repeat;
	background-position: -400px 0;
}

.shape-route {
	width: 16px;
	height: 16px;
	background-image: url(../img/draw-context2.png);
	background-repeat: no-repeat;
	background-position: -210px 0;
}

.shape-rename {
	width: 16px;
	height: 16px;
	background-image: url(../img/draw-context2.png);
	background-repeat: no-repeat;
	background-position: -646px 0;
}

.shape-config {
	width: 16px;
	height: 16px;
	background-image: url(../img/draw-context2.png);
	background-repeat: no-repeat;
	background-position: -231px 0;
}

.shape-zoom {
	width: 16px;
	height: 16px;
	background-image: url(../img/draw-context2.png);
	background-repeat: no-repeat;
	background-position: -252px 0;
}

.shape-unselect {
	width: 16px;
	height: 16px;
	background-image: url(../img/draw-context2.png);
	background-repeat: no-repeat;
	background-position: -273px 0;
}

.shape-selectall {
	width: 16px;
	height: 16px;
	background-image: url(../img/draw-context2.png);
	background-repeat: no-repeat;
	background-position: -546px 0;
}

.shape-addselect {
	width: 16px;
	height: 16px;
	background-image: url(../img/draw-context4.png);
	background-repeat: no-repeat;
	background-position: -480px 0;
}

.shape-selectatributes {
	width: 16px;
	height: 16px;
	background-image: url(../img/draw-context4.png);
	background-repeat: no-repeat;
	background-position: -464px 0;
}

.shape-selectstyles {
	width: 16px;
	height: 16px;
	background-image: url(../img/draw-context4.png);
	background-repeat: no-repeat;
	background-position: -528px 0;
}

.shape-invertselect {
	width: 16px;
	height: 16px;
	background-image: url(../img/draw-context2.png);
	background-repeat: no-repeat;
	background-position: -567px 0;
}

.shape-ungroup {
	width: 16px;
	height: 16px;
	background-image: url(../img/draw-context2.png);
	background-repeat: no-repeat;
	background-position: -294px 0;
}

.shape-combine {
	width: 16px;
	height: 16px;
	background-image: url(../img/draw-context2.png);
	background-repeat: no-repeat;
	background-position: -315px 0;
}

.shape-union {
	width: 16px;
	height: 16px;
	background-image: url(../img/draw-context2.png);
	background-repeat: no-repeat;
	background-position: -336px 0;
}

.shape-intersec {
	width: 16px;
	height: 16px;
	background-image: url(../img/draw-context2.png);
	background-repeat: no-repeat;
	background-position: -357px 0;
}

.shape-difference {
	width: 16px;
	height: 16px;
	background-image: url(../img/draw-context2.png);
	background-repeat: no-repeat;
	background-position: -378px 0;
}

.shape-xor {
	width: 16px;
	height: 16px;
	background-image: url(../img/draw-context2.png);
	background-repeat: no-repeat;
	background-position: -399px 0;
}

.shape-add {
	width: 16px;
	height: 16px;
	background-image: url(../img/draw-context2.png);
	background-repeat: no-repeat;
	background-position: -420px 0;
}

.shape-geo {
	width: 16px;
	height: 16px;
	background-image: url(../img/draw-context2.png);
	background-repeat: no-repeat;
	background-position: -441px 0;
}

.shape-markers {
	width: 16px;
	height: 16px;
	background-image: url(../img/draw-tool4.png);
	background-repeat: no-repeat;
	background-position: 0px 0;
}

.shape-lines {
	width: 16px;
	height: 16px;
	background-image: url(../img/draw-tool4.png);
	background-repeat: no-repeat;
	background-position: -32px 0;
}

.shape-poligons {
	width: 16px;
	height: 16px;
	background-image: url(../img/draw-tool4.png);
	background-repeat: no-repeat;
	background-position: -16px 0;
}

.shape-position {
	width: 16px;
	height: 16px;
	background-image: url(../img/draw-context2.png);
	background-repeat: no-repeat;
	background-position: -462px 0;
}

.shape-elevation {
	width: 16px;
	height: 16px;
	background-image: url(../img/draw-context2.png);
	background-repeat: no-repeat;
	background-position: -483px 0;
}

.shape-information {
	width: 16px;
	height: 16px;
	background-image: url(../img/draw-context2.png);
	background-repeat: no-repeat;
	background-position: -662px 0;
}

.shape-statistic {
	width: 16px;
	height: 16px;
	background-image: url(../img/draw-context2.png);
	background-repeat: no-repeat;
	background-position: -504px 0;
}

.shape-markerToLine {
	width: 16px;
	height: 16px;
	background-image: url(../img/draw-context4.png);
	background-repeat: no-repeat;
	background-position: -16px 0;
}

.shape-markerToPolygon {
	width: 16px;
	height: 16px;
	background-image: url(../img/draw-context4.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}

.shape-polygonToSegments {
	width: 16px;
	height: 16px;
	background-image: url(../img/draw-context4.png);
	background-repeat: no-repeat;
	background-position: -272px 0;
}

.shape-polylineToSegments {
	width: 16px;
	height: 16px;
	background-image: url(../img/draw-context4.png);
	background-repeat: no-repeat;
	background-position: -288px 0;
}

.shape-tranSegmentsInLines {
	width: 16px;
	height: 16px;
	background-image: url(../img/draw-context4.png);
	background-repeat: no-repeat;
	background-position: -544px 0;
}

.shape-tranSegmentsInPolygons {
	width: 16px;
	height: 16px;
	background-image: url(../img/draw-context4.png);
	background-repeat: no-repeat;
	background-position: -560px 0;
}

.shape-concaveHull {
	width: 16px;
	height: 16px;
	background-image: url(../img/draw-context4.png);
	background-repeat: no-repeat;
	background-position: -32px 0;
}

.shape-convexHull {
	width: 16px;
	height: 16px;
	background-image: url(../img/draw-context4.png);
	background-repeat: no-repeat;
	background-position: -48px 0;
}

.shape-thiessen {
	width: 16px;
	height: 16px;
	background-image: url(../img/draw-context4.png);
	background-repeat: no-repeat;
	background-position: -192px 0;
}

.shape-delaunay {
	width: 16px;
	height: 16px;
	background-image: url(../img/draw-context4.png);
	background-repeat: no-repeat;
	background-position: -208px 0;
}

.shape-cluster {
	width: 16px;
	height: 16px;
	background-image: url(../img/draw-context4.png);
	background-repeat: no-repeat;
	background-position: -448px 0;
}

.shape-randomMarkers {
	width: 16px;
	height: 16px;
	background-image: url(../img/draw-context4.png);
	background-repeat: no-repeat;
	background-position: -80px 0;
}

.shape-elipseDesviac {
	width: 16px;
	height: 16px;
	background-image: url(../img/draw-context4.png);
	background-repeat: no-repeat;
	background-position: -512px 0;
}

.shape-centroidMarker {
	width: 16px;
	height: 16px;
	background-image: url(../img/draw-context4.png);
	background-repeat: no-repeat;
	background-position: -96px 0;
}

.shape-poleInaccMarker {
	width: 16px;
	height: 16px;
	background-image: url(../img/draw-context4.png);
	background-repeat: no-repeat;
	background-position: -176px 0;
}

.shape-hexaGrid {
	width: 16px;
	height: 16px;
	background-image: url(../img/draw-context4.png);
	background-repeat: no-repeat;
	background-position: -352px 0;
}

.shape-trianGrid {
	width: 16px;
	height: 16px;
	background-image: url(../img/draw-context4.png);
	background-repeat: no-repeat;
	background-position: -336px 0;
}

.shape-rectanGrid {
	width: 16px;
	height: 16px;
	background-image: url(../img/draw-context4.png);
	background-repeat: no-repeat;
	background-position: -320px 0;
}

.shape-pointGrid {
	width: 16px;
	height: 16px;
	background-image: url(../img/draw-context4.png);
	background-repeat: no-repeat;
	background-position: -304px 0;
}

.shape-trianTessela {
	width: 16px;
	height: 16px;
	background-image: url(../img/draw-context4.png);
	background-repeat: no-repeat;
	background-position: -416px 0;
}

.shape-fullExtension {
	width: 16px;
	height: 16px;
	background-image: url(../img/draw-context4.png);
	background-repeat: no-repeat;
	background-position: -432px 0;
}

.shape-ordenar {
	width: 16px;
	height: 16px;
	background-image: url(../img/draw-context4.png);
	background-repeat: no-repeat;
	background-position: -128px 0;
}

.shape-generar {
	width: 16px;
	height: 16px;
	background-image: url(../img/draw-context4.png);
	background-repeat: no-repeat;
	background-position: -112px 0;
}

.shape-heatMap {
	width: 16px;
	height: 16px;
	background-image: url(../img/draw-context4.png);
	background-repeat: no-repeat;
	background-position: -144px 0;
}

.shape-heatMap-conf {
	width: 16px;
	height: 16px;
	background-image: url(../img/draw-context4.png);
	background-repeat: no-repeat;
	background-position: -160px 0;
}

.shape-rotar {
	width: 16px;
	height: 16px;
	background-image: url(../img/draw-context4.png);
	background-repeat: no-repeat;
	background-position: -224px 0;
}

.shape-escalar {
	width: 16px;
	height: 16px;
	background-image: url(../img/draw-context4.png);
	background-repeat: no-repeat;
	background-position: -240px 0;
}

.shape-desplazar {
	width: 16px;
	height: 16px;
	background-image: url(../img/draw-context4.png);
	background-repeat: no-repeat;
	background-position: -256px 0;
}

.shape-align-left {
	width: 16px;
	height: 16px;
	background-image: url(../img/draw-tool4.png);
	background-repeat: no-repeat;
	background-position: -322px 0;
}

.shape-align-center {
	width: 16px;
	height: 16px;
	background-image: url(../img/draw-tool4.png);
	background-repeat: no-repeat;
	background-position: -338px 0;
}

.shape-align-right {
	width: 16px;
	height: 16px;
	background-image: url(../img/draw-tool4.png);
	background-repeat: no-repeat;
	background-position: -354px 0;
}

.shape-align-top {
	width: 16px;
	height: 16px;
	background-image: url(../img/draw-tool4.png);
	background-repeat: no-repeat;
	background-position: -370px 0;
}

.shape-align-middle {
	width: 16px;
	height: 16px;
	background-image: url(../img/draw-tool4.png);
	background-repeat: no-repeat;
	background-position: -386px 0;
}

.shape-align-bottom {
	width: 16px;
	height: 16px;
	background-image: url(../img/draw-tool4.png);
	background-repeat: no-repeat;
	background-position: -402px 0;
}

.shape-view-values {
	width: 16px;
	height: 16px;
	background-image: url(../img/draw-tool4.png);
	background-repeat: no-repeat;
	background-position: -274px 0;
}

.shape-hide {
	width: 16px;
	height: 16px;
	background-image: url(../img/draw-tool4.png);
	background-repeat: no-repeat;
	background-position: -290px 0;
}

.shape-resize {
	width: 16px;
	height: 16px;
	background-image: url(../img/draw-tool4.png);
	background-repeat: no-repeat;
	background-position: -418px 0;
}

.shape-draw-legend {
	height: 18px;
}

/*Estilos para las sombras de las etiquetas de los elementos de dibujo*/

.lightLabelShadow {
	text-shadow: -1px 0 2px #ffffff, 0 1px #ffffff, 1px 0 #ffffff, 0 -1px #ffffff;
}

.darkLabelShadow {
	text-shadow: -1px 0 2px #000000, 0 1px #000000, 1px 0 #000000, 0 -1px #000000;
}

/*Estilos para la caja de herramientas de medicion y generador de perfiles*/

#medicionContainer {
	position: relative;
	left: 50%;
	margin-left: -92px;
	width: 184px;
	height: 18px;
}

#toolprofcontainer {
	position: relative;
	left: 50%;
	margin-left: -123px;
	width: 247px;
	height: 18px;
}

.saveprofcsv {
	filter: grayscale(100%);
	background-image: url(../img/profil_tool5.png) !important;
	background-position: -51px 0 !important;
}

.saveprofcsv-selected,
.saveprofcsv:hover {
	filter: grayscale(0);
	background-image: url(../img/profil_tool5.png) !important;
	background-position: -51px 0 !important;
}

.saveprofkml {
	filter: grayscale(100%);
	background-image: url(../img/profil_tool5.png) !important;
	background-position: -153px 0 !important;
}

.saveprofkml-selected,
.saveprofkml:hover {
	filter: grayscale(0);
	background-image: url(../img/profil_tool5.png) !important;
	background-position: -153px 0 !important;
}

.saveprofgpx {
	filter: grayscale(100%);
	background-image: url(../img/profil_tool5.png) !important;
	background-position: -17px 0 !important;
}

.saveprofgpx-selected,
.saveprofgpx:hover {
	filter: grayscale(0);
	background-image: url(../img/profil_tool5.png) !important;
	background-position: -17px 0 !important;
}

.saveprofpng {
	filter: grayscale(100%);
	background-image: url(../img/profil_tool5.png) !important;
	background-position: -34px 0 !important;
}

.saveprofpng-selected,
.saveprofpng:hover {
	filter: grayscale(0);
	background-image: url(../img/profil_tool5.png) !important;
	background-position: -34px 0 !important;
}

.printprof {
	filter: grayscale(100%);
	background-image: url(../img/profil_tool5.png) !important;
	background-position: -102px 0 !important;
}

.printprof-selected,
.printprof:hover {
	filter: grayscale(0);
	background-image: url(../img/profil_tool5.png) !important;
	background-position: -102px 0 !important;
}

.tenprof {
	filter: grayscale(100%);
	background-image: url(../img/profil_tool5.png) !important;
	background-position: -85px 0 !important;
}

.tenprof-selected,
.tenprof:hover {
	filter: grayscale(0);
	background-image: url(../img/profil_tool5.png) !important;
	background-position: -85px 0 !important;
}

.bufferprof {
	filter: grayscale(100%);
	background-image: url(../img/profil_tool5.png) !important;
	background-position: -136px 0 !important;
}

.bufferprof-selected,
.bufferprof:hover {
	filter: grayscale(0);
	background-image: url(../img/profil_tool5.png) !important;
	background-position: -136px 0 !important;
}

.tranprof {
	filter: grayscale(100%);
	background-image: url(../img/profil_tool5.png) !important;
	background-position: 0 0 !important;
}

.tranprof-selected,
.tranprof:hover {
	filter: grayscale(0);
	background-image: url(../img/profil_tool5.png) !important;
	background-position: 0 0 !important;
}

.selecprof {
	filter: grayscale(100%);
	background-image: url(../img/profil_tool5.png) !important;
	background-position: -119px 0 !important;
}

.selecprof-selected,
.selecprof:hover {
	filter: grayscale(0);
	background-image: url(../img/profil_tool5.png) !important;
	background-position: -119px 0 !important;
}

.hideprof {
	filter: grayscale(100%);
	background-image: url(../img/draw-tool4.png) !important;
	background-position: -290px 0 !important;
}

.hideprof-selected,
.hideprof:hover {
	filter: grayscale(0);
	background-image: url(../img/draw-tool4.png) !important;
	background-position: -290px 0 !important;
}

.followRute {
	filter: grayscale(100%);
	background-image: url(../img/profil_tool5.png) !important;
	background-position: -170px 0 !important;
}

.followRute-selected,
.followRute:hover {
	filter: grayscale(0);
	background-image: url(../img/profil_tool5.png) !important;
	background-position: -170px 0 !important;
}

/* truquillo para que no se vea el campo input y solo se vea la imagen de fondo de loadprof */

#fileElem {
	cursor: pointer;
	height: 100%;
	font-size: 100px;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1001;
	opacity: 0;
}

/* para que el cursor sea un puntero en chrome */

input[type=file]::-webkit-file-upload-button {
	cursor: pointer;
}

/* Estilos para el footer*/

#footer {
	width: 100%;
	height: 100%;
	overflow: hidden;
	color: #666666;
	background-color: #F1F1F1;
	font-size: 12px;
}

#foot_left {
	float: left;
	margin-left: 7px;
	margin-top: 2px;
}

#foot_left a,
#copyright a,
.linkBlue {
	text-decoration: none;
	color: #36C;
	cursor: pointer;
}

#foot_left a:hover,
#copyright a:hover,
.linkBlue:hover {
	text-decoration: underline;
}

.separador {
	border-left: 1px solid #ACA899;
	border-right: 1px solid white;
}

.separador1 {
	margin-left: 3px;
	margin-right: 3px;
	border-left: 1px solid #ACA899;
	border-right: 1px solid white;
}

#copyright {
	position: absolute;
	left: 50%;
	margin-left: -90px;
	margin-top: 2px;
}

#foot_right {
	float: right;
	margin-right: 7px;
	width: 74px;
	position: relative;
}

#help {
	position: absolute;
	right: 56px;
	top: 0px;
	width: 18px;
	height: 18px;
	cursor: pointer;
	background-image: url(../img/footer_tool1.png);
	background-repeat: no-repeat;
	background-position: -23px 0;
}

#help:hover {
	width: 18px;
	height: 18px;
	background-image: url(../img/footer_tool1.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#donate {
	position: absolute;
	right: 83px;
	top: 0px;
	width: 18px;
	height: 18px;
	cursor: pointer;
	background-image: url(../img/bmc-logo1.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#donate:hover {
	width: 18px;
	height: 18px;
	background-image: url(../img/bmc-logo.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#share {
	position: absolute;
	right: 28px;
	top: 0px;
	width: 18px;
	height: 18px;
	cursor: pointer;
	background-image: url(../img/footer_tool1.png);
	background-repeat: no-repeat;
	background-position: -115px 0;
}

#share:hover {
	width: 18px;
	height: 18px;
	background-image: url(../img/footer_tool1.png);
	background-repeat: no-repeat;
	background-position: -92px 0;
}

.share-facebook {
	background-size: 16px;
	background-image: url(../img/share-facebook.svg);
	background-repeat: no-repeat;
}

.share-twitter {
	background-size: 16px;
	background-image: url(../img/share-twitter.svg);
	background-repeat: no-repeat;
}

.share-linkedin {
	background-size: 16px;
	background-image: url(../img/share-linkedin.svg);
	background-repeat: no-repeat;
}

.share-envelope {
	background-size: 16px;
	background-image: url(../img/share-envelope.svg);
	background-repeat: no-repeat;
}

#setting {
	position: absolute;
	right: 0px;
	top: 0px;
	width: 18px;
	height: 18px;
	cursor: pointer;
	background-image: url(../img/footer_tool1.png);
	background-repeat: no-repeat;
	background-position: -69px 0;
}

#setting:hover {
	width: 18px;
	height: 18px;
	background-image: url(../img/footer_tool1.png);
	background-repeat: no-repeat;
	background-position: -46px 0;
}

.scale_up {
	width: 16px;
	height: 16px;
	background-image: url(../img/footer_tool.png);
	background-repeat: no-repeat;
	background-position: 0 0 !important;
}

.scale_down {
	width: 16px;
	height: 16px;
	background-image: url(../img/footer_tool.png);
	background-repeat: no-repeat;
	background-position: -21px 0 !important;
}

.color_wheel {
	width: 16px;
	height: 16px;
	background-image: url(../img/footer_tool.png);
	background-repeat: no-repeat;
	background-position: -42px 0 !important;
}

/* Estilo para el boton de impresion en la previsualizacion */

.printbutton {
	position: fixed;
	top: 5px;
	left: -1000px;
	box-shadow: inset 0px 1px 0px 0px #97c4fe;
	background-color: #3d94f6;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	text-indent: 0px;
	border: 1px solid #337fed;
	display: inline-block;
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	font-style: normal;
	height: 40px;
	line-height: 40px;
	width: 90px;
	text-decoration: none;
	text-align: center;
	z-index: 1000;
}

.printbutton:hover {
	background-color: #1e62d0;
}

.printbutton:active {
	top: 6px;
}

@media print {
	.printbutton {
		display: none;
	}
}

/* Estilo el listado y mensaje de no encontrado del combo de municipios*/

.comboMun {
	padding: 3px;
	font-size: 11px;
	color: red;
}

#sensMayu,
#completWords,
#comodin,
#genMarkersDBSCAN,
#genMarkersKmeans,
#addDescription {
	font-size: 11px;
	color: #666666;
}

.centralabel1 {
	margin-top: 3px;
}

.centralabel2 {
	margin-top: 3px;
	padding-right: 18px;
	width: 15px;
	height: 15px;
	background-image: url(../img/ayuda.png);
	background-repeat: no-repeat;
	background-position: 100% 0px;
}

.centralabel2:hover {
	background-image: url(../img/ayuda1.png);
}

/* iconos de origen y destino en el localizador de rutas*/

#origenDir-labelCell {
	background-image: url(../img/origen1.svg);
	background-repeat: no-repeat;
	background-position: 2px 2px;
}

#destinoDir-labelCell {
	background-image: url(../img/destino1.svg);
	background-repeat: no-repeat;
	background-position: 2px 2px;
}

.beauty-list li span {
	position: relative;
	left: -5px;
}

.beauty-list1 li span {
	position: relative;
	left: -2px;
}

#evitarauto,
#evitarpeaje,
#mejorRuta,
#menosTrans,
#menosWalk,
#mejorEscenario,
#optimistaEscenario,
#pesimistaEscenario {
	color: #666666;
	font-size: 9px;
	width: 100%;
}

#evitarferri-bodyEl {
	color: #666666;
	font-size: 9px;
	float: right !important;
	width: 78px !important;
	margin-top: -40px !important
}

#optimizaruta-bodyEl {
	color: #666666;
	font-size: 9px;
	float: right !important;
	width: 78px !important;
	margin-top: -24px !important
}

#prefieroBus-bodyEl {
	color: #666666;
	font-size: 9px;
	float: right !important;
	width: 90px !important;
	margin-top: -56px !important
}

#prefieroTren-bodyEl {
	color: #666666;
	font-size: 9px;
	float: right !important;
	width: 90px !important;
	margin-top: -40px !important
}

#prefieroMetro-bodyEl {
	color: #666666;
	font-size: 9px;
	float: right !important;
	width: 90px !important;
	margin-top: -24px !important
}

#prefieroTran-bodyEl {
	color: #666666;
	font-size: 9px;
	float: right !important;
	width: 90px !important;
	margin-top: -8px !important
}

#evitarauto:hover,
#evitarpeaje:hover,
#evitarferri-bodyEl:hover,
#optimizaruta-bodyEl:hover,
#prefieroBus-bodyEl:hover,
#prefieroMetro-bodyEl:hover,
#prefieroTren-bodyEl:hover,
#prefieroTran-bodyEl:hover,
#mejorRuta:hover,
#menosTrans:hover,
#menosWalk:hover,
#mejorEscenario:hover,
#optimistaEscenario:hover,
#pesimistaEscenario:hover {
	color: #333333;
}

/* Estilos para los labels del radioField de codigo de Municipio INE o Catastro en la conversion de codigos PRO:MUN:PAR:POL*/

#codMunField-legendTitle,
#radioCodMun,
#radioCodMun1 {
	font-size: 11px;
	color: #333333;
}

/* Estilos para los labels del checkField de Localizacion masiva de Catastro*/

#genParc {
	font-size: 12px;
	color: #333333;
}

/* Estilos para el selector de capas WMS*/

.x-form-itemselector-top {
	background-image: url(../img/flechas.png);
	background-position: -72px 0;
	width: 16px;
	height: 16px;
}

.x-form-itemselector-up {
	background-image: url(../img/flechas.png);
	background-position: -90px 0;
	width: 16px;
	height: 16px;
}

.x-form-itemselector-add {
	background-image: url(../img/flechas.png);
	background-position: -54px 0;
	width: 16px;
	height: 16px;
}

.x-form-itemselector-remove {
	background-image: url(../img/flechas.png);
	background-position: -36px 0;
	width: 16px;
	height: 16px;
}

.x-form-itemselector-down {
	background-image: url(../img/flechas.png);
	background-position: -18px 0;
	width: 16px;
	height: 16px;
}

.x-form-itemselector-bottom {
	background-image: url(../img/flechas.png);
	background-position: 0 0;
	width: 16px;
	height: 16px;
}

/* Estilos para el nuevo color picker */

.colorPicker .twod {
	float: left;
}

.colorPicker .twod,
.colorPicker .twod .bg {
	width: 230px;
	height: 230px;
}

.colorPicker .oned,
.colorPicker .oned .bg {
	height: 230px;
}

.colorPicker .oned,
.colorPicker .oned .bg,
.colorPicker .oned .pointer .shape {
	width: 26px;
}

.colorPicker .twod .bg {
	position: absolute;
}

.colorPicker .twod .pointer {
	position: relative;
	z-index: 2;
}

.colorPicker .twod .pointer .shape {
	position: absolute;
}

.colorPicker .twod .pointer .shape1 {
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 14px;
	height: 14px;
	border: 2px solid black;
	-moz-border-radius: 7px;
	border-radius: 7px;
}

.colorPicker .twod .pointer .shape2 {
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 12px;
	height: 12px;
	border: 2px solid white;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

.colorPicker .oned {
	float: left;
	margin-left: 8px;
}

.colorPicker .oned .pointer {
	position: relative;
	z-index: 2;
}

.colorPicker .oned .pointer .shape {
	width: 30px;
	position: absolute;
	margin-left: -2px;
	margin-top: -4px;
	height: 8px;
	border: 2px solid rgb(0, 0, 0);
}

/* gradients, tweak as needed based on which browsers you want to support */

.colorPicker .oned .bg {
	background: -moz-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 66%, #ff00ff 83%, #ff0000 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff0000), color-stop(17%, #ffff00), color-stop(33%, #00ff00), color-stop(50%, #00ffff), color-stop(66%, #0000ff), color-stop(83%, #ff00ff), color-stop(100%, #ff0000));
	background: -webkit-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 66%, #ff00ff 83%, #ff0000 100%);
	background: -o-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 66%, #ff00ff 83%, #ff0000 100%);
	background: linear-gradient(to bottom, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 66%, #ff00ff 83%, #ff0000 100%);
}

.colorPicker .twod .bg1 {
	z-index: 0;
	background: -moz-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(255, 255, 255, 0)));
	background: -webkit-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
	background: -o-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
	background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
}

.colorPicker .twod .bg2 {
	z-index: 1;
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 1)));
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
	background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
}

/* Estilo de la tabla de caudales */

.tg {
	border-collapse: collapse;
	border-spacing: 0;
	border-color: #ccc;
	width: 100%;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.tg td {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	padding: 7px 7px;
	border-style: solid;
	border-width: 1px;
	overflow: hidden;
	word-break: normal;
	border-color: #ccc;
	color: #333;
	background-color: #fff;
}

.tg th {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: normal;
	padding: 7px 7px;
	border-style: solid;
	border-width: 1px;
	overflow: hidden;
	word-break: normal;
	border-color: #ccc;
	color: #333;
	background-color: #f0f0f0;
}

.tg .tg-lf6h {
	background-color: #f9f9f9;
	font-size: 12px;
	text-align: center
}

.tg .tg-gba0 {
	background-color: #efefef;
	font-size: 12px;
	text-align: center;
	vertical-align: top
}

.tg .tg-pxp1 {
	background-color: #efefef;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	vertical-align: top
}

.tg .tg-kr94 {
	font-size: 12px;
	text-align: center
}

.tg .tg-6nwz {
	font-size: 14px;
	text-align: center;
	vertical-align: top
}

/* Estilo de la tabla de matriz de distancias */

.tg .tg-fmr6 {
	background-color: #ffffff;
	font-size: 12px;
	text-align: center
}

.tg .tg-fmr6:hover {
	background-color: #f9f9f9;
}

.tg .tg-pi53 {
	font-weight: bold;
	font-size: 12px;
	text-align: center
}

/* Estilo de la tabla de caudales ecologicos */
.sombraHover:hover {
	background-color: #f9f9f9;
}

/* Estilo de la barra de progreso */

#progressBar {
	position: absolute;
	bottom: 2px;
	left: 50%;
	margin-left: -128px;
	background-image: url(../img/progressBar.gif);
	background-repeat: no-repeat;
	width: 256px;
	height: 4px;
	display: none;
}