@charset "utf-8";
body  {
	font: 12px Arial, Helvetica, sans-serif;
	/*background: #666666;*/
	background-color:#3a7293;
	background-image:url(images/sfondo.jpg);
	
	background-repeat:repeat-x;
	margin: 0; /* è buona norma impostare a zero i valori margin e padding dell'elemento body per tenere conto delle diverse impostazioni predefinite dei browser*/
	padding: 0;
	text-align: center; /* centra il contenitore nei browser IE 5*. Il testo viene quindi impostato con l'allineamento predefinito a sinistra nel selettore #container */
	color: #000000;
}

html body {height: 100%;}


.thrColFix #container { 
	width: 780px;  /* utilizzando 20 px in meno rispetto alla dimensione piena di 800 px, si lascia spazio per gli elementi grafici e strutturali del browser e si evita che venga visualizzata una barra di scorrimento orizzontale */
	background:#204061 ;
	margin: 40px auto 0 auto; /* i margini auto (insieme a una larghezza) centrano la pagina */
	border: 6px solid #FFFFFF;
	text-align: left; /* sostituisce l'impostazione text-align: center nell'elemento body. */
	min-height:500px;
} 
.thrColFix #sidebar1 {
	float: left; 
	width: 180px; 
	min-height:500px;
	background-image:url(images/sfondo_sinistro.jpg);	
	
	background-repeat:repeat-y;
	color:#FFF;
	text-align:center;
	padding:0px;
	
		
}

.thrColFix #sidebar1 img {
margin-top: 20px;
}

.thrColFix #sidebar2 {
	float: left; /* poiché questo elemento è mobile, occorre specificare una larghezza */
	width: 200px; /* la larghezza effettiva di questo div, nei browser conformi agli standard, o la modaltià standard di Internet Explorer includerà i valori padding e border in aggiunta alla larghezza */
	min-height:500px;
	background: #204061; 	
	color:#FFF;
	padding:0px;
}

.thrColFix #sidebar2 h3{
	margin:10px;
	font-size:16px;
	text-align:right;}

.thrColFix #sidebar2 h4{
	margin:10px;font-size:14px;
	text-align:right;color:#9FC}

.thrColFix #sidebar2 li{
display: block;
margin:0px auto 1px auto;
width: 200px;
height: 35px;
text-decoration: none;
color: #ffffff;
font-family: Arial,Helvetica,sans-serif;
font-size: 11px;
font-weight: bold;
line-height: 35px;
background-image: url(images/pulsante.png);
background-repeat: no-repeat;
text-align:left;
}

.thrColFix #sidebar2 li a{
color:#FFF;
text-decoration:none;
margin-left:10px;
width:100%;
display:block;
}

.thrColFix #sidebar2 ul{
	margin:20px 0 0 0;
	padding:0px;
}

.thrColFix #mainContent {
	margin: 0 0 0 380px;
	background-color:#FFF;
	text-align:justify;
	height: 500px;
	padding:0px;
	line-height:1.1;
}


.thrColFix #mainContent a{
	color:#06C;
	text-decoration:none
}

.thrColFix #mainContent a:hover{
	color:#06C;
	text-decoration:underline
}


.fltrt { /* questa classe può essere utilizzata per rendere mobile un elemento a destra nella pagina. L'elemento reso mobile deve precedere l'elemento al quale deve essere affiancato sulla pagina. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* questa classe può essere utilizzata per rendere mobile un elemento a sinistra nella pagina.*/
	float: left;
	margin-right: 8px;
}
.clearfloat { /* questa classe deve essere inserita in un elemento div o break e deve essere l'elemento finale prima della chiusura di un contenitore che deve contenere per intero un elemento mobile */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

#scorrevole{
	margin:0 20px 0 20px;
	/*overflow:auto;
height:350px;*/
font-size:14px;
	text-align: left;
}

h1{
	color:#3a7293;
	font-weight:normal;
	font-size:18px;
	margin:0 20px 20px 20px;
}

h2{
	color:#3a7293;
	font-size:16px;
	margin:0 20px 20px 20px;
	font-weight:normal;
}
#footer{clear:both;
color:#FFF;
font-size:10px;
margin-top:11px;

}

#footer a{
color:#FFF;
font-size:10px;
text-decoration:none;
}

#footer a:hover{
color:#FFF;
font-size:10px;
text-decoration:underline;
}


#marchi{
text-align:center;	
}
#marchi img{
	border:none;
	margin-bottom:2px;
}
 a img{border:none}

.destra{
text-align:right;
}

input, textarea{margin-bottom:10px;
border:1px solid #CCC;
}

.senza_bordo{border:none}
	
.errore{color:#F00;
font-weight:bold;}

.immagine_sinistra{float:left}
.testo_destra{margin-left:230px;}
.sotto{clear:both;height:20px;}
.centrata{text-align:center}

.portfolio{height:190px;}
.portfolio div{
margin-left:220px;

}
.portfolio img{
float:left;	
}
.lightbox{}