/* MAQUETACION JBM - INICIO*/
	.casos_practicos_landing{
		padding:0px!important;
		margin: 3.06vh auto 0 auto!important;
		
		width:90%;
		height:90%;
	}

	.casos_practicos_landing .cabecera{
		padding:0px!important;
		margin:0px!important;
		overflow:hidden;
		
		background-color:#1ba4db;
		height: 7.65vh!important;
		min-height:0!important;
		
		-webkit-border-top-left-radius: 1vh;
		-webkit-border-top-right-radius: 1vh;
		-moz-border-radius-topleft: 1vh;
		-moz-border-radius-topright: 1vh;
		border-top-left-radius: 1vh;
		border-top-right-radius: 1vh;
	}
	
	.casos_practicos_landing .cabecera h1{
		padding:2vh 0 0 2.60vw;
		margin:0!important;
		color:white;
		text-transform:uppercase;
	}
	
	.casos_practicos_landing .cuerpo{
		height: 68vh!important;
		min-height: 0px!important;
		
		-webkit-border-bottom-right-radius: 1vh;
		-webkit-border-bottom-left-radius: 1vh;
		-moz-border-radius-bottomright: 1vh;
		-moz-border-radius-bottomleft: 1vh;
		border-bottom-right-radius: 1vh;
		border-bottom-left-radius: 1vh;
		
		padding: 1.02vh 0.52vw;
		box-sizing:border-box;
		overflow:hidden;
	}
	
	.casos_practicos_landing .cuerpo .parteA{
		width: 41.66vw;
		height:100%;
		
		overflow:hidden;
		float:left;
	}
	
	.casos_practicos_landing .cuerpo .parteA .gris::after{
		content:' ';
		position:absolute;
		width:10.2vh;
		height:10.2vh;
		background: url('/Resources/Images/modulos/caso_practico/sabadell/icon_Candado_Menu.svg') no-repeat;
		background-size: 10.2vh 10.2vh;
		display: inline-block;
		top:7.15vh;
		left:5.21vw;
	}
	
	.casos_practicos_landing .cuerpo .parteA .bloque{
		height: 25.51vh;
		width: 15.62vw;
		
		margin: 3.06vh 2.60vw; 
		float:left;
		position:relative;
	}
	
	.casos_practicos_landing .cuerpo .parteA .bloque .imagen, .casos_practicos_landing .cuerpo .parteA .gris .imagen_gris{
		display:block;
		height: 19.38vh;
		width: 15.62vw;
		background:white;
		text-align:center;
		
		/*padding: 1vh 1vw;*/
		padding: 0vh 0vw;

		border-radius: 1vh;
		overflow: hidden;
		
	}
	
	.casos_practicos_landing .cuerpo .parteA .gris .imagen_gris{
		background:#666666!important;
		display:block!important;
	}
	
	.casos_practicos_landing .cuerpo .parteA .gris .imagen{
		overflow: hidden;
	}
	
	.casos_practicos_landing .cuerpo .parteA .imagen_gris{
		display:none;
	}
	
	.casos_practicos_landing .cuerpo .parteA .bloque .imagen img, .casos_practicos_landing .cuerpo .parteA .bloque .imagen_gris img{
		margin-top:0!important;
		
		height: auto;
		width: 15.62vw;
	}
	
	
	.casos_practicos_landing .cuerpo .parteA .bloque .boton{
		height: 6.13vh;
		width: 15.62vw;
		background:#0099d8;
		
		overflow:hidden;
		
		-webkit-border-bottom-right-radius: 1vh;
		-webkit-border-bottom-left-radius: 1vh;
		-moz-border-radius-bottomright: 1vh;
		-moz-border-radius-bottomleft: 1vh;
		border-bottom-right-radius: 1vh;
		border-bottom-left-radius: 1vh;
		
		color:white;
		text-transform:uppercase;
		text-align:center;
		font-size: 2.56vh;
		padding: 1vh; 
	}
	
	.casos_practicos_landing .cuerpo .parteA .gris .boton{
		background:#7c7c7c!important;
		color:#353535!important;
	}
	
	.casos_practicos_landing .cuerpo .parteA .bloque .boton .flecha{
		display:inline-block;
		float:right;
		font-weight: 700;
	}
	
	.casos_practicos_landing .cuerpo .parteB{
		width: 24vw;
		height:100%;
		
		overflow:hidden;
		float:left;
	}
	
	.casos_practicos_landing .cuerpo .parteB .bloque{
		margin: 3.06vh 2.60vw;
		background-color: #0099d8;
		height: 57.14vh;
		
		-webkit-border-radius: 1vh;
		-moz-border-radius: 1vh;
		border-radius: 1vh;
		
		text-align:center;
		color:white;

		position:relative;
	}
	
	.casos_practicos_landing .cuerpo .parteB .gris{
		background-color: #9b9b9e!important;
		color:#353535!important;
	}
	
	.casos_practicos_landing .cuerpo .parteB .gris::after{
		content:' ';
		position:absolute;
		width:10.2vh;
		height:10.2vh;
		background: url('/Resources/Images/modulos/caso_practico/sabadell/icon_Candado_Menu.svg') no-repeat;
		background-size: 10.2vh 10.2vh;
		display: inline-block;
		top:22.97vh;
		left:7.6vw;
	}
	
	.casos_practicos_landing .cuerpo .parteB .bloque .texto1{
		display:block;
		font-weight:700;
		margin: 3.57vh auto;
		font-size:3.08vh;
	}
	
	.casos_practicos_landing .cuerpo .parteB .bloque .texto2{
		display:block;
		margin: auto;
		font-size:2.58vh;
	}
	
	.casos_practicos_landing .cuerpo .parteB .bloque .texto3{
		display:block;
		font-weight:700;
		margin: auto;
		font-size:2.58vh;
	}
	
	.casos_practicos_landing .cuerpo .parteB .bloque .central{
		width: 17.44vw;
		height: 32.65vh;
		
		background-color:white;
		
		-webkit-border-radius: 1vh;
		-moz-border-radius: 1vh;
		border-radius: 1vh;
		
		margin: 3.06vh auto auto auto;
		
		overflow:hidden;
	}
	
	.casos_practicos_landing .cuerpo .parteB .gris .central{
		background-color:#666666!important;
	}
	
	.casos_practicos_landing .cuerpo .parteB .bloque .central .boton{
		-webkit-border-radius: 1vh;
		-moz-border-radius: 1vh;
		border-radius: 1vh;
		
		background-color: #0099d8;
		font-size:2.58vh;
		text-align:center;
		width:13vw;
		margin: 2.04vh auto auto auto;
		
		padding:1vh;
		text-transform:uppercase;
	}
	
	.casos_practicos_landing .cuerpo .parteB .gris .central .boton{
		background-color: #7c7c7c!important;
	}
	
	.casos_practicos_landing .cuerpo .parteB .bloque .central .boton .flecha{
		display:inline-block;
		float:right;
		font-weight: 700;
	}
	
	.casos_practicos_landing .cuerpo .parteB .bloque .central img.normal, .casos_practicos_landing .cuerpo .parteB .gris .central img.gris{
		margin:3vh auto 0 auto!important;
		
		height: 20.40vh;
		width: auto;
	}
	
	.casos_practicos_landing .cuerpo .parteB .central img.gris{
		display:none;
	}
	
	.casos_practicos_landing .cuerpo .parteB .gris .central img.normal{
		display:none;
	}
	
	.casos_practicos_landing .cuerpo .parteB .gris .central img.gris{
		display:block!important;
		background-color:#666666!important;
	}
	
	.casos_practicos_landing .cuerpo .bloque .nivel{
		width:7.14vh;
		height:7.14vh;
		
		-webkit-border-radius: 3.57vh;
		-moz-border-radius: 3.57vh;
		border-radius: 3.57vh;
		
		background-color:#1aa2dc;
		
		font-size:2.58vh;
		color:white;
		font-weight:700;
		
		text-align:center;
		padding-top:1.7vh;
		
		position:absolute;
		top:-1.57vh;
		left:-1.57vh;
	}
	
	.casos_practicos_landing .cuerpo .gris .nivel{
		background-color:#b3b3b3!important;
	}
	
	
	.casos_practicos_landing .cuerpo .aprobado .nivel{
		color: rgba(0, 0, 0, 0)!important;
		background-color:rgba(0, 0, 0, 0)!important;
		background: url('/Resources/Images/modulos/caso_practico/sabadell/check_verde_menu.svg') no-repeat;
		background-size: 7.14vh 7.14vh;
	}

