/* CSS Document */

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

.cabecera{ width: 100%; height: 140px; background-color: #bf2c23;  }

.sinfondo{ background-color: transparent !important; }

.tex_algoritmo{ position: relative; font-size: 39px; line-height: 39px; padding: 30px 0 0 80px; }
.tex_novos{ position: relative; font-size: 39px; line-height: 43px; padding: 0px 0 0 80px;  }

.box_raya_multicolor{ width: 100%; height: 15px; background: url(../img/raya_color_left.jpg),url(../img/raya_color_right.jpg); background-position: left top, right top;  background-size: 50% 100%, 50% 100%; background-repeat: no-repeat, no-repeat;  }
.raya_multicolor{ width: 1366px; margin: auto; overflow: hidden; }


.paso{ position: relative; margin: 50px auto 0 auto; overflow: hidden; width: 1010px; opacity: 0; text-align: center; /*border:1px solid red;*/  }
.pasovisible{ position: relative; margin: 20px auto 0 auto; overflow: hidden; width: 1010px; opacity: 1; /*border:1px solid red;*/  }
.pasovisible2{ position: relative; margin: 20px auto 0 auto; overflow: hidden; width: 95%; opacity: 1; /*border:1px solid red;*/  }

.tit_paso{ font-size: 25px; text-align: center; box-sizing: border-box;   }
.subtit_paso{ font-size: 20px; text-align: center; line-height: 20px;  }

.tit_pasopop{ position: relative; font-size: 20px; text-align: center; box-sizing: border-box; padding: 0 20px; z-index: 2; }

.tit_paso2{ font-size: 30px; text-align: left;  }


.flota_izq{ float: left; }
.flota_der{ float: right; }
.display_inlineblock{ display: inline-block; vertical-align: top; }

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

.box_botones{ font-size: 0px; text-align: center; }
.bcontinuar{ box-sizing: border-box; border-radius: 20px; background-color: #f3b831; width: 458px; height: 94px; font-size: 18px; text-align: center; margin: 0 17px 34px 17px; }
.box_continuar{ width: 100%; height: 94px; display: flex; justify-content: center; align-items: center;  }

.bcontinuar:hover{ background-color: #fdc400; }

.bcontinuar2{ box-sizing: border-box; border-radius: 20px; background-color: #bf2c23; width: 458px; height: 94px; font-size: 18px; text-align: center; margin: 0 17px 34px 17px; }
.bcontinuar2:hover{ background-color: #da3e34; }


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


.logo_tecnimede{ position: relative; float: left; padding: 20px 20px; }
.logo_springer{ position: relative; float: left; padding: 20px 20px; }

.piehome{ position: relative; height: 100px; margin: 50px 0 0 0;  }
.piehomein { position: relative; padding-left: 20px; }

/*//////////////////////////////*/

.paso0{ display:none; text-align: center; }

/*///////////////////////////////*/

.paso1{  }

.box_tit1{ overflow: hidden; width: 630px; margin:0 auto 35px auto; /*border:1px solid red;*/ }

.probeta{ margin-right: 20px;  }
.pregunta{ clear: both; text-align: center; padding: 30px 0 0 0; font-size: 25px; }

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

.c_gris{ position: relative; display: inline-block; width: 215px; height: 215px; margin: 0 17px 17px 17px; background-color: #f4f4f4; color:#565656; }
.c_grisbig{ position: relative; display: inline-block; width: 255px; height: 215px; margin: 0 17px 17px 17px; background-color: #f4f4f4; color:#565656; }

.tex_c_gris1{ position: absolute; top: 30px; left: 0px; width: 100%; text-align: center; font-size: 18px;  }
.tex_c_gris2{ position: absolute; top: 30px; left: 0px; width: 100%; text-align: center; font-size: 18px;  }
.tex_c_gris3{ position: absolute; top: 30px; left: 0px; width: 100%; text-align: center; font-size: 18px;  }
.tex_c_gris4{ position: absolute; top: 30px; left: 0px; width: 100%; text-align: center; font-size: 18px;  }

.box_bmas{ position: absolute; bottom: 25px; left: 0px; width: 100%; }
.bmas{ width: 35px; margin: auto;  }
.bmas img{ text-align: center; }
.tex_masinfo{ font-size: 18px; color:#565656; margin-top: 10px; }

#botonera1{ display: none; }

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

	.box_tit1{ overflow: hidden; width: 100%; float: none !important; }
	.box_tit1 .tit_paso{ width: 100%; }
	.probeta{ float: none; margin: 0 auto 20px auto; width: 92px; }
}

/*//////////////////////////////*/

.paso2{ display:none }

.box_tit2{ overflow: hidden; width: 820px; margin:0 auto 35px auto; /*border:1px solid red;*/ }
.box_tit2 .tit_paso{ margin-top: 15px;}

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

	.box_tit2{ overflow: hidden; width: 100%; float: none !important; }
	.box_tit2 .tit_paso{ width: 100%; }
	.probeta{ float: none; margin: 0 auto 20px auto; width: 92px; }
}


/*///////////////////////////////*/

.paso3{ display:none }

.box_tit3{ overflow: hidden; width: 780px; margin:0 auto 35px auto; /*border:1px solid red;*/  }
.box_tit3 .tit_paso{ margin-top: 10px; }
.box_tit3 .subtit_paso{ white-space: pre; }

.lupa{ margin-right: 20px;  }

.c_gris3{ position: relative; display: inline-block; width: 215px; height: 215px; margin: 0 17px 17px 17px; background-color: #f4f4f4; color:#565656; }

.tex_c_gris31{ position: absolute; top: 55px; left: 0px; width: 100%; text-align: center; font-size: 18px;  }
.tex_c_gris32{ position: absolute; top: 75px; left: 0px; width: 100%; text-align: center; font-size: 18px;  }

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

	.box_tit3{ overflow: hidden; width: 100%; float: none !important; }	
	.box_tit3 .tit_paso{ width: 100%; }
	.box_tit3 .subtit_paso{ white-space: normal; }
	.lupa{ float: none; margin: 0 auto 20px auto; width: 156px; }
}

/*//////////////////////////////*/

.paso4{ display:none }

.box_tit4{ overflow: hidden; width: 780px; margin:0 auto 35px auto; /*border:1px solid red; */}
.box_tit4 .tit_paso{ margin-top: 25px; }

.pancreas{ margin-right: 20px;  }

.c_gris{ position: relative; display: inline-block; width: 215px; height: 215px; margin: 0 17px 17px 17px; background-color: #f4f4f4; color:#565656; }

.tex_c_gris41{ position: absolute; top: 30px; left: 0px; width: 100%; text-align: center; font-size: 18px;  }
.tex_c_gris42{ position: absolute; top: 26px; left: 0px; width: 100%; text-align: center; font-size: 18px;  }
.tex_c_gris43{ position: absolute; top: 26px; left: 0px; width: 100%; text-align: center; font-size: 18px;  }
.tex_c_gris44{ position: absolute; top: 66px; left: 0px; width: 100%; text-align: center; font-size: 18px;  }

.box_bmas{ position: absolute; bottom: 25px; left: 0px; width: 100%; }
.bmas{ width: 35px; margin: auto;  }
.bmas img{ text-align: center; }

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

	.box_tit4{ overflow: hidden; width: 100%; float: none !important; }
	.box_tit4 .tit_paso{ width: 100%; }
	.pancreas{ float: none; margin: 0 auto 20px auto; width: 92px; }
}

/*//////////////////////////////*/

.paso5{ display:none }

/*//////////////////////////////*/

.paso6{ display:none }

.box_tit6{ overflow: hidden; width: 100%; margin:0 auto 35px auto; /*border:1px solid red; */}
.box_tit6 .tit_paso{ margin-top: 25px; text-align: center; }

.pancreasbig{ width: 307px; margin: 40px auto; }

/*//////////////////////////////*/

.altomin7{ min-height: 169px; }

.paso7{ display: block; }
.diana{ position: absolute; top: 0px; left: 10%; margin: 0 0 0 0; }
.tit7{  position: absolute; top: 20px; left: 300px; }
.tabla700{ display: none;}
.box_titpop{ overflow: hidden; width: 100%; margin:0 auto 35px auto; /*border:1px solid red;*/ }
.latabla{ clear: both; width: 100%; margin-top: -80px; position: relative; z-index: 1; } 
.latabla table {
	border-collapse: collapse;
  }
  
.latabla  table, th, td {
	border: 2px dotted #bf2e23;
  }

@media screen and (max-width:875px) { 
	.t22{font-size: 16px !important;}
	.t20{font-size: 14px !important;}

}

@media screen and (max-width:820px) { 
	.tabla700{ display: block; overflow: hidden;}
	.tabla700 img{ width: 100%;}
	.box_titpop{ display: none; } 
	.paso7 .leyenda{ margin: 20px 0 0 30px; font-size: 12px; } 
}

/*//////////////////////////////*/

.paso8{ display:block }

.fotopaso8{ display: table-cell; width: 40%;  }
.fotopaso8 img{ width: 90%; }
.infopaso8{ display: table-cell; width: 60%; font-size: 16px; text-align: left; box-sizing: border-box; vertical-align: top; padding: 0 10px 0 10px;  }

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

	.infopaso8{  font-size: 12px; }
	.infopaso8 p{ line-height: 12px; }
	.tit_pasopop{ font-size: 16px;  }

}


/*//////////////////////////////*/

.paso9{ display:block }

.box_paso9{ font-size: 0px; text-align: center; }
.fotopaso9{ display: inline-block; vertical-align: top; width: 218px; margin: 0 10px 10px 0; /*border: 1px solid red;*/ }
.fotopaso9 img{ width: 100%; }

.tex_paso9{ font-size: 18px;text-align: center; margin: 20px 0 0 0; }

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

	.tit_pasopop{ font-size: 16px;  }
	.fotopaso9 img{ width: 80%; margin: auto; }
	.tex_paso9{ font-size: 14px;text-align: center; margin: 20px 0 0 0; }

}

/*//////////////////////////////*/

.paso10{ display: none; }

/*//////////////////////////////*/

.t24{ font-size:24px; line-height: 24px; }
.t22{ font-size:22px; line-height: 22px; }
.t20{ font-size:20px; line-height: 20px; }
.t16{ font-size:16px; line-height: 16px; }

.tex_final{ font-size: 20px; text-align: center; text-transform: uppercase; margin: 40px 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;  }

/*.imginfo1{ margin: 0 0 0 0; }
.imginfo2{ margin: -15px 0 0 -170px; }*/

.imgico{ float: left; margin: 0 15px 15px 0; }


@media screen and (max-width:1365px) {
	.raya_multicolor{ width: 100%; }
}

@media screen and (max-width:1200px) {
	
	/*.logo_tecnimede{ position: absolute; top:70px; left:190px; }
	.logo_springer{ position: absolute; top:90px; left:360px; }*/
	
}


@media screen and (max-width:1023px) {
	.paso{ width: 100%; }
	.pasovisible{ width: 100%; }
	.tex_algoritmo{ position: relative; font-size: 39px; line-height: 39px; padding: 30px 0 0 0px; text-align: center; }
	.tex_novos{ position: relative; font-size: 34px; line-height: 43px; padding: 0px 0 0 0px; text-align: center;  }
	
	
}

@media screen and (max-width:1020px) {
		
	.paso1{ width: 95%; }
	.paso2{ width: 95%; }
	.paso3{ width: 95%; }
	.paso4{ width: 95%; }
	.paso5{ width: 95%; }
	.paso6{ width: 95%; }
	.paso10{ width: 95%; }
	
}


@media screen and (max-width:890px) {
	
	.paso{ min-height: 200px; }
	.paso1 {  margin: 43px auto 0 auto;  }
	.paso2 {  margin: 43px auto 0 auto;  }
	.paso3 {  margin: 43px auto 0 auto;  }
	.paso4 {  margin: 43px auto 0 auto;  }
	.paso5 {  margin: 43px auto 0 auto;  }
	.paso6 {  margin: 43px auto 0 auto;  }
	.paso10 {  margin: 43px auto 0 auto;  }
	
}


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

	.tex_algoritmo{ position: relative; font-size: 34px; line-height: 34px; padding: 0px 0 0 0px; text-align: center; }
	.tex_novos{ position: relative; font-size: 34px; line-height: 39px; padding: 0px 0 0 0px; text-align: center;  }
	.cabecera { box-sizing: border-box; height: auto; padding: 20px 10px;}
		
}

@media screen and (max-width:630px) {
		
	.logo_tecnimede{ position: relative; float: none; width: 192px; top:0px; left:0px; padding: 0 0; margin: 0 auto 20px auto; }
	.logo_springer{ position: relative; float: none; width: 178px; top:0px; left:0px; margin: auto; padding: 0 0; }
	.piehome{ position: relative; margin: 50px 0 20px 0; overflow: hidden;   }
	.piehomein { position: relative; padding-left: 0px; }
	
}

@media screen and (max-width:600px) {
		
	.tex_algoritmo{ position: relative; font-size: 24px; line-height: 24px; padding: 0px 0 0 0px; text-align: center; }
	.tex_novos{ position: relative; font-size: 24px; line-height: 29px; padding: 0px 0 0 0px; text-align: center;  }
	
}

@media screen and (max-width:530px) {
	.bcontinuar{ width: 95%; height: auto; margin: 0 0px 34px 0px; padding: 10px 15px; }
	.bcontinuar2{ width: 95%; height: auto; margin: 0 0px 34px 0px; padding: 10px 15px; }
}