/* Define Body Text */
body {
	font-family: Verdana, Arial;
	font-size: 68.75%;
}

/* General properties of the website */
html, body {
	position: absolute;
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
	overflow: hidden;
}

img {
	border: none;
	margin: 0px;
	padding: 0px;
}

/* define Website style for different parts */
#map {
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	position: absolute;
}

.leftbar {
	bottom: 0;
	top: 0;
	position: absolute;
	width: 257px;
	z-index: 1100;
	margin-top: 85px;
}

.header {
/* 	background-color: #e7e5e6; */
	height: 80px;
	width: 100%;
	position: absolute;
	left: 0px !important;
	z-index: 3;
/* 	padding-left: 200px !important; */
/* 	-moz-box-shadow: 0 0 5px #292925; */
/* 	-webkit-box-shadow: 0 0 5px #292925; */
/* 	box-shadow: 0 0 5px #292925; */
}

#headerShadow {
	background-image: url("img/shadow.png");
	display: block;
	height: 7px;
	left: 0;
	position: absolute;
	right: 0;
	z-index: 9000;
}

#headerShadow, .principal {
	top: 81px;
}

.principal {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 28px;
	background-color: #aaaaaa;
}

.mainContentMapa {
	height: 100%;
	position: absolute;
	width: 100%;
	display:inline-block;
}

	
.contentMapaAll {
	bottom: 0;
	position: absolute;
	right: 0;
	top: 0;
	background-color: #ffffff;
}
.contentMapaFusll {
	bottom: 0;
	left: 0px;
	position: absolute;
	right: 0;
	top: 0;
	background-color: #ffffff;
}

.buttonToggleLeft {
	background-color: #BBBBBB;
	background-image: url("img/navigate_left.png") !important;
	background-position: center center;
	background-repeat: no-repeat;
	cursor: pointer;
	height: 100%;
	left: 259px;
	position: absolute;
	width: 8px;
}

.buttonToggleright {
	height: 100%;
	left: 257px;
	position: absolute;
	width: 10px;
	background-image: url("img/navigate-right.png") !important;
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #BBBBBB;
	cursor: pointer;
}

.measureContainer {
	/* background-color: #FFFFDD;
    border: 1px solid #000000;*/
	bottom: 13px;
	/*     font-size: 1.236em; */
	height: 60px;
	left: 0px;
	/*     line-height: 30px; */
	padding-left: 0px;
	position: absolute;
	width: 200px;
	cursor: move;
	z-index: 9000;
}

.measureContainer70 {
	/* background-color: #FFFFDD;
    border: 1px solid #000000;*/
	bottom: 13px;
	/*     font-size: 1.236em; */
	height: 77px;
	left: 0px;
	/*     line-height: 30px; */
	margin-left: 73%;
	position: absolute;
	width: 200px;
	top: 80px;
	z-index: 9500;
}

.measureInner {
	padding-left: 10px;
}

.button-close {
	position: absolute;
	top: 5px;
	right: 5px;
	text-align: center;
	z-index: 10100;
}

.icon-close {
	background-image: url("img/close.png") !important;
	background-position: right;
	background-repeat: no-repeat;
	height: 15px;
	width: 15px;
	margin: 0 !important;
}

.icon-close:hover {
	background-image: url("img/close.png") !important;
	background-position: left;
}

.corner-all {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-top-left-radius: 5px;
	border-radius: 5px;
	-khtml-border-top-right-radius: 5px;
	-khtml-border-bottom-left-radius: 5px;
	-khtml-border-bottom-right-radius: 5px;
	overflow: hidden;
}

.buttonCatalog {
	background-image: url("img/34 carregar capas.png");
	margin-left: 10px;
}

.buttonSave {
	background-image: url("img/34-a-23-18-v4.png");
}

.buttonLoad {
	background-image: url("img/34-a-23-18-v1.png");
}

.buttonNew {
	background-image: url("img/34-a-23-18-v3.png");
}

.buttonDownload {
	background-image: url("img/34-compartir-mapa-v3-a-23-18.png");
}

.buttonLoadMap {
	background-image: url("img/iconacarregarmapaON.png");
}

.buttonLink {
	background-image: url("img/getLink.png");
	margin-left: 10px;
}

.legendButton {
	display: inline-block;
	width: 23px;
	height: 19px;
	cursor: pointer;
	background-size: 23px 17px;
	background-repeat: no-repeat;
}

.legendButton:hover {
	opacity: 0.5;
}

.labelText {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-family: Verdana !important;
}

.labelText>a {
	font-weight: bold;
}

