html { box-sizing: border-box; }
*, *:before, *:after { box-sizing: inherit }
body { font-family: verdana; margin-top: 0 }
html,body{margin:0;padding:0}
caption { font-weight: bold; }
hr { background-color: red; height: 1px; border: 0; margin:0 }
input, select, textarea, button { font-family:inherit }
table { border-collapse: collapse; }
th { color: white; background-color:green }
tr { border-bottom: thin solid gray; }
tr.trdet { border: 0; }
td.trdet1 { text-align: right;}
td.trdet2 { text-align: left; }

div#divbuscador { width:auto }
#seltema { width:20vw }

ul ul,li.mn:hover ul ul { display:none }
ul,li { position: relative; right:0 }

ul { background:white; cursor:pointer; list-style:none; margin:0; padding:0 }

.alignright { text-align:right }
.aligncenter { text-align:center }
.ccc { margin: 0 1px; table-layout: fixed; width: 99% }
.tip1,.tip2 { position:relative; width:1em }
.tip3 { position:relative }
.tip1 .tiptext { background-color: green; border-radius:6px; border-style: solid; color: white; border-width: thin; height:8em; padding: 6px 8px; position: absolute; right:0.9em; top:-0.5em; visibility: hidden; width: 50em }
.tip2 .tiptext { background-color: green; border-radius:6px; border-style: solid; color: white; border-width: thin; height:auto; padding: 0.5em; position: absolute; right:0.9em; top:-1em; visibility: hidden; width: 40em }
.tip3 .tiptext { background-color: green; border-radius:6px; border-style: solid; color: white; border-width: thin; height:auto; padding: 0.5em; position: absolute; right:0.9em; top:-1em; visibility: hidden; width: 40em }
.tip1:hover .tiptext { visibility: visible }
.tip2:hover .tiptext { visibility: visible }
.tip3:hover .tiptext { visibility: visible }
.h7w2 { height:7vh; width:2vw }
.flex-center { display: flex; justify-content: center; flex-direction: column }
.question { font-weight: bold; }
.vote { margin-top: 4px; padding: 0 0 0 0; }
.vote p { margin-top: 6px; margin-bottom: 6px; }
.errorMessage { font-family: Arial, sans-serif; font-weight: bold; color: red; }
.pollBar { height: 15px; background: red; border: 1px solid black; }
.modal { display: none; position: fixed; z-index: 1; left: 0; top: 0; width: 30em; height: 20em; }
.modal-content { animation-name: zoom; animation-duration: 0.6s; }
.myLabel { padding: 1px 1px; margin: 1px; display: inline-block; }
.w3-quarter {float:left; width:100% }

a.adm { text-decoration: none }
article { counter-reset: footnotes; }
div.scrol { height: 17vh; margin: 0; padding: 0 }
div.scrollable { height: 17vh; width: 100%; margin: 0; padding: 0; overflow-y: auto; overflow-x: hidden; text-overflow: ellipsis; white-space: nowrap }
div.scrollable2 { width: 100%; margin: 0; padding: 0; overflow-y: auto; overflow-x: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative; top: 50%; transform: translateY(-50%); z-index: -2 }

footer.mus { margin-top: 50px; border-top: 1px solid silver; font-size: 0.8em; }
footer.mus ol { padding-left: 20px; }
footer.mus :target { background: yellow; }
footer.main { background-color:green; bottom:1px; color:white; margin: 0 1px; width:99%; position:fixed; text-align:center }
hr.hr { margin-bottom: 1em; margin-top: 1em; }
label.myLabel input[type='file'] { position:absolute; top: -1000px; }
label.lab { width: 9em; display:inline-block; text-align: right }
li.mn { background:green; border:1px solid gray; border-radius:1px; color:white; display:block; margin: 0 0vw 0 0; padding:1em 0; text-align: center; width:28vw }
li.mn1 { margin: 0 }
li.mn:hover ul, li.mn:hover li.mn:hover ul, nav:hover ul#ham { color:black; display:block }
li.mn:hover { background: darkgreen }
div#notfound { font:x-large bold; color:green; margin:50px 20%; text-align:center }
div#noseencontro { background:green; border:1px solid gray; border-radius:4px; color:white; display:inline-block; font-family: verdana; padding:1em }
div#paginador { margin-right: 3vw; padding-top:0.75em; font-size: 1vw}
div#divuploader { padding-top:0.75em }
form#formenc, form#formpag { display: inline }
form#formmng { font-size: 2vh }
form#formencargo { margin-left:20%; text-align: center; width: 65% }
form#form_uploader { font-size: 1vw }
img#x { height:1.5em; width:1.5em; padding-top: 0.2em}
input#go { color: green; background: 0 }
input#linea_txt { width: 2em}
section { background:white; border-radius:6px; border:solid; box-sizing: border-box; color: black; position: fixed; text-align: center; visibility: hidden; }
section#detalle { background:white; position: fixed; text-align: center; visibility: hidden; }
section#detalle { left: 50%; padding: 0 2em 2em 0; max-height: 90%; min-height: 20%; overflow:auto; top: 50%; transform: translate(-50%, -50%) }
section#main { background:white; border: 0 solid; position: fixed; text-align: left; visibility: visible; overflow:auto; }
section#encuentra { all: initial; font-family: verdana; visibility: visible }
section#blackboard { left: 50%; padding-bottom: 1em; max-height: 90%; overflow:auto; top: 50%; transform: translate(-50%, -50%) }
section#sectionmng_bk { background-color: white; border: thin solid; bottom:1em; height:15em; left: 0; margin: 0.3em 0.3em; padding: 0.5em 0.5em; right: 0; text-align: left}
section#sectiongetgoog { left: 50%; top: 50%; overflow:auto; transform: translate(-50%, -50%); width:97% }
section#sectiongetoclc { left: 50%; top: 50%; transform: translate(-50%, -50%); width:97% }
table.goog { border-collapse: collapse; margin:2em auto; width:95% }
table.goog td { border: 1px solid black; }
textarea#title { height:2em; width: 97% }
ul#ham  { display:none; position:absolute; right:0 }
ul#ham:hover li:hover  { z-index: 8}

ul.ul1 { position:absolute; right:15vw; top: -1em }
ul.ul3 { position:absolute; right:15vw; top: -15em }
fieldset.pollul#ul1, ul#ul3 { position:absolute; right:10vw; top: 3em }
  legend.poll { color: white; background: green; border: 1px outset gray; padding: 2px 2px 0 2px; font-weight: bold }
button#fade { margin: 1em 0 }

#pollBar1 { background: red; }
#hammenu { position: fixed; top:0; right:0 }
#inputpoll { color: black; background: blue; border: 2px outset gray }
#imgbk:hover {opacity: 0.7;}
.mensaje { background: white; border: thick green solid; color:black; padding: 10px; position: fixed; left: 10%; text-align: center; top: 20%; width: 70% }

@keyframes zoom {
  from { transform:scale(0) }
  to { transform:scale(1) }
}

[aria-describedby="footnote-label"] { counter-increment: footnotes; text-decoration: none; }
[aria-describedby="footnote-label"]::after { content: '[' counter(footnotes) ']'; vertical-align: super; text-decoration: underline; }
[aria-describedby="footnote-label"]:focus::after { outline: thin dotted; outline-offset: 2px; }
[aria-label="Atrás"] { font-size: 0.8em; }

@media all and (min-width: 1001px) { .mobile { display: block } .desktop { display: none } }
@media all and (max-width: 1000px) { .mobile { display: none } .desktop { display: block }
}