/*CSS TEMPLATE:
Il seguente css costituisce il TEMPLATE per la struttura 
con navigation, menu principale orizzontale, corpo con due colonne, footer. 
Il file originale NON ˇ DA MODIFICARE.
ˇ possibile invece COPIARE IL CSS e MODIFICARLO LIBERAMENTE.

===== CONTENUTO CSS =====

	Ultimo Aggiornamento: 29 Aug 2005;
	0: accessibilitö
	1: Struttura
	2: Navigazione principale
	3: Navigazione secondaria 
	4: News
	====================
*/


/* 0:ACCESSIBILIT? ============------------*/

.hidden-elements{
	position:absolute;
	left:-9999px;
	width:0px;
	overflow:hidden;
}



/*1: STRUTTURA ============------------------*/
*{
margin:0;
padding:0;}

body{
	text-align:center;/* align ie5 center screen */
	background:#e6e6e6 url(../images/sfondo.jpg) repeat-x;
	
}

ul{
}

.clear{
clear:both;}

#wrapper{
position:relative;
margin:0 auto;
text-align:left;
background-color:#fff;
width: 976px;
margin-top:25px;
margin-bottom:10px;

}

#ricerca{
color:#000066;
height:20px;
padding:5px 0 5px 0;
background-color:#eee}


#ricerca form{
float:left;
margin-left:10px; width:270px;}

#ricerca fieldset{
border:0;
float:left;

}

/*HEADER--------------------------------------*/

#header{
height:125px;
background: url(../images/angolo-su.gif) no-repeat;
padding-left:20px;
position:relative;
}

/* #header h1{
padding:0;
margin: 10px 0 0 0;
width:215px;
height:109px;
float:left;}*/

#header h1{
position:absolute;
top:10px;
left:0;
width:215px;
height:109px;
}

#header h1 a{ 
display:block;
width:215px;
height:109px;
background:url(../images/logo_address.gif) 0 0 no-repeat;
overflow:hidden
}

#header h1 a span{
display:block;
text-indent: -9999px;} 

#header ul{
list-style:none;
color:#000;
font-size:90%;
float:right;
width:720px;
}

#header ul li{
display:block;

float:left;
height:100px;
}

#header .canc{
width:80px;
height:25px;
position:absolute;
top:77px;
left:585px;

}

#header .info{
width:85px;
height:25px;
position:absolute;
top:77px;
left:680px;

}

#header .canc a{
text-indent:-999px;
display:block;
width:85px;
height:30px;

background:url(../images/bottCanc.gif) no-repeat;
}

#header .info a{
text-indent:-999px;
display:block;
width:95px;
height:30px;
background:url(../images/bottInfo.gif) no-repeat;
}

#header ul li.primo{
width:240px;}
#header ul li.secondo{
width:160px;}
#header ul li.terzo{
width:170px;
padding:2px;
font-size:11px;
line-height:13px;}

#header ul li.terzo img{
float:right;
padding-top:10px;}



#header ul li a{
color:#9cf}

#header ul li img{
float:left;
padding: 0 0}
#header ul li.secondo img{
padding-right:50px;
vertical-align:sub;}



#menu
{
height:32px;
background-color:#010769}


#menu ul
{height:32px;
color:#fff;
list-style:none;

}

#menu ul li
{
margin:5px 0;
display:block;
float:left;
border-right:1px solid #fff
/*padding: 6px 15px;*/
}

 #ricerca ul li{
 display:block;float:left; border-right:1px solid #010769}

#menu ul li a, #ricerca ul li a
{
display:block;
float:left;
color:#fff;

padding: 1px 18px;
}

#ricerca ul li a{
color:#010769}


#ricerca ul{
float:left;
width:450px;
display:inline;
list-style:none;}



/*STRUTTURA CORPO: 2 / 3 COLONNE ------------------------*/




#content{
display:inline; /* Fixes IE Double Margin Float Bug */ 
float:left;
width:976px;
/*background:#fff url(../images/linea.gif) top left repeat-y;*/
}

#home #content{
background:url(../images/sfHp_bis.gif) top left no-repeat;

}

#azienda{
float:left;
width:488px;
/*background:#7191CB url(../images/sf-azienda.gif) top left no-repeat;*/
/*border-bottom:5px solid #036*/}

#consumo{
float:left;
width:488px;
/*background:#fcfcfc url(../images/sf-consumo.gif) top left no-repeat;
*//*border-bottom:5px solid #FF9900*/ }


