/*
***********************************************************

Author: 		alessandro zapelloni (www.kitchen-studio.net)
Created: 		November 2007
Last modified: 	////////////

***********************************************************
*/

/* ######################################################################### */
/* TITOLI, PARAGRAFI, LISTE, LINKS, CLASSI VARIE,  ETC ETC */
/* ######################################################################### */

h1 {
font-size:20px;
color:#3882C8;
font-weight:normal;
margin:0px;
padding:0px 0px 3px 0px;
line-height: 23px;
}


h2 {
font-size:16px;
color:#DE1825;
font-weight:normal;
margin:0px;
padding:8px 0px 10px 0px;
}


h3 {
font-size:13px;
color:#333333;
font-weight:normal;
margin:0px;
padding:0px 0px 5px 0px;
font-weight:bold;
}


p {
padding:0px 0px 0px 0px;
margin:0px 0px 15px 0px;
}



.rosso {
color: #DE1825;
}

.verde {
color: #008D3E;
}

.grigio {
color: #777777;
font-style: italic;
}


.nero {
color: #333333;
}

.grande {
font-size:16px;
}

.piccolo {
color: #DE1825;
font-style: italic;
font-size: 11px;
font-weight:normal;
}


ul {
list-style:none;
padding: 0px 10px 0px 0px;
margin: 0px;
}

li {
padding-left:10px;
background:url(../images/marcatore.gif) 0 3px no-repeat;
margin:0px 0px 4px 0px;
}

/*
li a {
font-size:14px;
}



ul {
list-style:none;
padding: 10px 10px 10px 0px;
margin: 0px;
}

li {
padding-left:11px;
margin-bottom: 4px;
}
*/

.ImgPad {
padding:5px;
margin:0px 0px 10px 0px;
border: #DDE2E9 2px solid;
}


a:link,
a:visited {
color: #3882C8;
text-decoration: none;
}

a:hover,
a:focus,
a:active {
color: #3882C8;
text-decoration:underline;
}

/* ######################################################################### */
/* BODY */
/* ######################################################################### */

body {
margin: 0px 0px 0px 0px;
padding: 0px;
text-align: center; /* per quella merda di IE5.x/Win */
background:#FFFFFF url(../images/sfondo.gif) top left repeat-x;
font-size: 12px;
font-family:Arial, Helvetica, sans-serif;
/*font-family:"Trebuchet MS", "Lucida Grande CY", Verdana, Arial, Helvetica;*/
color:#333333;
line-height: 17px;
font-weight:normal;

}



/* ######################################################################### */
/* centro il layout */
/* ######################################################################### */

#centrato {
width: 976px;
margin: auto;
padding: 0px;
text-align:left; /* per quella merda di IE5.x/Win */
}


/* ######################################################################### */
/* il contenitore generale del layout */
/* ######################################################################### */
#contenitore {
float:left;
width: 948px;
background: #FFFFFF url(../images/sfondo_centrato.gif) top left no-repeat;
padding:0px 14px 0px 14px;
margin:0px;
}



/* ######################################################################### */
/* TESTATA */
/* ######################################################################### */
#testata {
width: 948px;
height:226px;
background:#FFFFFF url(../images/testata.jpg) top left no-repeat;
line-height: 15px;
margin:0px;
padding:0px;
}

#testataColonna1 {
float:left;
width:240px;
height:226px;
padding:0px 0px 0px 0px;
background: trasparent;
margin:0px;
}

h1#logo{
	background:trasparent;
	margin:0;
	padding:0;
	position:relative;
	left:53px;
	top:21px;
	width:130px;
	height:100px;
	text-indent:-8000px;
	overflow:hidden;
	z-index:10;
	border:0px;
}
h1#logo a {
	display:block;
	height:105px;
	padding:0px;
	margin:0px;
	border:0px;
}



h1#logo a:hover,
h1#logo a:focus,
h1#logo a:active {
background:trasparent;
display:block;
height:105px;
text-decoration:none;
padding:0px;
margin:0px;
border:0px;
}


