.leaflet-control-layers {
	width: 150px;
	padding: 10px !important;
}

.leaflet-control-layers-separator {
	float: left;
    width: 100%;
}

.leaflet-control-layers .leaflet-control-layers-title {
	font-size: inherit;
	 margin: 5px;
}

.leaflet-control-layers {
	float: left;
    width: 100%;
}

.leaflet-row {
	float: left;
    width: 100%;
    list-style-type: none;
}

.leaflet-control-layers .leaflet-input {
	float: left;
	width: 10%;
}

.leaflet-control-layers .leaflet-name {
	/* float: left; */
	/*width: 45%;*/
	/*width: 52%; /*75%;*/
	/* padding-right: 5px; */
	width: 145px;
	display: inline;
	max-width: 145px;
	/* border: 1px solid red; */
}

.leaflet-name label {
    word-wrap: break-word;
    /* width: auto; */
    /* max-width: 165px; */
    font-weight: lighter;
}

.layer-count{
	font-weight: normal;
}

label.error{
	text-decoration: line-through;
}

/*
.leaflet-control-layers .leaflet-subrow .leaflet-name {
	float: left;
	/*width: 45%;*/
	/*width: 75%;
	padding-right: 5px;
}*/


.leaflet-count{
	float: left;
	/*width: 45%;
	width: 10%;
	padding-right: 5px;	*/
}

.options-conf{
	float: right;
	margin-right: 16px;
}

/*background-image: url(images/arrow-up.png);*/
.leaflet-control-layers .leaflet-up {
	float: right;
	background-repeat: no-repeat;
	background-position: center;
    height: 20px;
    width: 16px;
    opacity: 0.75;
    cursor: pointer;
    display: none;
}

.leaflet-control-layers .leaflet-move {
	float: right;
	background-repeat: no-repeat;
	background-position: center;
    height: 20px;
    width: 16px;
    opacity: 0.75;
    cursor: move;
    display: none;
}


.leaflet-control-layers .leaflet-zoom {
	float: right;
	background-repeat: no-repeat;
	background-position: center;
    height: 20px;
    width: 16px;
    opacity: 0.75;
    cursor: pointer;
    display: none;
}

/*background-image: url(images/arrow-down.png);*/
.leaflet-control-layers .leaflet-down {
	float: right;
	background-repeat: no-repeat;
	background-position: center;
    height: 20px;
    width: 16px;
    opacity: 0.75;
    cursor: pointer;
    display: none;
}

.leaflet-control-layers .leaflet-remove {
	float: right;	
	background-repeat: no-repeat;
	background-position: center;
    height: 20px;
    width: 16px;
    opacity: 0.75;
    cursor: pointer;
    display: none;
}

.leaflet-control-layers .leaflet-trans {
	float: right;	
	background-repeat: no-repeat;
	background-position: center;
    height: 20px;
    width: 16px;
    opacity: 0.75;
    cursor: pointer;
    display: none;
}


.leaflet-control-layers .leaflet-subrow .leaflet-remove {
	float: right;	
	background-repeat: no-repeat;
	background-position: center;
    height: 20px;
    width: 16px;
    opacity: 0.75;
    cursor: pointer;
    display: block;
}

.leaflet-control-layers .leaflet-subrow .leaflet-duplicate {
    float: right;	
    background-repeat: no-repeat;
    background-position: center;
    width: 16px;
    opacity: 0.75;
    cursor: pointer;
    display: block;
    margin-right: 5px;
}

.leaflet-control-layers .leaflet-download {
	float: right;	
	background-repeat: no-repeat;
	background-position: center;
    height: 20px;
    width: 16px;
    opacity: 0.75;
    cursor: pointer;
    display: none;
}
.leaflet-control-layers .leaflet-data-table {
	float: right;	
	background-repeat: no-repeat;
	background-position: center;
    height: 20px;
    width: 16px;
    opacity: 0.75;
    cursor: pointer;
}
.leaflet-control-layers .leaflet-download-visor {
	float: right;	
	background-repeat: no-repeat;
	background-position: center;
    height: 20px;
    width: 16px;
    opacity: 0.75;
    cursor: pointer;
}

.leaflet-control-layers .leaflet-conf {
	float: right;	
	background-repeat: no-repeat;
	background-position: center;
    height: 20px;
    width: 16px;
    opacity: 0.75;
    cursor: pointer;
}

.leaflet-control-layers .leaflet-conf:hover,
.leaflet-control-layers .leaflet-up:hover,
.leaflet-control-layers .leaflet-down:hover,
.leaflet-control-layers .leaflet-remove:hover,
.leaflet-control-layers .leaflet-download:hover,
.leaflet-control-layers .leaflet-data-table:hover,
.leaflet-control-layers .leaflet-download-visor:hover,
.leaflet-control-layers .leaflet-zoom:hover{
	 opacity: 1;
	color:#fcc403:
}

.leaflet-subrow {
	margin-left: 15px;
}

.leaflet-control-layers .leaflet-subrow .leaflet-remove{
	margin-right:16px;
}

/*
nou cc

*/

@font-face {
    font-family: BebasNeueRegular;
    src: url(fonts/BebasNeue-webfont.woff);
}

@font-face {
    font-family: Alegreya-Regular;
    src: url(fonts/Alegreya-Regular.ttf);
}

@font-face {
    font-family: Ubuntu-Medium;
    src: url(fonts/Ubuntu-Medium.ttf);
}

@font-face {
    font-family: Ubuntu-Regular;
    src: url(fonts/Ubuntu-Regular.ttf);
}



.ac-container{
	width: auto;
	/*
	margin: 10px auto 10px auto;
	*/
	text-align: left;
	overflow-y: hidden;
	overflow-x: hidden;
	height: auto;
}
.ac-container .label_ac{
	
	padding: 5px 10px;
	position: relative;
	z-index: 20;
	display: block;
	cursor: pointer;
	 border-left: 1px dashed #aaaaaa;
    border-right: 1px dashed #aaaaaa;
    border-top: 1px dashed #aaaaaa;
    color: #ffc500 !important;
	line-height: 18px;
	
    margin-top: 5px !important;
    margin-bottom: 0px !important;
    font-family: inherit;
  
}

.ac-container .label_ac_novisible{
	
	padding: 5px 10px;
	position: relative;
	z-index: 20;
	display: block;
	cursor: pointer;
	 border-left: 1px dashed #aaaaaa;
    border-right: 1px dashed #aaaaaa;
    border-top: 1px dashed #aaaaaa;
    color: #ffc500 !important;
	line-height: 18px;
	
    margin-top: 5px !important;
    margin-bottom: 0px !important;
    font-family: inherit;
    display:none;
  
}
.ac-container .label_ac:hover{
	background:  no-repeat scroll rgba(49, 50, 48, 0.5);
}
.ac-container input.menu:checked + label,
.ac-container input.menu:checked + label:hover{
	/*
	background:  no-repeat scroll rgba(49, 50, 48, 0.5);
	*/
	color: #FFFFFF;
	
	
	/*
	text-shadow: 0px 1px 1px rgba(255,255,255, 0.6);
	box-shadow: 
		0px 0px 0px 1px rgba(155,155,155,0.3), 
		0px 2px 2px rgba(0,0,0,0.1);
		
	*/	
}





.ac-container input.menu:checked + label:before{
	content: '';
	position: absolute;
	width: 24px;
	height: 24px;
	right: 13px;
	top: 4px;
	/*
	background: transparent url(images/arrow_down.png) no-repeat center center;	
	*/
}


/*

.ac-container input.menu:checked + label:after{
	content: '';
	position: absolute;
	width: 24px;
	height: 24px;
	right: 13px;
	top: 4px;
	background: transparent url(images/arrow_up.png) no-repeat center center;	
}
*/


.label_gl{	
	
   cursor: pointer;
    font-size: 7px;
    font-style: normal;
    margin-right: 5px;
   
	
}



.ac-container input.menu:checked + label:hover:after{
	/*
	background-image: url(images/arrow_up.png);
	*/
}
.ac-container input.menu{
	display: none;
}





.ac-container input.menu:checked ~ ol{
	-webkit-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-moz-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-o-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-ms-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3);
}

.ac-container input.menu:checked ~ ol.ac-large{
	height: auto;
	min-height: 30px;
	/*max-height : 350px;*/
	padding-top: 5px;
	overflow-y: auto;
	padding-left: 5px;
}

.menu-item-radio{
	 font-family: inherit;
	font-size: 12px;
	
}

.menu-item-checkbox{
	 font-family: inherit;
	font-size: 12px;
	
}


.menu-sub-item-checkbox{
	 font-family: inherit;
	font-size: 11px;
	font-style: italic;
	margin-left: 15px;
	
}

.bt_delete{
    position: relative;
	float: right;
	background-image: url(images/delete.png); 
    background-color: transparent; 
    background-repeat: no-repeat;  
    background-position: 0px 0px;  
    border: none;           
    cursor: pointer;        
    height: 16px;   
    width: 16px;	
    vertical-align: middle; 
}


/*
.leaflet-control-layers:hover {
	
	box-shadow: 0 1px 5px rgba(0,0,0,0.4);
	background: #e0e3ec url(images/bgnoise_lg.jpg) repeat top left;
	border-radius: 5px;
}
*/

.addVerd{
	   background-color: transparent;
	   background-image: url("images/addStuff.png");
	   background-position: 99% 0;
	   background-repeat: no-repeat;
	   border: medium none;
	   color: #00ff00;
	   cursor: pointer;
	   float: right;
	   height: 25px;
	   margin-top: 8px;
	   position: relative;
	   text-align: end;
	   vertical-align: middle;
	   width: 30px;
}

.addVerd:hover{
	 background-color: #4A4C47;
	
}	


.tema_verd{
	color: #FFC500;
    cursor: pointer;
    font-size: 12px;
    margin-left: 4px;
    float:right;
	
	
}



.tema_verd_move{
	color: #FFC500;
    cursor: move;
    font-size: 12px;
    margin-left: 4px;
    float:right;
	
	
}


.leaflet-control-layers #nomAplicacio {
    border-bottom: 1px solid #cccccc;
    font-weight: bold;
    margin-top: 10px;
    padding-bottom: 5px;
    text-align: center;
}



input[type='checkbox'].checkbox_styled + label:before,
input[type='checkbox'].checkbox_styled + label:after{
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-size: 13px;
    font-style: normal;
    font-weight: 300;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    cursor:pointer;
    color:white;
}


input[type='checkbox'].checkbox_styled + label:before{
    content: "\e157";
}
input[type='checkbox']:checked.checkbox_styled + label:before{
    content: "\e067";
}


input[type='radio'].checkbox_styled + label:before,
input[type='radio'].checkbox_styled + label:after{
    position: relative;
    top: 1px;
    display: inline-block;  
/*	
    font-family: 'Glyphicons Halflings'; 
*/
font-family: 'FontAwesome';
	
    font-style: normal;
    font-size: 13px;
    font-style: normal;
    font-weight: 300;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    cursor:pointer;
    color:white;
}


input[type='radio'].checkbox_styled + label:before{
 content:"\f10c";
 color:red;  
}

input[type='radio']:checked.checkbox_styled + label:before{
  content:"\f192";
  color:#00FF00;	
}




input[type='checkbox'].checkbox_time + label:before,
input[type='checkbox'].checkbox_time + label:after{
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-size: 13px;
    font-style: normal;
    font-weight: 300;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    cursor:pointer;
    color:white;
}
input[type='checkbox'].checkbox_time + label:before{
    content: "\e090";
     color:white;
}
input[type='checkbox']:checked.checkbox_time + label:before{
   
     content: "\e023";
    
     color:white;
}

















input[type='checkbox'].checkbox_eye + label:before,
input[type='checkbox'].checkbox_eye + label:after{
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-size: 13px;
    font-style: normal;
    font-weight: 300;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    cursor:pointer;
    /* color:white; */
}
input[type='checkbox'].checkbox_eye + label:before{
    content: "\e106";
}
input[type='checkbox']:checked.checkbox_eye + label:before{
    content: "\e105";
}

.leaflet-control-layers {
    background: rgba(45, 46, 41, 0.9) none repeat scroll 0 0;
    max-height: 650px;
    overflow-x: none;
    overflow-y: auto;
}



body.dragging, body.dragging * {
  cursor: move !important;
}

.dragged {
  position: absolute;
  right:100px;
  opacity: 0.8;
  z-index: 2000;
}

ol.leaflet-control-layers-overlays li.placeholder {
  position: relative;
  /** More li styles **/
}
ol.leaflet-control-layers-overlays li.placeholder:before {
  position: absolute;
  -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: transparent -moz-use-text-color transparent red;
    border-image: none;
    border-style: solid none solid solid;
    border-width: 5px medium 5px 5px;
    content: "";
    height: 0;
    left: -5px;
    margin-top: -5px;
    position: absolute;
    top: -4px;
    width: 0;
}

ol.leaflet-control-layers-overlays{
	list-style-type: none;
	list-style-type: none;
	margin-left: 0;
	/* min-height: 250px; */
	padding-left: 0;
}


ol.ac-large{
	 background: rgba(166, 166, 166, 0.5) no-repeat scroll;
   
   /*
    border-bottom: 1px dashed #aaaaaa;
     */
     
     border-left: 1px dashed #aaaaaa;
      border-right: 1px dashed #aaaaaa;
	margin-top: 0px !important;
	overflow: hidden;
	height: 0px;
	position: relative;
	z-index: 10;
	-webkit-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-moz-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-o-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-ms-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
}


ol.ac-large li.placeholder {
  position: relative;
  /** More li styles **/
}
ol.ac-large li.placeholder:before {
  position: absolute;
  -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: transparent -moz-use-text-color transparent red;
    border-image: none;
    border-style: solid none solid solid;
    border-width: 5px medium 5px 5px;
    content: "";
    height: 0;
    left: -5px;
    margin-top: -5px;
    position: absolute;
    top: -4px;
    width: 0;
}




.leaflet-control-layers-selector {
   
    top: 0 !important;
    position: absolute !important;
}

.leaflet-refresh{
	float:right;
	margin-right:4px;
	cursor:pointer;
}

.leaflet-control-layers .leaflet-link {
	/*float:right;
	margin-right:4px;*/
}














/*Llegenda*/
.bt_legend{
	/*clear: left;*/
}

.legend {
    line-height: 18px;
    text-weight: bold;
    text-align: left;
    /* position: relative; */
    right: 40px;
    bottom: -38px;
}

.legend i{
    width: 18px;
    height: 16px;
    float: left;
    margin-right: 8px;
    opacity: 0.7;
}

.legend img.img-legend{
	display: block;
    margin: 3px auto auto;
    max-width: 150px !important;
}

.info {
    padding: 6px 8px;
    background: white;
    /* background: rgba(45, 46, 41,0.8); *//*45, 46, 41*/
    /* box-shadow: 0 0 15px rgba(0,0,0,0.2); */
}
.info h4 {
    margin: 0 0 5px;
    color: #777;
}

.modal-legend{
	overflow: hidden;
	width: 100%;
	padding-top: 20px;
	padding-right: 20%;
	/*padding-left: 5%;*/
}

.modal-legend h4{
	margin-bottom: 15px;		
}

.legend-subrow,
.legend-subrow-all{
	margin-bottom: 5px;
	margin-top: 8px;
	overflow: hidden;	
}
.legend-name{
	text-align:center;
     display: table-cell;
     vertical-align: middle;
     position: relative;	
}
.legend-name-all,
.downloadable-name-all{
	font-weight: bold;	
}
.separate-legend-row-all{
    border-bottom: 3px solid #E5E5E5;
 	margin-left: 3%;
    margin-right: 4%;
}
.separate-legend-row{
    border-bottom: 2px solid #E5E5E5;
 	margin-left: 3%;
    margin-right: 4%;
}
.separate-legend-subrow{
    border-bottom: 1px solid #E5E5E5;
    margin-bottom: 5px;
    margin-top: 5px;
    overflow: hidden;
    width: 100%;
}

.visor-separate-legend-row{
    border-bottom: 1px solid rgba(229,229,229,0.2);/*#E5E5E5;*/
    padding-top: 2px;
    overflow: hidden;
    width: 100%;
}

.visor-legend{
	overflow: hidden;
	/* max-height: 205px;
    max-width: 300px;*/
	min-width: 210px;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	padding-bottom: 5px;
	padding-top: 2px;
	box-sizing: content-box;
}

.visor-legend-row{
	line-height: 16px;
}
.legend-symbol svg, .legend-symbol img, 
.visor-legend-symbol svg, .visor-legend-symbol img, 
.visor-legend-symbol div{
    display: block;
    margin: auto;
}
.visor-legend-name{
    color: #FFFFFF;
    font-size: 1em;
    padding-left: 2px;
    padding-right: 4px;
    word-wrap: break-word;
}

.titol-legend {
   	font-size: 13px;
    font-weight: bold;
    text-align: center;
    color: white;
    word-wrap: break-word;
}


.dv_lleg{
float: none !important; 
    overflow: auto;
    text-align: center;
	padding-top: 5px;
}	


.dv_lleg img{
border: 1px solid #aaa
}	

.legendTabCont{
    /*max-height: 165px;*/
    /* min-height: 150px; */
    height: auto;
    overflow: auto;
}

.legendTabCont::-webkit-scrollbar {
    width: 8px;
}
.legendTabCont::-webkit-scrollbar-track {
    background-color: #eaeaea;
    border-left: 1px solid #ccc;
}
.legendTabCont::-webkit-scrollbar-thumb {
    background-color: #ccc;
}
.legendTabCont::-webkit-scrollbar-thumb:hover {
    background-color: #F3BC02;
}

#nav_legend .dropdown-menu {
    max-height: 150px;
    overflow-y: auto;
    overflow-x: hidden;
}


#nav_legend .dropdown-menu::-webkit-scrollbar {
    width: 8px;
}
#nav_legend .dropdown-menu::-webkit-scrollbar-track {
    background-color: #eaeaea;
    border-left: 1px solid #ccc;
}
#nav_legend .dropdown-menu::-webkit-scrollbar-thumb {
    background-color: #ccc;
}
#nav_legend .dropdown-menu::-webkit-scrollbar-thumb:hover {
    background-color: #F3BC02;
}


#mapLegend{
	resize:both;
	overflow:auto;
	max-height: 250px;
}


#mapLegend > #legend_cont > #nav_legend > li.active > a, #mapLegend > #legend_cont > #nav_legend > li.active > a:hover, #mapLegend > #legend_cont > #nav_legend > li.active > a:focus {
    border-left: 0px;
    border-right: 0px;
    border-top: 0px;
}

#mapLegend > #legend_cont > .nav-tabs {
	border-bottom:0px;	
}
/**
geostart Webfont
*/
@font-face {
	font-family: 'geostart';
	src: url('/static/geocatweb/fonts/geostart.eot?1490277913754');
	src: url('/static/geocatweb/fonts/geostart.eot?#iefix-1490277913754') format('embedded-opentype'),
		url('/static/geocatweb/fonts/geostart.woff2?1490277913754') format('woff2'),
		url('/static/geocatweb/fonts/geostart.woff?1490277913754') format('woff'),
		url('/static/geocatweb/fonts/geostart.ttf?1490277913754') format('truetype');
	font-weight: normal;
	font-style: normal;
}

