p { text-align:justify;
font-family: Arial;}

.button02 {
text-align:center;
border:#fff;
	font-family: Arial;
		display: block;
		margin-right: .5em;
		margin-top: 20px;
		box-shadow: inset 0px 1px 0px rgba(255,255,255,0.4),
						0px 0px 25px rgba(0,0,0,0.3);
						width:220px;
		padding: 5px 5px;
		
		font-size: 12px;
		
		color: #fff;
		/*text-shadow: 1px 1px 1px #e8e9b0; sombra de la letra*/ 
		border-radius: 25px;
		
		background: rgb(0,0,0);
		background: -moz-linear-gradient(top,  rgba(163,0,0,1) 19%, rgba(75,0,0,1) 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(19%,rgba(163,0,0,1)), color-stop(100%,rgba(75,0,0,1)));
		background: -webkit-linear-gradient(top,  rgba(163,0,0,1) 19%,rgba(75,0,0,1) 100%);
		background: -o-linear-gradient(top,  rgba(163,0,0,1) 19%,rgba(75,0,0,1) 100%);
		background: -ms-linear-gradient(top,  rgba(163,0,0,1) 19%,rgba(75,0,0,1) 100%);
		background: linear-gradient(to bottom,  rgba(163,0,0,1) 19%,rgba(75,0,0,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#870000', endColorstr='#4b0000',GradientType=0 );
		
	}
	.button {
	font-family: Arial;
		display: block;
		margin-right: .5em;
		margin-top: 20px;
		box-shadow: inset 0px 1px 0px rgba(255,255,255,0.4),
						0px 0px 25px rgba(0,0,0,0.3);
						width:200px;
		padding: 5px 5px;
	background: rgb(0,0,0);
		background: -moz-linear-gradient(top,  rgba(163,0,0,1) 19%, rgba(75,0,0,1) 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(19%,rgba(163,0,0,1)), color-stop(100%,rgba(75,0,0,1)));
		background: -webkit-linear-gradient(top,  rgba(163,0,0,1) 19%,rgba(75,0,0,1) 100%);
		background: -o-linear-gradient(top,  rgba(163,0,0,1) 19%,rgba(75,0,0,1) 100%);
		background: -ms-linear-gradient(top,  rgba(163,0,0,1) 19%,rgba(75,0,0,1) 100%);
		background: linear-gradient(to bottom,  rgba(163,0,0,1) 19%,rgba(75,0,0,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#870000', endColorstr='#4b0000',GradientType=0 );
		
		font-size: 12px;
		
		color: #fff;
		/*text-shadow: 1px 1px 1px #e8e9b0; sombra de la letra*/ 
		border-radius: 25px;
		cursor: pointer;
		
	}
	
		.button:hover {
		border:3px solid #c10000;
			
		}
		
		.button:active {
			box-shadow: 0px 0px 25px rgba(0,0,0,0.3),
							inset 0px 0px 20px #412410;
		}
	
	.overlay-container {
	
		display: none;
		content: " ";
		height: 170%;
		width: 100%;
		position: absolute;
		font-family: Arial;
		left: 0;
		top: 0;

		
		
		background: -moz-radial-gradient(center, ellipse cover,  rgba(127,127,127,0) 0%, rgba(127,127,127,0.9) 100%);
		background: -webkit-gradient(radial, center center, 10px, center center, 100%, color-stop(0%,rgba(127,127,127,0)), color-stop(100%,rgba(127,127,127,0.9)));
		background: -webkit-radial-gradient(center, ellipse cover,  rgba(127,127,127,0) 0%,rgba(127,127,127,0.9) 100%);
		background: -o-radial-gradient(center, ellipse cover,  rgba(127,127,127,0) 0%,rgba(127,127,127,0.9) 100%);
		background: -ms-radial-gradient(center, ellipse cover,  rgba(127,127,127,0) 0%,rgba(127,127,127,0.9) 100%);
		background: radial-gradient(center, ellipse cover,  rgba(127,127,127,0) 0%,rgba(127,127,127,0.9) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007f7f7f', endColorstr='#e67f7f7f',GradientType=1 );
	}
	
	.window-container-ecosistemas {
	font-family: Arial;
	color:#fff;
		display: none;
		background: #000;
		margin: 100px auto 100px auto;
		width: 700px;
		padding: 10px 20px 20px;
		text-align: left;
		z-index: 3;
		border-radius: 5px;
		box-shadow: 0px 0px 30px rgba(0,0,0,0.2);
		-webkit-transition: 0.4s ease-out;
		-moz-transition: 0.4s ease-out;
		-ms-transition: 0.4s ease-out;
		-o-transition: 0.4s ease-out;
		transition: 0.4s ease-out;
		opacity: 0;
	}
	.window-container {
	font-family: Arial;
	color:#fff;
		display: none;
		background: #000;
		margin: 100px auto 100px auto;
		width: 700px;
		padding: 10px 20px 20px;
		text-align: left;
		z-index: 3;
		border-radius: 5px;
		box-shadow: 0px 0px 30px rgba(0,0,0,0.2);
		-webkit-transition: 0.4s ease-out;
		-moz-transition: 0.4s ease-out;
		-ms-transition: 0.4s ease-out;
		-o-transition: 0.4s ease-out;
		transition: 0.4s ease-out;
		opacity: 0;
	}
	
	.zoomin {
		-webkit-transform:  scale(1.2);
		-moz-transform:  scale(1.2);
		-ms-transform:  scale(1.2);
		transform:  scale(1.2);
	}
		.zoomin02 {
		-webkit-transform:  scale(1.2);
		-moz-transform:  scale(1.2);
		-ms-transform:  scale(1.2);
		transform:  scale(1.2);
	}
		.zoomin03 {
		-webkit-transform:  scale(1.2);
		-moz-transform:  scale(1.2);
		-ms-transform:  scale(1.2);
		transform:  scale(1.2);
	}
		.zoomin04 {
		-webkit-transform:  scale(1.2);
		-moz-transform:  scale(1.2);
		-ms-transform:  scale(1.2);
		transform:  scale(1.2);
	}
		.zoomin05 {
		-webkit-transform:  scale(1.2);
		-moz-transform:  scale(1.2);
		-ms-transform:  scale(1.2);
		transform:  scale(1.2);
	}
		.zoomin06 {
		-webkit-transform:  scale(1.2);
		-moz-transform:  scale(1.2);
		-ms-transform:  scale(1.2);
		transform:  scale(1.2);
	}
	
		.zoomin07 {
		-webkit-transform:  scale(1.2);
		-moz-transform:  scale(1.2);
		-ms-transform:  scale(1.2);
		transform:  scale(1.2);
	}
		.zoomin08 {
		-webkit-transform:  scale(1.2);
		-moz-transform:  scale(1.2);
		-ms-transform:  scale(1.2);
		transform:  scale(1.2);
	}
	
		.zoomin09 {
		-webkit-transform:  scale(1.2);
		-moz-transform:  scale(1.2);
		-ms-transform:  scale(1.2);
		transform:  scale(1.2);
	}
		.zoomin10 {
		-webkit-transform:  scale(1.2);
		-moz-transform:  scale(1.2);
		-ms-transform:  scale(1.2);
		transform:  scale(1.2);
	}
	.zoomin11 {
		-webkit-transform:  scale(1.2);
		-moz-transform:  scale(1.2);
		-ms-transform:  scale(1.2);
		transform:  scale(1.2);
	}
	
		.zoomin01 {
		-webkit-transform:  scale(1.2);
		-moz-transform:  scale(1.2);
		-ms-transform:  scale(1.2);
		transform:  scale(1.2);
	}
		.zoomin12 {
		-webkit-transform:  scale(1.2);
		-moz-transform:  scale(1.2);
		-ms-transform:  scale(1.2);
		transform:  scale(1.2);
	}
		.zoomin13 {
		-webkit-transform:  scale(1.2);
		-moz-transform:  scale(1.2);
		-ms-transform:  scale(1.2);
		transform:  scale(1.2);
	}
		.zoomin14 {
		-webkit-transform:  scale(1.2);
		-moz-transform:  scale(1.2);
		-ms-transform:  scale(1.2);
		transform:  scale(1.2);
	}
		.zoomin15 {
		-webkit-transform:  scale(1.2);
		-moz-transform:  scale(1.2);
		-ms-transform:  scale(1.2);
		transform:  scale(1.2);
	}
		.zoomin16 {
		-webkit-transform:  scale(1.2);
		-moz-transform:  scale(1.2);
		-ms-transform:  scale(1.2);
		transform:  scale(1.2);
	}
	
		.zoomin17 {
		-webkit-transform:  scale(1.2);
		-moz-transform:  scale(1.2);
		-ms-transform:  scale(1.2);
		transform:  scale(1.2);
	}
		.zoomin18 {
		-webkit-transform:  scale(1.2);
		-moz-transform:  scale(1.2);
		-ms-transform:  scale(1.2);
		transform:  scale(1.2);
	}
	
		.zoomin19 {
		-webkit-transform:  scale(1.2);
		-moz-transform:  scale(1.2);
		-ms-transform:  scale(1.2);
		transform:  scale(1.2);
	}
		.zoomin20 {
		-webkit-transform:  scale(1.2);
		-moz-transform:  scale(1.2);
		-ms-transform:  scale(1.2);
		transform:  scale(1.2);
	}
	
	.zoomout {
	font-family: Arial;
		-webkit-transform:  scale(0.7);
		-moz-transform:  scale(0.7);
		-ms-transform:  scale(0.7);
		transform:  scale(0.7);
	}
	
	.window-container-visible {
		-webkit-transform:  scale(1);
		-moz-transform:  scale(1);
		-ms-transform:  scale(1);
		transform:  scale(1);
		opacity: 1;
		display:block;
	}
	
		.window-container h3 {
			margin: 1em 0 0.5em;
			font-family: Arial;
			font-weight: normal;
			
			text-align: center;
		}
		
		.close {
			margin: 1em auto;
			display: block;
			width: 12px;
			height:15px;
			
			background-image:url(../img/cerrar.png);
			background-position:center;
			background-repeat:no-repeat;
			padding: 5px 10px;
			color: #AA0000;
			position:absolute;
			left:717px;
			top:-18px;
		
			font-size: 12px;
			
		}
	
			.close:hover {
			width:18px;
			background-image:url(../img/cerrar02.png);
			background-position:center;
			background-repeat:no-repeat;
			height:22px;
			
			}
	
			.close:active {
				
			}