﻿/* OnTheStreet */

#AnchoColage {
    background-color: #ffffff;
    width: 100%;
    overflow: auto;
    position: relative;
}

#BannerHorizontalInicio {
    width: 100%;
}

.AnchoColage
{
    position: relative;
    width: 100%;
}

.CapaContenedora1
{
    position: relative;
    float: left;
    width: 25%;
}

.CapaContenedora2
{
    position: relative;
    float: left;
    width: 50%;
}

.CapaContenedora3
{
    position: relative;
    float: left;
    width: 75%;
}

.CapaContenedora4
{
    position: relative;
    float: left;
    width: 100%;
}

.CapaContenedoraInicio1
{
    position: relative;
    float: left;
    width: 25%;
    box-sizing: border-box;
}

.CapaContenedoraInicio2
{
    position: relative;
    float: left;
    width: 50%;
    box-sizing: border-box;
}

.CapaContenedoraInicio3
{
    position: relative;
    float: left;
    width: 75%;
    box-sizing: border-box;
}

.CapaContenedoraInicio4
{
    position: relative;
    float: left;
    width: 100%;
    box-sizing: border-box;
}

.ImagenOnTheStreet
{
    width: 100%;
    height: auto;
        display: inherit;
}

.ImagenOnTheStreetInicio
{
    padding: 0px;
}

.Imagen1x1
{
}

.Imagen1x2
{
    
}

.Imagen1x3
{
    
}

.Imagen1x4
{
    
}

.Imagen2x1
{
    
}

.Imagen2x2
{
    
}

.Imagen2x3
{
    
}

.Imagen2x4
{
    
}

.Imagen3x1
{
    
}

.Imagen3x2
{
    
}

.Imagen3x3
{
    
}

.Imagen3x4
{
    
}

.Imagen4x1
{
    
}

.Imagen4x2
{
    
}

.Imagen4x3
{
    
}

.Imagen4x4
{
    
}

.Imagen1x1 a
{
    display: inherit;
}

.Imagen1x2 a
{
    display: inherit;
}

.Imagen1x3 a
{
    display: inherit;
}

.Imagen1x4 a
{
    display: inherit;
}

.Imagen2x1 a
{
    display: inherit;
}

.Imagen2x2 a
{
    display: inherit;
}

.Imagen2x3 a
{
    display: inherit;
}

.Imagen2x4 a
{
    display: inherit;
}

.Imagen3x1 a
{
    display: inherit;
}

.Imagen3x2 a
{
    display: inherit;
}

.Imagen3x3 a
{
    display: inherit;
}

.Imagen3x4 a
{
    display: inherit;
}

.Imagen4x1 a
{
    display: inherit;
}

.Imagen4x2 a
{
    display: inherit;
}
.Imagen4x3 a
{
    display: inherit;
}

.Imagen4x4 a
{
    display: inherit;
}


/* Fin OnTheStreet */

@media only screen and (max-width: 1024px) 
{
    .CapaContenedora1, .CapaContenedoraInicio1
    {
        position: relative;
        float: left;
        width: 25%;
    }

    .CapaContenedora2, .CapaContenedoraInicio2
    {
        position: relative;
        float: left;
        width: 50%;
    }

    .CapaContenedora3, .CapaContenedoraInicio3
    {
        position: relative;
        float: left;
        width: 75%;
    }
}

@media only screen and (max-width: 800px) 
{
    .CapaContenedora1, .CapaContenedoraInicio1
    {
        position: relative;
        float: left;
        width: 50%;
    }

    .CapaContenedora2, .CapaContenedoraInicio2
    {
        position: relative;
        float: left;
        width: 100%;
    }

    .CapaContenedora3, .CapaContenedoraInicio3
    {
        position: relative;
        float: left;
        width: 100%;
    }
}

@media only screen and (max-width: 600px) 
{
    .CapaContenedora1, .CapaContenedoraInicio1
    {
        position: relative;
        float: left;
        width: 100%;
    }
}

@media only screen and (max-width: 400px) 
{
    
}