::-webkit-scrollbar {
        width: 8px;
    }
     
::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.3); 
        border-radius: 1px;
    }
     
::-webkit-scrollbar-thumb {
        border-radius: 1px;
        -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.5); 
    }

.app_boton_back{
    width: 100px;
     height: 100px;
     left: 132px;
    top: 486px;
     -moz-border-radius: 50%;
     -webkit-border-radius: 50%;
     border-radius: 50%;
}


#instrucciones{
    padding: 16px 16px 0px 16px;
    color: #fff;
    text-align: center;
}

@media (min-width: 800px){
    #app_contenedor{
        width:800px;
        height:660px;
        background:#2b3357;
    }
    #app_celular{
        width:360px;
        height:630px;
        background-image:url("../img/celular.png");
        position: relative;
        top: 50%;
        left:50%;
        -ms-transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
    }
    #app_pantalla{
        width:320px;
        height:480px;
         /*background-image:url("../img/FondoMenu-01.png");*/
        position:absolute;
        left:19px;
        top:65px;
    }
    #app_menu{
        width:inherit;
        height:inherit;
    }
    #app-cont-encabezado{
        width:320px;
        height:51px;
        background-color: #0C4465;
    }
    #app-btn-back{
        width:20px;
        height:51px;
        position:relative;
        float:left;
    }
    #app-cont-txt-encabezado{
        width:300px;
        height:51px;
        position:relative;
        float:left;
    }
    #app-txt-encabezado{
        text-align:center;
        color:#FFFFFF;
        font-family: 'Open Sans', sans-serif;
        font-size:22px;
        font-weight:bold;
        position:relative;
        top: 50%;
        left:50%;
        -ms-transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
    }
    #app-cont-titulo{
        width:320px;
        height:143px;
        background-color:#4485F7;
        position:relative;
        float:left;
    }
    #app_cont_icono{
        width:100px;
        height:143px;
        position:relative;
        float:left;
        margin-left: 35%;
    }
    #app_icono{
        width:80px;
        height:80px;
        border-radius: 45px;
        background: #FFFFFF;
        position:relative;
        left:10px;
        top: 50%;
        -ms-transform: translatey(-50%);
        -webkit-transform: translatey(-50%);
        transform: translatey(-50%);
        font-family: 'Open Sans', sans-serif;
        font-size:45pt;
        color:#FFFFFF;
    }
    .centrar{
        position:relative;
        top: 50%;
        left:50%;
        -ms-transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
    }
    #app-txt-titulo{
        width:295px;
        position:relative;
        float:left;
        top: 50%;
        -ms-transform: translatey(-50%);
        -webkit-transform: translatey(-50%);
        transform: translatey(-50%);
        font-family: 'Open Sans', sans-serif;
        font-weight:bold;
        font-size:33px;
        color:#FFFFFF;
    }
    
    #app_contenido{
        width:inherit;
        height:inherit;
        background:#F8F9F9;
        display:none;
    }
    .app_titulo_txt{
        text-align:justify;
        font-family:'Open Sans', sans-serif;
        font-weight:700;
        color:#333;
        font-size:19px;
    }
    #app_contenido_txt{
        width:298px;
        height:260px;
        position:relative;
        text-align:justify;
        font-family:'Open Sans', sans-serif;
        font-weight:lighter;
        color:#333;
        font-size:15px;
        overflow: auto;
        padding:10px;
    }
    #app_boton_back{
        width:51px;
        height:51px;
        position:absolute;
        left: 133px;
        top: 489px;
    }
    .app_btn{
        width:78px;
        height:78px;
    }
    .app_btn:hover{
        width:81px;
        height:81px;
        box-shadow:4px 4px 3px 0 rgba(0,0,0,0.3);
    }
    .celda_btn{
        width:105px;
        height:120px;
        vertical-align: center;
        text-align:center;
    }
}