[class^='geostart-'],
[class*=' geostart-'] {
	font-family: 'geostart';
	display: inline-block;
	vertical-align: middle;
	line-height: 1;
	font-weight: normal;
	font-style: normal;
	speak: none;
	text-decoration: inherit;
	font-size: inherit;
	text-transform: none;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/*
Glyphs list
*/

.geostart-airport:before {
	content: '\ea01';
}

.geostart-avenc4:before {
	content: '\ea02';
}

.geostart-avenc5:before {
	content: '\ea03';
}

.geostart-avenc6:before {
	content: '\ea04';
}

.geostart-bauma4:before {
	content: '\ea05';
}

.geostart-bicycle:before {
	content: '\ea06';
}

.geostart-cova4:before {
	content: '\ea07';
}

.geostart-dog-park:before {
	content: '\ea08';
}

.geostart-ferry:before {
	content: '\ea09';
}

.geostart-palette:before {
	content: '\ea0a';
}

.geostart-park:before {
	content: '\ea0b';
}

.geostart-restaurant:before {
	content: '\ea0c';
}

.geostart-rocket:before {
	content: '\ea0d';
}

.geostart-toilets:before {
	content: '\ea0e';
}

.geostart-zoo:before {
	content: '\ea0f';
}

/* Generated by Glyphter (http://www.glyphter.com) on  Tue Dec 11 2018*/
@font-face {
    font-family: 'Glyphter';
    src: url('../fonts/Glyphter.eot');
    src: url('../fonts/Glyphter.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Glyphter.woff') format('woff'),
         url('../fonts/Glyphter.ttf') format('truetype'),
         url('../fonts/Glyphter.svg#Glyphter') format('svg');
    font-weight: normal;
    font-style: normal;
}
[class*='instaicon-']:before{
	display: inline-block;
   font-family: 'Glyphter';
   font-style: normal;
   font-weight: normal;
   line-height: 1;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale
}
.instaicon-marcador_A:before{content:'\0042';}
.instaicon-marcador_B:before{content:'\0043';}
.instaicon-linia:before{content:'\0044';}
.instaicon-area:before{content:'\0045';}
.instaicon-adjust_1:before{content:'\0048';}
.instaicon-adjust_2:before{content:'\0049';}
.instaicon-adjust_3:before{content:'\004a';}
.instaicon-adjust_4:before{content:'\004b';}
.instaicon-adjust_5:before{content:'\004c';}
/* 
 * Leaflet Search Control v1.4.7 - 2014-01-04 
 * 
 * Copyright 2014 Stefano Cudini 
 * stefano.cudini@gmail.com 
 * http://labs.easyblog.it/ 
 * 
 * Licensed under the MIT license. 
 * 
 * Demo: 
 * http://labs.easyblog.it/maps/leaflet-search/ 
 * 
 * Source: 
 * git@github.com:stefanocudini/leaflet-search.git 
 * 
 */
 
.leaflet-container .leaflet-control-search {
	position: relative;
	float: left;
	background: #fff;
	color: #1978cf;
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
	border-radius: 1px;
	background-color: rgba(255, 255, 255, 0.9);
	z-index: 1000;
	box-shadow: 0 1px 7px rgba(0, 0, 0, 0.65);
	margin-left: 10px;
	margin-top: 10px;
	width: 90%;
}

.leaflet-control-search .search-load {
	clear: both;
	padding: 0 .25em;
	color: #464646 !important;
	font-weight: bold;
	border-radius: .25em;
	width: 100%;
	font-size: 40px;
	border: 0px solid #EEB30F;
	position: absolute;
	top: 35px;
	height: 30px;
	line-height: 30px;
	text-align: center;
}

.leaflet-control-search .search-edit {
	clear: both;
	padding: 0 .25em;
	color: #464646 !important;
	font-weight: bold;
	border-radius: .25em;
	width: 100%;
	background-color: rgba(238, 179, 15, 0.9);
	border: 1px solid #EEB30F;
	/*
	background-color: rgba(255, 0, 0, 0.4);
	border:1px solid #FF0000;
	*/
	position: absolute;
	top: 35px;
	height: 30px;
	line-height: 30px;
	text-align: center;
}

.leaflet-control-search .search-edit a:hover {
	color: #000000 !important;
	text-decoration: underline;
}

.leaflet-control-search .search-edit a {
	color: #464646 !important;
	text-decoration: none;
}

.leaflet-control-search.search-exp { /*expanded*/
	box-shadow: 0 1px 7px #999;
	background: #fff;
}

.leaflet-control-search .search-input {
	 background: none repeat scroll 0 0 #FFFFFF;
	 border-top: 1px solid #cccccc;
	 border-bottom: 1px solid #cccccc;
	 border-right: 1px solid #cccccc;
	 border-left: 1px dashed #cccccc;
	 border-radius: 0;
	 display: block;
	 float: left;
	 height: 34px;
	 /*margin: -1px 0 0 2px;*/
	 padding: 0 10px;
}

.leaflet-control-search.search-load .search-input {
	background: url("/llibreries/css/images/loader.gif") no-repeat center right #fff;
}

.leaflet-control-search.search-load .search-cancel {
	visibility: hidden;
}

.leaflet-control-search .search-cancel {
	display: block;
	width: 22px;
	height: 18px;
	position: absolute;
	right: 2px;
	margin: 6px 0;
	background: url("/llibreries/css/images/search-icon.png") no-repeat 0 -46px;
	text-decoration: none;
	filter: alpha(opacity = 80);
	opacity: 0.8;
}

.leaflet-control-search .search-cancel:hover {
	filter: alpha(opacity = 100);
	opacity: 1;
}

.leaflet-control-search .search-cancel span {
	display: none; /* comment for cancel button imageless */
	font-size: 18px;
	line-height: 20px;
	color: #ccc;
	font-weight: bold;
}

.leaflet-control-search .search-cancel:hover span {
	color: #aaa;
}

.leaflet-control-search .search-button {
    background-color: #FFFFFF;
    /*border: 1px solid #8C0224;*/
    cursor: pointer;
    font-size: 14px;
    height: 31px;
    line-height: 1.42857;
    padding: 6px 8px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    width: 46px;
    border-radius: 0;
}

.leaflet-control-search .search-tooltip {
 border-radius: 0;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
    float: left;
    left: 0;
    max-height: 200px;
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    text-align: start;
    top: 100%;
    width: 282px;
    z-index: 1010;
}

.leaflet-control-search .search-tip {
	
	 background-color: #FFFFFF;
    border-bottom: 1px dotted #5E5E5E;
    color: #5E5E5E;
    display: block;
  
    margin: 0;
    padding: 2px;
    text-decoration: none;
    white-space: nowrap;
	
}

.leaflet-control-search .search-tip-select,
.leaflet-control-search .search-tip:hover,
.leaflet-control-search .search-button:hover,
.leaflet-control-search .btn-default2:hover{
    background-color: #ededed;
    border-color: #adadad;
    color: #333333;
    text-decoration: none;
}

.leaflet-control-search .search-alert {
	cursor: pointer;
	clear: both;
	font-size: .75em;
	margin-bottom: 5px;
	padding: 0 .25em;
	color: #e00;
	font-weight: bold;
	border-radius: .25em;
}

.leaflet-center {
	
}

#searchBar{
    height: auto;
   /* margin-left: 40%;*/
    overflow: visible;
    position: absolute;
    top: 50px;
    width: 285px;
    z-index: 100;
	display:none;
}

#searchBar div{
}

#ctr_options{
	float: left;
    margin-right: 44px;
    margin-top: 9px;
    margin-left:5px;
}
#ctr_cerca{
	float: left;
   /* height: 40px;*/
    margin-bottom: 10px;
    margin-right: 0;
    width: 162px;
    min-width: 162px;
}

#ctr_cercaNomen {
	float: left;
    height: 40px;
    margin-bottom: 10px;
    margin-right: 0;
    width: 162px;
    min-width: 162px;
    display: none;
}

#ctr_cerca input {
}
/*
#ctr_cercaCarrers{
   float: left;
    height: 40px;
    margin-bottom: 10px;
    width: 100px;
}

#ctr_cercaNomen{

   float: left;
    height: 40px;
    margin-bottom: 10px;
    width: 150px;
    display:none;
}*/

.btn-default2 {
    background-color: #FFFFFF;
    border-color: #CCCCCC;
    color: #333333;
    height: 34px;
}

.bootstrap-colorpalette {
	padding-left: 4px;
	padding-right: 4px;
	white-space: normal;
	line-height: 1;
}

.bootstrap-colorpalette div {
	line-height: 0;
}

.bootstrap-colorpalette .btn-color {
	width: 17px;
	height: 17px;
	border: 1px solid #fff;
	margin: 0;
	padding: 0;
}

.bootstrap-colorpalette .btn-color:hover {
	border: 1px solid #000;
}

.form-control {
	border-radius: 1px;
	font-size: 13px;
	height: 28px;
}

.vector-web {
	width: 45px;
	height: 45px;
	margin: auto;
	display: block;
	text-align: center;
}

.border_color_linia {
	width: 30px;
	height: 25px;
	background-color: #FFC500;
	color: #FFC500;
}

.fill_color_icon {
	width: 20px;
	height: 15px;
	background-color: #000000;
	color: #000000;
	border: 1px solid #aaaaaa;
}

.fill_color_punt {
	width: 20px;
	height: 15px;
	background-color: #FFC500;
	color: #000000;
	border: 1px solid #aaaaaa;
}

.fill_color_pol {
	width: 30px;
	height: 25px;
	background-color: #FFC500;
	color: #FFC500;
}

.fill_color_marker {
    background-color: #FFC500;
    border: 1px solid #AAAAAA;
    color: #000000;
    height: 15px;
    width: 20px;
}

.border_color_pol {
	width: 30px;
	height: 25px;
	border: 2px solid #FFC500;
}

.leaflet-popup-content-wrapper {
	border-radius: 0;
	padding: 1px;
	text-align: left;
}

.leaflet-popup-content {
    max-height: 550px;
    overflow: auto;
     width: 300px;
}

.div_popup {
	border: 0 dashed #DDDDDD;
	min-height: 170px;
	height: auto;
	/*margin-left: -5px;
	margin-right: 26px;*/
	padding: 3px;
	width: 300px;
}

.div_popup_visor {
    border: 0 dashed #DDDDDD;
    /*margin-left: -5px;
    margin-right: 26px;*/
    padding: 3px;
    /*width: 300px;*/
}

.popup_pres {
	display: block;
}

#titol_pres, #titol_pres_visor {
	font-weight: bold;
	width: 100%;
	height: 30px;
	font-size: 14px;
	border: 1px solid #EEEEEE;
}

#capa_pres_visor {
	width: 100%;
	height: 30px;
	font-size: 14px;
	border: 1px solid #EEEEEE;
	text-align: center;
}

.edit_po {
	color: #bbbbbb;
	font-size: 15px
}

#titol_pres:hover {
	text-decoration: underline;
	cursor: pointer
}

#des_pres:hover {
	text-decoration: underline;
	cursor: pointer
}

textarea {
	background-color: #EEEEEE;
}

#des_pres, #des_pres_visor {
	background-color: #EEEEEE;
	/*height: 60px;*/
	min-height: 60px;
	margin-bottom: 5px;
	overflow: auto;
	width: 100%;
}

.popup_edit {
	display: none;
}

.bs-popup {
	list-style: none outside none;
	margin-bottom: 5px;
	overflow: hidden;
	padding-bottom: 1px;
	padding-right: 0px;
	width: 100%;
	display: flex;
	padding-left: 0;
}

.bs-popup li.consulta-popup{
	border: 0px dashed #DDDDDD;
	color: #000000 !important;
	float: left;
	font-size: 14px;
	height: 25px;
	line-height: 0.8;
	margin: 0;
	padding: 5px;
	text-align: center;
    width: 100%;	
}

.bs-ncapa {
	display: block;
	list-style: none outside none;
	margin-bottom: 5px;
	overflow: hidden;
	padding-bottom: 1px;
	padding-left: 0;
	padding-right: 0;
	width: 100%;
}

.bs-ncapa li {
	border: 0px dashed #DDDDDD;
	color: #000000 !important;
	float: left;
	font-size: 14px;
	height: 25px;
	line-height: 0.8;
	margin: 0 5px -1px 0;
	padding-left: 0;
	text-align: left;
}

.bs-popup li a {
	color: #464646 !important;
	font-size: 13px;
}

.bs-popup li a:hover {
	text-decoration: none;
	font-weight: bold;
}

.bs-popup li a button {
	color: #464646 !important;
	font-size: 13px;
}

.leaflet-edit-marker-selected {
	background-attachment: scroll;
	background-clip: border-box;
	background-color: rgba(254, 87, 161, 0.6) !important;
	background-image: none;
	background-origin: padding-box;
	background-position: 0 0;
	background-repeat: repeat;
	background-size: auto auto;
	border: 2px solid rgba(254, 87, 161, 0.6) !important;
	border-radius: 10px;
}

.verd,.verd a,.verd span {
	color: #55821D;
	cursor: pointer;
	font-size: 18px;
}

.blau,.blau a,.blau span,
.blau-left,.blau-left a,.blau-left span {
	color: #065299;
	cursor: pointer;
	font-size: 17px;
	margin-right: 5px;
}

.magenta,.magenta a,.magenta span {
	color: #990699;
	cursor: pointer;
	font-size: 17px;
}

.vermell,.vermell a,.vermell span {
	color: #990632;
	cursor: pointer;
	font-size: 17px;
}

.blau12 {
	color: #065299;
	cursor: pointer;
	font-size: 12px;
}

.verd12 {
	color: #55821D;
	cursor: pointer;
	font-size: 12px;
}

#cmbCapesUsr {
	font-size: 13px;
	width: 110px;
	border: 1px dashed #bbbbbb;
}

.optNova {
	background-color: #55821D;
	font-weight: bold;
	color: #ffffff;
}

.leaflet-container a.leaflet-popup-close-button {
	color: #333333;
	font: bold 17px/14px Tahoma, Verdana, sans-serif;
}

.font9 {
	font-size: 9px !important;
	margin-top: 2px !important;
}

.font11 {
	font-size: 10px !important;
	margin-top: 4px !important;
}

.font12 {
	font-size: 12px !important;
}

.font14 {
	font-size: 14px !important;
}

.font15 {
	font-size: 15px !important;
}

.font17 {
	font-size: 17px !important;
}


.txt_ext {
	height: 33px !important;
	margin-bottom: 5px;
	margin-top: 8px;
}

.bs-dadesO_WMS {
	list-style: none outside none;
	margin-bottom: 5px;
	overflow: visible;
	padding-bottom: 1px;
	padding-left: 0;
}

.bs-dadesO_WMS li {
	border: 0px dashed #DDDDDD;
	color: #000000;
	float: left;
	font-size: 12px;
	height: 28px;
	line-height: 0.8;
	margin: 0 -1px -1px 0;
	padding: 5px;
	text-align: left;
	width: 50%;
}

.bs-dadesO_XS {
	list-style: none outside none;
	margin-bottom: 5px;
	overflow: hidden;
	padding-bottom: 1px;
	padding-left: 0;
}

.bs-dadesO_XS li {
	border: 0px dashed #DDDDDD;
	color: #000000;
	float: left;
	font-size: 12px;
	height: 28px;
	line-height: 0.8;
	margin: 0 -1px -1px 0;
	padding: 5px;
	text-align: left;
	width: 50%;
}

.bs-dadesO_USR {
	list-style: none outside none;
	margin-bottom: 5px;
	overflow: hidden;
	padding-bottom: 1px;
	padding-left: 0;
}

.bs-dadesO_USR li {
	border-left: 1px dashed #DDDDDD;
	color: #000000;
	float: left;
	font-size: 12px;
	line-height: 1;
	margin: 0 -1px -1px 0;
	padding: 5px;
	text-align: left;
	width: 50%;
	overflow:hidden
}

.waiting_animation {
	background: url("/llibreries/css/images/loader.gif") no-repeat center
		center;
}

.bs-dadesO_JSON {
	list-style: none outside none;
	margin-bottom: 5px;
	overflow: hidden;
	padding-bottom: 1px;
	padding-left: 0;
}

.bs-dadesO_JSON li {
	border-bottom: 1px dashed #DDDDDD;
	color: #000000;
	float: left;
	font-size: 12px;
	height: 28px;
	line-height: 0.8;
	margin: 0 -1px -1px 0;
	padding: 5px;
	text-align: left;
	width: 50%;
}

.bs-puntsX {
	list-style: none outside none;
	margin-bottom: 5px;
	overflow: hidden;
	padding-bottom: 1px;
	padding-left: 0;
}

.liX {
	border-bottom: 1px solid #DDDDDD;
	border-top: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	
	color: #000000;
	float: left;
	font-size: 12px;
	height: 50px;
	line-height: 0.8;
	margin: 0 -2px 2px 0;
	padding: 5px;
	text-align: center;
	width: 32%;
}

.li2:hover {
	border: 2px solid #FFCB00;
	cursor: pointer;
}

.li2 {
	border: 1px solid #DDDDDD;
}

#cmb_mida_Punt {
	border-radius: 1px !important;
	font-size: 12px !important;
	height: 25px !important;
	padding: 4px 12px !important;
}

.cc-cookies {
	width: 100%;	
}

.leaflet-control-layers-list #nomAplicacio {
	font-weight: bold;
    margin-top: 10px;
    text-align: center;
    border-bottom: 1px solid #CCCCCC;
    padding-bottom: 5px;
   	
}

#div_formats{
	font-size: 12px !important;	
}
#dv_optCapa{	
	 margin: 11px;
}

#dv_optSRS{	
	 margin: 11px;
}

.btn_mig{
	 border: 2px solid #FFC500;
    float: right;
    margin-top: 5px;
}

.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    background-color: #F2DEDE;
    color: #B94A48;
}

.bs-dadesO_JSON3 {
	list-style: none outside none;
	margin-bottom: 5px;
	overflow: hidden;
	padding-bottom: 1px;
	padding-left: 0;
}

.bs-dadesO_JSON3 li {
	border-bottom: 1px dashed #DDDDDD;
	color: #000000;
	float: left;
	font-size: 12px;
	height: 28px;
	line-height: 0.8;
	margin: 0 -1px -1px 0;
	padding: 5px;
	text-align: left;
	width: 33%;
}
.panel-body {
    padding: 7px !important;
}

.panel {
    border-radius: 0 !important;   
    margin-bottom: 5px !important;
}
.nav-pills > li > a {
    border-radius: 0;
}


#progress_bar_carrega_img {
	
	position: relative;
	top:20%;
	
}

.progress-bar {  
    font-weight: bold;   
}

