.mapacont{
width:85%;
position:relative;
margin:0 auto;
}

.progresso{
position:absolute;
right: 10px;
top: 10px;
opacity: 1;
z-index:9999;
display:none;
}

.leaflet-popup-content .poptit{
font-weight:bold;
font-size:1.1em;
text-align:center;
width:100%;
text-decoration:underline;
margin-bottom:1em;
}

.leaflet-popup-content p.mapviewport{
margin-top:0.2em;
margin-bottom:0.1em;
}

.nombico{
color:#fff;
width:5em;
}

.leaflet-tooltip.countryLabel{
color:#fff;
border:0;
font-family:'Arial';
font-size:13px;
font-weight:200;
border-radius:0px;
letter-spacing:2px;
text-shadow:1px 1px 2px #525252;
background-color:transparent;
box-shadow:none;
}

.paisesnomb{
background-color:#000;
}

.sismosfilter {
background-color:#d4dcf1;
width:100%;
display:inline-block;
height:3em;
line-height:3em;
border:1px solid #acacac;
border-bottom:0;
-webkit-border-top-right-radius:10px;
-moz-border-radius-topright:10px;
border-top-right-radius:10px;
}

.sismosfilter a {
color:#525252;
text-decoration:none;
float:left;
display:block;
border:0;
padding:0 0 0 2.5em;
margin-left:1em;
font-size:1em !important;
}

.sismosfilter a.countries:hover, .sismosfilter a.leyenda:hover, .sismosfilter a.magnitud:hover, .sismosfilter a.reloadterr:hover, .sismosfilter a.listater:hover {
color:#9f9f9f;
font-size:1em !important;
}

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

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

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

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

.sismosfilter .listater {
background:url(../imag/ico-terremotos-list.svg) 0 4px no-repeat;
background-size:2.3em 2.3em;
}

ul.sismotabs {
margin:0;
padding:0;
list-style-type:none;
display:inline-block;
width:100%;
}

ul.sismotabs li {
border:1px solid #acacac;
border-bottom:0;
padding:0.5em 1em 0.5em 1em;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
display:inline-block;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e2e2e2+0,d1d1d1+29,fefefe+100 */
background: rgb(226,226,226); /* Old browsers */
background: -moz-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(209,209,209,1) 29%, rgba(254,254,254,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(226,226,226,1) 0%,rgba(209,209,209,1) 29%,rgba(254,254,254,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(226,226,226,1) 0%,rgba(209,209,209,1) 29%,rgba(254,254,254,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */
}

ul.sismotabs li.selecc {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#28343b+0,828c95+58,b5bdc8+100 */
background: rgb(40,52,59); /* Old browsers */
background: -moz-linear-gradient(top, rgba(40,52,59,1) 0%, rgba(130,140,149,1) 58%, rgba(181,189,200,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(40,52,59,1) 0%,rgba(130,140,149,1) 58%,rgba(181,189,200,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(40,52,59,1) 0%,rgba(130,140,149,1) 58%,rgba(181,189,200,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#28343b', endColorstr='#b5bdc8',GradientType=0 ); /* IE6-9 */
}

ul.sismotabs li a {
text-decoration:none;
color:#616161;
text-shadow:rgb(224, 224, 224) 1px 1px 0px;
}

ul.sismotabs li.selecc a {
text-decoration:none;
color:#fff;
text-shadow:0 1px 0 rgba(0, 0, 0, 0.4);
}

.leyendadisp, .paisfiltro, .magfiltro, #terremotoslist{
display:none;
position:absolute;
left:0;
top:12.3em;
z-index:1000;
background-color:rgba(0,0,0,0.8);
border:1px solid #a9b4d0;
width:19em;
-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;
}

#terremotoslist {
z-index:5;
}

.leyendadisp .closeleyenda, .paisfiltro .closeleyenda, .magfiltro .closeleyenda, #terremotoslist .closeleyenda {
background:url(../imag/ico-close.svg) 0 0 no-repeat;
background-size:100% 100%;
display:block;
width:15px;
height:15px;
float:right;
margin:5px 10px 0 0;
}

.leyendadisp p, .paisfiltro p, .magfiltro p, #terremotoslist p {
font-weight:500;
border-bottom:1px solid #636e76;
width:285px;
margin:10px 0 10px 10px;
color:rgba(255,255,255,0.8);
letter-spacing:0.05em;
}

#terremotoslist {
width:100%;
height:32em;
position:relative;
left:0;
top:-0.5em;
background-color:#232323;
overflow-y:scroll;
overflow-x:hidden;
font-family:Arial, Helvetica, sans-serif;
}

#terremotoslist ul {
	padding:0;
	margin:0;
}

#terremotoslist ul li {
	color:#fff;
	text-shadow:none;
	border-bottom:1px solid #f8d800;
	list-style:none;
	line-height:17px;
}

