body, html {
    height: 100%;
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
    color: #d9bb8a;
    background-color: #233746;
}

.responsive {
    max-width: 100%;
    height: auto;
}

/*  AJUSTES PÁGINA */

#top {
    height: 13%;
    margin: 0 auto;
}
#logo {
    display: table;
    height: 100%;
    float: left;
}
#logo span {
    display: table-cell;
    vertical-align: middle
}

#links a, #links a:hover, #links a:active, #links a:visited {
    text-decoration: none;
    color: #d9bb8a;
}
#links {
    display: table;
    height: 100%;
    float: right;
    font-size: 16px;
}
#links span {
    display: table-cell;
    vertical-align: middle;
    padding-left: 30px;
}

#gpcMain {
    margin: 0 auto;
    height: 83%;
    box-shadow: 2px 4px 6px #1b1b1b;
}

.block3 {
    width: 100%;
    height: 33.333%;
}

.block3 a{
    text-decoration: none;
}

.blockRow {
    height: 100%;
    background-position: center; 
    background-repeat: no-repeat; 
    background-size: cover; 
}

#pcapital {
    background-image: url("../img/gpc_01.jpg");
}
#pint {
    background-image: url("../img/gpc_02.jpg");
}
#pbank {
    background-image: url("../img/gpc_03.jpg");
}

.contentTable {
    display: table;
    height: 100%;
    position: relative;
}
.contentCell {
    display: table-cell;
    vertical-align: middle;
}

#bottom {
    height: 2%;
}

@media only screen and (max-width: 991px)  {
    #top {
        width: 95%;
    }
    #logo {
        text-align: center;
        width: 100%;
    }
    #logo img {
        position: relative;
        max-height: 80%;
        top: 5%;
    }
    #gpcMain {
        width: 95%;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1191px) {
    #top {
        width: 80%;
    }
    #logo {
        width: 30%;
    }
    #gpcMain {
        width: 88%;
    } 
}
@media only screen and (min-width: 1200px) {
    #top {
        width: 70%;
    }
    #logo {
        width: 40%;
    }
    #gpcMain {
        width: 80%;
    }  
}


@media only screen and (max-width: 991px) {
    #links {
        display: none;
    }
    #gpcMain {
        width: 95%;
    }
    .rowTitle {
        display: none;
    }
    .blockRow {
        width: 100%;
    }
    #contentPCapital {
        left: 33%;
    }
    #contentPGin {
        left: 3%;
    }
    #contentPBank {
        left: 26%;
    }
    .contentTable {
        text-align: center;
        width: 65%;
    }
    .contentImg img {
        max-height: 80px;
    }
    .contentText {
        display: none;
    }
    .contentText_sm {
        position: relative;
        top: -10px;
        font-size: 11px;
        color: #d9bb8a;
    }
}

@media only screen and (min-width: 992px) {
    .block3:hover .rowTitle {
        background-color: #3d4958;
    }
    .rowTitle {
        color: #d9bb8a;
        font-size: 18px;
        font-weight: bold;
        letter-spacing: 3px;
        width: 30%;
        height: 100%;
        float: left;
        display: table;
    }
    .rowTitle span {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
        padding: 25px;
    }
    .blockRow {
        width: 70%;
        float: left;
    }
    #contentPCapital {
        left: 45%;
    }
    #contentPGin {
        left: 20%;
    }
    #contentPBank {
        left: 45%;
    }
    .contentTable {
        text-align: left;
    }
    .contentImg img {
        max-height: 75px;
    }
    #contentPBank .contentImg img {
        position: relative;
        left: -33px;
    }
    .contentText {
        margin-top: -15px;
        color: #d9bb8a;
    }
    .contentText li {
        padding-bottom: 9px;
        font-size: 13px;
    }
    .contentText_sm {
        display: none;
    }
}