/* MAQUETACION JBM - FIN*/


.divContenido
{
background-color: transparent;
padding:0em;
margin:0em;
}

.launchable, .RPlaunch
{
cursor: pointer;
}

.CPheader
{
background-color: RGBA(26, 163, 218, 0.66);
color: white;
border-radius:30px 30px 0px 0px;
/*padding: 1em;*/
margin-top:1em;
}

.CPcontent
{
background-color: RGBA(255, 255, 255, 0.93);
color: black;
border-radius:0px 0px 30px 30px;
padding: 0em;
min-height:30em;
}

.ContPersonas
{
text-align: center;
}
.personas
{
width: 65%;
margin-top: 50%;
transform: translateY(-50%);
-webkit-box-shadow: 0px 0px 17px 0px rgba(255, 255, 255, 0.95);
-moz-box-shadow:    0px 0px 17px 0px rgba(255, 255, 255, 0.95);
box-shadow:         0px 0px 17px 0px rgba(255, 255, 255, 0.95);
}

.CPBocata
{
-webkit-box-shadow: 3px 3px 5px -1px rgba(0,0,0,0.3);
-moz-box-shadow: 3px 3px 5px -1px rgba(0,0,0,0.3);
box-shadow: 3px 3px 5px -1px rgba(0,0,0,0.3);
borer: 1px soft gray;
border-radius: 30px;
padding: 0;
border: 1px solid rgba(0,0,0,0.3);
margin: 1em;
}

