*{
	font-family:arial;
	
}
body{
	padding:0;
	margin:0;
}
a{
	text-decoration:none;
	color:#fff;
}
.logo{
	width:50%;
	text-align: center;
	height: 50px;
}
.logo img{
	width:25%;
	height:90px ;
	text-align:center;
}
.menu{
	text-align: center;
    background-color: #000;
    
}

.menu li a {
  display :block;
  padding: 15px 15px;
  color: #fff;
  text-decoration: none;

}


.menu li a:hover {
    color: #fff; 
    background-color: #ec3237;
  
}

.menu li ul{
    display: none;
    position: absolute;
    min-width: 140px;
    background: #ec3237;
}
.menu li:hover > ul{
display: block;
background: #fff;

}

.menu ul{
    margin: 0;
    list-style: none;
    padding: 0;
    display: flex;
    justify-content: flex-end;

}




.border{
	height:60px;
	background-color:red;
	width: 100px;
}

.imagenes img{
	width:  100%;
	height: 100%;
	text-align: center;
}
.imagenes td{
	text-align: center;
	color: #000;
}

.footer{
	background:#000;
	color:#fff;
	text-align:center;
	font-size:20px;
	padding:50px;
}
.general{
	width:100%;
	height: 650px;
}
.general{
	display:inline-flex;
}
.amarillo{
	width:20%;
	height: 650px;
	background-color:#86f016 ;


}
.amarillo img{
	height: 220px;
	width: 85%;
}
.azul{
	width:60%;
	height:650px ;
	color: blue;
	background-color:#86f016 ;
	

}
.azul img{
	width:30% ;
	height: 30%;



}
.rojo{
width: 20%;
height: 650;
background-color:#86f016 ;

}
.rojo img{
    width: 85%;
	height: 220px;
}

.videos{
	text-align: center;
}
.mapa label{
text-align: right;
height:60%;
width:120px;
}

.imagenes img{
	width: 30%;
	height: 50%;
	text-align: center;
}