/* Master Page */

body { /*background-image:url(.imgs/sfondointero.jpg); 
		background-repeat:no-repeat; */
	   font: 11px/18px Trebuchet MS; 
	   color:#666666;
	   margin: 0;
	}

a { text-decoration:none; }

div { margin: 0 auto; }

hr { border-style:dotted; border-width:1px; height:1px; }

#divSfondoSx, #divSfondoDx, #divAlto, #divMiniMenu, 
#divSinistro, #divCentrale, #divDestro, .pannelloCentrale ,
#divLogo, #divItaliano, #divInglese, #divSpagnolo,
		#divMenuAlto, #divCentro, #divSx, #divDx, #divContent, 
		#divLinkChiSiamo, #divLinkServizi, #divLinkProdotti, #divLinkNews, #divLinkDownload,
		#divBassoSx, #divStriscetta1, #divBassoCx, #divStriscetta2, #divBassoDx, #divMiniMenu,
		#divMini1, #divMini2, #divMini3, #divMini4, #divMini5, #divMini6, #divMini7, #divTitoloNews, 
		#divLogo1, #divLogo2, #divLogo3, #divLogo4,
		#divSfondoContentTop, #divSfondoContentBottom
	{ position:absolute; }

#divBasso{position: fixed; }

/* TODO: Forse eliminare 
#divSinistro { left: 0px; width:50%; height:10px; z-index:0; }
#divCentrale { left: 50%; margin-left:-60%; top: 0px; width:150%; height:489px; z-index:1; 
	background-image:url(imgs/sfondointero.jpg); overflow:hidden; }
#divDestro { left: 50%; width:50%; height:10px; z-index:0; }
.pannelloCentrale { width:1444px; height:489px; } */

#divSinistro, #divCentrale, #divDestro, #divSfondoSx, #divSfondoDx, #divAlto, #divSx, #divDx 
	{ top:0px; }
	
#divSfondoSx, #divAlto, #divCentro, #divSx, #divBasso { left:0px; }

/*#divSfondoSx { height:487px; width:100%; z-index:0; margin-left:-300px; 
			   background-image:url(imgs/sfondointero.jpg); background-repeat:no-repeat; }

#divSfondoDx { right:0px; background-image:url(imgs/verde_dx.jpg) }
*/
#divAlto { width:100%; z-index:2; }

#divItaliano, #divInglese, #divSpagnolo { top:12px; z-index:3; }
#divItaliano { left:266px; }
#divInglese { left: 301px }
#divSpagnolo { left:336px; }

	#divLogo { left:30px; top:35px; z-index:3; }
	
	#divMiniMenu { left: 536px; top: 18px; font: 11px Trebuchet MS; text-align:left; color:#242424; }
	#divMiniMenu a { color:#242424; }	
	
	#divMenuAlto {	left: 266px; top:35px; width:651px; height:70px; z-index:3;
					/* background-image:url(imgs/menu_alto.png); */
					font: 13px Trebuchet MS; color:#F0F0F0; letter-spacing:3px; }
	#divMenuAlto a { color:#F0F0F0; }
	#divMini1, #divMini2, #divMini3, #divMini4, #divMini5, #divMini6, #divMini7 { width: 90px; }
	#divMini1 { left:0px; }
	#divMini2 { left:50px }
	#divMini3 { left:86px }
	#divMini4 { left:166px }
	#divMini5 { left:210px }
	#divMini6 { left:296px }
	#divMini7 { left:325px }
	
	.tblMenu { height:70px; }
	.tblMenu td { vertical-align:middle; text-align:center; width:130px; }
	#divLinkChiSiamo, #divLinkServizi, #divLinkProdotti, #divLinkNews, #divLinkDownload { top:0px; z-index:4; }
	#divLinkChiSiamo	{ left:0px; }
	#divLinkServizi		{ left:130px; }
	#divLinkProdotti	{ left:260px; }
	#divLinkNews		{ left:390px; }
	#divLinkDownload	{ left:520px; }
	
