/* CSS Document */

@font-face {
	font-family: Presidencia;
	src: url('./fonts/PresidenciaBase.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: Presidencia;
	src: url('./fonts/PresidenciaBase-Italicas.woff') format('woff');
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: BerlinSansFB;
	src: url('./fonts/BerlinSansFB.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

body {
	font-family: 'Presidencia', sans-serif !important;
}

.carousel-inner img {
	width: 100%;
	height: 100%;
}

nav-link:hover {
	color:#9D8D65;
}

.focus-visible {
	outline: lightgreen solid 2px !important; 
  }

.navbar{
    background-color: #261849 !important;
}
.navbar .container-fluid{
    padding: 0 32px;
}
.navbar ul.navbar-nav li.nav-item{
    margin: 0 12px;
}
.navbar ul.navbar-nav li.nav-item > a {
    color: white;
}
.navbar .dropdown-toggle::after{
    color: #eb6540;
}

.centered {
	position: absolute;
	width: 100%;
	font-size: x-large;
	text-align: left;
	left: 50%;
	color: #f1f1f1; /* Grey text */
	transform: translate(-50%, -50%);
	color:#fff;
	/* The old syntax, deprecated, but still needed, prefixed, for Opera and WebKit-based browsers */
	background: linear-gradient(top, rgba(38,24,73,0.7), rgba(102,43,32,0.7), rgba(198,118,58,0.7), rgba(216,186,115,0.7));
	/* The new syntax needed by standard-compliant browsers (IE 10 and Firefox 10 onwards), without prefix */
	background: linear-gradient(to bottom, rgba(38,24,73,0.7), rgba(102,43,32,0.7), rgba(198,118,58,0.7), rgba(216,186,115,0.7));
}
.centeredsin {
	position: absolute;
	width: 100%;
	font-size: x-large;
	text-align: left;
	left: 50%;
	color: #f1f1f1; /* Grey text */
	transform: translate(-50%, -50%);
	color:#fff;
}

.cuerpo {
	position: relative;
	width: 100%;
	/* The old syntax, deprecated, but still needed, prefixed, for Opera and WebKit-based browsers */
	/*background: linear-gradient(top, rgba(38,24,73,0.7), rgba(102,43,32,0.7), rgba(198,118,58,0.7), rgba(216,186,115,0.7));*/
	/* The new syntax needed by standard-compliant browsers (IE 10 and Firefox 10 onwards), without prefix */
	/*background: linear-gradient(to bottom, rgba(38,24,73,0.7), rgba(102,43,32,0.7), rgba(198,118,58,0.7), rgba(216,186,115,0.7));*/
	background-image: url("../../images/degradado.png"); 
	background-repeat: no-repeat;
	background-size: cover;
}

.cuerpochico {
	position: relative;
	width: 100%;
	/* The old syntax, deprecated, but still needed, prefixed, for Opera and WebKit-based browsers */
	background: linear-gradient(to bottom, rgb(38, 24, 73), rgb(198, 118, 58));
	background-size: cover;
}

.nuevo {
	position: relative;
	width: 100%;
	/* The old syntax, deprecated, but still needed, prefixed, for Opera and WebKit-based browsers */
	background: linear-gradient(top, rgba(30, 35, 68, 0.7), rgba(94,40,44,0.7));
	background: linear-gradient(to bottom, rgb(30, 35, 68), rgb(94, 40, 44));
	background-size: cover;
	font-size: 1.2em;
	text-align: justify;
}

h1.nuevo {
	font-family: 'BerlinSansFB', sans-serif !important;
	text-transform: capitalize;
}

h2.nuevo {
	font-family: 'BerlinSansFB', sans-serif !important;
}

p.nuevo {
	font-family: 'Presidencia', sans-serif !important;
	font-size: 1.2rem;
	text-align: justify;
}

.convocatorias {
	font-family: 'BerlinSansFB', sans-serif !important;
	position: relative;
	width: 100%;
	/* The old syntax, deprecated, but still needed, prefixed, for Opera and WebKit-based browsers */
	background: linear-gradient(top, rgba(206, 103,74, 0.7), rgba(2,8,70,0.7));
	background: linear-gradient(to bottom, rgb(206, 103,74), rgb(2, 8, 70));
	background-size: cover;
}

.containerconvo {
	position: relative;
	width: 80%;
	background-color:#db6a4b;
	color:#FFFFFF;
	margin-left: auto;
	margin-right: auto;
	padding: 40px;
}

.semblanza {
	position: relative;
	width: 100%;
	background-color: #261849;
}

.integrantes {
	font-family: 'BerlinSansFB', sans-serif !important;
	position: relative;
	width: 100%;
	background-color: #1E2344;
}

.concierto {
	font-family: 'BerlinSansFB', sans-serif !important;
	position: relative;
	width: 100%;
	background-color: #1E2344;
	color:#FFFFFF;
}
table.concierto{
	background-color: #1E2344;
	border: none;
}

.pie {
	position: relative;
	width: 100%;
}

.milink {
    cursor: pointer;
}

.videolink {
	cursor: pointer;
	background-color: #DFC45C;
	border-style: solid;
	border-color: #1E2344;
	border-width: 1px;
	width: 100%;
	padding-left: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 2em;
}
.videolink:hover {
	background-color: #F7572A;
}

.piencontainer {
	padding: 15px;
}

.laosn {
	position: relative;
	text-align: center;
	color: white;
	width: 100%;
}

.mimenu {
	background-color: #1e2344;
}

.quienes{
	text-align: center;
	font-size: xx-large;
}

@media only screen and (max-width: 500px) {
    .g-recaptcha {
        transform:scale(0.77);
        transform-origin:0 0;
    }
}

@media screen and (max-width: 860px) {
	.centered {
		display: none;
	}
	.centeredsin {
		display: none;
	}
	.centermovil{
		position: absolute;
		top: 40%;
		width: 100%;
		font-size: x-large;
		text-align: left;
		left: 50%;
		color: #f1f1f1; /* Grey text */
		transform: translate(-50%, -50%);
		color:#fff;
		/* The old syntax, deprecated, but still needed, prefixed, for Opera and WebKit-based browsers */
		background: linear-gradient(top, rgba(38,24,73,0.5), rgba(102,43,32,0.5), rgba(198,118,58,0.5), rgba(216,186,115,0.5));
		/* The new syntax needed by standard-compliant browsers (IE 10 and Firefox 10 onwards), without prefix */
		background: linear-gradient(to bottom, rgba(38,24,73,0.5), rgba(102,43,32,0.5), rgba(198,118,58,0.5), rgba(216,186,115,0.5));
	}
	.centermovilsin{
		position: absolute;
		top: 40%;
		width: 100%;
		font-size: x-large;
		text-align: left;
		left: 50%;
		color: #f1f1f1; /* Grey text */
		transform: translate(-50%, -50%);
		color:#fff;
	}

	.botquienes {
		border: none;
		color: white;
		padding-top: 5px;
		padding-bottom: 5px;
		padding-left: 10px;
		padding-right: 10x;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size: 10px;
		margin: 4px 2px;
		cursor: pointer;
		border-radius: 12px;
		background-color: #202340;
	  }

	  .botconvo {
		border: none;
		color: white;
		padding-top: 3px;
		padding-bottom: 3px;
		padding-left: 15px;
		padding-right: 15x;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size: 8px;
		margin: 4px 2px;
		cursor: pointer;
		border-radius: 12px;
		background-color: #202340;
	  }
	
	  .botintegrantes {
		border: none;
		color: white;
		padding-top: 5px;
		padding-bottom: 5px;
		padding-left: 10px;
		padding-right: 10px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size: 10px;
		margin: 4px 2px;
		cursor: pointer;
		border-radius: 12px;
		background-color: #cb7052;
	  }

	  .botsecciones {
		border: none;
		color: white;
		padding-top: 5px;
		padding-bottom: 5px;
		padding-left: 30px;
		padding-right: 30px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size: 2.5em;
		margin: 4px 2px;
		cursor: pointer;
		border-radius: 10px;
		background-color: #b05a4c;
		width: 100%;
	  }
}

@media screen and (min-width: 860px) {
	.centered {
		top: 50%;
	}
	.centeredsin {
		top: 35%;
	}
	.centermovil{
		display: none;
	}
	.centermovilsin{
		display: none;
	}
	.botquienes {
		border: none;
		color: white;
		padding-top: 5px;
		padding-bottom: 5px;
		padding-left: 10px;
		padding-right: 10x;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size: 10px;
		margin: 4px 2px;
		cursor: pointer;
		border-radius: 12px;
		background-color: #202340;
	  }
	  .botqconvo {
		border: none;
		color: white;
		padding-top: 3px;
		padding-bottom: 3px;
		padding-left: 15px;
		padding-right: 15x;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size: 18px;
		margin: 4px 2px;
		cursor: pointer;
		border-radius: 12px;
		background-color: #202340;
	  }
	
	  .botintegrantes {
		border: none;
		color: white;
		padding-top: 5px;
		padding-bottom: 5px;
		padding-left: 10px;
		padding-right: 10px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size: 10px;
		margin: 4px 2px;
		cursor: pointer;
		border-radius: 12px;
		background-color: #cb7052;
	  }

	  .botsecciones {
		border: none;
		color: white;
		padding-top: 5px;
		padding-bottom: 5px;
		padding-left: 30px;
		padding-right: 30px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size: 2.5em;
		margin: 4px 2px;
		cursor: pointer;
		border-radius: 10px;
		background-color: #b05a4c;
		width: 100%;
	  }
}

@media screen and (min-width: 1024px) {
	.centered {
		top: 40%;
	}
	.centeredsin {
		top: 40%;
	}
	.centermovil{
		display: none;
	}
	.centermovilsin{
		display: none;
	}
	.botquienes {
		border: none;
		color: white;
		padding-top: 20px;
		padding-bottom: 20px;
		padding-left: 50px;
		padding-right: 50px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size: 20px;
		margin: 4px 2px;
		cursor: pointer;
		border-radius: 12px;
		background-color: #202340;
	  }
	  .botconvo {
		border: none;
		color: white;
		padding-top: 12px;
		padding-bottom: 12px;
		padding-left: 100px;
		padding-right: 100px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size: 15px;
		margin: 4px 2px;
		cursor: pointer;
		border-radius: 12px;
		background-color: #202340;
	  }
	
	  .botintegrantes {
		border: none;
		color: white;
		padding-top: 20px;
		padding-bottom: 20px;
		padding-left: 50px;
		padding-right: 50px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size: 20px;
		margin: 4px 2px;
		cursor: pointer;
		border-radius: 12px;
		background-color: #cb7052;
	  }

	  .botsecciones {
		border: none;
		color: white;
		padding-top: 20px;
		padding-bottom: 20px;
		padding-left: 100px;
		padding-right: 100px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size: 2.5em;
		margin: 4px 2px;
		cursor: pointer;
		border-radius: 20px;
		background-color: #b05a4c;
		width: 100%;
	  }
}

h1.titulo {
	font-size: 3em;
	text-transform: uppercase;
}

h1.titulomov {
	font-size: 1.5em;
	text-transform: uppercase;
}

.circlenaran { 
	width: 50px;
	height: 50px;
	background: #e06d38; 
	-moz-border-radius: 70px; 
	-webkit-border-radius: 70px; 
	border-radius: 70px;
	color: #FFF;
}

.circlegris { 
	width: 50px;
	height: 50px;
	background: #343a4d; 
	-moz-border-radius: 70px; 
	-webkit-border-radius: 70px; 
	border-radius: 70px;
	color: #FFF;
}

.circlecafe { 
	width: 50px;
	height: 50px;
	background: #602711; 
	-moz-border-radius: 70px; 
	-webkit-border-radius: 70px; 
	border-radius: 70px;
	color: #FFF;
}

.circleverde { 
	width: 50px;
	height: 50px;
	background: #5b9694; 
	-moz-border-radius: 70px; 
	-webkit-border-radius: 70px; 
	border-radius: 70px;
	color: #FFF;
}

.center {
	color: #FFF;
	margin: 0;
	position: relative;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.container {
	width: 80%;
	position: relative;
	margin: auto;
}

.acercade {
	background-color: #d4d4fb;
}

#cuenta {
	display: flex;
	justify-content: center;
}

@media screen and (max-width: 540px) {
	.simply-days-section {
		background: #e06d38;
		width: 100px;
		height: 80px;
		-moz-border-radius: 170px; 
		-webkit-border-radius: 170px; 
		border-radius: 170px;
		color: #FFF;
		text-align: center;
		display: flex;
		align-items: center;
		justify-content: center;
		margin-left: 5px;
		margin-right: 5px;
	}

	.simply-hours-section {
		background: #343a4d; 
		width: 100px;
		height: 80px;
		-moz-border-radius: 170px; 
		-webkit-border-radius: 170px; 
		border-radius: 170px;
		color: #FFF;
		text-align: center;
		display: flex;
		align-items: center;
		justify-content: center;
		margin-left: 5px;
		margin-right: 5px;
	}

	.simply-minutes-section {
		background: #602711; 
		width: 100px;
		height: 80px;
		-moz-border-radius: 170px; 
		-webkit-border-radius: 170px; 
		border-radius: 170px;
		color: #FFF;
		text-align: center;
		display: flex;
		align-items: center;
		justify-content: center;
		margin-left: 5px;
		margin-right: 5px;
	}

	.simply-seconds-section {
		background: #5b9694;
		width: 100px;
		height: 80px;
		-moz-border-radius: 170px; 
		-webkit-border-radius: 170px; 
		border-radius: 170px;
		color: #FFF;
		text-align: center;
		display: flex;
		align-items: center;
		justify-content: center;
		margin-left: 5px;
		margin-right: 5px;
	}
	.simply-amount {
		display: block;
		font-weight: 300;
		font-size: 15px;
	}
	.simply-word {
		font-weight: 150;
		font-size: 10px;
	}

	.prensitatitulo {
		background: #e06d38;
		color: #FFFFFF;
		text-align: center;
	}
}

@media screen and (min-width: 540px) {
	.simply-days-section {
		width: 110px;
		height: 110px;
		background: #e06d38; 
		-moz-border-radius: 70px; 
		-webkit-border-radius: 70px; 
		border-radius: 70px;
		color: #FFF;
		text-align: center;
		display: flex;
		align-items: center;
		justify-content: center;
		margin-left: 15px;
		margin-right: 15px;
	}

	.simply-hours-section {
		width: 110px;
		height: 110px;
		background: #343a4d; 
		-moz-border-radius: 70px; 
		-webkit-border-radius: 70px; 
		border-radius: 70px;
		color: #FFF;
		text-align: center;
		display: flex;
		align-items: center;
		justify-content: center;
		margin-left: 15px;
		margin-right: 15px;
	}

	.simply-minutes-section {
		width: 110px;
		height: 110px;
		background: #602711; 
		-moz-border-radius: 70px; 
		-webkit-border-radius: 70px; 
		border-radius: 70px;
		color: #FFF;
		text-align: center;
		display: flex;
		align-items: center;
		justify-content: center;
		margin-left: 15px;
		margin-right: 15px;
	}

	.simply-seconds-section {
		width: 110px;
		height: 110px;
		background: #5b9694; 
		-moz-border-radius: 70px; 
		-webkit-border-radius: 70px; 
		border-radius: 70px;
		color: #FFF;
		text-align: center;
		display: flex;
		align-items: center;
		justify-content: center;
		margin-left: 15px;
		margin-right: 15px;
	}
	
	.simply-amount {
		display: block;
		font-weight: 500;
		font-size: 30px;
	}
	
	.simply-word {
		font-weight: 150;
		font-size: 15px;
	}

	.iniprensa {
		background-image: url('../../images/prensa_inicio.jpg');
		height: 770px;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		position: relative;
	}
	.prensitatitulo {
		display: none;
	}
}

iframe {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.embebido {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}
.video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.lainfo {
	font-size: 20px;
	color:#FFFFFF;
	padding-left: 5%;
}

.losintegrantes {
	text-decoration: none;
	color: #FFFFFF;
}

.contacto {
	background-image: url('../../images/headers/header_contacto.jpg');
	color:#FFFFFF;
	background-position: center;
	background-size: cover;
	height: 1500px;
}

 /* unvisited link */
 a.losintegrantes:link {
	text-decoration: none;
  }
  
  /* visited link */
  a.losintegrantes:visited {
	text-decoration: none;
  }
  
  /* mouse over link */
  a.losintegrantes:hover {
	text-decoration: none;
  }
  
  /* selected link */
  a.losintegrantes:active {
	text-decoration: none;
  }

/*Slide*/
.slideTitle{
    background-color: #eb6540;
    color: white;
    padding: 10px 0;
    text-align: center;
}
.slideTitle h2{
    margin-bottom: 0;
}
.splide__arrows .splide__arrow{
    background-color: #dfbb66;
    opacity: 1;
    width: 3em;
    height: 3em;
}
.splide__arrow--prev{
    left: -1em !important;
}
.splide__arrow--next {
    right: -1em !important;
}

.col-container {
    display: table; /* Make the container element behave like a table */
    width: 100%; /* Set full-width to expand the whole page */
}

.vertical-center {
	margin: 0;
	position: absolute;
	top: 50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 100%;
  }

  .imgcontainer {
	position: relative;
	/*max-width: 800px; /* Maximum width */
	margin: 0 auto; /* Center it */
	margin-top: 30px;
	margin-bottom: 30px;
	margin-left: 30px;
	margin-right: 30px;
	border-style: solid;
	border-width: 5px;
	border-color: #d56d4b;
  }
  
  .content {
	/*position: absolute; /* Position the background text */
	/*bottom: 0; /* At the bottom. Use top:0 to append it to the top */
	background: rgb(0, 0, 0); /* Fallback color */
	background: rgba(0, 0, 0, 0.5); /* Black background with 0.5 opacity */
	color: #f1f1f1; /* Grey text */
	width: 100%; /* Full width */
	/*padding-left: 10px; 
	padding-right: 10px;*/
  }


.container img {vertical-align: middle;}

.titconcert {
	font-size: 3rem;
	color:#FFFFFF;
}

.cuadritos {
	font-size: 1.8rem;
	color:#FFFFFF;
	border-style: solid; 
	border-width: 5px; 
	border-color: #d56d4b; 
	width:90%;
}

.regisrtate {
	font-size: 1.8rem;
	color:#FFFFFF;
	background-color: #ea6540; 
	width:100%;
	padding: 5%;
}

/* change the link color */
.navbar-nav .navbar-nav .nav-link {
    color: rgba(157,141,101,.5);
}

/* change the color of active or hovered links */
.navbar-nav .nav-item.active .nav-link,
.navbar-nav .nav-item:hover .nav-link {
    color: #9D8D65;
}

.elheader {
    position: relative;
  	text-align: center;
	color: orange;	
}

.centrito {
	position: absolute;
	width: 100%;
	font-size: x-large;
	text-align: center;
	left: 50%;
    top: 50%;
    font-size: 8vw;
    font-weight: 600;
	color: #f1f1f1; /* Grey text */
	transform: translate(-50%, -50%);
    text-decoration: underline #f1f1f1;
    text-transform: uppercase;
}