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

.btn-animation{
	animation: fader 1s infinite;
}
@keyframes fader {
	0% {
		opacity: 1;
	}
	50% {
		opacity: 0.6;
	}
	100% {
		opacity: 1;
	}
}
.card-img {
    height: 279px;
}
.imagenes_ponentes{
	display: flex;
	justify-content: center;
}


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

/*HEADER*/
.gal img{
				
				margin: 0 auto;
				max-height: 60px;
				max-width: 220px;

			}
			
			.gal{
				display: flex;
				justify-content: center;
				align-content: center;
				align-items: center;
				flex-wrap: wrap;
			}

			.gal-header img{
				margin: 10px 20px;
				max-height: 60px;
				max-width: 220px;
			}
			.gal-header{
				display: flex;
				justify-content: center;
				align-content: center;
				align-items: center;
				flex-wrap: wrap;
			}
			@media only screen and (max-width: 1000px){
				.gal-header img,.gal img{
					max-height: 60px;
					max-width: 220px;

				}
				
				.gal{
					display: grid;
					grid-template-columns: repeat(2, 1fr);
					grid-gap: 20px 20px;
					justify-content: center;
					align-items: center;

				}

			}
			@media only screen and (max-width: 600px){
				.gal img{
					max-height: 40px;
					max-width: 180px;
				}
				.gal-header img{
					margin: 10px auto;
						max-height: 40px;
					max-width: 180px;
				}
			}
			@media only screen and (max-width: 380px){
				.gal-header img,.gal img{
					max-height: 35px;
					max-width: 150px;
				}
			}
				@media only screen and (max-width: 320px){
					.gal-header img,.gal img{
						max-height: 30px;
						max-width: 130px;
					}
				}

				
