﻿#cabeceraPrincipal .cab, .imgRes img {
    margin: auto
}

#cabeceraPrincipal, #seccionM {
    background-color: #000
}

.imagenP img {
    width: 80%
}

#cabeceraPrincipal #imagenP {
    margin-bottom: 100px;
    margin-top: 30px
}

.imgRes img {
    width: 50%
}

#texto1 p, .imgRes1 p {
    margin-bottom: 30px;
    font-weight: lighter;
    color: #86868b
}

.imgRes1 img {
    width: 40%
}


.imgRes1 p {
    font-size: 17px;
    margin-top: 50px
}

#espacioBtn a {
    text-decoration: none;
    color: #86868b;
    font-size: 18px;
    border-radius: 30px;
    border: 1px solid #86868b;
    padding: 10px 30px
}

#texto1 p {
    font-size: 20px;
    margin-top: 50px
}

.imgRes1 {
    margin-left: 23%;
    margin-top: 150px;
    margin-bottom: 50px
}

.generico img {
    margin: auto auto 15px;
    width: 60%
}

#espacioComparar {
    margin-top: 100px;
    margin-bottom: 50px
}

    #espacioComparar h1 {
        color: #fff
    }

    #espacioComparar #espacioBtn {
        margin-top: 50px;
        margin-bottom: 10px
    }

#footerMac img {
    width: 35%;
    margin: auto
}

#footerMac #espacioBtn {
    margin-top: 50px;
    margin-bottom: 50px
}

#finalFooter {
    background-color: #1d1d1f;
    padding: 3%
}

    #finalFooter ul li {
        color: #a1a1a6;
        font-size: 12px;
        list-style: none;
        margin-top: 15px;
        margin-bottom: 15px
    }

#thu p {
    font-size: 17px;
    color: #86868b;
    margin-top: 30px;
    margin-left: 15%
}

#seccionM #large {
    margin: auto !important
}

.soloMobile {
    display: none
}

@media (max-width:1366px) {
    #thu p {
        margin-left: 25%
    }
}

@media (max-width:834px) {
    #texto1 p {
        font-size: 15px
    }

    .imgRes1 {
        margin-left: 15%
    }

        .imgRes1 p {
            font-size: 13px
        }

    .generico img {
        width: 80%
    }

    #espacioComparar h1 {
        font-size: 30px
    }

    #thu p {
        font-size: 13px;
        margin-left: 26%
    }

    #finalFooter ul li {
        font-size: 10px
    }

    #espacioBtn a {
        font-size: 14px
    }

    #finalFooter {
        padding: 0
    }
}

@media (max-width:414px) {
    #MBP img, .imgRes1 {
        margin-top: 40px
    }

    .soloMobile {
        display: block
    }

    .soloDesk {
        display: none
    }

    #espacioBtn a {
        font-size: 12px
    }

    .imgRes img {
        width: 95%
    }

    .imgRes1 img {
        width: 80%
    }

    .generico img {
        width: 100%
    }

    #finalFooter ul li {
        font-size: 9px;
        width: 91%
    }

    #footerMac img {
        width: 40%
    }

    #espacioComparar h1 {
        font-size: 20px
    }

    #thu p, .imgRes1 p {
        font-size: 10px
    }

    #espacioBtn {
        margin-top: 30px
    }

    .imgRes1 {
        margin-left: 0;
        margin-bottom: 50px
    }

    #thu p {
        margin-left: 15px
    }

    #MasterQx img {
        width: 100%;
        margin: auto
    }

    #texto1 p {
        font-size: 16px
    }

    #ChipM1 img {
        width: 50%;
        margin: auto
    }

    #t1 img, #thu2 #yy, .imgRes1 #t1 {
        width: 50%;
        margin-left: 17%
    }

    #thu2 p, #uu p, .soloMobile.textoM p {
        font-size: 16px;
        margin-left: 17%
    }

    #cuerpoM img, #facetime {
        width: 61%;
        margin: auto
    }

    #uuu img {
        width: 80%;
        margin: auto
    }

    #large {
        width: 61%
    }

    .micro {
        width: 60%;
        margin-left: 17%;
        margin-top: 20px
    }

    #facetimeT img {
        width: 35%;
        margin-left: 17%
    }
}

@media (max-width:375px) {
    #texto1 p, .imgRes1 p {
        font-size: 9px
    }
}
