<style type="text/css">
/***********************************************************************
* Elementi generali
**********************************************************************/
body {
background-color: #333;
color: #FFF;
font-family: Comic Sans MS, Serif;
font-size: 20px;
margin-top: 120px; /* Deve essere maggiore o uguale al margine inferiore di .intestazione */
}
/* Aggiunto a scopo decorativo */
form {
max-width: 1280px;
margin: auto;
padding: 0.25em;
border: 2px double #CCC;
}
label {
display: block;
margin: 0.5em 0;
}
/***********************************************************************
* Classi
**********************************************************************/
/* Un elemento di questa classe è centrato orizzontalmente all'interno del
* blocco a cui appartiene. */
.centering {
display: block;
margin: auto;
}
/* Un elemtno di questa classe è allineato a sinsitra */
.float_left {
display: block;
float: left;
}
.intestazione {
width: 100%;
height: 100px;
position: fixed;
top: 0px;
left: 0px;
font-family: Comic Sans MS, Serif;
text-align: center;
border-bottom: 2px inset #CCC;
}
#header {
width: 980px;
margin: 0auto;
}
#col1, #col2 {
width: auto;
height: auto;
float: left;
margin: 0;
padding: 30px 30px 0 30px;
/*border: 0;*/
}
#col1 {
padding: 30px 30px 0 0;
width: 265px;
}
.clear {
clear: both;
}
#cont1, #cont2, #cont3 {
float: left;
width: 265px;
height: 1000px;
margin: 0;
padding: 30px 30px 0 30px;
}
#cont1, #cont2 {
border-right: #ffffff 2px solid;
}
hr {
margin: 0;
padding: 0;
}
</style>