/*Estilo para el contenedor de la imagen*/
<<<<<<< .mine #img img
{
    text-align: center;
    vertical-align: middle;
    height: 65%;
    float: left;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}
#img img{
    vertical-align:middle;
/*	width: 60%;*/
}

/* Estilo de las flechas */
#left,
#right {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=40);
    -moz-opacity: 0.4;
    -khtml-opacity: 0.4;
    opacity: 0.4;
}
#left {
    left:0px;
    background:url("img/left.png");
}

#right {
    right:0px;
    background:url("img/right.png");
}

#left:hover,
#right:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

.arrow {
    position:absolute;
    width:50px;
    height:80px;
    cursor:pointer;
}

.url {text-align:center;margin-top:20px;}