@import url("M_G06_U01_L06.css");


.clickObj{
	background-image: url(../img/click/clickObj.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	width:40px;
	height:45px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform:translate(-50%,-50%);
}

.cntConcepto2{
width: 89%;
height: 75%;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
position: relative;
top: 45%;
left: 50%;
transform: translate(-50%,-50%);
background-color: #FEFEFE;
box-shadow: 4px 4px 8px 4px rgba(0,0,0,0.3);
}

.cntConcepto2 .enunciado{
font-family: 'Cabin SemiBold';
font-size: 37px;
color: #7F7F7F;
position: absolute;
left: 50%;
transform: translate(-50%);
white-space: nowrap;
top: 6%;
line-height: 44px;
letter-spacing: -0.5px;
}

.pregunta{
    color:#4271D3;
    margin-top: 30px;
}

.pregunta2{
color: #4271D3;
margin: 0;
font-family: 'cabin semibold';
font-size: 37px;
line-height: 40px;
left: 50%;
top: 2%;
transform: translate(-50%);
position: absolute;
white-space: nowrap;
}


.respuesta{
width: 915px;
height: 58px;
background-color: #DBDBDB;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
position: absolute;
cursor: pointer;
padding: 10px;
box-shadow: 2px 2px 6px 1px rgba(0,0,0,0.3);
-webkit-box-shadow: 2px 2px 6px 1px rgba(0,0,0,0.3);
-moz-box-shadow: 2px 2px 6px 1px rgba(0,0,0,0.3);
left: 50%;
transform: translate(-50%);
top: 0;
}
.respuestaVisible{
background-color: #FEFEFE;
cursor: default;
-webkit-box-shadow: 0px 0px 0px 0px #fefefe;
-moz-box-shadow: 0px 0px 0px 0px #fefefe;
box-shadow: 0px 0px 0px 0px #fefefe;

}

.respuesta span{
    display: none;
    color:#DD4419;
    font-family: 'Cabin SemiBold';
    font-size: 48px;
    position: absolute;
    transform: translate(0,-50%);
    top: 50%;
    left: 5%;
}

.cntFrase{
width:915px;
height:106px;
background-color: #DBDBDB;
border: 2px solid #fefefe;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
    position: relative;
    cursor:pointer;
    margin: 15px 0px;
    padding: 10px;
}

.cntFrase span{
    display: none;
    color:#DD4419;
    font-family: 'cabinbold';
    font-size: 52px;
    position: absolute;
    transform: translate(0,-50%);
    top: 50%;
    left: 8%;
	white-space:nowrap;
}


.tblFrase{
font-family: 'Cabin SemiBold';
font-size: 45px;
color: #494949;
margin: 0 auto;
position: relative;
top: 18%;
line-height: 45px;
left: 1.5%;
}
.tblFrase tr th:nth-child(1){
font-size:57px;
width:522px;
border-bottom:1px solid #545454;
border-right:1px solid #545454;
}
.tblFrase tr th:nth-child(2){
font-size:35px;
text-align:left;
width:490px;
padding-left:10px;
border-bottom:1px solid #545454;
}
.tblFrase tr td:nth-child(1){
border-right:1px solid #545454;
}
.tblFrase tr td{

    position: relative;
    padding: 0 15px;
	height:133px;
	border-bottom:1px solid #545454;
}

.tblFrase .numero{
font-family: 'cabinbold';
font-size: 46px;
color: #4271d3;
position: absolute;
left: -6%;
top: 50%;
transform: translate(0,-50%);
}

.enunciado1{
color: #707070;
margin: 0;
font-family: 'cabin semibold';
font-size: 37px;
line-height: 36px;
left: 50%;
top: 2%;
transform: translate(-50%);
position: absolute;
white-space: nowrap;
}

.enunciado2{
color: #707070;
margin: 0;
font-family: 'cabin semibold';
font-size: 37px;
line-height: 36px;
left: 52%;
bottom: 4%;
transform: translate(-50%);
position: absolute;
white-space: nowrap;
}

.plano{
background-image: url(../img/problema/plano.png);
background-repeat: no-repeat;
background-size: 100% 100%;
width: 1080px;
height: 222px;
position: absolute;
left: 50%;
top: 16%;
transform: translate(-50%);

}

.destino{
width:64px;
height:60px;
border:9px solid #77b79a;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
display: inline-block;
margin-right: 35px;
background-color:#fefefe;
}


.cuadro{
width:64px;
height:60px;
border:9px solid #77b79a;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
color:#dd4419;
font-size:55px;
font-family: 'Cabin SemiBold';
display: inline-block;
text-align:center;
margin-right: 35px;
line-height: 60px;
background-color:#fefefe;
position: absolute;
}

.lineaDivision{
background-color:#a0a0a0;
width:1092px;
height:2px;
position: absolute;
top: 61.5%;
}