html,
body {
    height: 100%;
    margin: 0;
    padding: 0;
}

* {
    font-family: 'Helvetica', sans-serif;
}

@font-face {
    font-family: "Champagne";
    src: url("../styles/fonts/Champagne1.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "ChampagneBold";
    src: url("../styles/fonts/ChampagneBold.ttf") format('truetype');
    src: url("../styles/fonts/ChampagneBold.ttf?#iefix") format('truetype');
}

@font-face {
    font-family: "ChampagneBoldItalic";
    src: url("../styles/fonts/ChampagneBoldItalic.ttf") format('truetype');
}

@font-face {
    font-family: "ChampagneItalic";
    src: url("../styles/fonts/ChampagneItalic.ttf") format('truetype');
}

@font-face {
    font-family: "SolomonSansLight";
    src: url("../styles/fonts/Solomon Sans Light.otf") format('truetype');
}

@font-face {
    font-family: "SolomonSansBlack";
    src: url("../styles/fonts/Solomon Sans Black.otf") format('truetype');
}

@font-face {
    font-family: "SolomonSansItalic";
    src: url("../styles/fonts/Solomon Sans Book Italic.otf") format('truetype');
}

@font-face {
    font-family: "Helvetica Neue";
    src: url("../styles/fonts/HelveticaNeue.ttf") format('truetype');
}

@font-face {
    font-family: "Aller1";
    src: url("../styles/fonts/Aller1.ttf") format('truetype');
}

@font-face {
    font-family: "Aller2";
    src: url("../styles/fonts/Aller2.ttf") format('truetype');
}


.opcion-active{
    background-color: #DADADA;
}

.opcion-active:hover{
    background-color: #C3C3C3;
}

.opcion:hover{
    background-color: #C3C3C3;
}


#label1 label::before {
    background-image: url(../img/logos/logo cufin.JPG);
}

#label1:checked + label::before {
    background-image: url(../img/logos/logo cufin.JPG);
}

#label2 label::before {
    background-image: url(../img/logos/logo pyrocheff.JPG);
}

#label2:checked + label::before {
    background-image: url(../img/logos/logo pyrocheff.JPG);
}

#label3 label::before {
    background-image: url(../img/logos/logo luxus.JPG);
}

#label3:checked + label::before {
    background-image: url(../img/logos/logo luxus.JPG);
}

#label4 label::before {
    background-image: url(../img/logos/LOGO PARTY.JPG);
}

#label4:checked + label::before {
    background-image: url(../img/logos/LOGO PARTY.JPG);
}



/*****************FUNCIONES **************/

.letraChampagne {
    font-family: 'Champagne';
    font-size: 18px;
}

.letraChampagne2 {
    font-family: 'ChampagneBold';
}

.letraChampagne3 {
    font-family: 'ChampagneBoldItalic';
}

.letraChampagne4 {
    font-family: 'ChampagneItalic';
}

.letraSolomonLight {
    font-family: 'SolomonSansLight';
    font-size: 12px;
}

.fa-phone {
    transform: rotate(0deg) scaleX(-1);
}

.nomargin {
    margin: 0;
}

simargin {
    padding: 2px;
}

.nopadding {
    padding: 0;
}

sipaddingbot {
    padding-bottom: 10px;
}

sipaddingtop {
    padding-top: 15px;
}

.centrar {
    text-align: center;
}

.alader {
    text-align: right;
}

.fondonegro {
    background: black;
}

.fondotransparente {
    background: transparent;
}

.mostrarborde {
    border: 3px solid white;
}

.marcorojo {
    border: 3px solid black;
}

.colorcrimson {
    background-color: transparent;
}

.posicionrelative {
    position: relative;
}

.positionabsolute {
    position: absolute;
}

.paddingbot {
    padding-bottom: 2%;
}

.quitarpuntos {
    list-style-type: none;
}

.noborder {
    border: none;
}

/*----------------------Seccion de la NAVBAR----------------------*/

#menu {
    color: #FFFFFF;
    background-color: rgba(82, 82, 82, 1) !important;
}

#navbarSupportedContent ul li a {
    color: #FFFFFF;
}