.leaflet-popup-content h4.my-text-center{
    border-bottom: 1px solid #eeeeee;
    padding-bottom: 2px;
    text-align: center;
}

.popup_data_img_iframe {
    width: 300px;
}

.blanc, .blanc a, blanc div {
    color: white !important;
    cursor: pointer;
    font-size: 25px;
}

.underline{
	margin-bottom:8px;
	margin-top:0px;
}

.iconSearch{
	position:absolute;
	margin-top:1px;
	padding:10.5px;
	background-color:white;
	cursor: pointer;
	right: -33px;
}

.searchHelpLink {
	position: absolute;
    margin-top: 1px;
    padding: 6.0px;
    background-color: white;
    cursor: pointer;
    right: -61px;
}

.color_etiqueta {
    background-color: #ffc500;
    color: #ffc500;
    height: 25px;
    width: 30px;
}
.leaflet-label {
	border-width: 0;
	background:none;
	margin-top: -35px;	
}
.leaflet-label:before,
.leaflet-label:after {
	border:0px;
}

.leaflet-label:before {
	border:0px;
}

.leaflet-label:after {
	border:0px;
}
.ocult{
	display:none;
}
.leaflet-popup {
    z-index: 100;
}
.nomargin{
	margin:0px !important;
}

.edicio-popup {
	text-align: center;
}

.bs-popup li.edicio-popup {
    border: 0 dashed #dddddd;
    color: #000000 !important;
    float: left;
    line-height: 0.8;
    text-align: center;
	display: block;
	flex: 1;
	list-style-type: none;
}

#popup_footer {
	bottom: 5px;
	width: 345px;
	padding-right: 6px;
}

#footer_edit.modal-footer {
	padding-bottom: 0px;
	padding-top: 10px;
}

.elevationPanel {
	padding-top: 15px;
	border-bottom: 1px solid #EEEEEE;
    margin-bottom: 10px;
}

.elevationPanel text {
	color: #777;
	font-size: 0.95em;
}
body {
	padding-top: 60px;
	padding-bottom: 0px;
}

.img-circle2 {
	width: 200px;
	height: 200px;
	line-height: 200px;
	-webkit-border-radius: 500px;
	-moz-border-radius: 500px;
	border-radius: 500px;
	text-align: center;
	box-shadow: 1px 1px 1px black;
	cursor: pointer;
}

.marketing-img {
	display: block;
	margin: 0 auto 30px;
	max-height: 145px;
	height: 80px;
	width: 80px;
	box-shadow: 1px 1px 1px 1px #AAAAAA;
}

.descobreix_color {
	background-image: linear-gradient(to bottom, #FF9900, #FFDE00);
}

.crea_color {
	background-image: linear-gradient(to bottom, #569908, #A8CB17);
}

.visualitza_color {
	background-image: linear-gradient(to bottom, #59B5D6, #00C0F7);
}

.comparteix_color {
	background-image: linear-gradient(to bottom, #3B5998 , #196ED1);
}

.img-circle2-small {
	width: 100px;
	height: 100px;
	line-height: 100px;
	-webkit-border-radius: 500px;
	-moz-border-radius: 500px;
	border-radius: 500px;
	text-align: center;
	box-shadow: 1px 1px 1px black;
}

.img-circle2-icon {
	width: 20px;
	height: 20px;
	line-height: 100px;
	-webkit-border-radius: 500px;
	-moz-border-radius: 500px;
	border-radius: 500px;
	text-align: center;
	box-shadow: 1px 1px 1px black;
	float: left;
	margin-left: 1px;
}

.circle_txt-small h1 {
	line-height: 100px;
}

div.circle_txt {
	font-size: 35px;
}

#cap_div {
	/* background-image:url('/llibreries/img/cel.jpg'); */
	color: #333333;
	text-rendering: optimizelegibility;
	text-shadow: 0 4px 4px rgba(255, 255, 255, 0.75);
}

div.circle_txt-small p::first-letter  {
	color: #FFFFFF;
	padding-right:2px;
}

div.circle_txt p::first-letter  {
	font-size: 36px;
	font-style: italic;
}


div.circle_txt-small {
	margin: 10px 0;
	font-size: 20px;
	font-family: inherit;
	font-weight: bold;
	padding-left: 35px;
	text-rendering: optimizelegibility;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
}

div.circle_txt {
	margin: 10px 0;
	font-size: 30px;
	font-family: inherit;
	font-weight: bold;
	color: #FFFFFF;
	text-rendering: optimizelegibility;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
}

hr.soften {
	background-image: -moz-linear-gradient(left center, transparent, rgba(0, 0, 0, 0.1),
		transparent);
	border: 0 none;
	height: 1px;
	margin: 50px 0;
}


/*
Back to top button 
*/
#back-top {
	position: fixed;
	bottom: 2%;
    right: 10%;
}

@media (max-width: 1024px) {
	#back-top {
	    right: 12%;
	}
}
@media (max-width: 800px){
	#back-top {
	    right: 15%;
	}
	
	.brand-txt {
   
    font-size: 85% !important;
   
    margin-right: 10px !important;
   
}
	
	#mapTitle {
  
    font-size: 85%!important;
   
}
	
}

@media (max-width: 604px) {
	#back-top {
	    right: 10%;
	}
	
	.brand-txt {
   
   
	display:none;
}

#mapTitle {
  
    font-size: 70%!important;
   
}



}

@media (max-width: 400px){
	#back-top {
	    right: 15%;
	}
	
.brand-txt {display:none;}
#mapTitle {display:none;}
	
	
}

#back-top a {
	width: 108px;
	display: block;
	text-align: center;
	font: 11px/100% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #f7f7f7;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover {
	color: #000;
}
/* arrow icon (span tag) */
#back-top span {
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}

/*fes mapa landing button*/
#fes-mapa-inici {
	position: fixed;
	bottom: 2%;
    right: 2%;
}

#fes-mapa-inici .btn.btn-default.no-radius {
  background: none repeat scroll 0 0 #00B050;
  color: #FFFFFF;
}
#fes-mapa-inici .btn.btn-default.no-radius:hover {
  background: none repeat scroll 0 0 #00D25F;
  color: #FFFFFF;
}

#fes-mapa-inici a {
	width: 108px;
	display: block;
	text-align: center;
	font: 11px/100% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #f7f7f7;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#fes-mapa-inici a:hover {
	color: #000;
}
/* arrow icon (span tag) */
#fes-mapa-inici span {
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}

.cc-window.cc-banner{
	padding: 0.5em 1.8em;
}

/********************/
.form-signin {
  max-width: 350px;
  padding: 15px;
  margin: 20px auto;
  border:2px solid #f2f2f2;
  box-shadow: 1px 1px 3px #666666;
}
.form-signin .form-signin-heading,
.form-signin .checkbox {
  margin-bottom: 10px;
}
.form-signin .checkbox {
  font-weight: normal;
}
.form-signin .form-control {
  position: relative;
  font-size: 16px;
  height: auto;
  padding: 10px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.form-signin .form-control:focus {
  z-index: 2;
}
.form-signin input[type="text"] {
  margin-bottom: -1px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.social-sign {
	border-top:2 px solid #DDDDDD;
    display: block;  
    left: 0;
    position: absolute;
    right: 0;
    top: 12px;
    z-index: 1;
    position: relative;
    text-align: center;
}

.social-sign span {
	background: none repeat scroll 0 0 #FFFFFF;
    color: #5B5B5B;
    display: inline-block;
    font-family: "Lato",sans-serif;
    font-size: 16px;
    font-weight: 700;
    padding: 0 10px;
    position: relative;
    z-index: 2;
}

.social-sign.sm-top{
	top: 0px;
}

}
section {
	
	background: none repeat scroll 0 0 #FFFFcc;
    box-shadow: 0 1px 40px rgba(0, 0, 0, 0.06);
    
    z-index: 2;
	

}

footer {    
    background-color:#f5f5f5;
    height: 60px;
}
   
footer .container{
 padding-top:20px
}

footer .logo_footer {
 float: left;
 position: relative;
 margin-top: -15px;
}

/*** comuns ***/

	.brand-txt {
		text-align: center;
		float: left;
		margin-left: 10px;
		margin-right: 20px;
		font-color: #FFFFFF;
		font-weight: bold;
		font-size: 100%;
	}
	
	#mapTitle{
	    line-height: 20px;
	    padding: 15px;
	    float: left;
	    font-size: 100%;
	    font-weight: bold;
	    color: white;
	}
	
	
	@media (max-width: 350px) {
		.brand-txt {
			font-size: 20px;
		}
	}

	.bt-sessio{
		background-color: #00B050;
		border-radius: 0;
		color: #FFFFFF;
	}	
	.bt-sessio:hover{
		color: #FFFFFF;
		background-color: #00d25f;
	}	
	
	.my-nav{
		font-style: normal;
	}
	
	#text_welcome {
	    clear: both;
	    color: #333333;
	    display: inline;
	    font-weight: bold;
	    line-height: 1.42857;
	    /*padding: 3px 20px;*/
	    padding: 3px 0 0 10px;
	    white-space: nowrap;
	}
	
	#text_username{
		clear: both;
	    color: #333333;
	    display: inline;
	    font-weight: bold;
	    line-height: 1.42857;
	    white-space: nowrap;
	    width: auto;
	    padding-right:10px;
	}
	
	.invalid {
	  	/*outline: 1px solid red;*/
	  	outline: 0.5px dotted #FF0000;
		background-image: url(../../llibreries/img/glyph_exclamation.png); 
	 	background-position: right; 
	 	background-repeat: no-repeat; 
	 	-moz-box-shadow: none;	  
	}
	
	.text_error{
		line-height: 2;
		color: #FF0000;
	    font-size: small;
	}	

	.my-body{
		padding-top: 0;
	}
	
	.no-radius{
		border-radius: 0;
	}
	
	.my-glyph{
		top: 2px;
	}
	
	.my-modal-content{
		text-align: center;
		border-radius:0;
	}
	
	.my-modal-footer{
		text-align: center;
		margin-top:0;
	}
	
	.yellow{color: #ed9c28;}
	.green{color: #00B050;}
	
	
/*** comuns waiting image ***/

#floatingCirclesG{
position:relative;
width:100px;
height:100px;
-moz-transform:scale(0.6);
-webkit-transform:scale(0.6);
-ms-transform:scale(0.6);
-o-transform:scale(0.6);
transform:scale(0.6);
display: inline-block;
}

.f_circleG{
position:absolute;
background-color:#FFFFFF;
height:18px;
width:18px;
-moz-border-radius:9px;
-moz-animation-name:f_fadeG;
-moz-animation-duration:1.12s;
-moz-animation-iteration-count:infinite;
-moz-animation-direction:linear;
-webkit-border-radius:9px;
-webkit-animation-name:f_fadeG;
-webkit-animation-duration:1.12s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-direction:linear;
-ms-border-radius:9px;
-ms-animation-name:f_fadeG;
-ms-animation-duration:1.12s;
-ms-animation-iteration-count:infinite;
-ms-animation-direction:linear;
-o-border-radius:9px;
-o-animation-name:f_fadeG;
-o-animation-duration:1.12s;
-o-animation-iteration-count:infinite;
-o-animation-direction:linear;
border-radius:9px;
animation-name:f_fadeG;
animation-duration:1.12s;
animation-iteration-count:infinite;
animation-direction:linear;
}

#frotateG_01{
left:0;
top:41px;
-moz-animation-delay:0.42s;
-webkit-animation-delay:0.42s;
-ms-animation-delay:0.42s;
-o-animation-delay:0.42s;
animation-delay:0.42s;
}

#frotateG_02{
left:12px;
top:12px;
-moz-animation-delay:0.56s;
-webkit-animation-delay:0.56s;
-ms-animation-delay:0.56s;
-o-animation-delay:0.56s;
animation-delay:0.56s;
}

#frotateG_03{
left:41px;
top:0;
-moz-animation-delay:0.7s;
-webkit-animation-delay:0.7s;
-ms-animation-delay:0.7s;
-o-animation-delay:0.7s;
animation-delay:0.7s;
}

#frotateG_04{
right:12px;
top:12px;
-moz-animation-delay:0.84s;
-webkit-animation-delay:0.84s;
-ms-animation-delay:0.84s;
-o-animation-delay:0.84s;
animation-delay:0.84s;
}

#frotateG_05{
right:0;
top:41px;
-moz-animation-delay:0.98s;
-webkit-animation-delay:0.98s;
-ms-animation-delay:0.98s;
-o-animation-delay:0.98s;
animation-delay:0.98s;
}

#frotateG_06{
right:12px;
bottom:12px;
-moz-animation-delay:1.12s;
-webkit-animation-delay:1.12s;
-ms-animation-delay:1.12s;
-o-animation-delay:1.12s;
animation-delay:1.12s;
}

#frotateG_07{
left:41px;
bottom:0;
-moz-animation-delay:1.26s;
-webkit-animation-delay:1.26s;
-ms-animation-delay:1.26s;
-o-animation-delay:1.26s;
animation-delay:1.26s;
}

#frotateG_08{
left:12px;
bottom:12px;
-moz-animation-delay:1.4s;
-webkit-animation-delay:1.4s;
-ms-animation-delay:1.4s;
-o-animation-delay:1.4s;
animation-delay:1.4s;
}

