.tipografia {
    text-align: center;
    margin-left: 60px;
    line-height: 0.9em;
}

.resaltado {
    position: absolute;
}

.personaje {
    position: absolute;
}

.la_tengo_clara {
    background: url("images/la_tengo_clara.png");
    width: 245px;
    height: 239px;
}
.nene_concentrado {
    background: url("images/nene_concentrado.png");
    width: 235px;
    height: 212px;
}
.nene_desarmando {
    background: url("images/nene_desarmando.png");
    width: 208px;
    height: 200px;
}
.robot_sonriente {
    background: url("images/robot_sonriente.png");
    width: 280px;
    height: 274px;
}

#nave {
    left: 800px;
    top: 200px;
}

#robot_sonriente {
    left: 670px;
    top: 150px;
}

#nene_desarmando {
    top: 130px;
    left: 50px;
}

#la_tengo_clara {
    top: 170px;
    left: 700px;
}

#personaje_hablando {
    top: 150px;
    left: 140px;
}

#nene_concentrado {
    top: 190px;
    left: 70px;
}



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

/*** SLIDE 1 ***/

#comenzar {
    top: 250px;
}

#slide1 {
    padding-top: 80px;

    .tipografia {
        position: relative;
        font-size: 55px;
        margin-top: 50px;
    }
}

#slide1_globo {
    position: absolute;
    left: 650px;
    top: 50px;
    div {
        padding: 20px;
    }
}



/*** SLIDE 2 ***/

#slide2 {
    padding-top: 80px;
    .titulo {
        font-size: 65px;
        margin-right: 20px;
    }
    .oracion {
        margin-top: 20px;
        font-size: 33px;
    }
}

#slide2_globo_te_damos_algunas_ideas {
    position: absolute;
    top: 65px;
    left: 680px;
    div {
        padding: 30px;
        font-size: 18px;
    }
}

/*** SLIDE 3 ***/

#slide3 {
    padding-top: 50px;
    .oracion {
        font-size: 25px;
    }
    .pie {
        font-size: 20px;
        width: 450px;
        margin-left: 100px;
    }

    #slide3_descubri_las_acciones_resaltado {
        width: 430px;
        left: 120px;
    }
    #slide3_realizar_los_robots_resaltado {
        width: 260px;
        left: 120px;
    }
    #slide3_planilla_calculo {
        text-align: center;
        #slide3_flecha_desde {
            position: absolute;
            top: 10px;
            left: 180px;
        }
        #slide3_screenshot {
            padding: 10px;
            height: 100px;
            width: auto;
        }
        #slide3_flecha_hasta {
            top: 80px;
            left: 400px;
            position: absolute;
        }
    }
}

/*** SLIDE 4 ***/

#slide4 {
    padding-top: 110px;
    text-align: center;
    div {
        width: 480px;
        margin-left: 100px;
    }
    .titulo {
        font-size: 32px;
        line-height: 1em;
    }
    .oracion {
        font-size: 23px;
        line-height: 1em;
    }
    #slide4_de_Prezi {
        margin-bottom: 20px;
    }

    #slide4_y_observa_resaltado {
        left: 10px;
        width: 450px;
    }
    #slide4_que_tiene_resaltado {
        left: 60px;
        width: 350px;
    }

    a {
        margin-top: 20px;
        display: inline-block;
        background-color: black;
        color: #f0df00;
        line-height: 1.5em;
        padding: 5px 30px;
        font-family: 'Permanent Marker', cursive;
        font-size: 38px;
        margin-left: 60px;
    }
}

#slide5 {
    padding-top: 90px;
    .oracion {
        font-size: 28px;
        line-height: 1em;
    }
    #slide5_y_clasifica_cuales_resaltado {
        left: 90px;
        width: 480px;
    }
    #slide5_son_robots_resaltado {
        left: 160px;
        width: 340px;
    }
    #slide5_planilla_calculo {
        margin-top: 15px;
        text-align: center;
    }
    .circulo_amarillo {
        position: absolute;
        z-index: -1;
    }
    #slide5_planilla {
        margin-top: 20px;
    }
}


#slide6 {
    padding-top: 100px;
    .oracion {
        font-size: 20px;
        line-height: 1em;
    }
    .titulo {
        span {
            background-color: black;
            color: #f0df00;
            font-family: 'Permanent Marker', cursive;
            font-size: 45px;
            text-align: center;
            line-height: 1.2em;
            padding: 0 15px;
        }
    }
    #slide6_por_ultimo {
        margin-bottom: 10px;
    }
    #slide6_a_partir_de {
        font-size: 33px;
        width: 480px;
        margin-left: 100px;
    }
}