body
{ 
	background-image: url(immagini/pattern2.gif);
	background-position: top;
	background-color: #E0E0E0;

	font-family:  Verdana, sans-serif;

	color: #555753; 
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px;
	text-align: center;
	z-index: 2;
	position: relative;
	}

#layout
{
	margin:5px auto 0px auto;
	padding: 0px;
	border: 0px;
	width: 772px;
	text-align: left;	
}

/*---------------------- TESTA ----------------------*/

#testa
{
	background-image: url(immagini/testa_03.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 772px;
	height: 130px;
	margin: 0px;
	padding: 0px;
	position: relative;
}

#testa h1#newser
{
	margin: 0px;
	padding: 14px 0px 0px 25px;
	width: 224px;
	height: 116px;
	font-family: Georgia , Verdana, Geneva, sans-serif;
	font-size: 15px;
	color: #919297;
	background: url(immagini/new-serramenti_06.jpg);
	background-repeat: no-repeat;
	background-position: 22px 12px;
}

#testa  a
{
	width: 224px;
	height: 116px;
 	position:  relative;
 	float: left;
 	font-family: Georgia , Verdana, Geneva, sans-serif;
 	color: #919297;
 	font-size: 2px;
 	text-decoration: none;
}
#testa  a:hover
{
 	color: #919297;
 	text-decoration: none;
}

#testa   span
{
 	z-index: -1;
 	position:  relative;
}




#pagina
{
	margin: 0px;
	padding: 0px 11px 0px 11px;
	width: 750px;
	float: left;
	background-image: url(immagini/sfondo_06.gif);
	background-repeat:  repeat-y;
	
}

#contenutohome
{
	margin: 0px;
	padding: 0px;
	width: 750px;
	float: left;
	background-color: #929395;
	background-position: right top;
	background-repeat:  no-repeat;
	background-image: url(immagini/sfondo-serramenti-porte2_09.jpg);
	height: 483px;
}
#contenutoazienda
{
	margin: 0px;
	padding: 0px;
	width: 750px;
	float: left;
	background-color: #929395;
	background-position: right top;
	background-repeat:  no-repeat;
	background-image: url(immagini/sfondo-azienda_09.jpg);
	height: 483px;

}

#contenutocontatti
{
	margin: 0px;
	padding: 0px;
	width: 750px;
	float: left;
	background-color: #929395;
	background-position: right top;
	background-repeat:  no-repeat;
	background-image: url(immagini/sfondo-contatti_09.jpg);
	height: 483px;

}

#contenutoprodotti
{
	margin: 0px;
	padding: 0px;
	width: 750px;
	float: left;
	background-color: #929395;
	background-position: right top;
	background-repeat:  no-repeat;
	background-image: url(immagini/sfondo-prodotti_09.jpg);
	height: 483px;

}

#contenutoporte
{
	margin: 0px;
	padding: 0px;
	width: 750px;
	float: left;
	background-color: #929395;
	background-position: right top;
	background-repeat:  no-repeat;
	background-image: url(immagini/porte_09.jpg);
	height: 483px;

}

#contenutoserramenti
{
	margin: 0px;
	padding: 0px;
	width: 750px;
	float: left;
	background-color: #929395;
	background-position: right top;
	background-repeat:  no-repeat;
	background-image: url(immagini/serramenti_09.jpg);
	height: 483px;

}

#contenutooscuranti
{
	margin: 0px;
	padding: 0px;
	width: 750px;
	float: left;
	background-color: #929395;
	background-position: right top;
	background-repeat:  no-repeat;
	background-image: url(immagini/oscuranti_09.jpg);
	height: 483px;

}
#contenutoaltri
{
	margin: 0px;
	padding: 0px;
	width: 750px;
	float: left;
	background-color: #929395;
	background-position: right top;
	background-repeat:  no-repeat;
	background-image: url(immagini/altri-prodotti_09.jpg);
	height: 483px;

}
#contenutomappa
{
	margin: 0px;
	padding: 20px;
	width: 710px;
	float: left;
	background-color: #FFFFFF;
	background-position: right top;
	background-repeat:   repeat-x;
	background-image: url(immagini/sfondo-mappa.jpg);
	height: 750px;
	font-size: 12px;
 	font-family:  Verdana, Geneva, Arial, Helvetica, sans-serif;
	line-height: 1.5em;
}

#contenutomappa a
{
	 color: #000000;
	 text-decoration: none;
}

#contenutomappa a:hover
{
	 color: #E3007A;
	 text-decoration:  underline;
}

#contenutomappa h6
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #1B2D7F;
	border-bottom: 1px solid #E30076;
	letter-spacing: 0.1em;
	line-height: 1.5em;
	float: left;
	width: 690px;
}