@-moz-keyframes f_fadeG{
0%{
background-color:#ADADAD}

100%{
background-color:#FFFFFF}

}

@-webkit-keyframes f_fadeG{
0%{
background-color:#ADADAD}

100%{
background-color:#FFFFFF}

}

@-ms-keyframes f_fadeG{
0%{
background-color:#ADADAD}

100%{
background-color:#FFFFFF}

}

@-o-keyframes f_fadeG{
0%{
background-color:#ADADAD}

100%{
background-color:#FFFFFF}

}

@keyframes f_fadeG{
0%{
background-color:#ADADAD}

100%{
background-color:#FFFFFF}

}

.outer {
  width: 100%;
  text-align: center;
}

/*** index.html ***/
	.img-carousel {
		opacity: 0.9;
		width: 100%;
		height: auto;
	}
	
	.my-carousel-caption {
		color: #202020;
	   font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	   font-size: 36px;
	   font-style: normal;
	   font-weight: bolder;
	   padding-bottom: 10%;
	   /*text-shadow: 0 2px 1px #FFFFFF;*/
	   text-shadow: -2px 0 #FFFFFF, 0 2px #FFFFFF, 0 -2px #FFFFFF, 2px 0 #FFFFFF;
	}
	
	.marketing{
		padding-left: 3%;
		padding-right: 3%;
	}
	
	.main-row{
		padding: 4% 12% 0%;
	}
	
	.my-elem{
		padding:0.5%;
	}
	
	.img-hover { 
	   position: relative; 
	   width: 100%; /* for IE 6 */
	}
	
	.title_white { 
		color: #FFFFFF;
	    font-style: normal;
	    font-weight: bold;
	    position: absolute;
	    text-align: center;
	    top: 0;
	    left:0;
	    width: 100%; 
	    margin-bottom: 10px;
	    margin-top: 20px;
	    line-height: 1.1;
	    font-size: 30px; 
	}	
	
	#btn-fes-mapa{
		background-color: #00B050;
		color: #FFFFFF;
		border-radius: 0;
		width: 100%;
		padding: 8%;
		font-weight: bolder;
		font-size: 28px;
		border: 0;	
		font-style: normal;
	}
	#btn-fes-mapa:hover{
		background-color: #00d25f;
	}
	
	#btn-galeria{
		background-color: #f38c51;
		color: #FFFFFF;
		border-radius: 0;
		width: 100%;
		padding: 8%;
		font-size: 28px;
		border: 0;
		font-style: normal;		
	}	
	#btn-galeria:hover{
		background-color: #f06c21;
	}
	
#txt-image {
    background-color: #CCCCCC;
    color: #202020;
    font-size: 30px;
    font-style: normal;
    font-weight: bold;
    line-height: 1.5;
    padding: 10%;
    text-align: center;
    text-shadow: 0 2px 1px #FFFFFF;
}
	
	
	@media (max-width: 400px) {
	  #btn-galeria, #btn-fes-mapa{
		font-size: 20px;
	  }
	  
	  .title_white{
		font-size: 18px;
	  }
	}
	
	
	@media (max-width: 1000px) {
	  .my-carousel-caption {
	    left: 10%;
	    right: 10%;
	    font-size: 30px;
	    padding-bottom: 10%;
	  }
	  .title_white{
		font-size: 20px;
	  }	  
	}

	@media (min-width: 1001px) and (max-width: 1200px) {
	  .title_white{
		font-size: 25px;
	  }		
	}

	@media (max-width: 1024px) {
	  .my-carousel-caption {
	    padding-bottom: 7%;
	  }
	}

	@media (max-width: 800px) {
	  .my-carousel-caption {
	    padding-bottom: 10%;
	  }
	}

/*** properament.html ***/

	.my-jumbotron {
		padding: 3% 5%;	
		font-style: normal;
		border-style: none;
	    background-color: #EEEEEE;
	    color: inherit;
	    font-size: 21px;
	    font-weight: 200;
	    line-height: 2.14286;
	    margin-bottom: 30px; 
	    margin-left: 5%;
    	margin-right: 5%;
	 	background-color: #FFFFFF;
	    border-color: #00B050;	       
	}
	
	.my-jumbotron h1{
		text-align: center;
		font-size: 55px;
		color: inherit;
	    line-height: 1;	
	}

	.my-input{
		border-radius: 0;
		border: 1px solid #CCCCCC;
		vertical-align: middle;
		width: inherit;
	}

	
	@media (max-width: 1000px) {
	  .my-jumbotron{
	  	left: 5%;
	  	right: 5%;
	  }
	  .my-jumbotron h1 {
	    font-size: 50px;
	  }
	}
	
	@media (max-width: 800px) {
	  .my-jumbotron h1 {
	    font-size: 42px;
	  }
	}
	
	@media (max-width: 400px) {
	  .my-jumbotron h1 {
	    font-size: 28px;

	  }
	}
	
	.my-background{
		background-image:url(../../llibreries/img/background_login.jpg);
		padding-top: 5%;
	}	
	
	
	#div_msg{
		background-color: #FFFFFF;
		font-style: normal;
	}
	
	@grid-float-breakpoint{@screen-md-min}
	
	/** sessio.html **/
	
	
	.my-form-signin{
	    background-color: #FFFFFF;
	    margin: 20px auto;
	    max-width: 350px;
	    padding: 15px;
	    font-style: normal;	
	}
	
	.my-border{
		border-radius: 0;
	}	
	
	.my-background-signin{
		background-image:url(../../llibreries/img/background_login.jpg);
		padding-top: 10%;		
	}	
	
	.my-alert{
		border-radius: 0;
		text-align: center;
	}
	
	.my-modal-dialog {
    	width: 400px;
	}
	
	.bt-sessio-icgc{
		background-color: #AEAEB0;;
		border-radius: 0;
		color: #FFFFFF;
	}	
	.bt-sessio-icgc:hover{
		color: #FFFFFF;
		background-color: #CECDD3;
	}	
	
	/*** galeria.html ***/
	.thumbnail{
		position: relative;
		min-height: 240px;
		/*min-height: 225px;*/
	}
	
	.thumbnail div.new_map{
		border: 5px dashed;
    	border-radius: 4px;
 		height: 215px;
 		cursor: pointer;
	}
	
	.thumbnail div.new_map:hover{
		opacity: 0.5;
		filter: contrast(140%);
		-webkit-filter: contrast(140%);
		-moz-filter: contrast(140%);
		-o-filter: contrast(140%);
		-ms-filter: contrast(140%);
	}
	
	.thumbnail div.new_map span{
		font-size: 72pt;
		padding: 40px 0 10px;
	}
	
	.thumbnail div.byuser{
		font-size: 9pt;
	}
	
	.thumbnail a.btn{
		width: 100px;
	}
	
	.thumbnail img{
		position: relative;
		width: 240px;
		float:left;
		margin: 4px;
		max-height: 158px;
	}
	
	.thumbnail div.nomAplicacio{
		background-color: rgba(45, 46, 41, 0.6);
		position: absolute;
    	width: 97%;
    	color: #ffffff;
	}
	
	.thumbnail div.btn-acctions{
		float:left;
		position: relative;
		width: 100%;
	}
	
	/*
	.thumbnail{
		min-width: 240px;
		min-height: 272px;
		max-width: 240px;
		max-height: 272px;
	}
	*/
	
	.thumbnail img:hover{
		opacity: 0.5;
		filter: contrast(140%);
		-webkit-filter: contrast(140%);
		-moz-filter: contrast(140%);
		-o-filter: contrast(140%);
		-ms-filter: contrast(140%);
	}
	
	.btn-acctions .btn {
	    border-radius: 0;
	}
	
	.thumbnail div.descAplicacio{
		display: none;
		height: 165px;
    	position: absolute;
    	color: #FFFFFF;
	 	background-color: rgba(45, 46, 41, 0.6);
	 	width: 97%;
	 	overflow: hidden;
	}
	.thumbnail div.descAplicacio:hover {
    	cursor: pointer;
	}	
	
	.starwars{
		position: absolute;
		/*color: #ffff66;
		font-weight: bold;*/
		top: 5px; 
		bottom: 0;
		left: 50%;
		margin-left: -9em;
		text-align: justify;
		overflow: hidden;
		-webkit-transform-origin: 50% 100%;
		-moz-transform-origin: 50% 100%;
		-ms-transform-origin: 50% 100%;
		-o-transform-origin: 50% 100%;
		transform-origin: 50% 100%;
		/*-webkit-transform: perspective(200px) rotateX(25deg);
		-moz-transform: perspective(200px) rotateX(25deg);
		-ms-transform: perspective(200px) rotateX(25deg);
		-o-transform: perspective(200px) rotateX(25deg);
		transform: perspective(200px) rotateX(25deg);*/
	}
	
	.starwarscontent{
		position: relative;
		top: 100%;
		animation: scroll 10s linear 0.5s infinite;
	}

	@keyframes scroll {
		0% { top: 100%; }
		100% { top: -100%; }
	}
	
	.starwars:after {
		position: absolute;
		content: ' ';
		left: 0;
		right: 0;
		top: 0;
		bottom: 60%;
		/*
		background-image: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%, transparent 100%);
		background-image: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, transparent 100%);
		background-image: -ms-linear-gradient(top, rgba(0,0,0,1) 0%, transparent 100%);
		background-image: -o-linear-gradient(top, rgba(0,0,0,1) 0%, transparent 100%);
		background-image: linear-gradient(top, rgba(0,0,0,1) 0%, transparent 100%);
		*/
		pointer-events: none;
	}
	
	.flip {
	  -webkit-perspective: 800;
	  -ms-perspective: 800;
	  -moz-perspective: 800;
	  -o-perspective: 800;
	  position: relative;
	  height: 165px;
	}
	
	.flip .card.flipped {
	  transform:rotatey(-180deg);
	  -ms-transform:rotatey(-180deg); /* IE 9 */
	  -moz-transform:rotatey(-180deg); /* Firefox */
	  -webkit-transform:rotatey(-180deg); /* Safari and Chrome */
	  -o-transform:rotatey(-180deg); /* Opera */
	}
	
	.flip .card {
	  width: 100%;
	  height: 100%;
	  -webkit-transform-style: preserve-3d;
	  -webkit-transition: 0.5s;
	  -moz-transform-style: preserve-3d;
	  -moz-transition: 0.5s;
	  -ms-transform-style: preserve-3d;
	  -ms-transition: 0.5s;
	  -o-transform-style: preserve-3d;
	  -o-transition: 0.5s;
	  transform-style: preserve-3d;
	  transition: 0.5s;
	}
	
	.flip .card .face {
	  width: 100%;
	  height: 100%;
	  position: absolute;
	  z-index: 2;
	  text-align: center;
	  backface-visibility: hidden;  /* W3C */
	  -webkit-backface-visibility: hidden; /* Safari & Chrome */
	  -moz-backface-visibility: hidden; /* Firefox */
	  -ms-backface-visibility: hidden; /* Internet Explorer */
	  -o-backface-visibility: hidden; /* Opera */
	}
	
	.flip .card .front {
	  position: absolute;
	  z-index: 1;
	}
	
	.flip .card .back {
	  color: #FFFFFF;
	  background-color: rgba(45, 46, 41, 0.6);
	  height: 165px;
	  transform:rotatey(-180deg);
	  font-weight: bold;
	  -ms-transform:rotatey(-180deg); /* IE 9 */
	  -moz-transform:rotatey(-180deg); /* Firefox */
	  -webkit-transform:rotatey(-180deg); /* Safari and Chrome */
	  -o-transform:rotatey(-180deg); /* Opera */
	
	}	
		
	/*** perfil.html ***/
	
	.my-form-profile{
	    background-color: #FFFFFF;
	    margin: 20px auto;
	    max-width: 600px;
	    padding: 15px;
	    font-style: normal;	
	}
	
	#text-uid{
		text-align: center;
	}

/*old browser message*/
* {
  	box-sizing: border-box;
}

.modal{
	overflow-y: auto;
	  font-size: 13px
}

.modal-dialog {
	padding-top: 6%;
}

.modal-content {
	border-radius: 0;
	font-size: 13px;
}

.modal-header {
	padding: 10px 10px;
}

.modal-header h4 {
	
	font-size: 13px;
    font-weight: bold;
}

.modal-body {
	padding: 10px 10px;
}

.modal-footer {
	padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
     padding-top:10px;
    border-top: 0 solid #E5E5E5;
    margin-top: 1px;
   
    text-align: right;
}

#dialgo_old_browser{
	width: 600px;
}

.browser_img {
	float: left;
    height: 100px;
    margin: 5px;
    position: relative;
    width: 100px;
    cursor: pointer;
}

.ie_img {
	background: url('images/browser_ie.gif') no-repeat;
}

.firefox_img {
	background: url('images/browser_firefox.gif') no-repeat;
}

.safari_img {
	background: url('images/browser_safari.gif') no-repeat;
}

.opera_img {
	background: url('images/browser_opera.gif') no-repeat;
}

.chrome_img {
	background: url('images/browser_chrome.gif') no-repeat;
}

/*end old browser message*/

/*stats*/

h1.big_text{
	font-size: 76pt;
}

/** GALERIA SEARCH **/
	
#galeriaSort{
	text-align: center;	
}	

#galeriaSort ul{
	list-style-type: none;
	margin-top: 10px;
}

#galeriaSort .input-group{
    margin-left: 40%;
    margin-right: 40%;
    width: 20%;	
}
/*
#galeriaSort input {
  border:solid 1px #ccc;
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom:10px;
  height: 30px;
}*/
#galeriaSort input:focus {
  outline:none;
  border-color:#aaa;
}
#galeriaSort .sort {
  padding-left: 15px;
  padding-right: 15px;
  border:none;
  display:inline-block;
  color:#fff;
  text-decoration: none;
  background-color: #28a8e0;
  height:30px;
}
#galeriaSort .sort:hover {
  text-decoration: none;
  background-color:#1b8aba;
}
#galeriaSort .sort:focus {
  outline:none;
}
#galeriaSort .sort:after {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid transparent;
  content:"";
  position: relative;
  top:-10px;
  right:-5px;
}
#galeriaSort .sort.asc:after {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #fff;
  content:"";
  position: relative;
  top:13px;
  right:-5px;
}
#galeriaSort .sort.desc:after {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #fff;
  content:"";
  position: relative;
  top:-10px;
  right:-5px;
}
/* Link veure mapa Visor */
#div-linkViewMap {
    /*background: none repeat scroll 0 0 rgba(45, 46, 41, 0.9);
    border-radius: 0;
    color: #ffffff;
    min-height: 20px;
    padding: 5px;
    text-align: center;
    width: 135px;
    font-size: 8pt;*/
}

#span-linkViewMap a {
    /*color: white;*/
}
#span-linkViewMap a:hover {
      text-decoration:none;
      font-weight: bold;      
}

.bt-expand{
	background-color: #ffffff;
	padding: 4px 5px;
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65);
	margin-left: -3px;
	border-color: #ccc;
}

.bt-expand:hover{
	background-color: #f4f4f4;
}

/*info popover visor*/
#infoMap {
    font-size: 15px;
    padding-left: 10px;
    padding-right: 10px;
    color: rgba(45, 46, 41);
}

#infoMap {
	cursor: pointer;	
}

#mapTitle .popover{
	background: none repeat scroll 0 0 rgba(45, 46, 41, 0.9);	
	min-width: 200px;
}

#mapTitle .popover.bottom .arrow:after{
	background: none repeat scroll 0 0 rgba(45, 46, 41, 0.9);	
}

#mapTitle .popover h3{
	text-align: center;
	font-size: 14px;
	background: none repeat scroll 0 0 rgba(45, 46, 41, 0.9);
	color: #ffffff;
}

.mapInfoPopover ul{
	list-style-type: none;
}

.mapInfoPopover ul .divider {
    background-color: #e5e5e5;
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
}


.navbar-toggle {
    padding: 5px 5px!important;
}

.leaflet-control-draw-measure {
	background-image: url(images/measure-control.png);
}
	

.enabled .leaflet-control-draw-measure {
   border:1px solid #55821D;
   background-color: #C57E92;
}
html,body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

#map {
	width: 100%;
	top: 50px;
	height: 100%;
	margin: 0;
	padding: 0;
}

.navbar-inverse .navbar-form{
	border: 0;
	box-shadow: none;
}

.spinner{
	z-index: 3000;
}

.leaflet-container .leaflet-control-mouseposition {
	margin-right: 105px;
    margin-bottom: -18px;	
}

.leaflet-bottom.leaflet-right {
	margin-bottom: 42px !important;
	/*margin-right: 70px !important;*/
}




p.subitem-list{
	background-color: #f2f2f2;
    padding: 5px;
    text-decoration: underline;
}
#logos {
    bottom: 7px;
    cursor: pointer;
    height: 46px;
    left: 0;
    opacity: 0.8;
    padding: 0 10px;
    position: absolute;
    z-index: 1000;
}

#logos.logos{
	left: 270px;
}

.escut {
    float: left;
    max-height: 50px;
    max-width: 200px;
    margin-top: -15px;
}

.escut > img {
    max-height: 50px;
    max-width: 200px;
}

.faqs_link{
	color: #ffffff;
	padding-left: 3px; 
}

.edicio-popup a.faqs_link{
	color: #333333;
}

/*Animacio */
#div_loading{
	width: 100%;
	height: 100%;
	/*background-color:#FFFFFF;*/
	display: flex;
	overflow: hidden;
    position: absolute;
    top: 0;
    z-index:2001;
}

#loader2{
	left: 40%;
    line-height: 50%;
    position: relative;
    text-align: center;
    top: 40%;
}

* {
	box-sizing: border-box;
}

.loader {
  	position: relative;
   	left: 25%;
    line-height: 50%;
    position: relative;
    text-align: center;
    top: 40%;
  	width: 45%;
  	color: white;
  	font-family: "Roboto Condensed", sans-serif;
  	font-size: 250%;
  	background: linear-gradient(180deg, #222 0, #444 100%);
  	box-shadow: inset 0 5px 20px black;
  	text-shadow: 5px 5px 5px rgba(0,0,0,0.3);
}

.loader:after {
  	content: "";
  	display: table;
  	clear: both;
}

.loader span {
  	float: left;
  	height: 100px;
  	line-height: 120px;
  	width: 11%;
}

.loader > span {
  	border-left: 1px solid #444;
  	border-right: 1px solid #222;
}

.covers {
  	position: absolute;
  	height: 100%;
  	width: 100%;
}

.covers span div{
	height: 40px;
   	line-height: 40px;
    margin-left: 1px;
    margin-top: 39px;
    width: 40px;
    animation: up 3s infinite;
  	-webkit-animation: up 1s infinite;
}

#ani5 {
	animation: glow 3s infinite;
  	-webkit-animation: glow 1s infinite;
}

@keyframes glow{
  0%   { margin-bottom: 0; }
  	16%  {text-shadow:0 0 20px white;}
  	50% { margin-bottom: 0; }
  	100% { margin-bottom: 0;}
}

@-webkit-keyframes glow{
 	0%   { margin-bottom: 0; }
  	16%  {text-shadow:0 0 20px white; }
  	50% { margin-bottom: 0; }
  	100% { margin-bottom: 0;}
}

@keyframes up {
  	0%   { margin-bottom: 0;line-height: 40px; }
  	16%  { margin-top:1px; height: 50px; width: 50px;line-height: 50px; }
  	50% { margin-bottom: 0; line-height: 40px;margin-top:39px;}
  	100% { margin-bottom: 0;line-height: 40px; }
}

@-webkit-keyframes up{
 	0%   { margin-bottom: 0;line-height: 40px; }
  	16%  { margin-top:1px; height: 50px; width: 50px;line-height: 50px; }
  	50% { margin-bottom: 0; line-height: 40px;margin-top:39px;}
  	100% { margin-bottom: 0;line-height: 40px; }
}

#ani1 div  { animation-delay: .285714s; }
#ani2 div { animation-delay: .428571s; }
#ani3 div { animation-delay: .571428s; }
#ani4 div { animation-delay: .714285s; }
#ani5  { animation-delay: .714285s; }

/*Fi animacio*/

/*Tematics*/
.rd_separator{
	margin-left: 10px;
}

#list_tematic_values{
	max-height: 300px;
	overflow: auto;
}

#paletes_colors{
	float:left;
	text-align: left;
}

.btn-paleta{
	border: 1px solid #000000;
    cursor: pointer;
    margin-right: 5px;
}

/* end Tematics*/

.tooltip {
	z-index: 2000;
}

.taulaFeina {
	color: #FFFFFF;
	text-align: center;
	font-size: 14px;
	min-width: 200px;
}

.taulaFeina tr td {
	border-bottom: 1px solid #868681;
}

.ramp_color {
	background-image: linear-gradient(to top, #3B5998, #196ED1, #59B5D6, #00C0F7, #569908,
		#A8CB17, #FF9900, #FFDE00);
	border-right: 1px solid #868681;
}

.ramp {
    cursor: pointer;
    float: left;
    padding: 5px 5px 0;
}

.ramp:hover, .ramp.active{
	background-color: #cccccc;
}

.ramp rect{
    stroke: #333;
    stroke-width: 0.5px;
}

.dv_dragdrop {
	background-color: #F2F2F2;
	border: 2px dotted #F9A312;
	float: left;
	height: 65px;
	line-height: 0.45;
	margin-left: 15px;
	padding: 5px;
	width: 60%;
	color: #525252;
	margin-bottom: 12px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.65);
	cursor: pointer;
}

.dv_dragdrop p label {
	font-size: 35px;
}

.dv_dragdrop p {
	font-size: 10px;
}

h1,h2,h3,h4,h5,h6 {
	line-height: 1.1;
}

.popover {
	max-width: 400px;
	max-height: 350px;
	width: auto;
	height: auto;
	border-radius: 0;
	font-size: 12px;
	overflow: auto;
}

.etiqueta li {
	border-radius: 0;
}

.etiqueta li a {
	padding: 5px 5px;
}

.popover-title {
	background-color: #F7F7F7;
	border-bottom: 1px solid #EBEBEB;
	border-radius: 0;
	font-size: 12px;
	font-weight: normal;
	line-height: 12px;
	margin: 0;
	padding: 8px 2px 8px 7px;
}

.td1 {
	background-color: rgba(104, 108, 95, 0.90);
}

.td2 {
	background-color: rgba(89, 90, 81, 0.90);
}

.td3 {
	background-color: rgba(73, 77, 71, 0.90);
}

.td4 {
	background-color: rgba(60, 62, 54, 0.90);
}

.td5 {
	background-color: rgba(45, 46, 41, 0.90);
}

.bt_tanca {
	color: #aaaaaa !important;
	cursor: pointer;
	float: right;
	margin-left: 5px;
	margin-top: -5px;
}

.label-explora {
	color: #A94442;
	
	font-size: 14px;
}

.label-wms {
	color: #55990A;
	
	font-size: 14px;
}

.label-xs {
	color: #2963B5;	
	font-size: 14px;
}

.lable-usr{
	color: #2963B5;	
	font-size: 14px;
	cursor:pointer !important;
	text-decoration: underline !important;
	color: #8A6D3B;
}

.lable-usr:hover{
	color: #2963B5;	
	font-size: 14px;
	cursor:pointer !important;
	text-decoration: underline !important;
}

.label:hover{
	color:#dddddd !important;
}

.leaflet-control-layers {
	width: 270px;
	min-height: 300px;
	display: none;
	background: none repeat scroll 0 0 rgba(45, 46, 41, 0.9);
    color: #FFFFFF;	
    border-radius: 0;
    position: absolute;
    top: 0;
    right: 40px;
}

.control-layers-visor {
	max-height: 350px;
}

.leaflet-draw {
	
	/*
	left: 0px !important;
    */
    
    top: 220px !important;
}

.leaflet-draw-toolbar .leaflet-draw-draw-menu {
	background-position: -2px -2px;
}

.div_barrabotons {
	height: auto;
	clear: left;
}

.div_barrabotons div {
	margin-bottom: 7px;
	margin-right: 1px;
}

.leaflet-bar {
	border-radius: 0px !important;
}

.div_llistacapes:hover {
	background: no-repeat 0 0 rgba(244, 244, 244, 0.8);
}

.info_actiu {
	background: no-repeat 0 0 rgba(244, 0, 0, 0.8);
}

.div_auto {
	margin: auto auto auto 35px;
}

.dibuix_punt {
	background: url('images/galeria_icones.png') no-repeat scroll 2px -312px;
	width: 29px;
	height: 46px;
	margin: auto;
	text-align: center;
	cursor: pointer;
}

.dibuix_linia {
    cursor: pointer;
    float: left;
    height: 45px;
    text-align: center;
    width: 45px;
    margin-right: 5px;
}

