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

body {
/*
  margin: 5.0em .0em .0em 5.0em;
*/
}

/*
  Empieza el cuerpo, lado izquierdo
*/

/*
sectiona#animacion_principal_contacto_animacion {
*/
section#animacion_principal_contacto_animacion {
/*
    background: -webkit-gradient(linear, left top, left bottom, from(#CCCCCC), to(#ffffff));
    background: -moz-linear-gradient(top,  #CCCCCC,  #ffffff);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#D7E9F3', endColorstr='#ffffff');
*/

/*
    background-color: #585858;
    max-width: 855px;   
    min-height: 110px;
*/
    border-radius: 8px;
    display:block;
    height: 100%;
    margin: 8px 16px 2px 134px;
    width: 85%;   
    z-index: -3;
}

article#cuerpo_part_11, article#cuerpo_part_12 {
/*
    max-width: 97%;  
    max-width: 62%;  
*/
    border-radius: 8px;
    display: inline-block;
    height: 100%;
    vertical-align: top;
    width: 50%; 
}

article#cuerpo_part_11 {
/*
    background-color: #585858;
    background-color: #fff;
    width: 54%; 
    font-family: Georgia, "Times New Roman", Times, serif;
*/
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    margin: 16px 16px 16px 16px;
    width: 50%; 
}

article#cuerpo_part_12 {
/*
    background-color: #fff;
    background-color: #212121;
    width: 38.0%; 
*/
    margin: 24px 16px 16px 10px;
    width: 40%; 
}

article#cuerpo_part_11:hover {
/*
    -webkit-transition: 3s;
    -webkit-transform: rotate3d(0,100,0, 90deg);
*/

/*   le quitamos esta animacion   jueves, 28-8-2014
    -webkit-transition: 3s;
    -webkit-transform: rotate3d(100,100,90, 360deg);
*/
}

#imagen_operadora {               /*   imagen de la operadora   */
/*  
    border-color:#991313;   borde rojo
*/  
    border: 3px solid;
    border-color:#F4A9EA;
    border-radius: 8px;
    margin: 20px 10px 10px 0px;

    width: 100%;
    height: 200%;
}


/*  manejo de Responsive Web Design (media cuery 1)   */
/*
@media screen and (min-width: 921px) and (max-width: 1080px) {
        background-color: #585858;
        background-color: #fff;
*/

@media screen and (max-width: 1024px) {
    section#animacion_principal_contacto_animacion {
    /*
        background-color: #585858;
        margin: 8px 16px 2px 134px;
        width: 85%;   
    */
        border-radius: 8px;
        display:block;
        height: 100%;
        margin: 8px 16px 2px 70px;
        width: 90%;   
        z-index: -3;
    }

    article#cuerpo_part_11, article#cuerpo_part_12 {
    /*
    */
        border-radius: 8px;
        display: inline-block;
        height: 100%;
        vertical-align: top;
        width: 50%; 
    }

    article#cuerpo_part_11 {
    /*
        background-color: #fff;
    */
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 12px;
        margin: 16px 16px 16px 16px;
        width: 50%; 
    }

    article#cuerpo_part_12 {
    /*
        background-color: #212121;
    */
        margin: 24px 16px 16px 10px;
        width: 40%; 
    }


    #imagen_operadora {               /*   imagen de la operadora   */
    /*  
        border-color:#991313;   borde rojo
    */  
        border: 3px solid;
        border-color:#F4A9EA;
        border-radius: 8px;
        margin: 20px 10px 10px 0px;

        width: 100%;
        height: 160px;
    }


}

@media screen and (max-width: 768px) {
    section#animacion_principal_contacto_animacion {
        /*
        background-color: #585858;
        margin: 8px 16px 2px 134px;
        width: 85%;   
        */
        border-radius: 8px;
        display:block;
        height: 100%;
        margin: 8px 16px 2px 10px;
        width: 97%;   
        z-index: -3;
    }

    article#cuerpo_part_11, article#cuerpo_part_12 {
        /*
        width: 50%; 
        */
        border-radius: 8px;
        display: inline-block;
        height: 100%;
        vertical-align: top;
        width: 53%; 
    }

    article#cuerpo_part_11 {
        /*
        background-color: #fff;
        margin: 16px 16px 16px 16px;
        */
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 12px;
        margin: 16px 4px 16px 12px;
        width: 53%; 
    }

    article#cuerpo_part_12 {
        /*
        background-color: #212121;
        margin: 24px 16px 16px 10px;
        width: 40%; 
        */
        margin: 24px 16px 16px 5px;
        width: 38%; 
    }


    #imagen_operadora {               /*   imagen de la operadora   */
    /*  
        border-color:#991313;   borde rojo
    */  
        border: 3px solid;
        border-color:#F4A9EA;
        border-radius: 8px;
        margin: 20px 10px 10px 0px;

        width: 100%;
        height: 170px;
    }


}

