/* CSS Document */

body { background-color: #ffffff !important; overflow-x: hidden; }

.cabecera{ width: 100%; background:#c12569 url("../img/cabecera.gif") right center no-repeat; background-size: auto 100%; padding: 20px 10px; min-height: 104px; text-align: center; }

.tex_algoritmo{ display: inline-block; vertical-align: middle; font-size: 39px; padding: 5px 0px 0 0px; max-width: 950px; margin:auto; text-align: left; white-space: pre; }
.tex_algoritmo sup { font-size: 50%; }

.logo_tecnimede{ display: inline-block; vertical-align: middle; padding: 20px 20px; }
.logo_springer{ display: inline-block; vertical-align: middle; padding: 20px 20px; }

.piehome{ position: relative; margin: 20px 0;  }
.piehomein { position: relative; text-align: center; }

@media screen and (max-width:1600px) {
	.tex_algoritmo{ padding: 5px 25% 0 30px; max-width: inherit; }
}

@media screen and (max-width:1300px) {
	.cabecera{ text-align: left; }
	.tex_algoritmo { font-size: 34px; padding: 10px 25% 0 30px; }
}

@media screen and (max-width:1160px) {
	.cabecera{ background-position: right 10% center; }
	.tex_algoritmo { font-size: 30px; padding: 15px 25% 0 20px; }
}

@media screen and (max-width:1024px) {
	.cabecera{ background-position: right 15% center; }
	.tex_algoritmo { font-size: 26px; padding: 20px 25% 0 20px; }
}

@media screen and (max-width:900px) {
	.tex_algoritmo { font-size: 22px; padding: 25px 25% 0 20px; }
}

@media screen and (max-width:790px) {
	.cabecera{ background-position: right 25% center; }
	.cabecera { box-sizing: border-box; height: auto; padding: 20px 10px;}
	.tex_algoritmo { white-space: normal; padding: 5px 28% 0 20px; }
}

@media screen and (max-width:630px) {
	.logo_tecnimede{ max-width: 40%; padding: 10px; margin: auto; }
	.logo_springer{ max-width: 40%; margin: auto; padding: 10px; }
}

@media screen and (max-width:550px) {
	.tex_algoritmo { font-size: 18px; line-height: 20px; }
}

@media screen and (max-width:450px) {
	.tex_algoritmo { font-size: 15px; line-height: 17px; }
}



/* ------------------------------------ generales slides -------------------------------------------- */

.slide{ display:none; position: relative; margin: 50px auto 0 auto; overflow: hidden; width: 1010px; opacity: 0; text-align: center; /*border:1px solid red;*/ min-height: calc(100vh - 325px);  }

.box_tit{ overflow: hidden; width: 960px; max-width: 100%; margin:0 auto 35px auto; }

.icono { width: 120px; margin: auto; }
.icono img { max-width:100%; }

.tit_slide{ font-size: 25px; text-align: center; box-sizing: border-box; padding-bottom: 20px; font-weight: 600; }
.tit_slide a { text-decoration:underline; color: #ac215e; font-weight: 600; }
.tit_slide sup { font-size: 50%; }
.subtit_slide{ font-size: 20px; text-align: left; padding-bottom: 10px; }
.subtit_slide sup { font-size: 50%; }
.subtit_slide b { font-weight: 600; }

.flota_izq{ display:inline-block; vertical-align: top; max-width: calc(100% - 170px) !important; text-align: left; margin-right: 20px; margin-bottom: 20px; }
.flota_der{ float: right; }
.display_inlineblock{ display: inline-block; vertical-align: top; }

.box_botones{ font-size: 0px; text-align: center; width: 1000px; max-width: 100%; margin: auto; }
.bcontinuar{ border-radius: 20px; background-color: #ac215e; width: 458px; max-width: 45%; height: 94px; font-size: 18px; text-align: center; margin: 0 1% 20px 1%; padding: 0 1%; }
.box_continuar{ width: 100%; height: 94px; display: flex; justify-content: center; align-items: center;  }
.bcontinuar:hover{ background-color: #470e27; }
.bcontinuar2{ border-radius: 20px; background-color: #ac215e; width: 358px; max-width: 29%; height: 94px; font-size: 18px; text-align: center; margin: 0 1% 20px 1%; padding: 0 1%; }
.bcontinuar2:hover{ background-color: #470e27; }
.boton_especial { display:inline-block; width:calc(100% - 150px); }

.box_opciones{ font-size: 20px; width:1000px; max-width: 100%; text-align: left; margin: 0 auto 0px auto; }
.box_opciones ul { list-style-image: url('../img/bull.png'); margin: 0; padding: 0 0 0 2rem; }
.box_opciones li { padding-bottom: 15px; line-height: 140%; }
.box_opciones li a { text-decoration: underline; color: #ac215e; }
.box_opciones b { color: #ac215e; font-weight: 600; }


.tex_final{ font-size: 20px; text-align: center; text-transform: uppercase; margin: 30px 0; }
.box_pdf{ font-size: 0px; overflow: hidden; text-align: center; margin-bottom: 15px;  }
.bpdf{ font-size: 14px; text-align: center; display: inline-block; margin: 0 70px 25px 70px; }
.bpdf img{ width: 47px; margin: 0 auto 10px auto;  }

.leyenda{ text-align: left; font-size: 14px; margin: 10px 20px 20px 20px; }

@media screen and (max-width:1023px) {
	.slide{ width: 90%; }
}

@media screen and (max-width:820px) {
	.slide{ margin: 40px auto 0 auto;  }
	.flota_izq{ float:none; max-width: 98% !important; }
	.tit_slide { max-width: 100%; text-align: center; }
	.icono { float: none; margin: 0 auto 20px auto; width: 100px; }
	.box_tit{ overflow: hidden; width: 100%; float: none !important; margin:0 auto 25px auto; }
	.box_tit .tit_slide{ width: 100%; }
	.boton_especial { display:block; margin:auto; width: inherit; max-width: 97%; }
}

@media screen and (max-width:600px) {
	.slide{ margin: 30px auto 0 auto; min-height: calc(100vh - 265px); }
	.tit_slide{ font-size: 20px; }
	.box_tit{ margin:0 auto 15px auto; }
	.subtit_slide{ font-size: 15px; }
	.box_opciones{ font-size: 15px; }
	.box_continuar{ height: 64px; }
	.bcontinuar { max-width: 97%; height: 64px; font-size: 14px; }
	.bcontinuar2 { max-width: 97%; height: 64px; font-size: 14px; }
	.leyenda{ font-size: 12px; }
}

@media screen and (max-width:400px) {
	.slide{ min-height: calc(100vh - 235px); }
	.tit_slide{ font-size: 16px; }
	.subtit_slide{ font-size: 13px; }
	.box_opciones{ font-size: 13px; }
	.box_continuar{ height: 54px; }
	.bcontinuar { height: 54px; font-size: 13px; }
	.bcontinuar2 { height: 54px; font-size: 13px; }
	.leyenda{ font-size: 10px; }
	.tex_final{ margin: 20px 0; }

}


/* ------------------------------------ slide 2 -------------------------------------------- */

.grafico { max-width:90%; width:560px; text-align:center; margin: 0 auto 30px auto; padding: 10px 0 0 5%; }
.grafico img { max-width: 100%; }