hr.wine {
    margin: 10px 0 15px;
    border-top-color: #dce0e0;
    width: 100%
}
hr.wine:before {
    content: " ";
    width: 35px;
    height: 5px;
    background-color: #541533;
    display: block;
    position: absolute;
}
hr.lightgreen {
    margin: 10px 0 15px;
    border-top-color: #dce0e0;
    width: 100%
}
hr.lightgreen:before {
    content: " ";
    width: 35px;
    height: 5px;
    background-color: #00af93;
    display: block;
    position: absolute;
}
hr.lightorange {
    margin: 10px 0 15px;
    border-top-color: #dce0e0;
    width: 100%
}
hr.lightorange:before {
    content: " ";
    width: 35px;
    height: 5px;
    background-color: #ff993f;
    display: block;
    position: absolute;
}
hr.orange {
    margin: 10px 0 15px;
    border-top-color: #dce0e0;
    width: 100%
}
hr.orange:before {
    content: " ";
    width: 35px;
    height: 5px;
    background-color: #f47719;
    display: block;
    position: absolute;
}
hr.lightpurple {
    margin: 10px 0 15px;
    border-top-color: #dce0e0;
    width: 100%
}
hr.lightpurple:before {
    content: " ";
    width: 35px;
    height: 5px;
    background-color: #6868f6;
    display: block;
    position: absolute;
}
hr.line-s1 {
    margin: 10px 0 15px;
    border-top-color: #dce0e0;
    width: 100%
}
hr.line-s1:before {
    content: " ";
    width: 35px;
    height: 5px;
    background-color: #00394c;
    display: block;
    position: absolute;
}
hr.line-s2 {
    margin: 10px 0 15px;
    border-top-color: #dce0e0;
    width: 100%
}
hr.line-s2:before {
    content: " ";
    width: 35px;
    height: 5px;
    background-color: #005863;
    display: block;
    position: absolute;
}
hr.line-s3 {
    margin: 10px 0 15px;
    border-top-color: #dce0e0;
    width: 100%
}
hr.line-s3:before {
    content: " ";
    width: 35px;
    height: 5px;
    background-color: #0d7281;
    display: block;
    position: absolute;
}
hr.line-s4 {
    margin: 10px 0 15px;
    border-top-color: #dce0e0;
    width: 100%
}
hr.line-s4:before {
    content: " ";
    width: 35px;
    height: 5px;
    background-color: #1e8999;
    display: block;
    position: absolute;
}
hr.line-s5 {
    margin: 10px 0 15px;
    border-top-color: #dce0e0;
    width: 100%
}
hr.line-s5:before {
    content: " ";
    width: 35px;
    height: 5px;
    background-color: #2e9fb0;
    display: block;
    position: absolute;
}
hr.line-s6 {
    margin: 10px 0 15px;
    border-top-color: #dce0e0;
    width: 100%
}
hr.line-s6:before {
    content: " ";
    width: 35px;
    height: 5px;
    background-color: #3faebe;
    display: block;
    position: absolute;
}
hr.line-purpura {
    margin: 10px 0 15px;
    border-top-color: #dce0e0;
    width: 100%
}
hr.line-purpura:before {
    content: " ";
    width: 35px;
    height: 5px;
    background-color: #ae548f;
    display: block;
    position: absolute;
}
#imgD {
    height: 20rem;
    object-fit: cover;
    object-position: 0px 0px;
}
.breadcrumb {
    padding: 8px 15px;
    margin-bottom: 5px;
    list-style: none;
    background-color: transparent;
    border-radius: 4px
}
.breadcrumb>li a { 
    display: inline-block;
    color: #541533
}
.breadcrumb>li { 
    display: inline-block
}
.breadcrumb>li+li:before { 
    padding: 05px;
    color: #373737;
    content: "/\00a0"
}
.breadcrumb>.active {
    color: #541533
}
/* Comments Form */
.formulario .radio label {
    display: inline-block;
    cursor: pointer;
    /* color: #ff0000; */
    position: relative;
    padding: 5px 15px;
    font-size: 30px;
    border-radius: 5px;
    background: rgba(77, 77, 77, 0.1);
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.formulario .radio label:hover {
    background: rgba(33, 33, 33, 0.3);
}
.formulario input[type="radio"] {
    display: none;
}
.formulario input[type="radio"]:checked + label:before {
    display: none;
}
.formulario .radio input[type="radio"]:checked + label {
    padding: 5px 15px;
    background: #666;
    border-radius: 5px;
    color: #fff;
}
.committee-block {
  background: #fff;
  padding: 19px 0;
  text-align: center;
}
.main-title {
    text-align: left;
    font-size: 1.2em;
    font-weight: bold;
    margin-top: 20px;
    line-height: normal;
}
.main-subtitles {
    text-align: left;
    margin-top: 20px;
    line-height: normal;
}
#image-container {
    overflow: hidden;
}
#bolsec {
    padding-right: 10px;
    padding-left: 10px;
}
#boletinSec h5 {
    font-size: 1.1em;
    line-height: normal
}
/* 404 page */
.page-404 {
    text-align: center;
    padding-top: 60px;
    padding-bottom: 125px;
}
.page-404 .number {
    position: relative;
    top: 35px;
    display: inline-block;
    letter-spacing: -10px;
    margin-top: 0px;
    margin-bottom: 10px;
    line-height: 128px;
    font-size: 128px;
    font-weight: 300;
    color: #541533;
    text-align: right;
}
.page-404 .details {
    margin-left: 40px;
    display: inline-block;
    padding-top: 0px;
    text-align: left;
    top: 15px;
    position: relative;
}
.back-to-top {
    position: fixed;
    visibility: hidden;
    opacity: 0;
    left: 15px;
    bottom: 15px;
    z-index: 996;
    background: #541533;
    width: 40px;
    height: 40px;
    border-radius: 4px;
    transition: all 0.4s;
    text-decoration:none;
}
.back-to-top i {
    font-size: 28px;
    color: #fff;
    line-height: 0;
    text-decoration:none;
}
.back-to-top:hover {
    background: #dddddd;
    color: #fff;
    text-decoration:none;
}
.back-to-top.active {
    visibility: visible;
    opacity: 1;
    text-decoration:none;
}
/* Blockquote Box */
.quote-v1 {
    background: #373737;
    padding: 10px 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 30px;
    margin-bottom: 30px;
}
.quote-v1 a {
    margin: 5px;
    display: inline-block;
}
.quote-v1 span {
    color: #fff;
    font-size: 22px;
    font-weight: 300;
    margin: 13px 5px 8px;
    line-height: 26px;
    display: inline-block;
}
.quote-v1 a.btn-transparent {
    color: #fff;
    font-size: 16px;
    padding: 8px 18px;
    white-space: nowrap;   
    text-decoration: none;
    border: solid 1px #fff;
    background: none;
}
.quote-v1 a.btn-transparent:hover {
    background: #7c858e;
    color: #fff;
    transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;      
}
.quote-v1 a.btn-transparent i {
    margin-right: 10px;
}
.counts {
  background: #f7f7f7;
  padding: 50px 0 10px;
}
.count-box {
  padding: 30px 30px 25px 30px;
  width: 100%;
  position: relative;
  text-align: center;
  background: #f7f7f7;
}
.count-box i {
  position: absolute;
  top: -25px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 24px;
  background: #541533;
  color: #fff;
  border-radius: 50px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
}
.count-box span {
  font-size: 36px;
  display: block;
  font-weight: 600;
  color: #082744;
}
.count-box p {
  padding: 0;
  margin: 0;
  font-family: "Raleway", sans-serif;
  font-size: 14px;
}
/* Aboutus block */
.aboutus-block {
    background: #ffffff;
    padding: 10px 0 20px;
}
.aboutus-block .row {
    padding-top: 20px;
}
.aboutus-block .item {
    border-right: solid 1px #e8e7e7;
}
.aboutus-block .col-md-3:last-child {
    border-right: none;
}
.aboutus-block .fa {
    background: #e85425;
    color: #fff;
    width: 99px;
    height: 99px;  
    line-height: 1;
    border-radius: 50%;
    position: relative;
    margin-bottom: 29px;
}
.aboutus-block .fa:after {
    bottom: -8px;
    width: 0; 
    height: 0;
    left: 50%;
    margin-left: -9px;
    z-index: 2; 
    content: " "; 
    display: block; 
    position: absolute;
    border-top: 9px solid #e85425;
    border-right: 9px solid transparent;
    border-left: 9px solid transparent;
}
.aboutus-block .fa {
    font-size: 38px;
    padding: 35px 0 0;
}
.aboutus-block h4 {
    margin-bottom: 5px;
    font-size: 16px;
    text-align: center;
}
.aboutus-block p {
    margin-bottom: 5px;
    font-size: 14px;
    text-align: center;
}
.aboutus-block img {
    display: block;
    margin: auto;
    margin-bottom: 20px;
    padding-top: 20px;
}