@media screen and (max-width: 640px) {
    section#animacion_principal_contacto_animacion {
        /*
        background-color: #585858;
        margin: 8px 16px 2px 134px;
        width: 85%;   
        */
        border-radius: 8px;
        display:block;
        height: 100%;
        margin: 8px 16px 2px 10px;
        width: 97%;   
        z-index: -3;
    }

    article#cuerpo_part_11, article#cuerpo_part_12 {
        /*
        width: 50%; 
        */
        border-radius: 8px;
        display: inline-block;
        height: 100%;
        vertical-align: top;
        width: 53%; 
    }

    article#cuerpo_part_11 {
        /*
        background-color: #fff;
        margin: 16px 16px 16px 16px;
        */
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 12px;
        margin: 16px 4px 16px 12px;
        width: 53%; 
    }

    article#cuerpo_part_12 {
        /*
        background-color: #212121;
        margin: 24px 16px 16px 10px;
        width: 40%; 
        */
        margin: 24px 16px 16px 5px;
        width: 38%; 
    }


    #imagen_operadora {               /*   imagen de la operadora   */
    /*  
        border-color:#991313;   borde rojo
    */  
        border: 3px solid;
        border-color:#F4A9EA;
        border-radius: 8px;
        margin: 20px 10px 10px 0px;

        width: 100%;
        height: 170px;
    }


}

@media screen and (max-width: 480px) {
    section#animacion_principal_contacto_animacion {
        /*
        background-color: #585858;
        width: 97%;   
        */
        border-radius: 8px;
        display:block;
        height: 100%;
        margin: 8px 16px 2px 10px;
        width: 94%;   
        z-index: -3;
    }

    article#cuerpo_part_11, article#cuerpo_part_12 {
        /*
        width: 53%; 
        */
        border-radius: 8px;
        display: inline-block;
        height: 100%;
        vertical-align: top;
        width: 70%; 
    }

    article#cuerpo_part_11 {
        /*
        background-color: #fff;
        margin: 16px 4px 16px 12px;
        width: 53%; 
        */
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 12px;
        margin: -10px 4px 16px 36px;
        width: 80%; 
    }

    article#cuerpo_part_12 {
        /*
        background-color: #212121;
        background-color: #212121;
        margin: 24px 16px 16px 5px;
        width: 38%; 
        */
        margin: 10px 10px 10px 100px;
        width: 48%; 
    }


    #imagen_operadora {               /*   imagen de la operadora   */
    /*  
        border-color:#991313;   borde rojo
    */  
        border: 3px solid;
        border-color:#F4A9EA;
        border-radius: 8px;

        margin: 0px 10px 10px 0px;
        width: 100%;
        height: 140px;
    }


}

@media screen and (max-width: 320px) {
    section#animacion_principal_contacto_animacion {
        /*
        background-color: #585858;
        margin: 8px 16px 2px 10px;
        */
        border-radius: 8px;
        display:block;
        height: 100%;
        margin: 8px 0px 2px 0px;
        width: 100%;   
        z-index: -3;
    }

    article#cuerpo_part_11, article#cuerpo_part_12 {
        /*
        width: 70%; 
        */
        border-radius: 8px;
        display: inline-block;
        height: 100%;
        vertical-align: top;
        width: 91%; 
    }

    article#cuerpo_part_11 {
        /*
        background-color: #fff;
        margin: 16px 4px 16px 36px;
        width: 80%; 
        */
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 12px;
        margin: -10px 2px 16px 10px;
        width: 94%; 
    }

    article#cuerpo_part_12 {
        /*
        background-color: #212121;
        */
        margin: 10px 10px 10px 50px;
        width: 70%; 
    }


    #imagen_operadora {               /*   imagen de la operadora   */
    /*  
        border-color:#991313;   borde rojo
    */  
        border: 3px solid;
        border-color:#F4A9EA;
        border-radius: 8px;

        margin: 0px 10px 10px 0px;
        width: 100%;
        height: 130px;
    }


}

/*   se trabajo hasta aqui por ahora (2014-11-05).   */