/* CSS */
div.cuerpo{
    width:auto;
}
    div.cuerpo>div{
        padding:30px 20% 40px;
        transition:padding 0.2s;
        -ms-transition:padding 0.2s;
        -moz-transition:padding 0.2s;
        -o-transition:padding 0.2s;
        -webkit-transition:padding 0.2s;
    }
        div.cuerpo>div>h1{
            color:#68a08a;
            font-family:'PT Sans Narrow', sans-serif;
            font-size:36pt;
            font-weight:600;
            margin:0;
            padding:0 0 0;
            text-align:center;
        }
        div.cuerpo>div>ul{
            padding:30px 0 0;
            font-size:0;
        }
            div.cuerpo>div>ul>li{
                padding:10px 0;
            }
                div.cuerpo>div>ul>li>a{
                    background-color:#fff;
                    border:2px solid #68a08a;
                    border-radius:100px;
                    display:block;
                    overflow:hidden;
                    text-decoration:none;
                    transition:background-color 0.2s;
                    -ms-transition:background-color 0.2s;
                    -moz-transition:background-color 0.2s;
                    -o-transition:background-color 0.2s;
                    -webkit-transition:background-color 0.2s;
                }
                div.cuerpo>div>ul>li>a:hover{
                    background-color:#68a08a;
                }
                    div.cuerpo>div>ul>li>a>div{
                        font-size:0;
                        padding:0;
                    }
                        div.cuerpo>div>ul>li>a>div>div{
                            padding:6px;
                        }
                            div.cuerpo>div>ul>li>a>div>div>span{
                                display:inline-block;
                                margin:0;
                                padding:0;
                                text-align:center;
                                vertical-align:middle;
                                width:15%;
                            }
                                div.cuerpo>div>ul>li>a>div>div>span:first-child>span{
                                    border-radius:50%;
                                    display:block;
                                    overflow:hidden;
                                    padding-bottom:100%;
                                    position:relative;
                                    z-index:1;
                                }
                                    div.cuerpo>div>ul>li>a>div>div>span:first-child>span>img{
                                        border-width:0;
                                        display:block;
                                        height:100%;
                                        left:0;
                                        position:absolute;
                                        top:0;
                                        width:100%;
                                        z-index:1;
                                    }
                            div.cuerpo>div>ul>li>a>div>div>span:last-child{
                                width:85%;
                            }
                                div.cuerpo>div>ul>li>a>div>div>span:last-child>span{
                                    color:#68a08a;
                                    display:block;
                                    font-family:'PT Sans Narrow', sans-serif;
                                    font-size:14pt;
                                    font-weight:400;
                                    line-height:1.2em;
                                    padding:10px;
                                }
                                div.cuerpo>div>ul>li>a:hover>div>div>span:last-child>span{
                                    color:#fff;
                                }
/*

RESPONSIVO

*/
@media screen and (max-width:840px){
    div.cuerpo>div{
        padding:30px 10% 40px;
    }
}

@media screen and (max-width:640px){
    div.cuerpo>div{
        padding:30px 30px 40px;
    }
    div.cuerpo>div>ul>li>a>div>div>span{
        width:20%;
    }
    div.cuerpo>div>ul>li>a>div>div>span:last-child{
        width:80%;
    }
}

@media screen and (max-width:480px){
    div.cuerpo>div{
        padding:30px 20px 40px;
    }
    div.cuerpo>div>ul>li>a>div>div>span{
        width:25%;
    }
    div.cuerpo>div>ul>li>a>div>div>span:last-child{
        width:75%;
    }
}