html, body{
    height: 100%!important;
}

.no-padding{
    padding-left: 0px!important;
    padding-right: 0px!important;
}

.no-margin{
    margin-left: 0px!important;
    margin-right: 0px!important;
}

.padding-menos-15{
    padding-left: -15px!important;
    padding-right: -15px!important;
}

.margin-menos-15{
    margin-left: -15px!important;
    margin-right: -15px!important;
}



/*TIPOGRAFIAS*/
.roboto{font-family: 'Roboto', sans-serif;}
.playfair{font-family: 'Playfair Display', serif;}
.homemade{font-family: 'Homemade Apple', cursive; font-size: 20px;}

.italic{font-style: italic;}
.bold-100{font-weight: 100;}
.bold-300{font-weight: 300;}
.bold-400{font-weight: 400;}
.bold-500{font-weight: 500;}
.bold-700{font-weight: 700;}
.bold-900{font-weight: 900;}

.font-size-1{font-size: 1px!important;}
.font-size-2{font-size: 2px!important;}
.font-size-3{font-size: 3px!important;}
.font-size-4{font-size: 4px!important;}
.font-size-5{font-size: 5px!important;}
.font-size-6{font-size: 6px!important;}
.font-size-7{font-size: 7px!important;}
.font-size-8{font-size: 8px!important;}
.font-size-9{font-size: 9px!important;}
.font-size-10{font-size: 10px!important;}
.font-size-11{font-size: 11px!important;}
.font-size-12{font-size: 12px!important;}
.font-size-13{font-size: 13px!important;}
.font-size-14{font-size: 14px!important;}
.font-size-15{font-size: 15px!important;}
.font-size-16{font-size: 16px!important;}
.font-size-17{font-size: 17px!important;}
.font-size-18{font-size: 18px!important;}
.font-size-19{font-size: 19px!important;}
.font-size-20{font-size: 20px!important;}
.font-size-21{font-size: 21px!important;}
.font-size-22{font-size: 22px!important;}
.font-size-23{font-size: 23px!important;}
.font-size-24{font-size: 24px!important;}
.font-size-25{font-size: 25px!important;}
.font-size-26{font-size: 26px!important;}
.font-size-50{font-size: 50px!important;}

.margin-top-10{margin-top: 10px!important};
.margin-top-15{margin-top: 15px!important};
.margin-top-20{margin-top: 20px!important};
.margin-top-25{margin-top: 25px!important};
.margin-top-30{margin-top: 30px!important};
.margin-top-35{margin-top: 35px!important};
.margin-top-40{margin-top: 40px!important};
.margin-top-45{margin-top: 45px!important};
.margin-top-50{margin-top: 50px!important};
.margin-top-55{margin-top: 55px!important};
.margin-top-60{margin-top: 60px!important};
.margin-top-65{margin-top: 65px!important};
.margin-top-70{margin-top: 70px!important};
.margin-top-75{margin-top: 75px!important};
.margin-top-80{margin-top: 80px!important};
.margin-top-85{margin-top: 85px!important};
.margin-top-90{margin-top: 90px!important};
.margin-top-95{margin-top: 95px!important};
.margin-top-100{margin-top: 100px!important};

.margin-bottom-15{margin-bottom: 15px!important;}
.margin-bottom-20{margin-bottom: 20px!important;}
.margin-bottom-25{margin-bottom: 25px!important;}
.margin-bottom-30{margin-bottom: 30px!important;}
.margin-bottom-35{margin-bottom: 35px!important;}
.margin-bottom-40{margin-bottom: 40px!important;}
.margin-bottom-45{margin-bottom: 45px!important;}
.margin-bottom-50{margin-bottom: 50px!important;}
.margin-bottom-55{margin-bottom: 55px!important};
.margin-bottom-60{margin-bottom: 60px!important};
.margin-bottom-65{margin-bottom: 65px!important};
.margin-bottom-70{margin-bottom: 70px!important};
.margin-bottom-75{margin-bottom: 75px!important};
.margin-bottom-80{margin-bottom: 80px!important};
.margin-bottom-85{margin-bottom: 85px!important};
.margin-bottom-90{margin-bottom: 90px!important};
.margin-bottom-95{margin-bottom: 95px!important};
.margin-bottom-100{margin-bottom: 100px!important;}

