@charset "UTF-8";

@media (max-width: 992px) {
    .container {
      width: 100%;
      max-width: none;
    }
}

html {
    background-color:#f2f2f2;
}
body {
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 93%;
    font-weight:400;
}
body .scroll-to-top,
body nav,
body #body,
body footer {
    filter:blur(0px) grayscale(0);
}
body.vet-locked {
    overflow: hidden;
}
body.vet-locked .scroll-to-top,
body.vet-locked nav,
body.vet-locked #body,
body.vet-locked footer {
    filter:blur(10px) grayscale(.8);
}

h1,h2,h3,h4,h5 {
    font-weight:700;
    color:#183568;
    margin:.7em 0 .7em 0;
    text-shadow: 1px 1px 1px #0000001a;
}

h2 {
    padding-bottom:.4em;
}

p,li {
    font-size: 1.1em;
    color:#565656;
}

a {
    color:#002869;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition:.5s;
}

a:hover,
a:focus {
    text-decoration:none;
    color: #007bff !important;
}
a img { border:0;}

a svg {
    cursor: pointer;
}

strong { font-weight:700; }

strong.w { color:white; }

.cen { color:#002869; }
strong.cen { font-weight:900; }

sup {font-size:.8em; font-weight:inherit; }
sub { font-size:.9em; font-weight:inherit; }

.text-upper {
    text-transform: uppercase;
}

nav#main-nav {
    font-weight:600;
    background-color: rgb(230, 230, 230) !important; 
    padding: .4rem .8rem;
    box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.28);
    z-index:9999;
}

/* <xs devices */
@media (max-width: 991px) {
    nav#main-nav {
        position:relative !important;
    }
}

nav .navbar-brand svg {
    height:25px; 
    max-width:160px;
}
nav .navbar-brand svg a {
    display:inline-block;
}

nav .nav#menu {
    font-size:1.08em;
}

nav .nav#menu a {
    text-decoration: none !important;
}

nav .nav#menu li.dropdown.show>a.dropdown-toggle {
    background-color:rgb(212, 212, 212);
}

nav .nav#menu .dropdown-toggle::after { 
    border: none; font: normal normal 900 12px/1 'Font Awesome 5 Free'; 
    content: "\f078"; 
    vertical-align: 0; 
}

nav .nav#menu li.dropdown .dropdown-menu {
    border:0;
    padding: 7px 9px;
    background-color: #f7f7f7;
    box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.28);

}

nav .nav#menu .dropdown-item {
    font-weight:600;
    font-size:1.08em;
    padding: .45rem .5rem;
    border-bottom: 2px dotted #9e9e9e;
    color: #353535;
    border-radius: 4px;
}
nav .nav#menu .dropdown-item:last-child { 
    border-bottom: none; 
}


nav .nav#menu .dropdown-item:focus, 
nav .nav#menu .dropdown-item:hover {
    background-color: #e2e2e2;
}

nav .nav#menu li>a {
    padding-left: 12px;
    padding-right: 12px;
}

nav .nav#menu li>a:hover,
nav .nav#menu li>a:focus {
    background-color:rgb(242, 242, 242);
}

nav .nav#menu li.show a.dropdown-toggle {
    border-radius: 4px; 
}

nav .nav#menu a.nav-link {
    color: #183568;
}

nav .navbar-label {
    font-size:0.8em;
    font-weight:400;
    text-transform: uppercase;
    padding-right: 3px;
}

nav .nav-grp {
    margin-left:.1rem;
    margin-right:.15rem;
}

nav .nav-lang {
    padding:8px 20px 8px 12px;
}

nav .nav-lang a {
    font-size:1.1em;
    font-weight: 700;
    text-shadow: 1px 1px 0px #0000001a;
    padding: 0 .3em 0 .2em;
}

nav .nav-lang a:first-child {
    border-right: 1px solid rgb(100, 100, 100);
}

nav .nav-lang a.disabled {
    color: rgb(192, 192, 192);
    pointer-events: none;
}

nav .nav-xs {
    padding:8px 12px;
}

nav .nav-xs>a {
    margin-right: 4px;
    display:inline-block;
}

nav .nav-xs>a svg rect {
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition:.5s;
}

nav .nav-xs>a:hover svg rect,
nav .nav-xs>a:focus svg rect {
    fill:#007bff;
}

nav .nav-xs>a>svg {
    width:30px;
    height:30px;
}

nav .nav-search {
    padding:8px 12px;
    width:auto;
}

nav .nav-search input {
    font-size:0.8em;
    font-weight:400;
    width:100% !important;
    padding:6px;
    line-height:1.2em;
    height:auto;
    box-shadow: inset 0px 1px 2px 0px rgba(0,0,0,0.30);
}
nav .nav-search .sch-icon {
    margin-left:-23px;
}

nav .nav-search svg {
    height:18px; 
    width:18px; 
}

.scroll-to-top {
    z-index: 1000;
    right: 1rem;
    bottom: 1rem;
    display: none;
}
  
.scroll-to-top a {
    width: 3.5rem;
    height: 3.5rem;
}

/* >md devices */
@media (min-width: 768px) {
    .scroll-to-top a {
        width: 4.5rem;
        height: 4.5rem;
    }
}

/* >lg devices */
@media (min-width: 992px) { 
    nav .nav-search {
        width:190px;
    }
    nav .nav-xs>a>svg {
        width:22px;
        height:22px;
    }
}

/* >xl devices */
@media (min-width: 1200px) { 
    nav .nav-lang {
        padding-left:15px;
    }
    nav .nav-xs {
        padding:8px 15px;
    }
    nav .nav-search {
        padding:8px 15px;
    }
    nav .nav#menu {
        font-size:1.1em;
    }
    nav .nav#menu li>a {
        padding-left: 15px;
        padding-right: 15px;
    }
    nav .navbar-brand svg {
        max-width:170px;
    }
}

@media (min-width: 1300px) { 
    nav .nav-search {
        width:230px;
    }
}

header.text-title {
    padding:1rem 0 .5rem 0;
    background: rgb(215,215,215);
    background: linear-gradient(180deg, rgba(215,215,215,1) 0%, rgba(241,241,241,1) 4%, rgba(249,249,249,1) 21%, rgba(241,241,241,1) 95%, rgba(215,215,215,1) 100%);
} 
header.text-title h1 {
    font-size:2.25em;
} 

