* {
  margin: 0px;
  padding: 0px;
}


#ctr span
{
	font-size: 28px;
	font-weight: bold;
}


#lateral {
 position: fixed;
  width: 400px;
  height: 100%;
  text-align: center;
  background: #5F9EA0;
  right: -400px;
  border-radius:10px;
  top: 0%;
  transition: all 500ms linear;
  z-index: 10;
}

#lateral.active {
  right: 0px;
  
 top: 0%;
}





#vacantes li {
  color: rgba(230, 230, 230, .9);
  list-style: none;
  padding: 7px 10px;
   
 /* border-bottom: 1px solid rgba(100, 100, 100, .3);*/
  
  text-align: center;
}

#fto{
	margin: auto;
	width: 200px;
	height: 100px;
	
}


.logo {
	
  border-radius: 50%;
  display: block;
  margin: 0 auto; 
}


.cerrar{
	 width: 30px;
	 height: 30px;
	 margin: 5px;
	 background: #FFA500;
	 border-radius: 50%;
	 color:white;
	 /*centrar el div hijo*/
	 display: flex;
     justify-content: center;
     align-items: center;
	 cursor: pointer
}
 
 .cerrar:hover{
	 background: #ff7d4d;
 }
 
#titulo{
	margin-top: 60px;
	margin-left: 20px;
	color: #FFFFFF;
	line-height : 25px;
	
}

#titulo a{
	text-decoration: none;
}



#vacantes{
    margin-top: 50px;	
	text-align: center;
}

#vacantes p{
	color: #FFFFFF;
	margin: 20px;
}