.bg-lights {
	background: white;
}

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: black;
}
.navbar-light .navbar-nav .nav-link {
	color: black;
}
.nav-item .nav-link:hover{
	color: #1630BE !important;
}

	/*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: #F4961C;
}
.titulos_reg{
	color: #D52A3F;
	text-align: center;
	font-size: 25px;
	font-weight: bold;
}
.galeria{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	justify-content: center;
	align-items: center;
	align-content: center;
	grid-gap: 40px 0px;
}

.galeria img{
	width: 190px;
}
.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;
}
.rsa{
	height: 30px !important;  
	width: 100px !important; 
	margin-left:37px !important; 
	margin-right: auto !important;
}


@media only screen and (max-width: 1200px){
	.card-img{
		max-width: 190px;
		height: 200px;
		margin-top: auto;
		margin-bottom: auto;
	}
	.hora {
	    width: 20% !important;
	}
		.lista_caja {
	    width: 80% !important;
	}
}
@media only screen and (max-width: 1000px){
	.hora {
	    width: 30% !important;
	}
		.lista_caja {
	    width: 70% !important;
	}
	.lista_caja{
		flex-direction: column;
	}
	.bold:nth-child(1) {
	    
	    padding-bottom: 10px !important;
	    width: 100% !important;
	    
	    text-align: center;
	}
	.bold:nth-child(1)::before {
	   
	    width: 0px !important;
	    height: 0px !important;
	   
	}
	.bold:nth-child(1)::after {
	   
	    width: auto !important;
	    left: 20px !important;
	    height: 3px !important;
	    right: 0 !important;
	    top: 100% !important;
	   
	}
	.bold:nth-child(2) {
    width: 100% !important;
    padding-top: 12px !important;
    text-align: center;
}
	.no-gutters{
		flex-direction: column;
	}
	.no-gutters .col-md-7{
		    max-width:100%;
	}
	.no-gutters .col-md-5{
		  max-width:100%;
	}
	.card-img{
		max-width: 80%!important;
		height: auto;
		margin-top: auto;
		margin-bottom: auto;
	}
}
@media only screen and (max-width: 754px){
	.galeria{
		display: grid;
		grid-template-columns: repeat(2, 1fr);
	}
}
@media only screen and (max-width: 600px){
	
	.galeria img{
		width: auto;
		margin: 0 auto;
	}
	.rsa{
		margin: 0 auto !important;
	}
	.galeria{
		display: grid;
		grid-template-columns: repeat(2, 1fr);
	}
	.horario{
		display: flex;
		flex-direction: column;
		text-align: center;
	}
	.imgs{
		margin-right: auto;
		margin-left: auto;
	}
}

@media only screen and (max-width: 380px){
	.galeria img{
		margin-bottom:35px;
	}
	.galeria{
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		grid-gap: 10px 0px;
	}
	.logos_alianzas{
		margin: 0 auto;
		display: flex;
		flex-direction: column;
		justify-content: space-around;
		flex-wrap: wrap;
	}
	.logos_alianzas img{
		margin-bottom: 50px;
	}
	.rsa{
		margin: 0 auto 35px auto !important;
	}
}





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



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


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

.card-title{
	font-size: 27px;
	font-family: 'Myriad Pro';
	font-weight: bold;
	/*height: 80px;*/
	line-height: 35px;
	margin-bottom: 15px !important;
	margin-top: 6px !important;
}
.card-text{
	font-size: 12px;
	line-height: 15px;
	color: #4F4F4F;
	font-weight: 500;
	min-height: 172px;
	text-align: justify;
}
.card-texts{
	border: 25px;
	color: #1630BE;
	background: #FFFFFF;
	box-shadow: 0px 3.89112px 3.89112px rgba(0, 0, 0, 0.12);
	border-radius: 26.2651px;
	font-size: 12px;
	font-weight: normal;
	padding: 4px 8px;
	font-family: 'Myriad Pro';
	display: inline-block;

	text-align: center;
	margin-bottom: 5px;
}
.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: #1630BE;
	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{
		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: #ffffff;
  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: 18px;

	/*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: #008BA1;
  }

  h2{
  	color: #F4961C;
  	text-align: center;
  	text-transform: uppercase;
  	font-weight: 700;
  	font-size: 23px;
  	margin-bottom: 30px;
  }
  h1{
  	color: #1630BE;
  	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: #1630BE;
  	border-width: 1px;
  	height: 50px;
  	padding-left: 60px;
  	border-radius: 10px;
  	/* 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: black;
  	border-width: 1px;
  	height: 50px;
			/*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;
		}
		.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;
			}
			.fondo_stands{
				background-image: url("https://stringnetlab.com/conferencia-eficiencia-energetica/site/img/fondo_stands.svg");
				background: cover;
				background-position: 100% 70%;
			}
			.btn-primary.disabled, .btn-primary:disabled{
				/*background-color: #04FFD8;
				border: none;*/
			}
			.btn-primary{
			/*background-color: #ff3fbe;
			border-color: #ff3fbe;*/
			background: #00F0FF;
			border-color:  #00F0FF;
			color: #565656;
			/*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;*/
			background: #00F0FF;
			border-color: #00F0FF;
			color: #565656;
			outline: none !important;
		}
		.btn-primary:active{
			background-color: #00F0FF !important;
			border-color: #00F0FF !important;
			outline: none !important;
			color: #565656 !important;
		}
		.btn-primary.focus, .btn-primary:focus{
			box-shadow: none !important;
		}

		#campos .form-control {
			
			border-color: black;
			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: #1630BE;
			outline: none;
			box-shadow: none;
			background: white;
		}
		/* Cambios*/
		.form-control:focus,
		.form-control:active{
			background: white;
			border-color: #1630BE;
			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: #A8C679;
	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;
}

.imagen_programa.selected, .imagen_programa2.selected{
	background: #1630BE;
	color: white;
}


