﻿/* ============================================================================================== */
/*                 	 						STRUTTURA DOM      		            				  */
/* ============================================================================================== */
/* Stile della struttura esterna del sito */
.StyleSx {
	width: 200Px;
	height: 100%;
	text-align: center;
	vertical-align: top;
	background-image: URL(/template/commerce/corpo_sinistra.jpg);
}	
.StyleCenter {
	width: 600Px;
	height: 100%;
	vertical-align: top;
	text-align:center;
	background-image: URL(/template/commerce/corpo_centro.jpg);
}	
.StyleDx {
	width: 200Px;
	height: 100%;
	vertical-align: top;
	text-align:center;
	background-image: URL(/template/commerce/corpo_destra.jpg);
}
/* Stile della struttura interna del sito */
.ContainerLeftPage {
	width: 2%;
	height: 100%;
	border: 0px;
}
.ContainerPage {
	width: 96%;
	border: 0px;
	vertical-align: top;
}
/*Deve avere la larghezza in Pixel in modo che possa fare overflow di contenuti troppo grandi*/
.LimitatoreContainer {
	width: 580Px;
	height: 100%;
	overflow:hidden;	
}
.ContainerRightPage {
	width: 2%;
	height: 100%;
	border: 0px;
}




/* =============================================== */
/*                  STRUTTURA DOM                  */
/* =============================================== */
/* STRUTTURA DELLE PAGINE SITO E SFONDO */
.StyleBody {
	background-image: URL(../../../template/commerce/bg_site.jpg);
	background-repeat: repeat-x;
	background-color: #d8e3e5;
	height: 100%;
	margin: 0;
	padding: 0;
}
/* OSSATURA DELLA PAGINA */
.StylePagina {
	width: 1000Px;
	height: 100%;
	border: 0Px;
}






/* =============================================== */
/*                 BANNER FOOTER                   */
/* =============================================== */
.StyleBannerFooter {
	width: 1000Px;
	border: 0Px;
	background-image: URL(../../../template/commerce/corpo_sfondo_banner.gif);
}






/* =============================================== */
/*                  FOOTER SITO                    */
/* =============================================== */
.StyleFooter {
	width: 1000Px;
	border: 0Px;
	height: 142Px;
	background-image: url(../../../template/commerce/bg_site_coda.jpg);

}
.StyleFooter1 {
	width: 1000Px;
	border: 0Px;
	height: 142Px;
	background-image: URL(../../../template/commerce/coda.jpg);
}
.StyleFooter2 {
	padding-left: 40Px;
	text-align: left;
	width: 240Px;
}
.StyleFooter3 {
}
.StyleFooterSide {
}



/* ============================================================================================== */
/*                 	 						INTESTAZIONE      		            				  */
/* ============================================================================================== */
.StyleIntestazione_Testata{
	width: 100%;
	height: 131Px;
	background-image: url(../../commerce/testa_testata.jpg);
	vertical-align: top;
}
.StyleIntestazione_Menu{
	background-image: URL(../../../template/commerce/testa_menu.jpg);
	width: 1000Px;
	height: 38Px;
	vertical-align: top;
}
/* Contenitore del menu statico */
.StyleIntestazione_MenuStatico{
	width: 990Px;
	vertical-align: top;
}
.StyleIntestazione_SopraSearch{
	background-image: URL(../../../template/commerce/testa_sopra_search.jpg);
	width: 100%;
	height: 1Px;
}
.StyleIntestazione_Search{
	background-image: URL(../../../template/commerce/testa_search.jpg);
	width: 100%;
	height: 38Px;
	vertical-align:top
}
.StyleIntestazione_Banner{
	background-image: URL(../../../template/commerce/testa_sfondo_banner.jpg);
	border: 0Px;
	width: 1000Px;
	height: 127Px;
}


