@font-face {
    font-family: Din;
    src: url(../fonts/DINPro-Regular.eot);
    src: url(../fonts/DINPro-Regular.eot?iefix) format("eot"), url(../fonts/DINPro-Regular.woff) format("woff"), url(WebFont.ttf) format("truetype"), url(../fonts/DINPro-Regular.ttf) format("svg");
    font-weight: 300
}
@font-face {
    font-family: Din;
    src: url(../fonts/DINPro-Medium.eot);
    src: url(../fonts/DINPro-Medium.eot?iefix) format("eot"), url(../fonts/DINPro-Medium.woff) format("woff"), url(WebFont.ttf) format("truetype"), url(../fonts/DINPro-Medium.ttf) format("svg");
    font-weight: 600
}
.ripley-footer{margin-bottom:-21px;}

#OxfordMinisitio {
    background: url('../img2/bg-body.jpg') no-repeat;
    background-size: cover;
    font-family: Din;
    font-size: 16px;
    margin: -10px auto !important;
    height: auto;
    overflow: hidden;
    width: 100%;
}
#OxfordMinisitio header {
    margin-bottom: 10px;   
}
    #OxfordMinisitio header .row div{
        height: 125px;
        padding: 20px 0;
        position: relative;
    }
    #OxfordMinisitio header .row div i {
        background: #fff;
        bottom: 0;
        content: '';
        display: block;
        height: 3px;
        margin: auto;
        position: absolute;
        top: 0;
        width: 85%;
        z-index: 1;
    }
        #OxfordMinisitio header .row div:nth-child(1) i{left: 0;}
        #OxfordMinisitio header .row div:nth-child(3) i{right: 0;}
        
    #OxfordMinisitio header .row div img{
        display: block;
        margin: 0 auto;
    }

#OxfordMinisitio #OxfordCarousel {
    margin-bottom: 25px;
}
    #OxfordMinisitio #OxfordCarousel .owl-item figure a {
        bottom: 0;
        height: 100%;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        width: 100%;
    }
    #OxfordMinisitio #OxfordCarousel .owl-controls .owl-buttons {
        float: none;
        overflow: visible;
        position: relative;
        display: block!important;
        width: 100%}
    #OxfordMinisitio #OxfordCarousel .owl-controls .owl-prev {
        float: left;
        margin-top: -32%;
    }
        #OxfordMinisitio #OxfordCarousel .owl-controls .owl-prev:before {
            background: rgba(255,255,255,0.4);
            content: "\f104";
            color: #fff;
            font-family: FontAwesome;
            font-size: 3em;
            padding: 15px;
            transition: 0.2s all;
            -webkit-transition: 0.2s all;
            -moz-transition: 0.2s all;
        }
        #OxfordMinisitio #OxfordCarousel .owl-controls .owl-prev:hover:before {
            background: rgba(255,255,255,0.5);
        }
    #OxfordMinisitio #OxfordCarousel .owl-controls .owl-next {
        float: right;
        margin-right: -1px;
        margin-top: -32%;
    }
        #OxfordMinisitio #OxfordCarousel .owl-controls .owl-next:before {
            background: rgba(255,255,255,0.4);
            content: "\f105";
            color: #fff;
            font-family: FontAwesome;
            font-size: 3em;
            padding: 15px;
            transition: 0.2s all;
            -webkit-transition: 0.2s all;
            -moz-transition: 0.2s all;
        }
        #OxfordMinisitio #OxfordCarousel .owl-controls .owl-next:hover:before {
            background: rgba(255,255,255,0.5);
        }

#OxfordMinisitio #lineas {
    background: url('../img/bg-lineas.png') center bottom no-repeat;
    height: auto;
    overflow: hidden;
    padding-bottom: 45px;
    text-align: center;
}
    #OxfordMinisitio #lineas figure img {
        box-sizing: border-box;
        margin: 0 auto;
        transition: ease-out 0.4s;
        -webkit-transition: ease-out 0.4s;
        -moz-transition: ease-out 0.4s;
    }
        #OxfordMinisitio #lineas figure img:hover {
            cursor: pointer;
            filter: opacity(78%);
            -webkit-filter: opacity(78%);
        }
    #OxfordMinisitio #lineas figure + a {
        background: rgba(251,251,251,0.5);
        border: 2px solid #000;
        border-radius: 4px;
        color: #000;
        display: block;
        font-weight: 600;
        height: 40px;
        line-height: 35px;
        margin: 15px auto;
        text-decoration: none;
        transition: 0.5s all;
        -webkit-transition: 0.5s all;
        -moz-transition: 0.5s all;
        width: 240px;
    }
    #OxfordMinisitio #lineas figure + a:hover {
        background: #000;
        color: #fbfbfb;
    }

