a:link,a:active,a:visited{font-family:Arial,Verdana,Helvetica,Geneva,Swiss,SunSans-Regular;text-decoration:none}
a:hover{
	font-family:Arial, Verdana, Helvetica, Geneva, Swiss, SunSans-Regular;
	color: #F00;
}
a{font-family:Arial,Verdana,Helvetica,Geneva,Swiss,SunSans-Regular}
td,tr{font-size:10pt;color:#000000;font-family:Arial,Verdana,Helvetica,Geneva,Swiss,SunSans-Regular}
.default{font-size:10pt;color:#000000;font-family:Arial,Verdana,Helvetica,Geneva,Swiss,SunSans-Regular}
H1{color:#000080;font-weight:bold;font-size:14pt;line-height:18px;font-family:Arial,Verdana,Helvetica,Geneva,Swiss,SunSans-Regular;margin-top:5px;margin-left:10px}
H2{color:#c0c0c0;font-weight:bold;font-size:12pt;line-height:16px;font-family:Arial,Verdana,Helvetica,Geneva,Swiss,SunSans-Regular;clear:right;margin-left:20px}
ul{margin-left:-10px;}


body{	
	background:#000;
	margin:0;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
		}		
h1{
	color:#FFF;
	text-align:center;

	}	
.galeria{
	width:70%;
	margin:auto;
	list-style:none;
	padding:20px;
	box-sizing:border-box;
	display:flex;
	flex-wrap:wrap;
	justify-content: space-around;	
	}		
.galeria li{
	margin:5px;	
	}	
.galeria img	{
	width:100%;
	transition: transform 0.5s;
	}
	

	
	
	
	
	.galeria img:hover{
		
		transform: rotate(-5deg) scale(1.1);
		box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.5);
	}
	















.modal{
	display:none;
		
	}	
	
	
.modal:target{
	display:block;
	position:fixed;
	background: rgba(0,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%;
	display:flex;
	justify-content:center;
	align-items:center;
	
	}			

.imagen a {
	color:#FFF;
	font-size:60px;
	text-decoration:none;
	margin:0 10px;
	
	}	
	
.imagen a:nth-child(2)	{
	margin:0;
	height:100%;
	flex-shrink: 2;
	
	}
	
.imagen img{
	/* width:400px; */
	height: 80vh;


	max-width:100%;
	border:7px solid #000;
	box-sizing:border-box;
	
	}	
	
	
.cerrar{
	display:block;
	background: #FFF;
	width:100px;
	height:30px;
	margin:3px auto;
	text-align:center;
	text-decoration:none;
	font-size:20px;
	color:#000;
	padding:5px;
	border-radius:30%;	
	line-height:30px;
	}	

.gira{
	width: 750px;
	transition: transform 0.5s;
}



.gira:hover{
	
	transform: rotate(5deg) scale(1.1);
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.5);
}

.gira1{
	width: 500px;
	transition: transform 0.5s;
}



.gira1:hover{
	
	transform: rotate(-5deg) scale(1.1);
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.5);
}