div.aside { display: none }
#graphic-container { width:100%; font-family:Georgia, "Times New Roman", Times, serif; line-height:1.4em; max-width:1230px;}
#graphic-container img { width:100%; }
#graphic-container #graphic-intro{ margin-bottom:1.125em; line-height:1.625em;}
#graphic-container .section-title {font-size:1.3em; font-family: 'Benton Sans Bold',Helvetica,Arial,sans-serif; margin-bottom:1em;padding:0.5em 0; border-bottom:1px solid #DBDBDB; border-top:1px solid #DBDBDB;}
#graphic-container .photo-source { width:100%; display:inline; float:left; text-align:right; text-transform: uppercase; color:#999; font-size:10px; margin-bottom:0.8em; letter-spacing: 0.05em;}
#graphic-container .chapter { width:100%; display:inline; float:left; margin-bottom:1em;}
#graphic-container .estirar:after{content:".";display:block;height:0;clear:both;visibility:hidden}
#graphic-container .estirar{display:inline-block}
#graphic-container .estirar{display:block}
* html .estirar{height:1px}
#graphic-container a { color:#333; }
#graphic-container a:hover { color:#900; text-decoration:none;}

#graphic-container #diagram-part { width:70%; display:inline; float:left; margin-right:2%; position:relative;}
#graphic-container #text-part { width:25%; display:inline; float:left; }

#graphic-container .ball { position:absolute; z-index:10; width:16.1% }

#graphic-container #turner { top:9%; left:44%; }
#graphic-container #rossetti { top:18%; left:19%; }
#graphic-container #merlino { top:18%; left:69%; }
#graphic-container #guarente { top:42%; left:44%; }
#graphic-container #gentile { top:42%; left:77%; }
#graphic-container #donati { top:42%; left:10%; }
#graphic-container #pappas { top:75%; left:43%; }
#graphic-container #luisi { top:65%; left:65%; }
#graphic-container #carlo { top:65%; left:19%; }

#graphic-container .ball { position:absolute; z-index:10; width:16.1% }

#graphic-container .text-head { font-family:'Benton Sans Bold',Helvetica,Arial,sans-serif; font-size:1.3em; margin-bottom:0.3em  }
#graphic-container .text-role { font-family:Helvetica,Arial,sans-serif; font-size:0.9em; color:#999; text-transform:uppercase; margin-bottom:0.3em;  }
#graphic-container .text-comment { font-family:Helvetica,Arial,sans-serif; font-size:0.9em; color:#FFF;background:#999; padding:0.5em; font-weight:bold; text-transform:uppercase; width:90%}



@media only screen and (max-width: 700px) {

#graphic-container #diagram-part { width:100%;  margin-right:0; }
#graphic-container #text-part { width:100%;  }
}