.dibuix_poligon {
	width:45px;
 	height:45px;
	float: left;
	text-align: center;
	cursor: pointer;
	margin-left: 30px;
    margin-right: 5px;
}

.add_costat {
	cursor: pointer;
	float: left;
	text-align: center;
}

.add_costat_r {
	cursor: pointer;
	float: right;
	text-align: center;
	margin-right: 3px;
}

.add_costat_r2 {
    cursor: pointer;
    float: right;
    margin-right: 24px;
    margin-top: -21px;
    text-align: center;
}

.add_costat_l {
	cursor: pointer;
	float: left;
	text-align: center;
}

.dibuix_poligon:hover {
	background-color: #9F9F9E;
}

.dibuix_linia:hover {
	background-color: #9F9F9E;
}

.dibuix_punt:hover {
	background-color: #9F9F9E;
}

.bt_publicar {
	line-height: 55px;
	height: 55px;
	font-size: 18px;
	margin-left: 10px;
	margin-right: 10px;
	cursor: pointer;
	background-color: #ed7512;
}

.bt_publicar:hover {
	text-decoration: none;
	font-weight: normal;
	background-color: #ED8f12;
}

.bt_orange{
	cursor: pointer;
	color: #FFFFFF;
	background-color: #ED8012;
}

.bt_orange:hover {
	border: 1px solid #D0D0CD;
	color: #FFFFFF;
	background-color: #FF9900;
}

.div_carrega_dades {
	background: url('images/galeria_icones.png') no-repeat scroll -491px
		-524px rgba(166, 166, 166, 0.5);
	border: 2px dashed #AAAAAA;
	height: 55px;
	margin-left: 10px;
	margin-right: 10px;
	cursor: pointer;
}

.div_dades_usr {
	float: left;
	background: url('images/galeria_icones.png') no-repeat scroll -260px
		-515px rgba(166, 166, 166, 0.5);
	border: 1px solid #8C8B8A;
	cursor: pointer;
}

.div_dades_ext {
	background: url('images/galeria_icones.png') no-repeat scroll 13px
		-515px rgba(166, 166, 166, 0.5);
	margin-left: 5px;
	border: 1px solid #8C8B8A;
	float: right;
	cursor: pointer;
}

.div_carrega_dades:hover {
	border: 2px dashed #FFC500;
}

.textGris {
	font-size: 71%;
	color: #dddddd;
}

.div_gr6 {
	color: #7F807E;
	bottom: 1px;
	left: 30%;
}

.div_gr5 div:hover {
	border-bottom: 1px dotted #FFC500;
}

.div_gr5 {
	margin: 10px 5px 0;
	float: auto;
	z-index: 10;
}

.div_gr5 div {
	float: left;
	margin-bottom: 15px;
	width: 30px;
	font-size: 24px;
}

.div_gr4 {
	height: 40px;
	margin: 10px 20% 0;
}

.div_gr4 div:hover {
	border-bottom: 1px dotted #FFC500;
}

.div_gr4 div {
	float: left;
	height: 30px;
	margin-bottom: 10px;
	width: 40px;
	font-size: 20px;
}

.div_gr3{
	height: 40px;
	margin: 10px 5px 0;
}

.div_gr3 div{
	float: left;
	height: 40px;
	margin-bottom: 10px;
	width: 40px;
}

.div_gr2 div:hover {
	border: 1px solid #FFC500;
}

.div_gr3 div:hover{
	border: 1px solid #FFC500;
}

.div_estil_1 {
	background: url("images/galeria_icones.png") no-repeat scroll 0 -102px
		rgba(208, 208, 208, 0.5);
	cursor: pointer;
}

.div_estil_2 {
	background: url("images/galeria_icones.png") no-repeat scroll -71px
		-102px rgba(208, 208, 208, 0.5);
	margin-left: 4px;
	cursor: pointer;
}

.div_estil_3 {
	background: url("images/galeria_icones.png") no-repeat scroll -142px
		-102px rgba(208, 208, 208, 0.5);
	margin-left: 4px;
	cursor: pointer;
}

.div_estil_4 {
	background: url("images/galeria_icones.png") no-repeat scroll -213px
		-102px rgba(208, 208, 208, 0.5);
	margin-left: 4px;
	cursor: pointer;
}

.div_estil_5 {
	background: url("images/galeria_icones.png") no-repeat scroll -283px
		-102px rgba(208, 208, 208, 0.5);
	margin-left: 4px;
	cursor: pointer;
}

.div_fons_1 {
	background: url("images/galeria_icones.png") no-repeat scroll 0 -32px
		rgba(208, 208, 208, 0.5);
	cursor: pointer;
}

.div_fons_2 {
	background: url("images/galeria_icones.png") no-repeat scroll -71px
		-32px rgba(208, 208, 208, 0.5);
	margin-left: 2px;
	cursor: pointer;
}

.div_fons_3 {
	background: url("images/galeria_icones.png") no-repeat scroll -142px
		-32px rgba(208, 208, 208, 0.5);
	cursor: pointer;
	margin-left: 2px;
}

.div_fons_4 {
	background: url("images/galeria_icones.png") no-repeat scroll -213px
		-32px rgba(208, 208, 208, 0.5);
	cursor: pointer;
	margin-left: 4px;
}

.div_fons_5 {
	background: url("images/galeria_icones.png") no-repeat scroll -283px
		-32px rgba(208, 208, 208, 0.5);
	margin-left: 2px;
	cursor: pointer;
}

.div_fons_6 {
	background: url("images/galeria_icones.png") no-repeat scroll -354px
		-32px rgba(208, 208, 208, 0.5);
	margin-left: 2px;
	cursor: pointer;
}

.div_fons_7 {
	background: url("images/galeria_icones.png") no-repeat scroll -425px
		-32px rgba(208, 208, 208, 0.5);
	margin-left: 2px;
	cursor: pointer;
}

.div_fons_8 {
	background: url("images/galeria_icones.png") no-repeat scroll -497px
		-32px rgba(208, 208, 208, 0.5);
	margin-left: 4px;
	cursor: pointer;
}

.div_fons_9 {
	background: url("images/galeria_icones.png") no-repeat scroll -566px
		-32px rgba(208, 208, 208, 0.5);
	margin-left: 2px;
	cursor: pointer;
}

.div_fons_10 {
	background: url("images/galeria_icones.png") no-repeat scroll -638px
		-32px rgba(208, 208, 208, 0.5);
	margin-left: 4px;
	cursor: pointer;
}


.div_fons_11 {
	background: url("images/galeria_icones.png") no-repeat scroll -709px
		-32px rgba(208, 208, 208, 0.5);
	margin-left: 2px;
	cursor: pointer;
}

.div_fons_12 {
	background: url("images/galeria_icones.png") no-repeat scroll 0px
		-745px rgba(208, 208, 208, 0.5);
	margin-left: 2px;
	cursor: pointer;
}

.div_fons_13 {
	background: url("images/galeria_icones.png") no-repeat scroll -709px
		-161px rgba(208, 208, 208, 0.5);
	margin-left: 2px;
	cursor: pointer;
}

.div_fons_14 {
	background: url("images/galeria_icones.png") no-repeat scroll -709px
		-101px rgba(208, 208, 208, 0.5);
	margin-left: 2px;
	cursor: pointer;
}

.div_fons_15 {
	background: url("images/galeria_icones.png") no-repeat scroll -709px
		-221px rgba(208, 208, 208, 0.5);
	margin-left: 2px;
	cursor: pointer;
}

.div_fons_16 {
	background: url("images/galeria_icones.png") no-repeat scroll  -695px
		-650px rgba(208, 208, 208, 0.5);
	margin-left: 2px;
	cursor: pointer;
}
.div_fons_17 {
	background: url("images/galeria_icones.png") no-repeat scroll -744px
			-650px rgba(208, 208, 208, 0.5);
	margin-left: 2px;
	cursor: pointer;
}


.div_fons_18 {
	background: url("images/galeria_icones.png") no-repeat scroll  -566px -160px rgba(208, 208, 208, 0.5);
	margin-left: 2px;
	cursor: pointer;
}


.div_fons_blank {
	    background-color: white;
    margin-left: 2px;
    cursor: pointer;
}

.div_fons_gris {
	    background-color: lightgray;
    margin-left: 2px;
    cursor: pointer;
}


.div_fons_gris_fort {
	    background-color: gray;
    margin-left: 2px;
    cursor: pointer;
}

.div_gr2 {
	height: 55px;
	margin: 10px 10px 0;
}

.div_gr2 div {
	border: 1px solid D0D0CD;
	height: 55px;
	margin-bottom: 10px;
	width: 48%;
}

.modal{
	overflow-y: auto;
	  font-size: 13px
}

.modal-dialog {
	padding-top: 6%;
}

.modal-content {
	border-radius: 0;
	font-size: 13px;
}

.modal-header {
	padding: 10px 10px;
}

.modal-header h4 {
	font-size: 13px;
    font-weight: bold;
}

.modal-body {
	padding: 10px 10px;
	max-height: 600px;
    overflow-x: hidden;
    overflow-y: auto;
}

.modal-footer {
	padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
     padding-top:10px;
    border-top: 0 solid #E5E5E5;
    margin-top: 1px;
    text-align: right;
}

.btn {
	border-radius: 0;
	 font-size: 13px;
}

#dialog_tematic_rangs .labels_fields{
	display: inline;
	font-weight: bold;
	margin-right: 15px;
	width: 150px;
}

#dialog_layers_tematic .modal-dialog{
	padding-top: 10%;
	width: 40%;	
}

#dialog_dades_ex .modal-dialog{
	padding-top: 10%;
	width: 45%;		
}

#dialog_estils_punts .modal-dialog,
#dialog_estils_linies .modal-dialog,
#dialog_estils_arees .modal-dialog  {
	padding-top: 10%;
	width: 28%;
}

#dialog_delete_capa .modal-dialog{
    max-width: 575px;
    width: auto;
}

.modal-body > h4{
	overflow: hidden;
	text-overflow: ellipsis;
}

.info-wms{
	color: #55990A;
    font-size: 12px;
    margin-left: 4px
}

.info-explora{
	color: #A94442;
    font-size: 12px;
    margin-left: 4px
}

.control-switch {
	float: left;
	margin-right: 10px;
	width: 100%;
}

span.glyphicon-remove {
	cursor: pointer;
}

#idcomarca {
	height: 100px;
	overflow: auto;
}

.meteo {
	font-size: 75%;
	width: 100%;
}

.meteo img {
	width: 25px;
}

/* 
Author: L. Voogdt
License: MIT
Version: 1.0
*/

/* Marker setup */
div.fa {
	line-height: 1.8;
}

i.fa {
	line-height: 0.8;
}

/* Colors */
.awesome-marker {
	background: url('images/galeria_icones.png') no-repeat 0 0;
	width: 28px;
	height: 42px;
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	text-align: center;
}

.awesome-marker-web {
	width: 28px;
	height: 42px;
	margin: auto;
	display: block;
	text-align: center;
}

.awesome-marker-shadow {
	background: url('images/markers-shadow.png') no-repeat 0 0;
	width: 36px;
	height: 16px;
}

.awesome-marker i {
	color: #333;
	margin-right: 2px;
	margin-top: 6px;
	display: inline-block;
	font-size: 14px;
}

.awesome-marker .icon-white {
	color: #fff;
}

.awesome-marker-icon-orange {
	background: url('images/galeria_icones.png') no-repeat 0 0;
	background-position: 1px -315px;
}

.awesome-marker-icon-darkorange {
	background: url('images/galeria_icones.png') no-repeat 0 0;
	background-position: -69px -315px;
}

.awesome-marker-icon-red {
	background: url('images/galeria_icones.png') no-repeat 0 0;
	background-position: -140px -315px;
}

.awesome-marker-icon-purple {
	background: url('images/galeria_icones.png') no-repeat 0 0;
	background-position: -211px -315px;
}

.awesome-marker-icon-blue {
	background: url('images/galeria_icones.png') no-repeat 0 0;
	background-position: -281px -315px;
}

.awesome-marker-icon-green {
	background: url('images/galeria_icones.png') no-repeat 0 0;
	background-position: -352px -315px;
}

.awesome-marker-icon-darkgray {
	background: url('images/galeria_icones.png') no-repeat 0 0;
	background-position: -423px -315px;
}

.awesome-marker-icon-gray {
	background: url('images/galeria_icones.png') no-repeat 0 0;
	background-position: -494px -315px;
}

.awesome-marker-icon-orange_r {
	width: 28px;
	height: 28px;
	border-radius: 14px;
	border: 2px solid #dddddd;
	background-color: #FFC500;
}

.awesome-marker-icon-punt_r {
	width: 28px;
	height: 28px;
	border-radius: 14px;
	border: 2px solid #ffffff;	
}

.leaflet-sidebar {
	position: absolute;
	padding: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 100%;
    min-width: 260px;
    z-index: 10;	
}

.leaflet-sidebar.left {
	left: -500px;
	transition: left 0.5s, width 0.5s;
	padding-right: 0;
}

.leaflet-sidebar.right {
	right: -500px;
	transition: right 0.5s, width 0.5s;
	padding-left: 0;
}

.leaflet-sidebar.left.visible {
	left: 0;
}

.leaflet-sidebar.right.visible {
	right: 0;
}

.leaflet-left {
	transition: left 0.5s;
}

.leaflet-right {
	transition: right 0.5s;
}

.leaflet-sidebar>.leaflet-control {
	height: 100%;
	width: 100%;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 1px 0px;
	font-size: 1.1em;
	box-shadow: 0 1px 7px rgba(0, 0, 0, 0.65);
	-webkit-border-radius: 0px;
	border-radius: 0px;
}

.bs-dadesO {
	list-style: none outside none;
	overflow: hidden;
}

.bs-dadesO li {
    border: 0px dashed #DDDDDD;
    color: #000000;
    float: left;
    font-size: 14px;
    line-height: 0.8;
    margin: 0 -1px -1px 0;
    padding: 5px;
    text-align: left;
    width: 50%;
}

.tbl{
	border: 1px dashed #DDDDDD;
	width:100%;
	background-color: #EEEEEE;
}

.tbl_url_file{
	width:100%;
	background-color: #EEEEEE;
	height: auto;
	overflow:auto;
	padding: 0 15px 15px 15px;
}

.bs-glyphicons {
	list-style: none outside none;
	margin-bottom: 5px;
	overflow: hidden;
	padding-bottom: 1px;
	padding-left: 0;
}

.bs-glyphicons li {
	border: 1px solid #DDDDDD;
	float: left;
	font-size: 14px;
	height: 40px;
	line-height: 1.4;
	margin: 0 -1px -1px 0;
	padding: 10px;
	text-align: center;
	width: 20%;
	color: #000000;
}

.bs-glyphicons li:hover {
	border: 2px solid #FFCB00;
	cursor: pointer;
}

.bs-linies {
	list-style: none outside none;
	margin-bottom: 1px;
	overflow: hidden;
	padding-bottom: 0px;
	padding-left: 0;
}

.bs-linies li {
	border: 1px solid #DDDDDD;
	float: left;
	height: 45px;
	padding: 0px;
	text-align: center;
	width: 12.2%;
}

.bs-linies li:hover {
	border: 2px solid #FFCB00;
	cursor: pointer;
}

.bs-arees {
	list-style: none outside none;
	margin-bottom: 1px;
	overflow: hidden;
	padding-bottom: 0px;
	padding-left: 0;
}

.bs-arees li {
	border: 1px solid #DDDDDD;
	float: left;
	height: 45px;
	padding: 0px;
	text-align: center;
	width: 12.2%;
}

.bs-arees li:hover {
	border: 2px solid #FFCB00;
	cursor: pointer;
}

.bs-colors li div {
	width: 100%;
	height: inherit;
}

.c_black {
	background-color: #333333;
}

.c_white {
	background-color: #FFFFFF;
}

.c_red {
	background-color: #BF2424;
}

.c_green {
	background-color: #64BF24;
}

.c_blue {
	background-color: #243EBF;
}

.c_gray {
	background-color: #8D9393;
}

.c_orange {
	background-color: #EA6D2A;
}

.c_purple {
	background-color: #A023A0;
}

.c_maroon {
	background-color: #A04823;
}

.c_turc {
	background-color: #2398A0
}

.bs-colors li:hover {
	border: 2px solid #FFCB00;
	cursor: pointer;
}

.bs-punts {
	list-style: none outside none;
	margin-bottom: 10px;
	overflow: hidden;
	padding-bottom: 1px;
	padding-left: 0;
}

.bs-punts li {
	border: 1px solid #DDDDDD;
	float: left;
	font-size: 14px;
	height: 50px;
	line-height: 1.4;
	margin: 0 -1px -1px 0;
	padding: 5px;
	text-align: center;
	width: 16%;
	color: #000000;
}

.bs-punts li:hover {
	border: 2px solid #FFCB00;
	cursor: pointer;
}

.estil_selected {
	border: 2px solid #FF0000 !important;
	cursor: pointer;
}

@media ( max-width :767px) {
	.leaflet-sidebar {
		padding: 0;
	}
	.leaflet-sidebar.left {
		left: -100%;
	}
	.leaflet-sidebar.right {
		right: -100%;
	}
	.leaflet-sidebar.left.visible {
		left: 0;
	}
	.leaflet-sidebar.right.visible {
		right: 0;
	}
	.leaflet-sidebar>.leaflet-control {
		box-shadow: none;
		-webkit-border-radius: 0;
		border-radius: 0;
	}
	.leaflet-sidebar.left.visible   ~ .leaflet-left {
		left: 100%;
	}
	.leaflet-sidebar.right.visible   ~ .leaflet-right {
		right: 100%;
	}
	.div_gr4 {
		height: 20px;
		margin: 5px 50px 0;
	}
	.div_gr4 div {
		float: left;
		height: 20px;
		margin-bottom: 10px;
		width: 20px;
		font-size: 14px;
	}
	.div_gr5 {
		height: 20px;
		margin: 10px 5px 0;
		float: auto;
	}
	.div_gr5 div {
		float: left;
		margin-bottom: 5px;
		width: 30px;
		font-size: 18px;
	}
	h5,.h5 {
		font-size: 12px;
	}
	.div_gr2 {
		height: 35px;
		margin: 5px 5px 0;
	}
	.div_gr2 div {
		border: 1px solid D0D0CD;
		height: 35px;
		margin-bottom: 5px;
		width: 48%;
	}
}

