/* Show it's not fixed to the top */
body {
	/*min-height: 75rem;*/
	background-color: white;
}
/*SELECT*/

.stc{
	position: relative;
}
.stc .span{
	border-radius: 15.5938px;
	height: 50px !important;
	border: 1px solid #4DB5C2;
	width: 100%;
	padding-left: 60px;
	padding-top: 12.5px;
	margin-bottom: 10px;

}
.stc .span.is-invalid{
	border: 1px solid #dc3545;
}
.select-option.active{
	visibility: visible;
}

.select-option{
	position: absolute;
	visibility: hidden;
	width: 100%;
	height: 60px !important;
	bottom: -90%;
	background: #FFFFFF;
	box-shadow: 0px 3.64635px 3.64635px rgba(0, 0, 0, 0.25);
	border-radius: 21.8781px;
	display: flex;
	justify-content: space-around;
	align-items: center;
	padding-top: 17px;
	z-index: 5;

}
.option-select{
	display: block;
	position: relative;
	padding-left: 25px;
	margin-bottom: 5px;
	cursor: pointer;
	font-size: 16px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.option-select input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
}
.option-select .checkmark {
	position: absolute;
	top: 3px;
	left: 0;
	height: 16px;
	width: 16px;
	/*background-color: #eee;*/
	border: 1px solid #4DB5C2;
	border-radius: 50%;
}
/* On mouse-over, add a grey background color */
.option-select:hover input ~ .checkmark {
	background-color: #1975FF;
}

/* When the radio button is checked, add a blue background */
.option-select input:checked ~ .checkmark {
	background-color: #1975FF;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

/* Show the indicator (dot/circle) when checked */
.option-select input:checked ~ .checkmark:after {
	display: block;
}

/* Style the indicator (dot/circle) */
.option-select .checkmark:after {
	top: 9px;
	left: 9px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: transparent;
}
.invalid-feedback{
	position: absolute;
	bottom: -40%;
}

/*FINAL SELECT*/


.fecha::-webkit-inner-spin-button {
	display: none;
}
.fecha::-webkit-calendar-picker-indicator {
	opacity: 0;
	position: absolute;
	left: 0;
	width: 150px;
}

/*HEADER*/
.navbar-light .navbar-nav .nav-link:hover {
	color: #bdc3c7 !important;
}
.bg-lights {
	background: transparent !important;
}

nav .logo {
	padding: 10px 0;
}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
	color: white;
}
.navbar-light .navbar-nav .nav-link {
	color: white;
}
/*HEADER*/


.position{
	position: absolute;
	top: 0;
	width: 100%;
}
.h1_gal{
	font-size: 25px;
	margin-top: 30px;
	color: #000000;
	font-weight: normal;
}
.logos_inic{
	width: 220px;
	height: 60px;
}
.img-lg{
	margin-right: 50px;
}

/*stans*/
.btn1{
	position: absolute;
	bottom: 15%;
	left: 8%;

}
.btn2{
	position: absolute;
	bottom: 15%;
	left: 30%;

}
.underline{
	width: 230px;
	height: 1px;
	background-color: #D52A3F;
}
.titulos_reg{
	color: #D52A3F;
	text-align: center;
	font-size: 25px;
	font-weight: bold;
}
.galeria{
	display: grid;
	grid-template-columns: repeat(7, 1fr);
	justify-content: center;
	align-items: center;
	align-content: center;
	grid-gap: 5px 0px;
}

.galeria img{
	/*width: 190px;*/
	height: 100px;
	margin: 0 auto;
}
.horario  span, .horario p{
	font-weight: bold;
}
.imgs{
	margin-right: 110px; margin-left: 50px;
}
.logos_alianzas{
	margin: 0 auto;
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
}
.logos_alianzas img{
	margin-bottom: 1rem;
}

@media only screen and (max-width: 1000px){
	.galeria{
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		justify-content: center;
		align-items: center;
		align-content: center;
		grid-gap: 30px 0px;
	}
	
	
}
@media only screen and (max-width: 754px){

	.galeria{
		grid-template-columns: repeat(2, 1fr);
	}

	
}

@media only screen and (max-width: 600px){
	
	.horario{
		display: flex;
		flex-direction: column;
		text-align: center;
	}
	.imgs{
		margin-right: auto;
		margin-left: auto;
	}
}

.footer_lg p{
	color: white;
	font-size: 14px;
	font-weight: normal;
	margin-bottom: 0px;
}



h1,h2,h3,h4,h5,h6{
	font-family: 'Myriad Pro';
}


.imagenes_ponentes img{
	border-radius: 10px 0 0 10px;

}

.card-title, .card-text, .card-title1{
	margin-top: 0;
	color: 	#333333;
	font-family: 'Myriad Pro';
}

.card-title{
	font-size: 32px;
	font-family: 'Myriad Pro';
	font-weight: bold;
	height: 80px;
	line-height: 35px;
	margin-bottom: 8px !important;
	margin-top: 6px !important;
}
.card-text{
	font-size: 12px;
	line-height: 15px;
	color: #4F4F4F;
	font-weight: 500;
}
.card-texts{
	border: 25px;
	color: black;
	background: #FFFFFF;
	box-shadow: 0px 2.65241px 19.893px rgb(0 0 0 / 25%);
	max-width: 180px;
	font-size: 12px;
	padding: 4px 8px;
	font-family: 'Myriad Pro';
	font-weight: normal !important;
	text-align: center;
	border-radius: 25px;
	margin-bottom: 0px;
}
.card{
	background: #FFFFFF;
	box-shadow: 0px 2.65241px 19.893px rgba(0, 0, 0, 0.25);
	border-radius: 12.3709px;
}
.li_exp{
	margin-right: 3px;
}

.li_parrafo{
	font-size: 14px;
	text-align: justify;
	margin-left: 180px;
}
#expositores{
	margin-top: 30px;
	margin-bottom: 70px;
	font-weight: bold;
	font-size: 55px;
	color: #E4342E;
	font-family: 'Myriad Pro';

}
.ul_expositores{
	margin-left: 0px;
	padding-left: 10px;
}
.ul_expositores li{
	margin-bottom: 0px;
	margin-top: 0px;
	line-height: 5px;
}
.card .card-body{
	height: 360px;
}
.img-card{
	width: 45px;
	height: 45px;
	border-radius: 100%;
	margin-bottom: 20px;
	position: absolute;
	top: 0;
	right: 0;
}
.cards-title{
	position: relative;
}
.card-title{
	width: 245px;
	padding-top: 5px;
	margin-right: 0px;
	color: #333333;
}

