/*------Formato General de Etiquetas------*/
*
{
	margin: 0;
	padding: 0;
}
html {
  scroll-behavior: smooth;
}
body
{
	font-family: 'Roboto', sans-serif;
  text-align: justify;
}

/*---------Fijar la Barra de Navegación -------*/

#nav-bar
{
	position: sticky;
	top: 0;
	z-index: 10;
}

/*---------Formato de la Barra de Navegación -------*/
.navbar
{
	background: #073277;
	padding: 0 !important;

}
.navbar-brand img
{
	height: 45px;
  width: 50px;
	padding-left: 20px;
}
.navbar-nav li
{
	padding: 0 10px;
}

.navbar-nav li a
{
	color: #fff !important;
	font-weight: 400;
	float: right;
	text-align: center;
}
.fa-bars
{
	color: #fff;
	font-size: 30px !important;
}
.navbar-toggler
{
	outline: none !important;
}

/*----------Sección Banner ---------*/

#banner
{
  background: url("../img/cover.png");
  background-size: cover;
	color: black;
	padding-top: 5%;
  padding-bottom: 5%;
}

.bien {
  background: #fff;
}


.promo-title
{
	font-size: 40px;
	font-weight: 600;
	margin-top: 30px;
  margin-bottom: 20px;
  font-family: 'Playfair Display', serif;
  opacity: 1;
}
.bottom-img
{
	width: auto;
}
/*---------------Historia---------------*/
#historia
{
  background: #fff;
  padding-bottom: 50px;
	padding-top: 100px;
}

.historia-title
{
	font-size: 40px;
  font-family: 'Playfair Display', serif;
	font-weight: 500;
	margin-bottom: 3%;
  color:  #500d0a;
}

.hist-img
{
	width: 500px;
  height: 500px;
	margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 20px;
}

.histp-img
{
	width: 700px;
  height: 700px;
	margin-top: 20px;
	margin-bottom: 20px;
}

.historia
{
	padding: 20px;
}
/*---------------horarios---------------*/
#horarios
{
	background: #fff;
	padding-bottom: 50px;
	padding-top: 50px;
}

.horarios-title
{
  font-size: 40px;
  font-family: 'Playfair Display', serif;
	font-weight: 500;
	margin-bottom: 3%;
  color:  #500d0a;
}

.hor-img
{
	width: 500px;
  height: 500px;
	margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 20px;
}

#horarios ul li
{
	margin: 10px 0;
}
#horarios ul
{
	margin-left: 30px;
}
/*-------------------Seminaristas en Familia---------------*/
#sem-fam
{
	background: #fff;
	padding-bottom: 50px;
	padding-top: 50px;
}
.sem-fam-title
{
  font-size: 40px;
  font-family: 'Playfair Display', serif;
	font-weight: 500;
	margin-bottom: 3%;
  color:  #500d0a;
}

.fam-img
{
	width: 500px;
  height: 500px;
	margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 20px;
}

.famp-img
{
	width: 700px;
  height: 700px;
	margin-top: 20px;
	margin-bottom: 20px;
}

/*-------------------Seminario Menor Querétaro---------------*/
#sem-qro
{
	background: #fff;
	padding-bottom: 50px;
	padding-top: 50px;
}
.sem-qro-title
{
  font-size: 40px;
  font-family: 'Playfair Display', serif;
	font-weight: 500;
	margin-bottom: 5%;
  color:  #500d0a;
}

.qro-img
{
	width: 500px;
  height: 500px;
	margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 20px;
}

.qrop-img
{
	width: 700px;
  height: 700px;
	margin-top: 20px;
	margin-bottom: 20px;
}

/*-------------------Seminario Menor Concá---------------*/
#sem-conca
{
	background: #fff;
	padding-bottom: 50px;
	padding-top: 50px;
}
.sem-conca-title
{
  font-size: 35px;
  font-family: 'Playfair Display', serif;
	font-weight: 500;
	margin-bottom: 5%;
  color:  #500d0a;
}

.conca-img
{
	width: 500px;
  height: 500px;
	margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 20px;
}

.concap-img
{
	width: 700px;
  height: 700px;
	margin-top: 20px;
	margin-bottom: 20px;
}