.menusBox{
width:324px;
float:left;
display:inline;
}


ul.navSection{
list-style:none;

color:#FFFFFF;
margin: 15px 10px 20px 15px;

height:170px;
}

ul.navSection a{

font-weight:bold;}

ul.navSection li{
background:url(../images/puntino.gif) left 6px no-repeat;
float:left;
font-size:85%;
width:128px;
padding-left:10px;

margin-right:8px;}

ul.navSection li a{
display:block;


color: #fff}

#azienda ul.navSection li a{

background:url(../images/puntinoAzienda.gif) left 8px no-repeat;}

#consumo ul.navSection li a{
background:url(../images/puntinoVetrina.gif) left 8px no-repeat;}

 .item, .news{
margin:3px 5px 8px 5px;
padding-bottom:8px;
float:left;
width:468px;
height:125x;
}

.item img, .singleItem img, .news img{
float:left;
padding:5px;}

.item object{
margin-left:0;
float:left;}

#azienda .item, #azienda .news{
border-bottom:#0052A6 solid 2px;}

#consumo .item,#consumo .news{
border-bottom:#FE0000 solid 2px;}

#azienda .item p, #consumo .item p{
margin: 0 0 0 150px;
}

#azienda .noitem p {
margin: 0 0 0 5px;
}

#home .item p.title{
padding:5px 0 0 0}

.item p.title,  #home .news p.title{
font-weight:bold;
padding:5px 0 0 130px ;
}


.noitem p.title{
font-weight:bold;
padding:5px 0 0 0 ;
}

.item p.goTo{
padding:5px 0 0 130px}

#azienda .item p.title a, #azienda .item p, #azienda .noitem p, #azienda .noitem p a, #home .news p.title a{
color:#000}
#consumo .item p.title a{
color:#000}
#consumo .item p.title p{
color:#000}

#altreimmagini{
margin: 10px 0}
#altreimmagini h4{
color:#f93;
text-transform:none;
margin:5px 0;
padding:0}
/* CORPO ===================-------------------------*/

#corpo{
color:#000;
width:575px;
float:left;}

#corpo h2.breadcrumb {
color:#f93}

#corpo.isti{
width:555px;
padding: 0 10px;}

#corpo.isti h3, #corpo.isti h2{
padding:0}


.paginazione, .frecciaindietro{
clear:both;
margin:20px 10px;}

/* FOOTER ===================-------------------------*/

#footer{
height:50px;
background:#FF1111 url(../images/sfFooter.gif) left bottom no-repeat;
padding: 0 10px;
margin-bottom:0;
color:#FFFFFF;
}

#footer.azienda{
background:#0151A6 url(../images/sfFooterAz.gif) left bottom no-repeat;
clear:both;
}

#servizi #footer{
background:#010769 url(../images/sfFooterServizi.gif) left bottom no-repeat;
clear:both;}

#footer p{
text-align:center;

float:left;
height:25px;

margin:5px 0;
padding:7px 15px 5px 15px;
border-right: 1px solid #fff}

#footer p a, #footer ul li a{
color:#fff;
font-weight:bold;
}

#footer ul{
float:left;
font-size:100%;
margin:0 5px;
padding:0 0;
list-style:none;}

#footer li{
border-right:1px solid #FFFFFF; 
float:left;
display:block;
padding:7px 15px 10px 15px;
margin:6px 2px;
}
/*.mail a{
float:right;
text-align:right;
width:90px
}

.copyright{
float:left;
width:200px;
}
*/

/* 2: Navigazione principale ============----------------*/

#navigation {
	position:absolute;
	width:auto;
	top:88px;
     left: 0px;
	height:25px;
}

#navigation ul {
width:100%;
}
#navigation ul li{
display:block;
float:left;
margin-right:1px;
background-color:#480505
}


#navigation ul li a{
float: left;

padding: 5px 15px 5px 15px;
color:#c96
}

#navigation ul li a:hover{
background-color:#9a0;
color:#fff;
}

#navigation ul li a.corrente{
background-color:#9a0;
color:#ffc;
font-weight:bold
}


/*3: NAVIGAZIONE SECONDARIA ============------------------*/

.azienda{
background:url(../images/sidebarAzienda.gif) -5px top repeat-y;
}

.vetrina{
background: url(../images/vetrinaMenu.jpg) -5px top repeat-y;
}