#box_emoji_stickers b{
	display: none !important
}
.x_blab{
	padding: 0px !important;
}
*{
	font-family: 'Myriad Pro' !important;
	font-style: normal;
	/*font-family: 'Open Sans', sans-serif;*/
}
b, strong{
	font-weight: 500;
}
.bg-black{
	background-color: black !important;
}
#user_motto{
	/*display: none !important;*/
}
.container_chat{
	/*padding-left: 20px;
*/}
/* Sticky footer styles
-------------------------------------------------- */
html {
	position: relative;
	min-height: 100%;
}
.wlink{
	text-decoration: none;
	color: white;
}
.wlink:hover{
	text-decoration: none;
	color: white;
}

.btn-top-net{
	background-color: transparent;
	border-width: 0px;
}
.texto_bienvenida{
	text-align: center;
	font-weight: 600;
	font-size: 20px;
}

#ponentes_in > div{
	background-color: transparent;
	text-align: center
}

body {
	/* Margin bottom by footer height */
	margin-bottom: 0px;
}
.footer {
  /*position: absolute;
  bottom: 0;*/
  width: 100%;
  /* Set the fixed height of the footer here */
  height:60px;
  /*line-height: 60px; *//* Vertically center the text there */
  font-weight: 600;
  background: #F9F9F9;
  display: flex;
  align-items: center;
}
.pie{
	color: white;
	font-size: 19px;
	font-weight: bold;
}
nav{
	background-color: black;
}

.sociales a{
	margin-left: 0px;
	margin-right: 30px;
}
.sociales a img{
	width: 22px;
	height:22px;
}

/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

body > .container {
	padding: 60px 15px 0;
}
.navbar-nav .nav-link{
	font-size: 15px;

	/*font-family: 'Myriad Pro';
	font-weight: bold;*/
}


.navbar-expand-md .navbar-nav .nav-link{
	/* padding-left: 2rem; */
	font-weight: 600;
	font-family: 'Myriad Pro';

}
.footer > .container {
	padding-right: 15px;
	padding-left: 15px;

}


code {
	font-size: 80%;
}

.footer .logo{
	width: 110px;
	margin-top: 10px;
	margin-right: 50px;
}
/*.logo:nth-child(2){
	width: 120px;
	}*/
	.nombre_evento{
		background-color: transparent;
		flex-wrap: wrap;
		line-height: 18px;
		padding-left: 30px;
	}

	.top_registro{
		width: 100%;
	}
	.btn-a .button {
		border: none;
		font-family: 'Myriad Pro';
		font-style: normal;
		font-weight: bold;
		font-size: 19.272px;
		line-height: 29px;
		text-align: center;
		text-transform: uppercase;
		color: white;
		padding: 0.55em 2em;

		background: linear-gradient(90deg, #0F6B9E 0.02%, #1474A1 16.1%, #238CA7 42.3%, #3BB4B2 75.19%, #50D6BC 100%);
		border-radius: 11.2908px;
		box-shadow: 0px 5.50628px 6.88285px rgb(0 0 0 / 10%);
	}
	.btn-a a:hover{
		background: black;
		color: white;
	}

	@media only screen and (max-width: 600px) {
		#ponentes_top > div{
			padding-left: 25px;
			padding-right: 25px;
		}
		#expositores{
			margin-bottom: 70px;


		}

		nav .logo{
			width: 90px;
		}
		.footer .logo{
			width: 90px;
			height: 60px;

		}

		.sociales a{
			margin-right: 10px;
		}
		.sociales a img{
			width: 20px;
			height: 20px;
		}
		.nombre_evento span{
			display: block;
			font-size: 14px;
		}
		.nombre_evento{
			padding-left: 10px;
		}
		.navbar-expand-md .navbar-nav .nav-link{
			padding-left: .5rem;
		}


	}
	.form-group{
		width: 100%;
		margin-bottom: 40px;
	}


	.bg-black {
		background-color: white;
	}
	.top_registro {
		max-width: 100%;
		display: block;
		margin: 0 auto;

	}
	.text_titulo{
		text-align: center;
		color: white;
		position: absolute;
		padding: 15px 50px 15px 50px;
		background: white;
		color: black;

	}
	.bg-black {
		background-color: white;
	}