#OxfordMinisitio #ProductosRipley {
    background: url('../img/bg-productos.png') center bottom no-repeat;
    height: 430px;
    margin: -15px auto 15px;
    overflow: hidden;    
}
    #OxfordMinisitio #ProductosRipley #carrusel-productos {
        background: #fff;
        display: block;
        font-family: Montserrat;
        height: 415px;
        padding-top: 10px;
    }
    #OxfordMinisitio #ProductosRipley #carrusel-productos figure {
        text-align: center;
        position: relative;
        padding: 0 10px;
    }
    #OxfordMinisitio #ProductosRipley #carrusel-productos figure a {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        width: 100%;
        height: 100%;
    }
    #OxfordMinisitio #ProductosRipley #carrusel-productos figure img {
        max-height: 180px;
        margin: 0 auto;
        display: block;
        background: #fff;
    }
    #OxfordMinisitio #ProductosRipley #carrusel-productos figure .image {
        background: #fff;
    }
    #OxfordMinisitio #ProductosRipley #carrusel-productos figure figcaption p {
        margin: 5px 0;
        color: #777;
    }
    #OxfordMinisitio #ProductosRipley #carrusel-productos figure figcaption span {
        color: #777;
    }
    #OxfordMinisitio #ProductosRipley #carrusel-productos figure figcaption p.Ptitulo {
        line-height: 22px;
        margin-bottom: 10px;
    }
    #OxfordMinisitio #ProductosRipley #carrusel-productos figure figcaption .Pprecio p.precio_normal {
        color: #a8a8a8;
        font-size: .8em;
        font-weight: 300;
        margin-bottom: 0;
    }
    #OxfordMinisitio #ProductosRipley #carrusel-productos figure figcaption .Pprecio p.precio_internet {
        color: #5d5d5d;
        font-size: .9em;
        font-weight: 500;
        margin-top: 1px;
    }
    #OxfordMinisitio #ProductosRipley #carrusel-productos figure figcaption .Pprecio p.precio_otar:after {
        content: url(../img/otar.png);
        vertical-align: -5;
        margin-left: 5px;
    }
    #OxfordMinisitio #ProductosRipley #carrusel-productos figure figcaption .Pprecio p.final {
        color: #e64949;
        font-size: 1.5em;
        font-weight: 500;
        padding: 0;
    }
    #OxfordMinisitio #ProductosRipley #carrusel-productos .owl-controls .owl-buttons {
        float: none;
        overflow: visible;
        position: relative;
        display: block!important;
        width: 100%;
    }
    #OxfordMinisitio #ProductosRipley #carrusel-productos .owl-controls .owl-prev {
        float: left;
        margin-top: -20%;
        margin-left: -5%;
    }
    #OxfordMinisitio #ProductosRipley #carrusel-productos .owl-controls .owl-prev:before {
        content: "\f104";
        font-family: FontAwesome;
        color: #c5c5c5;
        font-size: 3em;
    }
    #OxfordMinisitio #ProductosRipley #carrusel-productos .owl-controls .owl-next {
        float: right;
        margin-top: -20%;
        margin-right: -5%;
    }
    #OxfordMinisitio #ProductosRipley #carrusel-productos .owl-controls .owl-next:before {
        content: "\f105";
        font-family: FontAwesome;
        color: #c5c5c5;
        font-size: 3em;
    }
    #OxfordMinisitio #ProductosRipley #carrusel-productos .owl-pagination {
        text-align: center;
        margin-top: 10px;
    }
    #OxfordMinisitio #ProductosRipley #carrusel-productos .owl-pagination .owl-page {
        border-radius: 0;
        width: 50px;
        height: 5px;
        background: #d3d3d3;
    }
    #OxfordMinisitio #ProductosRipley #carrusel-productos .owl-pagination .owl-page.active {
        background: #42b8e5;
    }

