@charset "UTF-8";
/* -------------------------------------------------------------------
	Enercon - Foglio di stile generale
	
	Versione:			1.0 del 25.03.09
	Ultima revisione:	27.03.09
	Ultima validazione:	27.03.09
	Autore:				Alessandro Placidi
	Contatto:			a.placidi@mindgear.it
	© 2009 Enercon
------------------------------------------------------------------- */


/* -- INDEX ------------------

[1.0] - Layout
[2.0] - Testata
[3.0] - Menu principale
[4.0] - Contenuto
  [4.1] - Titoli di pagina
  [4.2] - Testo
    [4.2.1] - Links
	[4.2.2] - Immagini nel testo
  [4.3] - Contatti
  [4.4] - Mappe di Google
  [4.5] - Elenco prodotti
  [4.6] - Tabset
    [4.6.1] - Caratteristiche tecniche
	[4.6.2] - Galleria fotografica
	[4.6.3] - Documentazione
[5.0] - Footer
[6.0] - Ridefinizione tag generici e classi comuni
[7.0] - Links

--------------------------- */


/* [1.0] LAYOUT
------------------------------------------------------------------------------------------ */
body {
	margin: 0;
	color: #717171;
	background-color: #FFF;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
}

#wrapper {
	width: 802px;
	margin: auto;
}

#wrapper.homepage {
	width: 100%;
}




/* [2.0] TESTATA
------------------------------------------------------------------------------------------ */
#testata {
	height: 262px;
}

#wrapper.homepage #testata {
	width: 228px;
	height: 331px;
	margin: auto;
	background: url(../img/sfondo-testata-homepage.jpg) no-repeat center bottom;
}

#wrapper.istituzionale #testata{
	background: url(../img/sfondo-testata-istituzionale.jpg) no-repeat center bottom;
}

#wrapper.nebbie #testata{
	background: url(../img/sfondo-testata-nebbie.jpg) no-repeat center bottom;
}

#wrapper.polveri #testata{
	background: url(../img/sfondo-testata-polveri.jpg) no-repeat center bottom;
}

#wrapper.fumi #testata{
	background: url(../img/sfondo-testata-fumi.jpg) no-repeat center bottom;
}

#wrapper.idraulica #testata{
	background: url(../img/sfondo-testata-idraulica.jpg) no-repeat center bottom;
}

#wrapper.applicazioni #testata{
	background: url(../img/sfondo-testata-applicazioni.jpg) no-repeat center bottom;
}

#wrapper.forni #testata{
	background: url(../img/sfondo-testata-forni.jpg) no-repeat center bottom;
}

#wrapper.assistenza #testata{
	background: url(../img/sfondo-testata-assistenza.jpg) no-repeat center bottom;
}

#testata h1 {
	height: 77px;
	margin: 0;
	padding: 0;
	background: url(../img/logo-enercon.gif) no-repeat 39px 17px;
	text-indent: -3000px;
}

#wrapper.homepage #testata h1 {
	height: 77px;
	margin: 0;
	padding: 0;
	background: url(../img/logo-enercon-homepage.gif) no-repeat center bottom;
	text-indent: -3000px;
}




/* [3.0] MENU PRINCIPALE
------------------------------------------------------------------------------------------ */
#navigazione {
	float: left;
	width: 185px;
	height: 307px;
	margin-top: 22px;
	background: url(../img/sfondo-menu-principale.jpg) no-repeat 0 0;
}

#navigazione ul {
	margin: 0;
	padding: 7px 0 0 7px;
	list-style: none;
}

#navigazione li {
	height: 30px;
}

#navigazione li a {
	display: block;
	height: 30px;
	text-indent: -3000px;
}

#navigazione li#homepage {
	background: url(../img/tasto-menu-principale-homepage-off.jpg) no-repeat 0 0;
}

#navigazione li#homepage a.selezionato {
	background: url(../img/tasto-menu-principale-homepage-on.jpg) no-repeat 0 0;
	cursor: default;
}