.servizi{
background: url(../images/sidebarServizi.gif) -5px  top repeat-y;
}

#sidebar.isti, #content.isti{
background: url(../images/sidebarIsti.gif) -10px  top repeat-y;
}




#sidebar{

width:195px;
float:left;}


.underSection{
margin: 0 10px 10px 10px;
border-top:1px  dotted #ccc;
}

.azienda #sidebar h2{
color:#fff}
.azienda .underSection h3 a, .servizi .underSection h3 a{
color:#BED7F6}
.azienda .underSection h3 a:hover, .servizi .underSection h3 a:hover{
color:#fff}


.underSection ul{
list-style:none;

}

.underSection ul li{
color:#fff;
display:block;
margin-left:15px;
padding: 0 0 0 5px;
border-bottom: 1px solid #fff
}
.azienda .underSection ul li{

border-bottom: 1px solid #fff}

.underSection li a{
display:block;
padding: 1px 0;
color:#fff;

}

.azienda .underSection ul li a{
color:#fff;
padding-left:10px;
background:url(../images/puntinoAzienda.gif) left 8px no-repeat;
}

.vetrina .underSection ul li a{
padding-left:10px;
background:url(../images/puntinoVetrina.gif) left 8px no-repeat;
}

.azienda .underSection ul li a:hover{
color:#FFB900
}

.underSection li a:hover{
color:#006699

}

.underSection .corrente{
color:#900;
display:block;
padding: 3px 0; 

}

#sidebar.isti .underSection li a{
color:#000099}


p.bottAzienda{
margin:15px;
width:170px;
height:115px;
background:url(../images/bottAzienda.jpg) left top no-repeat;
}

p.bottElettronica{
margin:15px;
width:170px;
height:120px;
background:url(../images/bottElettronica.jpg) left top no-repeat;
}

p.bottServizi{
margin:15px;
width:170px;
height:120px;}

.azienda p.bottElettronica, .servizi p.bottElettronica{
background:url(../images/sf-consumoAz.gif) left top no-repeat;
}

.azienda p.bottServizi{
background:url(../images/bottServizi_prodotti.gif) left top no-repeat;}
.vetrina p.bottServizi{
background:url(../images/bottServizi_vetrina.gif) left top no-repeat;}



.isti p.bottElettronica{background:url(../images/bottVetrIsti.jpg) left top no-repeat;}
.isti p.bottAzienda{background:url(../images/bottAziendaIsti.jpg) left top no-repeat;}
.isti p.bottServizi{background:url(../images/bottServizi_isti.gif) left top no-repeat;}


.servizi p.bottElettronica{background:url(../images/bottVetrina_servizi.gif) left top no-repeat;}
.servizi p.bottAzienda{background:url(../images/bottAzienda_servizi.gif) left top no-repeat;}


p.bottAzienda a, p.bottElettronica a, p.bottServizi a{
display:block;
height:120px;
width:142px;
color:#fff;
padding:0;
text-indent:-9999px;
font-size:120%;}

/* ITEM ============------------------*/

#corpo .item{
width:270px;height:135px;
border-bottom:2px solid #dadada;
overflow: hidden;}

.vetrina #corpo .item{
border-bottom:2px solid #f11;
}

.azienda #corpo .item{
border-bottom:2px solid #009;
}


#corpo.categ .item{
float:left;
border:0;
width:170px;
margin:5px;
} 
.item-top{
float:left;
border:0;
width:170px;
margin:5px;
display:inline;
text-align:center;
align:center;
}
.item-center-l{
float:left;
border:0;
width:230px;
display:inline;
text-align:left;
padding: 20px 0px 20px 30px;
}
.item-center-r{
float:left;
border:0;
width:270px;
display:inline;
text-align:right;
padding: 20px 0px 20px 0px;
}
.item-bottom{
float:left;
border:0;
width:540px;
display:inline;
text-align:center;
padding-bottom: 30px;
}
#corpo .singleItem{
width:560px;
padding:5px 0 5px 5px;
margin: 0 0 10px 10px;
background:url(../images/sf-news-cons.gif) 290px top no-repeat;
border-top:1px solid #dadada;
border-bottom:1px solid #dadada;}

#corpo .item p.title a{
color:#000} 

#corpo .singleItem p, #corpo .singleItem div.description{
display:block;
padding:0 0 0 290px;
}