/*.top_registro {
  max-width: 960px;
  margin: 0 auto;
  display: block;
}
.top_registro img {
  margin-bottom: -7.3%;
  }*/
  .h1_programa{
  	font-size: 65px;
  	margin-top: 60px;
  	margin-bottom: 40px;
  	font-weight: bold;
  	color: #8DC63F;
  }

  h2{
  	color: #EF1D26;
  	text-align: center;
  	text-transform: uppercase;
  	font-weight: 700;
  	font-size: 23px;
  	margin-bottom: 30px;
  }
  h1{
  	color: #004C95;
  	text-align: center;
  	font-weight: 700;
  	margin-bottom: 30px;
  	margin-top: 5px;
  }
  .forgot{
  	text-decoration: none;
  	font-size: 14px;
  	color: #EF1D26;
  	margin-bottom: 10px;
  }
  .forgot a{
  	color: #EF1D26;
  }

  .pad_square{
  	width: 163px;
  	height: 211px;
  	margin: 0 auto;
  	display: block;
  }
  select{
  	margin-bottom: 15px;
  }
  .alert{
  	padding: 0px;
  }
  .alert-error{
  	text-align: center;
  }
  .error{
  	color: red;
  	text-align: center;
  	font-size: 13px;
  	margin-bottom: 10px;
  }
  .custom-select.is-valid, .form-control.is-valid, .was-validated .custom-select:valid, .was-validated .form-control:valid{
  	border-color: black;
  }

  input.form-control {
  	border-color: #4DB5C2;
  	border-width: 1px;
  	border-radius: 15.5938px;
  	height: 50px;
  	padding-left: 60px;
  	/* background-image: url("/amerom/registro/img/ico1.svg") !important; */
  	background-repeat: no-repeat;
  	background-position: left calc(.975em + .1875rem) center !important;
  	background-size: 19px;
  	margin-bottom: 10px;
  	background: white;
  	font-style: normal;

  }
  input.form-control::placeholder {
  	
  }

  select.form-control{
  	border-color: #4DB5C2;
  	border-width: 1px;
  	border-radius: 15.5938px;
  	height: 50px !important;
			/*background-image: url("/amerom/registro/img/ico1.svg") !important;
			background-repeat: no-repeat;
			background-position: left calc(.975em + .1875rem) center !important;
			background-size: 19px;*/
			margin-bottom: 10px;
			background: white;
			padding-left: 60px;
			flex: 1 1 calc(100% - 55px);
		}
		

		
		.form-group {
			position: relative
		}

		.form-group .icono {
			position: absolute;
			top: 25px;
			left: 1.5rem;
			margin: auto;
			width: 23px;
			height: 23px;
			transform: translateY(-50%);

		}
		.i{
			position: absolute;
			top: 10px;
			right: 19px;
			pointer-events: none;
		}
		.i img{
			width: 12px;
		}
		select{
			appearance: none;
			-webkit-appearance: none;
			-moz-appearance: none;
		}

		input.form-control.pass {
			/* background-image: url("/amerom/img/candado.svg") !important; */
		}


		.form-group {
			display: flex;
			flex-wrap: wrap;
		}
		.form-group .icono{
			flex: 0 0 40px;
			margin-right: 15px;
		}
		.radios{
			display: flex;
			margin-top: 20px;
		}
		.radios div:last-child{
			margin-left: 20px;
		}
		@media only screen and (max-width: 600px) {
			.radios{
				display: flex;
				flex-direction: column;
			}
			.radios div:last-child{
				margin-left: 0px;
				}.texto_bienvenida{
					font-size: 16px;
				}
			}
			.small{
				font-size: 12px;
			}
			.small a{
				font-weight: bold;
				color: black;
			}
			.modalidad-pago{
				width: 100%;
				height: 40px;
				margin-bottom: 15px;
			}
			h5{
				font-size: 16px;
				color: #EF1D26;
				font-weight: 700;
				margin-top: 30px;
			}
			.disclaimer{
				font-size: 11px;
			}
			.legal_text{
				font-size: 16px;
				color: black;
			}
			.form-check-input.is-valid~.form-check-label, .was-validated .form-check-input:valid~.form-check-label{
				color: #EF1D26 !important;
			}

			.card {
				background-color: transparent;
				border: none;
			}

			fieldset {
				background-color: transparent;
			}
			
			.btn-primary.disabled, .btn-primary:disabled{
				background-color: #04FFD8;
				border: none;
			}
			.btn-primary{
			/*background-color: #ff3fbe;
			border-color: #ff3fbe;*/
			background: white;
			border-color: white;
			color: black;
			text-transform: uppercase;
			padding: 10px 30px;
			font-weight: 600;
			outline: none !important;
			/* color: #333333; */
		}

		.btn-primary.disabled,
		.btn-primary:disabled{
			background-color: #ff3fbe;
			border-color: #ff3fbe;
			opacity: .75;
		}
		.btn-primary:hover{
			background-color: #000;
			border-color: #000;
			outline: none !important;
		}
		.btn-primary:active{
			background-color: #000 !important;
			border-color: #000 !important;
			outline: none !important;
		}
		.btn-primary.focus, .btn-primary:focus{
			box-shadow: none !important;
		}

		#campos .form-control {
			
			border-color: #4DB5C2;
			border-width: 1px;
			height: 50px;
			padding-left: 60px;
			outline: none;
			order: 1;
			border-radius: 0.25rem;
			transition: none;
			font-family: 'Open Sans', sans-serif;


		}

		#campos .form-control:focus,
		#campos .form-control:active {
			border-color: #4DB5C2;
			outline: none;
			box-shadow: none;
			background: white;
		}
		/* Cambios*/
		.form-control:focus,
		.form-control:active{
			background: white;
			border-color: #4DB5C2;
			box-shadow: none;
		}


		.input-group {
			border-color: white;
			border-width: 2px;
			height: 50px;
			background-size: 19px;
			font-family: 'Verdana';
		}


		.input-group {
			border-color: white;
			border-width: 2px;
			height: 50px;
			background-size: 19px;
			font-family: 'Verdana';
		}

		.input-group:focus,
		.input-group:active {
			border-color: black;
		}

		#campos .form-control:focus+.input-group-prepend .input-group-text,
		#campos .form-control:active+.input-group-prepend .input-group-text {
			border-color: black;
			outline: none;
			box-shadow: none;
		}


		.input-group .input-group-prepend {
			order: 0;
		}

		#campos .input-group-text {
			border-radius: .25rem 0 0 .25rem;
			background-color: white;
			border-color: #000;
			border-width: 2px;
			border-right: none;
		}
		input:-webkit-autofill,
		input:-webkit-autofill:hover,
		input:-webkit-autofill:focus,
		input:-webkit-autofill:active  {
			-webkit-box-shadow: 0 0 0 30px white inset !important;

		}

		input:-webkit-autofill {
			-webkit-text-fill-color: black !important;

		}

		.black_content{
			background-color: white;
			color: black;
			border-radius: 50px;
			border-radius: 50px;
			padding-bottom: 50px;
		}
		.image_button{
	/*max-width: 290px;
	opacity: 0.5;*/
	background: #2C3088;
	padding: 15px 60px;
	color: white;
	font-weight: 700;
	border-radius: 10px;
	font-size: 20px;
}
.image_button2{
	background: #4DB5C2;
	padding: 15px 83px;
	color: white;
	font-weight: 700;
	font-size: 20px;

}
.image_button:hover{
	color: white;
	text-decoration: none;
	background: black;
}
.image_button img{
	width: 100%;
	max-width: 320px;
}
.botonera_programa{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.imagen_programa  img{
	margin-right: 10px;
}
.imagen_programa2  img{
	margin-right: 10px;
}
.imagen_programa a:hover, .imagen_programa2 a:hover{
	color: black;
	text-decoration: none;
}
.img-candelario{
	background-image: url('https://informatecausa.stringnetlab.com/site/img/calendario_blue.svg');
	width: 26px;
	height: 26px;
	background-size: cover;
	background-repeat: no-repeat;
	margin-right: 10px;
}
.img-candelario.selected{
	background-image: url('https://informatecausa.stringnetlab.com/site/img/calendario1.svg');
	width: 26px;
	height: 26px;
	background-size: cover;
	background-repeat: no-repeat;
	margin-right: 10px;
}

.imagen_programa.selected{
	background: #4DB5C2;
	color: white;
	
}
.imagen_programa2.selected{
	background: #4DB5C2;
	color: white;
}
.imagen_programa3.selected{
	background: #4DB5C2;
	color: white;
}

.image_button{
	text-decoration: none;
}
.circle{
	width: 105px;
	height: 105px;
	/*background: #D52A3F;*/
	/*background: linear-gradient(0deg, #0F6B9E -0.02%, #1474A1 16.07%, #238CA7 42.29%, #3BB4B2 75.19%, #50D6BC 100.03%);*/
	/*box-shadow: 0px 5.20852px 19.5319px rgba(0, 0, 0, 0.25), inset 0px 5.20852px 49.4809px rgba(0, 0, 0, 0.25);*/
	border-radius: 50%;
	display: flex;
	text-align: center;
	align-items: center;
	justify-content: center;
}
.counter_content {
	display: flex;
	justify-content: space-around;
	margin-top: 30px;
	margin-bottom: 50px;
	width: 60%;
	margin: 0 auto;
	margin-top: 25px;
	max-width: 1500px;

}
.counter_item {
	text-align: center;
	
}
.counter_item .nro{
	border: 4px solid #FFD94E;
	font-size: 45px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: bold;
	color: #00F0FF;
	line-height: 45px;
	width: 95px;
	height: 95px;
	border-radius: 100%;
	background: white;
	/*border: 3px solid #0066FF ;*/
}

.counter_item .label{
	color: #000000;
	text-transform: uppercase;
	font-weight: bold;
	margin-top: 25px;
}
.h1{
	color: #4DB5C2;
	font-size: 58px;
	font-weight: bold;
	margin-bottom: 60px;
}
@media only screen and (max-width: 500px){
	.h1{  
		font-size: 35px; 
	}
}
.fondo_programa{
	box-shadow: 0px 4px 40px rgb(0 0 0 / 25%);
	border-radius: 20px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-top: 40px;
	
	margin: 0 auto 100px auto;
}
.hora{
	background-color: transparent;
	padding-left: 30px;
	font-weight: bold;
	font-style: normal;
	width: 170px;
}

.smaller{
	font-size: 10px !important;
}
.fucsia{
	color: #EF1D26;
}
.fucsia:hover{
	color: #EF1D26;
}

.lista_fucsia{
	list-style: none;
	padding-left: 0px;


}
.programa{
	margin-left: 10px;
}

.lista_fucsia li::before {
	content: ' ';  /* Add content: \2022 is the CSS Code/unicode for a bullet */
	background-image: url('img/flecha_lista.svg');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	color: red; /* Change the color */
	font-weight: bold; /* If you want it to be bold */
	display: inline-block; /* Needed to add space between the bullet and the text */
	width: 8px; /* Also needed for space (tweak if needed) */
	height: 8px;
	margin-right: 7px; /* Also needed for space (tweak if needed) */
}
.texto_lista{
	max-width: 452px;
}
.lista_fucsia3{
	list-style: none;
	padding-left: 0px;
}
.lista_fucsia3 li{
	background-color: transparent;
	display: flex;
	margin-top: 20px;
	margin-bottom: 20px;
}
.lista_fucsia3 li::before {
	content: ' ';  /* Add content: \2022 is the CSS Code/unicode for a bullet */
	background-image: url('img/flecha_lista3.svg');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	color: red; /* Change the color */
	font-weight: bold; /* If you want it to be bold */
	display: inline-block; /* Needed to add space between the bullet and the text */
	width: 25px; /* Also needed for space (tweak if needed) */
	height: 25px;
	margin-right: 7px; /* Also needed for space (tweak if needed) */
}

.lista_fucsia2{
	list-style: none;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-top: 20px;
	/*box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.25);*/
	/*border: 4px solid #00FFFF;*/
	border-radius: 20px;
	margin-bottom: 50px;
}

/*.lista_fucsia2 .col-md-12{
	padding-left: 70px;
	padding-right: 70px;
	}*/

	.lista_fucsia2 li{
		/*background-color: transparent;*/
		background: #FFFFFF;
		display: flex;
		/*justify-content: center;*/
	/*align-content: center;
	align-items: center;*/
	margin-top: 12px;
	margin-bottom: 24px;
	border: 1px solid #797979;
	padding: 20px 16px 30px 16px;
	border-radius: 19.3477px
}
.lista_fucsia2 li::before {
	/* content: ' ';*/  /* Add content: \2022 is the CSS Code/unicode for a bullet */
	/* background-image: url('img/flecha_lista2.svg');*/
  /*background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  color: red; 
  font-weight: bold; 
  display: inline-block; */
  /* width: 25px;*/ /* Also needed for space (tweak if needed) */
  /*height: 25px;*/
  /*margin-right: 5px; *//* Also needed for space (tweak if needed) */
}

.box_li span.subtab{
	margin-right: 0;
	color: #D52A3F;
	font-size: 19px;
	opacity: 0.5;
	cursor: pointer;
}
.box_li span.subtab.selected{
	opacity: 1;
}
/*.activa{
	opacity: 1 !important;
	}*/

	.a:hover,
	.a.activa{
		opacity: 1;
		text-decoration: none;
	}
	.titulos_ponentes{
		text-decoration: none;
		font-weight: 700;
		color: black;
		text-align: center;
		font-size: 16px;
		margin-bottom: 40px;
		margin-top: 50px;
	}
	h4{
		text-decoration: underline;
		font-weight: bold;
		color: #EF1D26;
		text-align: center;
		font-size: 16px;
		margin-bottom: 40px;
		margin-top: 50px;
	}
	#programa span{
		display: block;
		font-family: 'Myriad Pro';
		font-weight: 600;
		font-style: normal;
		font-size: 15px;
		margin-bottom: 8px;
		margin-top: 8px;
	}
	.lista_fucsia li{
		font-size: 15px;
	}
	.lista_fucsia2 li{
		font-size: 15px;
	}
	.lista_fucsia3 li{
		font-size: 15px;
	}
	.btn-programa{
		background: #8DC63F;
		width: 95%;
		border-radius: 25px;
		height: 53px;
		display: flex;
		align-items: center;
		justify-content: center;
		color: white;
		font-weight: bold;
		font-size: 22px;
		margin-bottom: 30px;
	}

	.logo_footer{
		max-width: 180px;
		max-height: 50px;
		margin: 0 auto;
		display: block;
		background-color: transparent;
	}

	.logo_footer_small{
		max-width: 220px;
		max-height: 70px;
		margin: 0 auto;
		display: block;
		background-color: transparent
	}


	.barra{
		background-color: #EF1D26;
		padding: 0px;
		border-radius: 6px;
		color: white;
		-webkit-box-shadow: 10px 10px 32px -5px rgba(0,0,0,0.13);
		-moz-box-shadow: 10px 10px 32px -5px rgba(0,0,0,0.13);
		box-shadow: 10px 10px 32px -5px rgba(0,0,0,0.13);
	}

	.barra .texto{
		padding: 12px;
		padding-left: 20px;
		display: flex;
		align-items: center;
	}
	.auspiciador_logo{
		display: flex;
		justify-content: center;
		align-items: center;
		background-color: #EF1D26;
		padding: 10px;
		border-top-right-radius: 5px;
		border-bottom-right-radius: 5px;

	}
	.auspiciador_logo img{
		max-height: 50px;
		margin-top: 5px;
		margin-bottom: 5px;
		margin-left: 20px;
		margin-right: 20px;
		max-width: 170px;
	}


	/*CSS NUEVO*/

	.botones a{
		color: white;
	}
	.imagen_programa{
		padding: 12px 26px;
		color: #4DB5C2;	
		border: 2px solid #4DB5C2;
		border-radius: 54px;
		text-align: center;
		margin-bottom: 35px;
		font-size: 20px;
		font-size: 17px;
		margin-right: 40px;
	}
	.imagen_programa2{
		background: #ffffff;
		font-size: 17px;
		padding: 12px 26px;
		border: 2px solid #4DB5C2;
		border-radius: 54px;
		text-align: center;
		margin-bottom: 35px;
		min-width: 230px;
		color: #4DB5C2;

	}
	.imagen_programa3{
		font-size: 17px;
		padding: 12px 26px;
		border: 2px solid #0FA600;
		border-radius: 54px;
		text-align: center;
		margin-bottom: 35px;
		color: #0FA600;

	}
	.imagen_programa2:nth-child(1){
		margin-right: 40px;
	}
	.box_programa{
		width: 100%;
		background: #E4342E;
		padding: 10px 0;
		border-radius: 25px;
	}
	.box_programa h1{
		font-size: 21px;
		color: white;
		padding-bottom: 0px;
		margin-bottom: 0px;
	}
	.box_sub h1{
		font-size: 15px;
		font-weight: normal;
		color: #333333;
		margin-top: 10px;
		margin-bottom: 10px;
	}

	.bold{
		margin-bottom: 0px ;
		padding-bottom: 0px ;
		font-weight: 700;
		font-style: normal;
		position: relative;
		font-family: roboto;
   /* border-right: 3px solid #4DB5C2;
   border-left:  3px solid #4DB5C2;*/
}
.bold:nth-child(1)::before{
	content: " ";
	position: absolute;
	background: #4DB5C2;
	width: 4px;
	height: 40px;
	left: 0;
	top: 0;
	border-radius: 5px;
}
.bold:nth-child(1)::after{
	content: " ";
	position: absolute;
	background: #4DB5C2;
	width: 4px;
	height: 40px;
	right: 0;
	top: 0;
	border-radius: 5px;
}

