html{
	width: 100%;
	height: 100%;
	font-size: 14px;
	box-sizing: border-box;
}
body {
	font-family: 'Poppins';
	min-height: 100%;
	position: relative;
}
h1,h2,h3 {
	font-weight: 600;
}

.h1, .h2, .h3, h1, h2, h3 {
    margin-top: 20px;
    margin-bottom: 10px;
}

.navbar-fixed-top#navbar_offset{
	top: 0;
  left: 0;
	right: 0;
  z-index: 1;
	position: fixed;
}

button.navbar-toggler:focus{
	box-shadow: unset;
}
ul.navbar-nav li.dropdown a {
	color: #033866;
}
ul.navbar-nav li.dropdown a:hover {
	color: #6EAB3F;
}


/* General */
.section {
	padding: 70px 0;
}
.btn {
	border-radius: 0;
}
.btn-default {
	background-color: #033866;
	color: white;
}
.btn-inverse {
	background-color: transparent;
	border: 2px solid white;
	color:#fff;
	font-weight:900;
	-moz-transition: 0.25s linear;
	-webkit-transition: 0.25s linear;
	transition: 0.25s linear;
	color: #6EAB3F;
border: 2px solid #6EAB3F;
}

.btn-inverse:after{
	content:'\f061';
	font-family: FontAwesome;
	font-weight:100;
	padding-left:5px;
}
.btn-inverse.back:after{
	content:'';
}
.btn-inverse.back:before{
	content:'\f060' !important;
	font-family: FontAwesome;
	font-weight:100;
	padding-right:5px;
}

.contact-form .btn-inverse{
	color:#033866;
	border: 2px solid #033866;
}

.btn-inverse:hover {
	background: rgba(255,255,255,.9);
	border:2px solid #ccc !important;
	color: #033866 !important;
}
label {
	color: #033866;
}
.form-control {
	border-radius: 0;
}
/* Navbar */
.navbar {
	background-color: transparent;
	border-color: transparent;
}

.navbar-brand > img{
	width: 170px;
	top: 0;
	position: absolute;
}

.navbar-default > li > a{
	color:#033866 !important;
}

.navbar-default > li > a:hover{
	color:#6EAB3F !important;
}

.navbar-default > li > a.active{
	color:#6EAB3F !important;
}


a.navbar-brand {
	padding: 0;
	margin-left: 30px;
}
.navbar-style {
	background-color: rgba(255,255,255,.9);
	padding: 15px;
}
.navbar-header a.navbar-brand {
	/* margin-left: 0 !important; */
	margin-left: 50px !important;
}
/* Main */
.main-squares {
	padding: 10px 20px;
	color: white;
	min-height: 240px;
}
.main-squares a {
	bottom: 10px;
	position: absolute;
}
.main-squares h3{
	font-size:23px;
}

.main-squares.color-white h3{
	color:#6EAB3F;
}
.main-squares.color-white .btn-inverse{
	color:#6EAB3F;
	border:2px solid #6EAB3F;
}

.main-background {
	background: url("../img/servicios/banners/banner_home.jpg");
	background-size: cover;
	min-height: 100%;
	width:100%;
	height: 75vh;
	background-repeat: no-repeat;
}

.login-background {
	background: url("../img/servicios/banners/banner_login.jpg");
	background-size: cover;
	min-height: 100%;
	width:100%;
	height: 75vh;
	background-repeat: no-repeat;
}
.validacovid19-background {
	background: url("../img/servicios/prueba-covid-19/valida-prueba-covid-19.jpg");
	background-size: cover;
	min-height: 100%;
	width:100%;
	height: 135vh;
	background-repeat: no-repeat;
}

.submain-background {
	background: url("../../img/servicios/banners/banner_home.jpg");
	background-size: cover;
	min-height: 100%;
	width:100%;
	height: 75vh;
	background-repeat: no-repeat;
}
@media only screen and (max-width: 768px){
	.main-background {
		background: url("../img/servicios/banners/banner_home_mov.jpg");
	}
	.submain-background {
		background: url("../../img/servicios/banners/banner_home_mov.jpg");
	}
}
@media only screen and (max-width: 376px){
	.main-background.home_b{
		height: 36vh;
	}
	.main-background {
		height: 105vh;
    background-repeat: no-repeat !important;
		background: url("../img/servicios/banners/banner_home_375.jpg");
	}	
	.submain-background.home_b{
		height: 36vh;
	}
	.submain-background {
		height: 105vh;
    background-repeat: no-repeat !important;
		background: url("../img/servicios/banners/banner_home_375.jpg");
	}
}