#logoNav {
    height: 40px;
    width: auto;
}

li .nav-link {
    color: #FFFFFF;
}

.colorletra {
    color: white !important;
}

.buscador {
    background-color: crimson;
    border-radius: 7px;
    border: 12x solid dimgray;
}

input[type=text] {
    background: crimson url(../img/searchicon.png);
    color: white;
    border-radius: 7px;
    border-color: transparent;
    outline: none;
}

::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: white;
    opacity: 1;
    /* Firefox */
}

.convivan {
    display: inline-block;
}

ul.tz > li {
    display: inline-block;
    text-align: center;
}

.espacio {
    margin-left: 4px;
}


/*-----------------Seccion DIV PARTE 1 --------------------------*/

.container-parte1 {
    background-color: black;

}

.container-info {
    position: relative;
    width: 100%;
    background: transparent;
}

.cubiertos {
    position: relative;
    text-align: right;
    padding-top: 5%;
}

.contenedor-cucharitas {
    position: relative;
    display: inline-block;
}

.contenedor-texto {
    position: relative;
    display: inline-block;
    width: 100%;
    top: -60px;
}

.titulocubiertos {
    font-weight: bold;
    font-size: 46px;
    display: inline-block;
    position: relative;
    color: white;
}

#info {
    padding-top: 5%;
    padding-bottom: 5%;
    color: white;
}

.contenedor-cucharitas {
    position: relative;
    width: 40%;
    display: inline;
}


.prueba0 {
    margin-bottom: 20px;
}

.letrainfo {
    font-family: 'Champagne';
    font-size: 18px;
    padding-left: 16px;
    padding-right: 10px;
}

.res {}

@media screen and (max-width: 767px) {
    .res {
        display: none;
    }
}

/*------------SECCION DIV PARTE 2----------------*/

.container-parte2 {}

.cubiertos2 {
    position: relative;
    text-align: center;
    padding-top: 5%;
}

titulocubiertos2 {
    display: inline-block;
    position: relative;
}

.marco {
    border: 3px solid white;
    color: white;
}

.linea {
    background: black;
    width: 100%;
    height: 5%;
}

.linealsphere {
    position: relative;
    padding-top: 8%;
    padding-bottom: 4%;
}

.connect:before {
    position: relative;
    top: 95px;
    bottom: 0;
    content: " ";
    width: 5px;
    background-color: black;
    /*left: 50%;*/
    margin-left: 0px;
}

.connect:before {
    height: 5px;
    bottom: 26px;
    left: 30px;
    right: 0;
    width: 89%;
    margin-bottom: 20px;
}

.flechaizq {
    z-index: 2;
    position: absolute;
    top: 84px;
    left: 15%;
    vertical-align: middle;
    width: 25%;
    height: 55px;
    display: none;
}

.flechader {
    z-index: 2;
    position: absolute;
    top: 78px;
    left: 70%;
    text-align: right;
    vertical-align: middle;
    width: 25%;
    height: 55px;
    display: none;
}

.block {
    text-align: center;
    vertical-align: middle;
}

.circle {
    background: black;
    border-radius: 80px;
    color: white;
    height: 100px;
    font-weight: bold;
    width: 100px;
    display: table;
    margin: 20px auto;
}

@media screen and (min-width: 300px) {
    .block {
        text-align: center;
        vertical-align: middle;
        display: none;
    }
    .flechaizq {
        top: 80px;
        left: 5%;
        display: inherit;
    }
    .flechader {
        display: inherit;
    }
}

@media screen and (min-width: 360px) {
    .block {
        text-align: center;
        vertical-align: middle;
        display: none;
    }
    .flechaizq {
        left: 10%;
        display: inherit;
    }
    .flechader {
        top: 76px;
        left: 74%;
        text-align: right;
        display: inherit;
    }
}

@media screen and (min-width: 480px) {
    .block {
        text-align: center;
        vertical-align: middle;
        display: none;
    }
    .flechaizq {
        left: 12%;
        display: inherit;
    }
    .flechader {
        top: 76px;
        left: 74%;
        text-align: right;
        display: inherit;
    }
}