section.content {
    padding:1.5rem 0 3rem 0;
    min-height:450px;
}
section.content h1 {
    font-size:2.1rem;
}
section.content h2 {
    font-size:1.4rem;
}
section.content h3 {
    font-size:1rem;
}

.loading section#main-slider #boxSlider {
    display:none;
}

section#main-slider {
    background-color: #3484c3;
}

.loading section#news-ticker .ticker {
    display:none;
}

section#news-ticker {
    color:white;
    background: rgb(9,27,72);
    background: linear-gradient(180deg, rgba(9,27,72,1) 0%, rgba(116,120,158,1) 6%, rgba(9,27,72,1) 100%);
    line-height: 1.1em;
    font-size:.9em;
    padding:1rem 1rem;
    min-height:4.6rem;
}

section#news-ticker a {
    color:white;
}
section#news-ticker a:hover,
section#news-ticker a:focus {
    color:white !important;
    text-decoration: underline;
}

.ticker {
    word-wrap: break-word;
}
.ticker div {
    display: inline-block;
}
.ticker span {
    text-transform: uppercase;
}

.loading section.leaflets .fleeps {
    display:none;
}

section.leaflets {
    margin-top:1rem;
    margin-bottom:1.5rem;
}

section .fleeps .flipster__button {
    /*background-color:rgba(255, 255, 255, 0.6);*/
    border-radius:5px;
}

section .fleeps .flipster__button svg {
    stroke:#091b48;
}

section .fleeps .flipster__button {
    top:89%;
}



.lnks li {
    list-style:none;
    padding:.2em 0;
}

a.lnk-ext {
    text-transform:uppercase;
    font-weight:700;
    text-shadow: 1px 1px 1px #0000001a;
}
a.lnk-ext::after { 
    border: none; 
    font: normal normal 900 15px/1 'Font Awesome 5 Free'; 
    padding-left:.3em;
    content: "\f35d";
}

section.leaflets ul.lnks {
    padding: 2em 0;
}

section.leaflets a.lnk-ext {
    color:#5c5c5c;

}

section.leaflets a.lnk-ext:hover,
section.leaflets a.lnk-ext:focus {
    color:#0856B1;
}


/* >xs devices */
@media (min-width: 576px) {
    section .fleeps .flipster__button--next {
        right: 10%;
    }
    section .fleeps .flipster__button--prev {
        left: 10%;
    }
}

/* >lg devices */
@media (min-width: 768px) {
    section#news-ticker {
        min-height:auto;
    }
}

/* >lg devices */
@media (min-width: 992px) {
    section#news-ticker {
        font-size:1em;
        padding:1rem 2rem;
    }
}



section.export {
    max-height:750px;
    min-height:500px;
    background-size: cover;
    background-position:center;
    position:relative;
}

section.export .prod-export {
    position: absolute;
    top:65%;
    width:100%;
    bottom:0;
}

section.export .info-prod-export {
    background:rgba(255,255,255,0.75);
}
section.export .info-prod-export h2 {
    padding: .2em;
    margin: 0 0 .2em 0;
    font-size: 1.6em;
    color: #29235c;
    text-shadow: none;
    font-weight: normal;
}
section.export .info-prod-export h2 span {
    white-space:nowrap;
}

.lang-es section.export {
    background-image: url('../img/export_es.jpg');
}
.lang-en section.export {
    background-image: url('../img/export_es.jpg');
}

section.export .link-prod-export {
    position: relative;
    margin-top:1em;
}

section.export a.lnk-ext {
    font-size:1.1em;
    color:#001956;
    font-weight:600;
    text-shadow: 1px 1px 0px #ffffffa6;
}
section.export a.lnk-ext:hover,
section.export a.lnk-ext:focus {
    font-weight:600;
    text-shadow: 1px 1px 0px #ffffffc4;
}


.loading section.aquaculture .fleeps {
    display:none;
}
section.aquaculture {
    min-height:300px;
    background-size: cover;
    background-position:center;
    background-image: url('../img/peixos.jpg');
    background-attachment: fixed;
    position:relative;
    padding-top:5rem; padding-bottom:5rem;
}

section.aquaculture .grad-white {
    background:rgba(255,255,255,0.75);
    padding:1rem 0 3rem 0;
}

section.aquaculture h2 {
    color: #048dba;
    text-shadow: 1px 1px 0px #0019561a;
}

section.aquaculture p {
    font-weight:600;
    color:#102144;
}

section.aquaculture a.lnk-ext {
    color:#048dba;
    font-weight:700;
    text-shadow: 1px 1px 0px #0019561a;
}
section.aquaculture a.lnk-ext:hover,
section.aquaculture a.lnk-ext:focus {
    color:#0856B1;
    font-weight:700;
    text-shadow: 1px 1px 0px #fff;
}

section.aquaculture .aq-logo {
    float:right;
    width:35%;
    margin:1em 0 0 1em;
}

.v-center {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

section.aquaculture .fleeps {
    margin-top:3rem;
}

section.aquaculture p.lnks {
    margin:1.5em 0 2em 0;
}

/* >333 devices */
@media (min-width: 333px) {
    section.export .link-prod-export {
        margin-top:2em;
    }
}

/* >xs devices */
@media (min-width: 576px) {
    section.export .link-prod-export {
        margin-top:3em;
    }
    section.export .info-prod-export h2 {
        font-size: 1.7em;
        padding:.4em 0;
    }
    section.aquaculture .aq-logo {
        width:25%;
        margin:-1.5em 0 0 1em;
    }    
}

/* >md devices */
@media (min-width: 768px) {
    section.export .link-prod-export {
        margin-top:4em;
    }
    section.export .info-prod-export h2 {
        font-size: 1.9em;
    }
    section.aquaculture .aq-logo {
        width:20%;
        margin:-1.5em 0 0 1em;
    }    
}

/* >lg devices */
@media (min-width: 992px) {
    /*section.aquaculture .grad-white {
        background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.6) 14%, rgba(255,255,255,0.8) 50%, rgba(255,255,255,0.6) 87%, rgba(255,255,255,0) 100%); 
        background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.6) 14%,rgba(255,255,255,0.8) 50%,rgba(255,255,255,0.6) 87%,rgba(255,255,255,0) 100%);
        background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.6) 14%,rgba(255,255,255,0.8) 50%,rgba(255,255,255,0.6) 87%,rgba(255,255,255,0) 100%); 
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 );
    }*/
    section.aquaculture .fleeps {
        margin-top:0rem;
    }
    section.aquaculture .aq-logo {
        width:30%;
        margin:0 0 0 1em;
    }
}

section#about {
    padding-top:2rem;
    line-height:1.8em;
}