.main-background h1 {
	font-size: 60px;
}
.main-background h1,
.main-background h4 {
	color: #003473;
	font-weight: 100;
	/* text-shadow: 2px 5px 5px rgba(0,0,0,0.5); */
}
.main-background .main-margin {
	margin: 150px 0;
}
.main-background .main-margin-en {
	margin: 150px 0;
	margin-bottom: 0px;
}

.submain-background h1 {
	font-size: 60px;
}
.submain-background h1,
.submain-background h4 {
	color: #003473;
	font-weight: 100;
	/* text-shadow: 2px 5px 5px rgba(0,0,0,0.5); */
}
.submain-background .main-margin {
	margin: 150px 0;
}
.submain-background .main-margin-en {
	margin: 150px 0;
	margin-bottom: 0px;
}

.color-gray {
	background-color: #aaa;
}
.color-white {
	background-color: #fff;
}
.color-dark-gray {
	background-color: #666;
}
.color-green {
	background-color: #6EAB3F;
}
.color-blue {
	background-color: #033866;
}


/* About */
.about-background {
	background:url("../en/img/mom-smiling-and-baby.png") center 15%;
	background-size: cover;
}
.about-square {
	padding: 20px;
	color: white;
	position: relative;
	bottom: -80px;
}
.about-square div.row {
	padding: 20px 0;
}
.about-square h3 {
	line-height: 0;
}
.about-square p {
	margin-top: 10px;
}
.about-squares {
	padding: 20px 10px;
	height: 300px;
	color: white;
	min-width: 20%;
	border:8px solid #fff;
	text-align: center;
}
.about-squares:first-child {  background: url('../img/about-squares-01.png') no-repeat center; }
.about-squares:nth-child(2) { background: url('../img/about-squares-02-g.png') no-repeat center; }
.about-squares:nth-child(3) { background: url('../img/about-squares-03.png') no-repeat center; }
.about-squares:nth-child(4) { background: url('../img/about-squares-04-g.png') no-repeat center; }
.about-squares:nth-child(5) { background: url('../img/about-squares-05.png') no-repeat center; }
.about-squares:nth-child(6) { background: url('../img/about-squares-06-g.png') no-repeat center; }
.about-squares:nth-child(7) { background: url('../img/about-squares-07.png') no-repeat center; }
.about-squares:nth-child(8) { background: url('../img/about-squares-08-g.png') no-repeat center; }
.about-squares:nth-child(9) { background: url('../img/about-squares-09.png') no-repeat center; }
.about-squares:nth-child(10) { background: url('../img/about-squares-10-g.png') no-repeat center; }

.about-mosaic{
	padding:0 8px;
}

.about-squares h4{
	min-height:100px;
	margin-top: 80px;
}

/*.about-squares:first-child:hover{background:linear-gradient(to bottom, rgba(3, 56, 102,0.75) 0%,rgba(3, 56, 102,0.75) 100%), url('../img/about-squares-01.png') no-repeat;}
*/
/*
.about-squares:hover h4,
.about-squares:hover h3,
.about-squares:hover hr{
display:none;
}

.about-squares .roll{
background:rgba(3,56,102,.8);
 width: 100%;
	opacity:0;
	font-size:12px;
	text-align: left;
	font-style: italic;
	padding: 20px 15px;
	position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transition: opacity .5s ease-in-out;
    -webkit-transition: opacity .5s ease-in-out;
    -moz-transition: opacity .5s ease-in-out;
    -o-transition: opacity .5s ease-in-out;
}

.about-squares:hover .roll{
opacity:1;
}

*/

/* Contact */
.contact-background {
	background: url("../img/baby-1.jpg") center;
	background-size: cover;
}
.contact-form {
	background-color: rgba(250,250,250,0.9);
	border-radius: 0;
}
.contact-form h1 {
	color: #033866;
}
.contact-form hr {
	border-color: #033866;
}