@media screen and (min-width: 600px) {
    .block {
        text-align: center;
        vertical-align: middle;
        display: none;
    }
    .flechaizq {
        left: 12%;
        display: inherit;
    }
    .flechader {
        top: 80px;
        left: 78%;
        text-align: right;
        display: inherit;
    }
}

@media screen and (min-width: 1024px) {
    .block {
        text-align: center;
        vertical-align: middle;
        display: inherit;
    }
    .flechaizq {
        display: none;
    }
    .flechader {
        display: none;
    }
}

.seleccionado {
    background: #b60000;
}

.animinfo {
    display: none;
}

.activo {
    display: table;
}

.circle p {
    vertical-align: middle;
    display: table-cell;
}

.centrado {
    vertical-align: middle;
    display: table-cell;
}

.infotiempo {
    list-style-type: none;
}

.tituloletra {
    font-family: "ChampagneBold";
    font-size: 38px;
}

.letra {
    font-family: "Champagne";
}

.letracirculo {
    font-family: "ChampagneBold";
    font-size: 34px;
}


/*--------------SECCION PARTE 3----------------*/

.container-parte3 {
    background: black;
    padding-bottom: 50px;
}

.container-carrucel {
    padding: 0% 15% 0% 15%;
}

.tarjetas {
    padding: 10% 10% 10% 10%;
}

.tarjetamon {
    background-color: darkgrey;
}

.contenidotarjetamon {
    width: 260px;
    height: 200px;
}

.alinearimg {
    display: table-cell;
    vertical-align: middle;
    text-align: center;

}

.letra1 {
    font-family: "Aller2";
    font-weight: bold;
}

.letrabotones {
    font-family: "ChampagneBold";
}

.llenardiv {
    width: 100%;
}

.custombutton {
    background: black;
}

.custombutton2 {
    background: #b60000;
    border-color: #b60000;
}

.carrucelbutton {
    background: #990000;
    border-color: #990000;
    width: 100%;
}

.rowpad {
    padding-left: 5%;
    padding-right: 5%;
}

/*-------------SECCION PARTE 4------------*/

.fondo {
    position: relative;
}

.containertitulo {
    position: relative;
    width: 100%;
}

.tituloutencilio {
    font-family: "ChampagneBold";
    font-weight: bold;
    font-size: 50px;
    display: inline-block;
    position: relative;
}

.comprar {
    font-weight: bold;
    color: crimson;
}

.boton {
    background: transparent;
    border-color: #b60000;
    border-width: thick;
    border-radius: 0;
    color: #b60000;
    font-family: "ChampagneBold";
    font-size: 20px;
    font-weight: bold;
}

.pad {
    padding-top: 38%;
}

.butpad {
    padding-bottom: 5%;
}

/*-------SECCION PARTE 5---------------*/

.container-parte5 {
    position: relative;
    background-color: #b60000;

}

container-tarjetas2 {
    position: relative;
}

.pruebatza {
    position: relative;
    margin-left: 5%;
    margin-right: 5%;
    padding-top: 3%;
    padding-bottom: 3%;
}

.letratarjeta {
    font-family: "Champagne";
}

.btnchido100:hover{

    background-color: white;
    color: black !important;
}
/*--------------SECCION PARTE 6----------------------*/

.container-parte6 {
    background-color: white;
}

.pruebatza2 {
    position: relative;
    padding-top: 5%;
    padding-bottom: 5%;
}

.padlogos {
    padding-top: 10px;
    padding-bottom: 10px;
}

/*-------------------SECCION PARTE 7---------------*/

.contenedor {
    position: relative;
}

.containertitulotenedor {}

.titulotenedorgigante {
    color: brown;
    font-weight: bold;
    font-size: 30px;
    display: inline-block;
    position: relative;
}

.moverder {
    left: 0%;
}

@media screen and (min-width: 575px) {
    .moverder {
        left: 2%;
    }
}

@media screen and (min-width: 800px) {
    .moverder {
        left: 10%;
    }
}

