html {
height: 101%;
text-align: center;
}

body, td {
margin: 0px auto;
padding: 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 80%;
color: #666666;
}

h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 130%;
margin-top: 0px;
margin-bottom: 0px;
color:#666666;
}

h2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 160%;
margin-top: -3px;
margin-bottom: 0px;
color:#666666;
}

h3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 120%;
margin-top: 0px;
color: #666666;
}
h3.blue {
color: #006dba;
margin-bottom: -12px;
}

img {
border: 0px;
}

a {
color: #006dba;
text-decoration: underline;
}

a:hover, a:active {
color: #CC6600;
text-decoration: underline;
}

#top {
display: block;
width: 750px;
}

#pulsanti a {
position: relative;
vertical-align: bottom;
bottom: 5px;
padding: 5px 10px 5px 10px;
border-right: 1px dashed #CCCCCC;
}

#pulsanti a:hover, #pulsanti a:active {
color: #cc5705;
text-decoration: underline;
background-color: #f6f6f6;
border-top: 1px solid #e1e1e1;
}

#pulsanti .selezione {
position: relative;
bottom: 5px;
padding: 5px 10px 5px 10px;
color: #8c8c8c;
border-right: 1px dashed #CCCCCC;
border-top: 1px solid #999999;
background-color: #f6f6f6;
}

#pulsanti .menu {
position: relative;
bottom: 5px;
padding: 5px 10px 5px 10px;
font-size: 12px;
border-right: 1px dashed #CCCCCC;
}

#logo{
float: left;
}

/* Dimensioni tabella */
#margini {
width: 760px;
padding-top: 25px;
}

/* Title */
#title {
display: block;
text-align: left;
padding-bottom: 20px;
margin-bottom: 10px;
border-bottom: 1px dashed #666666;
}

.item {
display: block;
float:none;
text-align: left;
background-color: #f2f2f2;
border-top: 1px solid #e5e5e5;
}
.item a {
display: block;
text-decoration: none;
color:#666666;
padding: 5px 15px 5px 15px;
}
.item a:hover, .item a:active {
display: block;
background-color: #cccccc;
color: #666666;
text-decoration: none;
}
.catalogo {
display: block;
float:none;
text-align: left;
}
.catalogo a {
display: block;
text-decoration: none;
color:#666666;
padding: 5px 15px 5px 15px;
}
.catalogo a:hover, .item a:active {
display: block;
background-color: #D3F2E2;
color: #666666;
text-decoration: none;
}
#testo {
min-height: 320px;
float: left;
width: 499px;
text-align: left;
padding: 0 20px 10px 0;
border-right: 1px dashed #808080;
}

#tabelladidattica {
display: block;
float: right;
text-align: left;
width: 230px;
margin: 0 0 0 10px;
}

#tabelladidattica .border {
border: #CCCCCC 1px solid;
background-color: #D3F2E2;
width: 230px;
padding: 4px;
margin-bottom: 5px;
}

#tabellainfanzia {
display: block;
float: right;
text-align: left;
width: 230px;
margin: 0 0 0 10px;
}

#tabellainfanzia .border {
border: #D09DBE 1px solid;
background-color: #FFCFED;
width: 230px;
padding: 5px;
margin-bottom: 5px;
}

#tabellalettura {
display: block;
float: right;
text-align: left;
width: 230px;
margin: 0 0 0 10px;
}

#tabellalettura .border {
border: 1px dashed #808080;
background-color: #9DC7CF;
width: 230px;
padding: 5px;
margin-bottom: 5px;
}

#tabellapubblicazioni {
display: block;
float: right;
text-align: left;
width: 200px;
margin: 0 0 0 15px;
}

#tabellapubblicazioni .border {
border: 1px dashed #808080;
background-color: #ECE2BC;
width: 200px;
padding: 7px;
margin-bottom: 7px;
}

/* Images */

.didatticaimage {
padding: 5px 5px 5px 5px;
}

.fumettiimage {
padding: 3px 3px 5px 3px;
}

.giornalinoimage {
padding: 3px 3px 5px 3px;
border: 1px dashed #808080;
}

.classiciimage {
border: 1px dashed #808080;
}

.pubblicazioniimage {
border: 1px dashed #9DC7CF;
}

#sfondopubblicazioni {
text-align: left;
padding: 3px;
background-color: #FBF5DB; 
}

/* Footer */

#footer_container {
display: block;
width: 760px;
padding: 20px 0 20px 0;
clear: both;
}

#footer_container .footer {
padding-top: 5px;
border-top: 1px dashed #666666;
text-align: center;
color: #666666;
}