/* CSS Document */

.tophome{ display: block; width:100%; height: 30px; background-color: #c12569; }

.contenedorhome { display: table; }

.lefthome{ display: table-cell; vertical-align: top; width: calc(50vw - 550px); background: url("../img/left_home.png") center center no-repeat; background-size: 100% 100%; }
.righthome{ display: table-cell; vertical-align: top; width: calc(50vw - 550px); background: url("../img/right_home.png") center center no-repeat; background-size: 100% 100%; }

.contenedorhome2{ display: table-cell; vertical-align: top; box-sizing: content-box; width: calc(100% - 60px); max-width: 1100px; height: auto; padding-bottom: 30px; overflow: hidden; margin-bottom: 30px; background-color: #ffffff;  }

.lado_iz{ position: relative; margin: auto; }
.lado_der{ position: relative; margin: auto; height: auto; }

.tex_home{ width: calc(100% - 60px); margin: -20px auto 0 auto; text-align: justify; font-size: 11px; line-height: 12px; overflow: hidden; }
.tex_home sup{ font-size: 7px; line-height: 7px; }

.c_rojo{ position: relative; width: 100%; height: auto; }
.tex_algoritmo { position: relative; font-size: 39px; line-height: 39px; padding: 20px 20px 40px 20px; background:#c12569 url("../img/fondo_home.gif") center bottom no-repeat; background-size: cover; }
.tex_algoritmo sup { font-size: 50%; line-height: 40%; }
.pie_cabecera { position: relative; height:120px; background:#c12569 url("../img/fondo_home2.gif") center bottom no-repeat; background-size: 100% 100%; }

.biniciar{ position: absolute; bottom:88px; right:60px; font-size: 23px; line-height: 23px; }
.raya_iniciar{ position: absolute; bottom:72px; right:17px; width: 136px; height: 9px; background-color: #ffffff;  }

.logos { display:flex; text-align:center; padding-top: 20px; }
.logos .logo{ display:inline-block; vertical-align: top; text-align: center; margin: 20px auto 0px auto; padding: 0px 10px; }
.logos .logo_texto { display:inline-block; vertical-align: top; margin: 20px auto 0px auto; min-width: 220px; font-size: 14px; line-height: 15px; text-align: left; padding: 0px 10px; }

.t9{ margin: 25px 0 0 0px; text-align: left; font-size: 9px; }
.t10{ margin: 15px 0 0 0px; text-align: right; font-size: 10px; }

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


@media screen and (max-width:1160px) {
	.lefthome{ width: 30px; }
	.righthome{ width: 30px; }
}

@media screen and (max-width:1035px) {
	.tex_algoritmo { white-space: pre; }
}

@media screen and (max-width:900px) {
	.logos { display:block; }
}

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

	.tex_novos{ position: relative; box-sizing: border-box; font-size: 25px; line-height: 25px; padding: 10px 25px 0 25px; white-space: normal;  }
	.tex_algoritmo { font-size: 35px; line-height: 35px; }

	.biniciar{ bottom:88px; right:55px; font-size: 20px; line-height: 20px; }
	.raya_iniciar{ bottom:75px; right:17px; width: 116px; height: 7px; }
	
	.logos .logo_texto { font-size: 13px; line-height: 14px; }

}

@media screen and (max-width:610px) {
	.tex_algoritmo { font-size: 30px; line-height: 30px; white-space: normal; }

	.biniciar{ bottom:88px; right:50px; font-size: 17px; line-height: 17px; }
	.raya_iniciar{ bottom:78px; right:21px; width: 96px; height: 5px; }
}

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

	.tex_algoritmo { font-size: 25px; line-height: 25px; }
	.logo_tecnimede{ position: relative; float: none; margin: 40px auto 20px auto; width: 192px; }
	.logo_springer{ position: relative; float: none; margin: 0px auto; width: 178px; }

	.biniciar{ bottom:88px; right:40px; font-size: 14px; line-height: 14px; }
	.raya_iniciar{ bottom:82px; right:20px; width: 74px; height: 3px; }
	
	.logos .logo_texto { font-size: 12px; line-height: 13px; }
}

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

	.tex_algoritmo { font-size: 20px; line-height: 20px; }

	.biniciar{ bottom:88px; right:30px; font-size: 12px; line-height: 12px; }
	.raya_iniciar{ bottom:82px; right:10px; width: 68px; height: 3px; }
}
@media screen and (max-width:360px) {

	.tex_algoritmo { font-size: 16px; line-height: 16px; }

}