/* ============================================================================================== */
/*                 	 						BOX SINISTRO      		            				  */
/* ============================================================================================== */
.HeadBoxSx {
	background-image: URL(../../../template/commerce/box_sx_testa.jpg);
	height: 19Px;
	width: 100%;
	text-align: center;
	color: #FFFFFF;
	font-weight: bold;
}
.FooterBoxSx {
	background-image: URL(../../../template/commerce/box_sx_coda.jpg);
	height: 10Px;
	width: 100%;
}
.ButtonBoxSx {
	background-image: URL(../../../template/commerce/box_sx_bottone.jpg);
	height: 18Px;
	width: 100%;
	border: 0Px;
}
.ButtonBoxSxSottoCategorie {
	background-image: URL(../../../template/commerce/box_sx_bottone_sottocat.jpg);
	height: 20Px;
	width: 100%;
	border: 0Px;
}
/*Utilizzato principalmente per giustificare il testo delle sottocategorie a dx/sx */
.SottoCategorie{
	padding-right:10Px;
	text-align:left;
}
.SpacerBoxButtonSx {
	width: 20Px;
}
.SpacerBoxButtonSxSottoCategorie {
	width: 30Px;

}
.BgBoxButtonSx {
	background-image: URL(../../../template/commerce/box_sx_centro.jpg);
	text-align: center;
}
.StyleImmgineBoxNovitaeOfferte {
	border: 1Px solid #FFFFFF;
}


/* ============================================================================================== */
/*                 	 						BOX DESTRO      		            				  */
/* ============================================================================================== */
.HeadBoxDx {
	background-image: URL(../../../template/commerce/box_dx_testa.jpg);
	height: 19Px;
	width: 100%;
	text-align: center;
	color: #FFFFFF;
	font-weight: bold;
}
.FooterBoxDx {
	background-image: URL(../../../template/commerce/box_dx_coda.jpg);
	height: 10Px;
	width: 100%;
}
.ButtonBoxDx {
	background-image: URL(../../../template/commerce/bg_button_dx.gif);
	height: 23Px;
	width: 100%;
	border: 0Px;
}
.SpacerBoxButtonDx {
	width: 20Px;
}
.BgBoxButtonDx {
	background-image: URL(../../../template/commerce/box_dx_centro.jpg);
	text-align: center;
	color:#FF0000;
}
.ColonnaDXTextColor{
	color: #FAFAFA;
}
.ColonnaDXLinksColor{
	color: #FAFAFA;
}
.ColonnaDXLinksColor:hover{
	color: #F0A0A0;
}

/* ============================================================================================== */
/*                 	 					BOTTONE CATEGORIA  		    	        				  */
/* ============================================================================================== */
.LinkButtonCategoria{
	font-weight:bolder;
	color: #bde1ea;
}
.LinkButtonCategoria:hover{
	font-weight:bolder;
	color: #bde1ea;
}
.LinkButtonSottoCategoria{
	font-weight:bolder;
	color: #bde1ea;
}
.LinkButtonSottoCategoria:hover{
	font-weight:bolder;
	color: #bde1ea;
}

.LinkButtonOfferta{
	font-weight:bolder;
	color: #bde1ea;
}
.LinkButtonOfferta:hover{
	font-weight:bolder;
	color: #bde1ea;
}

.LinkButtonNovita{
	font-weight:bolder;
	color: #bde1ea;
}
.LinkButtonNovita:hover{
	font-weight:bolder;
	color: #bde1ea;
}


/* =============================================== */
/*                      MENU                       */
/* =============================================== */
/* STILI DELLA BARRA DI BACKGROUND DEL MENU */
.clBar { position:absolute;
	layer-background-color:#FF9933;
	visibility:100%;
}

/**** STILE DEL MENU AL LIVELLO 0 **************/
/*USARE PADDING-TOP OPPURE PADDING-LEFT PER SPOSTARE L'INIZIO DEL MENU*/
.clLevel0, .clLevel0over {
	position:absolute;
	padding-top:13px;
	font-family: verdana,arial,helvetica;
	font-size:10pt ;
	vertical-align: bottom;
}
.clLevel0 {
	color: #009cc9;
	text-align:center;
}
.clLevel0over {
	background-image: URL(../../../template/commerce/menu/menu_rollover.gif);
	color: #164f7c;
	cursor: pointer;
	cursor: hand;
	text-align:center;
}
.clLevel0border {
	position:absolute;
	visibility:hidden;
}
/* =============================================== */
/*                     SUBMENU                     */
/* =============================================== */
.clLevel1, .clLevel1over {
	position:absolute;
	padding:2px;
	font-family: verdana,arial,helvetica;
	font-size:11px;
}
.clLevel1 { 
	background-color: #d0e0e4;
	color:#164f7c;
	text-align:center;
}
.clLevel1over {
	background-color: #337b98;
	color:#d0e0e4;
	cursor: pointer;
	cursor:hand;
	text-align:center;
}
.clLevel1border { 
	position:absolute;
	visibility:hidden;
	background-color: #93abbb;
}

