/************************************
File:		2colonneSX_struttura.css
Author:	        Silvia
Date:		30/03/2010
by:		www.genioweb.com
Web site:       www.domoticaweb.it
--------------------------------------------------------
LAYOUT A DUE COLONNE CON COLONNA SINISTRA 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*/
background: url(img2.gif) #ffffff left top repeat-x;/*Colore delle schermo*/
}

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

/* Testa del sito */
#topsection{
position:relative;
height: 65px; /*Altezza della topsection*/
background: url(top1.gif) transparent left top no-repeat; /*Inserimento dell'immagine della topsection*/
}

/* Contenitore del contentwrapper e contentcolumn, della lefcolumn, della rightcolumn*/
#mainwrapper{
height: 100%;
width: 100%;
background: url(img1.gif) transparent left top repeat-y; /*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 0 0 310px; /*Inserimento del margine sinistro che è la larghezza della leftcolumn*/
padding: 0px;
background: url(content_top1.gif) transparent left top no-repeat; /*Inserimento dell'immagine nella contentcolumn*/
}

#contentcolumn .innertube{
min-height: 870px; /*Altezza minima della contentcolumn*/
background: url(content_bottom1.gif) transparent left bottom no-repeat; /*Inserimento dell'immagine nella contentcolumn*/
padding: 0 30px 120px;
margin-left: -1px;
}

/* Colonna sinistra del sito */
#leftcolumn{
float: left;
position:relative;
margin: 0 0 0 -1000px; /*Inserimento del margine sinistro che è la larghezza totale del sito al negativo*/
padding: 230px 0 0 0;
background: url(left1.gif) transparent left top no-repeat; /*Inserimento dell'immagine nella leftcolumn*/
min-height: 630px; /*Altezza minima della leftcolumn*/
width: 310px; /*Larghezza della leftcolumn*/
}

#rightcolumn{
display: none;
}

/* Piede del sito */
#footer{
clear: left;
width: 100%;
margin: 0;
padding: 0;
background: url(footer1.gif) transparent left top repeat-y; /*Inserimento dell'immagine nel footer*/
min-height: 40px; /*Altezza minima del footer*/
}

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

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

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

.mrGino a{
color: rgb(110,155,205);
}

.mrGino a:hover{
color: rgb(51,83,126);
}

#mani{
position: absolute;
left: -153px;
}