@font-face{
	font-family:Coolvetica Rg;
	src:url("fuentes/Coolvetica Rg.otf");
}

#vlightbox1 {
	width:100%;
	zoom:1;	
	padding-left:0%;
	    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
	
}

#vlightbox1 .vlightbox1 div{
	left:0;
	top:0;
	
	width:100%;
	height:200px;

	
}

.contenedor{
	display:flex;
	width:auto;
	height:auto;
	flex-direction:column;
	
	font-family:Coolvetica Rg;
}
nav{
	font-family:Coolvetica Rg;
    align-items: center;
    justify-content: space-around;
	height:15vh;
	width:85%;
	display:flex;
	flex-direction:row;
	font-family:Coolvetica Rg;
	
}

nav a:link, nav a:visited{
	
	display:flex;
	align-items: center;
	justify-content:center;
	color:black;
	text-transform:uppercase;
	letter-spacing:2px;
	border-radius:15px;
	text-decoration:none;/*sin subrayado*/
	width:15%;
	height:8vh;
	font-size:17px;
	font-family:Coolvetica Rg;
	transition:color 1s, background-color 1s, font-size 1s, border-color 1s;
	/*background-color:blue;*/
	
}


nav a:hover{
	font-family:Coolvetica Rg;
	color:;
	background-color:#4ef57e;
	font-size:18px;
	border-color:black;
}


header{
	background: rgb(0,112,50);
    background: radial-gradient(circle, rgba(0,112,50,0.7483368347338936) 0%, rgba(0,213,103,1) 100%); 
	/*color 2*/
	background: rgb(1,88,46);
    background: linear-gradient(90deg, rgba(1,88,46,1) 0%, rgba(13,189,137,1) 51%, rgba(1,88,46,1) 100%);
	
	height:15vh;
	align-items: center;
	display:flex;
	width:100%;
	font-family:Coolvetica Rg;
}


footer{
	background: rgb(0,112,50);
    background: radial-gradient(circle, rgba(0,112,50,0.9612219887955182) 0%, rgba(0,213,103,1) 100%);
	
	/*color 2*/
	background: rgb(1,88,46);
    background: linear-gradient(90deg, rgba(1,88,46,1) 0%, rgba(13,189,137,1) 51%, rgba(1,88,46,1) 100%);
	
	height:auto;
	width:100%;
	display:flex;
	align-items: center;
	flex-direction:row;
	justify-content: space-evenly;
}

.nosotros{
	display:flex;
	flex-direction:row;
	width:50%;
	color:white;
	justify-content: center;
    align-items: center;
	
}
a{
font-family:Coolvetica Rg;
	

text-decoration:none;
}
.simbolo img{
    margin-top:0;
	margin-left:6%;
}
.imagenes{
	display:flex;
	flex-direction:column;
}

.yo{
	width:30%;
	
}
	
.ginna{
	width:30%;

	
}	

#vlightbox1 .vlightbox1 {
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	
	position:relative;
	vertical-align:top;
	margin:7px;

	margin-left:18px;
	width:300px;
	font-family:Trebuchet,Tahoma,Arial,sans-serif;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	outline:none;
	
}

#vlightbox1 .vlightbox1 a{
	margin:0;
}
#vlightbox1 .vlightbox1 img{
	display:block;
	border:none;
	margin:0;

	border-radius:7px;
	border-style:solid;
	border-color:black;
}
#vlightbox1 .vlightbox1 div {display:none}

/*---------Media queries-------*/
@media screen and (max-width:800px)
{
	.contenedor{
		height:auto;
		flex-direction:column;
		width:auto;	
	}
	header{
		display:flex;
		flex-direction:column;
		text-align:center;
		height:auto;
		width:100%;
 		}
	
	
footer{
		display:flex;
		height:auto;
		flex-direction:column;
		width:100%;
		align-items:center;
		text-align:center;
		}
nav a:link{
		width:15%;
		font-size:15px;
	}
	
	
	nav{
		padding-bottom:2%;
		margin-top:5%;
		margin-bottom:5%;
		width:auto;
		display:flex;
		flex-direction:column;
		justify-content: space-evenly;
		align-items: center;
	}	
	
	.logo{
		display:flex;
		flex-direction:column;
	    width:auto;
	    justify-content: space-evenly;
		height:auto;
	}
		.nosotros{
	display:flex;
	flex-direction:row;
	align-items: center;
	text-align:center;
	justify-content: space-evenly;
	}
	
	.simbolo{
	margin-right:20%;
    }

    .abajo{
	display:flex;
	flex-direction:column;
	align-items: center;
    }

}