#testataColonna2 {
float:left;
width:520px;
height:165px;
text-align:right;
padding:40px 30px 0px 0px;
background: trasparent;
margin:0px;
}


#testataColonna2 h1 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size:15px;
color:#CC0000;
font-weight:normal;
margin:0px;
padding:0px 0px 5px 0px;
line-height: 19px;
text-transform:none;
}

#testataColonna2 p {
font-family: Georgia, "Times New Roman", Times, serif;
font-size:12px;
color:#666666;
font-weight:normal;
margin:0px;
padding:0px 0px 15px 0px;
}



/* ######################################################################### */
/* IL CORPO DEI CONTENUTI */
/* ######################################################################### */


#corpo {
float:left;
width: 948px;
padding:0px 0px 0px 0px;
margin:0px;
background:#FFFFFF url(../images/sfondo_corpo.gif) top left repeat-y;
}


/* ######################################################################### */
/* LA COLONNA DI SINISTRA */
/* ######################################################################### */

#colonnaSinistra {
float:left;
width:240px;
padding:16px 0px 0px 0px;
margin:0px;
background: url(../images/sfondo_colonnaSX.gif) top center no-repeat;
}

.contenutiSinistra {
float:left;
width:210px;
color: #3882C8;
font-size:12px;
padding:15px 15px 15px 15px;
margin:0px;
font-weight:bold;
background: url(../images/filetto_colonnaSX.gif) bottom center no-repeat;
}


.contenutiSinistra p {
margin:0px;
padding:0px 0px 0px 0px;
/*border-bottom: #000000 1px solid;*/
}


.contenutiSinistra h1 {
font-size:12px;
color:#333333;
font-weight:normal;
margin:0px;
padding:0px 0px 26px 0px;
line-height: 18px;
}

.contenutiSinistra a:link,
.contenutiSinistra a:visited {
color:#DE1825;
text-decoration:none;
}

.contenutiSinistra a:hover,
.contenutiSinistra a:focus,
.contenutiSinistra a:active {
color:#DE1825;
text-decoration:underline;
}





.ChiudicontenutiSinistra {
float:left;
width:240px;
height:80px;
padding:0px 0px 0px 0px;
margin:20px 0px 0px 0px;
background: url(../images/chiusura_colonnaSX.gif) top center no-repeat;
}



/* ######################################################################### */
/* LA COLONNA DI SVILUPPO DEI CONTENUTI */
/* ######################################################################### */

#contenuti {
float:left;
width: 486px;
padding:20px 20px 0px 20px;
margin:0px;
}


/* ######################################################################### */
/* LO SPAZIO CON L'IMMAGINE DEL FRIGORIFERO IN HOME PAGE */
/* ######################################################################### */


.spazioHome {
float:left;
width:486px;
height:270px;
background:url(../images/itei_home_page.jpg) top center no-repeat;
/*padding:0px 0px 20px 0px;*/
padding:0px 0px 10px 0px;
margin:0px 0px 0px 0px;
border-bottom: #666666 1px dotted;
}


/* ######################################################################### */
/* LE 2 COLONNE IN HOME PAGE -- ESPERTO CONSIGLIA -- OFFERTA DELLA SETTIMANA */
/* ######################################################################### */

.colEsperto {
float:left;
width:232px;
padding:0px 10px 0px 0px;
margin:0px 0px 20px 0px;
border-right: #666666 1px dotted;
}

.colEsperto p {
padding:0px 0px 0px 0px;
margin:10px 0px 5px 0px;
}


.colOfferta {
float:left;
width:233px;
padding:0px 0px 0px 0px;
margin:0px 0px 20px 10px;
}

.colOfferta p {
padding:0px 0px 0px 0px;
margin:10px 0px 5px 0px;
}


