.boxOpera {
background-color: #E0F0F0;
padding: .5em;
padding-top: .7em;
border-radius: 5px;
box-shadow: 0.2em 0.3em 0.2em rgb(183, 183, 183);
}
.operaLeft {
display: block;
float: left;
width: 200px;
vertical-align: top;
padding-left: 1.5em;
}
.operaRight {
display: block;
float: right;
width: 200px;
vertical-align: top;
padding-left: 1.5em;
}
.operaCenter {
display: block;
margin: 0 200px;
text-align: center;
}
.operaTitolo {
font-family: Garamond;
border-bottom: none;
font-weight: bold;
font-size: 28px;
}
.operaTitoloOriginale {
font-size: 120%;
}
.operaTitoloOriginale span {
font-weight: bold;
}
.operaAutore {
font-family: Georgia;
border-bottom: none;
font-weight: bold;
text-align: center;
font-size: 15px;
}
.operaData {
margin: 10px 0;
font-family: Arial;
border-bottom: none;
font-weight: bold;
text-align: center;
font-size: 12px;
}
.operaParte {
margin: 0;
font-family: Arial;
border-bottom: none;
text-align: center;
font-size: 12px;
}
@media only screen and (max-width: 800px) {
.operaLeft, .operaRight {
float: initial;
width: 100%;
padding: 0;
}
.operaCenter {
width: 100%;
margin: 0;
}
}