*{margin:0px; padding:0px;box-sizing:content-box;}
@font-face{font-family:Indie;src:url(IndieFlower.ttf)}
h1{text-align:center;color:#325950;font-family:Indie;font-size:4em;text-decoration:underline}
.adver{height:auto;background:orange;padding:2px 7px;padding-bottom:3px;margin-right:5px;color:white;box-sizing:border-box}
.alerta p,.alerta2 p{font-size:1.0em;padding-right:5px}
.alerta:after, .alerta:before,.alerta2:after, .alerta2:before { content: "";position: absolute;bottom: 100%;z-index:2;}
.alerta:after,.alerta2:after{left: 116px;border-bottom: 10px solid white;border-left: 10px solid transparent;border-right: 10px solid transparent;}
.alerta:before,.alerta2:before{left: 115px;border-bottom: 11px solid black;border-left: 11px solid transparent;border-right: 11px solid transparent;}
.alerta{height:22px;min-width:230px;background:white;border:1px solid grey;border-top:1px solid grey;margin-top:53px;display:flex;flex-flow:row;justify-content:space-between;align-items:center;position:absolute;z-index:3}
.alerta2{height:22px;min-width:230px;background:white;border:1px solid grey;border-top:1px solid grey;margin-top:33px;display:flex;flex-flow:row;justify-content:space-between;align-items:center;position:absolute;z-index:3}
.bb1{border-bottom:1px solid black}
.bckgrept{height:100px;width:100%;background:#375F1B;}
.bckgrep{height:100px;width:100%;background:linear-gradient(to top,#1B3409, #66B032, #9BD770);}
.bckgre{height:97px;width:100%;background:linear-gradient(to top, green, yellow);}
.bcklblcp{height:100px;width:100%;background:linear-gradient(to top, blue, #3f888f);}
.bcklblc{height:15px;width:100%;background:blue;}
.bcklbl{height:15px;width:100%;background:linear-gradient(to top, blue, #3f888f);}
.bckora{height:75px;width:100%;background:linear-gradient(to top, orange, red);}
.bckredfp{height:100px;width:100%;background:linear-gradient(to top,yellow, #620000);}
.bckredf{height:15px;width:100%;background:#620000;}
.bckred{height:75px;width:100%;background:linear-gradient(to top, red, #620000);}
.bcktur{height:23px;width:100%;background:linear-gradient(to top, #3f888f, green);}
.bckyel{height:75px;width:100%;background:linear-gradient(to top, yellow, orange);}
.bcklblm{height:14px;width:100%;background:blue;}
.bckturm{height:92px;width:100%;background:blue;}
.bckyelm{height:92px;width:100%;background:green;}
.bckredm{height:92px;width:100%;background:red;}
.bcp{height:100px;width:100%;}
.btn{height:30px;padding:5px 10px;background:#39665b;color:#dbebe7;border-radius:10px;cursor:pointer;cursor:hand;box-sizing:border-box}
.conte1{height:270px;width:270px;background:#5DA493;border-radius:50%;display:flex;flex-flow:column;justify-content:center;align-items:center;opacity:1}
.contem{height:300px;width:300px;background:#5DA493;border-radius:50%;display:flex;flex-flow:column;justify-content:center;align-items:center;opacity:1}
.conteaad{height:100px;width:100%;background:transparent;display:flex;flex-flow:column;justify-content:center;align-items:center;position:relative;}
.conteaadm{height:55px;width:100%;background:transparent;display:flex;flex-flow:column;justify-content:center;align-items:center;position:relative;}
.conte{height:100%;width:100%;display:flex;flex-flow:column;justify-content:center;align-items:center;margin-top:30px}
.digmetp{height:100px;width:100%;font-size:.8em;}
.envmetgrp{height:100%;width:3%;}
.envmetgr{height:100%;width:3%;opacity:0}
.envmetp{height:100%;width:5%;}
.envmettx{height:100%;width:92%;}
.envmet{height:100%;width:5%;opacity:0}
.flecp{width:100%;height:100px;}
.flec{width:100%;height:40px;bottom:0px;position:absolute;font-weight:bold;opacity:0;font-family:Indie;font-size:1.1em}
.input{width:25%;border:none;border-bottom:1px solid white;background:#5DA493;padding:5px;outline:none;font-size:1.2em;text-align:center;color:white}
.menmet{height:100%;width:90%;position:relative;}
.mt4m{margin-top:-4px}
.mt75{margin-top:75px}
.mt8m{margin-top:-8px}
.nuevo p{font-size:1.2em;padding:10px;background:#ffa500;border-radius:10px;color:white}
.nuevo{width:100%;height:auto;padding-top:50px;cursor:pointer}
.parmet{height:58px;width:100%;}
.presflp{font-family:Indie;font-size:1.3em;color:white;padding:0 2em}
.pres{font-size:1.2em;padding-top:20px;color:white}
.procesoa{animation:procesoac 1s 0s linear forwards;}
.procesob{animation:procesoab 1s 0s linear forwards;}
.resul{height:auto;background:#5DA493;padding:2px 7px;padding-bottom:3px;margin-right:5px;color:white;box-sizing:border-box;margin:25px 0;font-size:1.5em}
.rwbfsb{display:flex;flex-flow:row wrap;justify-content:flex-start;align-items:baseline;}
.rwcc{display:flex;flex-flow:row wrap;justify-content:center;align-items:center;}
.rwfec{display:flex;flex-flow:row wrap;justify-content:flex-end;align-items:center;}
.rwfsc{display:flex;flex-flow:row wrap;justify-content:flex-start;align-items:center;}
.rwsac{width:50%;display:flex;flex-flow:row wrap;justify-content:space-around;align-items:center;}
.sene{color:#ffff4e}
.sen{width:40px;height:40px;font-size:2em;transform:rotate(-90deg);margin-bottom:-20px;}
.tar{text-align:right;margin-left:-5px}
.trp{opacity:0}
@keyframes procesoac{
from {
	opacity:1;
  }
  to {
	opacity:0;
 }
}
@keyframes procesoab{
0% {opacity:0;bottom:0px;}
50% {opacity:1;}
100% {	opacity:1;
bottom:var(--my-var);}
}
.off{display:none}