/* begin Page */
/* Created by Carlos Vassallo Donayre */

body {
/*
background-image: url('../media/imgs_02/flor_blanca.PNG');
    width: 100%;
    background: linear-gradient(to right,  #B07F40, #fff, #fff);
*/
}

section#fondo-index_tit_pag01 {
/*
    margin: -14px 0px 0px -8px;
    background: linear-gradient(to right,  #B07F40, #fff, #fff);
*/
    width: 100%;
    height: 70px;
    margin: 133px 0px 0px -8px;
}

#nombre_pagina_tit_pag01 {
    /*
    QUIENES SOMOS   actual con animacion. cambio de color.
    padding: 30px 0px 0px 100px;
    */
    margin: 160px 0px 0px 80px;
}

/*  manejo de Responsive Web Design (media cuery 1)   */
@media screen and (max-width: 1024px) {   /* Negro */
    #nombre_pagina_tit_pag01 {
        /*
        padding: 30px 0px 0px 30px;
        margin: 160px 0px 0px 80px;
        */
        margin: 160px 0px 0px 20px;
    }
}

@media screen and (max-width: 768px) {   /* Rojo */
    #nombre_pagina_tit_pag01 {
        /*
        padding: 30px 0px 0px 30px;
        */
        margin: 160px 0px 0px 40px;
    }
}

@media screen and (max-width: 640px) {   /* Celeste */
    #nombre_pagina_tit_pag01 {
        /*
        padding: 30px 0px 0px 30px;
         */
        margin: 20px 0px 0px -60px;
    }
}

@media screen and (max-width: 480px) {   /* Plomo */
    #nombre_pagina_tit_pag01 {
        /*
        padding: 30px 0px 0px 30px;
        */
        margin: 20px 0px 0px 30px;
    }
}

@media screen and (max-width: 320px) {   /* Blanco */   
    #nombre_pagina_tit_pag01 {
        /*
        margin: 60px 0px 0px 30px;
        padding: 30px 0px 0px 30px;
        */
        margin: 60px 0px 0px -20px;
        padding: 30px 0px 0px 30px;
    }
}