/************************************
File:	   2colonneDX_struttura.css
Author:	   Silvia
Date:	   12/02/2010
by:        www.genioweb.com
Web site:  www.vitaesalute.org
--------------------------------------------------------
LAYOUT A DUE COLONNE CON COLONNA DESTRA PICCOLA
------------------------------------------------------
TWO COLUMNS LAYOUT WITH LEFT SMALL COLUMN
************************************/

/*Lo schermo del vostro pc*/
body{
margin:0;
padding:0;
font-family: arial, "sans serif"; /* Il font principale dei contenuti di tutto il sito*/
color: rgb(100,100,100);
background-color: rgb(60,90,190);
}

/* Contenitore della topsection, del contentwrapper e contentcolumn, della lefcolumn, della rightcolumn, del footer*/
#maincontainer{
width: 1024px; /* Larghezza totale del sito*/
margin: 0; /*Centra il sito sullo schermo, e margine alto del sito rispetto allo schermo*/
}

/* Testa del sito */
#topsection{
position:relative;
height: 70px; /*Altezza della topsection*/
background: url(tophome.jpg) transparent no-repeat top left;
}

/* Contenitore del contentwrapper e contentcolumn, della lefcolumn, della rightcolumn*/
#mainwrapper{
height: 100%;
width: 100%;
background-color: rgb(60,90,190); /*Inserimanto dell'immagine che si ripere e che appare quando si allunga il sito*/
}

/* Regola che serve a far allungare il mainwapper (quando si scrive molto nelle colonne laterali del sito)*/
.clrMainW{
height:0px;
clear: both;
line-height: 0px;
font-size: 0px;
width: 100%;
}

/* Contenitore del contentcolumn */
#contentwrapper{
float: left;
width: 100%;
}

/* Colonna centrale del sito */
#contentcolumn{
margin: 0 324px 0 0; /*Inserimento del margine destro che è la larghezza della rightcolumn*/
padding: 300px 0 20px 0;
background: url(conthome.jpg) transparent no-repeat top left;
min-height: 310px; /*Altezza minima della contentcolumn*/
}

/* Colonna destra del sito */
#rightcolumn{
float: left;
position:relative;
margin: 0 0 0 -324px; /*Inserimento del margine destro che è la larghezza della colonna destra al negativo*/
padding: 20px 0;
background-color: rgb(60,90,190);
min-height: 590px; /*Altezza minima della rightcolumn*/
width: 324px; /*Larghezza della rightcolumn*/
}

#leftcolumn{
display: none;
}

/* Piede del sito */
#footer{
clear: left;
width: 100%;
margin: 0;
padding: 0;
min-height: 20px; /*Altezza minima del footer*/
position:relative;
}

/* Testo che viene inserito all'interno del Piede del sito */
#footer p{
margin: 0;
padding: 5px;
color: rgb(255,255,255);
font-size: 10px;
text-align: center;
letter-spacing: 1px;
}

/* Firma di Mr Gino che è un link */
.mrGino{
float: right;
margin: 0;
padding: 0;
}

.mrGino p{
margin: 20px 7px 7px 7px;
padding: 0;
font-size: 10px;
}

.mrGino a{
color: rgb(200,200,255);
}

.mrGino a:hover{
color: rgb(255,255,255);
}