@charset "utf-8";
/* CSS Document */
body {
	background:#fff;
	margin:0;
	font-family:"Lucida Console", Monaco, monospace;
}
 h1 {
	 color:#444;
	 text-align:center;
 }
 
 /*Estilo de la galeria*/
 
 .galeria1 {
	 width:90%;
	 margin:auto;
	 list-style:none;
	 padding:20px;
	 box-sizing:border-box;
	 
	 display:flex;
	 flex-wrap:wrap;
	 justify-content:space-around;
 }
 
 .galeria1 li {
	 margin:5px;
 }
 
 .galeria1 img {
	 width:150px;
	 height:113px;
 }

/*Estilos del modal */

.modal {
	visibility:hidden;
	opacity:0;
}

.modal:target {
	visibility:visible;
	opacity:1;
	transition:all 0.5s;
	position: fixed;
	background:rgba(0,0,0,8);
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.modal h3 {
	color:#FFF;
	font-size:30px;
	text-align:center;
	margin:15px 0;
}

.imagen {
	width:100%;
	height:50%;
	
	display:flex;
	justify-content:center;
	align-items:center;
}

.imagen a {
	color:#fff;
	font-size:40px;
	text-decoration:none;
	margin:0 10px
}
	
	
.imagen a:nth-child(2) {
	margin:0;
	height:100%;
	flex-shrink:2;
	
}

.imagen img {
	width:640px;
	height:480px;
	max-width:100%;
	border:7px solid #FFF;
	box-sizing:border-box;
}

.cerrar {
	display:block;
	background:#FFF;
	width:25px;
	height:25px;
	margin:100px auto;
	text-align:center;
	text-decoration:none;
	font-size:25px
	color:#000;
	padding:5px;
	border-radius:50%;
	line-height:25px;
}