.tituloutencilio2 {
    font-family: "ChampagneBold";
    font-weight: bold;
    font-size: 50px;
    display: inline-block;
    position: relative;
    top: 0px;
}

@media screen and (min-width: 300px) {
    .tituloutencilio2 {
        top: 20px;
        font-size: 15px;
    }
}

@media screen and (min-width: 360px) {
    .tituloutencilio2 {
        top: 15px;
        font-size: 19px;
    }
}

@media screen and (min-width: 480px) {
    .tituloutencilio2 {
        top: 10px;
        font-size: 25px;
    }
}

@media screen and (min-width: 650px) {
    .tituloutencilio2 {
        top: 7px;
        font-size: 35px;
    }
}

@media screen and (min-width: 864px) {
    .tituloutencilio2 {
        top: 0px;
        font-size: 50px;
    }
}

.atza2 {
    text-align: right;
}

.letra10 {
    font-family: "Champagne";
    font-size: 16px;
    font-weight: bold;
}

@media screen and (min-width: 575px) {
    .letra10 {
        font-size: 20px;
    }
}


/*---------------SECCION FOOTER-----------*/

.container-footer {
    background-color: #191919;
}

.containermenus {
    position: relative;
    padding: 5% 8% 0% 8%;
}

.titulolista {
    font-weight: bold;
    font-size: 14px;
    display: inline-block;
    position: relative;
    text-align: right;
    color: crimson;
}

.formatoletra {
    font-size: 14px;
    position: relative;
}

.paddingspecial {
    padding-bottom: 5px;
}

.letramenu {
    font-family: "SolomonSansBlack";
}

.letrasdelmenu {
    font-family: "Aller2";
}

.letras2 {
    font-family: "SolomonSansLight";
}

.letrafooter {
    font-family: "Helvetica Neue";
}

/*-----------------------------------SECCION NOSOTROS--------------------------*/
.p1{
    font-family: "Champagne";
    font-size: 16px;
    font-weight: bold;
}
.margen{
    padding-left: 10%;
    padding-right: 10%;
    padding-top: 5%;
}
.frase1{
    font-family: "Champagne";
    font-size: 38px;
    color: #b60000;
}
.frase2{
    font-family: "ChampagneBold";
}
.frase3{
    font-family: "Champagne";
    font-size: 58px;
    color: #b60000;
}
.cuchara1{
    text-align: center;
}

.pad1{
    padding: 0px 0px 20px 0px;
}

.row80{
    width: 80%;
}
.row20{
    width: 20%;
}
.titulosborde{
    padding-left: 10px;
    border-left: 3px solid white;
    line-height: 0.8;
}
.Ntitulo2{
    font-family: "Champagne";
    font-size: 30px;
    color: white;
}
.Ntitulo3{
    font-family: "ChampagneBold";
    font-size: 50px;
    color: white;
}
.simbolo1{
    text-align: center;
    width: 31%;
    height: 80px;
}
.p2{
    font-family: "Champagne";
    color: white;
    line-height: 1.2;
}
.margen2{
    padding-left: 15%;
    padding-right: 2%;
    padding-top: 5%;
}
.row50{
    width: 49%;
}
.Ntitulo4{
    font-family: "Champagne";
    font-size: 35px;
    color: #b60000;
}
.Ntitulo5{
    font-family: "ChampagneBold";
    font-size: 35px;
    color: #b60000;
}
.titulosborde2{
    padding-left: 10px;
    border-left: 3px solid #b60000;
    line-height: 0.8;
}
.p3{
    font-family: "Champagne";
    font-weight: bold;
    line-height: 1.2;
}

/*-----------------------------------SECCION PRODUCTOS--------------*/
.contenedor-productos{
    margin: 0;
    padding-bottom: 5%;
    padding-right: 5%;
}

.paddingside{
    padding-left: 3%;
    padding-right: 3%;
}
.margintopside{
    margin-top: 5%;
}
.margintopside2{
    margin-top: 10%;
}
.borderlist{
    border: 1px solid black;
}
.borderoption{
    border-top: 1px solid black;
}
.backred{
    background: #b60000;
}
.paddingsidebar1{
    padding-top: 5%;
    padding-bottom: 5%;
}