/* =============================================== */
/*             LINK REGISTRATI E LOGIN             */
/* =============================================== */
.LinkRegitratiLogin {
	color: #31637c;
	font-weight:bold;
	font-size: 14px;
}
.LinkRegitratiLogin:hover  {
	color: #61c6e4;
	font-weight:bold;
	font-size: 14px;
}
.LinkDatiOrdini {
	color: #000000;
	font-weight:bold;
	font-size: 14px;
}
.LinkDatiOrdini:hover {
	color: #000000;
	font-weight:bold;
	font-size: 14px;
}

.LinkLogOut {
	font-weight: bold;
	color: #31637c;
	font-size: 14px;
}
.LinkLogOut:hover {
	color: #61c6e4;
	font-weight:bold;
	font-size: 14px;
}

/* ============PROPRIRTA' CAMPO FIELDSET========== */
#field {
 margin: 10px;
 padding: 1em;
 border: 1px solid #999999;
 width: 400px;
 position: relative;
}
#field h2 {
 display: inline;
 position: absolute;
 top: -13px;
 background: #fbfbf2;
 color: #003366;
 margin: 0 3px;
 padding:2px;
 font:  bold 120% Georgia, serif;
}

/* =============================================== */
/*         ELENCO PRODOTTI					       */
/* =============================================== */

.ColorePrezzo {
	font-size:18px; 
	color: red;
}

.PezzoDisponibile {
	color:#ec7308;
}

.PezzoInProntaConsegna {
	color:#009900;
}

.ColoreProdottoNonDisponibile {
	color:#CC0000;
}


/* =============================================== */
/*                BLOCCO CENTRALE                  */
/* =============================================== */
.BloccoCentro0 {
	width: 575Px;
	text-align: center;
	border: 0Px;
}
.BloccoCentro1 {
	width: 100%;
	height: 25Px;
	background-image: URL(../../../template/commerce/blocco_centrale/testa.gif);
	background-repeat: repeat-y;
	text-align: center;
	font-weight: bold;
}
.BloccoCentro2 {
	width: 100%;
	background-image: URL(../../../template/commerce/blocco_centrale/centro.gif);
	text-align: center;
}
.BloccoCentro3 {
	width: 100%;
	height: 6Px;
	background-image: URL(../../../template/commerce/blocco_centrale/coda.gif);
}

/* =============================================== */
/*         ELENCO PRODOTTI					       */
/* =============================================== */

.ColorePrezzo {
	font-size:18px; 
	color: red;
}

.PezzoDisponibile {
	color:#ec7308;
}

.PezzoInProntaConsegna {
	color:#009900;
}

.ColoreProdottoNonDisponibile {
	color:#CC0000;
}

/* =============================================== */
/*         BLOCCO DETTAGLI SCHEDA PRODOTTO         */
/* =============================================== */
.BloccoCentroDetail {
	width: 100%;
	background-image: URL(../../../template/commerce/blocco_centrale/testa_prodotti_1.gif);
	text-align: center;
}

/* =============================================== */
/*         CELLA ELENCO PRODOTTI		           */
/* =============================================== */
.RettangoloColoratoDivisorio {
	background-color: #80acd0; 
	width: 2Px;
}


/* =============================================== */
/*           PULSANTI QUANTITA' CARRELLO           */
/* =============================================== */
.CarrelloAggiorna {
	background-image: URL(../../../template/commerce/carrello_aggiorna.gif);
	background-repeat: no-repeat;
	border: 0Px;
	width: 18Px;
	height: 20Px;
	font-size: 0Pt;
	text-align:left;
	color: #f5f5f5;
	cursor: pointer;
	cursor: hand;
}
.CarrelloElimina {
	background-image: URL(../../../template/commerce/carrello_elimina.gif);
	background-repeat: no-repeat;
	border: 0Px;
	width: 18Px;
	height: 20Px;
	font-size: 0Pt;
	text-align:left;
	color: #f5f5f5;
	cursor: pointer;
	cursor: hand;	
}

