/*Flecha para hacer la pagina hacia arriba*/
.ir-arriba{
  display:none;
  background-repeat:no-repeat;
  font-size:20px;
  color:#5b5f97;
  cursor:pointer;
  position:fixed;
  bottom:10px;
  right:10px;
  z-index:2;
 
}



body{
	background-color: #ffd23f;
	margin: 0px;

}
header{	
	background-image: url("medias/gastronomia (4).jpg");
	background-repeat: no-repeat;
	padding: 20px;
	height: 600px;
	background-size: cover;
}
h1{
	font-size: 2.5em;
	font-family: 'EB Garamond', serif;
	word-spacing: 30px;
	text-align: center;
	transition: all 300ms;

}
h1:hover{
	transform: scale(1.5);
	color: maroon;
}
h2{
	font-size: 2em;
	background-color: #bc3908;
	padding: 15px;
	text-align: center;
	color: white;
	margin: 0PX;
}

h3{
	font-size:  1,5em; 
	margin: 20px;
		font-family: 'Gloock', serif;

}
nav{
	margin-top: 100px;
	height: 70px;
	text-align: right;

}

.anav{
	text-decoration: none;
	margin-bottom: 20px;
	color: white;
	padding: 20px;
	background-color: green;
	border-radius: 25px;
}

.anav:hover{
	background-color: ;
	border-radius: 50px 0px;
	background-color:maroon;
	
}
.img1{
	width:10%;
	margin: 10px;
}

.img2{
	float: right;
	width: 55%;
	margin-left: 20px;
}
.vertical{
	border-right:2px solid black;
}
#gast{
	background-color: #fb8500;
}
.floatleft{
	text-align: justify;

	font-size: 20px;
	margin: 0px 20px 20px 10px;
	padding: 20px;
	font-family: Roboto Slab;
}
dd, dt{
	font-family:Roboto Slab;
	line-height: 1.5;
}
p{
	padding: 20px;
	font-family: Roboto Slab;
	line-height: 1.5;
}
a{
	margin: 10px;	

}

.tipos{
	display: flex;
	margin-top: 0px;

}
.flex{
	width: 45%;
	margin: 20px;
	line-height: 1.5;

	
}
.restaurante{
	width: 70%;
	background-color: #fb8500;
	margin: 10px;
}
.rest{
	width: 30%;
	background-color:#06d6a0;
	margin: 10px;
}
img{
	border-radius: 15px;


}
.left{
	margin-left: 20px;
}
table{
	width: 80%;
	border-collapse: collapse;
	margin: 20px auto;

}
tr, td{
	text-align: center;
	padding: 15px;

}
th{
	padding: 15px;
	background-color:#386641 ;
	color: white;
}
Footer{
	background-color: #bc3908;
	color: white;
	padding: 10px;
	text-align: center;
}
.size{
	font-size: 2em;
	text-align: center;
}
/*
.span{
	text-align: center;
	
}*/
.box{
	display: flex;
}
.redes{
	width: 30%;
	font-size: 30px;
	padding: 10px;
	margin-bottom: 20px;


}
.maps{
	width: 70%;
	margin: 20px;
}
.imgredes{
	margin-bottom: 30px;
}