#contenutomappa ul
{
 clear: both;
}
/*---------------------- CODA ----------------------*/

#coda
{
	margin: 0px;
	padding: 2px 20px 0px 80px;
	width: 672px;
	height:79px;
	float: left;
	font-size: 12px;
 	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans",  Verdana, Tahoma, Helvetica;
 	text-transform: uppercase;
 	letter-spacing: 0.1em;
	text-align:center;
	color: White;
	
	background-image: url(immagini/coda_11.jpg);
	background-repeat: no-repeat;
}

#coda  a 
{
	color: White;
	text-decoration:none;
	text-transform:  uppercase;
}

#coda  a:hover 
{
	color:#E30076;
	text-decoration:none;
	text-transform:  uppercase;
}

#coda .freccia
{
	padding-left: 17px;
	background-image: url(immagini/prodottifreccia.gif);
	background-position: 0px 2px;
	background-repeat: no-repeat;
}




/*---------------------- PAGINA ----------------------*/


h2
{
	margin: 0px 0px 10px 0px;
	padding: 20px 0px 3px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #1B2D7F;
	border-bottom: 1px solid #E30076;
	letter-spacing: 0.1em;
	float: right;
	width: 432px;
}

#pagina-destra
{
	margin: 0px;
	padding: 0px 18px 0px 0px;
	width: 563px;
	float: right;
	height: 373px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #1B2D7F;
	line-height: 1.5em;
}
#pagina-destra p
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: right;
	width: 432px;
	text-align: justify;
	color: Black;
}

#pagina-destra a
{
	color: #1B2D7F;
	font-weight: bold;
	text-decoration: none;
}

#pagina-destra a:hover
{
	color: #E30076;
	text-decoration: underline;
}

#pagina-destra #contatti
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: right;
	width: 432px;
	text-align: justify;
	color: Black;

}





#map
{
	margin: 20px 0px 0px 0px;
	padding: 0px;
	 border: 1px solid black;
	 float:right;
}

/*** Scheda prodotti **/

h3
{
	margin: 0px 0px 10px 0px;
	padding: 20px 0px 3px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #1B2D7F;
	border-bottom: 1px solid #E30076;
	letter-spacing: 0.1em;
	float: right;
	width: 510px;
}

#pagina-destra #listafoto3
{
	margin: 5px 0px 5px 0px;
	padding: 0px 10px 0px 0px;
	float: right;
	width: 250px;
}
#pagina-destra #listafoto3 img
{
	border: 0px;
	margin:0px;
	padding: 0px;
}

#pagina-destra #listafoto3 a
{
	margin : 0px 0px 0px 0px;
	padding: 4px;
	width: 240px;
	height: 240px;
	float: left;
	border: 1px solid #1B2D7F;
	background-color: #E1E2E6;
}

#pagina-destra #listafoto3 a:hover
{
	border: 1px solid #E30076;
	background-color: #CBB4C1;
}

#pagina-destra #listafoto4
{
	margin: 5px 0px 8px 0px;
	padding: 0px 10px 0px 0px;
	float: right;
	width: 255px;
}
#pagina-destra #listafoto4 img
{
	border: 0px;
	margin:0px;
	padding: 0px;
}

#pagina-destra #listafoto4 a
{
	margin : 0px 0px 0px 5px;
	padding: 4px;
	width: 70px;
	height: 70px;
	float: left;
	border: 1px solid #1B2D7F;
	background-color: #E1E2E6;
}

#pagina-destra #listafoto4 a:hover
{
	border: 1px solid #E30076;
	background-color: #CBB4C1;
}

