a {
  color: #000;
}


/*  footer::before {
    background: url(/v2/img/fundi_4.png);
    background-repeat: no-repeat;
    width: 100%;
    height: 70px;
    content: "";
    display: block;
  }

    #navi::before {
    background: url(/v2/img/fundi_1.png);
    background-repeat: no-repeat;
    width: 100%;
    height: 28px;
    content: "";
    display: block;
      position: absolute;
    z-index: 1;
  }




    #navi::after {
    background: url(/v2/img/fundi_2.png);
    background-repeat: no-repeat;
    width: 100%;
    height: 28px;
    content: "";
    display: block;
        position: absolute;
    z-index: 1;
  }*/



  .bg-light {
    background-color: #dedede!important;
}

nav{
  font-family: 'Hammersmith One', sans-serif;
  font-size: 18px;
}

h1{
  font-weight: bold;
  font-size: 38px;
}

/*.navbar-nav::before {
    background: url(/v2/img/slogan_es.png);
    background-repeat: no-repeat;
    width: 390px;
    height: 40px;
    content: "";
    display: block;
  }
*/

.popover { 
  max-width: 320px !important;
      width: 320px;
}

.popover img.img-responsive {
    min-height: 60px;
}

h2 span {
    background: #8F1315;
    color: #FFF;
    padding: 0px 7px;
    font-size: 24px;
    position:relative;
    margin-left: 20px;
    position: relative;
}
h2 span::before {
    background: url(/v2/img/h2_before.png);
    background-repeat: no-repeat;
    width: 20px;
        height: 32px;
    display: inline-block;
    content:"";
        position: absolute;
    left: -13px;
    top: 0px;

}
h2 span::after {
    background: url(/v2/img/h2_after.png);
    background-repeat: no-repeat;
    width: 20px;
    height: 32px;
    display: inline-block;
    content:"";
    position: absolute;
    right: -13px;
    top: 0px;
}
h2{
    font-size: 2rem;
    border-bottom: 1px solid #8F1315;
}

/*!
    content: "";
 * Generated with CSS Flag Sprite generator (https://www.flag-sprites.com/)
 */

.flag {
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url('/v2/img/flags.png') no-repeat;
}


.flag.flag-ad {
    background-position: -24px 0;
}

.flag.flag-al {
    background-position: -48px 0;
}

.flag.flag-at {
    background-position: -72px 0;
}

.flag.flag-ax {
    background-position: -96px 0;
}

.flag.flag-ba {
    background-position: -120px 0;
}

.flag.flag-be {
    background-position: -144px 0;
}

.flag.flag-bg {
    background-position: -168px 0;
}

.flag.flag-by {
    background-position: 0 -24px;
}

.flag.flag-ch {
    background-position: -24px -24px;
}

.flag.flag-cz {
    background-position: -48px -24px;
}

.flag.flag-de {
    background-position: -72px -24px;
}

.flag.flag-dk {
    background-position: -96px -24px;
}

.flag.flag-ee {
    background-position: -120px -24px;
}

.flag.flag-es {
    background-position: -144px -24px;
}

.flag.flag-fi {
    background-position: -168px -24px;
}

.flag.flag-fo {
    background-position: 0 -48px;
}

.flag.flag-fr {
    background-position: -24px -48px;
}

.flag.flag-gb {
    background-position: -48px -48px;
}

.flag.flag-en {
    background-position: -48px -48px;
}

.flag.flag-gg {
    background-position: -72px -48px;
}

.flag.flag-gi {
    background-position: -96px -48px;
}

.flag.flag-gr {
    background-position: -120px -48px;
}

.flag.flag-hr {
    background-position: -144px -48px;
}

.flag.flag-hu {
    background-position: -168px -48px;
}

.flag.flag-ie {
    background-position: 0 -72px;
}

.flag.flag-im {
    background-position: -24px -72px;
}

.flag.flag-is {
    background-position: -48px -72px;
}

.flag.flag-it {
    background-position: -72px -72px;
}

.flag.flag-je {
    background-position: -96px -72px;
}

.flag.flag-li {
    background-position: -120px -72px;
}

.flag.flag-lt {
    background-position: -144px -72px;
}

.flag.flag-lu {
    background-position: -168px -72px;
}

.flag.flag-lv {
    background-position: 0 -96px;
}

.flag.flag-mc {
    background-position: -24px -96px;
}

.flag.flag-md {
    background-position: -48px -96px;
}

.flag.flag-me {
    background-position: -72px -96px;
}

.flag.flag-mk {
    background-position: -96px -96px;
}

.flag.flag-mt {
    background-position: -120px -96px;
}

.flag.flag-nl {
    background-position: -144px -96px;
}

.flag.flag-no {
    background-position: -168px -96px;
}

.flag.flag-pl {
    background-position: 0 -120px;
}

.flag.flag-pt {
    background-position: -24px -120px;
}

.flag.flag-ro {
    background-position: -48px -120px;
}

.flag.flag-rs {
    background-position: -72px -120px;
}