#divCentro { top:100px; width:100%; z-index:1; }
	#divSx { width:260px; z-index:2; }

		#divCamaleonte, #divTopNews, #divNews, #divBottomNews, 		
		#divTopAR, #divAreaRiservata #divBottomAR, 
		#divFarlocco { position:relative; }
	
		#divCamaleonte { left:12px; top:138px; z-index:6; }

		.titleNews { color:#CCEb33; font:italic bold 16px Georgia; }
		.subTitleNews { color:#CCEb33; font: 11px Trebuchet MS; }
		.txtNews { font: 10px Trebuchet MS; color:#DBDBDB; }

		#divTopNews, #divNews, #divBottomNews { left:2px; width:249px; z-index:3; }
		.divTruscoAltezza { position:relative; width:2px; height:20px; }
		#divTopNews, #divTitoloNews, #divNews, #divTextNews, #divBottomNews { top:90px; }
		#divTopNews { background-image:url(imgs/box_news_01.png); }
		#divTextNews, #divTextAreaRiservata, #divTitoloNews { text-align:left; left:6px; width:236px; font:12px arial; color:White; }
		#divTitoloNews { z-index:7; top:194px; left:13px; } /* Isolato per stare sopra il camaleonte */
		#divNews { background-image:url(imgs/box_news_02.png); }
		#divBottomNews { background-image:url(imgs/box_news_04.png); }
		
		#divAR { position:relative; top:102px; }
		#divARpro {position:relative; top:-22px; left:2px; }
		#divTopAR, #divAreaRiservata, #divBottomAR { width:249px; z-index:3; }
		/* #divTopAR, #divAreaRiservata, #divBottomAR, #divTextAreaRiservata { top:102px; } */
		#divTopAR { background-image:url(imgs/box_news_01.png); }
		#divAreaRiservata { height:126px; background:url(imgs/box_news_02.png); }
		#divLogout { left:20px; color:#CCEb33; top:10px; position:relative; }
			#divLogout a { color:#FFFFFF; }
			#divLogout a:hover { color:#DBDBDB; }
		#divBottomAR { background-image:url(imgs/box_news_04.png); }

		#divFarlocco { top:150px; height:107px; } /* TODO: Capire se basta top:150px ... Si può eliminare col padding bottom */
		
		#divTopNews, #divBottomNews, #divTopAR, #divBottomAR { height:10px; }
							
	#divDx { left: 260px; width:500; z-index:2; }
	
		#divContent { z-index:3; left:0; }
			#divSfondoContentTop, #divSfondoContentBottom {
	left:6px;
	z-index:2;
	width:661px;
	min-height:300px;
	height:auto !important;
/*	height:expression (document.body.clientHeight <302? "300px": "auto");
*/	
	overflow:hidden;
} 
			#divSfondoContentTop { top:12px; height:352px; 
					/* background-image:url(imgs/boxcentrale-top-sfumato.png); TODO: Scommentare? */ }
			#divSfondoContentBottom { top:364px; /*TODO: C'è da capire come caricare dinamicamente l'altezza della pagina */
					 background-image:url(imgs/strisciabianca.gif); background-repeat:repeat-y;}
					 
			/* ######## CONTENUTI INTERNI ALLE VARIE PAGINE ######## */		 
			#divContenutoDinamico { position:absolute; z-index:3; top:32px; left:6px; width:621px; }
				#divIconaHome { position:absolute; z-index:4; left:54px; top:12px; }