#OxfordMinisitio .garantia {
    background: url('../img/bg-garantia.jpg') no-repeat;
    background-size: 100% 100%;
    color: #fbfbfb;
    display: block;
    height: 420px;
    position: relative;
    width: 100%;
}
    #OxfordMinisitio .garantia img {
        display: block;
        margin: 0 auto 30px;
        padding-top: 40px;
        position: relative;
        width: 85%;
    }
    #OxfordMinisitio .garantia p {
        font-size: 14px;
        line-height: 14px;
        margin: 15px auto;
        padding: 0 25px;
        text-align: justify;
        width: 100%;
    }

#OxfordMinisitio .video {
    background: #fff;
    height: auto;
    margin-bottom: 5%;
    padding: 10px;
}
    #OxfordMinisitio .video .youtube-player {
        position: relative;
        padding-bottom: 56.23%;
        /* Use 75% for 4:3 videos */
        height: 0;
        overflow: hidden;
        max-width: 100%;
        background: #000;
        display: block;
    }
    #OxfordMinisitio .video .youtube-player iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 100;
        background: transparent;
    }
    #OxfordMinisitio .video .youtube-player img {
        bottom: 0;
        display: block;
        left: 0;
        margin: auto;
        max-width: 100%;
        width: 100%;
        position: absolute;
        right: 0;
        top: 0;
        border: none;
        height: 100%;
        cursor: pointer;
        -webkit-transition: .4s all;
        -moz-transition: .4s all;
        transition: .4s all;
    }
    #OxfordMinisitio .video .youtube-player img:hover {
        filter: brightness(75%);
        -webkit-filter: brightness(75%);
    }
    #OxfordMinisitio .video .youtube-player .play {
        height: 72px;
        width: 72px;
        left: 50%;
        top: 50%;
        margin-left: -36px;
        margin-top: -36px;
        position: absolute;
        background: url("http://i.imgur.com/TxzC70f.png") no-repeat;
        cursor: pointer;
    }

@media (max-width:1199px){
    #OxfordMinisitio #lineas figure img {
        max-width: 100%;
    }
    #OxfordMinisitio .garantia {
        height: 345px;
    }
    #OxfordMinisitio .garantia p {
        font-size: 12px;
    }   
    #OxfordMinisitio .garantia img {
        margin: 0 auto 20px;
        padding-top: 20px;
        width: 245px;
    }
}

@media (max-width:991px){
    #OxfordMinisitio header .row div {
        height: 100px;
    }
    #OxfordMinisitio #lineas figure + a {
        max-width: 363px;
        width: 100%;
    }
    #OxfordMinisitio #lineas, #OxfordMinisitio #ProductosRipley {
        background-size: 100% auto;
    }
    #OxfordMinisitio #ProductosRipley {
        background-position: center 98%;
    }
    #OxfordMinisitio .garantia {
        height: 310px;
    }
    #OxfordMinisitio .garantia img {
        width: 210px;
    }
    #OxfordMinisitio .video {
        margin-bottom: 15%;
        padding: 67px 10px;
    }
}

@media (max-width:767px){
    #OxfordMinisitio {
        margin-bottom: -60px !important;
    }
    #OxfordMinisitio header .row div {
        height: 125px;
    }
    #OxfordMinisitio .garantia {
        height: 370px;
        margin-bottom: 25px;
    }
    #OxfordMinisitio .garantia img {
        margin: 0 auto 10px;
        padding-top: 30px;
        width: 250px;
    }
    #OxfordMinisitio .garantia p {
        font-size: 14px;
        line-height: 16px;
        padding: 0px 40px;
    }
    #OxfordMinisitio .video {
        margin-bottom: 10%;
        padding: 10px;
    }
}

@media (max-width: 543px){
    #OxfordMinisitio header .row div {
        height: 100px;
    }
    #OxfordMinisitio header .row div img {
        width: 50%;
    }
    #OxfordMinisitio .video {
        margin-bottom: 10%;
    }
}

@media (max-width: 450px){
    #OxfordMinisitio header .row div {
        height: 85px;
    }
    #OxfordMinisitio header .row div img {
        margin-top: 1%;
    }
    #OxfordMinisitio #OxfordCarousel .owl-controls .owl-prev,
    #OxfordMinisitio #OxfordCarousel .owl-controls .owl-next {
        margin-top: -37%;
    }
    #OxfordMinisitio #ProductosRipley #carrusel-productos .owl-pagination .owl-page {
        width: 35px;
    }
    #OxfordMinisitio .garantia img {
        width: 220px;
    }
}

@media (max-width: 400px){
    #OxfordMinisitio .garantia {
        height: 415px;
    }
    #OxfordMinisitio .garantia img {
        width: 200px;
    }
}