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

@font-face {
    font-family: 'Mate';
    src: url('../font/Mate-Regular-webfont.eot');
    src: url('../font/Mate-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/Mate-Regular-webfont.woff') format('woff'),
         url('../font/Mate-Regular-webfont.ttf') format('truetype'),
         url('../font/Mate-Regular-webfont.svg#MateRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'DejaVu';
    src: url('../font/DejaVuSerif-webfont.eot');
    src: url('../font/DejaVuSerif-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/DejaVuSerif-webfont.woff') format('woff'),
         url('../font/DejaVuSerif-webfont.ttf') format('truetype'),
         url('../font/DejaVuSerif-webfont.svg#DejaVuSerifBook') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'Habibi';
    src: url('../font/Habibi-Regular-webfont.eot');
    src: url('../font/Habibi-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/Habibi-Regular-webfont.woff') format('woff'),
         url('../font/Habibi-Regular-webfont.ttf') format('truetype'),
         url('../font/Habibi-Regular-webfont.svg#HabibiRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Shanti';
    src: url('../font/Shanti-Regular-webfont.eot');
    src: url('../font/Shanti-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/Shanti-Regular-webfont.woff') format('woff'),
         url('../font/Shanti-Regular-webfont.ttf') format('truetype'),
         url('../font/Shanti-Regular-webfont.svg#ShantiRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

img, fieldset {border: 0;}

html,body{
    height:100%;
    margin:0;
}

body {
	font-size: 15px;
	font-family: Georgia;
	background: #ef4d31;
	
}
a:link {
	color: #ee4d31;
	text-decoration: none;
}
a:visited {
	color: #ee4d31;
	text-decoration: none;
}
a:hover {
	color: #999;
	text-decoration: underline;
}
a:active {
	color: #ee4d31;
	text-decoration: none;

	}
	
/* ___inizio div sfondi e colori___ */

#container{ height:100%;  }
#containerpagine { height:100%; background: #ef4d31 url(../immagini/sf_pg.jpg) repeat-x; }

#header{ background: #333b48; height: 123px; }
#headerlogo  { width: 900px; margin: 0 auto;}
#headersocial { background: #6b6f77; height: 12px; margin: 0; padding: 0;}

#subheader /* contiene lo slider in homepage */ { width: 900px; height: 319px; margin: 0 auto;}
#subheadergrigio  { height: 180px; background: #e5e5e5; }
#subheaderpagine /* contiene l'immagine delle singole sezioni */ { width: 900px; margin: 0 auto;}
#subheaderimmagine { float: right; width:400px;}
#slider { float: right; width:448px;}
	
#subheaderleft { width: 431px; }
.titolosubarancio { color: #ef4d31 }
.titolosub {font-family: 'Shanti', Georgia; font-size: 40px; line-height: 38px; color: #222935; float: left; padding-bottom: 12px;}
.piccolosub {font-family: 'Shanti', Georgia; font-size: 15px; line-height: 20px; color: #222935; float: left; }
.titolopagine {font-family: 'Shanti', Georgia; padding-left: 12px; font-size: 16px; line-height: 18px; color: #FFF; float: left; padding-bottom: 6px; width: 100%; background: #6b6f77; -moz-border-radius: 3px;
border-radius: 3px;}

#centrale {width: 900px; margin: 0 auto;}
#tabellecentrale {width: 290px; float: left; padding-right: 5px; padding-top: 20px;}
#tabellecentrale  a {text-decoration: none;}
.titoloblucentrale {font-family: 'Shanti', Georgia; font-size: 21px; line-height: 20px; color: #222935; padding-bottom: 12px;}
.centralebianco {color: #222935; font-size: 12px; line-height: 18px;}


#centraletesto { float: right; text-align: left; width:590px; margin-top: 20px; line-height: 24px; color: #333b48; }
#wrapcentrale { background: #FFF url(../immagini/sf_sol.png) no-repeat bottom center; min-height: 592px;}

#etichettaleft { float: left; text-align: right; min-width:100px; padding-bottom: 5px; border-top: 1px dashed #e5e5e5; padding-top: 4px;}
#etichettaright { float: left; text-align: left; min-width:150px; padding-bottom: 5px; border-top: 1px dashed #e5e5e5; padding-left: 12px; padding-top: 4px;}


.piccolo {font-size: 12px; font-family: arial; line-height: 14px ;}

.asterix { color: red;}

/* ____Menu centrale pulsanti____ */

#centralemenu { 
width: 309px; float: left;  margin-top: 20px; padding-bottom:50px;  min-height: 500px}
#centralemenu  ul{  
width: 200px;
list-style: none;
line-height: 18px;
margin: 0;
padding: 0;
}

#centralemenu  ul li {
font-family: 'Shanti', Georgia;
font-size: 16px; 
list-style: none;
padding-top:4px; 
/*padding-left:10px; */
padding-bottom: 8px; 
margin-bottom: 5px; 
/*-moz-border-radius: 3px;
border-radius: 3px;
box-shadow: 2px 2px 6px rgba(0,0,0,0.6);*/
/*background: #FFF; */
  }
  
  
#centralemenu  ul li.select a { color: #999}

  

#centralemenu  ul li a , a:visited{ color: #ef4d31; }
#centralemenu  ul li a:hover, a:active { color: #222935;}
/* fine menu */





/* ___menu alto tendine ____*/

#pulsantiera { 	font-family: 'Shanti', Georgia; font-size: 12px; float: right; height: 123px; }
#pulsantiera ul {  padding:0; margin:0; list-style-type:none;  }
#pulsantiera ul li {  	z-index:120; position: relative;
float: left;
list-style: none;
margin: 0;
padding:0; /*per IE*/;  }

/*stili primo livello*/
#pulsantiera ul li a { display:block; float:left; min-width:118px;  text-decoration:none; text-align:center; padding-top:95px; padding-bottom: 20px;
background: url(../immagini/puls_blu.png) no-repeat 0 0; 
color: #FFF; 
}
#pulsantiera  ul li a:hover, #pulsantiera  ul li a:active { color: #222935; background: url(../immagini/puls_bianco.png) no-repeat 0 0; }
#pulsantiera  ul li a.select{ color: #222935; background: url(../immagini/puls_bianco.png) no-repeat 0 0; }

/* secondo livello */
#pulsantiera ul ul{ position: absolute; top: 124px; visibility: hidden; }
#pulsantiera ul li:hover ul { visibility:visible;}

 /* stili secondo livello */
 
 #pulsantiera ul li ul li a { 
 font-size: 13px; 
 line-height: 14px; 
 text-align:left; 
 text-decoration:none; 
 padding-top:4px; 
 padding-left: 10px; 
 padding-right: 10px; 
 padding-bottom: 8px; 
 margin-bottom: 0px; 
 background: #ef4d31;
-moz-border-radius: 3px;
border-radius: 3px;
box-shadow: 2px 2px 6px rgba(0,0,0,0.6); }
 #pulsantiera ul li ul li a:hover{ background: #FFF; color: #222935;}
/* fine menu */
	

/* ____ footer ______ */

#footer { width: 900px; margin: 0 auto; color: #fde7e3; font-family: arial; font-size: 11px; /*border-top: 1px dashed #f1b4a9;*/ margin-top: 30px; padding-top: 25px; padding-bottom:25px;}
#footerpic { width: 200px; margin-right: 10px; float: left; border-right: 1px solid #f1b4a9; height: 85px; }
#footer a, #footer a:active, #footer a:hover { color: #FFF;}
#footer a.titolo, #footer a:active.titolo, #footer a:hover.titolo { font-size: 12px; font-weight: bold;}


/* ------ MAPPA IMMAGINE ------- */

#imagemap {
box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
width:595px;
height:391px;
background:url(../immagini/servizi.jpg) no-repeat;
position:relative;
}

#imagemap a{
display:block;
position:absolute;
width:78px;
height:45px;
} 

#imagemap a#link1{ left:250px; top:55px; } 
#imagemap a#link2{ left:373px; top:147px; } 
#imagemap a#link3{ left:327px; top:287px; } 
#imagemap a#link4{ left:169px; top:287px; } 
#imagemap a#link5{ left:124px; top:140px; height: 55px !important; }