body{


	background-color: rgba(0,0,0,1);
}



canvas{

	margin-left:16%;
	margin-top:0%;
	width: 68%;
	height: 68%;
	background-color: rgba(0,0,0,1);
	





}
 
 iframe{

background-color: rgba(0,0,0,1);

	width:98%;
	height: 98%;
	margin-left:1%;
	margin-top:0%;
	position: absolute;

	background-color: rgba(0,0,0,1);

 }



#wrap{

	width: 35%;
	margin: 0 auto;
	text-align: center;
	background-color: rgba(0,0,0,1);
}


.cuadro{

	width:100%;
	height: 100%;
	margin-left:0%;
	margin-top:0%;
	position: absolute;

	background-color: rgba(0,0,0,1);
}	

.cuadro img{

	width: 50%;
	margin: 10px auto;
}


.cuadro h3{

position: absolute;
top: 3px;
background-color: rgba(255,255,255,0.5);
width: 50%;
padding: 10px;
margin: 0;
display: none;
}

/*
.cuadro:hover{

	border: 3px solid red;
}
*/

.cuadro:hover h3{
display: block;


}