#conjuntoimg label > img {
    width: 8%;
    }

#imgresidenciales {
    text-align: center;
    position: relative;
    margin-top: 400px;
    }

#conjuntoimg .notshow {
    display: none;
    position: absolute;
    top: -400px;
    }

.topimage {
    width: 28%;
    height: auto;
    border: 8px /*#1b51a6*/white solid;
    }

#imgresidenciales input:checked + label + div {
        display: block;
        }

#imgresidenciales .wider {
    width: 46%;
    }

.shiftimg {
    margin-left: 80px;
    }

.shift2 {
    margin-left: 30px;
    }

.midwidth {
    width: 40%;
    }

#imgresidenciales .widest {
    width: 72%;
    }

/* RESPONSIVE WEBSITE CODE */
    /*NAV*/
@media screen and (max-width: 860px){
div.navcontainer a#active{
    position: absolute;
    top: 15px;
    left: 320px;
    }
    
.bg {
    background: white;
    height: 20px;
    padding: 80px 0;
    padding-bottom: 15px;
    }
    
    /* FADED LOGO NAV */
        div#b1 {
            width: 190px;
            height: 5px;
            background: linear-gradient(to right, #1b51a6, rgba(27, 81, 166, 0.000001));
            margin-bottom: 3px;
            }

        div#b2, div#b3 {
            width: 190px;
            height: 10px;
            background: linear-gradient(to right, #1b51a6, rgba(27, 81, 166, 0.000001));
            margin-bottom: 3px;
            }

        div#b4 {
            width: 190px;
            height: 16px;
            background: linear-gradient(to right, #1b51a6, rgba(27, 81, 166, 0.000001));
            }
    /* FADED LOGO NAV */
}
@media screen and (max-width: 697px){
div.navcontainer a#active{
    left: 230px;
    }
    
#logocontainer {
    position: absolute;
    top: 0;
    }
}
@media screen and (max-width: 640px){
div.navcontainer a#active{
    left: 220px;
    }
}
@media screen and (max-width: 505px){
div.navcontainer a#active{
    left: 160px;
    }
    
div.navcontainer a {
    margin: 0px 5px;
    padding: 0px 0px 0px 20px;
    }

div.pullRight a.morewidth:hover:before {
    width: 114%;
    }
    
    /* FADED LOGO NAV */
        div#b1, div#b2, div#b3, div#b4 {
            width: 140px;
            }
    /* FADED LOGO NAV */
}
@media screen and (max-width: 415px){   
div.navcontainer a#active{
    left: 110px;
    }
}
@media screen and (max-width: 300px){
div.navcontainer a#active{
    left: 120px;
    }
    
div.navcontainer p {
    font-size: 12px;
    }
}
    /*NAV*/


    /*OTHER*/
@media screen and (max-width: 1040px){
h1 {
    margin-left: 10px;
    }
}
@media screen and (max-width: 1000px){
footer {
    width: 400px;
    }
}
@media screen and (max-width: 996px){
#conjuntoimg .notshow {
    top: -390px;
    }
    
#imgresidenciales {
    margin: 0 auto;
    margin-top: 44%;;
    }
}
@media screen and (max-width: 892px){
#conjuntoimg .notshow {
    top: -350px;
    }
}
@media screen and (max-width: 791px){
#conjuntoimg .notshow {
    top: -300px;
    }
}
@media screen and (max-width: 687px){
#conjuntoimg .notshow {
    top: -250px;
    }
}
@media screen and (max-width: 620px){
#conjuntoimg .notshow {
    top: -250px;
    }
}
@media screen and (max-width: 513px){
#conjuntoimg .notshow {
    top: -180px;
    }
}
@media screen and (max-width: 400px){
#conjuntoimg .notshow {
    top: -160px;
    }
}
    /*OTHER*/
/*END RESPONSIVE CODE*/