#navigazione li#profilo {
	background: url(../img/tasto-menu-principale-profilo-aziendale-off.jpg) no-repeat 0 0;
}

#navigazione li#profilo a.selezionato {
	background: url(../img/tasto-menu-principale-profilo-aziendale-on.jpg) no-repeat 0 0;
	cursor: default;
}

#navigazione li#contatti {
	background: url(../img/tasto-menu-principale-contatti-off.jpg) no-repeat 0 0;
}

#navigazione li#contatti a.selezionato {
	background: url(../img/tasto-menu-principale-contatti-on.jpg) no-repeat 0 0;
	cursor: default;
}

#navigazione li#sedi {
	background: url(../img/tasto-menu-principale-sedi-off.jpg) no-repeat 0 0;
}

#navigazione li#sedi a.selezionato {
	background: url(../img/tasto-menu-principale-sedi-on.jpg) no-repeat 0 0;
	cursor: default;
}

#navigazione li#prodotti {
	background: url(../img/tasto-menu-principale-prodotti-off.jpg) no-repeat 0 0;
}

#navigazione li#prodotti a.selezionato {
	background: url(../img/tasto-menu-principale-prodotti-on.jpg) no-repeat 0 0;
	cursor: default;
}






/* [4.0] CONTENUTO
------------------------------------------------------------------------------------------ */
#contenuto {
	float: right;
	width: 610px;
	margin-top: 26px;
}




/* [4.1] TITOLI DI PAGINA
------------------------------------------------------------------------------------------ */
h2 {
	height: 15px;
	margin: 0 0 23px 7px;
	padding: 0;
	text-indent: -3000px;
}

h2.azienda {
	background: url(../img/titolo-pagina-azienda.gif) no-repeat 0 0;
}

h2.contatti {
	background: url(../img/titolo-pagina-contatti.gif) no-repeat 0 0;
}

h2.sedi {
	background: url(../img/titolo-pagina-sedi.gif) no-repeat 0 0;
}

h2.prodotti {
	background: url(../img/titolo-pagina-prodotti.gif) no-repeat 0 0;
}

h2.nebbie {
	background: url(../img/titolo-pagina-nebbie.gif) no-repeat 0 0;
}

h2.polveri {
	background: url(../img/titolo-pagina-polveri.gif) no-repeat 0 0;
}

h2.fumi {
	background: url(../img/titolo-pagina-fumi.gif) no-repeat 0 0;
}

h2.idraulica {
	background: url(../img/titolo-pagina-idraulica.gif) no-repeat 0 0;
}

h2.applicazioni {
	background: url(../img/titolo-pagina-applicazioni.gif) no-repeat 0 0;
}

h2.forni {
	background: url(../img/titolo-pagina-forni.gif) no-repeat 0 0;
}

h2.assistenza {
	background: url(../img/titolo-pagina-assistenza.gif) no-repeat 0 0;
}




/* [4.2] TESTO
------------------------------------------------------------------------------------------ */
#contenuto p {
	margin: 0 7px 10px 7px;
	line-height: 150%;
	text-align: justify;	
}

#wrapper.homepage #corpo ul {
	width: 228px;
	margin: 60px auto 0 auto;
	padding: 0;
	list-style: none;
}

#wrapper.homepage #corpo li {
	margin-bottom: 24px;
}

#wrapper.homepage #corpo ul a {
	display: block;
	height: 18px;
	text-indent: -3000px;
}

#wrapper.homepage #corpo ul a.italiano {
	background: url(../img/testo-homepage-italiano.gif) no-repeat 0 0;
}

#wrapper.homepage #corpo ul a.spagnolo {
	background: url(../img/testo-homepage-spagnolo.gif) no-repeat 0 0;
}

#wrapper.homepage #corpo ul a.inglese {
	background: url(../img/testo-homepage-inglese.gif) no-repeat 0 0;
}

