@import url(index.css);
@import url(responsive_base.css);

/* MEDIA QUERIES */



@media screen and (min-width:1760px) and (max-width:1920px) {
    .content {
        display: block;
        width: 1700px;
        height: 875px;
        padding: 0;
        margin: 0 auto;
        margin-top: 1%;
        margin-bottom: 4%;
        background-color: rgb(71, 103, 149);
        border: 6px solid rgb(210,210,208);
    }
    .imagen_promo {
        width: 32%;
        margin-top: 2%;
        margin-left: 7%;
    }
    .horario_foto {
        float: right;
        width: 36%;
        margin-top: 2%;
        margin-right: 6%;
    }
    .contacto_foto {
        float: right;
        width: 36%;
        margin-right: 6%;
        margin-top: -14.3%;
    }
}

@media screen and (min-width:1600px) and (max-width:1759px) {
    .content {
        display: block;
        width: 1300px;
        height: 775px;
        padding: 0;
        margin: 0 auto;
        margin-top: 1%;
        margin-bottom: 2%;
        background-color: rgb(71, 103, 149);
        border: 6px solid rgb(210,210,208);
    }
    .imagen_promo {
        width: 31%;
        margin-top: 7%;
        margin-left: 7%;
    }
    .horario_foto {
        float: right;
        width: 35%;
        margin-top: 7%;
        margin-right: 6%;
    }
    .contacto_foto {
        float: right;
        width: 35%;
        margin-right: 6%;
        margin-top: -14.3%;
    }
}

@media screen and (min-width:1440px) and (max-width:1599px) {
    .content {
        display: block;
        width: 1400px;
        height: 755px;
        padding: 0;
        margin: 0 auto;
        margin-top: 1%;
        margin-bottom: 2%;
        background-color: rgb(71, 103, 149);
        border: 6px solid rgb(210,210,208);
    }
    .imagen_promo {
        width: 31%;
        margin-top: 3%;
        margin-left: 7%;
    }
    .horario_foto {
        float: right;
        width: 33%;
        margin-top: 3%;
        margin-right: 6%;
    }
    .contacto_foto {
        float: right;
        width: 33%;
        margin-right: 6%;
        margin-top: -13.3%;
    }
}

@media screen and (min-width:1280px) and (max-width:1439px) {
    .content {
        display: block;
        width: 1200px;
        height: 650px;
        padding: 0;
        margin: 0 auto;
        margin-top: 1%;
        margin-bottom: 2%;
        background-color: rgb(71, 103, 149);
        border: 6px solid rgb(210,210,208);
    }
    .imagen_promo {
        width: 31%;
        margin-top: 5%;
        margin-left: 7%;
    }
    .horario_foto {
        float: right;
        width: 33%;
        margin-top: 5%;
        margin-right: 6%;
    }
    .contacto_foto {
        float: right;
        width: 33%;
        margin-right: 6%;
        margin-top: -13.3%;
    }
}

@media screen and (min-width:1180px) and (max-width:1279px) {
    .content {
        display: block;
        width: 1100px;
        height: 550px;
        padding: 0;
        margin: 0 auto;
        margin-top: 1%;
        margin-bottom: 2%;
        background-color: rgb(71, 103, 149);
        border: 4px solid rgb(210,210,208);
    }
    .imagen_promo {
        width: 31%;
        margin-top: 2.5%;
        margin-left: 7%;
    }
    .horario_foto {
        float: right;
        width: 33%;
        margin-top: 2.5%;
        margin-right: 6%;
    }
    .contacto_foto {
        float: right;
        width: 33%;
        margin-right: 6%;
        margin-top: -13.3%;
    }
}

@media screen and (min-width:1080px) and (max-width:1179px) {
    .content {
        display: block;
        width: 1000px;
        height: 450px;
        padding: 0;
        margin: 0 auto;
        margin-top: 1%;
        margin-bottom: 2%;
        background-color: rgb(71, 103, 149);
        border: 4px solid rgb(210,210,208);
    }
    .imagen_promo {
        width: 30%;
        margin-top: 1.5%;
        margin-left: 7%;
    }
    .horario_foto {
        float: right;
        width: 32%;
        margin-top: 1.5%;
        margin-right: 6%;
    }
    .contacto_foto {
        float: right;
        width: 32%;
        margin-right: 6%;
        margin-top: -13.3%;
    }
}

@media screen and (min-width:1024px) and (max-width:1079px) {
    .content {
        display: block;
        width: 1026px;
        height: 450px;
        padding: 0;
        margin: 0 auto;
        margin-top: 5%;
        margin-bottom: 5%;
        background-color: rgb(71, 103, 149);
        border: 4px solid rgb(210,210,208);
    }
    .imagen_promo {
        width: 30%;
        margin-top: 1.5%;
        margin-left: 7%;
    }
    .horario_foto {
        float: right;
        width: 32%;
        margin-top: 1.5%;
        margin-right: 6%;
    }
    .contacto_foto {
        float: right;
        width: 32%;
        margin-right: 6%;
        margin-top: -13.3%;
    }
}

