html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

body {
    margin: 0;
}

*,
*:before,
*:after {
    box-sizing: border-box;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block;
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

[hidden],
template {
    display: none;
}

a {
    background-color: transparent;
    text-decoration: none;
}

a:active,
a:hover {
    outline: 0;
}

abbr[title] {
    border-bottom: 1px dotted;
}

b,
strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

mark {
    background: #ff0;
    color: #000;
}

small {
    font-size: 80%;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

img {
    border: 0;
}

svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 1em 40px;
}

hr {
    box-sizing: content-box;
    height: 0;
}

pre {
    overflow: auto;
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}

button {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

button[disabled],
html input[disabled] {
    cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

input {
    line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

input[type="search"] {
    -webkit-appearance: textfield;
    box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

legend {
    border: 0;
    /* 1 */
    padding: 0;
    /* 2 */
}

textarea {
    overflow: auto;
}

optgroup {
    font-weight: bold;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

td,
th {
    padding: 0;
}

nav,
header,
footer {
    margin: 0;
}

img,
object,
embed {
    max-width: 100%;
}

::-webkit-input-placeholder,
:-moz-placeholder,
::-moz-placeholder,
:-ms-input-placeholder {
    color: #7F7F7F;
}


ul,li,p,dl,dd,dt { margin: 0px;list-style: none; padding: 0px;}
ul li {margin-bottom: 7px;}
ul { margin: 0 0 20px;}
p { margin-bottom: 15px; line-height: 160%;}
form { margin: 0;padding: 0;}
img {border: none; max-width: 100%; width: auto; margin-bottom: 15px}

.cfx:after {content: "."; display: block;height: 0;clear: both; visibility: hidden;}
.cfx{display: inline-block;}
.cfx{display: block;}

* html .cfx {height:1px;}
body,html {font-size: 16px; height: 100%; min-height: 100%; font-family: 'Muli', sans-serif;}
body {background: #fff; font-size: 1rem; color: #666;}

a {color: #1f66a0;outline: none;}
a:hover{outline: none; opacity: 0.8;}
a:active{opacity: 1}

/*Headings*/
h1 a,h2 a,h3 a,h1,h2,h3{font-family:'Muli', sans-serif; color: #14529b; padding: 0; line-height: 1.5;}
h4 a,h5 a,h6 a{color:#444}
h1 {font-size: 2rem; margin:20px 0 25px;}
h2 {font-size: 1.8rem; margin: 0 0 18px;}
h3 {font-size: 1.6rem; margin: 0 0 15px;}
h4 {font-size: 1.2rem; margin: 0 0 15px; color: #444}
h5 {font-size: 1.2rem; margin: 0 0 10px; color: #444}
h6 {font-size: 1rem; margin: 0 0 7px; color: #444}

/* Transitions */
a,form * {-webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}

/*Grids*/
.grid_1 { width: 6.5%;}
.grid_2 { width: 15%;}
.grid_3 { width: 23.5%;}
.grid_4 { width: 32%;}
.grid_5 { width: 40.5%;}
.grid_6 { width: 49%;}
.grid_7 { width: 57.5%;}
.grid_8 { width: 66%;}
.grid_9 { width: 74.5%;}
.grid_10 {width: 83%;}
.grid_11 {width: 91.5%;}
.grid_12 {width: 100%;}
.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12 {margin: 0 2% 1% 0;float: left; display: block;}
[class*="grid"]:last-child,.last {margin-right:0!important;}

/* Filas */
.row:before,.row:after {display:table; content: "";}
.row:after {clear:both;}

/*Helpers*/
.responsive {width: auto; height: auto;display: block; max-width: 100%;}
.left {float: left;}
.right {float: right;}
.center {text-align: center;}
.muted{font-size:.85rem; color:#666}
.secNav ul li a.active, .active {color: #1f66a0}
.marginBot {margin-bottom:25px;}
img[align="left"] {margin: 0px 20px 5px 0;}
.cont,.rsCaption { width: 100%;max-width: 1280px; margin: 0 auto;}
section.fullWidth {padding: 70px 0;}
section.fullWidth.full-grey {background: #f8f8f8}

aside { padding-right: 35px;}
aside.right {float: right!important; padding-left: 35px; padding-right: 0;}
a[href$=".pdf"] { position: relative; padding-left: 25px;}
a[href$=".pdf"]:before {left: 0; top:2px; content: ''; width: 16px; height: 20px; background: url('../img/icon-pdf.svg') no-repeat; background-size: 100%; position:absolute;}

/*Header
-------------------------------------------------------*/
header {background:#fff; z-index: 2; padding: 0; }
header .logo {margin-top: 30px; display: block}
header nav > ul > li {float: left}
header nav > ul > li > a{ padding: 15px 18px;}
header nav > ul > li > a img{ margin-bottom: 0}

/*Navs
--------------------------------------------------------*/
nav ul li {position: relative; z-index: 1000; margin: 0;}
nav > ul ul { font-size: 13px; position: absolute; display: none; top: 100%; left: 0; box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2);
    min-width: 14em; *width: 14em; background: #fff; padding:15px}
nav > ul li:hover > ul,
nav > ul li.sfHover > ul {display: block;}
nav > ul ul ul { top: 0; left: 100%;}
nav > ul > li { margin-bottom: 0;}
nav ul li a { display: block; color:#1f1a17;}
nav ul li a:hover {color:#000;}
nav > ul ul li a:hover {background:rgba(0, 0, 0, 0.05);}

/*Nav arrows*/
.sf-arrows .sf-with-ul {padding-right:2.5em; *padding-right: 1em;}
.sf-arrows .sf-with-ul:after { content: ''; position: absolute; top: 50%;right: 1em; margin-top: -3px; height: 0;
    width: 0; border: 4px solid transparent; border-top-color: #333; border-top-color: rgba(0, 0, 0, 0.2);}
.sf-arrows > li > .sf-with-ul:focus:after, .sf-arrows > li:hover > .sf-with-ul:after,.sf-arrows > .sfHover > .sf-with-ul:after {
    border-top-color: #333333;}
.sf-arrows ul .sf-with-ul:after { margin-top: -5px; margin-right: -3px; border-color: transparent; border-left-color: #333; border-left-color: rgba(0, 0, 0, 0.2);}
.sf-arrows ul li > .sf-with-ul:focus:after,.sf-arrows ul li:hover > .sf-with-ul:after,.sf-arrows ul .sfHover > .sf-with-ul:after {
    border-left-color: #333;}
.mb-mainNav {float: right; display: none; width: 100%;}
.slicknav_nav {clear: both; background: #ffffff;}
.slicknav_btn {position: absolute; right: 20px; top: 20px;}

/*Menu principal*/
.mainNav ul {float: right; margin-bottom: 0}
.mainNav ul li a{font-size: 1rem}
.mainNav ul.menu-sec{display: none; background:#fff}
.secNav ul{display: inline-block;}
.secNav ul li i{color:#14529b; margin-right: 8px}
.secNav ul li a{ position: relative; color:#767676; font-size:0.8rem; font-weight:600; padding:8px 12px}
.secNav ul li:last-child a{padding-right:0}
.secNav ul {float: right; margin-bottom: 5px}

.searchHeader{width: 400px; display:inline-block; float: right; text-align: right; margin-bottom: 5px}
.searchHeader button{background:#14529b; padding: 8px 15px; height: 37px; border-radius:0px 2px 2px 0; margin-left: -6px; vertical-align: top}
.searchHeader button img{margin-bottom:0}
.searchHeader input[type="text"]{ margin-bottom: 0; width: 270px;height: 37px; border:2px solid #cfcfcf; padding: 8px 12px; vertical-align: top}
.searchHeader button, .searchHeader input[type="text"]{ display: inline-block}

/*Menu de categorias
-----------------------------------------------------------------*/
.cat_nav_wrap {background:#14529b;}
.catNav ul{ margin:0}
.catNav ul{display: flex; flex-wrap: nowrap; align-items:stretch; background:#14529b;}
.catNav ul li{ flex-grow:1}
/*.catNav ul li.mobile{display: none}*/
.catNav ul li a {color: #fff; text-align: center; font-size: 0.87rem; height: 100%}
.catNav ul li a:hover {background:rgba(0,0,0,0.08); color:#fff; opacity: 1}
.catNav ul li a.active {color: #fff!important; background:#114582}
.catNav ul li i {color: #fff; margin-right: 5px}

.catNavMb{ display: none; background: #14529b; padding:15px 30px 5px}
.catNavMb label{margin-bottom: 5px; color:#fff;}

main:not(.home){padding-bottom: 70px}
#contenido{padding:30px 0 70px; }
#contenido.pagina-contacto{padding:30px 0; }
#contenido .grid_9 img{ margin-bottom: 25px}

.breadcrumb{font-size: 0.8rem; margin-bottom: 10px}
.breadcrumb span{ margin: 0 3px}


.menu-seccion{ font-size: 0.9rem; margin-bottom: 35px;}
.menu-seccion a{ color: #444}
.menu-seccion > ul > li{padding:4px 0 4px 24px; margin: 0; font-size: .95rem; position: relative; font-weight: 600}
.menu-seccion > ul > li:before{content: ''; position: absolute; width: 10px; height: 10px; background: url('../img/icon-arrow-rg.svg') center center no-repeat; background-size: 100%; left: 0; top:9px}
.menu-seccion > ul > li:last-child{border-bottom: 0}
.menu-seccion > ul > li > ul{margin:10px 0 0 15px;list-style-position: inside}
.menu-seccion > ul > li > ul > li{padding:1px 0; list-style: disc;font-weight:300}
.menu-seccion ul { margin-bottom:0}

/*Royal Slider
-----------------------------------------------------------------*/
.slider {width: 100%;}
.rsDefault,.rsDefault .rsOverflow,.rsDefault .rsSlide,.rsDefault .rsVideoFrameHolder {background: #f8f8f8;}
.royalSlider.rsDefault {width: 100%; clear:both; margin-bottom: 35px;}
.royalSlider.rsDefault img{margin-bottom: 0}
.rsDefault .rsGCaption { top: 19%; bottom: auto; background: none;}
.rsDefault .rsBullets { position: absolute; bottom: 20px; background: none;}
.rsDefault .rsBullet { width: 11px;  height: 11px;  padding: 12px 6px;  margin: 0 4px;}
.rsDefault .rsBullet span { width: 11px; height: 11px;}
.rsDefault .rsArrowIcn {background-color: rgba(0, 0, 0, 0.45);}

/*Producto ampliado
-----------------------------------------------------------------*/
.producto-ampliado .breadcrumb{margin-bottom: 15px}
.producto-descripcion h1{margin-top:0; margin-bottom: 0px}

.producto-descripcion{ padding-left: 60px; font-size: 1rem}
.producto-descripcion .ficha{font-size: .9rem; padding-bottom: 20px; margin: 10px 0; border-bottom: 1px solid #d9d9d9}
.producto-descripcion p{margin-bottom: 0px}
.producto-descripcion ul li{margin-bottom: 5px;}
.producto-descripcion .descargas{margin-top: 10px}

.formulario-producto{ clear: both; text-align: center; background: #f8f8f8; padding: 50px 0;}
.formulario-producto .formulario{margin: 0 auto; max-width: 500px}
.formulario-producto p{margin-bottom: 20px; font-size: 1.1rem}
.formulario-producto input[type='submit']{font-size: 1.2rem; font-weight: 600}

/*Iconos
----------------------------------------------------------------*/
[class^="icn-"] { display: inline-block;background-size: cover; background-position: center center; background-repeat: no-repeat;}
.icon-link { vertical-align: middle;}
.icon-link i { margin-left: 7px; vertical-align: sub;}
.icn-arrow { width: 15px; height: 15px; background-image: url('../img/icn-arrow.svg');}

/*Formulario
-----------------------------------------------------------------*/
form ul li {clear: both; margin-bottom: 0;}
form .row .grid_6 { margin-left: 4%; width: 48%;}
form .row {margin-bottom: 20px;}
form .row .grid_6:first-child { margin-left: 0;}

select,input,textarea { color: #444; background: #fff; font-size: 0.85rem; width: 100%; padding:7px 12px; border: none; margin-bottom: 10px; vertical-align: middle; border: 1px solid #e3e3e3}
label { display: block; font-size: 0.85rem;}
textarea { height: 150px; font-size: 0.85rem;}
input[type='submit'] { width: 100%; margin: 10px 0; clear: both;}
input[type='checkbox'],input[type='radio'] { width: auto; vertical-align: middle; margin-left: 0;}


#contacto input[type='submit']{display: inline-block; width: auto}

/*Botones
-------------------------------------------------------*/
input[type='submit'], button,.btn { border: none; font-size: 0.8rem; font-weight: 300; background: #14529b; padding: 8px 15px;
    color: #fff;text-align: center;display: inline-block; border-radius: 4px;line-height: 1.5; vertical-align: middle}
button:hover,.btn:hover { opacity: 0.90; cursor: pointer;}
.btnMin { font-size: 0.75rem; padding: 5px 12px; margin: 7px 0;}
.btnMd { font-size: 1rem!important; padding: 6x 20px; margin: 7px 0;}
.btnGr {font-size: 1.4rem!important; padding: 14px 30px; margin: 10px 0;}
.col-lateral{ padding-right: 25px; }

/*Productos*/
.producto-wrap.four-cols .producto{width: 22%; margin: 0 4% 30px 0}
.producto-wrap.four-cols .producto:nth-of-type(4n){margin-right: 0}
.producto-wrap.three-cols .producto{width: 30.666666666%; margin: 0 4% 30px 0}
.producto-wrap.three-cols .producto:nth-of-type(3n){margin-right: 0}
.producto-wrap{ clear: both; display: flex; align-items: stretch; flex-wrap:wrap; align-content: space-between}
.producto{text-align: center; padding-bottom: 10px; position: relative}
.producto h4{margin-bottom: 0}
.producto .imagen-producto{ margin-bottom: 10px}
.producto .imagen-producto img{ margin-bottom: 0px!important}
.producto .descripcion{margin-bottom: 0; font-size: 0.95rem; font-weight: 700; color: #444}
.producto .codigo{font-size: 0.95rem; font-size: 700; margin-bottom: 10px}
.productos a.btn{background: #14529b; display: inline-block; clear: left;}

/*Noticias*/
.noticias-listado p{ margin-bottom: 5px}
.noticias-listado h5{ line-height: 1.2}
.noticias-listado .imagen img{margin-bottom: 10px}

.novedades-listado-lateral .item {margin-bottom: 30px}
.novedades-listado-lateral .item h6{font-size: 1.1rem}
.novedades-listado-lateral .item p{font-size: .95rem; line-height: 1.4; margin-bottom: 0}

.novedad-ampliada-wrap .grid_9{padding-right: 35px}

.list-wrap {display: flex; align-items: stretch; flex-wrap:wrap; align-content: space-between; padding-top: 25px}
.list-wrap .item h5 {margin-bottom: 0}
.list-wrap .item h5 {margin-bottom: 0}
.list-wrap .item h5 a{color:#444}
.list-wrap .item .imagen img{margin-bottom: 10px}

/*Noticias col lateral*/
.grid_3 .list-wrap .imagen{float:left; margin-right:10px}
.grid_3 .list-wrap h5{font-size:0.95rem; line-height: 1}

.three-cols .item{width:30.6666666666%; margin-right: 4%; margin-bottom: 45px}
.three-cols .item:nth-of-type(3n){margin-right: 0}

/*Footer*/
footer {clear: both; background: #14529b; padding: 40px 0 0; color: #fff;}
footer .logo{ width: 150px}
footer nav { border-bottom: 1px solid #fff; display: block; padding-bottom: 0px; margin-bottom: 2rem}
footer ul.menu{ display:flex}
footer ul.menu li{ flex-grow: 1; font-size: 0.8rem}
footer ul.menu li a{color:#fff}
footer h6, footer p {color: #fff; margin-bottom:3px}
footer .datos-contacto, footer .datos-contacto a { color: #a1cbfb}
footer .datos-contacto address{font-style: normal;}
footer address ul {width: 100%; font-size: 0.8rem}
footer address ul li{margin-bottom: 5px}



.pagina-contacto .grid_8{ padding-right: 30px}
.grid_4 .datos-contacto{font-size: .95rem}
.mapas-wrap{background: #f8f8f8; padding: 20px 0 40px}
.mapas-wrap .grid_6{padding: 0}
.mapas-wrap .grid_6 h6{padding:15px 0 10px}


.productos-relacionados{margin-top: 50px}

/*Categorias*/
.categories-wrap{}

.category-banner{position: relative; margin-top: 0px; height: 150px; background-color:#777; background-position: center top; background-size: cover}
.category-banner h1{ color: #fff; position:absolute; text-align: center; padding-top:50px; z-index: 10}
.banner-wrap{ position: absolute; width: 100%; height: 100%}
.veil-horz{position: absolute; width: 100%; height: 100%;
background: -moz-linear-gradient(left, rgba(0,0,0,0.69) 0%, rgba(0,0,0,0) 100%);
background: -webkit-linear-gradient(left, rgba(0,0,0,0.69) 0%,rgba(0,0,0,0) 100%);
background: linear-gradient(to right, rgba(0,0,0,0.69) 0%,rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b0000000', endColorstr='#00000000',GradientType=1 );}

.veil{position: absolute; width: 100%; height: 100%;background:rgba(0,0,0,0.2)}
.filtros{}
.filtros .orden{ float: right}
.filtros .orden label{ display: inline-block; vertical-align: text-bottom; font-weight: 700; margin-right: 5px}
.filtros .orden select{display: inline-block; min-width: 145px; width: auto; padding: 5px}

.menu-seccion{ margin: 15px 0 25px; border-bottom: 1px solid #e3e3e3; padding-bottom: 25px}
.menu-main{margin-top: 30px;}
.marca label{font-weight: 700}

.list-categorias .item{position: relative}
.list-categorias a{display: block; background-color:#000;}
.list-categorias a .imagen{ width: auto;  margin: 0!important}
.list-categorias a .imagen img{display: block; opacity:1; margin-bottom: 0!important}
.list-categorias a:hover{opacity:1}
.list-categorias a:hover .imagen img{opacity:0.8}
.list-categorias a .titulo{position: absolute; width: 100%; height: 100%; display: flex; align-items: center; align-content: center; text-align: center;z-index: 10}
.list-categorias a .titulo h1{ position: relative; width: 100%; text-align: center; line-height:0.9; margin: 0; padding: 0; color:#fff; text-shadow: 0 0 10px rgba(0,0,0,0.5)}

/*///////////////////////    RESPONSIVE    ///////////////////////////////////////////////////////*/

/*Max 1280
------------------------------------------------------*/
@media screen and (max-width: 1280px){
    .site {width: 100%;}
    .cont { width: 100%; padding: 0 30px;}
}


@media screen and (min-width: 1024px) {
.catNav ul.mobile{display: none}
}
/*Max 1024

------------------------------------------------------*/
@media screen and (max-width: 1024px) {
    .grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7, .grid_8, .grid_9, .grid_10, .grid_11,.grid_12 {width: 100%; margin: 0;}
    
    h1 {font-size: 26px; margin:0 0 15px;}
    h2 {font-size: 24px; margin: 0 0 15px;}
    h3 {font-size: 22px; margin: 0 0 12px;}
    h4 {font-size: 17px; margin: 0 0 12px;}
    h5 {font-size: 16px; margin: 0 0 7px;}
    h6 {font-size: 14px; margin: 0 0 5px;}
    
    main:not(.home){padding-bottom: 30px}    
    #contenido{padding:40px 0; clear: both}
    .searchHeaderWrap{ width:100%; left: 0; top: 55px; background: #fff; padding:10px 20px 20px; position:absolute}
    .catNav,.secNav,.mainNav { display: none;}
    .catNavMb,.mb-mainNav,.mb-search {display: block; clear: both}
    .mainNav ul.menu-sec{display: block;}
    .cont { padding: 0 30px;}
    aside.right {padding-left: 0;}
    .mainCol {padding-bottom: 50px;}
    
    /* header */
    header{padding: 15px 0; position: relative; z-index: 10; box-shadow: 0 0 10px rgba(0,0,0,0.1)}
    header .logo{ display: inline-block; margin-top: 0; width: 200px;}
    header .logo img {margin-bottom: 0}
    
    .searchHeaderWrap{display: none;border-bottom: 2px solid #f8f8f8}
    .searchHeader{float: none; text-align:left}
    .searchHeader input[type="text"]{display: inline; width: calc(100% - 49px); padding: 12px 12px 11px; height: 45px}
    
    .searchHeader button{display: inline-block; margin-left: -6px; position: relative; height: 44px; width: 50px}
    .searchHeader{ width: 100%}
        
    /*SlickNav*/
    .slicknav_menu {display: block; background: #f8f8f8!important;font-size: 16px;}
    .slicknav_menu ul{margin:0;}
    .slicknav_btn {position: relative; display: block; vertical-align: middle; float: right; padding: 17px 0; cursor: pointer; text-decoration: none; height:55px; width:60px; text-align: center}    
    .mb-mainNav .slicknav_btn {position: absolute; top: 0; right:0px; margin: 0; background-image: url('../img/menu.png');        background-repeat: no-repeat; background-position: center center;z-index: 11}    
    .mb-mainNav .slicknav_btn.slicknav_open {background: url('../img/menu-active.png') center center no-repeat;}

    .mb-search a.search-btn.search_open{background: url('../img/search-active.png') center center no-repeat;}    
    /*Search*/
    .mb-search{position:absolute; right: 60px; top:0; z-index: 11}
    .mb-search a.search-btn{ display: block; width:60px; height: 55px; background-image: url('../img/search.png'); background-repeat: no-repeat; background-position: center center; cursor: pointer}    

    .mb-search:hover, .slicknav_btn:hover {background-color: rgba(0, 0, 0, 0.02)}  

    .slicknav_nav {clear: both;float: none; width: 100%;background:#f2f2f2;}
    .slicknav_nav ul,.slicknav_nav li {display: block; width: 100%;}
    .slicknav_nav a {padding: 12px 20px; margin: 0; text-decoration: none; color: #000; background: #fff;display: block; border-bottom: 1px solid rgba(255,255,255,0.1)}    
    .slicknav_nav ul {padding: 0;margin:0;}
    .slicknav_nav ul ul {position:static;}
    .slicknav_nav ul ul a {padding-left: 20px;}
    .slicknav_nav ul a {background: #14529b; color: #fff}
    .slicknav_nav ul a:hover{background: #124c8f; color: #fff;opacity: 1}
    .slicknav_nav .slicknav_arrow {float:right; font-size: 12px; margin: 0 0 0 5px;}
    .slicknav_nav .slicknav_txtnode {margin-left:0;}
    .slicknav_nav .slicknav_row {display:block; padding:10px 20px;}
    .slicknav_nav .slicknav_row:hover {color: #666;}
    .slicknav_nav .slicknav_item a,.slicknav_nav .slicknav_parent-link a {display: inline;background: transparent;padding: 10px 0;}
    .slicknav_nav .slicknav_menu:before,.slicknav_menu:after {content: " "; display: table;}
    .slicknav_menu:after {clear: both;}
    .sf-arrows .sf-with-ul:after {display: none;}
    
    /*Menu mobile secundario*/
    .slicknav_nav ul.mobile li a{background: #f8f8f8; color:#444;border-bottom: 1px solid rgba(0,0,0,0.05)}
    
     .royalSlider {width: 100%;}
   
    .novedades .box {width: 42%;margin: 0 4% 50px;}
    .novedades h1 {text-align: center; margin-bottom: 50px;}
        
    footer ul.menu{display:block}
    footer ul.menu li a{padding:4px 0}
    footer .datos-contacto .grid_4{width: 48%; margin-right: 1%}
    
    .aside{margin-top: 25px}
    .producto-descripcion{padding-left: 0}
    .producto-descripcion h1{margin: 10px 0}
    .producto-descripcion .ficha{font-size: 0.8rem; margin-top: 15px}
    
    .novedad-ampliada-wrap .grid_9{padding-right: 0}
    .pagina-contacto .grid_8{padding-right: 0}
}


@media screen and (max-width: 768px) {   
    section.fullWidth {
    padding: 30px 0;
}
.producto-wrap.four-cols .producto{width: 48%; margin: 0 4% 30px 0}
.producto-wrap.four-cols .producto:nth-of-type(2n){margin-right: 0}
    
.producto-wrap.three-cols .producto{width: 30.666666666%; margin: 0 4% 30px 0}
.producto-wrap.three-cols .producto:nth-of-type(3n){margin-right: 0}
    
.three-cols .item{width:48%; margin-right: 4%; margin-bottom: 45px}
.three-cols .item:nth-of-type(3n){margin-right: 4%}
.three-cols .item:nth-of-type(2n){margin-right: 0}
    
}

@media screen and (max-width: 600px) {   
    footer address ul li { width: 100%; margin-left: 0; }
    .catNavMb label{text-align:center; margin-bottom: 10px}
    
    .producto-wrap.three-cols .producto{width: 48%; margin: 0 4% 30px 0}
.producto-wrap.three-cols .producto:nth-of-type(3n){margin-right: 4%}
.producto-wrap.three-cols .producto:nth-of-type(2n){margin-right: 0}
    
     h1 {font-size: 24px;  line-height:1.2; margin:5px 0 10px;}

}

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

        header .logo{  width: 130px; }    
    .producto-wrap.four-cols .producto{width: 100%; margin: 0 0 30px 0}
    .producto-wrap.three-cols .producto{width: 100%; margin: 0}

    
    .three-cols .item{width:100%; margin-right: 0; margin-bottom: 35px}
    footer .datos-contacto .grid_4{width: 100%; margin:0 0 20px 0}
    
    section.fullWidth{padding: 0 0 25px}
    
    .mb-search {right: 50px;}
    .mb-search a.search-btn, .slicknav_btn{width: 50px; height: 50px}
    
}

/* Alerts */
.alert {
  width: 96%;
  background-color: rgba(0, 0, 0, 0.15);
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.15)));
  background-image: -moz-linear-gradient(transparent, rgba(0, 0, 0, 0.15));
  background-image: -ms-linear-gradient(transparent, rgba(0, 0, 0, 0.15));
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, transparent), color-stop(100%, rgba(0, 0, 0, 0.15)));
  background-image: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.15));
  background-image: -o-linear-gradient(transparent, rgba(0, 0, 0, 0.15));
  background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.15));
  filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#15000000')";
  background-color: #e6e6e6;
  margin-bottom: 18px;
  padding: 8px 15px;
  color: #333333;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.alert p {
  color: #ffffff;
  margin-bottom: 0;
}

.alert p + p {
  margin-top: 5px;
}

.alert.error {
  background-color: #d83a2e;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#e4776f), to(#d83a2e));
  background-image: -moz-linear-gradient(#e4776f, #d83a2e);
  background-image: -ms-linear-gradient(#e4776f, #d83a2e);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e4776f), color-stop(100%, #d83a2e));
  background-image: -webkit-linear-gradient(#e4776f, #d83a2e);
  background-image: -o-linear-gradient(#e4776f, #d83a2e);
  background-image: linear-gradient(#e4776f, #d83a2e);
  border-bottom-color: #b32b21;
}

.alert.warning {
  background-color: #ffd040;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#ffe38d), to(#ffd040));
  background-image: -moz-linear-gradient(#ffe38d, #ffd040);
  background-image: -ms-linear-gradient(#ffe38d, #ffd040);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffe38d), color-stop(100%, #ffd040));
  background-image: -webkit-linear-gradient(#ffe38d, #ffd040);
  background-image: -o-linear-gradient(#ffe38d, #ffd040);
  background-image: linear-gradient(#ffe38d, #ffd040);
  border-bottom-color: #ffc40d;
}

.alert.success {
  background-color: #62bc62;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#97d397), to(#62bc62));
  background-image: -moz-linear-gradient(#97d397, #62bc62);
  background-image: -ms-linear-gradient(#97d397, #62bc62);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #97d397), color-stop(100%, #62bc62));
  background-image: -webkit-linear-gradient(#97d397, #62bc62);
  background-image: -o-linear-gradient(#97d397, #62bc62);
  background-image: linear-gradient(#97d397, #62bc62);
  border-bottom-color: #46a546;
}

.alert.info {
  background-color: #04aef4;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#62cffc), to(#04aef4));
  background-image: -moz-linear-gradient(#62cffc, #04aef4);
  background-image: -ms-linear-gradient(#62cffc, #04aef4);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #62cffc), color-stop(100%, #04aef4));
  background-image: -webkit-linear-gradient(#62cffc, #04aef4);
  background-image: -o-linear-gradient(#62cffc, #04aef4);
  background-image: linear-gradient(#62cffc, #04aef4);
  border-bottom-color: #049cdb;
}

.alert .close {
  float: right;
  margin-top: -4px;
  color: #333333;
  font-size: 20px;
  font-weight: bold;
  text-shadow: 0 1px 0 #ffffff;
  filter: alpha(opacity=20);
  -khtml-opacity: 0.2;
  -moz-opacity: 0.2;
  opacity: 0.2;
}

.alert .close:hover {
  text-decoration: none;
  filter: alpha(opacity=40);
  -khtml-opacity: 0.4;
  -moz-opacity: 0.4;
  opacity: 0.4;
}