/* genèric */
body {font-family: Tahoma; sans-serif}
div.mg {width: 750px; margin: 0px auto}

/* títols */
h1 {text-align: center; color: #008000; font-size: 22px; text-decoration: underline}
h2 {color: #0000ff; font-size: 18px}
h3 { font-size: 16px; text-decoration: underline }
blockquote p {text-decoration: underline}

/* text */
p, li, td, a {font-size: 16px}
p {text-align: justify}
li {text-align: justify} 

/* hipervincles generals */
a:link {color: #0000ff} 
a:visited {color: #0000ff} 
a:active {color: #008000} 
a:hover {color: #008000} 

/* hipervincles de remissió a l'índex */
p.d {text-align: right; margin-right: 40px}

/* taula de l'índex */
table.i { width: 100% }
td.i { width: 50%; padding-left: 25px; vertical-align: top; border: none }
a.i { text-decoration: none }

/* taules de quadres sinòptics */
table.q {margin-left: 75px; border: thin solid #ff00ff; border-collapse: collapse}
td.q {border: thin solid #ff00ff; padding-left: 15px; padding-right: 12px; vertical-align: top}

/* requadre dels exemples */
div.e {border: solid thin blue; background-color: #ddddff; padding-left: 15px; padding-right: 15px}

/* estructura dels exemples */
li.p0 {list-style-type: none; color: #008000}
li.p1 {list-style-type: none; color: #008000; margin-left: 3%} 
li.p2 {list-style-type: none; color: #008000; margin-left: 6%} 
li.p3 {list-style-type: none; color: #008000; margin-left: 9%} 
li.p4 {list-style-type: none; color: #008000; margin-left: 12%} 
li.p5 {list-style-type: none; color: #008000; margin-left: 15%} 
span {color: red} /* comentaris */
p.te {margin-left: 100px; text-decoration: underline; color: red; font-style: italic}
img {margin: 15px}

/* taules dels exemples */

table.e { border: blue solid thin; border-collapse: collapse }
td.e { border: blue dotted thin; padding-left: 10px; padding-right: 10px; vertical-align: top }
caption.e { background-color: blue; color: white; font-weight: bold }
th.e { border: blue dotted thin; background-color: rgb(255,255,200); blue; font-weight: bold }