.showCatalog {
	bottom: 3px;
	display: inline;
	position: absolute;
	text-align: center;
	width: 100%;
}

.defaultButton {
	background-color: #FFFFFF;
	border: 1px solid #0D506C;
	color: #000000 !important;
	cursor: pointer !important;
	font-family: Verdana !important;
	font-size: 0.909em;
	font-weight: bold;
	padding: 2px 4px;
}

.defaultButton:hover {
	background-color: #a8a8a8;
}

.defaultButton:active {
	background-color: #4d4d4d;
}

#divLlegendaParent, #divCercadorParent, #divFavoritosParent,
	#divRoutingParent {
	background-color: #FFFFFF !important;
	bottom: 4px;
	left: 4px;
	overflow-x: hidden;
	overflow-y: auto;
	padding: 0 !important;
	position: absolute;
	top: 49px;
	width: 247px;
}

.favoritosDiv {
	background-color: white !important;
	bottom: 0;
	left: 4px;
	overflow-x: hidden;
	overflow-y: auto;
	padding: 0 !important;
	position: absolute;
	top: 46px;
	width: 248px;
}

#divLlegendaParent {
	bottom: 4px;
	left: 4px;
}

#divCercadorParent {
	
}

#divFavoritosParent {
	
}

.leftbar {
	padding: 0px !important;
	overflow: hidden;
}

.leftbar>ul {
	width: 100%;
	border-top: none;
	border-left: none;
	border-right: none;
	border-radius: 0px !important;
}

.display_inline_class {
	display: inline-block;
}

.buttonDisabled, .buttonDisabled:hover, .buttonDisabled:active {
	border-color: #BBBBBB !important;
	color: #BBBBBB !important;
	background-color: #FFFFFF !important;
}

th, td {
	border: medium none;
	padding: 5px;
}

th.headInfo {
	background-image: url("img/degradadadoTabla.jpg");
	color: #FFFFFF;
	font-weight: bold;
	padding: 5px;
	/*     width: 1%; */
	line-height: 7px;
}

.grid-100 {
	display: block;
	width: 100%;
}

.ts-copyright {
	border-top: 1px dotted #000000;
	bottom: 0px;
	padding: 3px 0 12px;
	position: absolute;
	background-color: #FFFFFF;
}

.ts-copyright .ts-center-document {
	color: #4D4D4D;
	font-size: 0.909em;
	text-align: center;
}

.ts-copyright .ts-center-document li {
	border-right: 1px solid #4D4D4D;
	display: inline;
	font-size: 0.909em;
	margin: 0;
	padding: 0 6px;
}

.ts-copyright .ts-center-document li a {
	color: #4D4D4D;
	text-decoration: none;
}

.ts-copyright .ts-center-document li.finalItem {
	border: medium none !important;
}

.gx-popup .x-window-tl {
/* 	background-image: url("img/red-gradient.png") !important; */
	background-repeat: repeat !important;
	border-radius: 5px 5px 0px 0px !important;
}

.gx-popup .x-window-tr {
/* 	background-image: url("img/red-gradient.png") !important; */
	background-repeat: repeat !important;
	border-radius: 5px 5px 0px 0px !important;

}

.gx-popup .x-window-tc {
/* 	background-image: url("img/red-gradient.png") !important; */
}

.x-window-tl {
/* 	background-image: url("img/red-gradient.png") !important; */
	background-repeat: repeat !important;
	border-radius: 5px 5px 0px 0px !important;

}

.divRellotge {
	background-image: url("img/loading_transparent.gif") !important;
	height: 48px;
	left: 50%;
	position: absolute;
	top: 50%;
	width: 48px;
	z-index: 20000;
}

.titolVisor {
	color: #FFFFFF;
	font-family: Arial !important;
	font-size: 1.5em;
	font-weight: bold;
	position: absolute;
	left: 50%;
	top: 7px;
	margin-left: 0px !important;
	text-align: center;
}

.olImageLoadError {
	display: none !important;
}

.baseMiniLoader {
	background-image: url("img/mini-loader.gif");
	width: 16px;
	height: 16px;
	display: inline-block;
}

.styleErrorIcon {
	background-image: url("img/mini-error.png");
	width: 16px;
	height: 16px;
	display: inline-block;
}

.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	margin-top: -2px;
	position: relative;
	top: 1px;
	margin-bottom: 2px;
	overflow: auto;
	display: none;
	zoom: 1;
}

.ui-accordion .ui-accordion-content-active {
	display: block;
}

.opciones_bullet_collapsed
{
	background-position:0px 0px;
}

.opciones_bullet_expanded
{
	background-position:0px -9px;
}