@charset "UTF-8";
/*------------laboratorio-editorial------------*/
.paneles {
	padding:0 18%;
}
.paneles .col-md-2 {
	width:600px;
	height:600px;
}
.paneles h1{
	text-align:left;
	color: rgba(75,203, 116, 1);
	font-family: 'VT323', monospace;
	text-shadow: -1px 1px 1px black, -1px 1px 1px black!important;
	font-size:32px;
	font-weight:200;
	padding:10px 0px;
}

.paneles h2{
	text-align:left;
	color:#4bcb74;
	text-shadow: -1px 1px 1px black, -1px 1px 1px black!important;
	font-family: 'VT323', monospace;
	font-weight:100;
	font-size:24px;
	padding:10px 0px;
}

.paneles span{
	text-align:left;
	color:#4bcb74;
	text-shadow: 0 0 1px black, -1px 0px 0 black;
	font-family: 'VT323', monospace;
	font-size:18x;
	font-weight:100;
	padding:10px 0px;
}
.andale p {
	font-family: 'Amiri', serif;
	color:#000;
	font-weight:300;
	font-size:21px;
    background-color:white;
	background-size:contain;
	mix-blend-mode: multiply;
	box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 1), 0 9px 20px 0 rgba(0, 0, 0, 0.5);
	border-radius:20px;
    text-align:justify;
	padding:20px 20px;
	margin:10px;
	width:100%;
}
	
.andale {
	background:white;
	padding:30px 0;
}
.metamorfosis {
	background:url(../images/arboldelavida_vida_muerte_ANIME_006_500_pixeles.jpg) !important;
	background-size: cover !important;
	cursor: pointer;
}
.metamorfosis:hover,
.metamorfosis:focus {
	background:url(../media/arboldelavida_500_012.gif) !important;
	background-size: cover !important;
}

#mosca img {
	float:center;
	width:100%;
	margin:0 0 0 auto;
	}

@media (max-width:1024px){
	.paneles {
	padding:0 0;
}
.metamorfosis {
	background:url(../media/arboldelavida_500_012.gif)   !important;
	background-size: cover !important;
}
}
@media (max-width:990px){
	.paneles {
	padding:0 10px;
}
	.paneles .col-md-2 {
	float:left;
	}
.metamorfosis {
	background:url(../media/arboldelavida_500_012.gif)   !important;
	background-size: cover !important;
}
}
@media (max-width:750px){
	.paneles {
	padding:0 10px;
}
	.paneles .col-md-2 {
	float:left;
	}
.metamorfosis {
	background:url(../media/arboldelavida_500_012.gif)   !important;
	background-size: cover !important;
}
}
@media (max-width:720px){
	.paneles {
	padding:0 10xpx;
}
	.paneles .col-md-2 {
	float:left !important;
	padding:0;
	margin:0;
	width:100%;
	}
.metamorfosis {
	background:url(../media/arboldelavida_500_012.gif)   !important;
	background-size: cover !important;
}
}
@media (max-width:580px){
	.paneles {
	padding:0 10px;
}
	.paneles .col-md-2 {
	float:none !important;
	padding:0;
	margin:0 auto 0 auto;
	width:400px;
	height:400px;
	}
.metamorfosis {
	background:url(../media/arboldelavida_500_012.gif)   !important;
	background-size: cover !important;
}
}
@media (max-width:370px){
	.paneles {
	padding:0 10px;
}
	.paneles .col-md-2 {
	float:none !important;
	padding:0;
	margin:0 auto 0 auto;
	width:300px;
	height:300px;
	}
	
.metamorfosis {
	background:url(../media/arboldelavida_500_012.gif)   !important;
	background-size: cover !important;
}
}