.flag.flag-ru {
    background-position: -96px -120px;
}

.flag.flag-se {
    background-position: -120px -120px;
}

.flag.flag-si {
    background-position: -144px -120px;
}

.flag.flag-sk {
    background-position: -168px -120px;
}

.flag.flag-sm {
    background-position: 0 -144px;
}

.flag.flag-ua {
    background-position: -24px -144px;
}

.flag.flag-va {
    background-position: -48px -144px;
}

#selections {

    font-size: 20px;

}

.provi {

    display: block;
    font-size: 40px;
    color: #8F1315;
}

#return-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.7);
    width: 50px;
    height: 50px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top i {
    color: #fff;
    margin: 0;
    position: relative;
    left: 16px;
    top: 13px;
    font-size: 19px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top:hover {
    background: rgba(0, 0, 0, 0.9);
}
#return-to-top:hover i {
    color: #fff;
    top: 5px;
}


/* Extra Things */
/*body{background: #eee ;font-family: 'Open Sans', sans-serif;}h3{font-size: 30px; font-weight: 400;text-align: center;margin-top: 50px;}h3 i{color: #444;}*/

.navbar-light .navbar-toggler {
    color: rgba(0,0,0,.5);
    border-color: rgba(0,0,0,.1);
    margin: 0 auto;
}

.carousel-control-prev-icon, .carousel-control-next-icon{
    display: none;
}

.carousel-indicators li {
    background-color: #000000
}
.carousel-indicators .active {
    background-color: #9a1e20;
}

.carousel-control-next, .carousel-control-prev {
    text-align: center;
    opacity: 1;
    text-shadow: #000000 2px 2px 9px;
    /*background: #0000001a;*/
}
span.btn-av {
    background: #00000070;
    padding: 10px;
 
    border-radius: 6px;
}


@media (max-width: 1200px){

.navbar-collapse li {
    text-align: center;
}


.carousel-control-next, .carousel-control-prev {
    width: auto;
}
}


/************** LOGO y POPUP GENERALITAT *********************/
a.logo_generalitat,
.conformidad_3502 {
  display: block;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #ffffff;
  max-width: 200px;
  padding: 10px;
}
.conformidad_3502 {
  color: #c91532;
  text-align: center;
  line-height: 130%;
}
.conformidad_3502:hover {
  text-decoration: none;
  background-color: #000;
  color: #fff;
}
#popup_generalitat {
  display: none;
  position: fixed;
  z-index: 9998;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0,0.4);
}

#popup_generalitat_contenido {
  background-color: #ffffff;
  margin: 15% auto;
  padding: 20px;
  width: 90%;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

#popup_generalitat_cerrar {
  color: #000;
  float: right;
  font-size: 14px;
  margin: -10px -10px 20px 20px;
  font-weight: bold;
  display: inline-block;
  border: 1px solid #dddddd;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 5px 15px 5px 10px
}

#popup_generalitat_cerrar:hover,
#popup_generalitat_cerrar:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

#popup_generalitat_cerrar2 {
  color: #000;
  float: right;
  font-size: 14px;
  margin: -10px -10px 20px 20px;
  font-weight: bold;
  display: inline-block;
  border: 1px solid #dddddd;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 5px 15px 5px 10px
}

#popup_generalitat_cerrar2:hover,
#popup_generalitat_cerrar2:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

/* Cookies */

@media(max-width:2000px) {

.cookies {
position : fixed;
z-index : 9999;
right : 0;
left : 0;
width : 100%;
padding-right : 185px;
transition : all .4s ease;
color:#FFFFFF;
background: #74a0b9; /* fallback for old browsers */
background: -webkit-linear-gradient(to left, #74a0b9 , #DEDEDE); /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to left, #74a0b9 , #DEDEDE); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
bottom : 0;
animation-name : cpcookiestop;
animation-duration : 1s;
animation-iteration-count : 1;
}


@keyframes cpcookiestop {
0% {
    bottom : -50%;
}
100% {
    bottom : 0;
}

}



.cookies-message-link {
color : #ffeb3b;
opacity: 0.8;
}
.cookies-message-link:hover{
text-decoration: none;
color: #ffeb3b;
opacity: 1;
}

#cookies-close {
display : none;
}

#cookies-close:checked ~ #cookies ,
#cookies-close:checked + .cookies-close {
bottom : -50%;
}

