@import url('https://fonts.googleapis.com/css?family=Open+Sans');
*{margin:0; padding:0;}
.nosel {-webkit-touch-callout: none; -webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;text-align:left;}
html{height:100%;}
body {font-family: 'Open Sans', sans-serif !important; color:#181818; font-size:1em ;background-color:#fff;padding:0; font-weight:400; overflow-y:scroll; height:100%;}
img{border:0;}
a{text-decoration:none;}
strong{font-weight:600}
p{ font-size:16px; font-weight:400; line-height:24px; color:#555}
li{font-size:16px; font-weight:400;}
input['text']{font-family: 'Open Sans', sans-serif !important;}

/* animaciones por opacidad y general*/
.noview{display:none !important}
.nofloat{clear:both}
.noop{opacity:0}
.a05{-webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
.a02{-webkit-transition: all 0.2s ease; transition: all 0.2s ease;}
.a01{-webkit-transition: all 1s ease; transition: all 1s ease;}
.ctr{text-align:center;}
.shd{text-shadow: 1px 1px 2px rgba(0,0,0,0.1);}
.buttoned{background:#a70033;display:inline-block !important;padding:1em; font-size:0.9em; color:#fff; margin:2em auto 0 auto;font-weight:600; text-align:center; cursor:pointer}
.buttoned:hover{background:#181818; color:#fff}

input{width:195px; background:#ebebe8;padding:0.4em 0.8em 0.35em 0.8em; font-size:1.6em; color:#666; border:none; margin-bottom:2em; vertical-align:-5px; letter-spacing:0.1em}

.tb{display:table;width:100%; border:1px solid #e1e1e1; border-top:0px !important}
.tb>div{display:table-row;;width:100%}
.tb>div>div{display:table-cell;font-size:0.8em;  border-top:1px solid #e1e1e1;  border-left:1px solid #e1e1e1; padding:0.3em 0.2em}
.noborder{border-top:0px !important}
.tb>div:first-child>div{font-weight:800}
.tb span{color:#800}

#page{margin:40px auto; width:80%; max-width:1200px}
#header{text-align:center; margin-bottom:2em}
h1{display:none;}
h2{font-weight:400; color:#bbb; margin-bottom:1em;}

h3{font-weight:400; color:#666; margin-bottom:1em;}

h3.nofound{color:#800; text-align:center;}
p.advert{text-align:center; color:#000; font-size:0.95em; margin-top:2em}

p.advert a{text-decoration:underline; color:#800}

.dtb {display:table; width:100%}
.dtb >div{display:table-row;width:100%}
.dtb>div>div{display:table-cell; vertical-align:top; text-align:center;}
.dtb .icon{display:block; max-width:100px; margin: 0.3em auto}
.dtb a{opacity:0.8; font-size:0.8em; font-weight:600; color:#a70033;}
.dtb span{max-width:130px; display:inline-block}
.dtb a:hover{opacity:1}


#th{
    position:fixed; 
    width:100%; 
    height:100vh; 
    top:0; 
    left:0; 
    background:rgba(255,255,255,0.5); 
    text-align:center;
    display: none;
    justify-content: center;
    align-items: center;
      backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
}

#th div{
    width:30%;
    height:20%; 
    background:#fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2em;
    box-sizing: border-box;
    box-shadow:1px 1px 12px rgba(0,0,0,0.6);
    border-radius:1em;
}