/* Fotos destacadas */
.picdestcont{
width:85%;
margin:0 auto;
}

.picdestcont>h3.dest{
width:initial;
display:inline-block;
margin:2em auto 1em auto;
border-bottom:1px dotted #525252;
padding-bottom:0.2em;
position:relative;
left:50%;
transform:translateX(-50%);
}

#pictlayer{
display:inline-block;
-webkit-box-shadow: 4px 4px 8px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    4px 4px 8px 0px rgba(50, 50, 50, 0.75);
box-shadow:         4px 4px 8px 0px rgba(50, 50, 50, 0.75);
position:relative;
left: 50%;
transform: translateX(-50%);
}

#pictlayer img{
width:800px;
height:auto;
}

#imgexplainb,#imgexplainc{
position:absolute;
left:0;
top:0;
z-index:1;
display:none;
}

#pictlayer .botonexp{
position:absolute;
right:1em;
top:1em;
z-index:2;
color:#fff;
background-color:rgba(53,86,129,0.8);
display:inline-block;
padding:0.5em 1em;
-webkit-border-radius:30px;
-moz-border-radius:30px;
border-radius:30px;
text-decoration:none;
}

#pictlayer .botonexp:hover{
background-color:rgba(53,86,129,0.5);
}

#pictlayer .picdetin{
display:inline-block;
position:absolute;
z-index:4;
-webkit-box-shadow:4px 4px 8px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:4px 4px 8px 0px rgba(50, 50, 50, 0.75);
box-shadow:4px 4px 8px 0px rgba(50, 50, 50, 0.75);
transition:all 0.5s ease-in;
width:50px;
}

#pictlayer .picdetin.cien{
width:360px;
left:27%!important;
top:20%!important;
text-decoration:none;
}

#pictlayer .picdetin::before{
content:" ";
position:absolute;
left:35%;
bottom:-10px;
background:url(../imag/hand.svg) center center no-repeat;
width:2em;
height:2em;
}

#pictlayer .picdetin.on::before{
content:"X";
color:#fff;
font-size:1.2em;
z-index:2;
background-color:#000;
background-image:none;
padding:0.3em;
display:block;
left:95%;
top:-20px;
position:absolute;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
animation:1s cerrarfi;
animation-fill-mode:forwards;
visibility:hidden;
}

@keyframes cerrarfi{
  99% {
    visibility:hidden;
  }
  100% {
    visibility:visible;
  }
}

#pictlayer .picdetin img{
width:100%;
border:1px solid rgba(255,255,255,0.6);
}

#pictlayer .picdetin p.pictxtdet{
width:100%;
background-color:#fff;
display:none;
text-decoration:none;
color:#525252;
text-align:left;
padding:0.5em;
font-size:1.1em;
cursor:default;
margin-bottom:0;
}

#pictlayer .picdetin p.pictxtdet:hover{
cursor:default;
text-decoration:none;
}

.pictdesc{
width:90%;
margin:0 auto;
text-align:left;
margin-top:2em;
font-size:1em;
font-weight:300;
}

@media screen and (max-width: 768px) {
	.mapacont{
		margin:3em auto 0 auto;
	}
	.mapacont, .picdestcont{
		width:100%;
	}
	ul.sismotabs li a{
		font-size:0.9em;
	}
}