/* CSS Document */



.tophome{ position: relative;  }

.lefthome{ position: relative; width: 31px; float: left; }
.righthome{ position: relative; width: 31px; float: left; }

.contenedorhome2{ position: relative; float: left; box-sizing: content-box; width: 1304px; height: 768px; overflow: hidden;  margin: auto; background-color: #ffffff;  }

.lado_iz{  /*width: calc(100% - 627px);*/ width: 677px; float: left;  overflow: hidden; }
.lado_der{ position: relative; width: calc(100% - 677px); float: right;  /*width: 627px;*/ height: 768px; }

.tex_home{ width: 432px; margin: 122px auto 0 auto; text-align: justify; font-size: 14px; overflow: hidden; }
.tex_home sup{ font-size: 7px; line-height: 7px; }

.c_rojo{ position: relative; width: 430px; background-color: #bf2c23; margin: 37px auto 0 auto; padding-bottom: 50px;  overflow: hidden; width: 95%; height: auto; }
.tex_algoritmo{ position: relative; font-size: 41.5px; line-height: 41.5px; padding: 25px 0 0 25px; }
.tex_novos{ position: relative; font-size: 26px; line-height: 36px; padding: 10px 25px 50px 25px; white-space: pre; }

.biniciar{ position: absolute; bottom:40px; right:100px; font-size: 28px; line-height: 23px; }
.raya_iniciar{ position: absolute; bottom:24px; right:90px; width: 130px; height: 9px; background-color: #ffffff;  }

.leyenda { float:left; padding-top: 45px; }
.logos { position: relative; float: right; margin-top: 40px; padding-left: 20px; }
.logo_tecnimede{ display: inline-block; vertical-align: top; margin-right: 30px; }
.logo_springer{ display: inline-block; vertical-align: top; }
.logo_tecnimede img, .logo_springer img { padding-top: 6px; }

.t10{ margin: 25px 0 0 0px; text-align: left; font-size: 10px; }
.t11{ margin: 25px 0 0 0px; text-align: left; font-size: 11px; }

.piehome{ position: absolute; bottom: 0px; }
.piehomein { position: relative; }


.contenedorhome2{ width: calc(100% - 62px); }




.lado_iz{  /*width: calc(100% - 627px);*/ width: 510px; float: left;  overflow: hidden; }
.lado_der{ position: relative; width: calc(100% - 510px); float: right;  /*width: 627px;*/ height: 768px; }	



.contenedorhome2{ height: auto; padding-bottom: 20px; }

.lado_der{ float: none; width: 95%; margin: auto; height: auto; }
.lado_iz{ float: none; width: 95%; margin: auto; }

.tex_home{ width: 93%; margin: 20px auto 0 auto; }



@media screen and (max-width:900px) {
	.tex_algoritmo {  font-size: 35px; line-height: 35px; }
	.tex_novos{ width:auto; max-width: calc(100% - 250px); font-size: 22px; line-height: 22px; }
}

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

	.c_rojo{ margin: 17px auto 0 auto; padding-bottom: 0px; }

	.tex_home{font-size: 13px; }

	.tex_algoritmo { font-size: 30px; position: relative; padding: 25px 25px 0 25px; }
	.tex_novos{ position: relative; box-sizing: border-box; padding: 10px 25px 0 25px; white-space: normal; max-width: none; }

	.biniciar{ position: relative; bottom:0px; right:0px; font-size: 23px; line-height: 23px; margin: 20px 0px 40px 0; text-align: center; }
	.biniciar a{ border-bottom: 9px solid white; }

	.raya_iniciar{ display: none; }

	.t9 { font-size:10px; }
}

@media screen and (max-width:510px) {
	.tex_home{font-size: 12px; }
	
	.tex_algoritmo { font-size: 25px; line-height: 30px; }
	.tex_novos{ font-size: 18px; line-height: 18px; }

	.leyenda { position: relative; float:none; padding: 20px 0 20px 0; text-align: center;}
	.logos { position: relative; float: none; margin-top: 10px; }
	.logo_tecnimede{ display:block; margin: 0 auto 20px auto; width: 192px; }
	.logo_springer{ display:block; margin: 0px auto; width: 178px; }

}


@media screen and (max-width:400px) {
	.tex_home{font-size: 11px; }
	
	.tex_algoritmo {font-size: 26px; line-height: 26px; }
	.tex_novos{ font-size: 14px; line-height: 14px; }

	.t9 { font-size:9px; }

}