@media ( min-width :768px),(max-width:991px) {
	.leaflet-sidebar {
		width: 190px;
	}
	.leaflet-sidebar.left.visible   ~ .leaflet-left {
		left: 260px;
	}
	.leaflet-sidebar.right.visible   ~ .leaflet-right {
		right: 260px;
	}
	.div_gr3{
		height: 30px;
		margin: 5px 5px 0;
	}
	.add_costat_r {
		margin-right: 11px;
	}
	.white,.white a,.white span {
		font-size: 10px;
	}
	.taronja,.taronja a,.taronja span {
		font-weight:normal;
	}
	.taronja:hover{
		font-weight: bold;
	}
	.div_gr2 {
		height: 35px;
		margin: 5px 5px 0;
	}
	.div_gr5 {
		height: 20px;
		margin: 10px 5px 0;
		float: auto;
	}
	.div_gr5 div {
		float: left;
		margin-bottom: 5px;
		width: 22px;
		font-size: 18px;
	}
	.div_gr2 div {
		border: 1px solid D0D0CD;
		height: 57px;
		margin-bottom: 5px;
		width: 48%;
	}
	.div_gr3 div{
		float: left;
		height: 25px;
		margin-bottom: 3px;
		width: 25px;
	}
	.div_gr4 {
		height: 20px;
		margin: 5px 20% 0;
	}
	.div_gr4 div {
		float: left;
		height: 20px;
		margin-bottom: 10px;
		width: 20px;
		font-size: 14px;
	}
	h5,.h5 {
		font-size: 12px;
	}
	bt_publicar {
		line-height: 35px;
		font-size: 12px;
		height: 55px;
		margin-left: 10px;
		margin-right: 10px;
		cursor: pointer;
		background-color: #FF8300
	}
	.div_carrega_dades {
		background: url('images/galeria_icones.png') no-repeat scroll -490px
			-524px rgba(166, 166, 166, 0.5);
		margin-left: 5px;
		margin-right: 5px;
	}
	.div_dades_usr {
		float: left;
		background: url('images/galeria_icones.png') no-repeat scroll -272px
			-515px rgba(166, 166, 166, 0.5);
	}
	.div_dades_ext {
		background: url('images/galeria_icones.png') no-repeat scroll 3px -515px
			rgba(166, 166, 166, 0.5);
		margin-left: 5px;
	}	
}

@media ( min-width :992px) and (max-width:1199px) {
	.leaflet-sidebar {
		width: 190px;
	}
	.leaflet-sidebar.left.visible   ~ .leaflet-left {
		left: 190px;
	}
	.leaflet-sidebar.right.visible   ~ .leaflet-right {
		right: 190px;
	}
	.div_gr3{
		height: 30px;
		margin: 5px 5px 0;
	}
	.add_costat_r {
		margin-right: 11px;
	}
	.white,.white a,.white span {
		font-size: 10px;
	}
	.taronja,.taronja a,.taronja span {
		font-size: 10px;
	}
	.div_gr2 {
		height: 35px;
		margin: 5px 5px 0;
	}
	.div_gr5 {
		height: 20px;
		margin: 10px 5px 0;
		float: auto;
	}
	.div_gr5 div {
		float: left;
		margin-bottom: 5px;
		width: 22px;
		font-size: 18px;
	}
	.div_gr2 div {
		border: 1px solid D0D0CD;
		height: 57px;
		margin-bottom: 5px;
		width: 48%;
	}
	.div_gr3 div{
		float: left;
		height: 25px;
		margin-bottom: 3px;
		width: 25px;
	}
	.div_gr4 {
		height: 20px;
		margin: 5px 20% 0;
	}
	.div_gr4 div {
		float: left;
		height: 20px;
		margin-bottom: 10px;
		width: 20px;
		font-size: 14px;
	}
	.dibuix_punt {
		cursor:pointer;
		width: 25px;
		height: 40px;
		margin: auto;
		text-align: center;
	}
	.dibuix_linia {
		cursor:pointer;
		width: 35px;
		height: 40px;
		margin-left: 15%;
		margin-right: 15%;
		margin-bottom:8px;
		float: left;
		text-align: center;
	}
	.dibuix_poligon {
		background: url('images/galeria_icones.png') no-repeat  scroll 2px -173px;
		cursor:pointer;
		width: 37px;
		height: 40px;
		margin-right: 10px;
		float: left;
		text-align: center;
		margin-bottom:8px;
	}
	h5,.h5 {
		font-size: 12px;
	}
	bt_publicar {
		line-height: 35px;
		font-size: 12px;
		height: 55px;
		margin-left: 10px;
		margin-right: 10px;
		cursor: pointer;
		background-color: #FF8300
	}
	.div_carrega_dades {
		background: url('images/galeria_icones.png') no-repeat scroll -520px
			-524px rgba(166, 166, 166, 0.5);
		margin-left: 5px;
		margin-right: 5px;
	}
	.div_dades_usr {
		float: left;
		background: url('images/galeria_icones.png') no-repeat scroll -272px
			-515px rgba(166, 166, 166, 0.5);
	}
	.div_dades_ext {
		background: url('images/galeria_icones.png') no-repeat scroll 3px -515px
			rgba(166, 166, 166, 0.5);
		margin-left: 5px;
	}
}

@media ( min-width :1200px) {
	.leaflet-sidebar {
		width: 260px;
	}
	.leaflet-sidebar.left.visible   ~ .leaflet-left {
		left: 260px;
	}
	.leaflet-sidebar.right.visible   ~ .leaflet-right {
		right: 260px;
	}
}

@media (max-height:605px){
	.bt_publicar {
		line-height: 40px;
		height: 40px;
		margin: 5px;
		font-size: 15px,
	}
	
	.div_gr3_fons{
	    height: 30px;
	}	
	
	.div_gr2 div {
		margin-bottom: 0;
		height: 30px;
	}	
	
	.div_gr2 {
    	height: 35px;
    	margin: 5px 5px 0;
	}
	
	.div_carrega_dades {	
		height: 35px;
	}
	
	.div_carrega_dades {
		background: url('images/galeria_icones.png') no-repeat scroll -290px
			-650px rgba(166, 166, 166, 0.5);
		height: 35px;
	}
	
	.div_dades_usr {
		height: 35px;
		background: url('images/galeria_icones.png') no-repeat scroll 35px
			-650px rgba(166, 166, 166, 0.5);
	}
	
	.div_dades_ext {
		height: 35px;
		background: url('images/galeria_icones.png') no-repeat scroll -155px
			-650px rgba(166, 166, 166, 0.5);
	}	
	
	.taulaFeina h5{
	    margin-bottom: 6px;
	    margin-top: 4px;
	}
}

@media (max-width:1025px){
	.div_gr3_fons div {
	    display: inline-block;
	    height: 30px;
	    width: 30px;
	}	
	
	.div_fons_1 {
		background: url("images/galeria_icones.png") no-repeat scroll 0 -600px
			rgba(208, 208, 208, 0.5);
		cursor: pointer;
	}
	
	.div_fons_2 {
		background: url("images/galeria_icones.png") no-repeat scroll -53px
			-600px rgba(208, 208, 208, 0.5);
		cursor: pointer;
	}
	
	.div_fons_3 {
		background: url("images/galeria_icones.png") no-repeat scroll -106px
			-600px rgba(208, 208, 208, 0.5);
		cursor: pointer;
	}
	
	.div_fons_4 {
		background: url("images/galeria_icones.png") no-repeat scroll -159px
			-600px rgba(208, 208, 208, 0.5);
		cursor: pointer;
	}
	
	.div_fons_5 {
		background: url("images/galeria_icones.png") no-repeat scroll -212px
			-600px rgba(208, 208, 208, 0.5);
		cursor: pointer;
	}
	
	.div_fons_6 {
		background: url("images/galeria_icones.png") no-repeat scroll -265px
			-600px rgba(208, 208, 208, 0.5);
		cursor: pointer;
	}
	
	.div_fons_7 {
		background: url("images/galeria_icones.png") no-repeat scroll -318px
			-600px rgba(208, 208, 208, 0.5);
		cursor: pointer;
	}
	
	.div_fons_8 {
		background: url("images/galeria_icones.png") no-repeat scroll -371px
			-600px rgba(208, 208, 208, 0.5);
		cursor: pointer;
	}
	
	.div_fons_9 {
		background: url("images/galeria_icones.png") no-repeat scroll -424px
			-600px rgba(208, 208, 208, 0.5);
		cursor: pointer;
	}
	
	.div_fons_10 {
		background: url("images/galeria_icones.png") no-repeat scroll -477px
			-600px rgba(208, 208, 208, 0.5);
		cursor: pointer;
	}
	
	
	.div_fons_11 {
		background: url("images/galeria_icones.png") no-repeat scroll -530px
			-600px rgba(208, 208, 208, 0.5);
		cursor: pointer;
	}
	
	.div_fons_12 {
		background: url("images/galeria_icones.png") no-repeat scroll -52px
			-745px rgba(208, 208, 208, 0.5);
		cursor: pointer;
	}	
	.div_fons_13 {
		background: url("images/galeria_icones.png") no-repeat scroll -695px
			-600px rgba(208, 208, 208, 0.5);
		margin-left: 2px;
		cursor: pointer;
	}
	.div_fons_14 {
		background: url("images/galeria_icones.png") no-repeat scroll -642px
			-600px rgba(208, 208, 208, 0.5);
		margin-left: 2px;
		cursor: pointer;
	}
	.div_fons_15 {
		background: url("images/galeria_icones.png") no-repeat scroll  -588px
			-600px rgba(208, 208, 208, 0.5);
		margin-left: 2px;
		cursor: pointer;
	}
}

/* Retina displays */
@media ( min--moz-device-pixel-ratio : 1.5) , ( -o-min-device-pixel-ratio : 3/2)
		, ( -webkit-min-device-pixel-ratio : 1.5) , ( min-device-pixel-ratio :
		1.5) , ( min-resolution : 1.5dppx) {
}

.my-modal-footer-xs{
	border-top: 0 none;
	padding: 0;
}

.my-modal-dialog-xs{
	width: 25%;
}

.twitter_layer_popup{
	text-align: center;
}

#twitter-collapse, #wikipedia-collapse{
	margin: 25px 20px 0 20px;	
}

#id_xs h4{
	text-align: center;
}
#id_xs h4 .label{
	border-radius: 0px;
	font-size: 15px;
	margin: 5px;
}

#hashtag_twitter_layer, #btn-add-twitter-layer,
#name_wikipedia_layer, #btn-add-wikipedia-layer {
    height: 34px;
}

.label-font{
	background-color: #d5d5d5;
	float: left;
    margin-top: 10px;	
}

.label-xarxes{
	background-color: #d9edf7;
    color: #2a6496;	
	font-weight: bold;
    margin-left: -7px;
    padding: 5px;    
}

.bs-dadesO_XS li a:hover,
.bs-dadesO li a:hover{
	text-decoration: none;
	font-weight: bold;
}
.llista-do li a:hover{
 color: #a94442;
}

.llista-wms li a:hover{
 color: #55990a;
}

/*JSON POPUP*/

#image-popup-json {
    margin: 10px;
    text-align: center;
}

#nom-popup-json {
    text-align: center;
    font-size: 14px;
}

/*Pop up features*/

.bs-ncapa select, 
.bs-ncapa select option{
    max-width: 200px;
    min-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    width: auto;
}

/*Popup data features*/
.popup_data_key {
    float: left;
   /* min-width: 30%;*/
	width: 100px;
    background-color: #EEEEEE;
    font-weight: 600;
    line-height: 1.42857143;
    /*text-align: center;*/
    overflow: hidden;
	text-overflow: ellipsis; 
	padding:5px; 
	font-size: 0.95em;
}

.popup_data_value {
	width: 190px;
    max-width: 200px;
    line-height: 1.42857143;
	padding-left: 8px;
	font-size: 0.95em;
}

.popup_data_row{
	border-bottom: 1px solid #EEEEEE;
	margin: 2px;
	padding: 0px;
	/*text-align: center;*/
	display: flex;
}

.width100{width: 100%;}

.popup-data-img{
	padding-bottom: 2px;
    padding-top: 2px;
    max-width: 295px;
    max-height: 295px;
    width: auto;
    height: auto;
}

.leaflet-popup-content > img {
	padding-bottom: 2px;
    padding-top: 2px;
    max-width: 295px;
    max-height: 295px;
    width: auto;
    height: auto;
}

.popup_data_img_iframe img{
	margin-top: 12px;
	max-width: 100%;
	height: auto;
}
/*end Popup data features*/

/*feedback button*/
#feedback_btn{
	right: 0;
    bottom: 230px;
    z-index: 100001 !important;
    border-radius: 5px 5px 0 0;
    border-right-width: 0;
    border-style: solid none solid solid;
    background-color: rgba(45, 46, 41, 0.9);
    background-position: center 0;
    background-repeat: no-repeat;
    border: 1px solid #FFFFFF;
    box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.247) inset, 0 1px 3px rgba(0, 0, 0, 0.498);
    cursor: pointer;
    display: none;
    float: right;
    overflow: hidden;
    color: #FFFFFF;
    padding: 2px 5px;
    position: absolute;
    transform: rotate(-90deg);
    transform-origin:73% 0 0;
    -ms-transform:rotate(-90deg); /* IE 9 */
    -ms-transform-origin:73% 0 0; /* IE 9 */
	-webkit-transform:rotate(-90deg); /* Opera, Chrome, and Safari */
	-webkit-transform-origin:73% 0 0; /* Opera, Chrome, and Safari */
}

/* barra eines */
.div_gr3_estils, .div_gr3_fons{
    height: 40px;
    text-align: center;
}

.div_gr3_estils div, .div_gr3_fons div{
    display: inline-block;
    height: 100%;
    width: 40px;
}

.green,.green a,.green span {
	color: #00ff00 !important;
}

.taronja,.taronja a,.taronja span {
	color: #FFFFFF !important;
    margin-left: 2px;
}

.greenfort,.greenfort a,.greenfort div,.greenfort span {
	color: #55821D;
	cursor: pointer;
	font-size: 17px;
}

.grisfort,.grisfort a,.grisfort div,.grisfort span {
	color: #464646 !important;
	cursor: pointer;
	font-size: 17px;
}

.gris,.gris a,.gris span {
	color: #EAE9E5 !important;
	cursor: pointer;
}

.white,.white a,.white span {
	color: #ffffff;
	cursor: pointer;
}


/* Llistat downloadable layers */

.modal-downloadable{
	overflow: hidden;
	width: 100%;
	padding-top: 20px;
	padding-right: 20%;
}

#div_downloadable{
	width: 85%;
}

.downloadable-subrow-all{
	margin-bottom: 5px;
	margin-top: 5px;
	overflow: hidden;
}

.downloadable-subrow{
	margin-bottom: 3px;
	margin-top: 3px;
	overflow: hidden;
}

.separate-downloadable-row-all{
    border-bottom: 3px solid #E5E5E5;
 	margin-left: 3%;
    margin-right: 4%;
}

.separate-downloadable-row{
    border-bottom: 1px solid #E5E5E5;
 	margin-left: 3%;
    margin-right: 4%;
}

/*******************************/

.div_hill_f{
	background-color: #FFFFFF;
	
}
.div_hill{
 background-image: url("images/hillshading.png");
    height: 26px;
    width: 26px;
	opacity:0.5;
}

.div_hill_verd{
 background-image: url("images/hillshading_verd.png");
    height: 26px;
    width: 26px;
	opacity:0.5;
}

#txt_URLfile_error, #div_carrega_dades_message{
	font-weight: bold;
	margin-bottom: 0px;
	padding: 5px;
}

#div_carrega_dades_message{
	margin: 10px;
}

.class_error{
	border: 1px solid red;
}
.text_error{
	color: red;
}

#div_url_file_message{
	margin: 10px;
    padding: 4px;
    text-align: center;
    font-weight: bold;
}

#div_do_message .alert {
    font-weight: bold;
    padding: 4px;
}

#mida_pres {
    background-color: #EEEEEE;
    padding: 5px;
	margin: 0 15px 15px;
	text-align: center;
}

.panel-dadesExternes > .panel-heading {
    background-color: #ffe0aa;
    border-color: #ffe0aa;
    color: #FF6C00;
}

.info-dadesExternes {
    color: #FF6C00;
    font-size: 12px;
    margin-left: 4px;
}

.label-dadesExternes {
    color: #FF6C00;
    font-size: 14px;
}

.llista-dadesExternes li a:hover {
    color: #FF6C00;
}

#label-dinamic{
	font-size: 90%;
	line-height: 3;
}

.llista-teves-dades li a:hover{
	color: #428BCA;
	text-decoration: none;
	font-weight: bold;
}

#dialog_teves_dades .modal-dialog {
	max-width: 680px;
    min-width: 675px;
    width: auto;
}
.label-teves-dades {
    color: #428BCA;
    font-size: 14px;
}
.info-teves-dades {
    color: #A94442;
    font-size: 12px;
    margin-left: 4px;
}
.llista-teves-dades li { 
	border-bottom: 0.5px dashed #d4d0d8;
    float: left;
    line-height: 1;
    padding: 5px;
    text-align: left;
    width: 50%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.llista-teves-dades li .info-teves-dades {
	float: right;
}
.llista-teves-dades li:hover {
	background-color: #eaeaea;	
}
#modal-title-teves-dades,
#modal-title-publicar{
	font-size: 16px;
}

#iframeMap, #urlMap{background-color: #eeeeee;}

#urlVisorMap {
    border: 1px none black;
    font-size: 16px;
    font-weight: bold;
    padding: 4px;
    text-align: center;
}

#urlVisorMap a:hover{decoration:none;}

.layers-list{
	overflow: hidden;
	max-height: 280px;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
    height: 100%;
    position: relative;	
}
.layers-list-editable{
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
    height: 100%;
    position: relative;	
}

.bt_3D_2D{
	cursor: pointer;
}

.text3D {
    color: #464646;
    font-weight: bold;
    margin: 0;
    text-shadow: 0 1px 0 #999, 0 2px 0 #ffffff, 0 3px 0 #777;
    cursor: pointer;
}

.geopdf,.geopdf a,.geopdf div {
	color: #464646 !important;
	cursor: pointer;
	font-size: 17px;
	font-weight: bold;
}

.groc,.groc a,.groc span {
	color: #FFAF00;
	cursor: pointer;
	font-size: 16px;
}

.bt_share,.bt_share a,.bt_share div {
	color: #464646 !important;
	cursor: pointer;
	font-size: 17px;	
}

#socialShare_visor{
	background: none repeat scroll 0 0 rgba(45, 46, 41, 0.9);
    border-radius: 0;
    color: #ffffff;
    display: none;
    left: 38px;
    position: absolute;
    top: 143px;
	height: 35px;
}

.share-square {
    height: 30px !important;
    width: 30px !important;	
}

/*Modal data table*/
#layer-data-table > thead > tr {
    background-color: #d9edf7;
    border-color: #bce8f1;
    color: #31708f;	
}

.fixed-table-container thead th .th-inner {
    background-color: #d9edf7;
    border-color: #bce8f1;
    color: #31708f;	
}

#modal_data_table_title {
    font-size: 18px;
    text-align: center;
    overflow: hidden;
}

.bootstrap-table .search input {
    font-size: 14px;
    height: 34px;
    border-radius: 4px;
}
.data-table-icon-remove {
    color: #A94442;
    font-size: 14px;
    padding: 4px;
}
.data-table-icon-zoom {
    font-size: 14px;
    padding: 4px;
}

