body{

	background-color: white;

}

.banner{

	width: 100%;

	height: 190px;

	display: block;

	padding: 0.1%;

	background-color: #0071bc;

}

.parte1{

	width: 49%;

	height: 100%;

	display: inline-block;

	/*background-color: grey;*/

}

.parte2{

	width: 50.5%;

	height: 100%;

	display: inline-block;

	/*background-color: orange;*/

}

.cartelAyunta{

	width: 90%;

	text-align: center;

	display: block;

	padding-left: 2%;

}

.cartelBienvenida{

	width: 90%;

	text-align: center;

	display: block;

	padding-left: 2%;

}

.parte2_1{

	width: 10%;

	height: 10%;

	display: inline-block;

	/*background-color: green;*/

	margin-top: 5%;

	margin-left: 2%;

}

.flecha{

	width: 100%;

	text-align: center;

}

/*-------------------------------------------------------------*/

.parte3{

	width: 70%;

	height: 50px;

	display: block;

	background-color: yellow;

	margin-top: 5%;

	margin-left: 15%;

}

.parte4{

	width: 41%;

	height: 700px;

	display: inline-block;

	background-color: red;

	margin-top: 10%;

	margin-left: 5%;

}

.parte5{

	width: 41%;

	height: 700px;

	display: inline-block;

	background-color: orange;

	margin-top: 10%;

	margin-left: 7.5%;

}

.parte6{

	width: 51.4%;

	height: 200px;

	display: inline-block;

	background-color: blue;

	margin-top: 10%;

	margin-left: 2%;

}

.parte7{

	width: 40.8%;

	height: 200px;

	display: inline-block;

	background-color: green;

	margin-top: 10%;

	margin-left: 0.2%;

}