@media (max-width: 799px){
    #app_contenedor{
        width:100%;
        height:620px;
        background:#2b3357;
    }
    #app_celular{
        width:360px;
        height:614px;
        background-image:url("../img/celular.png");
        position: relative;
        top: 50%;
        left:50%;
        -ms-transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
    }
    #app_pantalla{
        width:320px;
        height:480px;
         /*background-image:url("../img/FondoMenu-01.png");*/
        position:absolute;
        left:20px;
        top:66px;
    }
    #app_menu{
        width:inherit;
        height:inherit;
    }
    #app-cont-encabezado{
        width:320px;
        height:51px;
        background-color: #0C4465;
    }
    #app-btn-back{
        width:20px;
        height:51px;
        position:relative;
        float:left;
    }
    #app-cont-txt-encabezado{
        width:300px;
        height:51px;
        position:relative;
        float:left;
    }
    #app-txt-encabezado{
        text-align:center;
        color:#FFFFFF;
        font-family: 'Open Sans', sans-serif;
        font-size:22px;
        font-weight:bold;
        position:relative;
        top: 50%;
        left:50%;
        -ms-transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
    }
    #app-cont-titulo{
        width:320px;
        height:143px;
        background-color:#4485F7;
        position:relative;
        float:left;
    }
    #app_cont_icono{
        width:100px;
        height:143px;
        position:relative;
        float:left;
    }
    #app_icono{
        width:80px;
        height:80px;
        border-radius: 45px;
        background: #FFFFFF;
        position:relative;
        left:10px;
        top: 50%;
        -ms-transform: translatey(-50%);
        -webkit-transform: translatey(-50%);
        transform: translatey(-50%);
        font-family: 'Open Sans', sans-serif;
        font-size:45pt;
        color:#FFFFFF;
    }
    .centrar{
        position:relative;
        top: 50%;
        left:50%;
        -ms-transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
    }
    #app-txt-titulo{
        width:220px;
        position:relative;
        float:left;
        top: 50%;
        -ms-transform: translatey(-50%);
        -webkit-transform: translatey(-50%);
        transform: translatey(-50%);
        font-family: 'Open Sans', sans-serif;
        font-weight:bold;
        font-size:35px;
        color:#FFFFFF;
    }
    
    #app_contenido{
        width:inherit;
        height:inherit;
        background:#F8F9F9;
        display:none;
    }
    .app_titulo_txt{
        text-align:justify;
        font-family:'Open Sans', sans-serif;
        font-weight:700;
        color:#333;
        font-size:19px;
    }
    #app_contenido_txt{
        width:298px;
        height:260px;
        position:relative;
        text-align:justify;
        font-family:'Open Sans', sans-serif;
        font-weight:lighter;
        color:#333;
        font-size:15px;
        overflow: auto;
        padding:10px;
    }
    #app_boton_back{
        width:51px;
        height:51px;
        /* background-image:url("../img/¡Movilízate!_home_btn.png"); */
        position:absolute;
        left:144px;
        top:497px;
    }
    .app_btn{
        width:78px;
        height:78px;
    }
    .app_btn:hover{
        width:81px;
        height:81px;
        box-shadow:4px 4px 3px 0 rgba(0,0,0,0.3);
    }
    .celda_btn{
        width:105px;
        height:120px;
        vertical-align: center;
        text-align:center;
    }
}

