html {font-size: 81%; text-align: center;margin:0;padding:0; background: #C50023} /*rosso*/
body {font:100.01% Arial,sans-serif; text-align: center;margin:0;padding:0;}
p{margin: 0 0 1em;line-height:1.6}
div#container{width:940px !important; width: 960px;  margin:36px 0 0 20px; background: #C8C8C8 url(Index-File/diagonal.gif.jpg) repeat-y left}
div#container2{background: #DFE2E8 url(Index-File/diagonal.gif.jpg) repeat-y right}
div#header{height: 75px; background: #fff url(Index-File/header.jpg) repeat-x bottom; color: red;}
div#wrapper{float: left; width: 100%; margin-left: -130px}
div#sidebar{float: right; width: 110px; background-color: #BFCAE6; /*azzurrino*/
    margin-right: 10px;display: inline; font-size: 80%}
div#nav{float: left;width: 110px;display: inline; background-color: #BFCAE6;
    margin:0 10px 0 140px;font-size: 80%}
div#content{margin: 0 10px 0 270px; background-image: url(Index-file/diagonal.gif);
    height:auto !important; height: 1%}
div#footer{clear: both; padding: 3px 10px; background: #7388C1} /*giallo*/

/*menu*/
ul#minitabs{list-style: none;margin: 0;padding: 7px 0;
    border-bottom: 1px solid #CCC; font-weight: bold;
    text-align: center;white-space: nowrap}
ul#minitabs li{display: inline;margin: 0 3px}
ul#minitabs a{text-decoration: none;padding: 0 0 3px;
    border-bottom: 4px solid #FFF;color: #898989}
ul#minitabs a#current{border-color: #C50023; color:#555555} 
ul#minitabs a:hover{border-color: #C50023; color: #898989} 
ul#minitabs{background: #FFFFBF url(Index-file/diagonal.gif);} 
textarea{font: 100% verdana, helvetica, sans-serif;}

/*
#C50023
#C8C8C8
#DFE2E8
serie blu
#BFCAE6	
#7388C1	
#1B4F93		

*/

*{font-family: Arial, Helvetica, sans-serif;}
td {  font-family: Arial, Helvetica, sans-serif; font-size: 12px}

.logo {						/*Selettore di classe (class selector) Classi di uso generico*/
height: 75px;
width: 110px;
margin-bottom: 20px;
/*background-color: #DFE2E8;*/
}

.atsr {
width: 100%;
padding-top: 20px;
}


.articolo {
font: 110% Verdana, Arial, Helvetica, sans-serif;
margin: 15px 15px 15px 15px;
padding-bottom: 20px;
border-bottom: 2px dotted #1B4F93; /*blu*/
background-color: white;
text-align: left;
text-indent: 20px;
}

.articolo p:{
margin: 0px; 
}
.articolo p:first-letter {
font-weight: bold;
}

.articolo p.primo-paragrafo:first-letter {
font-size: 150%;
font-style: italic;
float: left;
background: #1B4F93;
color: #FFF;
padding: 5px 5px 5px 50px;
line-height: 1em;
}

.articolo p.primo-paragrafo:first-line {
font-variant: small-caps;
}

.articolo blockquote {
width: 20%;
font: 1em/2em verdana, helvetica, sans-serif;
word-spacing: .2em;
padding: 2.5em 1em;
margin: 0 0 2em 2em;
border:1px solid #1B4F93;
float:right;
background-color: white;
color: #000000;
}

.articolo blockquote span.special-quote {
color: #1B4F93;
font: italic 2em/1em georgia, serif;
background-color: transparent;
}

.articolo div.immagine {
padding: 5px;
font: .90em verdana, helvetica, sans-serif;
margin: 0px 10px 10px 0px;
border: 1px solid #1B4F93;
float: left;
background-color: white;
color: #1B4F93;
}

.articolo div.immagine img {
border-bottom:3px solid #1B4F93;
display: block;
padding-bottom:1px;
}

h1 {
font: bold 1.20em verdana, arial, helvetica, sans-serif;
color: #1B4F93;
background-color: transparent;
margin: 20px 0 0 0;
padding-left: 50px;
}

h1 a{
color: #1B4F93;
text-decoration: none;
}

h1 a:hover {
color: #1B4F93;
text-decoration: underline;
}

.autore {
font: .90em verdana, helvetica, sans-serif;
color: #1B4F93;
padding: 5px 10px 5px 50px;
}

h2 {
font: 1.00em verdana, helvetica, sans-serif;
color: #1B4F93;
padding: 5px 10px 5px 50px;
}

.preferiti, .testopref, .testopref a,.testopref a:hover{
font: 1.10em verdana, arial, helvetica, sans-serif;
font-weight: normal;
padding: 5px 2px 5px 2px;
border-bottom: 3px solid #C8C8C8; /*grigio 200 200 200*/
border-right: 3px solid #C8C8C8;
border-left: 3px solid #FFFFFF;
border-top: 3px solid #FFFFFF;
}

.testopref{
font-weight: normal;
color: red ;
}

.testopref a {
font-weight: normal;
text-decoration: none;
color: #FFF;
background-color: #7388C1; /*azzurro*/
display: block;
}

.testopref a:hover {
font-weight: normal;
text-decoration: underline;
color: #1B4F93;
background-color: #DFE2E8;
}

form{
background-color: #DFE2E8;
color: #000000;
padding: 5px 5px 5px 5px;
border: 1px solid #4A550B;
margin: 1px 1px 1px 1px;
font-size: 100%;
text-align: left;
}

h4{
margin-top: 10px;
margin-bottom: 1px;
font: 10px Verdana, Arial, Helvetica, sans-serif;
}
 
form td{						/*Selettore discendente (descendant selector)*/
color: #000000;
padding: 5px 5px 5px 5px;
border: 1px solid #4A550B;
font-size: 10px;
text-align: left;
}

.pillola, .prossimo {
/*font-weight: bold;*/
font-size: 105%;
padding: 5px 5px 5px 5px;
text-align: left;
border-bottom: 3px solid #C8C8C8;
border-right: 3px solid #C8C8C8;
border-left: 3px solid #FFFFFF;
border-top: 3px solid #FFFFFF;
}

.pillola {
background-color: #BFCAE6;
color: red;
}
.colore {background-color: #BFCAE6;}

.prossimo {color: yellow; background-color: #7388C1;}
.prossimo a {color: red}

.barmenu {
	position: absolute;
	top: 80px;
	right: 15px;
	margin: 0;
	padding: 0;
	}

td#destra{
text-align: right;
}

.faber
{
width: 600px;
font-weight: bold;
font-size: 150%;
color: #C50023;
padding: 5px 5px 5px 5px;
text-align: center;
border-bottom: 3px solid #C8C8C8;
border-right: 3px solid #C8C8C8;
border-left: 3px solid #FFFFFF;
border-top: 3px solid #FFFFFF;
}

.faber font{
font-weight: bold;
font-size: 80%;
color: #C50023;
}