@charset "utf-8";
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0; /* è buona norma impostare a zero i valori margin e padding dell'elemento body per tenere conto delle diverse impostazioni predefinite dei browser*/
	padding: 0;
	text-align: center; /* centra il contenitore nei browser IE 5*. Il testo viene quindi impostato con l'allineamento predefinito a sinistra nel selettore #container */
}

.oneColFixCtrHdr #container {
	width: 1000px;  /* utilizzando 20 px in meno rispetto alla dimensione piena di 800 px lascia spazio per gli elementi grafici e strutturali del browser ed evita che venga visualizzata una barra di scorrimento orizzontale */
	margin: 0 auto; /* i margini auto (insieme a una larghezza) centrano la pagina */
	text-align: left; /* sostituisce l'impostazione text-align: center nell'elemento body. */
	position:relative;
	text-align: left; /* sostituisce l'impostazione text-align: center nell'elemento body. */
}

.oneColFixCtrHdr #container.general {
	background-color:transparent;
}

.oneColFixCtrHdr #container.prepara, * html div.prepara {
	background-image: url(../images/bg_cuoce.jpg);
	background-repeat: no-repeat;
}

/* CREIAMO UNA CLASSE PER OGNI TIPOLOGIA (PREPARA, CUOCE, CONSERVA, ECC.) */

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

.oneColFixCtrHdr #header a{
position:absolute;
display:block;
width:628px;
height:105px;
text-indent:-500em;
letter-spacing:-500em;
}
.oneColFixCtrHdr #header {
	background:url(../images/testata_general.jpg) no-repeat; 
	margin: 0;
	height: 105px;
	width:628px;
	float:left;
}

.oneColFixCtrHdr #header h1 span {
	display:none;
}

.oneColFixCtrHdr #header h3 {
	text-align:right;
	font-size:12px;
	font-weight:lighter; 
	margin: 70px 5px auto auto;
	color: #2B2B2B;
}

/*---------------------------------------------------------------------------MENU-ALTO-----------------------------------------------------------------------------------------
*/
.oneColFixCtrHdr #menu_alto {
	height: 95px;
	margin: 0;
	padding: 0;
	width: 365px; /*285px;*/
	position:relative;
	text-align:right;
	margin-top:10px;
	float: right;
}

.oneColFixCtrHdr #menu_alto img {
	border: none 0px transparent;
	vertical-align: top;
}


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

.oneColFixCtrHdr #image {
	background: #FFFFFF;
	margin: 0;
	height: 203px;
	background:url(../images/head_cuoce.jpg);
	clear:left;
}

.oneColFixCtrHdr #image h2 span{
	display:none;
}

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

.oneColFixCtrHdr #menu_basso {
	position:relative;
	top: -23px;
	min-height: 293px;
	height: auto !important;
	height: 293px;
	clear: both;
	padding-left: 90px;

}
.oneColFixCtrHdr #menu_basso .sottomenu {
	width:153px;
	min-height:290px;
	height:auto;
	margin-right: 11px;
	float: left;
	overflow: visible;
}
.oneColFixCtrHdr #menu_basso .sottomenu h3 {
	font-size: 12px;
	text-align: center;
	color: #df8400;
	margin-top:13px;
	margin-bottom:13px;
	white-space: nowrap;
}
.oneColFixCtrHdr #menu_basso .sottomenu h3. {
	font-size: 12px;
	text-align: center;
	color: #577a36;
	margin-top:7px;
	margin-bottom:5px;
}

.oneColFixCtrHdr #menu_basso .sottomenu img {
	margin: 0;
	padding: 0;
	display: block;
}

ul.menu_famiglie {
	width: 153px;
	margin: 10px 0;
	padding: 0;
	display: block;
}

ul.menu_famiglie li {
	font-size:11px;
	color: #3C3C3C;
	width: 153px;
	display: block;
	margin: 3px 0;
	padding: 0;
	list-style-type: none;
	min-height: 16px;
	height: auto !important;
	height: 16px;
	line-height: 11px;
	background-position: 0% 0%;
	background-repeat: repeat-y;
	position: relative;
}

ul.menu_famiglie li a {
	text-decoration:none;
	color:#3C3C3C;
}

ul.menu_famiglie li p {
	position: relative;
	z-index: 5;
	margin: 0;
	padding: 3px 6px 4px 6px;
	display: block;
}
ul.menu_famiglie li div.sopra {
	width: 153px;
	margin: 0;
	padding: 0;
	height: 8px;
	display: block;
	overflow: hidden;
	position: absolute;
	z-index: 4;
	top: 0px;
	left: 0px;
	right: 0px;
	background-position: 0% 0%;
	background-repeat: no-repeat;
}
ul.menu_famiglie li div.sotto {
	width: 153px;
	margin: 0;
	padding: 0;
	display: block;
	height: 8px;
	overflow: hidden;
	position: absolute;
	z-index: 4;
	bottom: -1px;
	left: 0px;
	right: 0px;
	background-position: 0% 0%;
	background-repeat: no-repeat;
}
/*eccezioni formattazione liste menu prodotti------------------------------------------------------------------------------------------------------------------ */