@media (max-width: 790px){
    #app_contenedor{
        width:100%;
        height:415px;
        background:#2b3357;
    }
    #app_celular{
        width:614px;
        height:377px;
        position: relative;
        background-image:url('../img/celular_h.png');
        top: 50%;
        left:50%;
        -ms-transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
    }
    #app_pantalla{
        width:480px;
        height:320px;
        /*background-image:url("../img/FondoMenu-01.png");*/
        
        position:absolute;
        left:65px;
        top:20px;
    }
    #app_menu{
        width:inherit;
        height:inherit;
    }
    #app-cont-encabezado{
        width:480px;
        height:51px;
        background-color: #0C4465;
    }
    #app-btn-back{
        width:20px;
        height:51px;
        position:relative;
        float:left;
    }
    #app-cont-txt-encabezado{
        width:460px;
        height:51px;
        position:relative;
        float:left;
    }
    #app-txt-encabezado{
        text-align:center;
        color:#FFFFFF;
        font-family: 'Open Sans', sans-serif;
        font-size:22px;
        font-weight:bold;
        position:relative;
        top: 50%;
        left:50%;
        -ms-transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
    }
    #app-cont-titulo{
        width:143px;
        height:269px;
        background-color:#4485F7;
        position:relative;
        float:left;
    }
    #app_cont_icono{
        width:100px;
        height:100px;
        position:relative;
        float:left;
        margin-top: 20%;        
        margin-left: 35%;
        /* margin-top: 50%; */
    }
    #app_icono{
        width:80px;
        height:80px;
        border-radius: 45px;
        background: #FFFFFF;
        position:relative;
        left:31px;
        top: 50%;
        -ms-transform: translatey(-50%);
        -webkit-transform: translatey(-50%);
        transform: translatey(-50%);
        font-family: 'Open Sans', sans-serif;
        font-size:45pt;
        color:#FFFFFF;
    }
    .centrar{
        position:relative;
        top: 50%;
        left:50%;
        -ms-transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
    }
    #app-txt-titulo{
        width:295px;
        text-align:left;
        position:relative;
        float:left;
        top: 40%%;
        -ms-transform: translatey(-50%);
        -webkit-transform: translatey(-50%);
        transform: translatey(-50%);
        font-family: 'Open Sans', sans-serif;
        font-weight:bold;
        font-size:26px;
        color:#FFFFFF;
    }
    
    #app_contenido{
        width:inherit;
        height:inherit;
        background:#F8F9F9;
        display:none;
    }
    .app_titulo_txt{
        text-align:justify;
        font-family:'Open Sans', sans-serif;
        font-weight:700;
        color:#333;
        font-size:19px;
    }
    #app_contenido_txt{
        width:315px;
        height:240px;
        position:relative;
        text-align:justify;
        font-family:'Open Sans', sans-serif;
        font-weight:lighter;
        color:#333;
        font-size:15px;
        overflow: auto;
        padding:10px;
    }
    #app_boton_back{
        width:51px;
        height:51px;
        /* background-image:url("../img/¡Movilízate!_home_btn.png"); */
        position:absolute;
         left: 488px;
         top: 142px;
    }
    .app_btn{
        width:78px;
        height:78px;
    }
    .app_btn:hover{
        width:81px;
        height:81px;
        box-shadow:4px 4px 3px 0 rgba(0,0,0,0.3);
    }
    .celda_btn{   
    width: 105px;
    height: 105px;
        vertical-align: center;
        text-align:center;
    }
}

@media (max-width: 600px){
    #app_contenedor{
        width:100%;
        height:680px;
        background:#2b3357;
    }
    #app_celular{
        width:456px;
        height:636px;
        position: relative;
        background-image:url('../img/celular.png');
        background-repeat: no-repeat;
        background-size: 373px;
        /* background-color:#0C4465; */
        top: 47%;
        left: 59%;
        -ms-transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
    }
    #app_pantalla{
        width: 330px;
        height: 477px;
        /*background-image:url("../img/FondoMenu-01.png");*/
        position: absolute;
        left: 21px;
        top: 87px;
    }
    #app_menu{
        width:inherit;
        height:inherit;
    }
    #app-cont-encabezado{
        width: 326px;
        height:51px;
        background-color: #0C4465;
    }
    #app-btn-back{
        width:20px;
        height:51px;
        position:relative;
        float:left;
    }
    #app-cont-txt-encabezado{
        width: 306px;
        height:51px;
        position:relative;
        float:left;
    }
    #app-txt-encabezado{
        text-align:center;
        color:#FFFFFF;
        font-family: 'Open Sans', sans-serif;
        font-size:22px;
        font-weight:bold;
        position:relative;
        top: 50%;
        left:50%;
        -ms-transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
    }
    #app-cont-titulo{
        width: 326px;
        height: 143px;
        background-color:#4485F7;
        position:relative;
        float:left;
    }
    #app_cont_icono{
        width:100px;
        height:0px;
        position:relative;
        float:left;
    }
    #app_icono{
        width:80px;
        height:80px;
        border-radius: 45px;
        background: #FFFFFF;
        position:relative;
        left:10px;
        top: 50%;
        -ms-transform: translatey(-50%);
        -webkit-transform: translatey(-50%);
        transform: translatey(-50%);
        font-family: 'Open Sans', sans-serif;
        font-size:45pt;
        color:#FFFFFF;
    }
    .centrar{
        position:relative;
        top: 50%;
        left:50%;
        -ms-transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
    }
    #app-txt-titulo{
        width:215px;
        text-align:left;
        position:relative;
        float:left;
        top: 10%;
        -ms-transform: translatey(-50%);
        -webkit-transform: translatey(-50%);
        transform: translatey(-50%);
        font-family: 'Open Sans', sans-serif;
        font-weight:bold;
        font-size:26px;
        color:#FFFFFF;
    }
    
    #app_contenido{
        width:inherit;
        height:inherit;
        background:#F8F9F9;
        display:none;
    }
    .app_titulo_txt{
        text-align:justify;
        font-family:'Open Sans', sans-serif;
        font-weight:700;
        color:#333;
        font-size:19px;
    }
    #app_contenido_txt{
        width:315px;
        height:240px;
        position:relative;
        text-align:justify;
        font-family:'Open Sans', sans-serif;
        font-weight:lighter;
        color:#333;
        font-size:15px;
        overflow: auto;
        padding:10px;
    }
    #app_boton_back{
        width:51px;
        height:51px;
        /* background-image:url("../img/¡Movilízate!_home_btn.png"); */
        position:absolute;
        left: 137px;
        top: 488px;
    }
    .app_btn{
        width:78px;
        height:78px;
    }
    .app_btn:hover{
        width:81px;
        height:81px;
        box-shadow:4px 4px 3px 0 rgba(0,0,0,0.3);
    }
    .celda_btn{
        width:105px;
        height:120px;
        vertical-align: center;
        text-align:center;
    }
}

