/* apparato */
#apparato-container{
	position: fixed;
	top:100px;
	min-width: 300px;
	max-width: 560px;
	overflow-y: auto;
	height: 650px;
	padding-right: 10px;
}

p.variante {
    font-family:arial; 
    font-size:14px;
    margin-top:2px; 
    margin-bottom:2px
}
.titoloApparato {
    font-family:verdana; 
    color:#880000; 
    font-weight:bold;
    margin: 0 !important;
    padding-top: 10px !important;
    font-size: 13px
}
a:link.codex, a:visited.codex{
    color:#0000BA;                      /*#cc0000*/
    font-family:verdana;
    text-decoration:none;
}
a:hover.codex{
    color:#0000BA;
    text-decoration:underline;
}

.tooltip, p.sourceTooltip, p.archivistico, p.philo{
	font-family:"Lucida grande",arial,verdana,"sans serif";
	font-size:13px;
}
p.philo {
	padding:5px;
	margin:0;
}
p.archivistico {
	padding:5px;
	margin:0;
	color:#c60000
}
.tooltip{
	padding:5px;
	border:1px solid #759dc0;
	background-color:#ffffff;
}
p.sourceTooltip{
	padding:0;
	margin:0;
	padding-bottom:5px;
	padding-top:5px;
	color:#cc0000;
	font-weight:normal
}
p.archivistico {
	padding-top:0;
	margin-top:0;
	padding-left:5px;
	padding-right:5px;
	color:#cc0000;
}
span.lemma {
	color:#990000;
	font-size: 16px;
	font-weight: bold
}
div.lemma {
	background-color: #ffffd9
}
div.index {
	font-size: 10px
}

span.messaggioApparato {
	font-size: 16px;
	font-family: "open sans";
	font-style: italic;
	color:#1940b9
}


/* ---------- cospetto */

#divInfo {
    padding:10px;
}
p.titolo1,p.titolo2,p.source {
    font-family:"lucida grande",verdana,arial    
}

p.titolo1 {
    font-size:14px;
    padding-top:0px;
    font-style:italic;
    font-weight:bold;
}
p.titolo2 {
    font-size:13px;
    padding-top:2px;
    padding-bottom:2px;
}
p.source {
    font-size:12px;
    margin-bottom:3px;
    font-family:"lucida grande",verdana,arial
}
.sigla{
    color:#0000BA;                      /*#cc0000*/
    font-family:verdana;
    cursor:default;
}
.explication{
    color:#0000BA
}
a:link.codex, a:visited.codex{
    color:#0000BA;                      /*#cc0000*/
    font-family:verdana;
    text-decoration:none;
}
a:hover.codex{
    text-decoration:underline;
}
a:link.explication, a:visited.explication{
    color:#000000;                      
    font-family:verdana;
    text-decoration:none;
}
a:hover.explication{
    color:#0000BA;                      
    text-decoration:underline;
}

@media screen and (max-width: 760px) {
    .logoMQDQ_1, .logoMQDQ_2 {
        display: none;
    }    
    #left-col {
        margin-top: 40px
    }
    #button-permalink {
        margin-top: 6px
    }
    
}
@media screen and (max-width: 400px) {
    #divTesto p{
        font-size: 12px !important
    }
    
}

@media screen and (min-width: 760px) {
    td.super {
        font-size: 16px !important;
    }
    td.risolto {
        display: block
    }
}
@media screen and (min-width: 1024px) {
    #left-col{
        border-right:1px solid #dedede
    }
    #right-col{
        display:block;
    }
}