/*Value*/
.value-background {
	background: #aaa;
	background-size: cover;
	min-height:800px;
}

/* Services */
.service-background {
	background:#fff;
}
.service-background .main-margin {
    margin: 150px 0;
    margin-bottom: 50px;
}

.service-background h1,.service-background h4{
	color:#666;
	text-shadow: none;
}

.service p{
	text-align:justify;
	height:180px;
}


.service-squares {
	padding: 20px 10px;
	height: 150px;
	color: white;

}
.service-squares:first-child  { background: url('../img/1.jpg') no-repeat center top;background-size:cover; }
.service-squares:nth-child(2) { background: url('../img/2.jpg') no-repeat center;background-size:cover;  }
.service-squares:nth-child(3) { background: url('../img/3.jpg') no-repeat center;background-size:cover;  }
.service-squares:nth-child(4) { background: url('../img/4.jpg') no-repeat center;background-size:cover;  }

.service-squares-dos {
	padding: 20px 10px;
	height: 150px;
	color: white;

}
.service-squares-dos:first-child  { background: url('../img/4.jpg') no-repeat center top;background-size:cover; }
.service-squares-dos:nth-child(2) { background: url('../img/Genomik_Curso_EIM_Portada.png') no-repeat center;background-size:cover;  }
.services-background {
	padding:20px;
	height:120px;
	display:block;
	bottom: 75px;
	position: relative;
	font-size:14px;
	color:#000;
	margin-bottom:-70px;
}
.service .btn-inverse{
    color: #6EAB3F;
    border: 2px solid #6EAB3F;
    display: block;
	width: 200px;
}
.service .btn-inverse:after{
	content:'\f08e';
	font-family: FontAwesome;
	font-weight:100;
	padding-left:5px;
}

.services-background img{
	margin-bottom:20px;
}
.services-background.green {
	background:rgba(110, 171, 63,.6);
}
.services-background.blue {
	background:rgba(3, 56, 102,.6);
}

.services-text {
	margin: 50%;
}
/* Footer */
footer {
	background-color: #666;
	color: white;
	width:100%;

}
footer a{
	color:#fff;
}

.footer-squares {
	padding: 20px;
}

.footer-squares h5{
	text-transform:uppercase;
}

.footer-squares h5:after{
	content:'';
	margin-top:5px;
	height:1px;
	width:150px;
	background:#fff;
	display:block;
}

.footer-squares p, .footer-squares li{
	font-size:12px;
}
.footer-squares li{margin:10px 0px}
.footer-squares li i{font-size:16px;}
.footer-social {
	color: white;
	text-align: -webkit-center;
}
.footer-social a {
	color: white;
	margin-right: 10px;
	text-decoration: none;
	-webkit-transition: 0.25s linear;
	-moz-transition: 0.25s linear;
	transition: 0.25s linear;
}
.footer-social a:hover {
	color: #6EAB3F
}


@media (min-width: 1600px) {
.main-square{
    margin-top: 150px;}
}

/* Unete */
.unete-background {
	background: url("../img/bolsatrabajo.png") center;
	background-size: cover;
}
/* Aviso privacidad en footer */
.footer-aviso{
	color:#6EAB3F;
}

.footer-aviso:hover{
	color:white;
}


/* estilos Pagina Informacion curso*/


 .main-margininfo .info {
	 font-size: 40px;
}
.main-margininfo .infosec {
	font-size: 15px;
	text-align: justify;

}
.sombra {
	background:rgb(252, 249, 249);
}
.img{
	padding: 10px;
	margin: 10px;

}
.img-tam{
	width: 30px;
	height: 30px;
}
.fondo-blue{
	background: rgb(4, 44, 97);
}
.c-parrafo{
	color: #fff;
	display: flex;

}

.equipo-gk{
	padding: 5px 10px 0;

}
.img-equipo{
	display:flex;

}

.primera{
	font-size: 15px;
}
.segundo{
	font-size: 12px;
}

