body, html {
  height: 100%;
  margin: 0;
}

.bgimg-1, .bgimg-2, .bgimg-3 {
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.bgimg-1 {
	background-image: url("img/fondo.jpg");
  height: 100%;
}

.calltoaction{
	position: absolute;
	top: 70%;
	left: 20%;
  width: auto;
  height: auto;
  text-align: center;

}
.encabezado{
						
						border: 2px solid lightblue;
		
					
						border-radius: 20px;
						padding: 15px;
					
					}

.caption{
  left: 10%;
  position: relative;
  top: 30%;
  width: 50%;
  height: auto;
  text-align: justify;
  letter-spacing: 1px;
  font-size: 30px;
  background-color: skyblue;
  opacity: 0.9;
  padding: 10px;
  border-radius: 10px 10px 10px 10px;

}

.titulos{
  position: absolute;
  text-align: center;
}

.text_justify{
  text-align: justify;
}

.loader_wraper{
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 99999;
  top: 0;
  left: 0;
  background-color: rgb(255, 255, 255, 0.97);
  display: flex;
  justify-content: center;
  align-items: center;
}

#container_logo{
display: none; /*moviles */
}

#container_logoCenter{
	display: block; /*pantallas */
}

footer{
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: #afafaf;

}

.redesSociales{
	color: white;
	padding: 10px;
	text-align: center;
	background-color: #cecece;
	border-radius: 0px 0px 50px 50px;
}
.bohgap_circleBorder{
	border:2px solid #4b4747; 
	height:40px; 
	width:40px; 
	border-radius:50%; 
	color: var(--grayColor);
}

.bohgap_circleBorder:hover{
	border:2px solid var(--whiteColor);
	color: #fff;
}

.bohgap_textFooter{
	color: var(--whiteColor);
}

.bohgap_circleBorderFooter{
	border:2px solid #4b4747; 
	height:65px; 
	width:65px; 
	border-radius:50%; 
	color: var(--grayColor);
	font-size: 30px;
	margin-top: 70px;
	margin-left: 10px;
	margin-right: 10px;
}

.bohgap_circleBorderFooter:hover{
	border:2px solid var(--whiteColor);
	color: #fff;
}

.nav-link{
	font-size: 25px !important;
	padding-right: 50px !important;
	padding-right: 50px !important;
}



/* Teléfono Movil horizontal*/
@media (max-width: 766px){
	#container_logo{
		display: block; /*moviles */
	}
	#container_logoCenter{
		display: none; /*pantallas */
	}
	#bohgap_navRedes{
		padding-right: 2rem;
	}
	.bg_rss{
		size: 10px;
	}
	.bohgap_avisoFooter{
		margin-top: 20px;	
		margin-bottom: 10px;
	}
	.caption{
		font-size: 15px;
	}
}

/* Teléfono Movil Vertical*/
@media (max-width: 576px){	
	.backmenu{
		padding-top:110px;
	}
	.bohgap_svgFooter{
		margin-top:-6px;	
	} 
	#container_logo{
		display: block; /*moviles */
	}
	#container_logoCenter{
		display: none; /*pantallas */
	}
	#bohgap_navRedes{
		padding-right: 1rem;
	}
	.bohgap_avisoFooter{
		margin-top: 20px;	
		margin-bottom: 10px;
	}
	.caption{
		font-size: 15px;
	}
}

/* Tablet Movil Vertical*/
@media (max-width: 768px){ 
	#container_logo{
	display: block; /*moviles */
	}
	#container_logoCenter{
		display: none; /*pantallas */
	}
	.bohgap_avisoFooter{
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.caption{
		font-size: 12px;
		text-align: left;
	}
}

/* Tablet Movil horizontal*/
@media (max-width: 768px){ 
	#container_logo{
	display: block; /*moviles */
	}
	#container_logoCenter{
		display: none; /*pantallas */
	}
	.bohgap_avisoFooter{
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.caption{
		font-size: 12px;
		text-align: left;
	}
}

.bohgap_espacio{
	width: 200px;
}

hr{
	padding-top: 40px;
	background-color: #222222;
	padding: 5px;
}

.apartadotxt{
	position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: justify;
  }
.btnMakerSpace{
	background-color: #f93103;
	border: 0px !important;
}
.btnSteam{
	background-color: #a1309b;
	border: 0px !important;
}
.btnLearningC{
	background-color: #3CADB3;
	border: 0px !important;
}
.borderUp{
	position: relative;
	border-radius: 50px 50px 0px 0px; 
	padding-top: 40px;
	top: -5%;
	background-color: white;
}
.parallax {
  background-image: url("img/biblioteca.png");

  height: 70%; 
  text-align: center;
  padding-top: 15% !important;
  /*color: #3CADB3;*/

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.fa {
	padding-top: 15px;
  font-size: 20px !important;
  width: 50px;
  height:50px; 
  text-align: center;
  text-decoration: none;
  border-radius:  10px 10px 10px 10px;
  border:2px solid white; 
}
.fa:hover {
	border-radius:50%; 
}
.fa-facebook {
	color: white;
}

form{

	border-radius:10px;
	padding: 15px;
	background-color: #e7e9eb; 
}