#wrapper.homepage #corpo ul a.rumeno {
	background: url(../img/testo-homepage-rumeno.gif) no-repeat 0 0;
}

#wrapper.homepage #corpo ul a.russo {
	background: url(../img/testo-homepage-russo.gif) no-repeat 0 0;
}

#wrapper.homepage #corpo ul a.arabo {
	background: url(../img/testo-homepage-arabo.gif) no-repeat 0 0;
}




/* [4.2.1] LINKS
------------------------------------------------------------------------------------------ */
#contenuto a {
	color: #333;
	background-color: inherit;
}

#wrapper.istituzionale #contenuto a:hover {
	color: #00507E;
	background-color: inherit;
}

#wrapper.nebbie #contenuto a:hover {
	color: #E95E1D;
	background-color: inherit;
}

#wrapper.polveri #contenuto a:hover {
	color: #FFDC00;
	background-color: inherit;
}

#wrapper.fumi #contenuto a:hover {
	color: #9D6D8C;
	background-color: inherit;
}

#wrapper.idraulica #contenuto a:hover {
	color: #82CAD1;
	background-color: inherit;
}

#wrapper.applicazioni #contenuto a:hover {
	color: #D7A87C;
	background-color: inherit;
}

#wrapper.forni #contenuto a:hover {
	color: #E8526B;
	background-color: inherit;
}

#wrapper.assistenza #contenuto a:hover {
	color: #97BE0D;
	background-color: inherit;
}




/* [4.2.2] Immagini nel testo
------------------------------------------------------------------------------------------ */
#contenuto p img {
	float: right;
	margin: 0 0 10px 15px;
}




/* [4.3] CONTATTI
------------------------------------------------------------------------------------------ */
#contenitoreContatti p {
	margin-top: 40px;
}

#contenitoreContatti p.primoElemento {
	margin-top: 0px;
}

#contenitoreContatti img {
	margin-bottom: 10px;
}




/* [4.4] MAPPE DI GOOGLE
------------------------------------------------------------------------------------------ */
#map_canvas {
	margin: 0 7px 10px 7px;
	border: 5px solid #E7E7E7;
	width: 585px;
	height: 390px;
}




/* [4.5] ELENCO PRODOTTI
------------------------------------------------------------------------------------------ */
.elencoProdotti {
	margin: 0 7px 10px 7px;;
	padding: 0;
	list-style: none;
}

.elencoProdotti li {
	margin-bottom: 10px;
}

.elencoProdotti a {
	display: block;
	height: 61px;
}

.elencoProdotti a span {
	display: block;
	height: 15px;
	margin-left: 70px;
	text-indent: -3000px;
	cursor: pointer;
}

.elencoProdotti a.nebbie {
	background: url(../img/icona-elenco.prodotti-nebbie-off.jpg) no-repeat 0 0;
}

.elencoProdotti a.nebbie:hover {
	background: url(../img/icona-elenco.prodotti-nebbie-on.jpg) no-repeat 0 0;
}

.elencoProdotti a.nebbie span {
	width: 273px;
	background: url(../img/testo-elenco-prodotti-nebbie.gif) no-repeat 0 0;
}

.elencoProdotti a.polveri {
	background: url(../img/icona-elenco.prodotti-polveri-off.jpg) no-repeat 0 0;
}

.elencoProdotti a.polveri:hover {
	background: url(../img/icona-elenco.prodotti-polveri-on.jpg) no-repeat 0 0;
}

.elencoProdotti a.polveri span {
	width: 273px;
	background: url(../img/testo-elenco-prodotti-polveri.gif) no-repeat 0 0;
}

.elencoProdotti a.fumi {
	background: url(../img/icona-elenco.prodotti-fumi-off.jpg) no-repeat 0 0;
}

.elencoProdotti a.fumi:hover {
	background: url(../img/icona-elenco.prodotti-fumi-on.jpg) no-repeat 0 0;
}

