html, body { 
	margin:0; 
	margin-top:0px;	
	padding:0; 
/*	background-color:#F5F5DC;*/ 
	background-color: #cceeff;
	font-family:sans-serif,Arial,Helvetica;
	font-size:2vh;
	font-weight:500;
}

h1,h2,h3 {
	margin:0px;    
	text-align:center;	
}

#title {
	/* position: absolute; */
	margin: auto;
	top:0px;
	border: 0px none;
	background-image: url("./images/title.png");
	background-repeat: no-repeat;
    background-position: left;
	height:36px;	
	min-width:900px;
	width:100%;
	max-width:1024px;	
	content-align:center;
	text-align:center;
	background-color:black;
	color:white;	
}

#title table{
	border: 0px none;
	margin-top: 0px;
	width:100%;
	color: white;
	}
	
#title table, #title td {
	border: 0px none;
	padding: 0;
	spacing: 0;		
	color: white;
	/* blacground transparent*/
	background: rgba(0,0,0,0);
	font-family:sans-serif,Arial,Helvetica;
	font-size:12px;
	font-weight:bold;
	text-align:center;
}

#titleText {	
	margin:1vh;
	padding:1vh;
	font-family:sans-serif,Arial,Helvetica;
	font-size:14px;
	font-weight:bold;
	color:white;
	text-align:center;
}

#title .titleNote {	
	/* 
	margin:1vh;
	padding:1vh;
	*/
	font-family:sans-serif,Arial,Helvetica;
	font-size:11px;
	font-weight:400;
	color:white;
	text-align:right;
	line-height: 95%;
}

#map { 	
	z-index: 1;
	position: relative; 
	margin-top:5px; 
	margin:auto;
	height: 45vh;		
	min-height: 350px;	
	min-width:900px;
	width:100%;
	max-width:1024px;	
	content-align:center;
	text-align:center;
	border: 1px solid black;
}

#choices { 	
	position: relative;
	margin:auto;
	margin-top:5px;
	padding-top: 0.2vh;
	background-color:#F5F5DC;	
	min-width:900px;
	width:100%;
	max-width:1024px;
	height: 80px;
	line-height: 12px;
	font-family:sans-serif,Arial,Helvetica;	
	/* font-size:1.2vh;	*/
	font-size: max(0.6vw , 11px);
	
	/* left:10vw; */
	/* right:10vw; */
	/* width:80vw;	*/
	align-content:center;
	text-align:center;
	border-bottom: 2px solid green;		
}

#choices table {
	margin-top:0px;
	min-width:700px;
	width:850px;
	max-width:90%;		
	border: 0px node;
	align:center;	
}

#choices th {
	text-align:center;
	border: 1px solid black;
	line-height: 10px;
}

#choices tr,#choices td {		
	border: 0px none;
	vertical-align:middle;
	text-align:center;
	font-size: max(0.6vw , 11px);
	line-height: 10px;
}

#selAmbito, #btnA {
	color:black;
	/* font-size: max(0.5vw , 10px); */
	font-family:sans-serif,trebuchet MS,Arial,Helvetica;	
	font-size: 15px;
	font-weight:500;
	/* border: 1px solid red;*/				
	vertical-align:middle;
}	
#btnA{
	background-color:#66ff66;		
}

#listado { 	
	position: relative;
	margin: auto;
	margin-top:5px;
	/*left:10vw; 
	right:10vw; 
	width:80vw;	*/
	min-width:900px;
	width:100%;
	max-width:1024px;	
	background-color:#F5F5DC;	
	font-family:trebuchet MS,sans-serif,Arial,Helvetica;				
	/* font-size:13px; */
	font-size: max(0.8vw, 13px);		
	height :28vh;
	// min-height: 330px;
	overflow-y:auto;
	border: 1px solid red;
}

#listado a:link, #listado a:active, #listado a:visited {
	text-decoration:none;
	color:blue;
}

#listado a:hover {
	text-decoration:none; 
	color:red;
}

#listado table { 		
	width:560px; 
	border: 0px none;
}

#listado th,tr,td {		
	border-bottom: 1px solid #bbb;		
	font-family:trebuchet MS,Arial,Helvetica,sans-serif;	
	font-size: max(0.75vw, 13px);
}

 .buttonAll {
  border-radius: 8px;
  border-style: solid;
  border-color: black;
  color: white;
  background-color: #008000 !important;
  padding: 12px 16px;
  font-size: 14px!important;
  font-weight: bold; 
  text-decoration: none;
  text-align: center;  
  vertical-align: bottom;  
  
}

 .buttonNone {
  border-radius: 8px;
  border-style: solid;
  border-color: black;
  color: black;
  background-color: #FF8C00 !important;
  padding: 12px 10px;
  font-size: 14px!important;
  font-weight: bold; 
  text-decoration: none;
  text-align: center;  
  vertical-align: bottom;  
  
}
 .buttonRefresh {
  border-radius: 8px;
  border-style: solid;
  border-color: black;
  color: black;
  background-color: #ff4d4d !important;
  padding: 5px 10px;
  font-size: 24px!important;
  font-weight: bold; 
  text-decoration: none;
  text-align: center;  
  vertical-align: bottom;  
  
}

.leaflet-bar button,
.leaflet-bar button:hover {
	padding: 0px;		
}