.bold-color{
	color:#EB5757;

}
.bold-black{
	font-weight: bold;
	text-align: center;
}
.bold:nth-child(1){
	padding-right: 40px;
	padding-left: 40px;
	width: 450px;
	
}
.bold:nth-child(2){
	padding-left: 20px;
	width: 350px;
	/*width: 340px;*/
	/*margin-right: 15px;*/
}
.hora1{
	text-align: center;
	width: 219px;
}
.hora2{
	text-align: center;
	width: 70px;
}
.hora3{
	width: 355px;
	text-align: right;
	
}
/*.lista_caja{
	width: 700px;
	
	}*/
	.lista_texto{
		width: 700px;
		margin-top: 40px;
		margin-bottom: 30px;
	}
	.botones{
		justify-content: center;
		align-content: center;
		align-content: center;
		flex-wrap: wrap;
		
	}
	@media only screen and (max-width: 1100px) {
		.bold:nth-child(1){
			padding-right: 40px;
			padding-left: 40px;
			width: 300px;
			
		}
		.bold:nth-child(2){
			padding-left: 20px;
			width: 330px;
			/*width: 340px;*/
			/*margin-right: 15px;*/
		}

	}

	@media only screen and (max-width: 995px){
		.bold:nth-child(1) {
			width:300px;
		}
		.bold:nth-child(2) {
			
			width:180px;
		}
		.hora {
			background-color: transparent;
			padding-left: 10px;
			font-weight: bold;
			font-style: normal;
			width: 122px;
		}
	}
	@media only screen and (max-width: 600px) {
		.bold:nth-child(2) {
			
			width:100%;
		}
		.bold:nth-child(1) {
			
			width:100%;
		}
		.auspiciador_logo{
			flex-direction: column;

		}
		.botones{
			flex-direction: column;
		}

		.auspiciador_logo img{
			max-width: 80px;
		}
		.li_parrafo{
			font-size: 12px;
			text-align: justify;
			margin-left: 0;
			padding-left: 10px;
		}
	/*.bold{
		width: 170px;
		}*/
		.lista_caja{
			width: 290px;
		}
		.lista_texto{
			width: 100%;
		}

		.programa{
			margin-left: 0px;
		}
		.lista_caja {
			width: 100%;
			flex-direction: column;
			margin-left: 5px;
		}
		.bold:nth-child(1){
			padding-right: 20px;
			padding-left: 20px;
			padding-bottom: 12px;
			width: 100% ;
			margin-bottom: 10px;
		}
		.bold:nth-child(1)::before{
			content: " ";
			position: absolute;
			background: #4DB5C2;
			width: 0px;
			height: 0px;
			left: 0;
			top: 0;
			border-radius: 5px;
		}
		.bold:nth-child(1)::after{
			content: " ";
			position: absolute;
			background: #4DB5C2;
			width: 80%;
			left: 20px;
			height: 2px;
			right: 0;
			top: 100%;
			border-radius: 5px;
		}
		
	}



	

	@media only screen and (max-width: 699px){
		.programa{
			margin-left: 10px;
		}
		.lista_caja{
			width: 100%;
		}
		.bold{
			width: 100%;
			padding-top: 3px;
		}
		
		.hora{
			padding-left: 5px;
			padding-top: 3px;
			width: 180px;
			margin-right: 5px;
		}

		.footer .logo{
			margin-top: 0px;
			margin-right:20px;
		}

		
	}

	.auspiciador{
		width: 100%;
		display: flex;
		justify-content: center;
		flex-direction: column;
		align-items: center;
		position: relative;
		margin-top: 20px;
		padding: 2rem 0;
	}





	.auspiciador .titulo{
		text-decoration: underline;
		margin-bottom: 50px;
		color: #EF1D26;
		font-weight: 600;
	}
	.auspiciador .logo{
		max-width: 400px;
	}
	.auspiciador .logo.logo_big{
		height: 140px;
	}
	.auspiciador.dark{
		background-color: black;
	}
	.auspiciador .logo_top_au_1{
		position: absolute;
		left: 10px;
		top:10px;
	}
	.auspiciador .logo_top_au_2{
		position: absolute;
		left: 75px;
		top:18px;
	}
	.auspiciador img{
		max-height: 575px;
	}
	:focus {
		outline: -webkit-focus-ring-color auto 0px;
	}
	button:focus{
		outline: none !important;
	}
	.tablas .col-md-4 img{
		width: 100%;
	}

	@media only screen and (min-width: 699px){

		.auspiciador{
			/* min-height: 60vh; */
			display: flex;
			justify-content: center;
			flex-direction: column;
			align-items: center;
			position: relative;
			padding: 0;
			/* background-color: red; */
			margin: 0;
		}

	}

	.info_sala{
		background-color: #4A4A4A;
		font-size: 12px;
		border-radius: 10px;
		padding: 0px;
		margin-top: 20px;
		margin-bottom: 20px;
	}
	#salas{
		margin-top: 30px;
	}
	.info_sala_btn{
		background-color: #EF1D26;
		font-weight: 600;
		width: 100%;
		height: 45px;
		display: flex;
		justify-content: center;
		align-items: center;
		font-weight: 700;
		font-size: 14px;
		border-radius: 10px;
	}
	.info_sala ul li{
		padding-left: 0px;
	}
	.info_sala ul{
		padding-left: 13px;
		padding-top: 20px;
	}
	.info_sala .texto{
		padding: 17px;
		padding-top: 25px;
		min-height: 306px;
	}
	#programa .info_sala .texto .fucsia{
		font-weight: 700;
		font-size: 13px;
	}
	/* Arrows */
	.slick-prev,
	.slick-next
	{
		font-size: 0;
		line-height: 0;

		position: absolute;
		top: 50%;

		display: block;

		width: 40px;
		height: 40px;
		padding: 0;
		-webkit-transform: translate(0, -50%);
		-ms-transform: translate(0, -50%);
		transform: translate(0, -50%);

		cursor: pointer;

		color: transparent;
		border: none;
		outline: none;
		background: transparent;
		/*background-color: red;*/
		background-color: transparent;
		z-index: 200;
	}

	.slick-prev:hover:before,
	.slick-prev:focus:before,
	.slick-next:hover:before,
	.slick-next:focus:before
	{
		opacity: 1;
	}
	.slick-prev.slick-disabled:before,
	.slick-next.slick-disabled:before
	{
		opacity: .25;
	}

	.slick-prev:before,
	.slick-next:before
	{
		font-family: 'slick';
		font-size: 20px;
		line-height: 1;

		opacity: .75;
		color: white;

		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}

	.slick-prev{
		left: 5px;
		background-image: url(/site/img/flecha_der.svg);
		background-position: center center;
		background-size: contain;
		background-repeat: no-repeat;
	}
	.slick-next{
		background-image: url(/site/img/flecha_izq.svg);
		background-position: center center;
		background-size: contain;
		background-repeat: no-repeat;
		

	}
	[dir='rtl'] .slick-prev
	{
		right: -25px;
		left: auto;
	}
	.slick-prev:before
	{
		content: ' ';

	}
	[dir='rtl'] .slick-prev:before{
		content: ' ';


	}

	.slick-next
	{
		right: 5px;
	}
	[dir='rtl'] .slick-next
	{
		right: auto;
		left: 5px;
	}
	.slick-next:before
	{
		content: ' ';
	}
	[dir='rtl'] .slick-next:before
	{
		content: ' ';
	}

	.content_fucsia{
		background-color: white;
		border-radius: 10px;
		display: flex;
		justify-content: center;
		align-items: center;
		border-width: 3px;
		padding-top: 20px;
		padding-bottom: 20px;
		border-color: #EF1D26;
		border-style: solid;
	}
	@media only screen and (max-width: 600px) {

		.imagen_programa{
			margin-right: 0px !important;
		}
		.botones{
			/*flex-direction: column;*/
		}
		.imagen_programa3 b,.imagen_programa2 b,.imagen_programa b{
			font-size: 14px;
		}
		.imagen_programa3,.imagen_programa2,.imagen_programa{
			padding: 14px;
		}
		.info_sala .texto{
			min-height: auto;
		}

		.texto_lista{
			max-width: 230px;
		}
		.lista_fucsia2 li{
			font-size: 12px;

		}
		
		.counter_item .nro{
			font-size: 50px;
			font-weight: bold;
	/*border: 3px solid #0066FF ;
	border-radius: 50%;
	width: 100px;
	height: 100px;*/
}

#programa span{
	font-size: 12px;
}
.lista_fucsia3 li{
	font-size: 12px;
}
.tablas .col-md-4 img{
	margin-bottom: 20px;
}
.info_sala{
	margin-bottom: 20px;
}
.content_fucsia{
	width: 75%;
}
.auspiciador img{
	width: 100%;
}
.content_fucsia img{
	width: 100%;
}
.slick-next{
	right: 0px;
}
.slick-prev{
	left: 0px;
}

}



