/*----------------------------------------------------------------------------
CSS selectors summary:

* descendant:  h1 em
    em inside h1:           h1 { color: red } em { color: red } h1 em { color: blue }

* child:    div ol > li p
     element that is a descendant of an LI; the LI element must be the child of an OL element; the OL element must be a descendant of a DIV 

* Adjacent sibling  h1 + h2
    h2 immediately following h1:    i.e. reduce the vertical space separating an H1 and an H2:
                                         h1 + h2 { margin-top: -5mm }   
* Class selectors
    .classname              applies to all elements with class = classname
    h1.classname            all h1 with class == classname
    p.marine.pastoral       P elements with both classes, marine and pastoral

* ID selectors
    #idname                 applies to all elements with id = idname
    h1#idname               all h1 with id = idname


----------------------------------------------------------------------------*/

/* W3.CSS 4.13 June 2019 by Jan Egil and Borge Refsnes */
html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}
/* Extract from normalize.css by Nicolas Gallagher and Jonathan Neal git.io/normalize */
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{display:block}summary{display:list-item}
audio,canvas,progress,video{display:inline-block}progress{vertical-align:baseline}
audio:not([controls]){display:none;height:0}[hidden],template{display:none}
a{background-color:transparent}a:active,a:hover{outline-width:0}
abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}
b,strong{font-weight:bolder}dfn{font-style:italic}mark{background:#ff0;color:#000}
small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-0.25em}sup{top:-0.5em}figure{margin:1em 40px}img{border-style:none}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}hr{box-sizing:content-box;height:0;overflow:visible}
button,input,select,textarea,optgroup{font:inherit;margin:0}optgroup{font-weight:bold}
button,input{overflow:visible}button,select{text-transform:none}
button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}
button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}
button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}
legend{color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}
[type=checkbox],[type=radio]{padding:0}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px}
[type=search]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
/* End extract */


