table code {color: #800000; font-size: 1.2em;}
td {background-color: #eee;}
caption {font-size: 1.6em; margin-top: 0.5em;}
.no {background-color: #ffaaaa;}
.yes {background-color: #ccffaa;}
.partial {background-color: #e7ffe7}

details, summary {
    display: block;
}
details {
	background-color: #f7f7f7;
    margin-bottom: 1.5em;
    padding: 0.25em;
}
details p {
    margin: 0.5em 0;
}
summary {
    font-size: 1.8em;
    padding: 0.25em;
}
summary h2 {margin: 0;}
.no-details summary {
    background: url("../img/plus-blue.png") no-repeat scroll 0.2em 0.6em transparent;
    padding: 0.25em 0.25em 0 1.3em;
}
.no-details .open summary {
    background-image: url("../img/minus-blue.png");
}
summary:hover, summary:focus {
    background-color: #ddd;
}
.visually-hidden {position: absolute; left: -999em;} 
.treeview {padding: 10px; }
.treeview h4 {margin-top: 5px; font-size:180%; margin-bottom:5px;}
ul.tree {margin-top: 1em; padding-left:0px; width:100%;}
.tree ul {margin-left: 0px; outline: 0 !important; }
.tree li {list-style-type: none; outline: 0; margin-bottom: 5px; }
.tree li li, .tree li li li {font-size: 1em;}
.hasChildren {position: relative;}
.tree li ul {display: none; margin-top: 5px; background:url(../img/line1.png) repeat-y;}
.tree a {color: #5C7891 !important; border:none; text-shadow: none; display:list-item; background-color:#c7cec1 !important; padding:12px; text-decoration:none; }
.tree a:hover { background-color:#f3f5f0 !important; }
#tree0 a:link, #tree0 a:active, #tree0 a:hover, #tree0 a:focus #tree a:visited {background-color: transparent; color: #5C7891;}
.tree a.focussed, .activedescendant > a {outline: 2px dotted #08b5e6; }
.tree li li a {
    background-image: url("../img/raquo-blue.png");
    background-repeat: no-repeat;
    background-position: 8px 0.5em;
    padding-left: 50px;
}
.tree .hasChildren a {background-image: none; padding-left: 50px;}
.noChildren{ position:relative; }
.noChildren a { padding-left: 50px; }
.tree li .noChildren a { background:none; padding-left: 50px;}
.toggle {background-position: left top; background-repeat: no-repeat; cursor: pointer; height: 24px; width: 24px; position: absolute; left: 15px; top: 10px;}
.iconArea {background-position: left top; background-repeat: no-repeat; cursor: pointer; height: 24px; width: 24px; position: absolute; left: 15px; top: 10px;}
.tree .expanded {background-image: url("../img/minus-blue.png");}
.tree .collapsed {background-image: url("../img/plus-blue.png"); }
.tree .expanded.hover {background-image: url("../img/minus-blue-hover.png");}
.tree .collapsed.hover {background-image: url("../img/plus-blue-hover.png");}


/*######################### ICONES #############################*/

.tree .audioIcon {background-image: url("../img/icones_novos/audio.png");}
.tree .filmeIcon {background-image: url("../img/icones_novos/filme.png");}
.tree .gameIcon {background-image: url("../img/icones_novos/game.png");}
.tree .quizzIcon {background-image: url("../img/icones_novos/quizz.png");}
.tree .textoIcon {background-image: url("../img/icones_novos/texto.png");}