html {
line-height: 1.15;
-webkit-text-size-adjust: 100%;
}
body {
margin: 0; /* Remove the margin in all browsers. */
font: normal normal 120%/140% Gentium, Cardo, serif;
}
/* box */
main {
display:block;
position:static;
width: 1000px;
height: 100%;
margin: 0px auto 30px auto;
background: rgba(255, 255, 255, 1.0);
}
article {
display:block;
position:static;
text-align:justify;
margin: 0px 390px 10px 40px;
padding: 0px 0px 20px 0px;
}
aside {
float: right;
margin-right: -380px;
width: 330px;
font: normal normal 0.77em/130% Tahoma, sans-serif;
text-align:left;
}
section {
margin: 30px 16px 30px 16px;
padding:0px 0px 0px 0px;
}
.border{
border: 2px outset rgba(190, 190, 190, 0.50);
padding: 4px 8px 4px 8px;
}
/* iframe footer */
.white{background:transparent; }
iframe { overflow:hidden;
border:none;
width:100%
}
.banner {
font: normal 700 1.1em/100% Cardo, serif;
word-spacing:5px;
letter-spacing:1px;
color:rgba(160, 160, 160, 1);
margin: 30px 0px 0px 0px;
padding: 16px 0px 0px 0px;
text-align:center;
}
footer {position:relative;
text-align:center;
font: normal 600 0.70em/1.4em Tahoma, sans-serif;
text-shadow:#000000 1px 1px 3px, #DFC573 -2px -2px 1px;
}
.footer {
height:30px;
width:100%;
margin: 8px 0px 80px 0px;
}
.footer a:link{ background-color:rgba(245, 245, 245, 0.25);
color: #000000;
padding: 5px 10px 5px 10px;
margin: 0px 4px 0px 4px;
border-radius: 0px;
text-decoration:none;
box-shadow: 0 0 3px rgba(50, 50, 0, 0.75) inset;}
.footer a:visited {color:#FF0000; text-decoration:none; }
.footer a:hover {color:#FF0000; text-decoration: none;}
/* numerazione id */
span {
position:absolute;
margin-left: -50px;
font: normal 500 0.7em/200% Tahoma, sans-serif;
color:#4E4E4E;
}
p {
margin: 16px 0px 16px 0px;
padding:0px 0px 0px 0px;
color:rgba(25, 25, 25, 1);
word-wrap:break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
}
a:link {color:#000080; text-decoration:none; font-weight:500;}
a:visited {color:#6C006C;}
a:hover {color:#FF0000;}
.c {text-align: center;}
.r {text-align: right;}
.l {text-align: left;}
b {color: rgba(140, 20, 40, 1.0);}
li {margin: 10px 0px 10px 0px; }
ul {margin: 20px 10px 30px 10px; text-align:left;}
li a:link {color:#0000FF;
text-decoration: none;
font: normal normal 0.9em/120% Tahoma, sans-serif;
}
li a:visited {color:#6C006C;}
li a:hover {color:#FF0000;}
.none {list-style-type:none; }
blockquote {margin: 16px 10px 16px 18px;
color:rgba(50, 50, 50, 1);
font: normal normal 1.0em/130% Cardo, serif;
/* border-left: 2px solid #ddd; */
padding:0px 0px 0px 10px;
word-wrap:break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
}
/* q {quotes:'\201C' '\201D'; } */
q {font-style:normal; }
q:before { content: "«"; }
q:after { content: "»"; }
strong, mark {font-weight:600;
background-color:transparent;}
abbr {color:#663300;
letter-spacing:1px;
font-weight:600;
font-size: 0.90em; }
dl {margin: 20px 0px 0px 10px; font-size:0.90em;}
dt {margin: 18px 0px 4px 0px; font-weight: 600; color:#000033;}
dd {margin: 10px 0px 10px 16px; text-align:left;}
ins{text-decoration:none;}
del{text-decoration:none; opacity:0.40;}
sub,
sup {
font-size: 75%;
font-weight:bold;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
nav a:link {float:right;
font: normal 500 22px/100% Cardo, serif;
word-spacing:3px;
color:rgba(0, 0, 0, 1.0);
text-shadow:#333333 1px 1px 2px, #DFC573 -2px -1px 1px;
margin: 16px -10px 0px 0px;
text-decoration:none;
background-color: rgba(255, 255, 255, 1.0);
padding: 10px 40px 10px 40px;
box-shadow: 0px 0px 7px rgba(50, 50, 0, 0.50) inset;
border-radius: 3px 3px 3px 3px;
}
nav a:visited {color:#000000; text-decoration:none; }
nav a:hover {color:#FF0000;}
h1, h2, h3, h4, h6 {font-family:Algerian;
text-align:center;
color: rgba(0, 0, 64, 1.0);
/* color: rgba(140, 20, 40, 1.0); */
}
h5 {font: normal 500 0.7em/1.2em Verdana, sans-serif;
text-align:right;
margin-right:30px;
}
/* hr {width:10px; height:10px; color: rgba(160, 20, 20, 1.0); } */
hr {
border : 0;
height: 1px;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}
/*table*/
table { border-collapse: collapse;
font: normal normal 0.8em/110% Tahoma, sans-serif;
margin: 20px 0px 20px 0px; }
td { text-align: right; height: 24px; padding-right: 4px;}
th { color:#ff0000; }
caption { color:#003162; margin-top: 20px; margin-bottom: 10px;}
.table {
margin: 40px 10px 40px 0px;
background-color:transparent;
}
#tv {border-bottom-style: double;
vertical-align:middle;
height: 40px;
}
.hidden{visibility:hidden; display:none;}
.opacity{ opacity: 0.0;}
.opacity:hover{ opacity: 1.0;}
time, address {display:block;
text-align: right;
font: italic 300 0.8em/130% Cardo, serif;
margin-right:50px; }
.inline {display:inline; }
details {display:inline; }
summary {display:inline-block; }
.tooltip{
position: relative;
display: inline;
color: rgba(235, 31, 37, 1.0);
}
.tooltip:after{
display: block;
visibility: hidden;
position: absolute;
bottom: 0;
left: -22px;
opacity: 0;
content:attr(data-tool); /* might also useattr(title); */
height: auto;
min-width: 300px;
padding: 20px 20px;
z-index: 999;
color: #000;
text-decoration: none;
text-align: left;
background: rgba(255,255,255, 1);
/* border-style: solid;
border-width: 1px 1px 1px 1px;
border-color: rgba(0,0,0, 0.9);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; */
font: normal normal 0.8em/140% Tahoma, sans-serif;
}
.tooltip:before {
position: absolute;
visibility: hidden;
/* border: solid;
border-color: #333 transparent;
border-width: 6px 6px 0 6px;
bottom: 20px;
content: "";
left: 50%;
z-index: 99; */
}
.tooltip:hover:after{ visibility: visible; opacity: 1; bottom: 25px; }
.tooltip:hover:before{ visibility: visible; opacity: 1; bottom: 20px; }
/* img */
.flex {max-width: 100%}
.img-responsive {
display: block;
max-width: 100%;
height: auto;
width: auto;
}
.box { display: flex; }
/* media */
@media only screen and (max-width: 768px) {
main {width:100% }
article {display:block;
position:static;
text-align:left;
margin: 0px 10px 0px 0px;
padding: 0px -10px 5px 0px;
background-color:#FFFFFF;
}
aside {display:block;
position:static;
margin: 5px 0px 5px 30px;
padding: 5px 0px 5px 30px;
font: normal normal 0.77em/1.4em Tahoma, sans-serif;
}
section {
margin: 30px 6px 30px 6px;
padding:0px 0px 0px 0px;
}
li a:link { font: normal normal 0.96em/150% Tahoma, sans-serif; }
a.tooltip:after {left:auto; }
span {display:none; }
}