body,h1,textarea{
    font-family:Arial,Helvetica,sans-serif
}
.block50{
    width:50%
}
.fright{
    float:right
}
.bigLogo{
    max-width:250px
}
.bottomSpace{
    margin-bottom:15px
}
.block_marcas{
    width:700px;
    height:430px;
    display:block;
    margin-left:auto;
    margin-right:auto;
    margin-top:0;
    margin-bottom:auto;
    text-align:center
}
#NotFoundContainer div,#boxContainer,#contentContainer,#headerContainer,#pageContainer{
    margin-left:auto;
    margin-right:auto
}
.internalLink{
    display:inline;
    padding:0 20px 0 20px;
    font-size:1.2em;
    font-variant:all-petite-caps;
    color:darkslategrey
}
.internalLink a,.internalLink a:visited,.internalLink a:link{
    text-decoration:none;
    color:darkslategrey
}
.internalLink a:hover{
    font-weight:bold;
    cursor:pointer
}
*{
    padding:0;
    margin:0
}
body{
    font-size:10pt;
    color:#676767
}
h1{
    font-weight:700;
    letter-spacing:-1px
}
.noOverflow{
    overflow:hidden
}
#headerContainer{
    display:block;
    width:100%;
    height:86px;
    overflow:hidden;
    background:url(../../imgs/cabezal.jpg) top center no-repeat #ccc
}
.right{
    text-align:right
}
.left{
    text-align:left;
    float:left
}
.center{
    text-align:center
}
#contentContainer{
    width:1024px;
    margin-top:20px
}
#boxContainer{
    width:1024px;
    display:block;
    color:#fff
}
#boxContainer ul.boxes{
    display:table;
    width:100%;
    padding-top:20px;
    font-size:12pt;
    letter-spacing:-1px
}
#boxContainer ul.boxes li{
    vertical-align:top!important;
    width:300px;
    color:#4d4d4d;
    text-align:center;
    display:table-cell;
    background-color:#fff;
    padding:20px 10px
}
#boxContainer ul.boxes li{
    font-size:11pt;
    color:#8d8d8d
}
#boxContainer ul.boxes li p{
    margin-top:10px
}
#footerContainer .footer{
    display:table;
    width:100%;
    padding-top:10px;
    padding-bottom:20px
}
#footerContainer .footer li{
    text-align:left;
    display:table-cell;
    vertical-align:top
}
#footerContainer .footer li:not(:last-child){
    padding-right:20px
}
#footerContainer .footer p{
    padding-top:5px
}
#footerContainer .footer li p a{
    text-decoration:none;
    color:#d4d4d4
}
#footerContainer .footer li p a:hover{
    color:#a1de14;
    transition:all .5s ease-out
}
#footerContainer .footer li img{
    height:40px
}
#footerContainer .footer .copyright{
    font-size:8pt;
    text-align:right
}
#footerContainer h2{
    font-size:10pt;
    color:#ddd;
    text-transform:uppercase;
    border-bottom:1px solid #ddd;
    margin-bottom:10px;
    padding-bottom:5px
}
#footerContainer h3{
    font-size:10pt;
    font-weight:700;
    margin-top:10px
}
#NotFoundContainer{
    width:100%;
    display:block;
    text-align:center
}
#NotFoundContainer div{
    width:auto;
    display:block
}
#NotFoundContainer div p{
    margin-top:10px;
    margin-bottom:10px
}
#NotFoundContainer div p a{
    text-decoration:none;
    font-weight:400!important
}
.socialLinks .box{
    display:inline-block;
    margin-top:10px
}
.socialLinks .FBLink a,.socialLinks .FBLink a:hover{
    width:30px;
    height:30px;
    display:block;
    text-indent:300px;
    overflow:hidden
}
.socialLinks .FBLink a:hover{
    background:url(../../imgs/FB_a.png) top left no-repeat;
    transition:all .5s ease-out
}
.socialLinks .FBLink a{
    background:url(../../imgs/FB_a.png) bottom left no-repeat
}
.owl-theme .owl-controls{
    margin-top:10px;
    text-align:center;
    -webkit-tap-highlight-color:transparent
}
.owl-theme .owl-controls .owl-nav [class*=owl-]{
    color:#fff;
    font-size:14px;
    margin:5px;
    padding:4px 7px;
    background:#d6d6d6;
    display:inline-block;
    cursor:pointer;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px
}
.owl-theme .owl-controls .owl-nav [class*=owl-]:hover{
    background:#869791;
    color:#fff;
    text-decoration:none
}
.owl-theme .owl-controls .owl-nav .disabled{
    opacity:.5;
    cursor:default
}
.owl-theme .owl-dots .owl-dot{
    display:inline-block;
    zoom:1
}
.owl-theme .owl-dots .owl-dot span{
    width:10px;
    height:10px;
    margin:5px 7px;
    background:#d6d6d6;
    display:block;
    -webkit-backface-visibility:visible;
    -webkit-transition:opacity .2s ease;
    -moz-transition:opacity .2s ease;
    -ms-transition:opacity .2s ease;
    -o-transition:opacity .2s ease;
    transition:opacity .2s ease;
    -webkit-border-radius:30px;
    -moz-border-radius:30px;
    border-radius:30px
}
.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{
    background:#869791
}
.owl-carousel div img{
    width:auto!important;
    display:block;
    margin-left:auto;
    margin-right:auto
}
#contactContainer,#footerContainer{
    width:1024px;
    margin-right:auto;
    display:block;
    margin-left:auto
}
#footerContainer{
    background-color:#4d4d4d;
    color:#fff
}
#menuContainer{
    width:600px;
    margin-left:auto;
    margin-right:auto;
    background-color:#4d4d4d
}
#contactContainer{
    margin-bottom:20px
}
#contactContainer .mensaje{
    font-size:14pt;
    color:#4d4d4d;
    text-align:center;
    margin-top:10px;
    margin-bottom:10px
}
#contactContainer .statusError,#contactContainer .statusERROR{
    color:#d00;
    font-weight:700
}
#contact{
    width:90%;
    margin-left:auto;
    margin-right:auto;
    display:block
}
#contact .group{
    clear:both;
    display:table;
    width:100%;
    border-spacing:10px
}
#contact .field:not(last-child){
    margin-bottom:10px;
    margin-right:10px
}
#contact .field{
    width:45%;
    background-color:#f3f5ed;
    padding:10px;
    border:1px solid grey;
    border-radius:5px;
    margin-bottom:10px;
    font-size:12pt;
    display:table-cell
}
#contact .field:focus,#contact .field:hover{
    background-color:#fff;
    border:1px solid #a1de14;
    transition:all .5s ease-out
}
#contact .field input:focus,#contact .field select:focus,#contact .field textArea:focus{
    border:none!important;
    outline:0
}
#contact .field input,#contact .field select,#contact .field textArea{
    color:#4d4d4d;
    background:0;
    width:100%;
    border:0;
    font-size:12pt
}
#contact .field textarea{
    height:300px
}
#NotFoundContainer div p a,#contact input[type=button],#contact input[type=submit]{
    background-color:#d4d4d4;
    color:#4d4d4d;
    padding:10px;
    border:1px solid grey;
    border-radius:5px;
    min-width:100px;
    margin-left:auto;
    margin-right:auto;
    display:block
}
.contenido{
    color:black;
    font-size:11pt
}
.contenido p{
    margin-top:10px
}
.contenido h3{
    margin-top:20px;
    margin-bottom:15px
}
.button{
    padding:10px;
    margin-top:40px;
    margin-right:20px;
    margin-left:20px;
    font-size:1.2em;
    border:1px solid;
    background-color:lightgray;
    display:inline;
    border-radius:10px;
    text-decoration:none
}
.botones{
    margin-top:50px;
    display:block;
    padding-bottom:30px
}
a:link .button,a:visited .button{
    text-decoration:none;
    font-variant:all-petite-caps;
    color:black
}
a:hover .button{
    font-weight:bold;
    cursor:pointer
}
#NotFoundContainer div p a:hover,#contact input[type=button]:hover{
    background-color:#a1de14;
    transition:all .5s ease-out
}
#contact input[type=button].button:hover{
    background-color:#FFF
}
#catalogoCategoria{
    color:#000;
    box-shadow:4px 4px 10px rgba(0,0,0,.5);
    border:2px solid #fff;
    width:1014px;
    margin:80px auto auto;
    padding:15px;
    background-color:#a1de14
}
#catalogoCategoria hr{
    border:1px solid #fff
}
#contact .col{
    width:45%;
    display:table-cell!important
}
#catalogo,#catalogoCategoria{
    font-size:12pt;
    z-index:16777271
}
#catalogoCategoria h1{
    font-size:20pt;
    color:#000
}
#catalogoCategoria .catalogoListado ul{
    columns:2;
    -webkit-columns:2;
    -moz-columns:2
}
#catalogoCategoria .catalogoListado ul li:not(:first-child){
    margin-top:20px
}
#catalogoCategoria .catalogoListado ul li{
    padding:5px
}
#catalogoCategoria .catalogoListado ul li h1 a{
    color:#000;
    clear:both;
    float:none!important;
    font-weight:700;
    font-size:16pt
}
#catalogoCategoria .rowDescription h1,.divisionContainer h1{
    font-size:18pt;
    font-weight:700
}
#catalogoCategoria .catalogoListado ul li h1 a:hover{
    color:#fff
}
#catalogoCategoria .catalogoListado li:hover{
    background-color:#8dbf1a
}
#catalogoCategoria .catalogoListado p{
    float:none
}
#catalogoCategoria .row:not(:last-child){
    clear:both;
    display:table;
    vertical-align:middle;
    width:100%;
    margin-bottom:5px;
    padding-bottom:5px;
    border-bottom:1px solid #4d4d4d
}
#catalogoCategoria .rowImage{
    float:left;
    margin-right:10px;
    width:90px;
    height:80px;
    text-align:center
}
#modal,#modal .imagen img{
    width:100%
}
#catalogoCategoria .rowImage img{
    height:60px;
    max-width:80px
}
#catalogoCategoria hr{
    color:#fff;
    margin-bottom:10px
}
#destaque-img{
    max-height:150px;
    max-width:150px
}
#modal{
    display:none;
    position:fixed;
    z-index:16777200;
    left:0;
    top:0;
    height:100%;
    overflow:auto;
    background-color:#000;
    background-color:rgba(0,0,0,.4)
}
#modal .imagen{
    background-color:#fefefe;
    margin:15% auto;
    padding:20px;
    max-width:350px;
    text-align:center;
    border:1px solid #888
}
#modal a{
    float:right;
    margin-right:10px;
    margin-top:10px;
    color:#ddd;
    text-decoration:none;
    clear:both
}
#modal a:hover{
    cursor:pointer;
    color:#4d4d4d
}
.divisionContainer{
    color:#000;
    min-height:300px;
    display:table;
    padding:20px;
    width:250px;
    background-color:#ddd;
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover
}
.menuBack,.tableTitle{
    background-color:#4d4d4d
}
.divisionContainer h1{
    margin-bottom:20px;
    text-transform:lowercase;
    letter-spacing:-1px
}
#catalogo ul.items{
    min-height:270px
}
#catalogo ul.items li{
    font-size:12pt;
    list-style-type:none;
    position:relative;
    display:inline-block;
    text-align:left
}
#catalogo ul.items li:hover:not(:last-child){
    box-shadow:0 0 10px 5px #a1de14;
    z-index:500
}
#catalogo ul.items li ul.normal li:hover{
    box-shadow:none
}
#catalogo{
    width:1014px;
    margin-left:auto;
    margin-bottom:15px
}
#catalogo ul.normal li{
    display:list-item;
    list-style-type:none;
    margin-left:0;
    margin-bottom:10px;
    text-transform:lowercase
}
#catalogo ul.items li ul.normal li a{
    text-transform:uppercase;
    font-size:9pt;
    letter-spacing:-1px
}
#catalogo ul.items li ul.normal li a:hover{
    font-weight:700;
    transition:all .2s ease-out;
    transition:all .2s ease-in;
    -webkit-stroke-width:5.3px;
    -webkit-stroke-color:#a1de14;
    -webkit-fill-color:#a1de14;
    text-shadow:4px 0 10px #fff
}
h2 a:hover{
    color:#a1de14;
    transition:all .5s ease-out
}
#catalogo .catalogoPie1{
    background:#4d4d4d;
    border-bottom:3px solid #fff;
    padding:10px;
    min-height:150px;
    color:#ddd
}
#catalogo .catalogoPie2{
    padding:10px!important;
    font-size:10pt;
    color:#4d4d4d
}
#catalogo .catalogoPie2 a:hover{
    transition:all .2s ease-out;
    transition:all .2s ease-in;
    text-shadow:0 0 8px #a1de14
}
#fichaTecnica{
    min-height:300px
}
#fichaTecnica .imgProducto{
    float:right;
    max-width:250px;
    max-height:250px;
    margin-left:10px;
    margin-bottom:10px
}
#fichaTecnica hr{
    border:1px;
    margin-top:10px;
    margin-bottom:10px
}
#fichaTecnicaActions{
    width:100%;
    border-bottom:1px solid #4d4d4d;
    margin-bottom:25px;
    text-align:right;
    padding-bottom:10px
}
#fichaTecnicaActions i:not(:last-child){
    margin-right:30px
}
#fichaTecnicaActions i:hover{
    color:#a1de14;
    transition:all .5s ease-out;
    cursor:pointer
}
#fichaTecnica .fichaTecnicaHeader{
    display:none!important;
    width:100%;
    font-size:9pt;
    color:#4d4d4d;
    margin-bottom:25px
}
#fichaTecnica .fichaTecnicaFooter{
    display:none!important;
    width:100%;
    font-size:9pt;
    color:#4d4d4d;
    margin-top:25px
}
#calidad-titulo,#destaque-titulo,#novedades-titulo{
    font-size:15pt;
    margin-bottom:5px
}
.tableTitle{
    font-size:14pt;
    color:#fff
}
.tableTitle td{
    padding:5px
}
nav{
    display:block;
    background:#4d4d4d;
    font-size:10pt;
    font-weight:700;
    width:100%;
    margin-left:auto;
    margin-right:auto
}
.menu{
    display:table;
    width:100%
}
.menu li{
    position:relative;
    z-index:100;
    display:table-cell;
    text-align:center
}
.menu li:first-child{
    margin-left:0
}
.menu li a{
    text-decoration:none;
    padding:15px 5px;
    display:block;
    color:#fff;
    transition:all .2s ease-in-out 0s;
    min-width:100px;
    text-align:center
}
.menu ul,.menu ul ul{
    transition:all .2s ease-out
}
.menu li a:hover,.menu ul li:hover>a{
    color:#4d4d4d;
    background:#a1de14
}
.menu ul{
    visibility:hidden;
    opacity:0;
    margin:0;
    padding:0;
    width:170px;
    position:absolute;
    left:0;
    background:#fff;
    z-index:99;
    transform:translate(0,20px);
    box-shadow:5px 5px 16px 0 rgba(0,0,0,.5)
}
.menu ul ul:after,.menu ul:after{
    content:" ";
    height:0;
    width:0;
    pointer-events:none;
    box-shadow:5px 5px 16px 0 rgba(0,0,0,.5);
    position:absolute
}
.menu ul:after{
    bottom:100%;
    left:20%;
    border:solid transparent;
    border-color:rgba(255,255,255,0);
    border-bottom-color:#fff;
    border-width:6px;
    margin-left:-6px
}
.menu ul li{
    display:block;
    float:none;
    background:0;
    margin:0;
    padding:0
}
.menu ul li a{
    font-size:12px;
    font-weight:400;
    display:block;
    color:#4d4d4d!important;
    background:#fff
}
.menu ul li a:hover,.menu ul li:hover>a{
    background:#a1de14;
    color:#4d4d4d!important
}
.menu li:hover>ul{
    visibility:visible;
    opacity:1;
    transform:translate(0,0)
}
.menu ul ul{
    left:169px;
    top:0;
    visibility:hidden;
    opacity:0;
    transform:translate(20px,20px);
    box-shadow:5px 5px 16px 0 rgba(0,0,0,.5)
}
.menu ul ul:after{
    left:-6px;
    top:10%;
    border:solid transparent;
    bor#novedades-texto p img {
        max-width:100%
    }
    der-color:rgba(255,255,255,0);
    border-right-color:#fff;
    border-width:6px;
    margin-top:-6px
}
.menu li>ul ul:hover{
    visibility:visible;
    opacity:1;
    transform:translate(0,0)
}
.responsive-menu{
    display:none;
    padding:20px 15px;
    background:0;
    color:#4d4d4d;
    text-transform:uppercase
}
.responsive-menu:hover{
    text-decoration:none;
    position:absolute;
    top:10px;
    right:0
}
a.currentPage{
    background:#a1de14;
    color:#4d4d4d!important
}
a.important{
    background:#a00;
    color:#fff!important
}
a.important:hover{
    background:#d00!important;
    color:#fff!important
}
@media(min-width:768px) and (max-width:979px){
    #footerContainer .footer{
        margin-left:10px;
        margin-right:10px
    }
    .mainWrap{
        width:768px
    }
    .menu ul{
        top:37px
    }
    .menu li a{
        font-size:12px
    }
    a.currentPage{
        background-color:#a1de14;
        color:#fff
    }
    a.important{
        background:#a00;
        color:#fff!important
    }
    a.important:hover{
        background:#d00!important;
        color:#fff!important
    }
    #boxContainer,#catalogo ul.normal li,#contactContainer,#contentContainer,#footerContainer,#headerContainer,#pageContainer{
        width:100%
    }
    #catalogo,.divisionContainer{
        width:100%!important;
        padding:10px
    }
    #catalogo ul.items li{
        width:33%
    }
    .divisionContainer{
        height:320px
    }
    #catalogoCategoria{
        width:95%
    }
    #fichaTecnica table tbody tr td h2{
        font-size:12pt;
        font-weight:700
    }
    #fichaTecnica table tbody tr td{
        font-size:10pt
    }
    .tableTitle{
        font-size:12pt
    }
}
@media(max-width:767px){
    .canvas{
        width:100%
    }
    .menu ul,.menu ul ul{
        left:0;
        transform:initial
    }
    .menu li:hover>ul,.menu li>ul ul:hover,.menu ul,.menu ul ul{
        transform:initial
    }
    #footerContainer h2{
        margin-top:25px
    }
    #footerContainer .footer li{
        text-align:center;
        padding-right:0!important
    }
    #footerContainer .footer li .copyright{
        text-align:center!important;
        margin-top:25px;
        border-top:1px solid #ddd
    }
    #fichaTecnica table tbody tr td h2{
        font-size:10pt;
        font-weight:700
    }
    #fichaTecnica table tbody tr td{
        font-size:9pt
    }
    .tableTitle{
        font-size:12pt
    }
    #catalogoCategoria .catalogoListado ul{
        columns:1;
        -webkit-columns:1;
        -moz-columns:1
    }
    #boxContainer,#catalogoCategoria,#contactContainer,#contentContainer,#footerContainer,#headerContainer,#menuContainer,#pageContainer,#tinymce iframe,.menu .home,.menu li a.home{
        width:100%
    }
    #catalogo,#catalogo ul.items li,.divisionContainer{
        width:100%!important
    }
    #catalogoCategoria{
        border:0
    }
    #carrusel img{
        width:100%
    }
    .mainWrap{
        width:auto;
        padding:50px 20px
    }
    .menu{
        display:none
    }
    .responsive-menu{
        display:block;
        position:absolute;
        top:10px;
        right:0;
        font-size:20pt
    }
    a.responsive-menu{
        color:#4d4d4d;
        text-decoration:none
    }
    nav{
        margin:0;
        background:0
    }
    .menu li{
        display:block;
        margin:0
    }
    #footerContainer .footer li{
        display:block!important;
        margin:0
    }
    .owl-carousel div img{
        width:100%!important
    }
    #boxContainer .boxes li{
        display:block!important;
        margin:0 0 1px
    }
    #boxContainer ul.boxes:not(last-child){
        margin-bottom:0!important
    }
    .menu li a{
        background-color:#4d4d4d;
        color:#fff!important
    }
    #boxContainer ul.boxes li{
        border:none!important;
        width:auto!important
    }
    #contact .field{
        display:block!important;
        width:auto!important
    }
    #contact .group{
        border-spacing:0!important
    }
    .menu li a:hover,.menu li:hover>a{
        background:#a1de14;
        color:#fff!important
    }
    .menu ul{
        visibility:hidden;
        opacity:0;
        top:0;
        width:100%
    }
    .menu li:hover>ul{
        visibility:visible;
        opacity:1;
        position:relative
    }
}
@media print{
    #fichaTecnica .fichaTecnicaFooter,#fichaTecnica .fichaTecnicaHeader{
        display:block!important
    }
    #fichaTecnicaActions,#headerContainer,.menuBack{
        display:none
    }
    #fichaTecnica h1{
        font-size:30pt
    }
}
#contact input[type=file]{
    background-color:#d4d4d4;
    color:#4d4d4d;
    padding:10px;
    border:1px solid grey;
    border-radius:5px;
    min-width:100px;
    margin-left:auto;
    margin-right:auto
}
#novedades-texto p img {
    max-width:100%
}
.footerElanwor{
    margin-top:80px;
    color:black
}
.footerElanwor a{
    color:black;
    font-weight:bold;
    text-decoration:none
}
.footerElanwor p{
    margin-top:10px;
    font-size:11pt
}
#boxContainer ul.boxes li img{
    max-height:160px;
    max-width:160px
}
#boxContainer ul.boxes li hr{
    margin-top:45px;
    margin-bottom:15px;
    color:#4d4d4d;
    border:1px solid #8d8d8d
}
w70{
    width:70%
}
#boxContainer h1{
    margin-top:110px;
    color:black;
    font-size:20pt
}
#boxContainer h2{
    color:#8d8d8d;
    margin-bottom:50px;
    font-size:20pt;
    font-weight:normal;
    border-bottom:2px solid darkslategray
}
/* Estilos para el contenedor de la lista */
ul.marcas-grid {
    display: flex;
    flex-wrap: wrap; /* Permite que los elementos salten a la siguiente línea */
    list-style: none;
    padding: 0;
    margin: 0;
    gap: 20px; /* Espacio entre los elementos */
}

/* Configuración para Escritorio (Desktop) */
ul.marcas-grid li {
    /* Calculamos el ancho: (100% / 4 columnas) - el ajuste por el gap */
    flex: 0 0 calc(25% - 20px);
    box-sizing: border-box;
    text-align: center;

    vertical-align:top!important;
    width:200px;
    color:#4d4d4d;
    text-align:center;
    background-color:#fff;
}
img {max-width: 200px;}

/* Configuración para Móviles */
@media (max-width: 768px) {
    ul.marcas-grid li {
        flex: 0 0 100%; /* Ocupa todo el ancho disponible, forzando 1 por línea */
    }
}