@charset "utf-8";
/* CSS Document */


/* ------------------------------------------------------ GENERALI --- */
/* ------------------------------------------------------------------ */
body {
margin: 0;
padding: 0;
font: 11px Trebuchet MS, Verdana, Geneva, Arial, Helvetica, sans-serif; 
background-color:#f1f1f1;
color: #4d4d4d;
text-align:center;
background-image:url(/image/comuni/bg.gif);
background-repeat:repeat-y;
background-position:50% 0;
}
	.bgHomepage{
	background-image:url(/image/comuni/bgIndex.gif);
	background-repeat:repeat-y;
	background-position:50% 0;
	}
	
#ausiliario{
width:100%;
float:left;
padding-top:10px;
}
	#sx{
	float:left;
	width:228px;
	background-image:url(/image/comuni/angoloAltoSx.gif);
	background-repeat:no-repeat;
	background-position:0 0;
	text-align: center;
	padding-top:15px;
	height:550px;
	}
		#sxBoxFotinaBottom{
		background-image:url(/image/comuni/fotina.jpg);
		background-repeat:no-repeat;
		background-position:0% 100%;
		width:914px;
		margin:auto;
		}

	#dx{
	margin-left:228px;
	padding:20px 30px 20px 20px;
	}
	
#centrato {
background-image:url(/image/comuni/bgCentrato.gif);
background-repeat:repeat-y;
background-position:50% 0;
width:914px;
margin:auto;
text-align: left;
}
	#centratoHomepage{
	width:914px;
	margin:auto;
	text-align: center;
	}
	
	#footerCentrato{
	background-image:url(/image/comuni/bgFooterCentrato.gif);
	background-repeat:no-repeat;
	background-position:50% 100%;
	text-align:center;
	height:21px;
	}

img{
border:0;
}
.noFlash{
padding:25px;
width:220px;
margin:20px auto;
background-color:#fff;
text-align:center;

}
.titoloPagina{
text-align:right;
}

/* //  al posto del clearer si mette la classe .clearfix al contenitore dei div che devono essere clear! // */
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
.clearfix { /* per ie/mac, ma pare che funzioni anche per ie/win*/
display: block;
}
/* Hides from IE-mac \*/
* html .clearfix {
height: 1%;
}
/* End hide from IE-mac */


/*DEBUG*/
/*div{
border:1px solid black;
}
/**/

a:link, a:active, a:visited{
text-decoration:underline;
color: #4d4d4d;
}
a:hover{
text-decoration:none;
}

.titoloTesto{
background-color:#FFFFFF;
padding:2px 5px;
font-size:13px;
font-weight:bold;
}


/* ------------------------------------------------------ HEADER --- */
/* ---------------------------------------------------------------- */
#header{
text-align:center;
visibility:hidden;
display:none;}


/* ------------------------------------------------------ MENU --- */
/* ---------------------------------------------------------------- */

#menuPrincipale{
height:253px;
text-align:left;
}
	

/* ----------------------------------------------- CORPO CENTRALE --- */
/* ----------------------------------------------------------------- */
#corpo{
/*border:1px solid red;background-image:url(/image/comuni/bkg_pagina.gif);
background-repeat:repeat-y;
background-position:left top;border:1px solid red;*/
}
.impaginazione{
position:relative;
}
.testoSx,.testoDx{
position:absolute;
width:280px;
}
	.testoSx{	
	top:0;
	left:0;	
	}
	.testoDx{
	left:310px;
	top:0;
	}

table.elencoProdotti{
border-collapse:collapse;
border:0;
font-size:10px;
empty-cells:hide;
text-align:center;
}
	table.elencoProdotti th{
	border-right:2px solid #fff;
	border-bottom:2px solid #fff;
	padding:4px;
	
	}
	table.elencoProdotti td{
	border-top:4px solid #f0f0f0;
	border-bottom:1px solid red;
	border-right:2px solid #f0f0f0;
	border-bottom:2px solid #f0f0f0;
	padding:4px;
	background-color:#fff;
	}
	.quadVerde{
	width:10px;
	height:10px;
	background-color:#007a43;
	}
	.quadRosso{
	width:10px;
	height:10px;
	background-color:#ed1c24;
	}
	
table.clearAllStyle, table.clearAllStyle th, table.clearAllStyle td{
border-collapse:collapse;
border:0;
empty-cells:hide;
text-align:left;
font-size:10px;
padding:0;
margin:0;
width:180px;
}	

