/* CSS Document */
@import url("S_G06_U01_L02_03.css");

/*subFondoDiagrama*/
.subFondoDiagrama {
width: 1180px;
height: 600px;
position: absolute;
top: 6.5%;
left: 50%;
transform: translate(-50%);
border: 3px dashed #FF9203;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}


/*nina con libro*/
.IL_S_G06_U01_L01_03_02_01 {
    background-image: url(../img/diagramaHR/IL_S_G06_U01_L01_03_02_01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 297px;
    height: 573px;
    position: absolute;
    left: 2%;
    top: 8%;
    z-index: 1;
    display:inline-block;
}

/*GRAFICA SOL*/
.IL_S_G06_U01_L02_03_02_02{
background-image: url(../img/diagramaHR/IL_S_G06_U01_L02_03_02_02.png);
background-repeat: no-repeat;
background-size: 100% 100%;
width: 695px;
height: 554px;
position: absolute;
left: 50%;
top: 2%;
transform: translate(-50%);
display: inline-block;


}

.IL_S_G06_U01_L02_03_02_03{
    background-image: url(../img/diagramaHR/IL_S_G06_U01_L02_03_02_03.png);
background-repeat: no-repeat;
background-size: 100% 100%;
width: 642px;
height: 456px;
position: absolute;
left: 50%;
top: 18%;
transform: translate(-50%);
display: inline-block;


}

.instruccionDiagrama{
    position: absolute;
    width: 777px;
    height: 370px;
    padding: 0px;
    background: #FFFFFF;
    border: #F95353 solid 12px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    left: 28.3%;
    top: 2%;
}

.instruccionDiagrama:before {
content: "";
position: absolute;
top: 110px;
left: -55px;
border-style: solid;
border-width: 35px 50px 35px 0;
border-color: transparent #F95353;
display: block;
width: 0;
z-index: 0;
}

.instruccionDiagrama:after {
content: "";
position: absolute;
top: 116.5px;
left: -38px;
border-style: solid;
border-width: 28px 40px 28px 0;
border-color: transparent #FFFFFF;
display: block;
width: 0;
z-index: 1;
}
.instruccionDiagrama .texto {
font-family: 'cabinregular';
font-size: 35px;
color: #6F6F6E;
line-height: 41px;
margin-left: 3%;
margin-top: 2%;
letter-spacing: 0;
}

.btn1 {
    background-image: url(../img/diagramaHR/btn1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 285px;
    height: 66.5px;
    position: absolute;
 right: 3.5%;
top: 72%;
    z-index: 1;
    display:inline-block;
}
.btn2 {
    background-image: url(../img/diagramaHR/btn2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 285px;
    height: 66.5px;
    position: absolute;
right: 3.5%;
top: 85%;
    z-index: 1;
    display:inline-block;
}

.subTitulo{
text-align: center;
color:#FEFEFE;font-family: 'cabinbold';
font-size: 38px;
line-height: 52px;
background-color:#FF8B00;
    width:230px;
    height: 53px;
    position: absolute;
    display: inline-block;
    top: -22px;
    left: 50%;
    transform: translate(-50%);
    -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;

}
.cntDato{
    width: 466px;
    height: 373px;
    background-color: #FEFEFE;
    border: 3px solid #FFC200;
    position: absolute;
    display: inline-block;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
    left: 2%;
top: 6%;
}

.tblDatos{
 border-collapse: collapse;
margin: 14% auto 0 auto;
  
}
.tblDatos td, .tblDatos th {
  border: 1px solid #3A3A3A;
}
 .tblDatos tr th{
    color:#565858;
    text-align: center;
    font-family: 'cabinbold';
    font-size: 38px;
       letter-spacing: 0;
}

 .tblDatos tr td{
    color:#565858;
    text-align: left;
    font-family: 'cabinmedium';
    font-size: 38px;
    padding: 5px 10px 5px 10px;
}
 .tblDatos tr td:nth-child(2){
 text-align: center;
 }

.tblDatos tr:first-child th {
  border-top: 0;
}

.tblDatos tr td:first-child,
.tblDatos tr th:first-child {
  border-left: 0;
    width: 300px;
}
.tblDatos tr td:last-child,
.tblDatos tr th:last-child {
  border-right: 0;
    width: 110px;
}



.cntVideo{
border: 7px solid #FFC200;
position: absolute;
display: inline-block;
width: 630px;
height: 365px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
left: 44%;
top: 6%;
}
.cntEdad{
    width: 1112px;
    height: 120px;
    background-color: #FEFEFE;
    border: 3px solid #FFC200;
    position: absolute;
    display: inline-block;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
    left: 2%;
bottom: 6%;
}
.cntEdad .texto{
font-family: 'cabinmedium';
font-size: 49px;
color: #565858;
display: inline-block;
position: absolute;
top: 33%;
left: 13.5%;
}

 .tblEdad{
border-collapse: collapse;
position: absolute;
right: 1.5%;
top: 14%;
}
 .tblEdad td, .tblEdad th {
  border: 3px solid #FF8B00;
     vertical-align: bottom;
}

.tblEdad tr:first-child th {
  border-top: 0;
}
.tblEdad tr:last-child td {
  border-bottom: 0;
}

.tblEdad tr th:first-child {
  border-left: 0;
    width: 14px;
    height: 73px;
}
.tblEdad tr td:first-child {
  border-left: 0;
       width: 14px;
    height: 15px;
}
.tblEdad tr th:last-child {
  border-right: 0;
    width: 608px;
    height: 73px;
}
.tblEdad tr td:last-child {
  border-right: 0;
     width: 608px;
    height: 15px;
}
.barraEdad{
    width: 138px;
    height: 60px;
    background-color: #FF8B00;}