/*cambios*/

.titulos-principal{
	font-size: 20px;
	margin-top: 50px;
	margin-bottom: 35px;
	font-weight: 500;
}

.titulos-1{
	display: flex;
	text-align: center;
	justify-content: center;
}

.nombre{
	padding: 8px 20px;
	background: #FFFF00;
	border-radius: 50px;
	color: black;
	font-weight: 900;


}

.parrafo-principal p{

	color: black;
	margin-top: 20px;
	font-size: 15px;
	font-weight: 600px;


}
.parrafo-principal{
	margin-top: 40px;
}


.casilla{
	display: inline-block;
	width: 20px;
	height: 20px;
	border: 1px solid #A8C679;
	border-radius: 3px;
	position: absolute;
	
}

.form-check-input:checked + .casilla{
	line-height: 20px;
	text-align: center;
	font-weight: bold;
	color: black;
	font-size: 14px;
}


.form-check-input:checked + .casilla::before{
	content: "\2714"
}


.item--nombre{
	color: #EF1D26;
	/*color: white;*/
}

.caja_li{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	align-content: center;

}


.menu_inicio{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	text-align: center;
	justify-content: center;
}
.button_final{
	padding: 17px 75px;
	margin-bottom: 30px;
	background: linear-gradient(90deg, #0F6B9E 0.02%, #1474A1 16.1%, #238CA7 42.3%, #3BB4B2 75.19%, #50D6BC 100%);
	border-radius: 11.2908px;
	font-weight: 700;
	color: white;
	text-transform: uppercase;
}
.button_final:hover{
	color: white;
	text-decoration: none;
	background: black;
}

.span_1{
	padding: 5px 5px;
	border-radius: 50px;
	background: red;
	color: black;
	font-weight: 500;
	font-size: 12px;
	font-style: normal;
	display: block;
	background: #FFFFFF;
	box-shadow: 0px 4px 60px rgba(0, 0, 0, 0.25);
}
.h6_1{
	margin-top: 10px;
	font-size: 29px;
	font-weight: bold;


}
.p_1{
	font-size: 15px;

}

.h1_login{
	font-weight: bold;
	margin-top: 5px;
	font-size: 33px;
	color: white;
	text-align: right;
	text-shadow: -1px -1px 1px rgba(255,255,255,.1), 1px 1px 1px rgba(0,0,0,.5);
}


#encabezado .contenedor_menu{
	height: 560px;
	max-width: 1450px;
	background-color: #004C95;
	background-image: url("https://stringnetlab.com/FeriaVirtual360-DescubreteIAL/site/img/img_fondo.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;

	margin: 0 auto;
}

#encabezado .contenedor{
	position: relative;
	height: 550px;
	max-width: 1450px;
	background-color: #004C95;
	background-image: url("https://stringnetlab.com/FeriaVirtual360-DescubreteIAL/site/img/img_fondo.png");
	background-repeat: no-repeat;
	background-size: cover;
	margin: 0 auto;
}

