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

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


body {
	background: #a0c6df;
}

#contenedor {
	width: 100vw;
	height: 99.5vh;
	background: #a0c6df;
	position: relative;
}

#video-fondo {
	background: #a0c6df;
	/*background: black;*/
	position: absolute;
	z-index: 1;
}

/*
#pie-logos {
	width: 100vw;
	height: 4vw;
	left: 0;
	top: 87.5vh;
	position: absolute;
	display: flex;
	z-index: 40;
	background: white;
	opacity: 0.8;
}

#pie-izq {
	width: 47%;
	height: 100%;
	padding: 0.4vw 0 0 1vw;
}
#pie-der {
	width: 47%;
	height: 100%;
}
*/

/* localhost/biomasa/bio3.html */
.ventanas {
	width : 15vw;
	height: 5vw;
	
	position:absolute;
	
    align-items: center;
	text-align: center;
	display: flex;
		
	z-index: 15;
}

.ventanas2 {
	width : 18vw;
	height: 5vw;
	
	position:absolute;
	
    align-items: center;
	text-align: center;
		
	z-index: 15;
}


.iconos {
	width: 50%;
	height: 50%;
}

.lebot1 {
	left: 23vw;
	top: 11vw;
}

.lebot2 {
	left: 59vw;
	top: 11.3vw;
}

.lebot3 {
	left: 77vw;
	top: 7vw;
}

.lebot4 {
	left: 6vw;
	top: 33.5vw;
}

.lebot5 {
	left: 74vw;
	top: 34.5vw;
}

.lebot6 {
	left: 85vw;
	top: 19.5vw;
}


.leboton {
	color:#dc0030;
	text-decoration:none;
	font-weight: 200;
}


.lespan {
	align-content: center;
	text-align: center;
}

/*-- MENUS --*/

.allmen {
	position: absolute;
	background: white;
	opacity: 0.90;
	
	align-items: left;
	text-align: left;

	padding: 1vw;
	font-size: 0.5vw;
	
	display: none;
	z-index: 15;	
}

.men1 {
	width: 55vw;
	height: 34vh;
	
	top: 33vh;
    left: 22.5vw;
}


.men2 {
	width: 55vw;
	height: 38vh;
	
	top: 35vh;
    left: 17vw;
}

.men3 {
	width: 65vw;
	height: 44vh;
	
	top: 27vh;
    left: 25vw;
}

.men6 {
	width: 55vw;
	height: 32vh;
	
	top: 48.5vh;
    left: 40vw;
}


.xmen1 {
	background: #dc0030;
	width: 1.5vw;
	height: 1.5vw;
	border-radius: 50%;
	
	text-align: center;
	align-items: center;
	top:50%;
	-ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.lex {
	text-decoration: none;
	color : white;
	font-size: 1.3vw;
}

.lemenu {
	color: darkgreen;
	text-decoration: none;
	font-size: 0.5vw;
}

.redes {
	color: darkgreen;
	padding: 0.1vw;
	text-decoration: none;
}

.redes-p {
	color: darkgreen;
	padding: 0.1vw;
}


.tm-1 {
	font-size: 0.88vw;
	/*font-weight: 500;*/
}

.tm-2 {
	font-size: 0.92vw;
}

/*-- VENTANAS VIDEOS --*/

.allvid {
	position: absolute;
	background: #dc0030;;
	/*opacity: 0.90;*/
	
	align-items: left;
	text-align: left;

	padding: 1vw;
	font-size: 0.5vw;
	
	display: none;
	z-index: 60;	
	
	
}

.vid1 {
	width: 645px;
	height: 425px;
	
	top: 20vh;
    left: 30vw;
}

.xvid1 {
	/*background: #dc0030;*/
	background: white;
	width: 1.5vw;
	height: 1.5vw;
	border-radius: 50%;
	
	text-align: center;
	align-items: center;
	top:50%;
	-ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.levx {
	text-decoration: none;
	color : #dc0030;
	font-size: 1.3vw;
}


.menu-ponencia {
	width: 100%;
	display: flex;
	/*background: blue;*/
}

.icono-ponencia {
	width: 5%;
	height: 100%;
	/*background:aqua;*/
}
.texto-ponencia {
	width: 95%;
	height: 100%;
	/*background:beige;*/
}

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

.t-web-1 {
	font-size: 0.6vw;
}
.t-web-2 {
	font-size: 0.85vw;
	font-weight: 600;
}

.img-recorrido {
	width: 3vw;
	height: 2.5vw;
}

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


/*Efectos, Hover*/

.leboton:hover {
	/*
	box-shadow:0px 0px 0px;
	padding-top:7px;
	background: #DDECDA;
	*/
	color: darkgreen;
}

.lemenu:hover {
	color: #dc0030;
}

.lex:hover {
	color: yellow;
}

.levx:hover {
	color: black;
}


.redes:hover {
	color: #dc0030;
}