.margin-top-menos-10{margin-top: -10px!important};
.margin-top-menos-15{margin-top: -15px!important};
.margin-top-menos-20{margin-top: -20px!important};
.margin-top-menos-25{margin-top: -25px!important};
.margin-top-menos-30{margin-top: -30px!important};
.margin-top-menos-35{margin-top: -35px!important};
.margin-top-menos-40{margin-top: -40px!important};
.margin-top-menos-45{margin-top: -45px!important};
.margin-top-menos-50{margin-top: -50px!important};
.margin-top-menos-55{margin-top: -55px!important};
.margin-top-menos-60{margin-top: -60px!important};
.margin-top-menos-65{margin-top: -65px!important};
.margin-top-menos-70{margin-top: -70px!important};
.margin-top-menos-75{margin-top: -75px!important};
.margin-top-menos-80{margin-top: -80px!important};
.margin-top-menos-85{margin-top: -85px!important};
.margin-top-menos-90{margin-top: -90px!important};
.margin-top-menos-95{margin-top: -95px!important};
.margin-top-menos-100{margin-top:- 100px!important};

.margin-bottom-menos-15{margin-bottom: -15px!important;}
.margin-bottom-menos-20{margin-bottom: -20px!important;}
.margin-bottom-menos-25{margin-bottom: -25px!important;}
.margin-bottom-menos-30{margin-bottom: -30px!important;}
.margin-bottom-menos-35{margin-bottom: -35px!important;}
.margin-bottom-menos-40{margin-bottom: -40px!important;}
.margin-bottom-menos-45{margin-bottom: -45px!important;}
.margin-bottom-menos-50{margin-bottom: -50px!important;}
.margin-bottom-menos-55{margin-bottom: -55px!important};
.margin-bottom-menos-60{margin-bottom: -60px!important};
.margin-bottom-menos-65{margin-bottom: -65px!important};
.margin-bottom-menos-70{margin-bottom: -70px!important};
.margin-bottom-menos-75{margin-bottom: -75px!important};
.margin-bottom-menos-80{margin-bottom: -80px!important};
.margin-bottom-menos-85{margin-bottom: -85px!important};
.margin-bottom-menos-90{margin-bottom: -90px!important};
.margin-bottom-menos-95{margin-bottom: -95px!important};
.margin-bottom-menos-100{margin-bottom:- 100px!important;}

/*TIPOGRAFIAS*/

#logo-otres-index{
    max-width: 350px;
    width: 100%;
    margin-top: 80px;
}

.social [class*="fa fa-"] {
    background-color: #333;
    border-radius: 30px;
    color: #fff;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    /*margin: auto 3px;*/
    width: 30px;
    font-size: 15px;
    text-align: center;
}

.icono-facebook-menu{
    width: 25px;
    height: 25px;
    line-height: 27px;
    background-color: #fff!important;
    color: #000!important;
    margin-top: 24px;
    border-radius: 25px;
    padding-left: 1px;
    padding-top: 1px;
    margin-left: 5px;
    font-size: 17px!important;
}

.icono-facebook-contacto{
    width: 30px;
    height: 30px;
    line-height: 32px;
    background-color: #000;
    color: #fff;
    margin-top: 28px;
    border-radius: 30px;
    padding-left: 1px;
    padding-top: 1px;
}

.titular-intro{
    font-family: 'Playfair Display', serif;
    font-size: 35px!important;
    color: #1d1d1b!important;
    margin-top: 0px!important;
    margin-bottom: 0px!important;
    padding: 0px!important;
}

.sub-titular-intro{
    font-family: 'Roboto', sans-serif;
    font-size: 16px!important;
    color: #1d1d1b!important;
    margin-top: 0px!important;
    margin-bottom: 30px!important;
    padding: 0px!important;
}

.titular{
    font-family: 'Playfair Display', serif;
    font-size: 35px;
    margin-bottom: 25px;
    font-weight: 400!important;
}

.texto{
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    line-height: 29px;
    letter-spacing: 0px;
    margin-bottom: 25px!important;
}

.sub-titular{
    font-family: 'Playfair Display', serif;
    font-size: 26px;
    margin-bottom: 5px!important;
    font-weight: 400!important;
}

.sub-texto{
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    line-height: 25px;
    letter-spacing: 0px;
    margin-bottom: 25px!important;
}

.titulo-produto{
    font-family: 'Playfair Display', serif;
    font-size: 16 px;
    /*font-size: 17px;*/
    margin-bottom: 5px!important;
    font-weight: 400!important;
}

.texto-contacto{
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    line-height: 29px;
    letter-spacing: 0px;
    margin-bottom: 0px!important;
}