#encabezado .contenedor .logo img{
	width: 550px;
	margin: auto;
	position: absolute;
	top: 18%;
	left: 70px;

}

#contendo{
	text-align: center;
}
#encabezado .contenedor .texto_logo{
	position: absolute;
	bottom: 40px;
	width: 100%;
	color: white;
	font-size: 16px;
	font-weight: bold;
	align-items: center;
	justify-content: center;
	display: flex;
}


.h1_contendo{
	font-family: 'Myriad Pro';
	font-weight: bold;
	font-style: normal;
	font-size: 40px;
	text-align: center;
	display: block;
	max-width:800px;
	margin: 2rem auto 0;
	padding: 22px 0;
	border-radius: 5px;
	background: white;
	color: #4DB5C2;
	box-shadow: 0px 4px 60px rgba(0, 0, 0, 0.25);
	transform: translateY(-80%);
}
.h1_contendo a{
	color: #8DC63F;
	font-size: 30px;
}
.h1_contendo a:hover{
	color: #8DC63F;
	text-decoration: none;
	border-bottom: 3px solid #8DC63F;
}
.button{
	border: none;
	font-weight: bold;
	font-style: normal;
	font-size: 19.272px;
	line-height: 25px;
	text-align: center;
	text-transform: uppercase;
	color: white;
	padding: 0.7em 1.8em 0.5em 1.8em;
	background: #4DB5C2;
	border-radius: 8px;
	box-shadow: 0px 5.50628px 6.88285px rgba(0, 0, 0, 0.1);
}
.button2{
	border: none;
	font-weight: bold;
	font-size: 19.272px;
	line-height: 25px;
	text-align: center;
	text-transform: none;
	color: white;
	width: 280px;
	padding: 0.7em 2.1em 0.5em 2.1em;
	min-width: 205px;
	background: #4DB5C2;
	border-radius: 8px;
	margin-right: 100px;
	box-shadow: 0px 5.50628px 6.88285px rgba(0, 0, 0, 0.1);
}
.button4{
	border: none;
	width: 280px;
	font-weight: bold;
	font-size: 19.272px;
	line-height: 25px;
	text-align: center;
	text-transform: none;
	color: white;
	min-width: 205px;
	padding: 0.7em 2.1em 0.5em 2.1em;
	background: #4DB5C2;
	border-radius: 8px;
	
	box-shadow: 0px 5.50628px 6.88285px rgba(0, 0, 0, 0.1);
}
.button:hover{
	background: black;
}
.log_1{
	padding-left: 20px;
	padding-right: 15px;
}
.progress_container{
	width: 100%;
	height: 30px;
	position: absolute;
	bottom: 80px;
	background-color: transparent;
	display: flex;justify-content: center;
	align-items: center;
}
.progress{
	width: 200px;
	height: 3px;
}



