@charset "utf-8";
/* CSS Document */

* {
	margin: 0;
	padding: 0;
	font-family: Arial, Calibri;
	font-size: 1vw;
}

body {
	background: #a2c7e2;
}

h1, h2, h3 {
	text-align: center;
	/*color: #dc0030;*/
	color: black;
}

h1 {
	font-size: 1.25vw;
}

p {
	color: black;
	text-align: justify;
}

#zona0 {
	/*width: 100vw;
	height: 100vh;*/
	background-image: url('FondoBiomasa2.png'); 
	width:100vw; 
	height:100vh;
	position: relative;
	margin: auto;
	/* background: orange; */
}

#contenedor {
	/*width: 95%;
	height: 95%;*/
	/*padding: 10vw 0 0 4vw;*/
	
	top: 20vh;
	left: 25vw;
	
	align-items: center;
	position: absolute;
}

#ventana {
	margin: auto;
	width: 50vw;
	height: 30vw;	
	background: blue;
}

#header {
	width: 96%;
	height: 25%;
	padding: 1vw;
	color: #dc0030;
	background: white;
}

#conte {
	width: 96%;
	height: 30%;
	padding: 1vw;
	background: white;
}

#vlogos {
	width: 100%;
	height: 15%;
	padding: 0 0 0 0;
	background: white;
}

#footer {
	width: 100%;
	height: 17%;
	background: #dc0030;
	text-align: center;
	
	display: flex;
  	justify-content: center;
  	align-items: center;
}

#nota {
	width: 20vw;
	height: 5vw;
	/*background: yellow;*/
	display: flex;
	align-items: center;
	padding: 0 0 0 0;
}


.imagen {
	width: 100%;
	height: 98%;
}

.img-nota {
	width: 1.5vw;
	height: 1.5vw;
}
.img-recorrido {
	width: 2vw;
	height: 1.5vw;
}

.img-logos {
	width: 50vw;
	height: 4.4vw;
}

.boton-nota {
	display: flex;
	align-items: center;
	padding: 0 0 0 1vw;
}

.bot {
	color: white;
	padding:1vw 0;
	text-align:center;
	align-items: center;
	width:11.3vw;
	text-decoration:none;
}


.bnota {
	color:#dc0030;
	/*display:inline-block;*/
	/*margin:2vw;*/
	padding:1vw 0;
	text-align:center;
	align-items: center;
	width:13vw;
	text-decoration:none;
	/*box-shadow:0px 3px 0px #373c3c;*/
}

.bnota span {
	margin-right:10px;
}
 

.bnota:hover {
	color: black;
	background:#7f8c8d;
}

.bot:hover {
	color: black;
	background:#7f8c8d;
}