.miniatura-slider{
   margin-bottom: 5px;
   width: 80px;
}

.miniatura-slider:hover{
   cursor: pointer;
}

.selected .miniatura-slider{
    opacity:0.75;
}

.list-inline-slider-contorna {
    padding-left: 0;
    margin-left: -5px;
    list-style: none;
}

.list-inline-slider-contorna>li {
    display: inline-block;
    padding-right: 4.2px;
    padding-left: 4.2px;
}

.flechas-slider{
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
    color: #000;
}


/* Removes the default 20px margin and creates some padding space for the indicators and controls */
.carousel {
    margin-bottom: 0;
    /*padding: 0 40px 30px 40px;*/
    padding-bottom: 40px;
    padding-left: 30px;
    padding-right: 30px;
}
/* Reposition the controls slightly */
.carousel-control {
    /*left: -12px;*/
    left: -113px;
    margin-top: -40px;
}
.carousel-control.right {
    /*right: -12px;*/
    right: -100px;
    margin-top: -40px;
}

.carousel-control.left {
    background-image: none!important;
    background-image: none!important;
    background-image: none!important;
    background-image: none!important;
    filter: none!important;
    background-repeat: repeat-x;
}

.carousel-control.right {
    background-image: none!important;
    background-image: none!important;
    background-image: none!important;
    background-image: none!important;
    filter: none!important;
    background-repeat: repeat-x;
}



/* Changes the position of the indicators */
.carousel-indicators {
    right: 50%;
    top: auto;
    bottom: 0px;
    margin-right: -19px;
}
/* Changes the colour of the indicators */
.carousel-indicators li {
    background: #c0c0c0;
}
.carousel-indicators .active {
background: #333333;
}


/*RESPONSIVE*/
@media (min-width: 1200px) {
    #logo-otres-index{
        max-width: 350px;
        width: 100%;
    }

    .carousel {
        margin-bottom: 0;
        /*padding: 0 40px 30px 40px;*/
        padding-bottom: 40px;
        padding-left: 30px;
        padding-right: 30px;
    }

    .carousel-control {
        /*left: -12px;*/
        left: -73px;
        margin-top: -40px;
    }
    .carousel-control.right {
        /*right: -12px;*/
        right: -60px;
        margin-top: -40px;
    }
}