section#about .rnd-logo img {
    width:100%;
    max-width:245px;
}

section#about .imgs {
    padding-top:2em;
    padding-bottom:2em;
}

section#about ul.gallery {
    padding:0;
    margin:0 0 0 -.7%;
    font-size: 0;
}

section#about ul.gallery li {
    width:14.2%;
    padding:.7%;
    list-style:none;
    display:inline-block;
    vertical-align: top;
}

section#about ul.gallery li a {
    margin:0;
    padding:0;
}

section#about ul.gallery li img {
    width:100%;
    height:100px;
    object-fit: cover;
    border-radius:4px;
    margin:0;
    padding:0;
}

@media (max-width: 575px) {
    section#about .rnd-logo {
        width:50%;
        float:left;
    }
    section#about ul.gallery li {
        width:33%;
        padding:.7%;
    }
    section#about ul.gallery li img {
        max-height:90px;
    }
}
@media (max-width: 993px) {
    section#about ul.gallery li img {
        max-height:80px;
    }
}

section#contact .cont p a {
    font-weight:700;
}

section#contact .farmacovigilancia {
    background-color:#9cb3d3;
    border-radius:6px;
    margin:2em 0 1em 0;;
    padding:.1em 2em 1em 2em;
}

section#contact .farmacovigilancia h3 {
    color:white;
}

section#contact .farmacovigilancia p {
    line-height:1.3em;
    color:#333;
}

section#contact .locs h4 {
    color:#444;
    font-weight:700;
    font-size:1em;
    text-transform:uppercase;
}

section#contact .taddr {
    min-height:9em;
}

section#contact h3.loc {
    margin:1.8em 0 1em 0;
}

section#contact p.gps span {
    font-weight:700;
    color:#002869;
}

a.lnk-loc {
    text-transform:uppercase;
    font-weight:700;
    padding:.6em 0;
    display:inline-block;
}
a.lnk-loc::after { 
    border: none; 
    font: normal normal 900 15px/1 'Font Awesome 5 Free'; 
    padding-left:.3em;
    content: "\f124";
}

a.lnk-gm {
    color:#333;
    text-decoration:underline;
}
a.lnk-gm:hover,
a.lnk-gm:focus {
    color:#0856B1;
    text-decoration:underline;
}

section#contact .loc-gmaps {
    margin-top:2rem;
}

section#contact .loc-gmaps .grad {
    background: rgb(0,0,0);
    background: linear-gradient(0deg, rgba(87, 87, 87, 0.4) 0%, rgba(255,255,255,0) 100%);
    z-index: 101;
    width:100%;
    height:4px;
    position: absolute;
    margin-top:-4px;
}

#gmap { height:450px; z-index:100; margin:0; }
#gmap .iw { 
    max-width:250px; 
    padding:.3em; 
    font-size:1.1em;
}
#gmap .iw h4 { 
    margin-bottom:.35em; 
    text-transform:none; 
    letter-spacing:-1px;
    color:#333;
}

#gmap .iw a.lnk-loc,
#gmap .iw a.lnk-gm { 
    display:none; 
}

#gmap .iw h4 { 
    font-weight:normal; 
    color:#333;
    text-shadow:none;
    font-size:1.6em;
    margin-top:0;
}
#gmap .iw .taddr {
    min-height:0;
    margin-bottom:1.5em;
}
#gmap .iw p {
    margin-bottom:.4em;
}
#gmap .iw .gps br {
    display:none;
}

/* >lg devices */
@media (min-width: 992px) { 
    #gmap { height:550px; }
}

footer {
    /*border-top:10px solid #adadad;*/
    font-size:.85em;
    padding-top:5rem;
    padding-bottom:3rem;
    background:#f2f2f2;
    background: linear-gradient(180deg, rgb(185, 185, 185) 0%, rgba(241,241,241,1) 1%, #f8f8f8 8%, #f8f8f8 58%,#f2f2f2 100%);
}

footer .frow {
    padding-bottom:2rem;
}

footer ul {
    margin:0;
    padding:0;
}
footer li, footer p {
    list-style:none;
    margin:0;
    padding:0;
    line-height: 1.6em;
    color:rgb(105, 105, 105);
}

footer .logo img {
    max-width:130px;
}

footer .gps span {
    font-weight:700;
    color:#002869;
}

footer .dct a {
    font-weight:600;
}

footer .dct strong {
    color:rgb(63, 63, 63);
}


footer .xs a {
    display:inline-block;
    font-weight:600;
}

footer .xs a svg rect {
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition:.5s;
}

footer .xs a:hover svg rect,
footer .xs a:focus svg rect {
    fill:#007bff;
}

footer .xs a>svg {
    width:20px;
    height:20px;
}

footer .xs a span {
    display:inline-block;
    margin-top: .2em;
    vertical-align: middle;
}

footer .xs li,
footer .fr2 li {
    display:inline-block;
    line-height: 1.3em;
}

footer .xs li {
    border-right: 1px solid #002869;
    padding:0 1em 0 .8em;
    vertical-align: middle;
}

footer .xs li:last-child  {
    border-right: none;
}



footer .fr2 li {
    border-right: 1px solid rgb(100, 100, 100);
    padding:0 .6em 0 .3em;
}
footer .fr2 li:last-child  {
    border-right: none;
}

footer .fr2 a {
    color:#424242;
    font-weight:600;
}

footer .fr3 {
    font-size:.85em;
}

footer .dissenyweb {
    font-size:.85em;
}

footer .dissenyweb a {
    color:rgb(97, 97, 97);
}

/* >lg devices */
@media (min-width: 576px) and (max-width: 991px) { 
    footer .adreca,
    footer .logo {
       padding-left:10%;
    }
}

/* >xl devices */
@media (min-width: 1200px) { 
    footer .xs li {
        border-right: none;
        padding:0 0 .2em 0;
    }
}



ul.sel-species {
    margin:2rem 0;
    padding:0;
    text-align:center;
}
ul.sel-species li {
    width:24.6%;
    display:inline-block;
    vertical-align: top;
    text-align: center;
    line-height:1em;
    margin: .3em 0 1.5em 0;
}

ul.sel-species li>a {
    color:#696969;
    font-weight:600;
    display:inline-block;
    width:100%;
    height:100%;
}

ul.sel-species li>a>img {
    opacity: 0.5;
    filter: alpha(opacity=50); 
    -o-transition:.8s;
    -ms-transition:.8s;
    -moz-transition:.8s;
    -webkit-transition:.8s;
    transition:.8s;
}

ul.sel-species li>a:hover>img,
ul.sel-species li>a:focus>img {
    opacity: 1;
    filter: alpha(opacity=100); 
}

@media (min-width: 576px) { 
    ul.sel-species li {
        width:15%;
    }
}

@media (min-width: 992px) { 
    ul.sel-species li {
        width:9%;
    }
}

.vet-lock {
    overflow: hidden;
    width: 100%;
    height: 100%;
    z-index: 99999;
    position: fixed;
}
.vet-lock .vet-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color:rgba(0, 0, 0, 0.75);
    z-index: -1;
}
.vet-popup {
    width:90%;
    min-height:280px;
    max-width:450px;
    position: absolute;
    left: 0; 
    right: 0; 
    margin-left: auto; 
    margin-right: auto; 
    top: 50%;
    transform: translate(0, -50%);
    border:1px solid #18356863;
    border-radius: 8px;
    background-color: rgb(255, 255, 255);
    box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.26);
    color:white;
    padding:1.5rem 2rem;
}
.vet-popup .ask {
    color:#183568;
    font-size:1.3em;
    font-weight: bold;
    margin:0 0 1em 0;
    line-height: 1.1em;

}
.vet-popup i {
    float:right;
    display:block;
    padding-left:.5em;
}
.vet-popup p {
    color:rgb(105, 105, 105);
    font-size:.95em;
    margin-right: 1rem;
}
.vet-popup .opts {
    margin:0 1rem;
    text-align: center;
}
.vet-popup .opts a,
.vet-popup .opts button {
    display: inline-block;
    margin:0 1em;
}
.vet-popup .opts a {
    line-height: 3.5em;
}