/*
.spazioNavigazione ul {
list-style:none;
padding: 0px 0px 0px 0px;
margin: 0px;
}

.spazioNavigazione ul li {
padding-left:13px;
background:url(../images/marcatore.gif) 0 3px no-repeat;
margin-bottom:3px;
}
*/


/* ######################################################################### */
/* IL MENU A LISTA VERTICALE NELLA PAGINA "I CONSIGLI DEL TECNICO" */
/* ######################################################################### */


.spazioNavigazione {
float:left;
width:486px;
padding:0px 0px 0px 0px;
margin:10px 0px 0px 0px;
border-bottom: #666666 1px dotted;
}

.spazioNavigazione ul {
list-style:none;
padding: 10px 0px 10px 0px;
margin: 0px;
}

.spazioNavigazione ul li {
padding-left:13px;
background:url(../images/marcatore.gif) 0 3px no-repeat;
margin-bottom:3px;
}

.spazioNavigazione li a:link,
.spazioNavigazione li a:visited {
color:#DE1825;
text-decoration:none;
}
.spazioNavigazione li a:hover,
.spazioNavigazione li a:focus,
.spazioNavigazione li a:active{
color:#DE1825;
text-decoration:underline;
}



/* ######################################################################### */
/* LO SPAZIO PER LO SVILUPPO DE CONTENUTI NELLA COLONNA CENTRALE CON SFONDO BIANCO */
/* ######################################################################### */

.spazioContenuti {
float:left;
width:486px;
padding:0px 0px 0px 0px;
margin:10px 0px 20px 0px;
border-bottom: #666666 1px dotted;
}



/* ######################################################################### */
/* LE COLONNE DI SVILUPPO DEL FORM PER LE PAGINE DI RICHIESTA INTERVENTO E RICAMBI */
/* ######################################################################### */

.spazioForm {
float:left;
width:486px;
padding:0px 0px 0px 0px;
margin:10px 0px 20px 0px;
background: #FFFFFF;
border-bottom: #666666 1px dotted;
}





.categoriaForm {
float:left;
width:146px;
color: #312929;
padding:0px;
margin:0px;
/*font-weight:bold;
border-right: #999999 1px solid;*/
}


.testoForm {
float:left;
width:330px;
margin-left:10px;
background: trasparent;
padding:0px;
}




/* ######################################################################### */
/* IL DIV CHE GESTISCE IL TOP OF PAGE */
/* ######################################################################### */


.tornaSu {
background:url(../images/marcatore_top.gif) 0 3px no-repeat;
margin-bottom:3px;
float:left;
font-size:11px;
padding:3px 0px 0px 10px;
}

.mailInfo {
background:url(../images/marcatore_mailInfo.gif) 0 3px no-repeat;
margin-bottom:3px;
float:left;
font-size:11px;
padding:3px 0px 0px 10px;
}

/* ######################################################################### */
/* LA COLONNA DI SVILUPPO DELLE FOTO PER LA PAGINA TRAVAUX O PER LA PAGINA RELATIVA A UN PROGETTO */
/* ######################################################################### */


.Immagini_1_2_3 {
float:left;
width:112px;
padding:0px 0px 0px 0px;
margin:0px 10px 0px 0px;
background: #FFFFFF;
}

.Immagine_4 {
float:left;
width:112px;
padding:0px 0px 0px 0px;
background: #FFFFFF;
margin:0px 0px 0px 0px;
}



/* ######################################################################### */
/* LA COLONNA DI DESTRA */
/* ######################################################################### */


#colonnaDestra {
float:left;
width:182px;
padding:0px 0px 0px 0px;
margin:0px;
}

.homePage {
float:left;
width:178px;
height:33px;
background: url(../images/sfondo_colonnaDX.gif) top center no-repeat;
color: #333333;
font-size:12px;
padding:30px 2px 0px 2px;
margin:0px;
font-weight:bold;
}

.homePage a:link,
.homePage a:visited{
color:#333333;
text-decoration:none;
margin:0px 0px 0px 10px;
}