#layer-data-table th, #layer-data-table td {width: 100%;}

.mCustomScrollBox > .mCSB_scrollTools {
    width: 5px;
}

/*control fons*/
/*
.control-btn-fons{
	bottom: 50px;
    position: relative;
}
*/

.control-btn-fons .llista-fons{
	width:0px; 
    overflow: hidden;
	transition: width 0.25s linear; 
	height: 50px;
	padding: 0;
	border: 0px;
	background: none no-repeat scroll 0 0 rgba(45, 46, 41, 0.9);
}

.control-btn-fons .llista-fons div{
	width: 32px;
	height: 32px;
	float: left;
	margin-top: 9px;
}

.control-btn-fons .llista-fons div:first-child{
	margin-left: 4px;
}

.control-btn-fons .llista-fons div:hover{
	-ms-transform: scale(1.2,1.2); /* IE 9 */
    -webkit-transform: scale(1.2,1.2); /* Safari */
    transform: scale(1.2,1.2);	
}

.control-btn-fons-expanded .llista-fons{
	visibility: visible;
	position: relative;
    width: 148px;
    background: none no-repeat scroll 0 0 rgba(45, 46, 41, 0.9);
    height: 210px;
    float:right;
    overflow: hidden;
    border: 1px;
    margin-top:25px;
}

.div_llistacapes:hover {
    background: none no-repeat scroll 0 0 rgba(244, 244, 244, 0.8);
}
.bt_orto {
    background: url("../img/orto.png") no-repeat scroll 0 -64px #ffffff;
    border: 1px solid #096002;
    color: #5a5a5a;
    height: 50px;
    width: 40px !important;
    z-index: 1;
}
.bt_orto small {
    line-height: 79px;
}

.bt_topo {
    background: url("../img/topo.png") no-repeat scroll 0 -64px #ffffff;
    border: 1px solid #096002;
    color: #5a5a5a;
    height: 50px;
    width: 40px !important;
    z-index: 1;
}
.bt_topo small {
    line-height: 79px;
}

.control-btn-fons-expanded .bt_orto {
  	margin-top:183px;
}

.control-btn-fons-expanded .bt_topo {
  margin-top:183px;
}

#info_geojsonvt {
    background-color: white;
    padding: 5px;
    position: absolute;
	top: 60px;
    width: 320px;
    z-index: 200;
    left: 50px;
    border-radius: 4px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65);   
    max-height: 500px;   
	overflow-y: auto;
}
#bt_info_geojsonvt_close {
    width: 100%;
    text-align: right;
}

/*Time bar*/
.barra_temps{
	display:none;
	left: 30%;
}

a.timecontrol-slider .ui-slider-handle {
    width: 10px !important;
}

.leaflet-bar-timecontrol {
    background-color: #3f3f39 !important;
}

a.leaflet-control-timecontrol {
    background-color: #3f3f39 !important;
    color: white !important;
}

a.leaflet-control-timecontrol:hover {
    color: #FFC500 !important;
}
/*end Time bar*/



#rank-tooltip {
 border-radius: 0;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
    float: left;
    left: 0;
    max-height: 200px;
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    text-align: start;
    top: 100%;
    width: 212px;
    z-index: 1010;
}

#innerPalette {
	position:absolute; 
	bottom:5px; 
	left: calc(50% - 275px); 
	box-shadow: 0 1px 7px rgba(0, 0, 0, 0.65);
	background: none repeat scroll 0 0 rgba(45, 46, 41, 0.9);
	color: #FFFFFF;
	z-index: 1001;
	padding-left: 10px;
	padding-right: 10px;
}

#mapNameContainer {
	max-width: calc(100vw - 400px);
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	display: inline-block;
}

@media (min-width: 1200px) 
{
	
	#mapNameContainer {
		max-width: calc(100vw - 810px);
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
		display: inline-block;
	}

}

#paletteBackground {
	position: absolute;
	top: 0px;
	right: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	z-index: 1000;
	background-color: #000000;
	opacity: 0;
}

.paletteLabels {
	float: left;
	padding-top: 5px;
	padding-right: 5px;
	font-style: italic;
	font-size: 12px;
}

.paletteTitle {
	font-weight: bold;
	border-bottom: 1px solid #cccccc;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: rgb(204, 204, 204);
	font-style: 14px;
}

.paletteButtons {
	padding-top: 5px;
}

.innerPaletteButtons {
	display: inline-block; 
	float:right;
	padding-bottom: 10px;
}

.chk_mascara{

    margin-left: 0 !important;
	
}

.btn-invert-palette {
	background-color: #cccccc;
	border-color: #cccccc;
	color: black;
}

.btn-invert-palette:hover {
	background-color: #afaeae;
	border-color: #afaeae;
}

.traffic-light-icon {
	background: url("images/galeria_icones.png") no-repeat scroll -290px -800px;
    cursor: pointer;
    width: 20px;
    height: 25px;
}

.traffic-light-icon-empty {
    width: 20px;
    height: 25px;
}


.div_barraexport{
	position:absolute;
	display:none;
	

}

.div_gr40 div:hover {
	border-bottom: 1px dotted #FFC500;
}

.div_gr40 {
	
	margin: 10px 5px 0;
	float: auto;
	z-index: 10;
}

.div_gr40 div {
	float: left;
	margin-left: 2px;
	margin-bottom: 15px;
	width: 29px;
	height: 27px;
	
}

#preloader6{
    position:relative;
    width: 42px;
    height: 42px;
	-webkit-animation: preloader_6 5s infinite linear;
   	-moz-animation: preloader_6 5s infinite linear;
    -ms-animation: preloader_6 5s infinite linear;
    -o-animation: preloader_6 5s infinite linear;
    animation: preloader_6 5s infinite linear;
    /*margin: 15px 82px 15px 92px;*/
    margin: auto;
}

#preloader6 span{
    width:20px;
    height:20px;
    position:absolute;
    background:red;
    display:block;
-webkit-animation: preloader_6_span 1s infinite linear;
   -moz-animation: preloader_6_span 1s infinite linear;
    -ms-animation: preloader_6_span 1s infinite linear;
     -o-animation: preloader_6_span 1s infinite linear;
        animation: preloader_6_span 1s infinite linear;
    border-radius: 20px;
}



#preloader6 span:nth-child(1){
/*background:#2ecc71;*/
 background-image: linear-gradient(to bottom, #FF9900, #FFDE00);
}
#preloader6 span:nth-child(2){
	left:22px;
/*background:#9b59b6;*/
	background-image: linear-gradient(to bottom, #569908, #A8CB17);
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    -ms-animation-delay: .2s;
    -o-animation-delay: .2s;
    animation-delay: .2s;
}
#preloader6 span:nth-child(3){
	top:22px;
/*background:#3498db;*/
	background-image: linear-gradient(to bottom, #3B5998 , #196ED1);
	-webkit-animation-delay: .4s;
	-moz-animation-delay: .4s;
	-ms-animation-delay: .4s;
	-o-animation-delay: .4s;
	animation-delay: .4s;
}
#preloader6 span:nth-child(4){
	top:22px;
	left:22px;
	/*background:#f1c40f;*/
	background-image: linear-gradient(to bottom, #59B5D6, #00C0F7);
	animation-delay: .6s;
	-webkit-animation-delay: .6s;
	-moz-animation-delay: .6s;
	-ms-animation-delay: .6s;
	-o-animation-delay: .6s;
	animation-delay: .6s;
}



@keyframes preloader_6_span {
   0% { transform:scale(1); }
   50% { transform:scale(0.5); }
   100% { transform:scale(1); }
}
@-moz-keyframes preloader_6_span {
   0% { transform:scale(1); }
   50% { transform:scale(0.5); }
   100% { transform:scale(1); }
}
@-ms-keyframes preloader_6_span {
   0% { transform:scale(1); }
   50% { transform:scale(0.5); }
   100% { transform:scale(1); }
}
@-webkit-keyframes preloader_6_span {
   0% { transform:scale(1); }
   50% { transform:scale(0.5); }
   100% { transform:scale(1); }
}
@-o-keyframes preloader_6_span {
   0% { transform:scale(1); }
   50% { transform:scale(0.5); }
   100% { transform:scale(1); }
}
@keyframes preloader_6 {
	0% {transform: rotate(0deg);}
    50% {transform: rotate(180deg);}
    100% {transform: rotate(360deg);}
}
@-moz-keyframes preloader_6 {
	0% {transform: rotate(0deg);}
    50% {transform: rotate(180deg);}
    100% {transform: rotate(360deg);}
}
@-ms-keyframes preloader_6 {
	0% {transform: rotate(0deg);}
    50% {transform: rotate(180deg);}
    100% {transform: rotate(360deg);}
}
@-webkit-keyframes preloader_6 {
	0% {transform: rotate(0deg);}
    50% {transform: rotate(180deg);}
    100% {transform: rotate(360deg);}
}
@-o-keyframes preloader_6 {
	0% {transform: rotate(0deg);}
    50% {transform: rotate(180deg);}
    100% {transform: rotate(360deg);}
}

#cookie-config .cc-config{
    position: fixed;
    top: 1%;
    /* right: 18%; */
    border-color: #adadad;
   /* box-sizing: border-box; */
    display: block;
    /* line-height: 1.24; */
    width: 140px;
    height: 35px;
    font-size: 14px;
    font-weight: 400;
    color: #9d9d9d;
    right: 30%;
}

@media screen and (max-width: 414px) and (orientation: portrait), screen and (max-width: 736px) and (orientation: landscape) {
.cc-window.cc-banner .cc-compliance {
    width: 30%;
    float: right;
    align-items: left;
    display: inline;
    margin-left: 420px;
    margin-top: -80px;
    font-size: 14px;
    margin-bottom: -2px;
}

.cc-btn{
	width:1%;
	 min-width: 140px !important;   
    margin-left: 62px !important;  
}

.cc-deny{
    background-color: #686868 !important;   
    margin-bottom:8px;
    margin-top: 8px;
}


.cc-message{
	font-size:12px;
	width: 80%;
}

.cc-window{
	line-height: 1.3em !important;

}
.cc-btn{
	padding: 0px;
}

.cc-window .cc-message {
    margin-bottom: 1em; 
    line-height: 1.5em;
   
}

.cc-window.cc-banner{
	padding-top: 0.4em !important;
    padding-right: 0.8em !important;
    padding-bottom: 1.1em !important;
    padding-left: 0.8em !important;
}

}

@media (max-width: 1024px) {
	.cc-config {
	    margin-top: 2px;
	    font-size: 14px;
	    margin-left: 7px;
	}
}

.cc-window.cc-banner {background-color: rgb(34,34,34,0.4) !important;color: rgb(255,255,255,1) !important;}

#cookie-config2 .cc-config {
    padding: 15px 15px;
    float: left;
    position: relative;
    font-size: 14px;
}

.fixed-table-toolbar .btn-group>.open  {
		width: 100% ;
		float: right ;
}

.bootstrap-table .fixed-table-container .fixed-table-body {
    height: 87% !important;
}


.leaflet-bottom.leaflet-right div#div_control_llegenda{
	font-family: Source Sans Pro,sans-serif;
}

.leaflet-bottom.leaflet-right .leaflet-control ul.list .subitem ul.subitem-list>li .legend-symbol {
    line-height: 16px;
    font-size: 0.9em;
}

.leaflet-bottom.leaflet-right .leaflet-control ul.list .subitem ul.subitem-list>li .legend-symbol .legend-symbol-html {
    /*width: 28px;
    height: 28px;*/
    overflow: hidden;
    display: inline-block;
    margin-right: 6px;
    vertical-align: middle;
    max-width: 45px;
}

.leaflet-bottom.leaflet-right .leaflet-control ul.list .subitem ul.subitem-list>li .legend-symbol .legend-symbol-html .img-legend {
    width: 28px;
    height: 28px;
}

.leaflet-bottom.leaflet-right .leaflet-control ul.list .subitem ul.subitem-list>li .legend-symbol .legend-symbol-name {
    display: inline-block;
    vertical-align: middle;
}

.leaflet-bottom.leaflet-right .leaflet-control ul.list>li {
    padding: 8px 16px;
}


.leaflet-bottom.leaflet-right .leaflet-control  ul.list {
    list-style: none;
    padding: 0;
    margin: 0;
    transform-origin: 0% 0%;
    max-height: 400px;
    max-width: 230px;
	overflow: auto;
}

.leaflet-bottom.leaflet-right .leaflet-control  ul.list .subitem {
    max-height: 300px;
    /*overflow-y: auto;*/
}

.leaflet-bottom.leaflet-right .leaflet-control ul.list .subitem img {
    /*height: 42px;
    width: 42px;*/
    margin-right: 8px;
}

.leaflet-bottom.leaflet-right .leaflet-control  ul.list .subitem ul.subitem-list {
	list-style: none;	
	padding-inline-start: 8px;
}

.leaflet-bottom.leaflet-right .leaflet-control  ul.list::-webkit-scrollbar-thumb {
    background: #ccc;
    -webkit-box-shadow: inset 0 0 6px #ccc;
}
.leaflet-bottom.leaflet-right .leaflet-control  ul.list::-webkit-scrollbar-thumb:window-inactive {
	background: #ccc; 
}

ul#llegenda_compacta{
	background-color: white;
}

button#collapseLegend{
	float: right;
    /* width: 40px; */
    outline: none;
     margin-top: 8px; 
    font-size: 24px;
    background-color: #f1f1f1;
	padding:0px 4px !important;
}

.leaflet-bottom.leaflet-right .leaflet-control ul.list .subitem .subitem-header>span {
	word-break: break-all;
}
.leaflet-control-zoom-display{
	background-color: rgba(255, 255, 255, 0.7);
	box-shadow: 0 0 5px #bbb;
	padding: 0 5px;
	margin: 0;
	color: #333;
	font: 11px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;
	margin-right: 5px;
}

.leaflet-left {
   right: 10px !important;
}

@media screen and (min-width:760px){
	.fixed-table-toolbar .btn-group>.open  {
		width: 100% ;
		float: right ;
	}
}

@media screen and (max-width:991px) {
	.fixed-table-toolbar .btn-group>.open  {
		width: 20% ;
		float: right ;
	}
}