#pagina-destra p#prodotti
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 5px;
	float: right;
	width: 245px;
	height: 420px;
	text-align: justify;
	color: Black;
}

#pagina-destra #listafoto5
{
	margin: 0px 0px 4px 0px;
	padding: 0px 0px 0px 0px;
	float: right;
	width: 462px;
}
#pagina-destra #listafoto5 img
{
	border: 0px;
	margin:0px;
	padding: 0px;
}

#pagina-destra #listafoto5 a
{
	margin : 0px 3px 0px 0px;
	padding: 2px;
	width: 25px;
	height: 25px;
	float: left;
	border: 1px solid #1B2D7F;
	background-color: #E1E2E6;
}

#pagina-destra #listafoto5 a:hover
{
	border: 1px solid #E30076;
	background-color: #CBB4C1;
}

/*** lista foto azienda ***/

#pagina-destra #listafoto2
{
	margin: 8px 0px 8px 0px;
	padding: 0px 0px 0px 0px;
	float: right;
	width: 432px;
}
#pagina-destra #listafoto2 img
{
	border: 0px;
	margin:0px;
	padding: 0px;
}

#pagina-destra #listafoto2 a
{
	margin : 0px 4px 0px 4px;
	padding: 4px;
	width: 414px;
	height: 90px;
	float: left;
	border: 1px solid #1B2D7F;
	background-color: #E1E2E6;
}

#pagina-destra #listafoto2 a:hover
{
	border: 1px solid #E30076;
	background-color: #CBB4C1;
}

#pagina-destra #listafoto
{
	margin: 8px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: right;
	width: 432px;
}

#pagina-destra #listafoto img
{
	border: 0px;
	margin: 0px;
	padding: 0px;
}

#pagina-destra #listafoto a
{
	margin : 0px 4px 0px 4px;
	padding: 4px;
	width: 90px;
	height: 90px;
	float: left;
	border: 1px solid #1B2D7F;
	background-color: #E1E2E6;
}

#pagina-destra #listafoto a:hover
{
	border: 1px solid #E30076;
	background-color: #CBB4C1;
}



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

#menu
{
	margin: 0px;
	padding: 0px 0px 0px 0px;
    width: 169px;
	height: 360px;
	float: left;

}


#menu ul
{
	width: 169px;
	padding: 11px 0px 0px 0px;
	margin: 0px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;

}

#menu li
{
	list-style-type: none;
	margin: 0px 0px 17px 0px;
	padding: 0px;

	width: 169px;
	height: 39px;
	float: left;

	
}
#menu span
{
	 position: relative;
	 z-index: -2;
	 background-color: #929395;
}


#menu a
{
	 width: 169px;
	height: 39px;
	float: left;
	margin: 0px;
	padding: 0px; 
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-decoration: none;

}


#menu .azienda
{
	background-image: url(immagini/menu-azienda.gif);	
}

#menu  .prodotti
{
	background-image: url(immagini/menu-prodotti.gif);
}

#menu .contatti
{
	background-image: url(immagini/menu-contatti.gif);
}

#menu  .news
{
	background-image: url(immagini/menu-news.gif);
}


#menu li a:hover
{
	background-position: 0px -39px;
	background-repeat: no-repeat;
}

#menu #selezionato
{
	background-position: 0px -78px;
	background-repeat: no-repeat;
}



/***** Menu Alto **********/

#menualto
{
	margin: 0px;
	padding: 0px 0px 0px 245px;
	width: 505px;
	height: 20px;
	float: left;
	background-color: #1B2D7F;
   color: white;
	position: relative;

}

#menualto #iconahome a
{
	background-image: url(immagini/iconahome2.gif);
	background-position: 0px 0px;
	background-repeat:  no-repeat;
	float: right;
	width: 12px;
	height: 16px;
	margin-right: 8px;

}


#menualto #iconahome a:hover
{

	background-position: 0px -16px;

}

#menualto #iconahome span
{
	 display: none;
}



/*-----------------Lista prodotti ---------------------*/


h4
{
	margin: 0px 0px 10px 0px;
	padding: 20px 0px 3px 17px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #1B2D7F;
	border-bottom: 1px solid #E30076;
	letter-spacing: 0.1em;
	float: right;
	width: 415px;
	background-image: url(immagini/qua2.gif);
	 background-repeat: no-repeat;
	 background-position: 0px 23px;
}