.elencoProdotti a.fumi span {
	width: 273px;
	background: url(../img/testo-elenco-prodotti-fumi.gif) no-repeat 0 0;
}

.elencoProdotti a.idraulica {
	background: url(../img/icona-elenco.prodotti-idraulica-off.jpg) no-repeat 0 0;
}

.elencoProdotti a.idraulica:hover {
	background: url(../img/icona-elenco.prodotti-idraulica-on.jpg) no-repeat 0 0;
}

.elencoProdotti a.idraulica span {
	width: 273px;
	background: url(../img/testo-elenco-prodotti-idraulica.gif) no-repeat 0 0;
}

.elencoProdotti a.applicazioni {
	background: url(../img/icona-elenco.prodotti-applicazioni-off.jpg) no-repeat 0 0;
}

.elencoProdotti a.applicazioni:hover {
	background: url(../img/icona-elenco.prodotti-applicazioni-on.jpg) no-repeat 0 0;
}

.elencoProdotti a.applicazioni span {
	width: 273px;
	background: url(../img/testo-elenco-prodotti-applicazioni.gif) no-repeat 0 0;
}

.elencoProdotti a.forni {
	background: url(../img/icona-elenco.prodotti-forni-off.jpg) no-repeat 0 0;
}

.elencoProdotti a.forni:hover {
	background: url(../img/icona-elenco.prodotti-forni-on.jpg) no-repeat 0 0;
}

.elencoProdotti a.forni span {
	width: 273px;
	background: url(../img/testo-elenco-prodotti-forni.gif) no-repeat 0 0;
}

.elencoProdotti a.assistenza {
	background: url(../img/icona-elenco.prodotti-assistenza-off.jpg) no-repeat 0 0;
}

.elencoProdotti a.assistenza:hover {
	background: url(../img/icona-elenco.prodotti-assistenza-on.jpg) no-repeat 0 0;
}

.elencoProdotti a.assistenza span {
	width: 273px;
	background: url(../img/testo-elenco-prodotti-assistenza.gif) no-repeat 0 0;
}




/* [4.6] TABSET
------------------------------------------------------------------------------------------ */
div.tabContainer {
	position: relative;
	width: 610px;
}

div.tabContainer #correzioneSinistra {
	position: absolute;
	top: 27px;
	left: 0;
	width: 7px;
	height: 14px;
	
	background: url(../img/sfondo-tabset-correzione.jpg) no-repeat 0 0;
	z-index: 10;
}

div.tabContainer span.settori {
	display: block;
	width: 40px;
	height: 14px;
	margin: auto;
	margin-top: 9px;
	background: url(../img/sfondo-tabset-label-settori.gif) no-repeat 0 0;
	text-indent: -3000px;
}

div.tabContainer span.caratteristiche {
	display: block;
	width: 84px;
	height: 14px;
	margin: auto;
	margin-top: 9px;
	background: url(../img/sfondo-tabset-label-caratteristiche.gif) no-repeat 0 0;
	text-indent: -3000px;
}

div.tabContainer span.galleria {
	display: block;
	width: 46px;
	height: 14px;
	margin: auto;
	margin-top: 9px;
	background: url(../img/sfondo-tabset-label-galleria.gif) no-repeat 0 0;
	text-indent: -3000px;
}

div.tabContainer span.documentazione {
	display: block;
	width: 87px;
	height: 14px;
	margin: auto;
	margin-top: 9px;
	background: url(../img/sfondo-tabset-label-documentazione.gif) no-repeat 0 0;
	text-indent: -3000px;
}




/* [4.6.1] CARATTERISTICHE TECNICHE
------------------------------------------------------------------------------------------ */
div.tabContainer ul.elencoCaratteristiche {
	margin: 20px 0 0 20px;
	padding: 0;
}

#wrapper.istituzionale ul.elencoCaratteristiche {
	list-style: url(../img/bullet-istituzionale.gif);
}

#wrapper.nebbie ul.elencoCaratteristiche {
	list-style: url(../img/bullet-nebbie.gif);
}