.paddingsidebar2{
    padding-top: 3%;
    padding-bottom: 3%;
}
.backblack{
    background: black;
    color: white;
}
.backcolorprices{
    background: #b60000;
    color: white;
}

.letraChBold{
    font-family: "ChampagneBold";
}
.letraChBold2{
    font-family: "ChampagneBold";
    font-size: 17px;
}
.letraCh{
    font-family: "Champagne";
}
.fontopcion{
    font-size: 26px;
    font-weight: bold;
    color: #b60000;
}
.fontcatalogo{
    font-weight: bold;
    color: #b60000;
}
.fontopcioncat{
    font-size: 22px;
    font-weight: bold;
}
.fontprice{
    font-family: "Champagne";
    font-size: 18px;
    color: white;
}
.fontoferta{
    font-family: "Champagne";
    font-weight: bold;
    font-size: 24px;
    color: white;
}

.displaybuttons{
    float: right;
}
.backproduct{
    background: #dadada;
}
.card-text{
    font-weight: bold;
    color: #b91f1f;
    font-size: 18px;
}

.col-sm img{
    margin-top: 10px;
}

.imgcatalogo{
    max-width: 100%;
    max-height: 128px;
}


/*-----------------------------------SECCION NOVEDADES-----------------*/
.nov-parte1{
    padding-top: 5%;
}

.row70{
    width: 70%;
}

.row30{
    width: 30%;
}

.pad2{
    padding-left: 15%;
    padding-bottom: 7%;
}
.marti{
    margin-bottom: 5%;
}
.Ntitulo6{
    font-family: "Champagne";
    font-size: 35px;
    line-height: 0.8;
    color: #b60000;
}
.Ntitulo7{
    font-family: "ChampagneBold";
    font-size: 25px;
    line-height: 0.8;
    color: #b60000;
}
.pad3{
    padding-left: 5%;
}
.Ntitulo8{
    font-family: "Champagne";
    font-size: 30px;
    line-height: 0.8;
    color: #b60000;
}
.Ntitulo9{
    font-family: "ChampagneBold";
    font-size: 46px;
    line-height: 0.8;
    color: #b60000;
}
.Ntitulo10{
    font-family: "Champagne";
    font-size: 35px;
    line-height: 0.8;
    color: #b60000;
}
.Ntitulo11{
    font-family: "ChampagneBold";
    font-size: 45px;
    line-height: 0.8;
    color: #b60000;
}
.buton{
    background: #b60000;
    border-radius: 20px;
}

/*-----------------------SECCION SOCIOS COMERCIALES---------------------*/
.s-parte1{
    padding-left: 20%;
    padding-right: 20%;
}
.mar1{
    margin-top: 5%;
    margin-bottom: 5%;
}
.Ntitulo77{
    font-family: "ChampagneBold";
    font-size: 35px;
    line-height: 0.8;
    color: #bb1111;
}


/*---------------------SECCCION CONTACTO-------------------------------*/
.c-parte1{
    padding-left: 15%;
    padding-right: 5%;
    padding-top: 5%;
}
.icontacto{
    margin-right: 25px;
}
.marbot{
    margin-bottom: 5%;
}
input.normal{
    background: #ffffff;
    color: black;
    border: 1px solid black;
    border-radius: 0;
    width: 80%;
    float: right;
}

.comment-text-area {
  float: left;
  width: calc(100% - 0px);
  height: auto;
}
.textinput {
  float:left;
  width: 100%;
  min-height: 35px;
  outline: none;
  resize: none;
  border: 1px solid black;
}
.convivan2{
    display: inline;
}
.contenedor-boton{
    text-align: right;
}

.ctitulo{
    font-family: "ChampagneBold";
    color: #b60000;
}

.cpa{
     font-family: "ChampagneBold";
    line-height: 1.2;
}
.tilet{
    font-family: "ChampagneBold";
}

.tale{
    font-size: 15px;
}
.buton2{
    border-radius: 0;
    color: white;
    background: #525252;
}
.nobor{
    border: 0;
}
.mar1top{
    margin-top: 15px;
}