/*|-------------------------|
  |        Home CSS         |
  |-------------------------|*/

body{
	background-color: indianred;
}

div {
	font-size: 30px;
	font-family: sans-serif;
	text-align:center

}
.divmain{
	width: 100%;
	height: auto;
	background-color: indianred;
}

/*HEADER*/
#header{
	width: 100%;
	height: 150px;
	background-color: goldenrod;
	font-size: 150px;
	text-align: center;

}

/*MENU*/
.menuHolder{
  width: 100%;
	height: 150px;
	background-color:midnightblue;
	float: left;
}


.itemBox{

	width: 295px;
	height: 20px;
	background-color:goldenrod;
	margin-top: 35px;
	margin-left: 20px;
	float: left;
	padding: 30px;

}

/*CONTENT FOR HOME PAGE*/
#content1{
	width: 30vw;
	height: 70vh;
	margin-top: 115px;
	margin-left: 35px;
	float: left;

	background-color: midnightblue;

}

p{
	font-size: 41px;
	text-align: center;
	color: ghostwhite ;


}

img{
	width: 30vw;
	height: 70vh;
	margin-top: 115px;
	margin-right: px;
	float: left;
}

#img2 {
	width: 27vw;
	height: 55vh;
	margin-top: 150px;
	padding: 70px;
	float: left;

}





/*|-------------------------|
  |        Comida CSS       |
  |-------------------------|*/

.contentc{
	width: 30vw;
	height: 70vh;
	padding: 20px;	
	margin: 20px;

	background-color: midnightblue;
	color: ghostwhite;
	text-align: center;
	font-size: 42px;

}

.holdercomida{
	width:  97%;
	height: 700px;
	padding: 5px;
	margin: 30px;
}

#llapingachos{
	float: left;
	margin: 100px;

}
#ceviche{
	float: right;
	clear: left;
	margin: 100px;

}
#cuy{
	float: left;
	margin: 100px;



}
#plantains{
	float: right;
	clear: left;
	margin: 100px;

}

#imgl{
	margin: 20px;
	width: 800px;
	margin: 100px;
}

#imgce{
	width: 800px;
	margin: 100px;

	float: left;
	clear: left;
}

#imgcu{
	width: 800px;
	margin: 100px;

	float: right;

}

#imgp{
	width: 800px;
	margin: 100px;

	float: left;
	
}



/*|-------------------------|
  |        Musica CSS       |
  |-------------------------|*/

.mainholder{
	width:  95%;
	height: 700px;
	margin-top: 200px;
	padding: 50px;

}

#imgdance1{
	width: 750px;
	height: 600px;
	margin: 50px;
}

.mustext1{
	width: 750px;
	height: 600px;
	float: right;
	clear: right;
	margin-top: 50px;
	margin-right: 100px;
	background-color: midnightblue;

	color: ghostwhite;
	text-align: center;
	font-size: 50px;
}


.mustext2{
	width: 750px;
	height: 600px;
	float: left;
	clear: left;
	margin: 50px;
	background-color: midnightblue;

	color: ghostwhite;
	text-align: center;
	font-size: 51px;
}

#imgmus{
	width: 750px;
	height: 600px;
		float: right;
	clear: right;
	margin-top: 50px;
	margin-right: 100px;
}


/* Play button for music
https://cdn.pixabay.com/photo/2021/03/23/09/01/play-button-6116844_1280.png*/



/*|-------------------------|
  |       Historia CSS      |
  |-------------------------|*/

.histext1{
	width: 800px;
	height: 680px;
	float: right;
	clear: right;
	margin: 50px;
	background-color: midnightblue;

	color: ghostwhite;
	text-align: center;
	font-size: 36px;
}

.histext2{
	width: 800px;
	height: 680px;
	float: left;
	clear: left;
	margin: 50px;
	background-color: midnightblue;

	color: ghostwhite;
	text-align: center;
	font-size: 36px;
}

.histext3{
	width: 800px;
	height: 900px;
	float: right;
	clear: right;
	margin: 50px;
	padding: 5px;
	background-color: midnightblue;

	color: ghostwhite;
	text-align: center;
	font-size: 34px;
}

#imginca{
	width: 800px;
	margin: 50px;
}

#imgcol{
	width: 800px;
	margin: 50px;
}

#imgz{
	width: 620px;
	height: 900px;
	margin-top: 50px;
	margin-left: 150px;


}



/*|-------------------------|
  |     Territorios CSS     |
  |-------------------------|*/


.holderter1{
	width:  96%;
	height: 700px;

	margin-top: 200px;
	padding: 50px;
}

.holderter2{
	width: 95%;
	heigt: 100px;

	margin: 20px;



}

#mapimg{
	width: 50%;
	height: 600px;
	float: left;
	padding: 20px;
}


#mapcontent {
	width: 45%;
	height: 590px;
	float: left;
	background-color: midnightblue;
	padding: 5px;
	margin: 20px;
	margin-top: 135px;

	color: ghostwhite;
	text-align: center;
	font-size: 36px;


}

.minicontentl {
	width: 66%;
	height: 320px;
	float: left;
	clear: left;
	margin: 17px;
	background-color: midnightblue;

	color: ghostwhite;
	text-align: center;
	font-size: 35px;
}

.minicontentr {
	width: 66%;
	height: 320px;
	float: right;
	clear: right;
	margin: 17px;
	background-color: midnightblue;

	color: ghostwhite;
	text-align: center;
	font-size: 35px;
}

#coastimg{
	width: 30%;
	height: 320px;
	float: right;
	margin: 17px;
}

#mtimg{
	width: 30%;
	height: 320px;
	float: left;
	clear: right;
	margin: 17px;
}

#amazonimg{
	width: 30%;
	height: 320px;
	float: right;
	clear: right;
	margin: 17px;
}

#islandimg{
	width: 30%;
	height: 320px;
	float: left;
	clear: right;
	margin: 17px;
}

#procontent{
	width: 45%;
	height: 790px;
	float: left;
	background-color: midnightblue;
	padding: 5px;
	margin: 20px;

	color: ghostwhite;
	text-align: center;
	font-size: 36px;
}

#mapimg2{
	width: 50%;
	height: 800px;
	float: right ;
	padding: 20px;
	margin-top: 5px;
}