#wrapper.polveri ul.elencoCaratteristiche {
	list-style: url(../img/bullet-polveri.gif);
}

#wrapper.fumi ul.elencoCaratteristiche {
	list-style: url(../img/bullet-fumi.gif);
}

#wrapper.idraulica ul.elencoCaratteristiche {
	list-style: url(../img/bullet-idraulica.gif);
}

#wrapper.applicazioni ul.elencoCaratteristiche {
	list-style: url(../img/bullet-applicazioni.gif);
}

#wrapper.forni ul.elencoCaratteristiche {
	list-style: url(../img/bullet-forni.gif);
}

#wrapper.assistenza ul.elencoCaratteristiche {
	list-style: url(../img/bullet-assistenza.gif);
}

div.tabContainer ul.elencoCaratteristiche li {
	margin-bottom: 5px;
	text-align: justify;
}




/* [4.6.2] GALLERIA FOTOGRAFICA
------------------------------------------------------------------------------------------ */
div.tabContainer div.galleriaFotografica {
	margin: 25px 0 0 15px;
	padding: 0;
}

.galleriaFotografica .riga {
	margin: 0 0 12px 0;
	height: 125px;
}

.galleriaFotografica .riga div {
	float: left;
	margin: 0 0 0 12px;
	width: 125px;
	height: 125px;
}

.galleriaFotografica .riga div img {
	display: block;
	margin: auto;
}

.galleriaFotografica .riga .primoElemento {
	margin-left: 0;
}

.galleriaFotografica .riga div a {
	display: block;
	border: 5px solid #E7E7E7;
}

#wrapper.istituzionale .galleriaFotografica .riga div a:hover {
	border: 5px solid #00507E;
}

#wrapper.nebbie .galleriaFotografica .riga div a:hover {
	border: 5px solid #E95E1D;
}

#wrapper.polveri .galleriaFotografica .riga div a:hover {
	border: 5px solid #FFDC00;
}

#wrapper.fumi .galleriaFotografica .riga div a:hover {
	border: 5px solid #9D6D8C;
}

#wrapper.idraulica .galleriaFotografica .riga div a:hover {
	border: 5px solid #82CAD1;
}

#wrapper.applicazioni .galleriaFotografica .riga div a:hover {
	border: 5px solid #D7A87C;
}

#wrapper.forni .galleriaFotografica .riga div a:hover {
	border: 5px solid #E8526B;
}

#wrapper.assistenza .galleriaFotografica .riga div a:hover {
	border: 5px solid #97BE0D;
}




/* [4.6.3] DOCUMENTAZIONE
------------------------------------------------------------------------------------------ */
ul.elencoDocumentazione {
	margin: 20px 0 0 20px;
	padding: 0 0 40px 0; /* Il padding inferiore è stato aggiunto per mantenere l'aspetto del tabset in presenza di un solo documento */
	list-style: none;
}

ul.elencoDocumentazione li {
	margin-bottom: 5px;
}

ul.elencoDocumentazione a.schedaTecnicaPDF {
	display: block;
	width: 146px;
	height: 49px;
	background: url(../img/tasto-scheda-tecnica-pdf.jpg) no-repeat 0 center;
	text-indent: -3000px;
}

ul.elencoDocumentazione a.elencoReferenze {
	display: block;
	width: 162px;
	height: 49px;
	background: url(../img/tasto-elenco-referenze-pdf.jpg) no-repeat 0 center;
	text-indent: -3000px;
}




/* [5.0] FOOTER
------------------------------------------------------------------------------------------ */
#footer {
	clear: both;
	height: 20px;
	text-indent: -3000px;
}

#wrapper.homepage #footer {
	position: absolute;
	width: 99%;
	text-align: right;
	text-indent: 0;
}




/* [6.0] RIDEFINIZIONE TAG GENERICI E CLASSI COMUNI
------------------------------------------------------------------------------------------ */
img {
	border: none;
}