#corpo .singleItem p.title{

font-weight:bold;

} 

#corpo p.description, #corpo .singleItem div.description{
font-size:95%;
line-height:110%;
margin: 5px 0;}

#corpo .item p.goTo  a{
display:block;
float:left;
font-weight:bold;
padding:15px 0;
width:130px;
text-indent:-999px;
color:#39f;
background:url(../images/gotoAzienda.gif) left top no-repeat;
}
.azienda #corpo .item p.goTo  a{
background:url(../images/gotoAzienda.gif) left top no-repeat;}

.vetrina #corpo .item p.goTo  a{
background:url(../images/gotoVetrina.gif) left top no-repeat;}


#breadcrumb{
display:block;
margin: 15px 0 5px 210px}

#extra{
margin: 10px 0;
padding:0;}
#extra h4{
color:#f93}

/*IN NEGOZIO============------------------*/
#negozio{
/*background:url(../images/sfNegozio.jpg) left top no-repeat;*/
float:right;
width:185px;
/*padding-top:80px;*/
margin:0 2px;
height:460px;
}

#negozio p{
display:none;
}

#negozio p.title{
display:none;}

/*================= 1: Generali ============*/

*{
font-size:100%;
}

body{
	font: 0.76em/1.5em "Lucida Grande", "Trebuchet MS",  "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
	color:#000;
}

h1, h2, h3, h4, h5, h6 {
	font-family: "Lucida Grande", "Trebuchet MS",  "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
	color:#039;
	
	font-weight: bold;
	padding: 0 0 0 10px;	
}


h2 {font-size: 140%;line-height:180%; margin:10px 0 0 0; font-weight:100; }
h3{font-size: 110%;line-height:130%; margin:10px 0 0 0;}
h4 {font-size: 100%; padding:0; text-transform:none;}
h5{
font-style:italic;
text-transform:none;
padding:0;
color:#999}

#azienda h2{
color:#fff}

#consumo h2{
color:#039}

#content h2{
color:#fff}

#content #corpo.isti h2{
color:#000099;}






#content #corpo.categ h2, #content #corpo.categ h3{
text-align:center;
background:url(../images/categ_sf_titolo.jpg) 10px top no-repeat;
color:#ff0000;
margin:10px 0 50px 0;
padding:8px;
}

#content #corpo.categ h2{
font-size:200%;
font-weight:bold;
padding:0;
}



 #content #corpo.categ h3{
text-align:left;
clear:both;
padding:15px 20px;
margin-bottom:15px;
font-size:130%;}


#home #content h2{
color:#fff;
padding:0;
font-weight:bold;
font-size:160%;
margin-right:20px;
margin-left:10px;
margin-top:20px;
border-bottom:2px solid #FFFFFF}

#sidebar h2{
line-height:120%;
font-size: 140%}

#sidebar.isti h2{
color:#000099}



h3, #breadcrumb{
color:#000099}

h3 a {
color:#FFCCCC}

h3 a:hover {
color:#fff}

#corpo h3 a {
color:#FF0000}

#corpo h3 a:hover {
text-decoration:underline;
color:#FF3300}

#breadcrumb.vetrina,#breadcrumb.vetrina a{
color:#FF0000}
#breadcrumb.azienda, #breadcrumb.azienda a{
color:#000099}

#breadcrumb a:hover{
text-decoration:underline;}

#breadcrumb{
font-size:100%}

.azienda #breadcrumb a{
color:#000066}
.vetrina #breadcrumb a, .vetrina #breadcrumb{
color:#ff0000}

p {font-size:100%;}
img{border:0;}
strong{font-weight:bold}
em{font-style:italic}

/*h1,*/ hr{display:none;}



p.info{
text-align:center;
font-size:120%;
color:#000066;
margin:20px 0;}

/*================= 2: Link e Navigation============*/
a {text-decoration: none; color:#000066;}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none; color:#039};
a:active {text-decoration: none;}

#corpo a:hover {text-decoration: underline; color:#039}

/*================         FORM        ============*/
fieldset{
border:0}

fieldset .schedanew{
float:left;
margin:5px 0 10px 0;
padding:10px 0 5px 0;
width:100%;
border-top:1px solid #ccc}

fieldset .question{
font-weight:bold}

fieldset .answer{
float:left;
clear:both
}

.answer label, .answer input{
float:left;
margin:5px}

.answer label{
width:70px;}