#terremotoslist ul li span {
	color:#ffb400;
	padding-left:5px;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
}

#terremotoslist 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;
	margin-bottom:3px;
}

#terremotoslist h3 a {
	float:right;
	background:url(../images/ico-close.svg) 0.5em center no-repeat;
	background-size:1.1em auto;
	height:1.5em;
	width:1.8em;
}

.leyendadisp ul, .magfiltro ul {
	list-style:none;
	margin:0;
	padding:0;
	display:inline-block;
}

.leyendadisp ul li, .magfiltro ul li{
display:block;
float:left;
margin-left:1em;
margin-bottom:0.5em;
width:8em;
color:rgba(255,255,255,0.8);
}

.leyendadisp ul li img, .magfiltro ul li img {
vertical-align:middle;
margin-right:0.3em;
}

.magfiltro ul li{
position:relative;
margin-right:1em;
}

.magfiltro ul li:hover{
color:#808080;
cursor:pointer;
}

.magfiltro ul li.activo::after{
content:"<";
position:absolute;
top:0;
color:#fff;
font-size:1em;
padding-left:0.5em;
}

.paisfiltro {
padding-bottom:1em;
left:8em;
width:23em;
}

.paisfiltro span {
color:rgba(255,255,255,0.8);
margin-left:1em;
font-size:1em;
}

.paisfiltro select {
padding:0.3em;
margin:0 0 0 1em;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
-webkit-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
-moz-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
background: #f8f8f8;
color:#888;
border:none;
outline:none;
display: inline-block;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
cursor:pointer;
width:20em;
}

.paisfiltro label{
position:relative;
width:90%;
margin-left:1em;
margin-top:0.5em;
}

.paisfiltro label .bootstrap-select,
.paisfiltro label .selectpicker{
width:100%;
}

.paisfiltro label .selectpicker{
position:relative;
}

.paisfiltro label .selectpicker .filter-option{
color:#666;
}

.paisfiltro label .selectpicker .caret{
color:#666;
right:1em;
position:absolute;
top:1em;
}

.paisfiltro label .dropdown-menu{
width:100%;
max-width:initial!important;
}

.paisfiltro label .dropdown-menu .bs-searchbox>input{
margin-left:0.5em;
width:95%;
}

.paisfiltro label ul{
overflow-x:hidden;
}

.paisfiltro label ul li a span.text{
color:#666;
}

.paisfiltro label ul li.active a span.text{
color:#fff;
}

.paisfiltro a.boton, .magfiltro .tds {
display:block;
text-decoration:none;
color:rgba(255,253,0,0.8) !important;
font-size:1em !important;
text-align:center;
width:9em;
margin:1em auto;
padding:0.5em 1em 0.5em 1em;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
border:1px solid rgba(255,253,0,0.8);
cursor:default;
}

.paisfiltro a.boton:hover, .magfiltro .tds:hover {
background-color:#2d2d2d;
cursor:pointer;
color:#fff;
}

.magfiltro{
width:22em;
left:18em;
}

.magfiltro .tds{
margin-left:6em;
left:0;
}

#map {
width:100%;
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;
}

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

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

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

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

.leaflet-popup-content .mapviewport{
font-size:12px;
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:26px;
background-color:#000;
color:#fff;
}

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

	.sismosfilter{
		line-height:2em;
		height:4.3em;
	}

   .sismosfilter a{
	font-size:13px!important;
	background-size:15px!important;
	padding-left:1.5em;
	margin-left:5px;
   }
 
   ul.sismotabs li {
	 padding:0.5em!important;
   }
 
   ul.sismotabs li.selecc a, ul.sismotabs li a{
	 font-size: 12px !important;
   }

}