/*-------------------Curso Introductorio---------------*/
#curso
{
	background: #fff;
	padding-bottom: 50px;
	padding-top: 50px;
}
.curso-title
{
  font-size: 35px;
  font-family: 'Playfair Display', serif;
	font-weight: 500;
	margin-bottom: 5%;
  color:  #500d0a;
}

.curso-img
{
	width: 500px;
  height: 500px;
	margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 20px;
}

.cursop-img
{
	width: 700px;
  height: 700px;
	margin-top: 20px;
	margin-bottom: 20px;
}
/*-------------------Seminario Mayor---------------*/
#sem-may
{
	background: #fff;
	padding-bottom: 50px;
	padding-top: 50px;
}
.sem-may-title
{
  font-size: 35px;
  font-family: 'Playfair Display', serif;
	font-weight: 500;
	margin-bottom: 5%;
  color:  #500d0a;
}

.mayor-img
{
	width: 500px;
  height: 500px;
	margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 20px;
}

.mayorp-img
{
	width: 700px;
  height: 700px;
	margin-top: 20px;
	margin-bottom: 20px;
}
/*-------------------Vocaciones---------------*/
#vocaciones
{
	background: #fff;
	padding-bottom: 50px;
	padding-top: 50px;
}
.vocaciones-title
{
  font-size: 35px;
  font-family: 'Playfair Display', serif;
	font-weight: 500;
	margin-bottom: 5%;
  color:  #500d0a;
}

.voc-img
{
	width: 500px;
  height: 500px;
	margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 20px;
}

.vocp-img
{
	width: 700px;
  height: 700px;
	margin-top: 20px;
	margin-bottom: 20px;
}
/*-------------------Sabías que...---------------*/
#sabs-que
{
	background: #fff;
	padding-bottom: 50px;
	padding-top: 50px;
}

.faq-title
{
  font-size: 35px;
  font-family: 'Playfair Display', serif;
	font-weight: 500;
	margin-bottom: 5%;
  color:  #500d0a;
}

.faq-img
{
	width: 500px;
  height: 500px;
	margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 20px;
}

.faqp-img
{
	width: 700px;
  height: 700px;
	margin-top: 20px;
	margin-bottom: 20px;
}

/*-------------------Ayuda Seminario---------------*/
#ayuda-sem
{
	background: #fff;
	padding-top: 50px;
	padding-bottom: 150px;
}
.ayuda-title
{
  font-size: 35px;
  font-family: 'Playfair Display', serif;
	font-weight: 500;
	margin-bottom: 5%;
  color:  #500d0a;
}

.ayuda-img
{
	width: 500px;
  height: 500px;
	margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 20px;
}

/*----------------------footer--------------*/
#footer
{
	background: #073277;
	color: #fff;
  text-align: center;
  padding: 25px 0 0 0;
}
.footer-box
{
	padding: 20px
}
.footer-box p
{
	line-height: 1;
}
.footer-box img
{
	width: 80px;
	margin-bottom: 20px;
}
.social{
  padding-top: 130px
}
hr
{
	background-color: #fff;
}
.copyright
{
	margin-bottom: 0;
	padding-bottom: 20px;
	text-align: center;
}

/*------Redes Sociales----------*/

.fa {
  padding: 20px;
  font-size: 50px;
  width: 50px;
  text-align: center;
  text-decoration: none;
  border-radius: 50%;
}

/* Efecto al pasar por el ícono */
.fa:hover {
  opacity: 0.7;
}

/* Color de los logos */

/* Facebook */
.fa-facebook {
  background: #3B5998;
  color: white;
}

/* Instagram */
.fa-instagram {
  background: #C13584;
  color: white;
}

/* YouTube */
.fa-youtube {
  background: #bb0000;
  color: white;
}
/*---------Adicionales-----------------------*/
h1 {
  color:  #500d0a;
}

.par {
  text-align: justify;
}

.btn {
  font-family: 'Roboto', sans-serif;
}

ul li
{
	margin: 10px 0;
}
ul
{
	margin-left: 30px;
}

.tpv{
	font-size: 30px;
	color: #073277;
}