body {
    font-family: sans-serif;
    margin: 0;
    padding: 0;
}


@media screen and (min-width: 800px){
    #top-background {
	height: 70px; 
	background-repeat: repeat-x;
	background-image: url("../../media/pict/bg_header.jpg");
	/* opc-adapt-url background-image: url("../media/pict/bg_header.jpg"); */
    }

}



@media screen and (max-width: 800px){
    #top-background { background-color: #B8860B; height: 60px; }
    #top-title {height: 60px; }
    #flex-prosa .prosa { padding: 0 1em; }
}


@media screen and (min-width: 800px){
    #flex-prosa { display: flex; justify-content: center; }
    #flex-prosa > div {padding: 0.5em;}
    #flex-prosa #side-nav { width: 15em; }
    #flex-prosa .prosa { max-width: 40em; }
}




dt { font-weight: bold; padding-top: 1em; padding-bottom: 0.5em; }
li {padding-bottom: 0.5em;}


a.link-wikipedia { color: #800000; }
tt    { font-family: monospace; border: solid 1px #444; display: inline-block; background-color: #eee; padding: 0 0.25em; }
tt span  { background-color: #8B4513; color: #F5DEB3;}
a.xpe { font-family: monospace; text-decoration: none; display: inline-block; background-color: #F5DEB3; color: black; padding: 0 0.25em; }
i.xyz { color: #456292;}
span.mark { background-color: #AFEEEE; color: black; font-style: italic;}


div.width-XL { max-width: 80em; margin: 1em auto; padding: 0 2em;}
div.width-full { margin: 1em 2em; }




p.error { border: solid 1px black; border-left: solid 20px #FF0000; padding: 0.125em 0.5em;}
p.success { border: solid 1px black; border-left: solid 20px #008000; padding: 0.125em 0.5em;}
p.hint { border: solid 1px black; border-left: solid 20px #FF8C00; padding: 0.125em 0.5em;}









table.xpath { border-collapse: collapse; empty-cells: show; }
table.xpath td:first-child { background-color: #ddd; font-family: monospace;}
table.xpath td:nth-child(3) { white-space: nowrap; }
table.xpath td:nth-child(1) { white-space: nowrap; }

table.xpath th.subtitle { padding-top: 2em;} 

table.xpath th  {
    font-weight: bold; font-size: 150%;
    border-bottom: solid 1px black;
    padding-top: 0.5em;
}

table.xpath td  {
    padding: 0.25em;
    vertical-align: top;
    border-bottom: solid 1px black;
}



span.node { display: inline-block; font-family: monospace; background-color: #E0FFFF;}


ol.xpath-result li { padding: 0.5em; }

.node { margin-bottom: 0.25em;}
.node-tag  { background-color: #FAEBD7; }
.node-attr { background-color: #FFFFE0; }
.node-text { background-color: #E0FFFF; }
.node-rem  { background-color: #F8E1FF; }


a.xml-btn { display: inline-block; text-decoration: none; border: solid 1px black; background-color: #eee; color: #000; padding: 0 0.5em; height: 1.25em; width: 2em; text-align: center;}

pre.xmldata { margin-left: 11em;}
pre a { display: inline-block; border: solid 1px black; background-color: yellow; padding: 0 0.5em; margin: 0 0.25em 0 1em; }

#index { border: solid 1px #666; padding: 0.25em; position: fixed; width: 7em; text-align: center; line-height: 175%; background-color: #FFFFF0;}
#index h4 { margin: 0.25em;}
#index a { border: solid 1px black; background-color: yellow; padding: 0 0.5em; margin: 0.125em;  text-decoration: none; }