
*{
	margin:0;
	padding:0;
	box-sizing:border-box;
	font-family: "Georgia";
	box-sizing: border-box;
	text-decoration: none;
}

body{
	box-sizing: border-box;
	justify-content: space-around;
	align-items: center;
}


.ubicacion{
	background-image:linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(8.jpg);
	background-size:cover;
}
.contacto{
	background-image: url(a.png);
	background-size:cover;
}

.inicio{
	background-image:url(la_ladera.jpg);
	background-size:cover;
}

.inicio ul{
	text-decoration: none;
}

.celebracion{
	background-image:linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(in.jpg);
	background-size:cover;
}
.ofici{
	background-image:linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(4.jpg);
	background-size:cover;
}
.historia{
	
	background-image: url(his.jpg);
	background-size:cover;
}


nav{
	max-width:1300px;
	margin:auto;
	background:rgba(0,0,0,0.4);
    backdrop-filter:flur (5px);
	font-size:20px;
	margin-top:50px;
}

.sub{
	color: aliceblue;
	text-align: center;
	font-size: 50px;
}


.nombre{
	list-style:none;
	display: flex;
	justify-content:center;
	}

.menu-horizontal{
	list-style:none;
	display: flex;
	justify-content:center;
	font-size: 18px;
}
.menu-horizontal>a{
	display:block;
	padding:15px 18px;
	color:white;
	text-decoration:none;
}

.menu-horizontal>li>a{
	display:block;
	padding:15px 20px;
	color:white;
	text-decoration:none;
}

.menu-horizontal>li:hover{
	background-color: #575757;
            color: #f7f7f7;
			border-radius: 12px;
}


		
footer{
			color:#FFF;
			font-family:"Times New Roman";
			font-style: Sans-Serif;
			font-size:16px;
			text-align:center;
			background-color:rgba(0,0,0,0.5);
			padding:5px;
			position:fixed;
			bottom:0;
			width:100%;
			font-weight:bold;
}

p{
	justify-content:center;
	font-size:20px;
	font-family:"with righteous indignation";
	font-style: Sans-Serif;
	color:#FFF;
}

.historia p{
    text-align: justify;
}

.historia footer p{
	text-align: center;
}

h2{
	color: aliceblue;
}

.celebracion ul li{
	color: aliceblue;
	justify-content: left;
}

table{
	border:none;
}
td{
	border:none;
	text-align:center;
}
tr{
	border:none;
}

.construcciones{
	background-image:linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(in.jpg);
	background-size:cover;
}
.turismo{
	background-image:linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(4.jpg);
	background-size:cover;
}


.container {
  display: block;
  justify-content: space-around;
  align-items: center;
  padding: 0px;
  max-width:800px;
  background:rgba(0,0,0,0.4);
  border-radius: 6px;

}

section{
	display:flex;
	width:900px;
	height:330px;
	margin:0 auto;
}

section img {
	width:0px;
	flex-grow:1;
	object-fit:cover;
	opacity: .8;
	transition: .5s ease;	
}

section img:hover {
	cursor:crosshair;
	width:500px;
	opacity:1;
	filter:contrast(120%)	
}

img{
    border-radius: 9px;
}

.image {
    overflow: hidden;
    border-radius: 8px;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
}

.image img {
    width: 100%;
    height: auto;
    display: block;
    transition: transform 0.5s ease;
}

.image:hover img {
    transform: scale(1.0);
}

.cuerpo ul{
	text-decoration: none;
}


