/************************************
File:		2colonne.css
Author:	        Silvia
Date:		00/00/2000
by:		www.
--------------------------------------------------------
LAYOUT A DUE COLONNE CON COLONNA SINISTRA PICCOLA
TUTTE CON DIMENSIONI FISSE
------------------------------------------------------
TWO COLUMNS FIXED LAYOUT WITH LEFT SMALL COLUMN
************************************/

/*Lo schermo del vostro pc*/
body{
margin:0;
padding:0;
font-family: verdana, arial, "sans serif"; /* Il font principale dei contenuti di tutto il sito*/
background-color: #ffffff; /*Colore delle schermo*/
}

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

/* Testa del sito */
#topsection{
position:relative;
height: 203px; /*Altezza della topsection*/
background: url(cs_top.png) transparent left bottom no-repeat; /*Inserimento dell'immagine della topsection*/
}

#topsection p{
position: absolute;
right: 50px;
top: 20px;
text-align: left;
font-size: 11px;
color: white;
line-height: 16px;
}
#topsection img{
position: absolute;
right: 30px;
top: 90px;
}
#topsection p a{
color: white;
text-decoration: none;
}

#topsection p a:hover{
text-decoration: underline;
}

/* Contenitore del contentwrapper e contentcolumn, della lefcolumn, della rightcolumn*/
#mainwrapper{
}

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

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

#rightcolumn{
width: 300px;
float: left;
position: relative;
margin: 0 0 0 -300px;
height: 520px;
}

/* Colonna centrale del sito */
#contentcolumn{
margin: 0 310px 0 0; /*Inserimento del margine sinistro che ý la larghezza della leftcolumn*/
padding: 10px 0 0;
background: url(content1.jpg) transparent left top no-repeat; /*Inserimento dell'immagine nella contentcolumn*/
height: 520px;
}

/* Colonna sinistra del sito */
#leftcolumn{
display: none;
}

/* Piede del sito */
#footer{
clear: left;
width: 100%;
margin: 0;
padding: 0;
}

/* Testo che viene inserito all'interno del Piede del sito */
#footer p{
margin: 0;
padding: 5px 0;
color: rgb(102,101,102);
font-size: 9px;
text-align: left;
}

/* Firma di Mr Gino che ý un link */
.mrGino{
float: left;
margin: 0;
padding: 0;
display: none;
}

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

.mrGino a{
color: #555555;
}

.mrGino a:hover{
color: #777777;
}