@font-face {
   font-display: swap;
   font-family: "Material Icons";
   src: url('MaterialIcons-Regular.woff2') format('woff2'), url('MaterialIcons-Regular.woff') format('woff'), url('MaterialIcons-Regular.ttf') format('truetype'), url('MaterialIcons-Regular.svg#MaterialIcons-Regular') format('svg'), url('MaterialIcons-Regular.eot') format('embedded-opentype');
}
@keyframes animate-fade-in {
0% {
   opacity: 0;
}
100% {
   opacity: 1;
}
}
@keyframes animate-fade-in-down {
0% {
   opacity: 0;
   transform: translate(0px,-100px) rotate(0deg);
}
100% {
   opacity: 1;
   transform: translate(0px,0px) rotate(0deg);
}
}
@keyframes animate-fade-in-left {
0% {
   opacity: 0;
   transform: translate(-100px,0px) rotate(0deg);
}
100% {
   opacity: 1;
   transform: translate(0px,0px) rotate(0deg);
}
}
@keyframes animate-fade-in-right {
0% {
   opacity: 0;
   transform: translate(100px,0px) rotate(0deg);
}
100% {
   opacity: 1;
   transform: translate(0px,0px) rotate(0deg);
}
}
@keyframes animate-fade-in-up {
0% {
   opacity: 0;
   transform: translate(0px,100px) rotate(0deg);
}
100% {
   opacity: 1;
   transform: translate(0px,0px) rotate(0deg);
}
}
@keyframes animate-fade-out {
0% {
   opacity: 1;
}
100% {
   opacity: 0;
}
}
@keyframes magic-in {
0% {
   opacity: 0;
   transform-origin: 200% 500%;
   transform: rotate(270deg) scale(0,0);
}
100% {
   opacity: 1;
   transform-origin: 100% 200%;
   transform: rotate(0deg) scale(1,1);
}
}
@keyframes transform-peek {
0% {
   transform: rotate(0deg);
}
50% {
   transform: rotate(10deg) scale(1.2,1.2);
}
100% {
   transform: rotate(0deg) scale(1.0,1.0);
}
}
@keyframes transform-scale-in {
0% {
   opacity: 0;
   transform: rotate(0deg) scale(0,0);
}
100% {
   opacity: 1;
   transform: rotate(0deg) scale(1.0,1.0);
}
}
@keyframes transform-scale-out {
0% {
   opacity: 1;
   transform: rotate(0deg);
}
100% {
   opacity: 0;
   transform: rotate(0deg) scale(0,0);
}
}
@keyframes transform-swing {
0% {
   transform: rotate(0deg);
}
20% {
   transform-origin: top center;
   transform: rotate(15deg);
}
40% {
   transform-origin: top center;
   transform: rotate(-10deg);
}
60% {
   transform-origin: top center;
   transform: rotate(5deg);
}
80% {
   transform-origin: top center;
   transform: rotate(-5deg);
}
100% {
   transform-origin: top center;
   transform: rotate(0deg);
}
}
@keyframes twister-down-out {
0% {
   opacity: 1;
   transform-origin: 100% 100%;
   transform: translate(0px,0px) rotate(0deg) scale(1,1);
}
80% {
   transform-origin: 0 100%;
   transform: translate(0px,-200%) rotate(360deg) scale(0,0);
}
100% {
   opacity: 0;
   transform-origin: 0 100%;
   transform: translate(0px,-200%) rotate(360deg) scale(0,0);
}
}
@keyframes vanish-in {
0% {
   opacity: 0;
   transform-origin: 50% 50%;
   transform: rotate(0deg) scale(2,2);
}
100% {
   opacity: 1;
   transform-origin: 50% 50%;
   transform: rotate(0deg) scale(1,1);
}
}
@keyframes vanish-out {
0% {
   opacity: 1;
   transform-origin: 50% 50%;
   transform: rotate(0deg) scale(1,1);
}
100% {
   opacity: 0;
   transform-origin: 50% 50%;
   transform: rotate(0deg) scale(2,2);
}
}
a.style1 {
   background: #000000;
   color: #696969;
   text-decoration: none;
}
a.style1:visited {
   background: #000000;
   color: #696969;
   text-decoration: none;
}
a.style1:active {
   background: #000000;
   color: #696969;
   text-decoration: none;
}
a.style1:hover {
   background: #000000;
   color: #FF8C00;
   text-decoration: none;
}
.MAY-CENTER-ROJO {
   --background-color: rgba(245,222,179,1.00);
   --border-color: #FFFFFF;
   --color: #A52A2A;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   animation-delay: 0ms;
   animation-direction: normal;
   animation-duration: 1300ms;
   animation-fill-mode: none;
   animation-iteration-count: 1;
   animation-name: animate-fade-in-right;
   animation-timing-function: linear;
   background-color: #F5DEB3;
   border: 1px solid #FFFFFF;
   border-radius: 3px;
   border-radius: 3px;
   color: #A52A2A;
   font-family: "Trebuchet MS";
   font-size: 13px;
   font-style: normal;
   font-weight: normal;
   text-align: center;
   text-decoration: none;
   text-transform: uppercase;
}
.MAY-CENTER-NEGRO {
   --background-color: rgba(245,222,179,1.00);
   border: 1px solid #FFFFFF;
   --border-color: #FFFFFF;
   --color: #000000;
   animation-delay: 0ms;
   animation-direction: normal;
   animation-duration: 1300ms;
   animation-fill-mode: none;
   animation-iteration-count: 1;
   animation-name: animate-fade-in-right;
   animation-timing-function: linear;
   background-color: #F5DEB3;
   border-radius: 3px;
   color: #000000;
   font-family: "Trebuchet MS";
   font-size: 13px;
   font-weight: normal;
   text-align: center;
   text-decoration: none;
   text-transform: uppercase;
}
.MIN-CENTER-EMAIL {
   --background-color: rgba(245,222,179,1.00);
   border: 1px solid #FFFFFF;
   --border-color: #FFFFFF;
   --color: #4B0082;
   animation-delay: 0ms;
   animation-direction: normal;
   animation-duration: 1300ms;
   animation-fill-mode: none;
   animation-iteration-count: 1;
   animation-name: animate-fade-in-right;
   animation-timing-function: linear;
   background-color: #F5DEB3;
   border-radius: 3px;
   color: #4B0082;
   font-family: "Trebuchet MS";
   font-size: 13px;
   font-weight: bold;
   text-align: center;
   text-decoration: none;
   text-transform: lowercase;
}
.MAY-CENTER-ROJO-NEGRITA {
   --background-color: rgba(245,222,179,1.00);
   --border-color: #FFFFFF;
   --color: #A52A2A;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   animation-delay: 0ms;
   animation-direction: normal;
   animation-duration: 1300ms;
   animation-fill-mode: none;
   animation-iteration-count: 1;
   animation-name: animate-fade-in-right;
   animation-timing-function: linear;
   background-color: #F5DEB3;
   border: 1px solid #FFFFFF;
   border-radius: 3px;
   border-radius: 3px;
   color: #A52A2A;
   font-family: "Trebuchet MS";
   font-size: 13px;
   font-style: normal;
   font-weight: bold;
   text-align: center;
   text-decoration: none;
   text-transform: uppercase;
}
.MAY-CENTER-NEGRO-NEGRITA {
   --background-color: rgba(245,222,179,1.00);
   border: 1px solid #FFFFFF;
   --border-color: #FFFFFF;
   --color: #000000;
   animation-delay: 0ms;
   animation-direction: normal;
   animation-duration: 1300ms;
   animation-fill-mode: none;
   animation-iteration-count: 1;
   animation-name: animate-fade-in-right;
   animation-timing-function: linear;
   background-color: #F5DEB3;
   border-radius: 3px;
   color: #000000;
   font-family: "Trebuchet MS";
   font-size: 13px;
   font-weight: bold;
   text-align: center;
   text-decoration: none;
   text-transform: uppercase;
}
.MAY-CENTER-ROJO-BLANCO {
   --background-color: rgba(255,255,255,1.00);
   --border-color: #DCDCDC;
   --color: #A52A2A;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   animation-delay: 0ms;
   animation-direction: normal;
   animation-duration: 1300ms;
   animation-fill-mode: none;
   animation-iteration-count: 1;
   animation-name: animate-fade-in-right;
   animation-timing-function: linear;
   background-color: #FFFFFF;
   border: 1px solid #DCDCDC;
   border-radius: 3px;
   border-radius: 3px;
   color: #A52A2A;
   font-family: "Trebuchet MS";
   font-size: 13px;
   font-style: normal;
   font-weight: bold;
   text-align: center;
   text-decoration: none;
   text-transform: uppercase;
}
.MAY-CENTER-NEGRO-BLANCO {
   --background-color: rgba(255,255,255,1.00);
   border: 1px solid #DCDCDC;
   --border-color: #DCDCDC;
   --color: #000000;
   animation-delay: 0ms;
   animation-direction: normal;
   animation-duration: 1300ms;
   animation-fill-mode: none;
   animation-iteration-count: 1;
   animation-name: animate-fade-in-right;
   animation-timing-function: linear;
   background-color: #FFFFFF;
   border-radius: 3px;
   color: #000000;
   font-family: "Trebuchet MS";
   font-size: 13px;
   font-weight: bold;
   text-align: center;
   text-decoration: none;
   text-transform: uppercase;
}
.MIN-CENTER-EMAIL-BLANCO {
   --background-color: rgba(255,255,255,1.00);
   border: 1px solid #DCDCDC;
   --border-color: #DCDCDC;
   --color: #4B0082;
   animation-delay: 0ms;
   animation-direction: normal;
   animation-duration: 1300ms;
   animation-fill-mode: none;
   animation-iteration-count: 1;
   animation-name: animate-fade-in-right;
   animation-timing-function: linear;
   background-color: #FFFFFF;
   border-radius: 3px;
   color: #4B0082;
   font-family: "Trebuchet MS";
   font-size: 13px;
   font-weight: bold;
   text-align: center;
   text-decoration: none;
   text-transform: lowercase;
}
.MAY-CENTER-grabado {
   --background-color: rgba(255,255,255,1.00);
   --border-color: #FFFFFF;
   --color: #000000;
   -moz-animation-delay: 0ms;
   -moz-animation-direction: normal;
   -moz-animation-duration: 1300ms;
   -moz-animation-fill-mode: none;
   -moz-animation-iteration-count: 1;
   -moz-animation-name: animate-fade-in-right;
   -moz-animation-timing-function: linear;
   -moz-border-radius: 3px;
   -ms-animation-delay: 0ms;
   -ms-animation-direction: normal;
   -ms-animation-duration: 1300ms;
   -ms-animation-fill-mode: none;
   -ms-animation-iteration-count: 1;
   -ms-animation-name: animate-fade-in-right;
   -ms-animation-timing-function: linear;
   -webkit-animation-delay: 0ms;
   -webkit-animation-direction: normal;
   -webkit-animation-duration: 1300ms;
   -webkit-animation-fill-mode: none;
   -webkit-animation-iteration-count: 1;
   -webkit-animation-name: animate-fade-in-right;
   -webkit-animation-timing-function: linear;
   -webkit-border-radius: 3px;
   animation-delay: 0ms;
   animation-delay: 0ms;
   animation-direction: normal;
   animation-direction: normal;
   animation-duration: 1300ms;
   animation-duration: 1300ms;
   animation-fill-mode: none;
   animation-fill-mode: none;
   animation-iteration-count: 1;
   animation-iteration-count: 1;
   animation-name: animate-fade-in-right;
   animation-name: animate-fade-in-right;
   animation-timing-function: linear;
   animation-timing-function: linear;
   background-color: #FFFFFF;
   border: 1px solid #FFFFFF;
   border-radius: 3px;
   border-radius: 3px;
   color: #000000;
   font-family: "Trebuchet MS";
   font-size: 13px;
   font-style: normal;
   font-weight: bold;
   text-align: center;
   text-decoration: none;
   text-shadow: 0 1px 0 rgba(255,255,255,1.00);
   text-transform: uppercase;
}
.MAY-CENTER-NEGRO-DESACTIVADO {
   --background-color: rgba(245,222,179,1.00);
   border: 1px solid #FFFFFF;
   --border-color: #FFFFFF;
   --color: #696969;
   animation-delay: 0ms;
   animation-direction: normal;
   animation-duration: 1300ms;
   animation-fill-mode: none;
   animation-iteration-count: 1;
   animation-name: animate-fade-in-right;
   animation-timing-function: linear;
   background-color: #F5DEB3;
   border-radius: 3px;
   color: #696969;
   font-family: "Trebuchet MS";
   font-size: 13px;
   font-weight: bold;
   text-align: center;
   text-decoration: none;
   text-transform: uppercase;
}
.MAY-IZQ-ROJO-NEGRITA {
   --background-color: rgba(245,222,179,1.00);
   --border-color: #FFFFFF;
   --color: #A52A2A;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   animation-delay: 0ms;
   animation-direction: normal;
   animation-duration: 1300ms;
   animation-fill-mode: none;
   animation-iteration-count: 1;
   animation-name: animate-fade-in-right;
   animation-timing-function: linear;
   background-color: #F5DEB3;
   border: 1px solid #FFFFFF;
   border-radius: 3px;
   border-radius: 3px;
   color: #A52A2A;
   font-family: "Trebuchet MS";
   font-size: 13px;
   font-style: normal;
   font-weight: bold;
   text-align: center;
   text-decoration: none;
   text-transform: uppercase;
}