@media (min-width:1992px){.dl-horizontal dt{float:left;width:160px;clear:left;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .dl-horizontal dd{margin-left:180px;}.dl-horizontal dd:before,.dl-horizontal dd:after{content:" ";display:table;} .dl-horizontal dd:after{clear:both;} .dl-horizontal dd:before,.dl-horizontal dd:after{content:" ";display:table;} .dl-horizontal dd:after{clear:both;}}abbr[title],abbr[data-original-title]{cursor:help;border-bottom:1px dotted #999999;}
@media (min-width:1992px){.dl-horizontal dt{float:left;width:160px;clear:left;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .dl-horizontal dd{margin-left:180px;}.dl-horizontal dd:before,.dl-horizontal dd:after{content:" ";display:table;} .dl-horizontal dd:after{clear:both;} .dl-horizontal dd:before,.dl-horizontal dd:after{content:" ";display:table;} .dl-horizontal dd:after{clear:both;}}abbr[title],abbr[data-original-title]{cursor:help;border-bottom:1px dotted #999999;}

@media (min-width:768px){.container{width:750px;} .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11{float:left;} .col-sm-12{width:100%;} .col-sm-11{width:91.66666666666666%;} .col-sm-10{width:83.33333333333334%;} .col-sm-9{width:75%;} .col-sm-8{width:66.66666666666666%;} .col-sm-7{width:58.333333333333336%;} .col-sm-6{width:50%;} .col-sm-5{width:41.66666666666667%;} .col-sm-4{width:33.33333333333333%;} .col-sm-3{width:25%;} .col-sm-2{width:16.666666666666664%;} .col-sm-1{width:8.333333333333332%;} .col-sm-pull-12{right:100%;} .col-sm-pull-11{right:91.66666666666666%;} .col-sm-pull-10{right:83.33333333333334%;} .col-sm-pull-9{right:75%;} .col-sm-pull-8{right:66.66666666666666%;} .col-sm-pull-7{right:58.333333333333336%;} .col-sm-pull-6{right:50%;} .col-sm-pull-5{right:41.66666666666667%;} .col-sm-pull-4{right:33.33333333333333%;} .col-sm-pull-3{right:25%;} .col-sm-pull-2{right:16.666666666666664%;} .col-sm-pull-1{right:8.333333333333332%;} .col-sm-pull-0{right:0%;} .col-sm-push-12{left:100%;} .col-sm-push-11{left:91.66666666666666%;} .col-sm-push-10{left:83.33333333333334%;} .col-sm-push-9{left:75%;} .col-sm-push-8{left:66.66666666666666%;} .col-sm-push-7{left:58.333333333333336%;} .col-sm-push-6{left:50%;} .col-sm-push-5{left:41.66666666666667%;} .col-sm-push-4{left:33.33333333333333%;} .col-sm-push-3{left:25%;} .col-sm-push-2{left:16.666666666666664%;} .col-sm-push-1{left:8.333333333333332%;} .col-sm-push-0{left:0%;} .col-sm-offset-12{margin-left:100%;} .col-sm-offset-11{margin-left:91.66666666666666%;} .col-sm-offset-10{margin-left:83.33333333333334%;} .col-sm-offset-9{margin-left:75%;} .col-sm-offset-8{margin-left:66.66666666666666%;} .col-sm-offset-7{margin-left:58.333333333333336%;} .col-sm-offset-6{margin-left:50%;} .col-sm-offset-5{margin-left:41.66666666666667%;} .col-sm-offset-4{margin-left:33.33333333333333%;} .col-sm-offset-3{margin-left:25%;} .col-sm-offset-2{margin-left:16.666666666666664%;} .col-sm-offset-1{margin-left:8.333333333333332%;} .col-sm-offset-0{margin-left:0%;}}
@media (min-width:1992px){.container{width:970px;} .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11{float:left;} .col-md-12{width:100%;} .col-md-11{width:91.66666666666666%;} .col-md-10{width:83.33333333333334%;} .col-md-9{width:75%;} .col-md-8{width:66.66666666666666%;} .col-md-7{width:58.333333333333336%;} .col-md-6{width:50%;} .col-md-5{width:41.66666666666667%;} .col-md-4{width:33.33333333333333%;} .col-md-3{width:25%;} .col-md-2{width:16.666666666666664%;} .col-md-1{width:8.333333333333332%;} .col-md-pull-12{right:100%;} .col-md-pull-11{right:91.66666666666666%;} .col-md-pull-10{right:83.33333333333334%;} .col-md-pull-9{right:75%;} .col-md-pull-8{right:66.66666666666666%;} .col-md-pull-7{right:58.333333333333336%;} .col-md-pull-6{right:50%;} .col-md-pull-5{right:41.66666666666667%;} .col-md-pull-4{right:33.33333333333333%;} .col-md-pull-3{right:25%;} .col-md-pull-2{right:16.666666666666664%;} .col-md-pull-1{right:8.333333333333332%;} .col-md-pull-0{right:0%;} .col-md-push-12{left:100%;} .col-md-push-11{left:91.66666666666666%;} .col-md-push-10{left:83.33333333333334%;} .col-md-push-9{left:75%;} .col-md-push-8{left:66.66666666666666%;} .col-md-push-7{left:58.333333333333336%;} .col-md-push-6{left:50%;} .col-md-push-5{left:41.66666666666667%;} .col-md-push-4{left:33.33333333333333%;} .col-md-push-3{left:25%;} .col-md-push-2{left:16.666666666666664%;} .col-md-push-1{left:8.333333333333332%;} .col-md-push-0{left:0%;} .col-md-offset-12{margin-left:100%;} .col-md-offset-11{margin-left:91.66666666666666%;} .col-md-offset-10{margin-left:83.33333333333334%;} .col-md-offset-9{margin-left:75%;} .col-md-offset-8{margin-left:66.66666666666666%;} .col-md-offset-7{margin-left:58.333333333333336%;} .col-md-offset-6{margin-left:50%;} .col-md-offset-5{margin-left:41.66666666666667%;} .col-md-offset-4{margin-left:33.33333333333333%;} .col-md-offset-3{margin-left:25%;} .col-md-offset-2{margin-left:16.666666666666664%;} .col-md-offset-1{margin-left:8.333333333333332%;} .col-md-offset-0{margin-left:0%;}}
@media (min-width:1200px){.container{width:1170px;} .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11{float:left;} .col-lg-12{width:100%;} .col-lg-11{width:91.66666666666666%;} .col-lg-10{width:83.33333333333334%;} .col-lg-9{width:75%;} .col-lg-8{width:66.66666666666666%;} .col-lg-7{width:58.333333333333336%;} .col-lg-6{width:50%;} .col-lg-5{width:41.66666666666667%;} .col-lg-4{width:33.33333333333333%;} .col-lg-3{width:25%;} .col-lg-2{width:16.666666666666664%;} .col-lg-1{width:8.333333333333332%;} .col-lg-pull-12{right:100%;} .col-lg-pull-11{right:91.66666666666666%;} .col-lg-pull-10{right:83.33333333333334%;} .col-lg-pull-9{right:75%;} .col-lg-pull-8{right:66.66666666666666%;} .col-lg-pull-7{right:58.333333333333336%;} .col-lg-pull-6{right:50%;} .col-lg-pull-5{right:41.66666666666667%;} .col-lg-pull-4{right:33.33333333333333%;} .col-lg-pull-3{right:25%;} .col-lg-pull-2{right:16.666666666666664%;} .col-lg-pull-1{right:8.333333333333332%;} .col-lg-pull-0{right:0%;} .col-lg-push-12{left:100%;} .col-lg-push-11{left:91.66666666666666%;} .col-lg-push-10{left:83.33333333333334%;} .col-lg-push-9{left:75%;} .col-lg-push-8{left:66.66666666666666%;} .col-lg-push-7{left:58.333333333333336%;} .col-lg-push-6{left:50%;} .col-lg-push-5{left:41.66666666666667%;} .col-lg-push-4{left:33.33333333333333%;} .col-lg-push-3{left:25%;} .col-lg-push-2{left:16.666666666666664%;} .col-lg-push-1{left:8.333333333333332%;} .col-lg-push-0{left:0%;} .col-lg-offset-12{margin-left:100%;} .col-lg-offset-11{margin-left:91.66666666666666%;} .col-lg-offset-10{margin-left:83.33333333333334%;} .col-lg-offset-9{margin-left:75%;} .col-lg-offset-8{margin-left:66.66666666666666%;} .col-lg-offset-7{margin-left:58.333333333333336%;} .col-lg-offset-6{margin-left:50%;} .col-lg-offset-5{margin-left:41.66666666666667%;} .col-lg-offset-4{margin-left:33.33333333333333%;} .col-lg-offset-3{margin-left:25%;} .col-lg-offset-2{margin-left:16.666666666666664%;} .col-lg-offset-1{margin-left:8.333333333333332%;} .col-lg-offset-0{margin-left:0%;}}table{max-width:100%;background-color:transparent;}
.btn-sm,.btn-xs{padding:2px 5px;font-size:12px;line-height:1.5;border-radius:3px;}
@media (min-width:1992px){.navbar-right .dropdown-menu{right:0;left:auto;}}.btn-default .caret{border-top-color:#333333;}
@media (min-width:1992px){.navbar{border-radius:4px;}}
@media (min-width:1992px){.navbar-header{float:left;}}
@media (min-width:1992px){.navbar-collapse{width:auto;border-top:0;box-shadow:none;}.navbar-collapse.collapse{display:block !important;height:auto !important;padding-bottom:0;overflow:visible !important;} .navbar-collapse.in{overflow-y:auto;} .navbar-collapse .navbar-nav.navbar-left:first-child{margin-left:-15px;} .navbar-collapse .navbar-nav.navbar-right:last-child{margin-right:-15px;} .navbar-collapse .navbar-text:last-child{margin-right:0;}}
.container>.navbar-header,.container>.navbar-collapse{margin-right:-15px;margin-left:-15px;}@media (min-width:1992px){.container>.navbar-header,.container>.navbar-collapse{margin-right:0;margin-left:0;}}
.navbar-static-top{z-index:1000;border-width:0 0 1px;}@media (min-width:1992px){.navbar-static-top{border-radius:0;}}
.navbar-fixed-top,.navbar-fixed-bottom{position:fixed;right:0;left:0;z-index:1030;}@media (min-width:1992px){.navbar-fixed-top,.navbar-fixed-bottom{border-radius:0;}}
@media (min-width:1992px){.navbar>.container .navbar-brand{margin-left:-15px;}}
@media (min-width:1992px){.navbar-toggle{display:none;}}
@media (max-width:767px){.navbar-nav .open .dropdown-menu{position:static;float:none;width:auto;margin-top:0;background-color:transparent;border:0;box-shadow:none;}.navbar-nav .open .dropdown-menu>li>a,.navbar-nav .open .dropdown-menu .dropdown-header{padding:5px 15px 5px 25px;} .navbar-nav .open .dropdown-menu>li>a{line-height:20px;}.navbar-nav .open .dropdown-menu>li>a:hover,.navbar-nav .open .dropdown-menu>li>a:focus{background-image:none;}}@media (min-width:1992px){.navbar-nav{float:left;margin:0;}.navbar-nav>li{float:left;}.navbar-nav>li>a{padding-top:15px;padding-bottom:15px;}}
@media (min-width:1992px){.navbar-left{float:left !important;} .navbar-right{float:right !important;}}.navbar-form{margin-left:-15px;margin-right:-15px;/*padding:10px 15px;*/border-top:1px solid transparent;border-bottom:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.1),0 1px 0 rgba(255, 255, 255, 0.1);box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.1),0 1px 0 rgba(255, 255, 255, 0.1);margin-top:8px;margin-bottom:8px;}@media (min-width:768px){.navbar-form .form-group{display:inline-block;margin-bottom:0;vertical-align:middle;} .navbar-form .form-control{display:inline-block;} .navbar-form .radio,.navbar-form .checkbox{display:inline-block;margin-top:0;margin-bottom:0;padding-left:0;} .navbar-form .radio input[type="radio"],.navbar-form .checkbox input[type="checkbox"]{float:none;margin-left:0;}}@media (max-width:767px){.navbar-form .form-group{margin-bottom:5px;}}
@media (min-width:1992px){.navbar-form{width:auto;border:0;margin-left:0;margin-right:0;padding-top:0;padding-bottom:0;-webkit-box-shadow:none;box-shadow:none;}}
.navbar-text{float:left;margin-top:15px;margin-bottom:15px;}@media (min-width:1992px){.navbar-text{margin-left:15px;margin-right:15px;}}
@media (min-width:1992px) and (max-width:1199px){.visible-xs.visible-md{display:block !important;}tr.visible-xs.visible-md{display:table-row !important;} th.visible-xs.visible-md,td.visible-xs.visible-md{display:table-cell !important;}}
@media (min-width:768px) and (max-width:991px){.visible-sm{display:block !important;}tr.visible-sm{display:table-row !important;} th.visible-sm,td.visible-sm{display:table-cell !important;}}@media (min-width:1992px) and (max-width:1199px){.visible-sm.visible-md{display:block !important;}tr.visible-sm.visible-md{display:table-row !important;} th.visible-sm.visible-md,td.visible-sm.visible-md{display:table-cell !important;}}
@media (min-width:1992px) and (max-width:1199px){.visible-md{display:block !important;}tr.visible-md{display:table-row !important;} th.visible-md,td.visible-md{display:table-cell !important;}}@media (min-width:1200px){.visible-md.visible-lg{display:block !important;}tr.visible-md.visible-lg{display:table-row !important;} th.visible-md.visible-lg,td.visible-md.visible-lg{display:table-cell !important;}}
@media (min-width:1992px) and (max-width:1199px){.visible-lg.visible-md{display:block !important;}tr.visible-lg.visible-md{display:table-row !important;} th.visible-lg.visible-md,td.visible-lg.visible-md{display:table-cell !important;}}
@media (min-width:1992px) and (max-width:1199px){.hidden-xs.hidden-md,tr.hidden-xs.hidden-md,th.hidden-xs.hidden-md,td.hidden-xs.hidden-md{display:none !important;}}
@media (min-width:768px) and (max-width:991px){.hidden-sm,tr.hidden-sm,th.hidden-sm,td.hidden-sm{display:none !important;}}@media (min-width:1992px) and (max-width:1199px){.hidden-sm.hidden-md,tr.hidden-sm.hidden-md,th.hidden-sm.hidden-md,td.hidden-sm.hidden-md{display:none !important;}}
@media (min-width:1992px) and (max-width:1199px){.hidden-md,tr.hidden-md,th.hidden-md,td.hidden-md{display:none !important;}}@media (min-width:1200px){.hidden-md.hidden-lg,tr.hidden-md.hidden-lg,th.hidden-md.hidden-lg,td.hidden-md.hidden-lg{display:none !important;}}
@media (min-width:1992px) and (max-width:1199px){.hidden-lg.hidden-md,tr.hidden-lg.hidden-md,th.hidden-lg.hidden-md,td.hidden-lg.hidden-md{display:none !important;}}

#elevation_profile {
    position: absolute;
    right: 8px;
    top: 70px;
    background-color: rgba(255, 255, 255, 0.54)
}	

.lime-theme.leaflet-control.elevationPanel .background, #elevation .background {
	-webkit-border-radius:5px;-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px
}	
	
.lime-theme.leaflet-control.elevationPanel .axis line, 
.lime-theme.leaflet-control.elevationPanel .axis path,
#elevation.lime-theme.leaflet-control .axis line,
#elevation.lime-theme.leaflet-control .axis path {
	fill:none;
	stroke:#566b13;
	stroke-width:2
}

.lime-theme.leaflet-control.elevationPanel .mouse-drag,
#elevation.lime-theme.leaflet-control .mouse-drag {
	fill:rgba(99,126,11,.4)
}

.lime-theme.leaflet-control.elevationPanel .elevation-toggle,
#elevation.lime-theme.leaflet-control .elevation-toggle {
	cursor:pointer;
	box-shadow:0 1px 7px rgba(0,0,0,.4);
	-webkit-border-radius:5px;
	border-radius:5px;
	width:36px;
	height:36px;
	background-color:#f8f8f9
}

.lime-theme.leaflet-control.elevationPanel .elevation-toggle-icon,
#elevation.lime-theme.leaflet-control .elevation-toggle-icon {
	background:url(images/elevation-lime.png) no-repeat center center
}

.lime-theme.leaflet-control.elevationPanel .area, 
#elevation.lime-theme.leaflet-control .area {
	fill:#c12222
}

.lime-theme.leaflet-control.elevationPanel .mouse-focus-line,
#elevation.lime-theme.leaflet-control .mouse-focus-line {
	pointer-events:none;
	stroke-width:1;
	stroke:#101404
}

.lime-theme.leaflet-control.elevation-collapsed .background,
#elevation.lime-theme.leaflet-control .background {
	display:none
}

.lime-theme.leaflet-control.elevation-collapsed .elevation-toggle,
#elevation.lime-theme.leaflet-control .elevation-toggle {
	display:block
}

.lime-theme.height-focus {
	stroke:#c12222;
	fill:#c12222
}

.lime-theme.height-focus.line {
	pointer-events:none;
	stroke-width:2
}

.steelblue-theme.leaflet-control.elevationPanel .background,
#elevation.steelblue-theme.leaflet-control .background {
	background-color:rgba(70,130,180,.2);
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px
}

.steelblue-theme.leaflet-control.elevationPanel .axis line,
.steelblue-theme.leaflet-control.elevationPanel .axis path,
#elevation.steelblue-theme.leaflet-control .axis line,
#elevation.steelblue-theme.leaflet-control .axis path {
	fill:none;
	stroke:#0d1821;
	stroke-width:2
}

.steelblue-theme.leaflet-control.elevationPanel .mouse-drag,
#elevation.steelblue-theme.leaflet-control .mouse-drag {
	fill:rgba(23,74,117,.4)
}

.steelblue-theme.leaflet-control.elevationPanel .elevation-toggle,
#elevation.steelblue-theme.leaflet-control .elevation-toggle {
	cursor:pointer;
	box-shadow:0 1px 7px rgba(0,0,0,.4);
	-webkit-border-radius:5px;
	border-radius:5px;
	width:36px;
	height:36px;
	background-color:#f8f8f9
}

.steelblue-theme.leaflet-control.elevationPanel .elevation-toggle-icon,
#elevation.steelblue-theme.leaflet-control .elevation-toggle-icon {
	background:url(images/elevation-steelblue.png) no-repeat center center
}

.steelblue-theme.leaflet-control.elevationPanel .area,
#elevation.steelblue-theme.leaflet-control .area {
	fill:#4682b4
}

.steelblue-theme.leaflet-control.elevationPanel .mouse-focus-line,
#elevation.steelblue-theme.leaflet-control .mouse-focus-line {
	pointer-events:none;
	stroke-width:1;
	stroke:#0d1821
}

.steelblue-theme.leaflet-control.elevationPanel-collapsed .background,
#elevation.steelblue-theme.leaflet-control .background {
	display:none
}

.steelblue-theme.leaflet-control.elevation-collapsed .elevation-toggle,
#elevation.steelblue-theme.leaflet-control .elevation-toggle {
	display:block
}

.steelblue-theme.height-focus {
	stroke:#4682b4;
	fill:#4682b4
}

.steelblue-theme.height-focus.line {
	pointer-events:none;
	stroke-width:2
}

.purple-theme.leaflet-control.elevationPanel .background,
#elevation.purple-theme.leaflet-control .background {
	background-color:rgba(115,44,123,.2);
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px
}

.purple-theme.leaflet-control.elevationPanel .axis line,
.purple-theme.leaflet-control.elevationPanel .axis path,
#elevation.purple-theme.leaflet-control .axis line,
#elevation.purple-theme.leaflet-control .axis path {
	fill:none;
	stroke:#2d1130;
	stroke-width:2
}

.purple-theme.leaflet-control.elevationPanel .mouse-drag,
#elevation.purple-theme.leaflet-control .mouse-drag {
	fill:rgba(74,14,80,.4)
}

.purple-theme.leaflet-control.elevationPanel .elevation-toggle,
#elevation.purple-theme.leaflet-control .elevation-toggle {
	cursor:pointer;
	box-shadow:0 1px 7px rgba(0,0,0,.4);
	-webkit-border-radius:5px;
	border-radius:5px;
	width:36px;
	height:36px;
	background-color:#f8f8f9
}

.purple-theme.leaflet-control.elevationPanel .elevation-toggle-icon,
#elevation.purple-theme.leaflet-control .elevation-toggle-icon {
	background:url(images/elevation-purple.png) no-repeat center center
}

.purple-theme.leaflet-control.elevationPanel .area,
#elevation.purple-theme.leaflet-control .area {
	fill:#732c7b
}

.purple-theme.leaflet-control.elevationPanel .mouse-focus-line,
#elevation.purple-theme.leaflet-control .mouse-focus-line {
	pointer-events:none;
	stroke-width:1;
	stroke:#000
}

.purple-theme.leaflet-control.elevation-collapsed .background {
	display:none
}

.purple-theme.leaflet-control.elevation-collapsed .elevation-toggle {
	display:block
}

.purple-theme.height-focus {
	stroke:#732c7b;
	fill:#732c7b
}

.purple-theme.height-focus.line {
	pointer-events:none;
	stroke-width:2
}

.elevationPanel.lime-theme.leaflet-control,
#elevation.lime-theme.leaflet-control {
	background-color: rgba(255,255,255,0.5);
}

.profileText {
	margin-left: 10px;
	font-size: 18px;
	text-align: center;
}

.profileIcons {
	float:right;
}

.profileIcon {
	display: block;
	float: none;
	opacity: 1 !important;
}
.buorg {
	position: absolute;
	position: fixed;
	z-index: 111111;
	width: 100%;
	top: 0px;
	left: 0px;
	border-bottom: 5px solid #2EBAE6 !important;
	text-align: center;
	color: #fff !important;
	background-color: #343434 !important;
	font: 18px Calibri, Helvetica, sans-serif;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
	animation: 1s ease-out 0s buorgfly
}

.buorg-pad {
	padding: 9px;
	line-height: 1.7em;
}

.buorg-buttons {
	display: block;
	text-align: center;
}

#buorgig, #buorgul, #buorgpermanent {
	color: #fff;
	text-decoration: none;
	cursor: pointer;
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.4);
	padding: 1px 10px;
	border-radius: 4px;
	font-weight: normal;
	background: #7eb210 !important;
	white-space: nowrap;
	margin: 0 2px;
	display: inline-block;
}

#buorgig {
	background-color: #343434 !important;
}

@media only screen and (max-width: 700px) {
	.buorg div {
		padding: 5px 12px 5px 9px;
		line-height: 1.3em;
	}
}

@keyframes buorgfly {
	from {
		opacity: 0;
		transform: translateY(-50px)
	}
	to {
		opacity: 1;
		transform: translateY(0px)
	}
}

.buorg-fadeout {
	transition: visibility 0s 8.5s, opacity 8s ease-out .5s;
}

.buorg-icon {
	width: 22px;
	height: 16px;
	vertical-align: middle;
	position: relative;
	top: -0.05em;
	display: inline-block;
	background: no-repeat 0px center;
}
div.leaflet-draw-toolbar  a, div.leaflet-draw-toolbar a:hover {
	height: 26px!important;
    width: 26px!important;
}

.lightboxOverlay {
	z-index: 100000;
}

.lightbox {
	z-index: 100000;
}

.leaflet-tooltip.leaflet-clickable { pointer-events: none !important; } 

.leaflet-bar-timecontrol {
    font-size: 8px;
}


.leaflet-control-timecontrol.timecontrol-slider.timecontrol-dateslider {
	margin-top: 7px;
}
/*# sourceMappingURL=instamaps.css.map */