/* =============================================== */
/*                CONFERMA CARRELLO                */
/* =============================================== */
.ConfermaCarrello {
	width: 100%;
	border: 1Px;
}
.ConfermaCarrello1 {
	width: 36%;
	text-align: left;
	vertical-align: middle;
}
.ConfermaCarrello2 {
	width: 14%;
	text-align: center;
	vertical-align: middle;
}
.ConfermaCarrello3 {
	width: 20%;
	text-align: center;
	vertical-align: middle;
}
.ConfermaCarrello4 {
	width: 12%;
	text-align: center;
	vertical-align: middle;
}
.ConfermaCarrello5 {
	width: 18%;
	text-align: center;
	vertical-align: middle;
}







/* =================================================================================================================================================== */
/* =================================================================================================================================================== */
/* =================================================================================================================================================== */
/* =================================================================================================================================================== */
/* ====================================================== vecchi contenuti ancora da pulire ========================================================== */
/* =================================================================================================================================================== */
/* =================================================================================================================================================== */
/* =================================================================================================================================================== */
/* =================================================================================================================================================== */








 

/* =============================================== */
/* STILE SCHEDA ISCRIZIONE UTENTE */
.StyleTableUserContainer {
	border: 1Px solid;
	border-color: #C0C0C0;
	width: 500Px;
}
.StyleTableUserHeader {
	background-color: #FFFFCC;
	border: 1Px solid;
	border-color: #C0C0C0;
	width: 400Px;
	height: 20Px;
}
.StyleTableUserDx {
	width: 25%;
}
.StyleTableUserDx2 {
	width: 25%;
	text-align: center;
}
/* =============================================== */
/* STILE COLORE SFONDO PAGINA DEFULT AJAX DI REGISTRAZIONE*/
.AjaxDefaultIframe{
	background-color: #FFFFFF
}




/* =============================================== */
/* STILE DEL LINK ATTIVAZIONE */
.StyleKeyActive {
	font-size: 0Pt;
	color: white;
}

/* STILE BANNER SUPERIORE */
.StyleUpBanner {
	width: 1000Px;
	height: 96Px;
	background-image: url(/template/folder/testa_testata.jpg);
	border-collapse: collapse;
}

/* STILE COLORE TABELLE DESCRITTIVE PER ARCHIVIO ETC */
.ColoreFondoDescrizioni {
	background-color: #FFFFCC;
	text-align: justify;
	color: #666666;
}

/* STILE DELLE NEWS MARQUEUE IN HOME PAGE */
.NewsMarqueue {
	background-color: #FFFFCC;
	border: 1Px Solid;
	color: #808080;
	height: 200Px;
	width: 98%;
	padding: 3Px;
}

/* STILE DELLA FIRMA */
.StyleFirma {
	text-align: left;
}
.TableStyleFirma {
	border: 0Px;
	width: 240Px;
}




/* =============================================== */
/* STILE DEI TITOLO INIZIALI DI OGNI PAGINA DEL SITO */
h1 {
	width: 96%;
	color: #c0c0c0;
	font-family: Century Ghotic, Tahoma, Verdana, Arial;
	font-size: 18px;
	text-align: right;
}
/* STILE DEI TASTI */
.StyleTasti {
	border: 0Px;
	width: 100%; 
	height: 25Px;
}
/* STILE DELLO SPAZIO LATERALE SINISTRO DOVE INIZIA IL NOME DEL TASTO */
.StyleTastiSpacer {
	width: 20Px;
}
/* STILE DELLO SPAZIO LATERALE SINISTRO DOVE INIZIA IL NOME DEL SUB TASTO CON MENUSTATICO */
.StyleTastiSpacerSub {
	width: 35Px;
	vertical-align: top;
}