#stands .botones{
	/* outline: 1px solid red; */
	display: flex;
	/* flex-direction: column; */
	align-items: stretch;
	justify-content: center;
}


#stands .botones .btn-primary{
	padding: 10px;
	border-radius: 7px;
}
#stands .botones .btn-primary:hover{
	color: white !important;
}
#stands .botones .btn-primary span{
	display: none;
}

#stands .botones .btn{
	margin: .5rem;
	color: white;
	justify-content: center;
}


/*#stands .botones .btn img{
	max-width: 32px;
}
*/
#stands .botones .btn{
	margin: .5rem;
	color: black;
	justify-content: center;
}

#stands .slick-dots{
	display: block;
	width: 100%;
	padding: 0;
	margin: 0;

	list-style: none;

	text-align: center;

	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

#stands .slick-dots li
{
	position: relative;

	display: block;
	margin: 4px;
	padding: 0;
	cursor: pointer;
}


.slick-dots li button
{
	font-size: 0;
	line-height: 0;

	display: block;

	width: 20px;
	height: 20px;
	padding: 5px;

	cursor: pointer;

	color: transparent;
	border: 0;
	outline: none;
	background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
	outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
	opacity: 1;
}
.slick-dots li button:before
{
	font-family: 'slick';
	font-size: 6px;
	line-height: 20px;

	position: absolute;
	top: 0;
	left: 0;

	width: 20px;
	height: 20px;
	border-radius: 10px;

	content: '';
	text-align: center;

	opacity: .25;
	color: black;
	background: #FF3FBE;

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
	opacity: .75;
	color: black;
}