#titolip a
{
	color: Lime;
	text-decoration: none;
}

#listaprodotti 
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: right;
	width: 432px;
	color: Black;
}

#listaprodotti ul
{
	width: 432px;
	padding: 11px 0px 0px 0px;
	margin: 0px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;

}

#listaprodotti li
{
	list-style-type: none;
	margin: 0px 0px 4px 0px;
	padding: 0px;

	width: 400px;
	height: 30px;
	float: left;

	
}

#listaprodotti img
{
	border: 0px;
	margin:0px;
	padding: 0px;
}



#listaprodotti .listaprodottiimg a
{
	margin : 0px 0px 0px 0px;
	padding: 2px;
	width: 25px;
	height: 25px;
	float: left;
	border: 1px solid #1B2D7F;
	background-color: #E1E2E6;
}

#listaprodotti  .listaprodottiimg a:hover
{
	border: 1px solid #E30076;
	background-color: #CBB4C1;
}


 #listaprodotti .prodottilink a
{
	
	margin : 0px 0px 0px 10px;
	padding: 3px 2px 2px 2px;
	height: 25px;
	float: left;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;

	letter-spacing: 0.1em;
}

 #listaprodotti .prodottilink a:hover
{

}

#gruppolink a
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-transform: capitalize;
}

#gruppolink a:hover
{
	 text-decoration: none;
}

/* =nav ------------------------------------------------------ */
#nav {

}
#nav, #nav ul {
 padding: 0;
 margin: 0;
 list-style: none;
}
#nav li {
 float: left;
 position: relative;
 font-size: 13px;
 font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans",  Verdana, Tahoma, Helvetica;
 text-transform: uppercase;
 letter-spacing: 0.2em;
 color: #fff;
 width: 140px;
 padding: 0px;
 /*border-right: 1px solid #E1E2E6;*/
}
#nav li ul {
 display: none;
 position: absolute;
 top: 20px;
 left: 0;

}
#nav ul li { 
 padding: 0;
 background: transparent none;
 border-right: none;
 width: 160px;
 text-transform: uppercase;
 float: none;
 display: block;
 font-size: 11px;
 font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans",  Verdana, Tahoma, Helvetica;
 letter-spacing: 0.1em;
}

#nav li>ul { top: 20px; left: 0; }
#nav li:hover ul, #nav li.over ul { display: block; z-index: 9999; }
#nav li a {
 display: block;
 padding: 6px 6px 6px 8px;
 text-decoration: none;
 color: White;
 background: #1B2D7F;
}
#nav li li a { height: 1%; border-bottom: 1px solid #1B2D7F; }
#nav li a:hover { background: #162B9A; color: #E30076; }
li#navHome, li#navserramenti, li#navporte, li#navoscuranti {
 height: 18px;
 padding: 2px 10px 0px 10px;
}
#nav li#selezionato a
{
	 background: #787878;
}
#nav li#selezionato a:hover
{
	 background: #575757;
}
#navserramenti:hover, #navporte:hover, #navoscuranti:hover, #nav li.over, #about #navserramenti #navporte #navoscuranti { background: #1B2D7F; }
#nav .baseNav  { padding: 0; margin: 0; background: transparent none; }
#nav a.baseNav:hover { background: transparent none; }
#nav #navHome {  }
#nav #navHome:hover, #nav #navHome.over { background:  #9B9EA3 ; }
#nav #navResources { border-right: none; }
#nav #navResources:hover, #nav #navResources.over, #resources #navResources {background: #9B9EA3 ; }
#nav li li a.subLast {
 background: transparent;
 border-bottom: none;
}
#nav li a.subLast:hover { background: transparent; }


/** Copyright **/

#destefani
{
	margin: 5px;
	height: 20px;
	width:100%;
	text-align:center;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#575757;
}

.icona
{
	border: 0px;
}

#destefani a 
{
	color:#00487D;
	text-decoration:none;
}

#destefani a:hover 
{
	color:#00487D;
	text-decoration: underline;
}