.homePage a:hover,
.homePage a:focus,
.homePage a:active{
color:#333333;
text-decoration:underline;
margin:0px 0px 0px 10px;
}


.contenutiDestra {
float:left;
width:178px;
color: #333333;
font-size:12px;
padding:0px 2px 15px 2px;
margin:0px;
}

.contenutiDestra h1 {
color: #333333;
font-size:12px;
padding:0px 0px 0px 10px;
margin:0px;
font-weight:bold;
}


.contenutiDestra p {
margin:0px;
padding:0px 0px 10px 0px;
}


/* ######################################################################### */
/* LO SPAZIO PER LE PAROLE CHIAVE NELLA COLONNA DI DESTRA */
/* ######################################################################### */

.contParoleChiave{
float:left;
width:158px;
padding:0px 10px 15px 10px;
margin:0px;
}

.contParoleChiave h1{
color: #BBB;
font-size:10px;
margin:0px;
padding:0px;
line-height:10px;
}



/***** GESTIONE LISTE DEL MENU DI DESTRA ******************************************************/
.menu ul {
list-style:none;
padding: 5px 0px 10px 0px;
margin: 0px 0px 0px 0px;
background:#DDE2E9;
}

.menu ul li {
padding-left:20px;
background:url(../images/marcatore.gif) 10px 3px no-repeat;
margin-bottom:6px;
margin-top:2px;
border-bottom: #EDF2F7 1px solid;
}


.menu a:link,
.menu a:visited{
color:#DE1825;
text-decoration:none;
font-size:12px;
}

.menu a:hover,
.menu a:focus,
.menu a:active{
color:#DE1825;
text-decoration:underline;
font-size:12px;
}



/* ######################################################################### */
/* LA CHIUSURA DEL SITO */
/* ######################################################################### */

#chiusura {
width: 100%;
float:left;
/*clear:both;*/
background:#FFFFFF url(../images/sfondo_chiusura.gif) top left repeat-x;
color:#333333;
margin: 0px;
padding:0px;
font-size:12px;
}

.clear {
visibility: hidden;
clear: both;
margin:0px;
}

#centratoChiusura {
float:left;
width: 908px;
margin: 0px;
padding:0px 20px 0px 20px;
text-align:left; /* per quella maerda di IE5.x/Win */
background:#FFFFFF url(../images/sfondo_chiusura.gif) top left repeat-x;
}

/*
#centratoChiusura a:link,
#centratoChiusura a:visited {
padding:1px;
color: #CCCCCC;
text-decoration: none;
}

#centratoChiusura a:hover,
#centratoChiusura a:focus,
#centratoChiusura a:active {
padding:1px;
color: #CCCCCC;
background-color:#463A3A;
text-decoration:underline;
}
*/

#chiusuraSinistra {
	width: 580px;
	height:70px;
	float: left;
	margin: 15px 0px 0px 0px;
}


#chiusuraDestra{
width: 328px;
float: left;
text-align:right;
margin: 15px 0px 0px 0px;
}



/* ######################################################################### */
/* FORM */
/* ######################################################################### */

input, textarea, select{
font-size: 12px;
font-family:"Trebuchet MS", Optima, "Lucida Grande", Georgia;
color:#333333;
}



/* ######################################################################### */
/* TABELLE E CELLE */
/* ######################################################################### */

.scheda {
border-spacing:0px;
padding-left:0px;
padding-right:0px;
margin: 0px 0px 0px 0px;
width:100%;
}


.scheda tr td {
/*border: 1px solid #000000;*/
}


.scheda tr td.foto {
	padding:0px;
	/*width:25%;*/
	font-weight:none;
	text-align:center;
	vertical-align:top;
}


.scheda tr td.dati {
	padding:0px 0px 0px 10px;
	/*border-bottom: 1px solid #333333;*/
	font-weight:none;
	text-align:left;
	vertical-align:top;
}