ul.preparaLista li  {

		background-image: url(../images/pezzo-centro-prepara.jpg);

}

ul.preparaLista li div.sopra {

	background-image: url(../images/pezzo-sopra-prepara.jpg);
}
ul.preparaLista li div.sotto {
	background-image: url(../images/pezzo-sotto-prepara.jpg);
}


ul.presentaLista li  {
		background-image: url(../images/pezzo-centro-presenta.jpg);

}

ul.presentaLista li div.sopra {

	background-image: url(../images/pezzo-sopra-presenta.jpg);
}
ul.presentaLista li div.sotto {
	background-image: url(../images/pezzo-sotto-presenta.jpg);
}


ul.cuoceLista li  {
		background-image: url(../images/pezzo-centro-cuoce.jpg);

}

ul.cuoceLista li div.sopra {

	background-image: url(../images/pezzo-sopra-cuoce.jpg);
}
ul.cuoceLista li div.sotto {
	background-image: url(../images/pezzo-sotto-cuoce.jpg);
}


ul.conservacuoceLista li  {
		background-image: url(../images/pezzo-centro-conservacuoce.jpg);

}

ul.conservacuoceLista li div.sopra {

	background-image: url(../images/pezzo-sopra-conservacuoce.jpg);
}
ul.conservacuoceLista li div.sotto {
	background-image: url(../images/pezzo-sotto-conservacuoce.jpg);
}


ul.congelaLista li  {
		background-image: url(../images/pezzo-centro-congela.jpg);

}

ul.congelaLista li div.sopra {

	background-image: url(../images/pezzo-sopra-congela.jpg);
}
ul.congelaLista li div.sotto {
	background-image: url(../images/pezzo-sotto-congela.jpg);
}


ul.conservaLista li  {
		background-image: url(../images/pezzo-centro-conserva.jpg);
}

ul.conservaLista li div.sopra {

	background-image: url(../images/pezzo-sopra-conserva.jpg);
}
ul.conservaLista li div.sotto {
	background-image: url(../images/pezzo-sotto-conserva.jpg);
}


/*---------------------------------------------------------------------------CENTRALE-------------------------------------------------------------------------------------------*/


.oneColFixCtrHdr #central {
	margin: 0;
	height: 446px;
	clear:left;
}

.oneColFixCtrHdr #central #boxSx {
	float:left;
	width: 388px;
	height: 446px;
	clear: left;
}

.oneColFixCtrHdr #central #boxSx img {
	margin: 51px 0 auto 46px;
}

.oneColFixCtrHdr #central #boxCentrale {
	float:left;
	width: 286px;
	height: 446px;
	position:relative;
}

.oneColFixCtrHdr #central #boxCentrale img {
	margin: 53px 0 auto 21px;
}
.oneColFixCtrHdr #central #boxCentrale p {
	width: 242px;
	text-align:left;
	line-height:14px;
	margin: 10px auto 1px 23px;
	font-size:11px;
}

.oneColFixCtrHdr #central #scopri {
	position:absolute;
	top: 315px;
}


ul.scopri_anche {
	width: 250px;
	padding-top: 4px;
	margin: 0 0 0 23px;
	padding-left: 0;
	font-size: 11px;
	color: #e34802;
}

ul.scopri_anche li {
	margin-top: 2px;	
	line-height: 14px;
	padding-left: 16px;
	list-style-type:none;
	background:url(../images/square_cuoce.gif) no-repeat;
	background-position: 0 50%;
}

ul.scopri_anche li a {
	text-decoration:none;
	color:#e34802;
}

.oneColFixCtrHdr #central #boxCentrale ul img {
	margin: 0 0 0 8px;
}

.oneColFixCtrHdr #central #boxDx {
	float:left;
	width: 320px;
	height:270px;
	margin-top:96px;
}

.oneColFixCtrHdr #central #boxDx h4 {
	width: 245px;
	text-align:left;
	margin: 10px auto 1px 32px;
	font-size:11px;
	font-weight:bold;
	color: #df8400;
	padding: 0 0 4px 0;
}

.oneColFixCtrHdr #central #boxDx p {
	width: 245px;
	text-align:left;
	line-height:15px;
	margin: 15px auto 0 32px;
	font-size:11px;
}

.oneColFixCtrHdr #central #navigazione {
	float:left;
	width:280px;
	margin-top: 13px;
}

.oneColFixCtrHdr #central #navigazione p {
	width: 245px;
	text-align:left;
	line-height:15px;
	margin: 5px auto 0 32px;
	font-size:11px;
}

.oneColFixCtrHdr #central #navigazione a {
	text-decoration:none;
	color:#000000;
}

.oneColFixCtrHdr #central #navigazione img.back {
	margin-right: 8px;
}

.oneColFixCtrHdr #central #navigazione img.next {
	margin-left: 8px;
}

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