.main-margininfo {
	margin: 5px 0 30px;

}
.img-sidebar{
	width: 100%;
  height: auto;
}
.fondo-gris{
	background: rgb(214, 214, 214);
}
.stilo-sidebar{
	margin: 0px 0;
	padding: 0px;
}
.flotante{
	position: absolute;
	display: inline-block;
	background: rgb(214, 214, 214);
	width: 17%;

}
.btn-s{
	padding: 10px;
}
.btn-uno{


	margin: 10px;

}
.btn-dos{


	margin: 10px;
}
.com-info{
	padding: 20px 0 0;
	text-align: center;
}
.img-com{
	width: 30px;
	height: 30px;
	color: rgb(17, 79, 212);
}
.input-s{
	border-radius: 7px;
	width: auto;
}
.zona-form{
	padding: 5% 0 0;
	margin: 7%;
	text-align: center;
}

.div-reg{
	background-color: #ededed;
}
.ingrese-info{
	text-align: center;
}
.ingrese-info h5{
	font-size: 20px;
}
hr{

background: #042c61;
border: solid #042c61;

}
.div-azul{
	padding: 20px;
	text-align: justify;
}
.div-informacion{
	text-align: justify;
}

.btn-whatsapp {
	display:block;
	width:70px;
	height:70px;
	color:#fff;
	position: fixed;
	right:20px;
	bottom:20px;
	border-radius:50%;
	line-height:80px;
	text-align:center;
	z-index:999;

}
.tam-gen{
width: 80px;
height: 80px;
}

.accordion {
  margin-bottom: 40px;
}
.accordion .panel-heading {
  background: #fff;
  padding: 0;
}
.accordion .panel-heading a {
  font-size: 15px;
  padding: 17px 16px;
  display: block;
  color: #3078EF;
}
.accordion .panel-heading a .fa {
  transition: transform 200ms ease-in-out;
  margin-right: 10px;
  transform: rotate(90deg);
}
.accordion .panel-heading a.collapsed {
  color: #555;
}
.accordion .panel-heading a.collapsed .fa {
  transform: rotate(0deg);
}
.accordion .panel-heading + .panel-collapse .panel-body {
  border-top: 0;
  padding: 3px 20px 20px 34px;
}
.accordion .panel {
  border-radius: 2px;
  -webkit-border-radius: 2px;
  border-bottom: 0;
  border-left: 1px solid #ECECEC;
  border-right: 1px solid #ECECEC;
  margin-bottom: 5px;
  border-top: 0;
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.04);
}
.accordion .panel:first-child {
  border-top: 0;
}
.accordion.panel-group .panel + .panel {
  margin-top: 0px;
}


.accordion.accordion-semi .panel-heading a {
	background-color: #042c61;
	color: #FFF;
	transition: background-color 200ms ease-in-out;
	border-bottom: 1px solid #2188de;
  }
.accordion.accordion-semi .panel-heading.success a {
  background-color: #60C060;
  border-bottom: 1px solid #54A754;
}
.accordion.accordion-semi .panel-heading.warning a {
  background-color: #FC9700;
  border-bottom: 1px solid #D68000;
}
.accordion.accordion-semi .panel-heading.danger a {
  background-color: #DA4932;
  border-bottom: 1px solid #CA452E;
}
.accordion.accordion-semi .panel-heading a.collapsed {
  background-color: #FFF;
  color: #555;
  border-bottom: 0;
}
.accordion.accordion-semi .panel-collapse .panel-body {
  padding: 15px 20px 20px 34px;
}
.about-square-screening {
    margin-left: 0px; bottom: 0px;
}
.infosecleft {
    font-size: 15px;
    text-align: left;
}
.f25 {
	font-size: 25px;
}
.f14 {
	font-size: 14px;
}
.verde{
	color:#6eab3f;
}
.tamik-background {
	background:url("../img/banner_2_.png") center 15%;
	background-size: cover;
	min-height: 100%;
	width:100%;
}
.fazul {
	color:#405c91;
}

a {
    color: #033866;
    text-decoration: none;
}
.nav>li>a {
    position: relative;
    display: block;
    padding: 10px 15px;
}
.nav>li>a:hover {
	color: #6EAB3F;
}

.navbar>.container, .navbar>.container-fluid, .navbar>.container-lg, .navbar>.container-md, .navbar>.container-sm, .navbar>.container-xl, .navbar>.container-xxl {
display: block;
}

.navbar-brand > img {
    position: unset;
}

.navbar-collapse{
    margin-top: 0%;

}
.navbar-toggler{
	float: right !important;
margin-top: 1%;
}