/* Bordered Tabs */
.nav-tabs-bordered {
  border-bottom: 2px solid #ebeef4;
}
.nav-tabs-bordered .nav-link {
  margin-bottom: -2px;
  border: none;
  color: #606060;
}
.nav-tabs-bordered .nav-link:hover, .nav-tabs-bordered .nav-link:focus {
  color: #541533;
}
.nav-tabs-bordered .nav-link.active {
  background-color: #fff;
  color: #541533;
  font-weight: bold;
  border-bottom: 2px solid #541533;
}
/* OWL styles */
.owl-buttons {
    position: absolute;
    top: -40px;
    right: 10px;
}
.owl-buttons div {
    display: inline-block;
    width: 26px;
    height: 26px;
    margin-left: 5px;
    position: static;
    border-radius: 26px !important;
    text-indent: -100000px;
}
.owl-buttons .owl-prev {
    background: #fff url(../img/fa-angles.png) no-repeat 8px 8px;
}
.owl-buttons .owl-next {
    background: #fff url(../img/fa-angles.png) no-repeat -33px 8px;
}
.owl-buttons .owl-prev:hover {
    background: #541533 url(../img/fa-angles.png) no-repeat 8px -31px;
}
.owl-buttons .owl-next:hover {
    background: #541533 url(../img/fa-angles.png) no-repeat -33px -31px;
}
/* Dashboard Stats */
.dashboard-stat {
    margin-bottom: 25px;
    overflow: hidden;
}
.dashboard-stat:before, .dashboard-stat:after {
    content: " ";
    display: table;
}
.dashboard-stat:after {
    clear: both;
}
.portlet .dashboard-stat:last-child {
    margin-bottom: 0;
}
.dashboard-stat .visual {
    width: 80px;
    height: 80px;
    display: block;
    float: left;
    padding-top: 10px;
    padding-left: 15px;
    margin-bottom: 15px;
    font-size: 35px;
    line-height: 35px;
}
.dashboard-stat .visual-og {
    width: 80px;
    height: 80px;
    display: block;
    float: left;
    padding-top: 10px;
    padding-left: 40px;
    margin-bottom: 15px;
    font-size: 35px;
    line-height: 35px;
}
.dashboard-stat .visual > i {
  margin-left: -27px;
  font-size: 40px;
  line-height: 50px;
}
.dashboard-stat .visual-og > i {
  margin-left: -27px;
  font-size: 40px;
  line-height: 50px;
}
.dashboard-stat .details {
    position: absolute;
    right: 15px;
    padding-right: 15px;
}
.dashboard-stat .details .number {
    padding-top: 25px;
    text-align: right;
    font-size: 34px;
    line-height: 36px;
    letter-spacing: -1px;
    margin-bottom: 0px;
    font-weight: 300;
}
.dashboard-stat .details .desc {
    text-align: right;
    font-size: 12px;
    letter-spacing: 0px;
    font-weight: 300;
}
.dashboard-stat .more {
    clear: both;
    display: block;
    padding: 6px 10px 6px 10px;
    position: relative;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 11px;
    opacity: 0.7;
    filter: alpha(opacity=70);
}
.dashboard-stat .more:hover {
    text-decoration: none;
    opacity: 0.9;
    filter: alpha(opacity=90);
}
.dashboard-stat .more > i {
    display: inline-block;
    margin-top: 1px;
    float: right;
}
/* Wine */
/* Statistic Block */
.dashboard-stat.blue-madison {
    background-color: #541533;
}
.dashboard-stat.blue-madison .visual > i {
    color: white;
}
.dashboard-stat.blue-madison .visual-og > i {
    color: white;
}
.dashboard-stat.blue-madison .details .number {
    color: white;
}
.dashboard-stat.blue-madison .details .desc {
    color: white;
    opacity: 0.8;
    filter: alpha(opacity=80);
}
.dashboard-stat.blue-madison .more {
    color: white;
    background-color: #4884b8;
}
/* General Element */
.bg-blue-madison {
    border-color: #541533 !important;
    background-image: none !important;
    background-color: #541533 !important;
    color: white !important;
}
/* General Text & Icon Font Colors */
.font-blue-madison {
    color: #541533 !important;
}
/* Light Blue */
/* Statistic Block */
.dashboard-stat.lightblue {
    background-color: #4b8df8;
}
.dashboard-stat.lightblue .visual > i {
    color: white;
}
.dashboard-stat.lightblue .visual-og > i {
    color: white;
}
.dashboard-stat.lightblue .details .number {
    color: white;
}
.dashboard-stat.lightblue .details .desc {
    color: white;
    opacity: 0.8;
    filter: alpha(opacity=80);
}
.dashboard-stat.lightblue .more {
    color: white;
    background-color: #4884b8;
}
/* General Element */
.bg-lightblue {
    border-color: #4b8df8 !important;
    background-image: none !important;
    background-color: #4b8df8 !important;
    color: white !important;
}
/* General Text & Icon Font Colors */
.font-lightblue {
    color: #4b8df8 !important;
}
/* Light Orange */
/* Statistic Block */
.dashboard-stat.lightorange {
    background-color: #ff993f;
}
.dashboard-stat.lightorange .visual > i {
    color: white;
}
.dashboard-stat.lightorange .visual-og > i {
    color: white;
}
.dashboard-stat.lightorange .details .number {
    color: white;
}
.dashboard-stat.lightorange .details .desc {
    color: white;
    opacity: 0.8;
    filter: alpha(opacity=80);
}
.dashboard-stat.lightorange .more {
    color: white;
    background-color: #4884b8;
}
/* General Element */
.bg-lightorange {
    border-color: #ff993f !important;
    background-image: none !important;
    background-color: #ff993f !important;
    color: white !important;
}
/* General Text & Icon Font Colors */
.font-lightorange {
    color: #ff993f !important;
}
/* Light Purple */
/* Statistic Block */
.dashboard-stat.lightpurple {
    background-color: #cd84dd;
}
.dashboard-stat.lightpurple .visual > i {
    color: white;
}
.dashboard-stat.lightpurple .visual-og > i {
    color: white;
}
.dashboard-stat.lightpurple .details .number {
    color: white;
}
.dashboard-stat.lightpurple .details .desc {
    color: white;
    opacity: 0.8;
    filter: alpha(opacity=80);
}
.dashboard-stat.lightpurple .more {
    color: white;
    background-color: #4884b8;
}
/* General Element */
.bg-lightpurple {
    border-color: #cd84dd !important;
    background-image: none !important;
    background-color: #cd84dd !important;
    color: white !important;
}
/* General Text & Icon Font Colors */
.font-lightpurple {
    color: #cd84dd !important;
}
/* Light Green */
/* Statistic Block */
.dashboard-stat.lightgreen {
    background-color: #009595;
}
.dashboard-stat.lightgreen .visual > i {
    color: white;
}
.dashboard-stat.lightgreen .visual-og > i {
    color: white;
}
.dashboard-stat.lightgreen .details .number {
    color: white;
}
.dashboard-stat.lightgreen .details .desc {
    color: white;
    opacity: 0.8;
    filter: alpha(opacity=80);
}
.dashboard-stat.lightgreen .more {
    color: white;
    background-color: #4884b8;
}
/* General Element */
.bg-lightgreen {
    border-color: #009595 !important;
    background-image: none !important;
    background-color: #009595 !important;
    color: white !important;
}
/* General Text & Icon Font Colors */
.font-lightgreen {
    color: #009595 !important;
}
/* Our Clients */
.our-clients {
    position: relative;
}
.our-clients h2, .our-clients h2 {
    margin: 3px 0 5px;
}
.our-clients h2 a {
    color: #3e4d5c;
}
.our-clients h2 a:hover {
    color: #541533;
}
.our-clients .client-item {
    background: #f8f8f8;
    margin-left: 2px;
    position: relative;
}
.our-clients .owl-buttons {
    left: -74px;
    right: auto;
    top: 0;
}
.our-clients .client-item img {
    margin-left: auto;
    margin-right: auto;
}
.our-clients .client-item .color-img {
    display: none;
}
.our-clients .client-item:hover img {
    display: none;
}
.our-clients .client-item:hover .color-img {
    display: block;
}
/* BEGIN max width 1200px */
@media (max-width: 1200px) {
    .quote-v1 span {
        font-size: 20px;
    }
}
/* END max width 1200px */
/* BEGIN max width 992px */
@media (max-width: 992px) {
    .quote-v1 {
        text-align: center;
    }
    .quote-v1 .text-right {
        text-align: center;
    }
    .quote-v1-inner {
        text-align: center;
    }
    .quote-v1-inner .text-right {
        text-align: center;
    }
}
/* END max width 992px */
/* BEGIN max width 980px */
@media (min-width: 980px) {
    #boletinSec {
        margin-top: 35px;
        width: 100%;
        text-align: left;
    }
    #verB {
        display: none
    }
    #bolsec {
        width: 33%;
        float: left;
        text-align: left;
    }
}
/* END max width 980px */
@media (max-width: 979px) {
    #verB {
        display: block;
        margin-top: 20px
    }
}
@media (max-width: 768px) {
    #interes {
        margin-top: 25px
    }
}
@media (min-width: 768px) {
    #interes, #interes2 {
        flex: 0 0 19.91%;
        max-width: 19.91%;
    }
}
@media (max-width: 768px) {
    #bloqueInfo, #bloqueInfo2 {
        margin-top: 20px;
    }
}
@media (min-width: 768px) {
    #bloqueinfoContent {
        height: 300px;
    }
    #bloqueInfo2 #bloqueinfoContent {
        height: 230px;
    }
}
#bloqueInfo h4 {
    color: #b09a5b;
    text-align: left
}
#bloqueInfo2 h4 {
    color: #691a31;
    text-align: left
}
#bloqueInfo .bloqueT2 {
    color: #45abe1
}
#bloqueInfo2 .bloqueT2 {
    color: #45abe1
}
#bloqueinfoContent {
    background-color: #f5f3ef;
    width: 100%
}
#bloqueinfoContent ul {
    width: 100%;
    display: table;
    background: #F5F3EF;
    margin: 0 0 5px 0;
    padding: 15px 0 19px 0;
    list-style: none;
    text-align: left
}
#bloqueinfoContent ul li {
    list-style-image: url(../img/03.png);
    margin: 0 15px 12px 40px;
    border-bottom: 1px dotted #c4c4c4;
    padding: 0 0 5px 0;
}
#bloqueinfoContent ul li a {
    color: #666666;
    font-size: 1.01em
}
.pagina {
    padding: 8px 9px;
    border: 1px solid #ccc;
    color: #333;
    font-weight: bold;
}
@media (min-width: 980px) {
    .nota {
        float: left;
        width: 33.333%;
        margin-top: 35px;
        height: 465px;
        line-height: normal;
    }
    #interno {
        width: 97%;
        height: 100%;
        border-bottom: 1px solid #e1e1e1
    }
    .contenidoNota {
        width: 94%;
        margin: auto;
        text-align: justify;
        margin-top: 10px
    }
    .izquierdo {
        float: left;
        width: 70%
    }
    .derecho {
        float: left;
        width: 30%
    }
    #imagenB {
        width: 93%;
    }
    #contenedorImagenBoletin {
        overflow: hidden;
        height: 170px
    }
    .nota hr {
        display: none
    }
    #noHay {
        margin-top: 50px
    }
    #example {
        width: 100%;
        height: 80px
    }
}
@media (max-width: 979px) {
    .nota {
        margin-top: 30px;
    }
    .contenidoNota {
        text-align: justify
    }
    #botonVerT {
        text-align: left;
        margin-top: 20px
    }
    #imagenB {
        width: 99%;
    }
    .nota hr {
        display: block
    }
    #noHay {
        margin-top: 5px
    }
}
.titulo {
    font-size: 1em;
    font-weight: bold;
    color: #000;
}
.fecha {
    font-size: 1em;
    font-weight: bold;
    color: #b09a5b
}
#resumen {
    font-size: 1em;
    line-height: normal
}
#example {
    font-size: 14px;
}
.regresar {
    height: 35px;
    text-align: right;
    width: 100%;
}
.row2 {
    text-align: justify;
    color: #6d6e71;
    font-size: 16px;
    line-height: normal;
}
.row2 ul li {
    color: ##6d6e71;
    font-size: 16px;
    line-height: normal;
}
.row2 h2,
h3 {
    color: #000;
    line-height: normal;
}
@media (min-width: 980px) {
    .nota2 {
        float: left;
        width: 33.33333%;
        height: 260px;
        margin-top: 0px;
        position: relative;
        overflow: hidden;
    }
    .imagenB3 {
        height: 220px;
        width: 90%
    }
    .imagenP {
        width: 370px
    }
    #imagenB2 {
        float: right;
        padding-left: 30px;
        padding-bottom: 5px;
        border: none
    }
    #textoGaleria {
        position: relative;
        bottom: 7px;
        left: 15px
    }
    .row2 h2 {
        font-size: 1.6em;
    }
}
@media (max-width: 979px) {
    .nota2 {
        margin-top: 15px;
        width: 100%
    }
    .imagenB3,
    .imagenP {
        width: 100%;
    }
    #imagenB2 {
        padding-bottom: 20px;
        border: none
    }
    .row2 h2, h3 {
        font-size: 1.2em;
    }
    #textoGaleria,
    #textoGaleria2 {
        display: none
    }
}
.accordion {
    text-align: left;
}
.accordion button {
    color: #555;
    text-decoration: none;
}
.accordion button:hover {
    text-decoration: none;
    color: #621132;
}
.accordion ul {
    list-style: none;
    position: relative;
    right: 15px
}
.content {
    text-align: justify;
}
#listcontet {
    list-style: none;
    position: relative;
    right: 20px
}
#listado1 {
    text-align: left
}
#listado1 li {
    list-style-type: none;
    position: relative;
    right: 30px;
    font-size: 11px;
    line-height: 14.5px
}
@media (min-width: 800px) {
    .col-md-2a {
        position: relative;
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
    }
    .col-md-2a {
        -ms-flex: 0 0 14.286%;
        flex: 0 0 14.286%;
        max-width: 14.286%;
    }
    #dec2 {
        display: none;
    }
}
@media (max-width: 799px) {
    #dec1 {
        display: none;
    }
}
.btn-flotante {
    font-size: 16px;
    /* Cambiar el tamaño de la tipografia */
    /*text-transform: uppercase;  Texto en mayusculas */
    
    font-weight: bold;
    /* Fuente en negrita o bold */ 
    color: #ffffff;
    /* Color del texto */
    
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    /*letter-spacing: 1px;  Espacio entre letras */
    
    background-color: #621132;
    /* Color de fondo */
    
    padding: 22px 22px;
    /* Relleno del boton */
    
    position: fixed;
    bottom: 10px;
    right: 10px;
    transition: all 300ms ease 0ms;
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
    z-index: 99;
    animation-name: parpadeo;
    animation-duration: 1.5s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    -webkit-animation-name: parpadeo;
    -webkit-animation-duration: 1.5s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
}
@-moz-keyframes parpadeo {
    0% {
        background-color: #333333;
        color: #FFFFFF
    }
    35% {
        background-color: #83703b;
        color: #FFFFFF
    }
    70% {
        background-color: #541533;
        color: #FFFFFF
    }
    100% {
        background-color: #621132;
        color: #FFFFFF
    }
}
@-webkit-keyframes parpadeo {
    0% {
        background-color: #333333;
        color: #FFFFFF
    }
    35% {
        background-color: #83703b;
        color: #FFFFFF
    }
    70% {
        background-color: #541533;
        color: #FFFFFF
    }
    100% {
        background-color: #621132;
        color: #FFFFFF
    }
}
@keyframes parpadeo {
    0% {
        background-color: #333333;
        color: #FFFFFF
    }
    35% {
        background-color: #83703b;
        color: #FFFFFF
    }
    70% {
        background-color: #541533;
        color: #FFFFFF
    }
    100% {
        background-color: #621132;
        color: #FFFFFF
    }
}
.btn-flotante:hover {
    background-color: #370d1e;
    /* Color de fondo al pasar el cursor */
    
    box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.3);
    transform: translateY(-7px);
    color: #ffffff;
}
@media only screen and (max-width: 600px) {
    .btn-flotante {
        font-size: 13px;
        padding: 20px 20px;
        bottom: 10px;
        right: 10px;
    }
}