/* =============================================== */
/* STILI STABELLE PRODOTTI EVASI LAVORI */
.TableHeaderLEP {
	border: 1Px solid;
	border-color: #C0C0C0;
	height: 20Px;
	width: 20%;
	text-align: center;
	color: #333333;
}
.TableHeaderLEP2 {
	border: 1Px solid;
	border-color: #C0C0C0;
	height: 20Px;
	width: 30%;
	text-align: center;
	color: #333333;
}
.TableHeaderLEP3 {
	border: 1Px solid;
	border-color: #C0C0C0;
	height: 20Px;
	width: 45%;
	text-align: center;
	color: #333333;
}
.TableHeaderLEP4 {
	border: 1Px solid;
	border-color: #C0C0C0;
	height: 20Px;
	width: 10%;
	text-align: center;
	color: #333333;
}
.TableHeaderLEP5 {
	border: 1Px solid;
	border-color: #C0C0C0;
	height: 20Px;
	width: 50%;
	text-align: center;
	color: #333333;
}
.TableHeaderLEP6 {
	border: 1Px solid;
	border-color: #C0C0C0;
	height: 20Px;
	width: 12%;
	text-align: center;
	color: #333333;
}
.TableHeaderLEP7 {
	border: 1Px solid;
	border-color: #C0C0C0;
	height: 20Px;
	width: 13%;
	text-align: center;
	color: #333333;
}
.TableHeaderLEP8 {
	border: 1Px solid;
	border-color: #C0C0C0;
	height: 20Px;
	width: 15%;
	text-align: center;
	color: #333333;
}
.TableSubCategory {
	background-color: #F3F3F3;
	border-bottom: 2Px solid;
	border-right: 2Px solid;
	border-color: #C0C0C0;
	text-align: left;
	color: #333333;
	height: 20Px;
}
.TableDescription {
	background-color: #FFFFCC;
	text-align: justify;
	color: #666666;
	border-color: #F3F3F3;
	border-collapse: collapse;
	border: 1Px solid;
	width: 95%;
}




/* =============================================== */
/* STILI NEWS RSS */
.RSS1 {
	vertical-align: top;
	height: 100Px;

	background-color: #FFFFFF;
}
.RSS2 {
	width: 100%;
	height: 20Px;
	background-color: #F0f0f0;
}
.RSS3 {
	vertical-align: top;
	height: 80Px;
}





/* =============================================== */
/* STILI SFONDO COLONNA LATERALE SINISTRA SOTTO LOGIN */
.TableBackSx {
	border: 0Px;
	width: 240Px;
}
.TableBackSxSpacer1 {
	width: 20Px;
}
.TableBackSxSpacer2 {
	width: 200Px;
}
.TableBackSxSpacer3 {
	width: 20Px;
}
.TableBackSxHeadFunction {
	width: 200Px;
	height: 35Px;
	background-image: Url(/template/folder/tbotup.png);
	border: 0Px;
}
.TableBackSxFooter {
	width: 200Px;
	height: 11Px;
	background-image: Url(/template/folder/tbotc.png);
	border: 0Px;
}
.TableBackSxLogin {
	border: 0Px;
	width: 240Px;
	vertical-align: top;
}

/* STILI DEI TESTI TITOLI NEI BOX QUALI FUNZIONALITA EVASI PRODOTTI NEWSLETTER */
.TableBackSxHeadFunctionText {
	color: #666666;
}

/* STILI SFONDO BOX FUNZIONALITA EVASI PRODOTTI NEWSLETTER */

.TableBackSxL1{
	border-left: 1Px solid;
	border-bottom: 1Px solid;
	border-color: #FFFFFF;
	text-align: center;
	width: 40Px;
}
.TableBackSxL2 {
	border-right: 1Px solid;
	border-bottom: 1Px solid;
	border-color: #FFFFFF;
}
.TableBackSxL3{
	border-left: 1Px solid;
	border-bottom: 1Px solid;
	border-color: #FFFFFF;
	text-align: center;
	width: 70Px;
}


/* STILI SFONDO BOX LOGIN */
.TableBackSxLog1{
	border-left: 1Px solid;
	border-color: #FFFFFF;
	text-align: center;
	width: 40Px;
}
.TableBackSxLog2 {
	border-right: 1Px solid;
	border-color: #FFFFFF;
}
.TableBackSxLog2B {

}
.TableBackSxLog3{
	border-left: 1Px solid;
	border-color: #FFFFFF;
	text-align: center;
	width: 70Px;
}
.TableBackSxLog4 {
	border-right: 1Px solid;
	border-color: #FFFFFF;
	width: 35Px;
	text-align: center;
}
.TableBackSxLog5 {
	border-left: 1Px solid;
	border-color: #FFFFFF;
	width: 50%;
	text-align: center;
}
.TableBackSxLog6 {
	border-right: 1Px solid;
	border-color: #FFFFFF;
	width: 50%;
	text-align: center;
}