@media screen and (min-width:901px) and (max-width:1023px) {
    .content {
        display: block;
        width: 1020px;
        height: 1000px;
        padding: 0;
        margin: 0 auto;
        background-color: rgb(71, 103, 149);
        border: none;
    }
    .imagen_promo {
        width: 38%;
        margin-top: 1.5%;
        margin-left: 27.5%;
        border: 3px solid rgb(255, 255, 255);
    }
    .horario_foto {
        float: right;
        width: 38%;
        margin-top: 1.5%;
        margin-right: 34%;
        border: 3px solid rgb(255, 255, 255);
    }
    .contacto_foto {
        float: right;
        width: 38%;
        margin-right: 34%;
        margin-top: 2%;
        border: 3px solid rgb(255, 255, 255);
    }
}

@media screen and (min-width:801px) and (max-width:900px) {
    .content {
        display: block;
        width: 900px;
        height: 1040px;
        padding: 0;
        margin: 0 auto;
        background-color: rgb(71, 103, 149);
        border: none;
    }
    .imagen_promo {
        width: 40%;
        margin-top: 5%;
        margin-left: 27.5%;
        border: 3px solid rgb(255, 255, 255);
    }
    .horario_foto {
        float: right;
        width: 40%;
        margin-top: 5%;
        margin-right: 32%;
        border: 3px solid rgb(255, 255, 255);
    }
    .contacto_foto {
        float: right;
        width: 40%;
        margin-right: 32%;
        margin-top: 5%;
        border: 3px solid rgb(255, 255, 255);
    }
}

@media screen and (min-width:641px) and (max-width:800px) {
    .content {
        display: block;
        width: 800px;
        height: 920px;
        padding: 0;
        margin: 0 auto;
        background-color: rgb(71, 103, 149);
        border: none;
    }
    .imagen_promo {
        width: 40%;
        margin-top: 5%;
        margin-left: 26%;
        border: 3px solid rgb(255, 255, 255);
    }
    .horario_foto {
        float: right;
        width: 40%;
        margin-top: 5%;
        margin-right: 33.2%;
        border: 3px solid rgb(255, 255, 255);
    }
    .contacto_foto {
        float: right;
        width: 40%;
        margin-right: 33.2%;
        margin-top: 5%;
        border: 3px solid rgb(255, 255, 255);
    }
}

@media screen and (min-width:480px) and (max-width:640px) {
    .content {
        display: block;
        width: 640px;
        height: 840px;
        padding: 0;
        margin: 0 auto;
        background-color: rgb(71, 103, 149);
        border: none;
    }
    .imagen_promo {
        width: 44%;
        margin-top: 5%;
        margin-left: 26.5%;
        margin-bottom: 5%;
        border: 3px solid rgb(255, 255, 255);
    }
    .horario_foto {
        float: right;
        width: 44%;
        margin-top: 3%;
        margin-right: 28.7%;
        margin-bottom: 5%;
        border: 3px solid rgb(255, 255, 255);
    }
    .contacto_foto {
        float: right;
        width: 44%;
        margin-right: 29%;
        margin-top: 3%;
        border: 3px solid rgb(255, 255, 255);
    }
}

@media screen and (min-width:400px) and (max-width:479px) {
    .content {
        display: block;
        width: 470px;
        height: 640px;
        padding: 0;
        margin: 0 auto;
        background-color: rgb(71, 103, 149);
        border: none;
    }
    .imagen_promo {
        width: 50%;
        margin-top: 4%;
        margin-left: 22%;
        border: 3px solid rgb(255, 255, 255);
    }
    .horario_foto {
        float: right;
        width: 50%;
        margin-top: 4%;
        margin-right: 26.5%;
        border: 3px solid rgb(255, 255, 255);
    }
    .contacto_foto {
        float: right;
        width: 50%;
        margin-right: 26.5%;
        margin-top: 4%;
        border: 3px solid rgb(255, 255, 255);
    }
}

@media screen and (min-width:320px) and (max-width:399px) {
    .content {
        display: block;
        width: 375px;
        height: 530px;
        padding: 0;
        margin: 0 auto;
        background-color: rgb(71, 103, 149);
        border: none;
    }
    .imagen_promo {
        width: 50%;
        margin-left: 26%;
        margin-top: 5%;
        border: 3px solid rgb(255, 255, 255);
    }
    .horario_foto {
        float: right;
        width: 50%;
        margin-top: 5%;
        margin-right: 22%;
        border: 3px solid rgb(255, 255, 255);
    }
    .contacto_foto {
        float: right;
        width: 50%;
        margin-right: 22%;
        margin-top: 5%;
        border: 3px solid rgb(255, 255, 255);
    }
}

/*MEDIA QUERIES DE AJUSTE DE ALTURAS*/



@media screen and (max-height:1800px) and (min-height:1440px) {
    .content {
        margin-top: 3%;
        margin-bottom: 3%;
    }
}


@media screen and (max-height:900px) {
    .content {
        margin-bottom: 2.5%;
        margin-top: 2.5%;
    }
}

@media screen and (max-height:768px) {
    /*.content {
        margin:0;
    }*/
}

@media screen and (max-height:767px) and (min-height:600px){
    .content {
        margin:0;
    }
}