@font-face {
    font-family: 'brandon_grotesquebold';
    src: url('brandon_bld-webfont.woff2') format('woff2'),
         url('brandon_bld-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'brandon_grotesqueblack';
    src: url('brandon_grotesque_black-webfont.woff2') format('woff2'),
         url('brandon_grotesque_black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'brandon_grotesqueregular';
    src: url('brandon_reg-webfont.woff2') format('woff2'),
         url('brandon_reg-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

body{
	margin:0px auto;
	font-size:1em;
}
h1{
	color: #155d84;
    font-size: 3em;
    font-weight: 900;
    font-family: 'brandon_grotesquebold';
	
}
.row{
	margin-right: 0px!important;
    margin-left: 0px!important;
}

.limpiar{
	clear:both;
}
.align-right{
	text-align:right;
}
.align-center{
	text-align:center;
}

.sin-padding{
	padding-right: 0px!important;
	padding-left: 0px!important;
}

@media (min-width: 320px) {
	.border-caso {
	    background-color: #f6f6f6;
	    padding: 20px;
	}

	.boton_descargar_marco{
		background:#0095d6;
		width:146px;
		height:43px;
		color:#000;
		font-weight:700;
		margin:0px auto;
		text-align:center;
		background:url(/images/marco_teorico/descargar.png);
		font-size:0.8em;
	}
	.txt_sospechas{
		font-size: 1em;
		font-family: 'brandon_grotesqueregular';
		color: #474747;
		position:absolute;
		bottom:25px;
		text-align:left;
		padding-left: 15px;
	}
	.float_right_movil{
		float:right;
	}
	.txt_prox{
		font-size:3em;
		font-weight:900;
		font-family: 'brandon_grotesqueblack';
	}
	/*Marco*/
	.imagen-over:hover{
		background: url('/images/casos_clinicos/img-on.png');
		width:100%;
		max-width:427px;
		height:auto;
		
	}
	
	.txt_marco{
		color:#155d84;
		font-size:1.5em;
		font-weight:500;
		font-family: 'brandon_grotesquebold';
		margin-top:75px;
		margin-bottom:138px;
	}
	.txt_categoria{
		font-size:1.5em;
		font-weight:900;
		font-family: 'brandon_grotesqueblack';
	}
	.txt_categoria2{
		font-size:1.1em;
		font-family: 'brandon_grotesqueregular';
		color:#474747
	}
	.color_cardio{
		color:#e61c45
	}
	.color_neuro{
		color:#0095d6
	}
	.color_respiratorio{
		color:#001f32
	}
	.color_salud_femenina{
		color:#4e2379
	}
	.color_gastro{
		color:#029d3b
	}
	.margin_fila_marco{
		margin-bottom:50px;
		padding-top:10px;
		padding-bottom:10px;
	}
	.hover_fila:hover{
		background-color:#f5f5f5;
	}
	.back_lorem{
		background-color:#f5f5f5;
		font-size:1.1em;
		font-family: 'brandon_grotesquebold';
		color:#474747;
		margin-bottom:50px;
		padding-top:10px;
		padding-bottom:10px;
	}
	.txt_volver{
		color:#0095d6;
		font-size:1.1em;
		font-family: 'brandon_grotesquebold';
	}
	.txt_marco2{
		color:#474747;
		font-size:1em;
		font-family: 'brandon_grotesquebold';	
		text-align:justify;
	}
	.txt_marco3{
		color:#155d84;
		font-size:1.6em;
		font-weight:700;
		font-family: 'brandon_grotesquebold';
	}
	.txt_sub_header{
		color:#474747;
		font-size:1em;
		font-family: 'brandon_grotesquebold';	
	}
	.titulo_caso{
		color:#474747;
		font-size:1.2em;
		font-family: 'brandon_grotesquebold';	
		font-weight:700;
		text-align:left!important;
		line-height: 20px;
		height: 25px;
        max-width: 427px;
		margin: 0px auto;
		margin-top: 20px;
	}
	.desc_caso{
		color:#474747;
		font-size:1em;
		font-family: 'brandon_grotesquebold';	
		text-align:left!important;
		line-height: 30px;
		max-width: 436px;
    	margin: 0px auto;
		margin-top: 30px;
		height: 100px;
	}
	
	/* AJUSTES LOGIN REGISTRO*/
	.margin_areas_login{
		margin-top:75px;
		margin-bottom:75px;
	}
	.txt_titulo_login{
		color:#155d84;
		font-size:1.5em;
		font-weight:500;
		font-family: 'brandon_grotesquebold';
	}
	.text_registrarse{
		color:#1c97d4;
		font-family: 'brandon_grotesquebold';
		font-size:1.5em;
		text-decoration:underline;
	}
	.fondo_registro{
		background: url('/images/login/back-registro.png');
		width:100%;
		max-width:1920px;
		height:auto;
	}
	
	/*CASO CLINICO PRUEBA*/
	.btn_siguiente{
		/*
		background-color:#155d84;
		color:#fff;
		font-weight:700;
		font-size:1em;
		text-align:center;
		width:max-content;
		height:50px;
		border:0px;
		text-align:center;
		line-height:50px;
		border-radius:10px;
		margin-top:50px;		
		margin-bottom:50px;	
		cursor:pointer;
		padding-right: 13px;
		padding-left: 13px;
		*/
	}
	.btn_rel_o_correcto{
		background-color:#155d84;
		color:#fff;
		font-weight:700;
		font-size:1em;
		text-align:center;
		width:max-content;
		height:50px;
		border:0px;
		text-align:center;
		line-height:50px;
		border-radius:10px;
		margin:0px auto;
		margin-top:50px;		
		margin-bottom:50px;	
		cursor:pointer;
		padding-right: 13px;
		padding-left: 13px;
	}
	.btn_finales{
		background-color:#155d84;
		color:#fff;
		font-weight:700;
		font-size:1.2em;
		text-align:center;
		width:200px;
		height:50px;
		border:0px;
		text-align:center;
		line-height:50px;
		border-radius:20px;
		margin:0px auto;
		margin-top:50px;		
		margin-bottom:50px;	
		cursor:pointer;
	}
	.img_der, .img_der_cardio, .img_der_fem, .img_der_neuro, .img_der_resp{
		max-width:50px!important;
		width:100%;
	}
	.img_izq, .img_izq_cardio, .img_izq_fem, .img_izq_neuro, .img_izq_resp{
		max-width:50px!important;
		width:100%;
	}
	
	.txt_titulo{
		color:#155d84;
		font-weight:700;
		font-size:1.9em;
	}
	.txt_pregunta{
		color:#155d84;
		font-size:1.3em;
		font-weight:700;
	}
	.txt_respuesta{
		background-color:#009CDE;
		padding:16px;
		color:#fff;
		font-size:1em;
		border-radius:10px;
	}
	.txt_comentario{
		background-color:#009CDE;
		padding:16px;
		color:#fff;
		font-size:1em;
		border-radius:10px;
	}
	.txt_descripcion{
		background-color:#009CDE;
		padding:16px;
		color:#fff;
		font-size:1em;
		border-radius:10px;
	}
	.txt_num_aciertos{
		color:#009CDE;
		font-size:1.5em;
		font-weight:700;
	}
	#num_aciertos{
		color:#009CDE;
		font-size:4em;
		font-weight:700;
	}
	.img-gif-pregunta{
		width:170px;
	}
	#modal_correcto {
		background-color: rgb(251, 251, 251,0.9);
		height: auto;
		min-height: 100%;		
		position: fixed;
		width: 100%;
		z-index: 3000;
		display: none;
		top: 0px;
	}
	#modal_incorrecto {
		background-color: rgb(251, 251, 251,0.9);
		height: auto;
		min-height: 100%;
		/*opacity: 0.9;*/
		position: fixed;
		width: 100%;
		z-index: 3000;
		display: none;
		top: 0px;
	}
	.img_correcto{
		width:200px;
		margin-top:120px;
	}
	.img_incorrecto{
		width:200px;
		margin-top:120px;
	}
	
	/*END CASO CLINICO PRUEBA*/
	.logo_bienvenido{
		margin-top:25px;
		
	}
	.input_register{
		width:100%;
		border:1px solid #155d84;
	}
	.dres_registro{
		position:relative;
		bottom:0px;
	}
	.txt_registro{
		color:#1c97d4;
		font-weight:900;
		font-size:1.9em;
		text-align: center;
		font-family: 'brandon_grotesquebold';
		margin-top:45px;
		margin-bottom:30px
	}
	.txt_registro2{
		color:#545454;
		font-weight:500;		
		font-size:0.8em;
		text-align: center;
		font-family: 'brandon_grotesquebold';
	}
	.txt_registro3{
		color:#155d84;
		font-size:1em;
		text-align:left;
		font-family: 'brandon_grotesquebold';
	}
	.btn_submit_registro{
		background: url(/images/registro/registrarme.png);
		width: 254px;
		height: 55px;
		margin: 0px auto;
		margin-top: 20px;
		border: 0px;		
	}
	.btn_submit_update{
		color:#fff;
		font-size:1.2em;
		font-weight:700;
		background:#155d84;
		width: 254px;
		height: 55px;
		margin: 0px auto;
		margin-top: 20px;
		border: 0px;
		border-radius: 20px;		
	}
	
	.only_mobile{
		display:block
	}
	.only_desktop{
		display:none
	}
	.back{
		background: url('/images/login/back-inicio.png');
		width:100%;
		max-width:1920px;
		height:auto;
		background-repeat:repeat;
	}
	.btn_submit{
		background: url(/images/login/acceder.png);
		width: 250px;
		height: 54px;
		margin: 0px auto;
		margin-top: 20px;
		border: 0px;
		background-size: 250px;
	}
	.dra_login{
		float: left;
		margin-top:20px
	}
	.txt_login{
		color:#155d84;
		font-size:1.7em;
		margin-top:200px;
		z-index:1;
		position:relative;
		font-weight:700;
	}
	.logo{
		margin-top:30px;
		margin-left:60px;		
	}

	.input_form{
		width:250px;
		height:30px;
		border:1px solid #155d84
	}
	.text1{
		color:#fff;
		font-weight:700;
		margin-top:-65px;
		font-size:1.2em;
	}
	.text2{
		color:#fff;
	}
	.text3{
		color:#004F71;
		margin-top:0px;		
	}
	.text4{
		color:#004F71;
		font-weight:700;
		font-size:1.9em;				
	}
	.text5{
		color:#004F71;
		font-size:1.1em;
		margin-top:40px;
	}
	.text6{
		color:#004F71;
		margin-top:90px;	
		text-align:left;
	}
	#btn_get_calif{
		color:#fff;
		background-color:#004F71;
		height:50px;
		width:250px;
		text-align:center;
		font-size:1.2em;
		line-height:20px;
		border:0px;
		border-radius:15px;
		font-weight:700;
	}
	.txt_examen1{
		color:#004F71;
		font-weight:700;
		font-size:1.9em;
	}
	.txt_examen2{
		color:#009CDE;
		font-weight:700;
		font-size:1.5em;
	}
	.txt_examen3{
		color:#004F71;
		font-weight:700;
		font-size:1em;
	}
	.calificacion{
		color:#fff;
		background-color:#009CDE;
		font-size:3em;
		line-height:3em;
		margin:0px auto;
		border-radius:50%;
		width:150px;
		height:150px;
		text-align:center;
		font-weight:700;
		padding-top:45px
	}
	.margin_top1{
		margin-top:60px;
	}
	.margin_top2{
		margin-top:15px
	}
	.margin_top_movil{
		margin-top:60px;
	}
	#menu_user{
		position:absolute;
		right:20px;
	}
	#menu_user a{
		text-decoration:none;		
		color:#000
	}
	#menu_user li{
		background-color:#155d84;
		list-style-type:none;
		font-size:1em;
		color:#fff;
		padding:5px;
	}
	.txt_perfil{
		color: #1c97d4;
		font-weight: 900;
		font-size: 1.9em;
		font-family: 'brandon_grotesquebold';
	}
	.txt_perfil2{
		color: #155d84;
		font-family: 'brandon_grotesquebold';
		font-size: 1.2em;
	}
	.cabecera_actividad{
		color: #155d84;
		font-family: 'brandon_grotesquebold';
		font-size: 1.2em;
	}
	.fila_actividad{
		margin-top:25px;
		font-weight:700;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.class_impar{
		background-color:#eaeaea;
	}
	.btn_regresar{
		background: #155d84;
		width: 170px;
		height: 34px;
		margin: 0px auto;
		margin-top: 50px;
		border: 0px;
		color:#fff;
		float:right;
		border-radius:15px;
		font-weight:500;
		line-height:34px;
	}
	.avatar{
		font-size:1em;
		color: #155d84;
		font-family: 'brandon_grotesquebold';
	}

	.mtop20{
		margin-top: 20px;
	}

	.mtop-movil{
		margin-top: 20px;
	}

	.mtop50{
		margin-top: 20px;
	}

	.mtop30{
		margin-top: 20px;
	}

	.video-principal{
		width: 100%;
		height: 170px;
	}

	.video-secundario{
		width: 100%;
		height: 170px;
	}


	.head-title-video{
		font-size: 18px;
		color: #004F71;
		font-weight: 500;
	}
	
}	
@media (min-width: 480px) {
	.img_correcto{
		width:200px;
		margin-top:50px;
	}
}
@media (min-width: 768px) {
	.mtop-movil{
		margin-top: 0px;
	}

	.only_mobile{
		display:none
	}
	.only_desktop{
		display:block
	}

	.float_right_movil{
		float:left;
	}
	
	.margin_btns_relevante{
		margin-top:-250px
	}
	.txt_pregunta{
		color:#155d84;
		font-size:1.6em;
		font-weight:700;
	}
	.txt_respuesta{
		background-color:#009CDE;
		padding:25px;
		color:#fff;
		font-size:1.3em;
		border-radius:10px;
	}
	.txt_comentario{
		background-color:#009CDE;
		padding:25px;
		color:#fff;
		font-size:1.3em;
		border-radius:10px;
	}
	.img_correcto{
		width:453px;
		margin-top:100px;
	}
	.img_incorrecto{
		width:474px;
		margin-top:100px;
	}
	
	.img-gif-pregunta{
		width:300px;
	}
	
	.dra_login{
		float: left;
		margin-top:-400px;
	}
	.margin_top1{
		margin-top:80px;
	}
	.margin_top_movil{
		margin-top:0px;
	}
	.text1{
		color:#fff;
		font-weight:700;
		margin-top:-100px;
		font-size:1.2em;
	}
	.dres_registro{
		position:absolute;
		bottom:0px;
	}
	.logo_bienvenido{
		margin-top:25px;
		margin-left:25px;
	}

	.question-result{
		font-size: 22px;
		font-weight: 700;
		color: #004F71;
	}

	.question-result-head{
		font-size: 25px;
		font-weight: 700;
		color: #0098DC;
	}

	.options-result{
		font-size: 22px;
		color: #004F71;
		font-weight: 500;
	}

	.question-user{
		font-size: 20px;
		color: #004F71;
		font-weight: 500;
	}

	.mtop50{
		margin-top: 50px;
	}

	.bottons-arrow-next-after{
		margin-top: 300px;
	}

	.mtop30{
		margin-top: 30px;
	}

	.video-principal{
		width: 100%;
		height: 170px;
	}

	.video-secundario{
		width: 100%;
		height: 170px;
	}


	.head-title-video{
		font-size: 18px;
		color: #004F71;
		font-weight: 500;
	}
}	
@media (min-width: 1200px) {
	.dra_login{
		float: left;
		margin-top:-400px
	}

	.txt_registro{
		color:#1c97d4;
		font-weight:900;
		font-size:2.5em;
		text-align: center;
		font-family: 'brandon_grotesquebold';
		margin-top:245px;
		margin-bottom:110px
	}
	.txt_registro3{
		color:#155d84;
		font-size:1em;
	}
	.txt_categoria{
		font-size:2em;
		font-weight:900;
		 font-family: 'brandon_grotesqueblack';
	}
	.txt_categoria2{
		font-size:1.2em;
		font-family: 'brandon_grotesqueregular';
		color:#474747
	}

	.mtop-boton-quetion{
		margin-top: 130px;
	}

	.mtop50{
		margin-top: 100px;
	}

	.bottons-arrow-next-after{
		margin-top: 460px;
	}

	.video-principal{
		width: 100%;
		height: 420px;
	}

	.video-secundario{
		width: 100%;
		height: 220px;
	}

}
@media (min-width: 1900px) {
	
}