li :hover {
    color: black;
    
}

* {
    font-family: Arial, Verdana, sans-serif;
    color: #665544;
    text-align: center;}
body {
    width: 90%;
    margin: 0 auto;
    /*background-image: url("images/bg.jpg");*/
}
#content {
    overflow: auto;}
#nav, .home, .registro, #footer {
    margin: 1%;}
.logo{
    display: inline;
    text-align: left
}
.column1, .column2, .column3 {
    width: 31.3%;
    float: left;
    margin: 1%;}
.column3 {
    margin-right: 0%;}
li {
    display: inline;
    padding: 0.5em;}
#nav, #footer, .home, .registro {
    background-color: #efefef;
    padding: 0.5em 0;}

.home {
    height: 30em;
    margin-bottom: 1em;
    background-color: #efefef;
}

.registro{
    height: 43em;
}
.porsi {
    height: 30em;
    margin-bottom: 1em;
    background-color: #efefef;
    margin: 1%;
}
.article {
    height: 10em;
    margin-bottom: 1em;
    background-color: #efefef;}