@media (max-width: 500px) {
    .vet-popup {
        width:95%;
    }
    .vet-popup .opts {
        margin:0 .3rem;
    }
    .vet-popup .opts a,
    .vet-popup .opts button {
        margin:0 .5em;
    }
    .vet-popup .opts button {
        line-height: 1.3em;
    }
}

section .p-filter {
    border-right:none;
    border-bottom: 1px solid #ccc;
    padding-bottom: 3rem;
}

section .p-filter h3 {
    text-transform: uppercase;
    margin-top:2em;
    margin-bottom:1.2em;
}

div.filter-lbl {
    text-transform: uppercase;
    font-weight:600;
    font-size:.9em;
    color:rgb(117, 117, 117);
    margin: 2em 0 .5em 0;
}

ul.filter-sp {
    padding:0;
    margin: 0 0 0 -.5em !important;
}
ul.filter-sp li {
    width:15%;
    display:inline-block;
    vertical-align: top;
    text-align: center;
    line-height:1em;
    margin: .3em 0 1.4em 0;
    font-size:.9em;
}

ul.filter-sp li>a {
    color:#696969;
    font-weight:600;
    display:inline-block;
    width:100%;
    height:100%;
}

ul.filter-sp li>a>img {
    opacity: 0.2;
    filter: alpha(opacity=20); 
    -webkit-filter: grayscale(50%); 
    filter: grayscale(50%);
    -o-transition:.8s;
    -ms-transition:.8s;
    -moz-transition:.8s;
    -webkit-transition:.8s;
    transition:.8s;
}

ul.filter-sp li>a:hover>img,
ul.filter-sp li>a:focus>img {
    opacity: 0.6;
    filter: alpha(opacity=60); 
    -webkit-filter: grayscale(0%); 
    filter: grayscale(0%);
}

ul.filter-sp li>a.active {
    color:#252525;
}
ul.filter-sp li>a.active>img {
    opacity: 1;
    filter: alpha(opacity=100); 
    -webkit-filter: grayscale(0%); 
    filter: grayscale(0%);
}

ul.filter-ct,
ul.filter-mk {
    margin: 0 .4em 0 0;
    padding:0;
}

ul.filter-ct li,
ul.filter-mk li {
    display:block;
    font-size:.9em;
    padding:1.5px;
    margin:0;
}

ul.filter-ct li>a,
ul.filter-mk li>a {
    display:block;
    padding:.3em .6em;
    /*border-top-right-radius:4px;
    border-bottom-right-radius:4px;*/
    border-radius: 2px;
    border-left:3px solid #183568;
    background-color: #f8f8f8;
}

ul.filter-ct li>a:hover,
ul.filter-ct li>a:focus,
ul.filter-mk li>a:hover,
ul.filter-mk li>a:focus {
    background-color: #ebebeb;
    border-left-color:#007bff;
}

ul.filter-ct li>a.active,
ul.filter-mk li>a.active {
    color:#ffffff !important;
    border-color: #183568;
    background: #183568;
    background: linear-gradient(310deg, rgba(12,95,148,1) 0%, rgba(24,53,104,1) 100%);
    font-weight:600;
}

.sch-box {
    border-radius:2px;
    padding: 0 .5em 0 0;
}

.sch-box .btn {
    background: #183568;
    background: linear-gradient(310deg, rgba(12,95,148,1) 0%, rgba(24,53,104,1) 100%);
}

/* >md devices */
@media (min-width: 768px) {
    ul.filter-sp li {
        width:64px;
        height:64px;
    }
}

/* >lg devices */
@media (min-width: 992px) { 
    section .p-filter {
        border-right: 1px solid #ccc;
        border-bottom:none;
    }
}

section.exp .line-blue {
    padding-top:1.2rem;
    width:97%;
    margin: 0 auto;
    border-bottom:1px solid #7d93b8;
}

section.exp .exp-map {
    position:relative;
}
section.exp .exp-map .map {
    width:100%;
    border-radius:4px;
}
section.exp .exp-map .since {
    position: absolute;
    left: 6%;
    bottom: 10%;
    width:15%;
}

h2.resProds {
    text-transform: uppercase;
    margin:.5em 0 0 .5em;
    padding-bottom: 0;
}

.p-results {
    padding-top: 1.3em;
}

.error_prod {
    padding: 4em;
    box-shadow: 1px 1px 3px #eaeaea;
    background-color: whitesmoke;
    margin: 0.8em;
    text-align: center;
    border: 1px solid #eaeaea;
    border-radius: 6px;
}