@media (max-width: 2000px){

.cookies-close {
position : fixed;
z-index : 10000;
right : 90px;
padding : 10px 15px;
border-radius: 20px;
cursor : pointer;
text-decoration : none;
font-weight: 400;
color : #ffffff;
background : #77A2BA;
bottom : 10px;
animation-name : cpcookiesclosetop;
animation-duration : 1.4s;
animation-iteration-count : 1;
    -webkit-box-shadow: 0 4px 5px -1px rgba(0,0,0,0.5);
    -moz-box-shadow: 0 4px 5px -1px rgba(0,0,0,0.5);
    box-shadow: 0 4px 5px -1px rgba(0,0,0,0.5);
}
.error {
    font-weight: normal;
    color: #1aad92;
}
input.error {
    background: #f5e7e7;
    color: #555;
}


.btn-secondary {
    color: #fff;
    background-color: #25a4ce;
    border-color: transparent;
}

@keyframes cpcookiesclosetop {
0% {
    bottom : -50%;
}
100% {
    bottom : 10px;
}
}


.cookies-close:hover {
text-decoration : none;
background: rgba(255, 255, 255, 0.2);
}

.cookies-message {
margin : 20px;
}

.navbar-toggle {
    background-color: #25A0C9;
    border: 1px solid #fff;
}

@media (max-width: 768px){
    .cookies {
        padding-right: 0px;
        padding-bottom: 65px;
    }
}

/*******************************************/
#header {
  background-color: #ffffff;
}
    #header .container {
      position: relative;
    }
        #logo {
          display: block;
          padding: 10px;
        }
            #logo img {
              width: 240px;
            }
        #idioma {
          position: absolute;
          right: 20px;
          top: 20px;
        }
            #idioma a {
              display: inline-block;
              margin-right: 10px;
            }
            #idioma a:hover {
              text-decoration: none;
            }
        #madein,
        #producto-ue {
          padding-right: 1rem;
          padding-left: 1rem;
        }

#navi .navbar.bg-light {
  background-color: #f3f3f3 !important;
}

@media (max-width: 991px) {
  #idioma {
    position: relative;
    right: auto;
    left: auto;
    top: auto;
    bottom: auto;
    text-align: center;
    padding: 8px 10px 12px 10px;
  }
  #logo img {
    width: 200px;
  }
}

@media (max-width: 1199px) {
  #madein {
    padding-top: 15px;
    padding-bottom: 10px;
  }
  #navbarSupportedContent {
    margin-top: 10px !important;
  }
}

@media (min-width: 1200px) {
  .navbar-expand-xl .navbar-nav .nav-link {
    padding-right: 0.8rem;
    padding-left: 0.8rem;
  }
  #madein {
    padding-left: 75px !important;
  }
}

.navbar-light .navbar-nav .nav-link{
  color: #000;
}
.navbar-light .navbar-nav .nav-link:hover {
  color: #CC9900;
}

.navbar-expand-sm .navbar-nav .nav-link {
  padding-right: 0.8rem;
  padding-left: 0.8rem;
}


/******************************************************/
footer {
  background-color: #f5f5f5;
  padding: 30px 0;
}
    footer h1 {
      font-weight: normal;
      font-size: 22px;
      padding-bottom: 10px;
      margin-bottom: 15px;
      border-bottom: 1px solid #000;
      display: inline-block;
    }
    footer .footer-col1 h1 {
      border-bottom: 0;
    }
    footer *,
    footer a {
      color: #000;
      text-decoration: none;
    }
    footer a.btn-primary {
      color: #ffffff;
      background-color: #177cac;
    }
    #footer-enlaces {
      list-style-type: none;
      list-style: none;
      margin: 0;
      padding: 0;
    }
    #footer-redes-sociales li {
      margin-right: 10px;
    }
        #footer-redes-sociales a {
          display: flex;
          width: 30px;
          height: 30px;
          padding: 5px;
          background-color: #177cac;
          border-radius: 30px;
          align-items: center;
        }

  @media (max-width: 767px) {
    footer .col-md-4 {
      text-align: center;
      margin-bottom: 30px;
    }
  }

#copyright {
  padding: 20px;
  background-color: #e6e5e5;
}
    #copyright a {
      font-size: 14px;
    }
    @media (max-width: 767px) {
      #copyright .copyright_wrapper {
        text-align: center;
      }
      #copyright .logos {
        margin: 10px 5px;
      }
      .conformidad_3502 {
        display: inline-block;
      }
    }
    @media (min-width:  768px) {
      #copyright .copyright_wrapper {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 20px;
      }
      #copyright .logos {
        display: block;
      }
    }
    @media (min-width:  768px) and (max-width:  991px) {
      .conformidad_3502 span {
        display: none;
      }
    }

#copyright .logos {
  display: inline-block;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #ffffff;
  padding: 10px;
}
#copyright .logos.logo-s {
  font-size: 12px;
  line-height: 120%;
}

.error_container {
  border-radius: 10px;
  background-color: #f2dede;
  color: #000;
}

#catalogos_portada {
  margin: 0 -10px;
}
    #catalogos_portada div.col-md-4 {
      padding: 20px 10px;
    }
    #catalogos_portada div.col-md-4 a {
      display: block;
      position: relative;
    }
    #catalogos_portada div.col-md-4 a span {
      position: absolute;
      bottom: 40px;
      left: 50%;
      transform: translateX(-50%);
      right: auto;
      z-index: 9;
      color: #ffffff;
      padding: 5px 10px;
      display: inline-block;
      border: 1px solid #ffffff;
      border-radius: 5px;
      font-weight: bold;
      background-color: rgba(0,0,0,0.5);
    }
    #catalogos_portada div.col-md-4 a:hover span {
      background-color: #000000;
    }