.oneColFixCtrHdr #footer_sx {
	position:relative;
	padding: 0 10px; /* questo padding corrisponde all'allineamento a sinistra degli elementi nei div sovrastanti. */
	background:#6575B1;
	height:25px;
	width:500px;
	float:left;
}

.oneColFixCtrHdr #footer_sx p {
	font-size:11px;
	color:#FFFFFF;
	margin: 0 0 0 23px; /* azzerando il valore margin del primo elemento del footer si evita il rischio di compressione del margine, con la creazione di uno spazio tra i div */
	padding: 5px; /* il padding di questo elemento crea uno spazio, così come avverrebbe specificando un valore margin, senza il problema della compressione del margine */
}

.oneColFixCtrHdr #footer_sx p a {
	font-size:11px;
	color:#FFFFFF;
	margin: 0 10px; /* azzerando il valore margin del primo elemento del footer si evita il rischio di compressione del margine, con la creazione di uno spazio tra i div */
	padding: 5px; /* il padding di questo elemento crea uno spazio, così come avverrebbe specificando un valore margin, senza il problema della compressione del margine */
}

.oneColFixCtrHdr #footer_dx {
	position:relative;
	padding: 0 10px; /* questo padding corrisponde all'allineamento a sinistra degli elementi nei div sovrastanti. */
	background:#6575B1;
	height:25px;
	width:460px;
	float: right;
	text-align:right;
}
.oneColFixCtrHdr #footer_dx p {
	font-size:11px;
	color:#FFFFFF;
	margin: 0 0 0 23px; /* azzerando il valore margin del primo elemento del footer si evita il rischio di compressione del margine, con la creazione di uno spazio tra i div */
	padding: 5px; /* il padding di questo elemento crea uno spazio, così come avverrebbe specificando un valore margin, senza il problema della compressione del margine */
}

.oneColFixCtrHdr #footer_dx p a {
	font-size:11px;
	color:#FFFFFF;
	margin: 0 10px; /* azzerando il valore margin del primo elemento del footer si evita il rischio di compressione del margine, con la creazione di uno spazio tra i div */
	padding: 5px; /* il padding di questo elemento crea uno spazio, così come avverrebbe specificando un valore margin, senza il problema della compressione del margine */
}

/*-------------------------------------------------------------------------------CHIUSURA--------------------------------------------------------------------------------*/

.oneColFixCtrHdr #chiusura {
	padding: 0 10px; /* questo padding corrisponde all'allineamento a sinistra degli elementi nei div sovrastanti. */
	background:#FFFFFF;
	height:21px;	
}


/*-------------------------------------------------------------------------------footer tabella--------------------------------------------------------------------------------*/

* {
	outline: none 0px #FFFFFF;
}

#footer_home{
	width:1000px;
}
#footer_home:after , #footer:after {
	content: " ";
	height: 0px;
	visibility: hidden;
	display: block;
	clear: both;
}
#nomediv{
	position:absolute;
	top:0px;
	left:0px;
	z-index:3;
}
.mouse{
	cursor: pointer;
}
#tabella{ 
	visibility:hidden;
	width:182px;
	font-size:10px;
	color:#777777;
	position: absolute;
	bottom: 30px;
	right: 20px;
	z-index: 10;
}
#tabellaSopra{
	margin: 0;
	padding: 0;
	height:18px;
	width:182px;
	background-image:url(../img/tabSopra.gif);
	background-repeat:no-repeat;
}
#tabellaSotto{
	margin:0;
	padding:0 13px 0 0;
	height:18px;
	width:169px;
	background-image:url(../img/tabSotto.gif);
	background-repeat:no-repeat;
	text-align:right;
}
#tabellaSotto a{
	color:#333333;
	margin: 0;
	padding: 0;
}
#tabella ul{
	margin:0;
	padding:5px 13px;
	width:156px;
	background-image:url(../img/tabSfondo.gif);
	background-repeat:repeat-y;
}
#tabella li {
	margin:5px 0 5px 0;
	padding:0 0 0 15px;
	list-style-type:none;
	background-color: transparent;
	text-align: left;
}

#tabella a{
color:#777777;
text-decoration:none;
}

.conservacuoci{
	background-image:url(../img/pRosso.gif);
	background-repeat:no-repeat;
}
.conserva{
	background-image:url(../img/pVerde.gif);
	background-repeat:no-repeat;
}
.cuoci{
	background-image:url(../img/pGiallo.gif);
	background-repeat:no-repeat;
}

.presenta{
	background-image:url(../img/pViola.gif);
	background-repeat:no-repeat;
}
.surgelati{
	background-image:url(../img/pBlu.gif);
	background-repeat:no-repeat;
}
.prepara{
	background-image:url(../img/pBeige.gif);
	background-repeat:no-repeat;

}
#PI p {
	font-size: 11px;
	text-align: center;
	margin: 0;
	padding: 0;
}


/* CORREZIONE GENERICA PER IL BORDO DELLE IMMAGINI */

img {
	border: none 0px transparent !important;
}