ul.select-view {
    text-align: center;
    margin:.5em 0 .5em 1em; 
    padding:0;
    list-style: none;
}
ul.select-view>li {
    display:inline-block;
    list-style: none;
}
ul.select-view>li>a {
    display:inline-block;
    font-size:1.4em !important;
    color:#aaaaaa;
    border-right:1px solid rgb(228, 228, 228);
    padding:0 .5em 0 0;
    margin:0 .4em 0 0;
}
ul.select-view>li:last-child>a {
    border-right:none;
}
ul.select-view>li>a.active {
    font-size:1.5em;
    color:#183568;
}

/*<li><a class="active" data-view="list" href="#"><i class="fas fa-list"></i></a></li>
<li><a data-view="img" href="#"><i class="fas fa-th-large"></i></a></li>*/

.listProds,
.listProds>li {
    margin:0; padding:0;
    list-style: none;
}
.listProds>li>a {
    display:block;
    position: relative;
}
.listProds>li>a span {
    display:inline-block;
}
.prodInfo span.nom {
    font-weight:600;
    display:block;
}
.prodInfo span.lema {
    color:#252525;
}

.listProds.list-view .prodLabels {
    position:absolute;
    z-index: 100;
    top:3px;
    right:90px;
}
.listProds.list-view .prodLabels img {
    max-width:75px;
}

.listProds.img-view .prodLabels {
    position:absolute;
    z-index: 100;
    top:-6px;
    right:-6px;
    max-width:30%;
}
.listProds.img-view .prodLabels img {
   width:100%;
}   