table.elencoProdotti td.chiudiCatalogo{
background-color: #f0f0f0;
text-align:right;
}
/*///*/
#panel_knowhow{
	display: none;
}

/*///*/
a:focus {
	outline: none;
}
#panel, #panelR {
	background: transparent;
	display: none;
}
	.slide,  .slideR{
		margin: 0;
		padding: 0;
		border-top: solid 4px #f0f0f0;
	}
	.btn-slide, .btn-slideR, .btn-slide_eng, .btn-slideR_eng {		
		text-align: left;
		height: 31px;
		padding: 50px 10px 0 10px;
		margin: 0 auto;
		display: block;
		color: #fff;
		font-size:0;
		line-height:0;
		text-decoration: none;
	}
		.btn-slide{
			background: url(/image/prodotti/catalogoSfuma.gif) no-repeat 50% -80px;
		}
		.btn-slide_eng{
			background: url(/image/prodotti/catalogoSfuma_eng.gif) no-repeat 50% -80px;
		}
		.btn-slideR {
			background: url(/image/prodotti/catalogoSfumaR.gif) no-repeat 50% -85px;
		}
		.btn-slideR_eng {
			background: url(/image/prodotti/catalogoSfumaR_eng.gif) no-repeat 50% -85px;
		}
		
	.active {
		background-position: center -10px;
		padding: 20px 10px 0 10px;
	}
	.btn-slide-chiudi, .btn-slide-chiudiR, .btn-slide-chiudi_eng, .btn-slide-chiudiR_eng   {
		text-align: left;
		height: 31px;
		padding: 20px 10px 0 10px;
		margin: 0 auto;
		display: block;
		color: #fff;
		font-size:0;
		line-height:0;
		text-decoration: none;
	}
		.btn-slide-chiudi {
			background: url(/image/prodotti/catalogoSfuma.gif) no-repeat center -10px;
		}
		.btn-slide-chiudi_eng {
			background: url(/image/prodotti/catalogoSfuma_eng.gif) no-repeat center -10px;
		}
		.btn-slide-chiudiR {
			background: url(/image/prodotti/catalogoSfumaR.gif) no-repeat center -10px;
		}
		.btn-slide-chiudiR_eng {
			background: url(/image/prodotti/catalogoSfumaR_eng.gif) no-repeat center -10px;
		}


	
/* ----------------------------------------------- FORM --- */
/* ----------------------------------------------------------------- */
p{

display:block;
margin:0;
padding:0;
}

input.campiform{
background-color:transparent;
border:0;
height:22px;
width:250px;
color:#1c8e44;
font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
padding:7px 5px 2px 5px;
background-image:url(/image/form/bginput.gif);
background-repeat:no-repeat;
background-position:0 50%;
}
textarea.campiform{
background-color:transparent;
border:0;
width:225px;
height:100px;
color:#1c8e44;
font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
padding:0 5px 0 0 ;
}
	p.bgTextArea{
	background-image:url(/image/form/bgtextarea.gif);
	background-repeat:no-repeat;
	background-position:0 0;
	padding:10px 10px 10px 6px;
	height:125px;
	}
.boxprivacy{
border:0;
width:219px;
background-color:transparent;
padding:10px;
overflow:auto;
height:125px;
color:#828282;
font-style:italic;
font-size:10px;
}
	div.bgPrivacy{
	background-image:url(/image/form/bgprivacy.gif);
	background-repeat:no-repeat;
	background-position:0 0;
	padding:10px 10px 10px 6px;
	height:170px;
	}
a.inviaForm:link, a.inviaForm:active, a.inviaForm:visited{
text-decoration:underline;
font-size:15px;
font-weight:bold;
color: #4d4d4d;
background-image:url(/image/form/bginput.gif);
background-repeat:no-repeat;
background-position:0 50%;
height:34px;
width:250px;
padding:11px 0 0 18px;
display:block;
}
a.inviaForm:hover{
text-decoration:none;
}	


/* ------------------------------------------------------ FOOTER --- */
/* ---------------------------------------------------------------- */
#footer{
margin:0 auto;
text-align:left;
width:914px;
position:relative;
font-size:10px;
color:#949393;
line-height:1.3em;
height:60px;
}
	#credits{
	position:absolute;
	top:10px;
	left:100px;
	}
	#datiazienda{
	position:absolute;
	top:10px;
	left:250px;
	}


a.footerLink:link, a.footerLink:active, a.footerLink:visited{
font-size:10px;
color:#bebebe;
}

a.footerLink:hover{
color:#949393;
}