@media (max-width: 400px){
    #app_contenedor{
        width:320px;
        height:480px;
        background:#2b3357;
    }
    #app_celular{
        width:320px;
        height:480px;
        position: relative;
        background-image:none;
        background-color:#0C4465;
        top: 50%;
        left:50%;
        -ms-transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
    }
    #app_pantalla{
        width:320px;
        height:480px;
         /*background-image:url("../img/FondoMenu-01.png");*/
        
        position:absolute;
        left:0px;
        top:0px;
    }
    #app_menu{
        width:inherit;
        height:inherit;
    }
    #app-cont-encabezado{
        width:320px;
        height:51px;
        background-color: #0C4465;
    }
    #app-btn-back{
        width:20px;
        height:51px;
        position:relative;
        float:left;
    }
    #app-cont-txt-encabezado{
        width:300px;
        height:51px;
        position:relative;
        float:left;
    }
    #app-txt-encabezado{
        text-align:center;
        color:#FFFFFF;
        font-family: 'Open Sans', sans-serif;
        font-size:22px;
        font-weight:bold;
        position:relative;
        top: 50%;
        left:50%;
        -ms-transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
    }
    #app-cont-titulo{
        width:320px;
        height:143px;
        background-color:#4485F7;
        position:relative;
        float:left;
    }
    #app_cont_icono{
        width:100px;
        height:143px;
        position:relative;
        float:left;
    }
    #app_icono{
        width:80px;
        height:80px;
        border-radius: 45px;
        background: #FFFFFF;
        position:relative;
        left:10px;
        top: 50%;
        -ms-transform: translatey(-50%);
        -webkit-transform: translatey(-50%);
        transform: translatey(-50%);
        font-family: 'Open Sans', sans-serif;
        font-size:45pt;
        color:#FFFFFF;
    }
    .centrar{
        position:relative;
        top: 50%;
        left:50%;
        -ms-transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
    }
    #app-txt-titulo{
        width:220px;
        position:relative;
        float:left;
        top: 50%;
        -ms-transform: translatey(-50%);
        -webkit-transform: translatey(-50%);
        transform: translatey(-50%);
        font-family: 'Open Sans', sans-serif;
        font-weight:bold;
        font-size:35px;
        color:#FFFFFF;
    }
    
    #app_contenido{
        width:inherit;
        height:inherit;
        background:#F8F9F9;
        display:none;
    }
    .app_titulo_txt{
        text-align:justify;
        font-family:'Open Sans', sans-serif;
        font-weight:700;
        color:#333;
        font-size:19px;
    }
    #app_contenido_txt{
        width:298px;
        height:260px;
        position:relative;
        text-align:justify;
        font-family:'Open Sans', sans-serif;
        font-weight:lighter;
        color:#333;
        font-size:15px;
        overflow: auto;
        padding:10px;
    }
    #app_boton_back{
        width:51px;
        height:51px;
        /* background-image:url("../img/¡Movilízate!_home_btn.png"); */
        position:absolute;
        left:144px;
        top:497px;
    }
    .app_btn{
        width:78px;
        height:78px;
    }
    .app_btn:hover{
        width:81px;
        height:81px;
        box-shadow:4px 4px 3px 0 rgba(0,0,0,0.3);
    }
    .celda_btn{
        width:105px;
        height:120px;
        vertical-align: center;
        text-align:center;
    }
}
.app_txt_icono{
    text-decoration:none;
    font-family:'Open Sans', sans-serif;
    font-weight:bold;
    color:#FFF;
    font-size:12px;
}

a{
    text-decoration:none;
}