/*				#divTitle { position:absolute; left:84px; top:14px; color:#AC273F; font: bold 13px arial; z-index:5; }*/
				#divText { position:absolute; left:54px; top:44px; width:530px; z-index:5; }
			/* ######## CONTENUTI INTERNI ALLE VARIE PAGINE END ######## */
			
			/* #### NEWS #### */
				.divTitoloNews { left:54px; color:#AC273F; font: bold 13px arial; z-index:5; }
				.divDataNews { left:54px; color:#AC273F; font: bold 13px arial; z-index:5; }
				.divTestoNews { left:54px; padding-top:18px; padding-bottom:4px; width:530px; z-index:5; }
				
				.testoDataNews {}				
			/* #### NEWS - END #### */
		
#divBasso { bottom:0px; width:100%; height:107px; z-index:1; 
			background-image:url(imgs/striscia_bottom_25.gif); 
			font: 10px/16px verdana; color:#820F07; }
		#divBasso a { color:#BF001F; }
		#divBasso a:hover { color:#9B001F; } 

	#divBassoSx, #divStriscetta1, #divBassoCx, #divStriscetta2, #divBassoDx { top: 15px }
	#divBassoSx		{ left:10px; letter-spacing:-0.8px; }
	#divStriscetta1	{ left:265px }
	#divBassoCx		{ left:286px }
	#divStriscetta2	{ left:542px }
	#divBassoDx		{ left:556px }
		#divLogo1, #divLogo2, #divLogo3, #divLogo4 { vertical-align:middle; }
		#divLogo1	{ left:10px; }
		#divLogo2	{ left:140px; top:16px; }
		#divLogo3	{ left:250px; top:14px; }

.login { color:Gray; font-weight:bolder; text-align:left; }
.txtLogin { width:160px; height:10px; }
.lblLogin { color:White; }

/* ############### PRODOTTI E LISTA ############### */

#divTitoloCerca { position:absolute; }
#divBacchettoneProdotti { position:relative; z-index:3; } 
#divBacchettoneProdotti	{ /* background-image:url(imgs/bacchettone-prodotti.png); */
						height:24px; top:52px; left:6px; width:650px; text-align:center; font: 11px Trebuchet MS; color:#FFFFFF; 
						padding:0px; }
	.divTitoloLista {position:relative; top:-22px; font: 11px Trebuchet MS; color:#FFFFFF; z-index:4; }

/*	#divContenutoProdotti { position:relative; left:20px; }
#divProdottiBottom { background-image:url(imgs/box-prodotti-bottom.png); height:18px; } */

#divCamaleonteProdotti, #divTopCerca, #divTextCerca, #divBottomCerca, #divCercaDaNascondere,
	#divTextBoxCerca, #divButtonCerca, #divProdotti,
	#divTopProdotti, #divTextProdotti, #divBottomProdotti, #divLblProdotti { position:relative; }

#divCamaleonteProdotti { left:12px; top:12px; z-index:6; }
#divTitoloCerca { z-index:7; top:72px; left:13px; } /* Isolato per stare sopra il camaleonte */

#divTopCerca, #divTextCerca, #divBottomCerca { top:-42px; }
#divTopCerca { background-image:url(imgs/box_news_01.png); }
#divCercaDaNascondere { height:40px; }
#divTextCerca { background-image:url(imgs/box_news_02.png); }
	#divTextBoxCerca { left:10px; top:4px; }
		.txtCerca { width:202px; height:10px; }
	#divButtonCerca { left:170px; top:6px; }
#divBottomCerca { background-image:url(imgs/box_news_04.png); }
#divTopCerca, #divBottomCerca { height:10px; }

.txtLogin, .txtCerca { font-size:9px; padding:0px; }

/* MENU PRODOTTI */
#divTopCerca, #divTextCerca, #divBottomCerca, #divTopProdotti, #divProdotti, #divBottomProdotti { left:2px; width:249px; z-index:3; }
#divTopProdotti, #divTitoloProdotti, #divProdotti, #divBottomProdotti { top:-32px; }
#divTopProdotti { background-image:url(imgs/box_news_01.png); }
	.divTruscoAltezzaLista { position:relative; width:200px; height:33px; }
#divLblProdotti { left:6px; }
#divTextProdotti, #divTitoloProdotti { text-align:left; left:6px; width:236px; font:12px arial; color:White; }
#divProdotti { background-image:url(imgs/box_news_02.png); z-index:4; }
#divBottomProdotti { background-image:url(imgs/box_news_04.png); }
#divTopProdotti, #divBottomProdotti { height:10px; }

.classDivProdotto { position:relative; padding:0; }
.classDivImmagine, .classDivSfondo, .classDivTitolo, .classDivSottotitolo, .classDivStriscetta { position:absolute; }

.classDivProdotto { width:156px; height:62px; }
.classDivImmagine { top:0px; left:0px; height:48px; width:48px; }
.classDivSfondo { /* background-image:url(imgs/tabellina-prodotti.png); */ top:0px; left:48px; width:96px; height:48px; }
.classDivTitolo { font:strong 10px Trebuchet MS; margin-top:2px; width:2px;
					background-color:#98241D; width:86px; padding-top:0px; padding-left:4px; }
	.classDivTitolo a { color:#FFFFFF; }
.lnkTitle { color:#FFFFFF; }
.classDivSottotitolo { top:20px; font:9px/10px Trebuchet MS; color:#242424; width:82px; height:30px; 
						background-image:url(imgs/striscia_box_prod.png); padding-left:4px; padding-right:4px; }
.classDivStriscetta { background-color:#B3B3B3; left:92px; height:48px; width:4px; top:2px; }
.imgProdotto { max-width:48px; max-height:48px; }

.nodoRoot { color:#CCEB33; font-family:Trebuchet MS; }
	.nodoRoot:hover { color:#9BB520; font-family:Trebuchet MS; font-style:italic; }
.nodoFoglia { color:#DBDBDB; }
.divNodoFoglia { padding-left:20px; }
.nodoSelezionato { font-style:italic; }

#divScheda, pnlScheda, #divChiusura,
		#divPassAS, #divPassOA, #divPassAD, 
		#divPassVS, #divSchedaCentrale, #divPassVD,
		#divPassBS, #divPassOB, #divPassBD 
	 { position:absolute; }
		
#divScheda { top:10%; left:10%; 
	/* border-width:medium; border-style:double; border-color:Black;
	background-color:White; */ }
.nascosta		{ width:0px; height:0px; z-index:-1; }
.visibile		{ width:80%; height:80%; z-index:15; }
	
	#divPassAS, #divPassOA, #divPassAD, 
		#divPassVS, #divSchedaCentrale, #divPassVD,
		#divPassBS, #divPassOB, #divPassBD { z-index:17; }
		
	#divPassAS, #divPassOA, #divPassAD { top:0px; }
	
	#divPassAS, #divPassVS, #divPassBS { left:0px; }
	
	#divPassOA, #divSchedaCentrale, #divPassOB { left:12px; width:800px; }
	#divPassVS, #divSchedaCentrale, #divPassVD { top:12px; height: 500px; }
	
	#divPassBS, #divPassOB, #divPassBD { top:512px; }
	
	#divPassAD, #divPassBD, #divPassVD { left:812px; }
	
	#divPassAS, #divPassAD, #divPassBS, #divPassBD { width:12px; height:12px; }
	#divPassOA, #divPassOB { height:12px; background-repeat:repeat-x; }
	#divPassVS, #divPassVD { width:12px; background-repeat:repeat-y; }
	
	#divPassAS { background-image:url(imgs/passpart_ang_sin_alt.png); }
	#divPassAD { background-image:url(imgs/passpart_ang_dx_alt.png); }
	#divPassBS { background-image:url(imgs/passpart_ang_sin_bass.png); }
	#divPassBD { background-image:url(imgs/passpart_ang_dx_bass.png); }
	
	#divPassOA { background-image:url(imgs/passpart_orizz_alt.png); }
	#divPassOB { background-image:url(imgs/passpart_orizz_bass.png); }
	#divPassVS { background-image:url(imgs/passpart_vert_sin.png); }
	#divPassVD { background-image:url(imgs/passpart_vert_dx.png); }

	
	/* ######## SCHEDA PRODOTTI ######## */
	
	#divSchedaCentrale { background-color:White;
						 background-image:url(imgs/sfondo_alto.png); background-repeat:repeat-x; }

	.pnlScheda		{ width:100%; height:100%; }		
	.pnlNascosto	{ visibility:hidden; }
	.pnlVisibile	{ width:100%; height:100%; visibility:visible; }
	
		.pnlTitoloSx { position:absolute; background-color:Gray; /* TODO: Colore giusto */
					   top:2px; left:2px; width:200px; height: 36px; }
			.imgQuadVerde { top:3px; left:3px; }
			.lblTitSchedaSx { position:absolute; top:12px; left:46px; color:White; /* TODO: Colore e font giusto */ }
		.pnlTitoloDx { position:absolute; background-image:url(imgs/barra_vert_alta.png); 
					  top:2px; left:205px;
					  height:36px; width:600px; }
			.lblTitSchedaDx { position:absolute; top:12px; left:46px; color:Gray; /* TODO: Colore e font giusti */ }
		.pnlImgScheda { position:absolute; top:56px; left:16px; height:424px; width:300px; background-color:White; 
						border-color:#CCCCCC; border-style:solid; border-width:3px; /* TODO: Border si o no? */ }
			.pnlTitImg { position:absolute; background-color:Gray; /* TODO: Colore giusto */
					   top:4px; left:4px; width:70px; height: 36px; }
				.lblTitImg { position:absolute; top:12px; left:6px; color:White; /* TODO: Colore e font giusto */ }
			.pnlSubtImg { position:absolute; background-image:url(imgs/sfondo_vert_barra_box.png);
					   top:4px; left:78px; width:218px; height:36px; }
				.lblSubtImg { position:absolute; top:12px; left:6px; color:Gray; /* TODO: Colore e font giusto */ }
			.pnlImgContainer { position:absolute; top:72px; left:5px; z-index:23; }
				.imgScheda { max-width:280px; max-height:380px; }
		.pnlTextScheda { position:absolute; top:56px; left:336px; 
						 width:446px; height:428px; /* TODO: Fissare le dimensioni? */
						 overflow:auto; }
				.pnlAvvisoAR { position:absolute; bottom:0px; }
				.lblAvvisoRiservata { color:#686868; font-weight:bold; }
	#divChiusura { top:15px; left:776px; z-index:20; }


#Sinistro { 
				width:400px; 
				height:360px;
				float:left;
				align:top left;
				background-image:url(imgs/verde_sin_index_nuovo.jpg); 
				background-repeat:no-repeat; }


#Destro 			{ float:right;
						width:400px; 
						height:360px; 
						align:top right;
						background-image:url(imgs/verde_dx_index_nuovo.jpg); 
						background-repeat:no-repeat; }



#Contenitore			{
							min-width:954px;
							width:auto !important;
							/*width:1080px;*/
						}

form {margin:0 auto;}

#divDaCentrare {margin:0 auto;}

/*prova*/

#divTitle { position:absolute; left:28px; top:33px; color:#AC273F; font: bold 13px arial; z-index:5; }

#divTitoloCerca { position:absolute; }
#divProdottiTop, #divProdottiCentro, #divProdottiBottom { position:relative; z-index:3; } 
#divProdottiTop, #divProdottiCentro, #divProdottiBottom { top:15px; width:661px; left:2px; }
#divProdottiTop { background-image: url(imgs/box-prodotti-top.png); height:18px; }
#divProdottiCentro { background-image:url(imgs/striscia-bianca-prodotti.png); min-height: 400px; }
#divContenutoProdotti { position:relative; left:-10px; padding-top:30px; width:480px; padding-left:0px;  margin-bottom:-12px; }
#divProdottiBottom { background-image:url(imgs/box-prodotti-bottom.png); height:18px; }

#divDoveSiamoBottom { position:relative; z-index:3; top:15px; width:661px; left:0px; 
							  background-image:url(imgs/box-prodotti-bottom.png); height:18px;}

.loginButton { background-image:url(imgs/entra.png); 
	width:50px; height:16px; border-width:0px; background-color:Transparent; }