body{

    text-align: center;

    font-family: 'Lato', sans-serif;

}

.wraper{

    width: 1180px;

    margin: 0 auto;

    text-align: left;

    position: relative;

}

.header{

    background-image: url(img/Fondo.png);

    background-size: cover;

    text-align: center;

    padding-top: 80px;

    padding-bottom: 250px;

    position: relative;

}

.info-expo{

    position: absolute;

    bottom: 0;

    width: 660px;

    left: 50%;

    margin-left: -330px;

    background-color: #fff;

}

.red-one{

    background-color: #b20d2d;

    color: #fff;

    padding-top: 127px;

    -webkit-box-shadow: 0px 7px 11px -5px rgba(0,0,0,0.52);

    -moz-box-shadow: 0px 7px 11px -5px rgba(0,0,0,0.52);

    box-shadow: 0px 7px 11px -5px rgba(0,0,0,0.52);

}

.row{

    margin: 0;

}

.red-one p{

    text-align: right;

    font-size: 16px;

    clear: both;

}

.red-one .col-md-3{

    text-align: center;

    font-size: 24px;

    padding-top: 40px;

    padding-bottom: 84px;

}

.grapsud{

    margin-bottom: 25px;

}

.inqui-titol{

    text-align: right;

    float: right;

    margin-bottom: 19px;

    margin-top: 20px;

}

.slogan{

    font-size: 36px;

    font-weight: bold;

    color: #a00022;

    margin: 0 280px;

    margin-top: 59px;

}

.slogan-24{

    font-size: 24px;

    text-align: center;

    color: #a00022;

    margin-top: 43px;

    margin-bottom: 43px;

}

.marcas{

    text-align: center;

}

.marcas img{

    vertical-align: text-top;

    max-width: 100%;

    height: auto;

    display: block;

}

.marcas ul{

    margin-top: 30px;

    padding-left: 0px;

    padding-left: 10px;

}

.marcas li{

    text-align: left;

    font-size: 14px;

    color: #595959;

}

.marcas ul ul{

    padding-left: 10px;

    margin-top: 3px;

}

.marcas li li{

    font-size: 14px;

}

.contacto{

    background-image: url(img/SPAIN.png);

    background-size: cover;

    clear: both;

    overflow: hidden;

}

.wraper-contacto{

    margin: 0 auto;

    text-align: left;

    margin: 0 360px;

    padding-bottom: 160px;

}

.contacto h2{

    font-size: 32px;

    color: #a00022;

    font-weight: bold;

    padding-top: 30px;

    margin-bottom: 23px;

    text-align: center;

}

.contacto h3{

    font-size: 22px;

    color: #a00022;

    font-weight: bold;

}

.contacto p{

    font-size: 15px;

    color: #000;

    margin-bottom: 30px;

}

.dades p{

    margin-bottom: 15px;

}

.dades p:nth-child(2){

    margin-bottom: 6px;

}

.footer{

    background-color: #820a21;

    color: #fff;

    font-size: 14px;

}

.footer p{

    padding: 20px 50px;

}

.elmer{

    float: right;

}

.elmer a{

    text-indent: -3113px;

}

.elmer img{

    margin-top: 20px;

    padding-right: 40px;

}

.evento-bg{

    background-image: url(img/NUTRACEUTICALS.png);

    background-repeat: no-repeat;

    background-position: top center;

    background-size: contain;

    height: 180px;

}

.row.marcas > div{

    width: 20%;

    float: left;

    box-sizing: border-box;

    padding-left: 15px;

    padding-right: 15px;

}

.row.marcas > img{

    max-width: 100%;

    height: auto;



}

@media only screen and (max-width: 768px){

    .wraper{

        width: 100%;

        padding: 0 10px;

    }

    .slogan{

        margin-left: 0;

        margin-right: 0;

    }

    .red-one{

        padding-top: 30px;

    }

    .red-one .col-md-3{

        padding-bottom: 20px;

    }

    .marcas ul{

        margin-bottom: 50px;

        padding-left: 70px;

    }

    .wraper-contacto{

        width: 100%;

        margin: 0;

        padding-bottom: 30px;

    }

    img{

        max-width: 100%;

        height: auto;

    }

    .info-expo{

        width: 100%;

        position: relative;

        left: inherit;

        margin-left: 0;

        margin-top: 20px;

    }

    .marcas .col-md-3{

        text-align: left;

    }

    .marcas img{

        margin-left: 20px;

    }

    .header{

        padding-bottom: 0px;

        padding-top: 40px;

    }

    .elmer{

        float: none;

        text-align: center;

        margin: 0px 0 30px 0;

    }

}

.langs{

    position: absolute;

    top: 5px;

    right: 5px;

    z-index: 1;

}