@media only screen and (max-width: 600px) {
	.button2{
		margin-right: 0px;
	}

	.imagen_programa2:nth-child(1){
		margin-right: 0px;
	}

	.tabla{
		margin: 0 auto;
		display: block;
	}
	.logo_footer_small{
		margin: 0 auto;
		margin-bottom: 25px;
		max-width: 130px;
		display: block;
	}
	.logo_footer{
		margin: 0 auto;
		margin-bottom: 25px;
		max-width: 130px;
		display: block;
	}
	.logo_stringnet{
		margin-top: 30px;
	}
	.flechas{
		max-width: 50px;
	}
	.counter_item .nro{
		font-size: 38px;
		/*line-height: 40px;*/
	}
	.botonera_programa{
		flex-direction: column;
	}
	.counter_content{
		width: 100%;
	}
	.card-text {
		font-size: 15px;
	}
}

@media only screen and (max-width: 600px) {
	.log_1{
		padding-left: 30px;
		padding-right: 15px;
	}
	.card .card-body{
		height: auto;
	}
	
	.card-title{
		width: 240px;
		margin-right: 0px;
	}
	.cards-title{
		justify-content: space-between;
	}

	nav .logo{
		padding: 0px 0;
	}
	.logos_inic {
		width:180px;
		height: 40px;
	}

	

}






@media only screen and (max-width: 700px) {
	#encabezado .contenedor{
		/*background-size: 100% 100%;*/
		height: 400px;
	}

	.h1_contendo{
		text-align: center;
		/*margin: 0 auto;*/
		/*padding: 0.7em 2em;*/
		padding: 0.8em 0;
		/*transform: translateY(-23%);*/
		font-size: 28px;
		line-height: 29px;
	}
	#encabezado .contenedor_menu{
		background-size: cover;
		height: 400px;
	}
	#encabezado .contenedor img{
		width: 105px;
	}
	#encabezado .contenedor .logo img{
		width: 280px;
		margin: auto;
		position: absolute;
		top: 17%;
		left: 40px;

	}

	#encabezado .contenedor .texto_logo{
		position: absolute;
		bottom: 10px;
		width: 100%;
		color: white;
		font-size: 16px;
		font-weight: bold;
		align-items: center;
		justify-content: center;
		display: flex;
	}

	h1{
		font-size: 24px;
	}
	
	#expositores{
		font-size: 42px;
	}

}


@media only screen and (min-width: 768px) {

	#stands .botones{
		flex-direction: row;
		position: absolute;
		left: 5%;
		right: 5%;
		bottom: -1%;
	}

	#stands .botones .btn-primary{
		padding: 10px 30px;
	}
}
#nav-link-logout{
	text-align: left;
}
@media only screen and (min-width: 768px) {

	#stands .botones .btn{
		margin: 0 .5rem;
	}
	#nav-link-logout{
		text-align: center;
	}
}

@media only screen and (min-width: 768px) {

	#stands .slick-prev{
		left: 0px;
	}

	#stands .slick-next{
		right: 0px;
	}


}
@media only screen and (max-width: 480px){
	.bold-black{
		font-weight: bold;
		text-align: left;
	}
	.lista_fucsia2 .col-md-12 {
		padding-left: 0px;
		padding-right: 0px;
	}
	.sociales{
		padding-top: 10px;
		padding-bottom: 15px;
	}
	.footer_lg p {
		padding-top: 13px;
		margin: 0 auto;
	}
	.footer .container{
		display: flex;
		flex-direction: column;
		height: auto;
		align-items: center;
	}

	.logos_inic {
		width:180px;
		height: 40px;
	}

	.button2{
		margin-right: 0px;
	}
	.d-flex-btn{
		display: flex;
		flex-direction: column;
	}
	.lista_fucsia2 li {
		margin-bottom: 40px;
		width:
	}

	.lista_caja{
		width: 100%;
		flex-direction: column;
		margin-left: 5px;

	}
	
	.bold{
		width: 100%;
		margin-bottom: 5px
	}
	.lista_caja p:nth-child(1){
		margin-top: 3px;
	}

	.hora{
		padding-left:5px;
		padding-top: 4px;
		width: 100px;
	}
	.box_li a{
		font-size: 17px;
		margin-right: 25px;
	}
	.btn-a .button {
		font-size: 18.772px;
		line-height: 22px;
		
		padding: 0.50em 1.5em;
	}
	.programa{
		margin-left: 0px;
	}

	.underline{
		width: 95.3%;
		
	}
	#encabezado .contenedor{
		height: 350px;
		background-size: 100% 100%;
	}
	#encabezado .contenedor img{
		width: 85px;
	}
	#encabezado .contenedor .logo img{
		width: 230px;
		margin: auto;
		position: absolute;
		top: 16%;
		left: 25px;

	}
	.circle{
		width: 90px;
		height: 90px;
	}
	.counter_item .nro {
		font-size: 38px;
		display: flex;
		align-items: center;
		justify-content: center;
		line-height: 45px;
		width: 85px;
		height: 85px;
		
	}
	.counter_item .label {
		
		font-size: 14px;
	}
	
	
	.h1_contendo{
		font-size: 22px;
		/*transform: translateY(-28%);*/
	}
	.legal_text{
		font-size:  13px;
	}
	/*	.header .img-fluid {
		   margin-top: 35px;
		   }*/

		}

		@media only screen and (max-width: 380px){

			.box_programa h1 {
				font-size: 17px;
			}
			.box_sub h1 {
				font-size: 18px;
				
			}
			.circle{
				width: 70px;
				height: 70px;
			}
			.counter_item .nro {
				font-size: 28px;
				display: flex;
				align-items: center;
				justify-content: center;
				line-height: 45px;
				width: 65px;
				height: 65px;
				
			}
			.counter_item .label {
				font-size: 14px;
			}
			.hora {
				width: 105px;
			}
			.bold:nth-child(1) {
				padding-right: 0px;
				width: 100% ;
			}
			.h1_contendo {
				font-size: 18px !important;
				transform: translateY(-28%);
			}
	/*	.header .img-fluid {
		   margin-top: 40px;
		   }*/
		}



		.navbar-expand-md .navbar-nav .nav-link{
			color: white;
			font-weight: 600;
		}
		.nav-item.active .nav-link{
			/*color: #FFF;*/
		}


		@media only screen and (max-width: 320px){
			.footer_lg p{
				font-size: 12px;
			}
			.circle{
				width: 60px;
				height: 60px;
			}
			.counter_item .nro {
				font-size: 22px;
				width: 52px;
				height: 52px;
			}
			.counter_item .label {
				font-size: 12px;
				margin-top: 10px;
			}
		}