@media screen and (max-width: 1920px) /* para navegadores con una resolucion maxima de 1920px /////////////////////////////////////////////////////////////////////////////*/
{
    body
    {
        background:#4f1169;
    }
    #principal
    {
        left:0px;
        top:0px;
        position:absolute;
        width:100%;
        height:auto;
    }
    #imagen_horizontal
    {
        display:inline-block;
        position:relative;
        width:60%;
        left:20%;
        height:100%;
    }
    #imagen_vertical
    {
        display:none;
    }
}
@media screen and (max-width: 1919px)/* para navegadores con una resolucion maxima de 1440px ///////////////////////////////////////////////////////////////////////////////*/
{
    #principal
    {
        height:800px;
    }
    #imagen_horizontal
    {
        width:80%;
        left:10%;
        height:100%;
    }
}
@media screen and (max-width: 800px)/* para navegadores con una resolucion maxima de 1440px ///////////////////////////////////////////////////////////////////////////////*/
{
    #principal
    {
        margin-top:200px;
        height:auto;
    }
    #imagen_horizontal
    {
        display:none;
    }
    #imagen_horizontal
    {
        display:inline;
        position:relative;
        width:90%;
        left:5%;
        height:100%;
    }
}
@media screen and (max-width: 500px)/* para navegadores con una resolucion maxima de 1440px ///////////////////////////////////////////////////////////////////////////////*/
{
    #imagen_horizontal
    {
        display:inline;
        position:relative;
        width:98%;
        left:1%;
        height:100%;
    }
}