body{

	background-color: white;

}

header{
	
	width: 99.4%;

	/*text-align: left;*/

	/*background-color: orange;*/

	display: flex;

	padding: 0.3%;

	background-color: white;

}

footer{

	width: 99.4%;

	display: flex;

	padding: 0.3%;

	margin-top: 5%;

	background-color: #0b517c;

}

.banner{
	
	width: 98%;

	text-align: center;

	display: block;

	padding-left: 2%;

	/*padding-top: 1%;

	padding-bottom: 1%;*/

}

.logoV{

	width: 67%;

	/*text-align: center;*/

	display: block;

	padding-left: 16.5%;

	/*padding-top: 1%;

	padding-bottom: 1%;*/

}

.logoFace{

	width: 30%;

	margin-left: 25%;

	margin-top: 8%;

}

.logoYt{

	width: 30%;

	margin-left: 25%;

	margin-top: 12.9%;

}

.parte1{

	width: 44%;

	height: 30%;

	/*height: 30%;*/

	padding: 0.1%;

	/*background-color: green;*/

}

.parte2{

	width: 18%;

	height: 30%;

	/*height: 30%;*/

	padding: 0.1%;

	/*background-color: blue;*/

}

.parte3{

	width: 38%;

	height: 30%;

	padding: 0.1%;

	/*background-color: red;*/

	display: flex;

}

.parte3_1{

	width: 19.8%;

	height: 30%;

	padding: 0.1%;

	/*background-color: purple;*/

}

.parte3_2{

	width: 19.8%;

	height: 30%;

	padding: 0.1%;

	/*background-color: white;*/
	
}

.parte3_3{

	width: 19.8%;

	height: 30%;

	padding: 0.1%;

	/*background-color: orange;*/
	
}

.parte3_4{

	width: 19.8%;

	height: 30%;

	padding: 0.1%;

	/*background-color: brown;*/
	
}

.parte3_5{

	width: 19.8%;

	height: 30%;

	padding: 0.1%;

	/*background-color: grey;*/
	
}

.parte4{

	width: 100%;

	height: 100px;

	display: block;

	/*background-color: green;*/

	/*margin-top: 10%;

	margin-left: 5.2%;*/

}

.parte5{

	width: 100%;

	height: 150px;

	display: block;

	/*background-color: orange;*/

	/*margin-top: 10%;

	margin-left: 5.2%;*/

}

.parte6{

	width: 100%;

	height: 100px;

	display: block;

	/*background-color: black;*/

	/*margin-top: 10%;

	margin-left: 5.2%;*/

}

.parte7{

	width: 100%;

	height: 140px;

	display: block;

	/*background-color: red;*/

	/*margin-top: 10%;

	margin-left: 5.2%;*/

}

.parte8{

	width: 100%;

	height: 140px;

	display: block;

	/*background-color: green;*/

	/*margin-top: 10%;

	margin-left: 5.2%;*/

}

.parte9{

	width: 32%;

	height: 80px;

	display: block;

	/*background-color: orange;*/

	margin-top: 21%;

	margin-left: 37.9%;

}

.parte10{

	width: 50%;

	height: 50%;

	padding: 0.3%;

	margin-top: 0.2%;

	display: inline-block;

	/*background-color: blue;*/

}

.parte11{

	width: 50%;

	height: 97%;

	padding: 0.3%;

	display: inline-block;

	/*background-color: brown;*/

}

.parte11_1{

	width: 100%;

	height: 5%;

	display: inline-block;

	margin-top: 5.24%;

	/*background-color: red;*/

}

.parte11_2{

	width: 100%;

	height: 5%;

	margin-top: -2%;

	display: inline-block;

	/*background-color: white;*/

}

.parte11_3{

	width: 100%;

	height: 17%;

	display: inline-block;

	/*background-color: orange;*/

}

.parte11_4{

	width: 100%;

	height: 17%;

	display: inline-block;

	/*background-color: grey;*/

}

.parte11_5{

	width: 100%;

	height: 8%;

	margin-bottom: 3.5%;

	display: inline-block;

	/*background-color: green;*/

}

.cartelAyunta{

	width: 78%;

	/*text-align: center;*/

	display: block;

	padding-left: 7%;

}

.nuGm{

	width: 90%;

	margin-left: 4.6%;

}

.laCalle{

	width: 23%;

	margin-left: 5.1%;

}

.direcc{

	width: 38%;

	margin-left: 5.4%;

}

.elBoton{

	width: 9.2%;

	height: 71px;

	display: inline-block;

	/*background-color: purple;*/

	/*margin-top: 14%;*/

	margin-left: 45.5%;

}

.botF{

	width: 100%;

}

ul {/* Los cuadraditos grises credo */

	list-style-type: none;

 	margin: 0;

  	padding: 0;

  	/*padding-left: 32%;*/

  	overflow: hidden;

  	font-size: 20px;

  	/*font-size: 50%;*/

  	background-color: #0071bc;

}

li {

	float: left;

}

li a {

	display: block;

  	color: white;

  	text-align: center;

  	padding: 32px;

  	text-decoration: none;

}

li a:hover {

	background-color: #0b517c;

}

.mural{



}

.fotoMural{

	width: 90%;

	margin-left: 5%;

	margin-top: 3%;

}

h1{

	/*color: #0071bc;*/

	font-size: 15px;

}

h2{

	/*color: #0071bc;*/

}

h3{

	margin-left: 46.85%;

	margin-top: 4%;

	font-size: 22px;

}

h4{

	margin-left: 44%;/*falta centarlo con el left*/

	margin-top: 4%;

	font-size: 22px;

}

p{

	margin-left: 0.5%;

	margin-top: 0%;

	font-size: 24px;

}

.doc1{

	background-color: black;

	width: 42%;

	height: 582px;

	margin-left: 29%;

	margin-top: 4%;

}

.doc2{

	background-color: black;

	width: 43%;

	height: 740px;

	margin-left: 28.5%;

	margin-top: 4%;

}

.boton{

	background-color: purple;

	width: 7%;

	height: 30px;

}

.letFaseI{

	width: 22%;

	margin-left: 3%;

}

.letPlan{

	width: 50%;

	margin-left: 25%;

}

.letFina{

	width: 22%;

	margin-left: 39%;

	margin-top: 1%;

	margin-bottom: 5%;

}

.letDocB{

	width: 15%;

	margin-left: 42.5%;

	margin-top: 5%;

}

.letManual{

	width: 30.3%;

	margin-left: 34.85%;

	margin-top: 4.95%;

}

/*.pie{

	width: 100%;

	height: 330px;

	padding: 0.1%;

	background-color: orange;

}*/