.image_button{
	text-decoration: none;
}
.circle{
	width: 105px;
	height: 105px;
	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: 3px solid #1630BE;
	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: normal;
	margin-top: 25px;
}
.h1{
	color: #1630BE;
	font-size: 58px;
	font-weight: bold;
	margin-bottom: 60px;
}

	/*.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;
		}*/


		.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;
		box-shadow: 0px 4.57061px 10.1383px rgba(25, 117, 255, 0.2);
		border-radius: 28.5663px;
		display: flex;
		/* justify-content: center; */
		margin-top: 12px;
		margin-bottom: 24px;
		/*border: 1px solid #C7C7C7;*/
		padding: 14px 12px 18px 12px;
		/*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;*/ /* 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: 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: 10px;
	}
	.lista_fucsia li{
		font-size: 15px;
	}
	.lista_fucsia2 li{
		font-size: 16px;
	}
	.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: #F4961C;	
		border: 2px solid #1630BE;
		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 #F4961C;
		border-radius: 54px;
		text-align: center;
		margin-bottom: 35px;
		color: #F4961C;

	}
	.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{
		width: 100%;
		margin-bottom: 0px !important;
		padding-bottom: 0px !important;
		font-weight: bold;
		font-style: normal;
		position: relative;
		line-height: 20px;

	}
	.bold-color{
		color:#FF0000;
		text-align: center;

	}
	.bold-black{
		font-weight: bold;
		display: flex ;
		align-items: center;
		justify-content: center;
	}

	.bold:nth-child(1) {
		padding-right: 40px;
		padding-left: 40px;
		width: 60%;
		display: flex;
		flex-direction: column;
	}
	.bold:nth-child(2) {
		width:40%;
		/*padding-left: 40px;*/

		/*text-align: center;*/
	}
	.bold:nth-child(1)::before {
		content: " ";
		position: absolute;
		background: #1630BE;
		width: 6px;
		height: 100%;
		left: 0;
		top: 0;
		border-radius: 5px;
	}
	.bold:nth-child(1)::after {
		content: " ";
		position: absolute;
		background: #1630BE;
		width:6px;
		height: 100%;
		right: 0;
		top: 0;
		border-radius: 25px;
	}
	.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;*/
	width: 80%;
		margin-top: 40px;
		margin-bottom: 30px;
	}

	.hora{
			background-color: transparent;
			padding-left: 30px;
			font-weight: bold;
			font-style: normal;
			/*width: 170px;*/
			width: 20%
		}

	@media only screen and (max-width: 600px) {
		.auspiciador_logo{
			flex-direction: column;

		}

		.auspiciador_logo img{
			max-width: 80px;
		}
		.li_parrafo{
			font-size: 12px;
			text-align: justify;
			margin-left: 0;
			padding-left: 10px;
		}

		.lista_texto{
			width: 100%;
		}

		.programa{
			margin-left: 0px;
		}

	}

 @media only screen and (max-width: 1000px){
 	.hora{
 		width: 27%;
 	}
 	.lista_caja{
 		width: 73%;
 	}

 }


	@media only screen and (max-width: 700px){
		.programa{
			margin-left: 10px;
		}
		.lista_caja{
			width: 80%;
			display: flex;
			flex-direction: column;
		}

		.bold:nth-child(2) {
			width: 100%;
			padding-top: 12px !important;
			text-align: center;
		}
		.bold:nth-child(1) {
			padding-right: 20px ;
			padding-left: 20px;
			padding-bottom: 10px !important;
			width: 100%;
			margin-bottom: 10px;
			text-align: center;
		}
		.bold:nth-child(1)::before {
			content: " ";
			position: absolute;
			background: #1630BE;
			width: 0px;
			height: 0px;
			left: 0;
			top: 0;
			border-radius: 5px;
		}
		.bold:nth-child(1)::after {
			content: " ";
			position: absolute;
			background: #1630BE;
			width: auto;
			left: 20px;
			height: 3px;
			right: 0;
			top: 100%;
			border-radius: 5px;
		}
		.hora{
			padding-left: 5px;
			padding-top: 3px;
			width: 20%;
			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_white.svg);
		background-position: center center;
		background-size: contain;
		background-repeat: no-repeat;
	}
	.slick-next{
		background-image: url(/site/img/flecha_izq_white.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: 27px;
	text-align: center;
	display: block;
	max-width:800px;
	margin: 2rem auto 0;
	padding: 15px 0;
	border-radius: 5px;
	background: white;
	color: #1630BE;
	box-shadow: 0px 5.60461px 7.00576px rgba(0, 0, 0, 0.1);
	/*transform: translateY(-80%);*/


}
.h1_contendo a{
	color: #F4961C;
	font-size: 30px;
}
.h1_contendo a:hover{
	color: #F4961C;
	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: normal;*/
	color: white;
	padding: 0.7em 1.8em 0.5em 1.8em;
	background: #1630BE;
	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;
	padding: 0.7em 2.1em 0.5em 2.1em;
	min-width: 205px;
	background: #2D2926;
	border-radius: 8px;
	margin-right: 100px;
	box-shadow: 0px 5.50628px 6.88285px rgba(0, 0, 0, 0.1);
}
.button4{
	border: none;
	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: #D52A3F;
	border-radius: 8px;

	box-shadow: 0px 5.50628px 6.88285px rgba(0, 0, 0, 0.1);
}
.button:hover{
	background: #00F0FF;
}
.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: #F4961C;
	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) {

	.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: 10%;
	}

	#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:
}



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


.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: 30%;
			}
			.bold:nth-child(1) {
				padding-right: 0px;
				padding-left: 0px;
				padding-bottom: 10px !important;
				width: 100%;
				margin-bottom: 10px;
				text-align: center;
			}
			.lista_caja {
				width: 70%;
			}
			.h1_contendo {
				font-size: 18px;
				line-height: 20px;
				/*transform: translateY(-28%);*/
			}
	/*	.header .img-fluid {
		   margin-top: 40px;
		   }*/
		}



		.navbar-expand-md .navbar-nav .nav-link{
			color: black;
			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;
			}
			.hora {
				width: 40%;
			}
			
			.lista_caja {
				width: 60%;
			}
		}