.p-cen span.nom, 
.p-cen .form-farm,
.p-cen .nav-tabs a.nav-link,
.p-cen h1, .p-cen h2, .p-cen h3, .p-cen h4, .p-cen h5 { color:#003b59; }
.p-leaf span.nom, 
.p-leaf .form-farm,
.p-leaf .nav-tabs a.nav-link,
.p-leaf h1, .p-leaf h2, .p-leaf h3, .p-leaf h4, .p-leaf h5 { color:#299c6c; }
.p-bdx span.nom, 
.p-bdx .form-farm,
.p-bdx .nav-tabs a.nav-link,
.p-bdx h1, .p-bdx h2, .p-bdx h3, .p-bdx h4, .p-bdx h5 { color:#b1294b; }
.p-porp span.nom,
.p-porp .form-farm,
.p-porp .nav-tabs a.nav-link,
.p-porp h1, .p-porp h2, .p-porp h3, .p-porp h4, .p-porp h5 { color:#7b2c82; }
.p-blk span.nom, 
.p-blk .form-farm,
.p-blk .nav-tabs a.nav-link,
.p-blk h1, .p-blk h2, .p-blk h3, .p-blk h4, .p-blk h5 { color:#000; }
.p-sea span.nom, 
.p-sea .form-farm,
.p-sea .nav-tabs a.nav-link,
.p-sea h1, .p-sea h2, .p-sea h3, .p-sea h4, .p-sea h5 { color:#0090bc; }
/*.p-red span.nom, 
.p-red .nav-tabs a.nav-link,
.p-red h1, .p-red h2, .p-red h3, .p-red h4, .p-red h5 { color:#900; }
.p-blue span.nom, 
.p-blue .nav-tabs a.nav-link,
.p-blue h1, .p-blue h2, .p-blue h3, .p-blue h4, .p-blue h5 { color:#003ca1; }
.p-orange span.nom, 
.p-orange .nav-tabs a.nav-link,
.p-orange h1, .p-orange h2, .p-orange h3, .p-orange h4, .p-orange h5 { color:#f56200; }
.p-green span.nom, 
.p-green .nav-tabs a.nav-link,
.p-green h1, .p-green h2, .p-green h3, .p-green h4, .p-green h5 { color:#008115; }
.p-black span.nom, 
.p-black .nav-tabs a.nav-link,
.p-black h1, .p-black h2, .p-black h3, .p-black h4, .p-black h5 { color:#000; }
.p-purple span.nom, 
.p-purple .nav-tabs a.nav-link,
.p-purple h1, .p-purple h2, .p-purple h3, .p-purple h4, .p-purple h5 { color:#7b2a83; }*/
    

.p-cen .nav-tabs a.nav-link { border-color:#003b59; }
.p-leaf .nav-tabs a.nav-link {  border-color:#299c6c; }
.p-bdx .nav-tabs a.nav-link {  border-color:#b1294b; }
.p-porp .nav-tabs a.nav-link {  border-color:#7b2c82; }
.p-blk .nav-tabs a.nav-link {  border-color:#000; }
.p-sea .nav-tabs a.nav-link {  border-color:#0090bc; }
/*.p-red .nav-tabs a.nav-link { border-color:#900; }
.p-blue .nav-tabs a.nav-link {  border-color:#003ca1; }
.p-orange .nav-tabs a.nav-link {  border-color:#f56200; }
.p-green .nav-tabs a.nav-link {  border-color:#008115; }
.p-black .nav-tabs a.nav-link {  border-color:#000; }
.p-purple .nav-tabs a.nav-link {  border-color:#7b2a83; }*/

.p-cen a:hover,
.p-cen a:focus,
.p-cen .prod-col2,
.p-cen .nav-tabs a.nav-link { background-color:#f8f9fb; }
.p-leaf a:hover,
.p-leaf a:focus,
.p-leaf .prod-col2,
.p-leaf .nav-tabs a.nav-link { background-color:#f1f7f3; }
.p-bdx a:hover,
.p-bdx a:focus,
.p-bdx .prod-col2,
.p-bdx .nav-tabs a.nav-link  { background-color:#fbf5f5; }
.p-porp a:hover,
.p-porp a:focus,
.p-porp .prod-col2,
.p-porp .nav-tabs a.nav-link  { background-color:#f4e5f5; }
.p-blk a:hover,
.p-blk a:focus,
.p-blk .prod-col2,
.p-blk .nav-tabs a.nav-link { background-color:#f9f9f9; }
.p-sea a:hover,
.p-sea a:focus,
.p-sea .prod-col2,
.p-sea .nav-tabs a.nav-link { background-color:#f1f7f6; }
/*.p-red a:hover,
.p-red .prod-col2,
.p-red .nav-tabs a.nav-link { background-color:#fbf5f5; }
.p-blue a:hover,
.p-blue .prod-col2,
.p-blue .nav-tabs a.nav-link { background-color:#f1f5ff; }
.p-orange a:hover,
.p-orange .prod-col2,
.p-orange .nav-tabs a.nav-link  { background-color:#fff7f2; }
.p-green a:hover,
.p-green .prod-col2,
.p-green .nav-tabs a.nav-link  { background-color:#f1f7f3; }
.p-black a:hover,
.p-black .prod-col2,
.p-black .nav-tabs a.nav-link  { background-color:#f3f3f3; }
.p-purple a:hover,
.p-purple .prod-col2,
.p-purple .nav-tabs a.nav-link  { background-color:#f4e5f5; }*/

.p-cen svg#ff path { fill:#003b59; }
.p-leaf svg#ff path { fill:#299c6c; }
.p-bdx svg#ff path { fill:#b1294b; }
.p-porp svg#ff path { fill:#7b2c82; }
.p-blk svg#ff path { fill:#000; }
.p-sea svg#ff path { fill:#0090bc; }

.form-farm {
    padding:.7em 0 1em 1em;
    float:right;
    width:20%;
    text-align: center;
    text-transform: uppercase;
    font-size:.9em;
    font-weight: bold;
}

.listProds.list-view>li {
    padding:.2em;
    border-bottom:1px solid rgb(228, 228, 228);
}
.listProds.list-view>li:last-child {
    border-bottom:none;
}
.listProds.list-view>li>a {
    min-height:80px;
    padding:.5em;
}
.listProds.list-view .prodInfo {
    max-width:55%;
}
.listProds.list-view .prodInfo span.nom {
    font-size:1.4em;
    letter-spacing: -1px;
    line-height: 1.1em;
    margin-bottom: .2em;
}
.listProds.list-view .prodSpecies {
    display:none;
    position: absolute;
    right:90px;
    top:0;
    max-width:160px;
    line-height:2em;
    opacity: 0.4;
    filter: alpha(opacity=40); 
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition:.5s;
}
.listProds.list-view a:hover .prodSpecies,
.listProds.list-view a:focus .prodSpecies {
    opacity: 1;
    filter: alpha(opacity=100); 
}
.listProds.list-view .prodSpecies span {
    width:40px;
    height:38px;
    background-size: 40px 40px;
    margin-left:-14px;
    vertical-align: middle;
}
.prodSpecies span.sp_empty { background-image: none; }
.prodSpecies span.sp_poultry { background-image: url(../img/icons/icons_sp_poultry.svg);  }
.prodSpecies span.sp_swine { background-image: url(../img/icons/icons_sp_swine.svg);}
.prodSpecies span.sp_cattle { background-image: url(../img/icons/icons_sp_cattle.svg); }
.prodSpecies span.sp_sheep { background-image: url(../img/icons/icons_sp_sheep.svg);  }
.prodSpecies span.sp_goats { background-image: url(../img/icons/icons_sp_goats.svg); }
.prodSpecies span.sp_horses { background-image: url(../img/icons/icons_sp_horses.svg); }
.prodSpecies span.sp_rabbits { background-image: url(../img/icons/icons_sp_rabbits.svg);  }
.prodSpecies span.sp_dogs { background-image: url(../img/icons/icons_sp_dogs.svg);   }
.prodSpecies span.sp_cats { background-image: url(../img/icons/icons_sp_cats.svg);  }
.prodSpecies span.sp_fish { background-image: url(../img/icons/icons_sp_fish.svg);  }

.listProds.list-view .prodImg {
    position: absolute;
    right:0;
    top:0;
    bottom:0;
    width:80px;
    background-color:white;
}
.listProds.img-view .pngImg .prodImg {
    background-color:transparent;
}

.listProds.list-view .prodImg img {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    max-width:80px;
    max-height:100%;
}


.listProds.img-view>li {
    width:100%;
    display:inline-block;
    position:relative;
    margin-bottom: 2em;
}

.listProds.img-view .prodInfo {
    position: absolute;
    bottom:2%;
    right:2%;
    left:2%;
}

.listProds.img-view .noImg .prodInfo {
    top:45%;
}

.listProds.img-view .prodInfo span.nom {
    font-size: 1.25em;
    line-height: 1em;
}
.listProds.img-view .t-xl .prodInfo span.nom {
    font-size:1.1em;
}
.listProds.img-view .t-xxl .prodInfo span.nom {
    font-size:.95em;
}

.listProds.img-view .prodInfo span.lema {
    padding-top: .1em;
    font-size: .9em;
    line-height: 1.2em;
}

/* force ratio */
.listProds.img-view>li:before {
    content: "";
    display: block;
    padding-top: 120%;
}
.listProds.img-view>li>a {
    display:block;
    position:absolute;
    top:0; right:0; bottom:0; left:0;
    text-align: center;
    padding:.5em;
    border-radius: 6px;
}
.listProds.img-view .prodImg,
.listProds.img-view .prodInfo {
    display:block;
}
.listProds.img-view .prodImg {
    background-color:white;
    position: relative;
    display:block;
    width:100%;
    height:90%;
    margin: 0 auto;
    border-radius: 6px;
    overflow: hidden;
    /*top: 50%;
    transform: translateY(-50%);*/
}
.listProds.img-view .noImg .prodImg  {
    background-color:transparent;
}
.listProds.img-view .noImg {
    background-color: rgb(248, 248, 248);
    border-radius: 6px;
}
.listProds.img-view .prodImg img {
    width:100%;
    object-fit:contain;
    max-height: 86vw;
    border-radius: 6px;
    position:relative;
    top: 50%;
    transform: translateY(-50%);
    
}
.listProds.img-view .prodSpecies {
    display:none;
}

.ass_aq {
    margin:1rem 0 0 1rem;
    padding-top: 2rem;
    font-size: 1.1em;
    border-top: 1px solid #ccc;
}
.ass_aq img {
    max-width:100%;
    max-height:180px;
    margin:5% 10%;
}

section.content .prod-nav {
    margin-top: 2rem;
}
.prod-nav .pag-pos {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13;
    padding-top:.5em;
}
.prod-nav span.parw {
    white-space:nowrap;
    display: inline-block;
}

.prod-nav .pag-pos a span.pinfo {
    font-size:.8em;
    padding:.3em;
    display: inline-block;
    margin:0;
}

a span.pinfo {
    font-size:.65em;
    text-transform: none;
    font-weight: normal;
    line-height:1.1em;
    display: block;
    margin-top:.6em;
}
.prod-nav strong {
    color:#183568;
    font-size:1.3em;
    letter-spacing: -1px;
}
a.go-prod {
    text-decoration: none;
    display: inline-block;
    padding: 8px 16px;
    font-size:1.1em;
    font-weight: bold;
    background-color: #f1f1f1;
    border-radius: 7px;
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
    line-height: 1.1em;
    border: 1px solid rgba(0, 0, 0, 0.171);
    width:100%;
    height: 100%;
}
header a.go-prod {
    background-color: #fff;
}

a.go-prod:hover,
a.go-prod:focus {
    background-color: #fff;
    box-shadow: 0px 0px 5px 0px #007bffd0;
}

a.go-prod.first,
a.go-prod.init,
a.go-prod.next {
    background-color:#183568;
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.36);
    color: white;
}
a.go-prod.first:hover,
a.go-prod.first:focus,
a.go-prod.init:hover,
a.go-prod.init:focus,
a.go-prod.next:hover,
a.go-prod.next:focus {
    background-color:#fff;
}

@media (min-width: 700px) {
    .listProds.list-view .prodSpecies {
        display:block !important;
    }
    .listProds.list-view .prodLabels {
        right:265px;
    }
}

/* >xs devices */
@media (min-width: 576px) {

    a.go-prod {
        width:auto;
    }
    .prod-nav .pag-pos {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: 0;
        order:0;
    }

    .listProds.img-view .prodImg {
        height:78%;
    }
    .listProds.img-view>li {
        width:48%;
    }
    .listProds.img-view .prodImg img {
        max-height: 39vw;
    }
}

/* >md devices */
@media (min-width: 768px) {
    .listProds.img-view>li {
        width:32%;
    }
    .listProds.img-view .prodImg img {
        max-height: 28vw;
    }    
}

/* >lg devices */
@media (min-width: 992px) {

    .exp-intro {
        line-height:1.7em;
    }

    .listProds.list-view .hasLabel .prodInfo {
        max-width:50%;
    }
    ul.select-view {
        text-align: left;
    }
    .listProds.img-view>li {
        width:48%;
    }
    .listProds.img-view .prodImg img {
        max-height: 25vw;
    }
}

/* >xl devices */
@media (min-width: 1200px) {     
    .listProds.list-view .hasLabel .prodInfo {
        max-width:60%;
    }
    .listProds.img-view>li {
        width:31%;
    }
    .listProds.img-view .prodImg img {
        max-height: 220px;
    } 
}

/* <xs devices */
@media (max-width: 767px) {
    .listProds.list-view .prodInfo {
        max-width:50%;
    }
}



section.content.p-fitxa h1,
section.content.p-fitxa h2,
section.content.p-fitxa h3,
section.content.p-fitxa h4,
section.content.p-fitxa h5 { text-transform: uppercase; }

section.content.p-fitxa h3 { font-size:1.3em; padding-top: 1rem; margin-top: 0; }
section.content.p-fitxa h4 { font-size:1em; }
section.content.p-fitxa h5 { font-size:1em; }

header.p-fitxa h1 { 
    font-size:2.3em; 
    margin-bottom:.3em;
}

header.p-fitxa h2.especialidad { 
    font-size:1.6em; 
    margin:.3em 0; 
    color:#7e7e7e; 
    text-shadow: none;
}

header.p-fitxa .prodSpecies {
    display: none;
    position: absolute;
    right:0;
    top:1em;
}
header.p-fitxa .prodSpecies span {
    display:inline-block;
    width:45px;
    height:45px;
    background-size: 43px 43px;
    margin-left:-20px;
}


.prod-col1 .imgProd {
    text-align: center;
}
.prod-col1 .imgProd img {
    max-width:100%;
    padding-right: 1.5em;
}

.prod-col2 {
    border-radius: 5px;
}

table.autotable p { margin:0; padding: .2em .4em; }
table.autotable .even { background-color: #f3f3f3; }

.p-fitxa div.lema p {
    margin-top:1em;
    font-weight:700;
    font-size:1.5em;
}
.p-fitxa .prodLabels {
    display:inline-block;
    height:3em;
}
.p-fitxa .prodLabels img {
    position: absolute;
    width: 28%;
    top: -1rem;
    left: .8rem;
}

.p-fitxa .nav-tabs {
   border-bottom: 1px solid #adadad;
}

.p-fitxa .nav-tabs a.nav-link {
    font-weight:600;
    border-bottom-color:#adadad;
    opacity: 0.75;
}
.p-fitxa .nav-tabs a.nav-link.active {
    color:rgb(46, 46, 46);
    background-color:#fff;
    border-color:#adadad;
    border-bottom-color:#fff;
    opacity: 1;
    
}
.p-fitxa .nav-tabs a.nav-link:hover,
.p-fitxa .nav-tabs a.nav-link:focus {
    color:#2b2b2b !important;
}

.p-fitxa .tab-pane {
    padding: 0 1rem 2rem  1rem;
    border:1px solid #adadad;
    border-top: none;
}

.p-fitxa .nav-tabs {
    margin-top:3em;
}

/* >xs devices */
@media (min-width: 576px) {
    header.p-fitxa .prodSpecies {
        display: block;
    }
    header.p-fitxa h1 { 
        max-width:72%; 
    }
}

/* >md devices */
@media (min-width: 768px) {
    header.p-fitxa .prodSpecies span {
        width:70px;
        height:70px;
        background-size: 68px 68px;
        margin-left:-27px;
    } 
}


ul.leaflets {
    margin:0; padding:0;
}
ul.leaflets>li {
    display: inline-block;
    margin:1.3em; padding:0;
    list-style: none;
    width:180px;
    min-height:300px;
    vertical-align: top;
}

ul.leaflets>li>a img {
    display: block;
    border:1px solid rgb(185, 185, 185);
    padding:4px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition:.5s;
    max-width:180px;
    margin:0 auto;
    border-radius: 5px;
}
ul.leaflets>li>a:hover img,
ul.leaflets>li>a:focus img {
    border:5px solid #007bff;
    padding:0;
}
ul.leaflets>li>a span {
    display: block;
    text-align: center;
}
ul.leaflets>li>a span.t-ad {
    font-size:1.2em;
    font-weight:600;
}


section.news {
    overflow: hidden;
}
section.news img.n-img {
    max-height: 250px;
    border:3px solid rgb(219, 219, 219);
    border-radius: 4px;
    max-width:100%;
    margin: 0 0 0 auto;
}

h2.n-title { font-size:.9em; }

section.news a:hover img,
section.news a:focus img {
    border-color:#007bff;
}
section.news a:hover h2,
section.news a:focus h2 {
    color:#007bff;
}

header.story h1 {
    font-size: 1.85em;
}

section.story .n-story {
    overflow: hidden;
    margin-bottom:.6em;
}

section.story .n-img {
    margin-bottom:2rem;
}




section.story .n-img img {
    border:3px solid rgb(219, 219, 219);
    max-width: 100%;
}

section.story .n-ent {
    font-weight:600;
    font-size:1.2em;
}

section.story ul.imgArray {
    margin:0; padding:0;
}
section.story ul.imgArray>li {
    padding:.3em .6em .3em 0;
    display:inline-block;
    text-decoration: none;
    width:20%;
}
section.story ul.imgArray>li img {
    border:2px solid rgb(219, 219, 219);
    width:100%;
}

.share-xs {
    margin-top:2rem;
    margin-left:1rem;
}
.share-xs a:hover,
.share-xs a:focus {
    color:white !important;
}

.share-xs .share {
    margin:0 .4rem 0 0;
    font-weight:700;
    color:#002869;
    text-transform: uppercase;
    display: inline-block;
    vertical-align: middle;
}


.resp-sharing-button__link,
.resp-sharing-button__icon {
  display: inline-block
}

.resp-sharing-button__link {
  text-decoration: none;
  color: #fff;
  margin: 0.5em;
  line-height: 14px;
  font-size: 13px;
}

.resp-sharing-button {
  border-radius: 5px;
  transition: 25ms ease-out;
  padding: 0.5em 0.75em;
  font-family: Helvetica Neue,Helvetica,Arial,sans-serif
}

.resp-sharing-button__icon svg {
  width: 1em;
  height: 1em;
  margin-right: 0.4em;
  vertical-align: top
}

.resp-sharing-button--small svg {
  margin: 0;
  vertical-align: middle
}

/* Non solid icons get a stroke */
.resp-sharing-button__icon {
  stroke: #fff;
  fill: none
}

/* Solid icons get a fill */
.resp-sharing-button__icon--solid,
.resp-sharing-button__icon--solidcircle {
  fill: #fff;
  stroke: none
}

.resp-sharing-button--twitter {
  background-color: #55acee
}

.resp-sharing-button--twitter:hover {
  background-color: #2795e9
}

.resp-sharing-button--pinterest {
  background-color: #bd081c
}

.resp-sharing-button--pinterest:hover {
  background-color: #8c0615
}

.resp-sharing-button--facebook {
  background-color: #3b5998
}

.resp-sharing-button--facebook:hover {
  background-color: #2d4373
}

.resp-sharing-button--tumblr {
  background-color: #35465C
}

.resp-sharing-button--tumblr:hover {
  background-color: #222d3c
}

.resp-sharing-button--reddit {
  background-color: #5f99cf
}

.resp-sharing-button--reddit:hover {
  background-color: #3a80c1
}

.resp-sharing-button--google {
  background-color: #dd4b39
}

.resp-sharing-button--google:hover {
  background-color: #c23321
}

.resp-sharing-button--linkedin {
  background-color: #0077b5
}

.resp-sharing-button--linkedin:hover {
  background-color: #046293
}

.resp-sharing-button--email {
  background-color: #777
}

.resp-sharing-button--email:hover {
  background-color: #5e5e5e
}

.resp-sharing-button--xing {
  background-color: #1a7576
}

.resp-sharing-button--xing:hover {
  background-color: #114c4c
}

.resp-sharing-button--whatsapp {
  background-color: #25D366
}

.resp-sharing-button--whatsapp:hover {
  background-color: #1da851
}

.resp-sharing-button--hackernews {
background-color: #FF6600
}
.resp-sharing-button--hackernews:hover, .resp-sharing-button--hackernews:focus {   background-color: #FB6200 }

.resp-sharing-button--vk {
  background-color: #507299
}

.resp-sharing-button--vk:hover {
  background-color: #43648c
}

.resp-sharing-button--facebook {
  background-color: #3b5998;
  border-color: #3b5998;
}

.resp-sharing-button--facebook:hover,
.resp-sharing-button--facebook:active {
  background-color: #2d4373;
  border-color: #2d4373;
}

.resp-sharing-button--twitter {
  background-color: #55acee;
  border-color: #55acee;
}

.resp-sharing-button--twitter:hover,
.resp-sharing-button--twitter:active {
  background-color: #2795e9;
  border-color: #2795e9;
}

.resp-sharing-button--email {
  background-color: #777777;
  border-color: #777777;
}

.resp-sharing-button--email:hover,
.resp-sharing-button--email:active {
  background-color: #5e5e5e;
  border-color: #5e5e5e;
}

.resp-sharing-button--linkedin {
  background-color: #0077b5;
  border-color: #0077b5;
}

.resp-sharing-button--linkedin:hover,
.resp-sharing-button--linkedin:active {
  background-color: #046293;
  border-color: #046293;
}

.resp-sharing-button--whatsapp {
  background-color: #25D366;
  border-color: #25D366;
}

.resp-sharing-button--whatsapp:hover,
.resp-sharing-button--whatsapp:active {
  background-color: #1DA851;
  border-color: #1DA851;
}

.resp-sharing-button--telegram {
  background-color: #54A9EB;
}

.resp-sharing-button--telegram:hover {
  background-color: #4B97D1;}

/*

.p-red .product_search, .p-red .product_view li { background-color:#900; }
.p-blue .product_search, .p-blue .product_view li { background-color:#003ca1; }
.p-orange .product_search, .p-orange .product_view li { background-color:#f56200; }
.p-green .product_search, .p-green .product_view li { background-color:#008115; }
.p-black .product_search, .p-black .product_view li { background-color:#000; }
.p-purple .product_search, .p-purple .product_view li { background-color:#7b2a83; }

table.autotable { margin:0; padding:0; width:375px !important; }
table.autotable td { background-color:#dfdfdf; padding:0 0 0 .4em !important; }
table.autotable td.p2 p { text-align:center; white-space:nowrap; }
table.autotable td.p2 { width: 83px; padding-left: 0 !important; }
#cont table.autotable td p { padding: 0.3em }

*/