.CPBottomBot
{
background-color: #1AA3DA;
color: white;
border-radius:0px 0px 30px 30px;
padding: 0.5em;
text-align: center;
}
.bocata
{
margin-top: 5em;
border-radius: 1vh 1vh 0vh 0vh;
}
.CPTopImg
{
background-color: #FFF;
color: black;
border-radius:30px 30px 0px 0px;
text-align: center;
}

.bocataV
{
border-radius:30px 30px 0px 0px;
width: 100%;
}

.bocataV img
	{
	border-radius:1vh 1vh 0px 0px !important;
	}


.barraExpCont
{
margin-bottom:2em;
}


.respuesta
{
background-color: white;
color: black;
border: 1px solid #AAA;
border-radius: 8px;
width: 90%;
margin: 1em;
/*margin-left: -25px;*/
display: block;
float: left;
padding: 1em 1em 1em 3em;
cursor: pointer;
text-align: justify;
min-height: 10em;
}

.respuesta:hover
{
border-color: cyan;
}

.Rnohover:hover
{
border-color: #AAA; !important;	
}

.respuestaB
{
border-color: cyan !important;
}

.cliente
{
padding: 1em;
background-color: rgba(0,0,0,0.5);
color: white;
min-height: 7em;
max-height: 7em;
}


.opciones
{
padding: 0em;
}

.bola
{
position: absolute;
top: 50%;
transform: translateY(-50%);
border: 1px solid #AAA;
border-radius: 35px;
background-color: white;
margin-left: -13px;
display: block;
float: left;
min-width: 53px;
min-height: 53px;
cursor: pointer;
}

.bola:hover
{
border-color: cyan !important;
}

.bolaB
{
border-color: cyan !important;
}

.rounded
{
background-color: white;
height: 40px;
width: 40px;
border-radius: 20px;
display: block;
padding-top: 3px;
padding-left: 2px;
color: orange;
}

.rounded:after
{
content: 'NIVEL';
font-size: 15px;
margin-top: 5px;	
}

.halo
{
display: block;
background-color: transparent;
border: 2px solid orange;
height: 35px;
width: 35px;
border-radius: 17px;
text-align: center;
font-size: 20px;
}

.rounded.noSup
{
background-color: #999;
color: #333;
}

.halo.noSup
{
border-color: #333;
}

.col20
{
display:block;
float:left;
width:20%;
}

.CPleft
{
display:block;
float:left;
}

.CPT1
{
color: #0099d8;
}
.CPT2
{
color: #fe8b02;
}

.CPT3
{
color: #fff;
}
.CPBlueTxt
{
color: #0099d8;	
}

.CPTxt
{
font-size: 22px;
}

.CPFP0
{
font-size: 40px;
font-weight: bold;
}

.CPFP1
{
font-size: 30px;
font-weight: bold;
}
.CPFP2
{
font-size:25px;	
font-weight: bold;
}
.CPBarBox
{
padding: 2em 3em;
background-color: white;
border-radius: 1em;
-webkit-box-shadow: 4px 4px 13px -1px rgba(0,0,0,0.68);
-moz-box-shadow: 4px 4px 13px -1px rgba(0,0,0,0.68);
box-shadow: 4px 4px 13px -1px rgba(0,0,0,0.68);
margin-left: 50%; 	
transform: translateX(-50%);
margin-bottom: 1.5em;
margin-top: 0em;
}
.CPCent
{
text-align: center;
}



.PopUpLayer
{
position: fixed;
top: 0pc;
left: 0px;
margin: 0px;
padding: 0px;
height: 100%;
width: 100%;
background-color: rgba(0,0,0,0.5);
z-index: 999;
text-align: center;
}

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

#popVideo
{
-webkit-box-shadow: 0px 0px 7px 8px rgba(255,255,255,1);
-moz-box-shadow: 0px 0px 7px 8px rgba(255,255,255,1);
box-shadow: 0px 0px 7px 8px rgba(255,255,255,1);
height: 600px;
border-radius: 30px;
}

#waitVideo
{
-webkit-box-shadow: 0px 0px 7px 8px rgba(255,255,255,1);
-moz-box-shadow: 0px 0px 7px 8px rgba(255,255,255,1);
box-shadow: 0px 0px 7px 8px rgba(255,255,255,1);
width: 500px;
border-radius: 30px;
}

#pop, .videoBack
	{
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	}
	
.CPvisible {
  visibility: visible;
  opacity: 1;
  transition: opacity 1s linear;
}

.CPhidden 
	{
	visibility: hidden;
	opacity: 0;
	transition: visibility 0s 1s, opacity 1s linear;
	}

.panelEspera
{
display: block !important;
position: absolute !important;
z-index: 900 !important;
background-color: rgba(0, 0, 0, 0.5) !important;
}

.panelEspera img
{
top: 40% !important;
}

.rspTxt
{
position: relative;
display: block;
}

/* *** ESTILOS EDER *** */
/*.respuestas{*/
	/*display: none;*/
/*}*/

/*.tick{*/
	/*visibility: hidden;*/
/*}*/
/*.looser{*/
	/*visibility: hidden;*/
/*}*/
/*.winner{*/
	/*visibility: hidden;*/
/*}*/
.imagenLogooo img {
	height: 16vh;
}