Questo e il file struttura.css
/*stili per il layout fisso con background*/
html,body{margin: 0;padding:0}
body{
font-family: Arial, Helvetica, sans-serif;
font-size: 76%;
text-align: left;}
div#container{
width: 750px;
margin: 0 auto;
border-left: 1px solid #003366;border-right: 1px solid #003366
}
div#container2{
text-align: left;
}
#buffetti {
width: 100px;
height: 20px;
top: 53px;
left: 630px;
position: relative;
font-family: Arial, Helvetica, sans-serif;
font-size: smaller;
}
#buffetti a{text-decoration: none}
#barra {
width: 350px;
height: 20px;
top: 20px;
left: 250px;
position: relative;
font-size: 14px;
font-style: normal;
letter-spacing: 4px;
font-family: "Times New Roman", Times, serif;
}
#barra a{text-decoration: none}
/*stili generici, su header e footer*/
div#header{
height: 143px;
width: 750px;
background: url(../Immagini/toppage.jpg);
background-repeat: no-repeat;
}
h1,h2{
margin: 0;
padding:0;
}
h1{padding-left:10px;font: bold 2.3em/80px arial,sans-serif}
h2{
color: #69f;
font-size: 1.5em;
background-color: #FFFFFF;
}
div#footer a{
color: Yellow;
font-weight: bold;
text-decoration: underline;
background-color: #00007C;
}
/*stili specifici per il layout*/
div#navigation{float: left;width: 160px;\width:170px;w\idth:160px;padding: 1em 0 0 10px}
div#validation{
float: left;
margin-top: 220px;
margin-left: -70px;
width: 88px;
}
.grassetto {
font-weight: bold;
}
div#content{
border-width:0 0 0 1px;
border-style:solid;
border-color:#003366;
margin:0 0 0 170px;
padding:1em 10px 1em 10px;
}
div#content_img{
width: 325px;
left: 100px;
position: relative;
}
div#footer{
clear: both;
text-align: center;
padding: 5px 0;
background-color: #00007C;
color: White;
}
/*stili per la navigazione*/
div#navigation ul{margin: 0;padding: 0; list-style-type: none}
div#navigation li{margin: 0;padding: 0}
div#navigation a{
color:#369;
font: normal bold 1.2em/1.4em arial,sans-serif;
text-decoration: none;
background-color: #FFFFFF;
}
div#navigation a:hover{
color: #033;
text-decoration: underline;
background-color: #FFFFFF;
}
div#navigation a#activelink{
color: #FF0000;
text-decoration: none;
background-color: #FFFFFF;
}
div#navigation p{font-size: 90%}
/*stili per la sezione extra*/
div#extra div.newsbox{
font-size: 90%;
margin-bottom: 4em;
text-align: center;
}
div#extra div.newsbox h2{
color: #00007F;
font-size: 1em;
text-align: center;
background-color: #FFFFFF;
}
div#extra div.newsbox a{
color: #00007F;
font-size: 1em;
text-align: center;
text-decoration: none;
background-color: #FFFFFF;
}
div#extra div.newsbox p{margin: 0}
.activelink {
color: #FF0000;
background-color: #FFFFFF;
}
/*Float*/
img.imag1 {
float : left;
border: none;
padding-right: 10px;
}
img.imag2 {
float: right;
margin: 10px;
border: none;
}
div.wide,div.split2,div.split3{clear:left}
div.wide{border-top: 1px dotted #ccc}
div.split2 div{float: left; width: 40%;
border-top: 1px dotted #ccc}
div.split3 div{float: left; width: 25%;;
border-top: 1px dotted #ccc}
