/* CSS Document */

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

.cabecera{ background:#341a3b url("../img/cabecera.gif") right center no-repeat; background-size: auto 100%; padding: 20px 40px; height: 105px; text-align: left; }

.tex_algoritmo{ vertical-align: middle; font-size: 39px; max-width: 1020px; margin:auto; text-align: left; white-space: pre; padding-top: 8px; font-weight: 500; }
.tex_algoritmo sup { font-size: 50%; }

.logo_tecnimede{ display: inline-block; vertical-align: middle; padding: 0px 20px; max-width: 34%; }
.logo_springer{ display: inline-block; vertical-align: middle; padding: 0px 20px; max-width: 38%; }

.piehome{ position: relative; margin: 20px 0 0 0;  }
.piehomein { position: relative; text-align: center; background-color: #341a3b; }


@media screen and (max-width:1024px) {
	.cabecera{ height: 100px; padding: 15px 30px; }
	.tex_algoritmo { font-size: 34px; padding-top: 13px; }
}

@media screen and (max-width:800px) {
	.cabecera{ height: 90px; }
	.tex_algoritmo { font-size: 28px; }
}

@media screen and (max-width:700px) {
	.cabecera{ height: 85px; background-position: right -10px center; }
	.tex_algoritmo { font-size: 24px; }
}

@media screen and (max-width:600px) {
	.cabecera{ height: 80px; padding: 10px 20px; }
	.tex_algoritmo { font-size: 22px;}
}

@media screen and (max-width:530px) {
	.tex_algoritmo { font-size: 20px; padding-top: 4px; padding-right: 110px; white-space: normal;  }
}

@media screen and (max-width:400px) {
	.cabecera{ height: 70px; }
	.tex_algoritmo { font-size: 15px; padding-right: 90px;  }
}



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

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

.box_tit{ overflow: hidden; width: 740px; max-width: 100%; margin:0 auto 25px auto;
/* center vertical */ display: flex; flex-direction: row; align-items: center; }

.icono { float:left; /*width: 110px;*/ margin: auto; padding-right: 15px; padding-bottom: 5px; }
.icono img { /*max-width:100%;*/ width: 87px; height: 87px; display: inherit; }

.tit_slide{ font-size: 25px; text-align: left; box-sizing: border-box; font-weight: 700; }
.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: 10px 0px; }
.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: 10px; background-color: #ffac1f; width: 458px; max-width: 45%; height: 94px; font-size: 18px; text-align: center; margin: 0 1% 20px 1%; padding: 0 1%; color: #341a3b !important; }
.box_continuar{ width: 100%; height: 94px; display: flex; justify-content: center; align-items: center;  }
.bcontinuar:hover{ background-color: #bb6b00; }
.bcontinuar2{ border-radius: 10px; background-color: #ffac1f; width: 358px; max-width: 29%; height: 94px; font-size: 18px; text-align: center; margin: 0 1% 20px 1%; padding: 0 1%; color: #341a3b !important; }
.bcontinuar2:hover{ background-color: #ffac1f; }
.boton_especial { display:inline-block; width:calc(100% - 150px); }

.box_opciones{ font-size: 20px; width:940px; max-width: 90%; text-align: left; margin: 10px auto 40px auto; background-color: #f4f4f4; padding: 25px 20px 10px 20px; }
.box_opciones ul { list-style-image: url('../img/bull.png'); margin: 0; padding: 0 0 0 25px; }
.box_opciones li { padding-bottom: 15px; line-height: 140%; padding-left: 10px; }
.box_opciones li a { text-decoration: underline; color: #ac215e; }

.box_cuerpo{ font-size: 22px; width:940px; max-width: 90%; min-height: 100px; text-align: center; margin: auto; padding: 25px 20px 20px 20px; }


.tex_final{ font-size: 20px; text-align: center; text-transform: uppercase; margin: 25px 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: 13px; margin: 10px 20px 20px 20px; }
.enlace { border:solid #41FD00 4px; }
.enlaceTexto { color:#341a3b !important; border-bottom: solid #41FD00 3px; text-decoration: none !important; }
.enlaceMas { color: #41FD00 !important; font-weight: bold; font-size: 140%; }
.redondo { border-radius: 45px; }
.retroceder { display:block; position:absolute; bottom: 0px; border-radius: 10px; border:solid #ffac1f 2px; padding: 10px 20px; color: #341a3b !important; margin-left: 20px; }


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

@media screen and (max-width:820px) {
	.slide{ margin: 30px auto 0 auto;  }
	.tit_slide{ font-size: 20px; }
	.flota_izq{ float:none; max-width: 98% !important; }
	.box_tit{ overflow: hidden; width: 90%; float: none !important; margin:0 auto 20px auto; }
	.box_tit .tit_slide{ width: 100%; }
	.boton_especial { display:block; margin:auto; width: inherit; max-width: 97%; }
	.leyenda{ font-size: 12px; }
	.box_cuerpo{ min-height: 80px; padding: 20px 15px 15px 15px; }
}

@media screen and (max-width:600px) {
	.slide{ margin: 20px auto 0 auto; min-height: calc(100vh - 265px); }
	.tit_slide { max-width: 100%; text-align: center; padding: 10px 0 0 0; }
	.icono { float: none; margin: 0 auto; width: fit-content; padding-right: 0px; }
	.icono img { /*max-width:100%;*/ width: 77px; height: 77px; }
	.box_tit{ display: block; margin:0 auto 15px auto; }
	.subtit_slide{ font-size: 15px; }
	.box_opciones{ font-size: 15px; padding: 20px 15px 5px 15px; }
	.box_opciones ul { list-style-image: url('../img/bull2.png'); margin: 0; padding: 0 20px 0 15px; }
	.box_opciones li { padding-bottom: 10px; padding-left: 5px; }
	.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: 11px; }
	.tex_final{ font-size: 17px; margin: 20px 0; }
	.bpdf{ font-size: 13px; }
	.bpdf img{ width: 40px; }
	.box_cuerpo{ min-height: 60px; padding: 15px 10px 10px 10px; }
	.retroceder { border-radius: 8px; padding: 8px 16px; margin-left: 16px; font-size: 14px; }
}

@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; padding: 15px 10px 0px 10px; }
	.box_continuar{ height: 54px; }
	.bcontinuar { height: 54px; font-size: 13px; }
	.bcontinuar2 { height: 54px; font-size: 13px; }
	.leyenda{ font-size: 10px; }
	.tex_final{ font-size: 14px; margin: 15px 0; }
	.bpdf{ font-size: 12px; }
	.bpdf img{ width: 32px; }
	.box_cuerpo{ min-height: 40px; padding: 10px 5px 5px 5px; }
	.retroceder { border-radius: 6px; padding: 6px 12px; margin-left: 12px; font-size: 12px; }
}


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




/* ----------------------------------- slides con tablas y flechas -------------------------------------------- */

.aviso_especial img{ display: inline-block; vertical-align: middle;  }

.box_contenedor {
    font-size: 0px;
    text-align: center;
    margin-bottom: 30px;
}

#contenedor4{
	min-height: 560px;
}

.c_gris{ position: relative; width: 100%; margin: 0px; background-color: #f4f4f4; color:#565656; }


.tex_c_morado { display: block; background-color: #341a3b; color: #fff; font-size: 18px; text-align: center; padding: 8px; }
.bmas { display: initial; vertical-align: sub; padding-left: 10px; }
.tex_c_gris{ text-align: center; font-size: 18px; padding: 20px 10%; }

.box_bmas{  }
.bmas{ width: 25px; margin: auto;  }
.bmas img{ text-align: center; }
.tex_masinfo{ font-size: 18px; color:#565656; margin-top: 10px; }

.preflechaAbajo { position: relative; background: url("../img/preflechaAbajo.png") center bottom no-repeat; }
.flechaAbajo { position: relative; background: url("../img/flechaAbajo.png") center bottom no-repeat; }
.flechaEspecial { position: relative; background: url("../img/flechaEspecial1.png") center center no-repeat; }
.flechaDerecha { position: relative; background: url("../img/flechaDerecha.png") right center no-repeat; }
.flechaIzquierda { position: relative; background: url("../img/flechaIzquierda.png") left center no-repeat; }
.flechaEsquina { position: relative; background: url("../img/flechaEsquina.png") center center no-repeat; }
.diagnostico { position:absolute; top:20px; left: calc(50% + 30px); background-color: #ffac1f; padding: 10px 20px; font-size: 19px; }
.flechaAmarilla { position:absolute; top:37px; left:50%; font-size:30px; color: #ffac1f; }

@media screen and (max-width:820px) {
	.tex_c_morado { font-size: 16px; padding: 8px; }
	.tex_c_gris{ font-size: 16px; padding: 20px 10%; }

	.bmas{ width: 23px; }
	.tex_masinfo{ font-size: 16px; margin-top: 10px; }

	.diagnostico { font-size: 17px; }
}

@media screen and (max-width:600px) {
	#contenedor4{ min-height: 510px; }
	.tex_c_morado { font-size: 14px; padding: 6px; }
	.tex_c_gris{ font-size: 14px; padding: 20px 10%; }

	.bmas{ width: 20px; }
	.tex_masinfo{ font-size: 14px; margin-top: 10px; }

	.diagnostico { font-size: 15px; }
}

@media screen and (max-width:400px) {
	#contenedor4{ min-height: 430px; }
	.tex_c_morado { font-size: 12px; padding: 4px; }
	.tex_c_gris{ font-size: 12px; padding: 10px 5%; }

	.bmas{ width: 17px; }
	.tex_masinfo{ font-size: 12px; margin-top: 10px; }

	.diagnostico { top:20px; padding: 5px 10px; font-size: 13px; }
}


table { font-size: 16px; }
tr, td { text-align: center; vertical-align: top; min-width: 50px; }
.recuadro { border:solid black 1px; padding: 5px 10px; display: inline-block; white-space: nowrap; min-width: 120px; }
.recuadro.morado { background-color: #341a3b; color: #fff; border:none;  }
.recuadro.amarillo { background-color: #ffac1f; color: #fff; border:none; display: inline-block; }
.recuadro.inverso { background-color: #fff; color: #ffac1f; border:solid #ffac1f 1px; display: inline-block; }
.recuadro.relleno { width: calc(100% - 20px); }
.recuadroEspecial { border: none; padding: 10px 0px; display: inline-block; white-space: nowrap; width:100%; }
.recuadroPulsable { position: relative; border:solid #ffac1f 1px; padding: 15px 25px; display: inline-block; text-decoration: none; }
.recuadroPulsable:hover { background-color: #ffac1f; }
.recuadroPulsado { opacity: 0; display: none; position: absolute; top:0; left:0; width:100%; height: 100%; color: #ffffff; background-color: #ffac1f; font-size: 150%; font-weight: bold; }

.box_pregunta{ overflow: hidden; width: 740px; max-width: 100%; margin:0 auto 25px auto; text-align: left; }
.fila{ margin-bottom: 10px; font-size: 0px; }
.celda1{ width: 40px; display: inline-block; vertical-align: middle; }
.celda1 img { width: 30px; }
.celda2{ width: calc(100% - 50px);  display: inline-block; vertical-align: middle; font-size: 16px; }

@media screen and (max-width:820px) {
	table { font-size: 14px; }
	.recuadro {padding: 5px 5px;  min-width: 90px; }
	.recuadroPulsable { font-size: 15px; }
}

@media screen and (max-width:600px) {
	table { font-size: 12px; }
	tr, td { min-width: 30px; }
	.recuadro { padding: 5px 5px;  min-width: 60px; }
	.recuadro.relleno { width: calc(100% - 10px); }
	.recuadroPulsable { font-size: 14px; }
}

@media screen and (max-width:400px) {
	table { font-size: 10px; }
	tr, td { min-width: 5px; }
	.recuadro { padding: 5px 5px;  min-width: 50px; }
	.recuadroPulsable { font-size: 12px; }
}

.box_opciones.box_especial {
	max-width: 90vw;
	padding: 5px 10px;
	margin: 10px auto 0 auto;
	font-size:95%;
}

.box_opciones.box_especial li {
	padding-bottom: 5px;
	line-height: 140%;
	padding-left: 5px;
}

.box_opciones.box_especial blockquote {
	margin-left: 30px;
}

@media screen and (max-width:600px) {
	.box_opciones.box_especial blockquote {
		margin-left: 20px;
	}
}