#mapcanvas{
margin: -0.4em 0 0 0;
padding: 0;
height:525px;
max-width: none;
background-color: #203167 !important;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
border: 1px solid #acacac;
border-top: 0;
width:725px;
margin:0 auto;
}

.ayudapge {
display:none;
position:fixed;
z-index:10000;
left:50%;
top:50%;
width:80%;
padding:0.5em;
background-color:rgba(0,0,0,0.7);
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
transform:translate(-50%,-50%);
}

.ayudapge .closeleyenda, .platesList .closeleyenda{
background:url(../imag/ico-close-blanco.svg) center center no-repeat;
background-size:1.5em;
width:1.8em;
height:1.8em;
clear:both;
display:block;
float:right;
}

.platesList .closeleyenda {
background-size:1.3em;
top:0.2em;
display:block;
position:absolute;
right:0.5em;
}

.ayudapge ul {
margin:0;
padding:0.5em;
list-style:none;
}

.ayudapge ul li{
color:#fff;
text-shadow:none;
text-align:justify;
margin-bottom:0.5em;
font-size:1.1em;
}

.sismosfilter {
-webkit-border-top-left-radius:10px;
-moz-border-radius-topleft:10px;
border-top-left-radius:10px;
width:725px;
margin:0 auto;
float:none;
display:block;
}

.sismosfilter .lplacas{
background: url(../imag/ico-listplates.svg) 0 7px no-repeat;
background-size: 1.8em 1.8em;
}

.sismosfilter .ayuda{
	background: url(../imag/ico-ayuda.svg) 0 7px no-repeat;
	background-size: 1.8em 1.8em;
}

.plalist {
	background:url(../imag/ico-listplates.svg) 0 0 no-repeat;
	background-size:2em 2em;
	border:0;
	background-color:transparent !important;
	padding:0 !important;
	width:2.5em;
	height:2.5em;
	margin:0.3em 0 0 0.3em !important;
	border-radius:initial !important;
}

.platesList {
position:absolute;
left:0;
top:0;
z-index:10000;
width:70%;
height:100%;
overflow:hidden;
background-color:rgba(0,0,0,0.6);
display:none;
}

.platesList h3 {
position:relative;
left:0;
width:100%;
color:#fff;
background-color:#f93;
font-weight:normal;
font-size:1.1em;
text-shadow:none;
padding:0.3em 0 0.3em 0;
text-indent:0.3em;
margin-top:0;
}

.platesList ul {
	margin:0;
	padding:0;
}

.platesList ul li {
	height:initial;
	line-height:initial;
    border-bottom:1px solid #f8d800;
	padding:0.3em 0 0.3em 0.5em;
}

.platesList ul li a {
	text-decoration:none;
	text-shadow:none !important;
	color:#ffb400 !important;
}

.platesList ul li:first-child {
	line-height:1em;
}

.platesList ul li:first-child a {
	color:#fff721 !important;
}

/* Leaflet */
.leaflet-popup{
max-width:320px;
}

.leaflet-popup-content{
max-width:86%;
}

.leaflet-popup-content .poptit{
font-size:20px;
}

.leaflet-popup-content .poptit::after{
content:" ";
height:1px;
width:100%;
background-color:#000;
display:inline-block;
}

.leaflet-popup-content .mapviewport{
font-size:16px;
margin-top:0.5em;
margin-bottom:0;
}

.leaflet-popup-content .mapviewport strong{
font-weight:600;
}

.leaflet-container a.leaflet-popup-close-button{
width:30px;
height:30px;
font-size:30px;
background-color:#000;
color:#fff;
}

.leaflet-marker-icon{
border:3px solid rgba(255,255,255,0.4);
border-radius:50%;
background-color:rgba(255,255,255,0.2);
}

@media screen and (max-width: 480px) {

	.mapacont{
		width:100%;
	}

	.sismosfilter {
		width:100%;
		margin:0;
	}

	#mapcanvas {
		width:100%;
		margin:0;
	}

	.mensajes {
		width: 100%;
		right: 0;
		max-width:320px;
	}

}