/* html tags */
body,h1,h2,h3,h4,h5,h6 {font-family:'Ubuntu','Liberation Sans',sans-serif}
body, html {height:100%;line-height:1.8}
body{margin-left:auto;margin-right:auto;width:100%;background-color:#fff}
h1{color:#6b75c2}
h2{color:#7f8adc}
a:link, a:visited {text-decoration:none;color:#ff6000}
a:hover{color:#ff0000;text-decoration:underline}
hr{border:0;border-top:1px solid #eee;margin:20px 0}

/* Barra de navegación arriba */
.lm-top{position:fixed;width:100%;z-index:1;top:0;background-color:#505a6b;color:#fff}
.lm-top{box-shadow:0 6px 6px 0 rgba(0,0,0,0.2),0 2px 10px 0 rgba(0,0,0,0.2)}

/* contenedor para los botones de selección de idioma */
.lm-translations{padding-left:0px;margin-top:auto}
	/* botones de selección de idioma */
.lm-trt-button{padding:0px 16px;float:left;width:auto;border:none;display:block;outline:0;vertical-align:middle;text-decoration:none;text-align:center;white-space:normal;line-height:1.8;}
a.lm-trt-button:hover{color:#fc0;text-decoration:none}
a.lm-trt-button:link, a.lm-trt-button:visited{color:#fff}

	/* botones principales de navegacion */
.lm-nav-button{padding:16px;padding-top:0px;padding-bottom:0px;float:right;width:auto;border:none;display:block;outline:0;vertical-align:middle;overflow:hidden;text-decoration:none;text-align:center;white-space:normal;line-height:1.8;}
.lm-nav-button:hover{color:#fc0;text-decoration:none}
a.lm-nav-button:link, a.lm-nav-button:visited{color:#fff}


/* Popup menu */
	/* the layer covering all screen */
.lm-overlay{position:fixed;top:0;bottom:0;left:0;right:0;background:rgba(0, 0, 0, 0.7);transition:opacity 100ms;visibility:hidden;opacity:0}
.lm-overlay:target{visibility:visible;opacity:1}
	/* the rectangle with the content */
.lm-popup{margin:70px auto;padding:20px;background:#fff;border-radius:5px;width:70%;max-width:400px;position:relative;float:right}
	/* the close (x) button */
.lm-popup-close{position:absolute;top:0px;right:20px;font-size:30px;font-weight:bold;text-decoration:none;color:#333}
a.lm-popup-close{color:#333}
	/* el contenedor para los items del popup menu */
.lm-popup-items{display:flex;flex-flow:column;overflow:auto;color:#000}
	/* cada item del popup menu */
.lm-popup-btn {padding:16px;padding-top:8px;padding-bottom:0px;float:right;width:auto;border:none;display:block;outline:0;vertical-align:middle;overflow:hidden;text-decoration:none;text-align:left;white-space:normal;line-height:1.8;}
a.lm-popup-btn{color:#333}


/* empty block for spacing after banner */
.lm-top-padding{padding-top:48px}

/* block container for home page */
.lm-home-container{color: #333;width:100%;position:relative}

/* block container for normal pages */
.lm-container{color: #333;max-width: 40em;padding:0.01em 16px}
.lm-container:after,.lm-container:before{content:"";display:table;clear:both}

/* block container for page navigation links */
.lm-pagenav-block{color: #333;max-width: 40em;padding:0.01em 16px;margin-left: auto; margin-right: auto;}
.lm-pagenav-block:after,.lm-pagenav-block:before{content:"";display:table;clear:both}
#lm-active{}

/* footer container */
.lm-footer{padding-top:15px; background-color:#505a6b; display:flex; flex-flow:column;text-align:center!important}
.lm-footer-navbar{align-self:center;display:flex;flex-flow:row wrap}
	/* botones de navegacion en footer */
.lm-footer-navbtn {display:float;padding:8px 1em;margin:8px;background-color: #505a6b;color:#fff;cursor: pointer;border-radius: 8px;text-decoration:none;white-space:nowrap;line-height:1.8;flex:auto;justify-content:space-evenly}
.lm-footer-navbtn:hover {background-color: #e07000;color: #000}
a.lm-footer-navbtn:hover{color: #fc0;text-decoration:none}
a.lm-footer-navbtn:link, a.lm-nav-button:visited{color:#fff}
.lm-copyrighs{font-size:small;line-height:1.5;padding:5px;padding-top:0px;margin-left:auto;margin-right:auto;color:#fff;border-top:1px solid #777}

/* Download and other buttons */
.lm-download-btn{background-color:#ff6000;border:none;color:white;padding:12px 30px;cursor:pointer;font-size:20px;border-radius:16px;font-weight:bold}
.lm-read-more-bt {background-color:#ff6000;border:none;color:white;padding:6px 16px;cursor:pointer;font-size:1em;border-radius:8px;font-weight:bold;margin:0px 1em}
	/* Darker background on mouse-over */
.lm-download-btn:hover,.lm-read-more-bt:hover {background-color:#ff0000} 

/* bloque wxMidi */
.lm-wxmidi-block{margin:5px;padding:1em;min-height:260px;background:linear-gradient(rgba(0,0,0,0.3),rgba(0,0,0,0.3)),url('/mws/content/lenmus/paginas/images/midi4.jpg'); background-size:cover}

/* bloque Lomse */
.lm-lomse-block{margin:5px;padding:1em;min-height:260px;background:linear-gradient(rgba(0, 0, 0, 0.3),rgba(0, 0, 0, 0.3)),url('/mws/content/lenmus/paginas/images/score.jpg'); background-size:cover}

/* last page update <p> */
.lm-last-update{padding-left:32px}

/* page navigation */
.lm-pagenav-block {margin:0 auto;width:100%;padding-top:20px}
.lm-pagenav-block ul {float:left;width:100%;padding:0;margin:0;border:none;list-style:none}
.lm-pagenav-btn li {float:left;border:none;color:white;padding:0px;cursor:pointer}
.lm-pagenav-btn a {display:block;float:left;padding:0px 15px;color:#174276;text-decoration:none;border:1px solid #cce1ff; background-color:#fff;border-radius:8px;margin:2px}
.lm-pagenav-btn #active a {color:#174276;background-color:#e0edff;border:1px solid #e0edff}
.lm-pagenav-btn a:hover {color:#fff;border:none;background-color:#5198ff;border:1px solid #5198ff}

/* console output */
	/* for Unit Test page */
pre.console-black {margin-bottom:4em;background:#000;border:3px double #ccc;color:#ccc;display:block;padding:5px;padding-bottom:20px;width:100%;
font-family:monospace;font-size:0.8em;line-height:1.2em}
	/* for installation commands */
pre.command {font-family:monospace;margin-left:0;margin-right:0;margin-bottom:1em;padding: 10px;color:#000;border:1px solid #e0e0e4; background:#f4f4f8;line-height:1.2em}

/* Download OS selection */
#os {list-style-type:none;font-size:200%}
#os li {float:left;list-style-type:none;margin-right:2em;margin-bottom:1ex;text-align:center}
#os img {border:solid 1px transparent;border-radius:5pt;display:block;margin-left:auto;margin-right:auto;width:120px;height:120px}
#os img:hover {border:solid 1px red}
#os li a {text-decoration: none;border:none}
#os li a:hover {color:red}


/* media queries */
@media (max-width: 590px) {
.lm-hide-small-width{display:none!important}
}
@media (min-width: 590px) {
.lm-hide-small-width{}
}
@media (orientation:portrait) {
.lm-portrait{flex-flow:column}
}
@media (orientation:landscape) {
.lm-portrait{flex-flow:row}
}
@media (((orientation:portrait) and (max-width: 700px)) or ((orientation:landscape) and (max-height: 700px)))
{
.lm-trt-button{font-size:smaller}
.lm-container{font-size:11pt}
.lm-copyrighs{width:100%}
}
@media (((orientation:portrait) and (min-width: 700px)) or ((orientation:landscape) and (min-height: 700px)))
{
.lm-copyrighs{width:60%}
}



/* Taken from w3.css:  https://www.w3schools.com/w3css/4/w3.css */
.lm-auto{margin-left:auto;margin-right:auto}
.lm-row-padding{padding:0 8px}
.lm-row-padding:after,.lm-row-padding:before{content:"";display:table;clear:both}
.lm-half,.lm-third,.lm-twothird,.lm-threequarter,.lm-quarter{float:left;width:100%}
.lm-large{font-size:18px!important}
.lm-jumbo{font-size:64px!important}
.lm-center{text-align:center!important}
/* media queries */
@media (min-width:601px){	/* When width > 601px all blocks go in row */
.lm-quarter{width:24.99999%}
.lm-third{width:33.33333%}
.lm-half{width:49.99999%}
.lm-twothird{width:66.66666%}
.lm-threequarter{width:74.99999%}
}
@media (max-width:992px){	/* reduce width */
.lm-auto{max-width:100%}
}
@media (max-width:1205px){
.lm-auto{max-width:95%}
}