/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
    #imagen-pollos{
        width: 325px;
    }

    #logo-otres-index{
        max-width: 350px;
        width: 100%;
    }

    .carousel {
        margin-bottom: 0;
        /*padding: 0 40px 30px 40px;*/
        padding-bottom: 40px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .carousel-control {
        /*left: -12px;*/
        left: -73px;
        margin-top: -45px;
    }
    .carousel-control.right {
        /*right: -12px;*/
        right: -60px;
        margin-top: -45px;
    }

    a.mouse{
        margin-top: 0px;
    }

    .fondo-pollos {
    height: 350px;
    background-position: left;
    background-image: url(../images/fondo-pollos.jpg);
    background-attachment: scroll;
    -webkit-background-size: cover;
            background-size: cover;
    }
    .paisaje {
        height: 350px;
        background-position: center;
        background-image: url(../images/paisaje.jpg);
        background-attachment: scroll;
        -webkit-background-size: cover;
                background-size: cover;
    }
    .pieza-pollo {
        height: 350px;
        background-position: center;
        background-image: url(../images/pieza-pollo.jpg);
        background-attachment: scroll;
        -webkit-background-size: cover;
                background-size: cover;
    }
    .fondo-ovos {
        height: 350px;
        background-position: center;
        background-image: url(../images/ovos.jpg);
        background-attachment: scroll;
        -webkit-background-size: cover;
                background-size: cover;
    }
}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {

    .fondo-pollos {
    height: 350px;
    background-position: left;
    background-image: url(../images/fondo-pollos.jpg);
    background-attachment: scroll;
    -webkit-background-size: cover;
            background-size: cover;
    }
    .paisaje {
        height: 350px;
        background-position: center;
        background-image: url(../images/paisaje.jpg);
        background-attachment: scroll;
        -webkit-background-size: cover;
                background-size: cover;
    }
    .pieza-pollo {
        height: 350px;
        background-position: center;
        background-image: url(../images/pieza-pollo.jpg);
        background-attachment: scroll;
        -webkit-background-size: cover;
                background-size: cover;
    }
    .fondo-ovos {
        height: 350px;
        background-position: center;
        background-image: url(../images/ovos.jpg);
        background-attachment: scroll;
        -webkit-background-size: cover;
                background-size: cover;
    }

    #logo-otres-index{
        max-width: 350px;
        width: 100%;
    }

    .carousel {
        margin-bottom: 0;
        /*padding: 0 40px 30px 40px;*/
        padding-bottom: 40px;
        padding-left: 0px;
        padding-right: 0px;
    }

    .carousel-control {
        /*left: -12px;*/
        left: -73px;
        margin-top: -45px;
    }
    .carousel-control.right {
        /*right: -12px;*/
        right: -60px;
        margin-top: -45px;
    }

    a.mouse{
        bottom: -90px!important;
    }
}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {

    .fondo-pollos {
    height: 350px;
    background-position: left;
    background-image: url(../images/fondo-pollos.jpg);
    background-attachment: scroll;
    -webkit-background-size: cover;
            background-size: cover;
    }
    .paisaje {
        height: 350px;
        background-position: center;
        background-image: url(../images/paisaje.jpg);
        background-attachment: scroll;
        -webkit-background-size: cover;
                background-size: cover;
    }
    .pieza-pollo {
        height: 350px;
        background-position: center;
        background-image: url(../images/pieza-pollo.jpg);
        background-attachment: scroll;
        -webkit-background-size: cover;
                background-size: cover;
    }
    .fondo-ovos {
        height: 350px;
        background-position: center;
        background-image: url(../images/ovos.jpg);
        background-attachment: scroll;
        -webkit-background-size: cover;
                background-size: cover;
    }

    #logo-otres-index{
        max-width: 270px;
        width: 100%;
        margin-top: 0px!important;
    }

    .carousel {
        margin-bottom: 0;
        /*padding: 0 40px 30px 40px;*/
        padding-bottom: 40px;
        padding-left: 0px;
        padding-right: 0px;
    }

    .carousel-control {
        /*left: -12px;*/
        left: -43px;
        margin-top: -50px!important;
    }
    .carousel-control.right {
        /*right: -12px;*/
        right: -30px;
        margin-top: -50px!important;
    }

    a.mouse{
        bottom: -90px!important;
    }

}

/* Portrait phones and smaller */
@media (max-width: 480px) {

    .fondo-pollos {
    height: 350px;
    background-position: left;
    background-image: url(../images/fondo-pollos.jpg);
    background-attachment: scroll;
    -webkit-background-size: cover;
            background-size: cover;
    }
    .paisaje {
        height: 350px;
        background-position: center;
        background-image: url(../images/paisaje.jpg);
        background-attachment: scroll;
        -webkit-background-size: cover;
                background-size: cover;
    }
    .pieza-pollo {
        height: 350px;
        background-position: center;
        background-image: url(../images/pieza-pollo.jpg);
        background-attachment: scroll;
        -webkit-background-size: cover;
                background-size: cover;
    }
    .fondo-ovos {
        height: 350px;
        background-position: center;
        background-image: url(../images/ovos.jpg);
        background-attachment: scroll;
        -webkit-background-size: cover;
                background-size: cover;
    }

    #logo-otres-index{
        max-width: 270px;
        width: 100%;
        margin-top: 0px!important;
    }

    .carousel {
        margin-bottom: 0;
        /*padding: 0 40px 30px 40px;*/
        padding-bottom: 40px;
        padding-left: 0px;
        padding-right: 0px;
    }

    .carousel-control {
        /*left: -12px;*/
        left: -43px;
        margin-top: -50px!important;
    }
    .carousel-control.right {
        /*right: -12px;*/
        right: -30px;
        margin-top: -50px!important;
    }

}
/*RESPONSIVE*/


/* Panel de Cookies */

#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtonAccept, #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonAccept, #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll {
    background-color: #000!important;
    border-color: #000!important;
}

#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonCustomize, #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection {
    border-color: #000!important;
}

#CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton {
    border-color: #000!important;
}

#CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink.CybotCookiebotDialogActive {
  border-bottom: 1px solid grey!important;
   
  color: grey!important;
}

#CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-change {
  background-color: #000!important;
  border-color: #000!important;

  }

  #CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-withdraw {
  background-color: #FFFFFF;
  border-color: #000!important;

}

#CookiebotWidget .CookiebotWidget-consent-details button {
    color: #000!important;
}

#CookiebotWidget svg {
    color: #000!important;
}
/* Fin panel de Cookies */