/* =============================================== */
/*                  STRUTTURA DOM                  */
/* =============================================== */
html, body {margin: 0; padding: 0}
body {
	background-color: #dcd7d4;
	text-align:center;
	/*background-image:url(/template/bg_vendita-stufe-pellets.jpg);
	background-repeat:repeat-x;*/
}
.ContentPage {
	width: 978px;
	vertical-align:top;
	float: right;
	background-color: #322922;
	background-image:url(/template/pagina.jpg);
	background-repeat:repeat-y;
	/* inserire qui l'immagine di background */
}
/* Dimensione tabella che contiene dx + sx */
.StylePagina {
	width: 978px;
	margin: 0 auto;
}
/* Colonna sinistra */
.StyleSx {
	width: 191Px;
	text-align: center;
	vertical-align: top;
	float: left;
	background-image:url(/template/sx_caminetti-milano.jpg);
	background-repeat:repeat-y;

}	
/* Colonna centrale (si chiama dx per omogeneità con struttura 2 colonne) */
.StyleDx {
	width: 576Px;
	vertical-align: top;
	text-align:center;
	float: left;
	padding:10px;
	background-color: #fff;
	min-height: 730px;
}
/* Colonna destra */
.StyleKx {
	width: 191Px;
	vertical-align: top;
	text-align:center;
	float: left;
	background-image:url(/template/dx_stufe-monza-brianza.jpg);
	background-repeat:repeat-y;

}
/* Tabella intestazione */
.StyleIntestazione {
	width: 978px;
	height: 444Px;
	background-image:url(/template/testa_caminetti.jpg);
	background-repeat:no-repeat; font-family: Verdana, Geneva, sans-serif;
}


/* =============================================== */
/*                   CONTAINER     	               */
/* =============================================== */
/* Spaziatore che allinea il contenuto Sinistro */
.PageContainerSx {
	width: 20Px;
}
/* Contenuto centrale della pagina */
.PageContainerCenter {
	vertical-align: top;
	width: 560Px;
}
/* Spaziatore che allinea il contenuto Destro */
.PageContainerDx {
	width: 20Px;
}
/* Tabella che contiene il corpo delle pagine */
.ContainerContenutoPagina {
	width: 576Px;
	overflow: hidden;
	text-align: justify;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	line-height: 19px;
	color: ##322922;
}	


/* =============================================== */
/*               TITOLI DELLE PAGINE               */
/* =============================================== */
.StyleTitoloPagine {
	color: #900;
	font-family: Century Ghotic, Tahoma, Verdana, Arial;
	font-size: 14px;
	font-weight: bold;
	text-align: right;
	padding-right: 10Px
}

/* =============================================== */
/*		INGRANDIMENTO DELLA FOTO AL PASSAGGIO	   */
/* =============================================== */
#preview{position:absolute; border:1px solid #ccc; background-color: #feffae; padding:3px; display:none; color:#fff;}


/* =============================================== */
/*                    SEPARATORI	               */
/* =============================================== */
/* Tabella che contiene il separatore */
.MenuSeparatore {
	height: 40Px;
	width: 200Px;
	text-align: left;
	padding-left: 30px;
	padding-top: 10px;
	color: #fff;
	font-weight: bold;
	font-size: 13px;
	font-family: Verdana, Geneva, sans-serif;
	clear:both
}
.Testasx {
	background-image:url(/template/testa_sx_rivestimento-pietra.jpg);
	background-repeat:no-repeat;
	height: 21Px;
	width: 191Px;
	text-align: left;
	padding-left: 10px;
	color: #fff;
	font-weight: bold;
	font-size: 13px;
	font-family: Verdana, Geneva, sans-serif;
	clear:both;
	text-transform: uppercase;
}
.Codasx {
	background-image:url(/template/coda_sx_rivestimenti.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	height: 25Px;
	width: 191Px;
	clear:both
}
.Testadx {
	background-image:url(/template/testa_dx_riscaldamento.jpg);
	background-repeat:no-repeat;
	height: 24Px;
	width: 191Px;
	text-align: right;
	color: #fff;
	font-weight: bold;
	font-size: 13px;
	font-family: Verdana, Geneva, sans-serif;
	clear:both;
	text-transform: uppercase;
	padding-bottom: 10px;
}
.Codadx {
	background-image:url(/template/coda_dx_piastrelle-ceramica.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	height: 25Px;
	width: 191Px;
	clear:both
}
/* =============================================== */
/*                       MENU	 	               */
/* =============================================== */
/* Struttura base del menu */
#JQMenu
{	margin: 0;
	padding-left: 0px;
	z-index: 50;
	position:relative
}
/* Background e testo del PULSANTE */
	#JQMenu li
	{	float: left;
		list-style: none;
		font-family:Verdana, Geneva, sans-serif;
		font-size: 13px;
		text-align: left;
		width: 188px; font-weight: bold; text-transform: uppercase
	}
/* Background e testo del LINK del PULSANTE */
	#JQMenu li a
	{	display: block;
		border-bottom: 1px solid #4c433c;
		text-decoration: none;
		color: #B0ADAC;
		height: auto;
		padding: 13px 10px;
	}
/* Background e testo del LINK del PULSANTE AL PASSAGGIO */
	#JQMenu li a:hover
	{	
		color: #DBD6D5;
		border-bottom: 1px solid #4c433c; background-color: #28201d
	}
/* Struttura del SubPulsante */
		#JQMenu li ul
		{	margin: 0; padding: 0px;
			position: absolute;
			visibility: hidden;
			left: 170px; border-top: 1px solid #4c433c;  border-left: 1px solid #4c433c; border-right: 1px solid #4c433c;
			}
			#JQMenu li ul li
			{	float: none;
				display: inline;
				font-family: Verdana, Geneva, sans-serif;
				font-size: 12px;
				text-align: left;
			}
/* Background e testo del LINK del SUBPULSANTE */
			#JQMenu li ul li a
			{	
				position: relative;
				display: block;
				background-color: #c0bac1;
				color: #322922;
				height:auto;
				width: 152px;
				padding: 5px 10px;			}
/* Background e testo del LINK del SUBPULSANTE AL PASSAGGIO */
			#JQMenu li ul li a:hover
			{
				background-color: #dcd4dd;
				color:#2e71ab;
							}


/*             STILI DEL BOX  LATERALI             */
/* =============================================== */
/* Tabella titolo del blocco menu, firma */
.HeadBoxColonnaSx {
	background-repeat:no-repeat;
	height: 40Px;
	width: 200Px;
	text-align: left;
	padding-left: 30px;
	padding-top: 10px;
	color: #fff;
	font-weight: bold;
	font-size: 13px;
	font-family: Verdana, Geneva, sans-serif;
	clear:both
}
/* Tabella titolo del blocco news, iscrizione newsletter */
.HeadBoxColonnaDx {
	background-repeat:no-repeat;
	background-repeat:no-repeat;
	height: 40Px;
	width: 200Px;
	text-align: left;
	padding-left: 30px;
	padding-top: 10px;
	color: #fff;
	font-weight: bold;
	font-size: 13px;
	font-family: Verdana, Geneva, sans-serif;
	clear:both
}
/* Tabella footer di chiusura del blocco menu, firma */
.FooterBoxColonnaSx {
	background-color: #FF5050; 
	height: 25Px;
	width: 100%;
}
/* Tabella footer di chiusura del blocco news, iscrizione newsletter */
.FooterBoxColonnaDx {
	background-color: #FF5050; 
	height: 25Px;
	width: 100%;
}
/* sfondo dove vengono innestati i pulsanti del menu, firma */
.BgBoxButtonColonnaSx {
	background-color: #3C6;
	text-align: center;
	color:#FF0000;
}
/* sfondo dove vengono innestate news, iscrizione newsletter */
.BgBoxButtonColonnaDx {
	background-color: #F96;
	text-align: center;
	color:#FF0000;
}


/* =============================================== */
/*               BOX FIRMA AZIENDA                 */
/* =============================================== */
/* Dimensione del box o eventuale background */
.BoxFirmaAzienda {
	width: 180px;;
	text-align: left;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 12px;
	line-height: 19px;
	color: #DBD6D5;
	border: 0Px;
	padding-left: 10px;
	padding-top: 20px;
	padding-bottom: 15px;
}
/* Colore del nome e mail nel campo box iscrizione Newsletter */
.nwsl{
	color: #DBD6D5;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 12px;
}


/* =============================================== */
/*                  GESTIONE NEWS                  */
/* =============================================== */
ul#ticker {
	width: 170px;
	height: 284px;
	overflow: hidden;
	list-style: none;
	margin:0;
	padding:0;
	text-align:left;
	padding-left:10px;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #DBD6D5;
	font-weight: normal;
}
ul#ticker li {
	width: 170px;
	height: 284px;
	border-bottom: 1px dashed #ccc;
}
ul#ticker li a {
	color: ##E35903;
}
ul#ticker li a:hover {
	color: ###FF9000;
}
.LinkAllNews {
	clear: both;
    width: 100%;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	color: #147ace;
	text-decoration: none;
}
.TabellaContenitoreNews {
	clear: both;
    width: 100%;
	border-left: 1px solid #322922;
	border-right: 1px solid #322922;
	border-top: 3px solid #322922;
	border-bottom: 3px solid #322922;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	padding: 15px;
	background-color: #e1e1e1;
}
.TitoloNews {
	clear: both;
    width: 100%;
	border-bottom: 1px solid #322922;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-weight: normal;
}
.CorpoNews {
	clear: both;
    width: 100%;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #322922;
}
.DivImgPreload {
	border: 1px solid #e35903;
}
.DivImgPreload:hover {
	border: 1px solid #ff9000;
}

/* =============================================== */
/*                  FOOTER SITO                    */
/* =============================================== */
/* foto di background repeat X e basta */
.StyleFooterBack {
	clear: both;
    width: 100%;
    background-color: #dcd7d4;
    background-image: url(/template/bg_coda_pavimenti.jpg);
    background-position:center;
    background-repeat: repeat-x;
}
/* inserisci un'immagine intera */
.StyleFooter {
    width: 978Px;
    height: 136Px;
    text-align: center;
	background-image:url(/template/coda_parquet.jpg);
	background-repeat:no-repeat;
	/* non modificare Padding altrimenti rompe la grafica */
	margin:0 auto;padding:0
}
/* Div presente nel footer metti un padding per spostare firma CS */
.FooterLink {
	padding-top: 120px;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 12px;
    color:#fff;
}
/* =============================================== */
/*             BARRA DELLA LINGUA                  */
/* =============================================== */
/* contenitore di tutte le bandierine */
.StyleLanguage {
	position:absolute;
	z-index: 10;
	padding-top:5px;
	text-align:right;
	width:1000Px;
}
/* stile della singola bandierina */
.StyleBandiera {	
	float:right;
	padding-left:5Px
}


/* =============================================== */
/*                   BANNER     	               */
/* =============================================== */
/* Tabella di backgraound che contiene il banner basic */
.StyleBasicBannerContainer {
	width: 966Px;
	height: 285px;
	overflow: hidden;
	margin: 36px auto 0px auto;
	text-align:left;
	clear:both
}	
/* DIV che contiene il banner basic */
.StyleBanner0 {
	width: 216px;
	height: 285px; float: right; 
}	
/* DIV che contiene il banner alto */
.StyleBanner1 {
	width: 600Px;
	height: auto;
	overflow: hidden;
	border: 0Px;
}
/* DIV che contiene il banner sinistro */
.StyleBanner2 {
	width: 200Px;
	height: auto;
	overflow:hidden;
}
/* DIV che contiene il banner destro */
.StyleBanner3 {
	width: 200Px;
	height: auto;
	overflow:hidden;
}
/* DIV che contiene il banner footer */
.StyleBanner4 {
    text-align:center;
    width: 1000Px;
    background-color:blue
}


/* =============================================== */
/*           FONT - LINK - RADIO - INPUT           */
/* =============================================== */
html, body,  {
	height:100%;
	margin: 0;
	padding: 0;
	border: none;
}
td {
	text-align: justify;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	line-height: 19px;
	color: ##322922;
} 
/* Link */
a { 
	color: #e35903;
	border: none;
	text-decoration: underline;
}
a:hover {
	color: #ff9000;
	text-decoration: none;
	border: none;
}
/* Input */
.input {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	background-image: URL(../../template/common/bg_input.gif);
	background-repeat: repeat-x;
	background-color: #FFFFFF;
	color: #333333;
	border: 1Px solid;
	border-color: #C0C0C0;
}
.radio {
	background: none;
	border: 0Px;
	cursor: pointer;
}
input.submit {
font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	background-color: #F3F3F3;
	border: 1Px solid;
	border-color: #C0C0C0;
}
input.checkbox {
	background: none;
	border: 0Px;
}
input.image {
	background-color: #FFFFFF;
	border: 0Px;
}
textarea {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	background-color: #F3F3F3;
	border: 1Px solid;
	border-color: #C0C0C0;
}
h2 {
	color: white;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	text-align: justify;
}

/* CLASSE DEI PULSANTI INPUT.SUBMIT 3D SPECIAL VERSION*/
.input3d{	
	font-weight: bold;
font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	border: none;
	color:#DBD6D5;
	height: 20Px;	
	background-color: #085eb1;
	cursor: pointer;
	text-transform: uppercase;
	min-height: 22px;
}
.input3d:hover{
	font-weight: bold;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	border: none;
	color:#fff;
	height: 20Px;	
	background-color: #2579bf;
	cursor: pointer;
	text-transform: uppercase;
	min-height: 22px;
}	
/* CLASSE DEI PULSANTI INPUT.SUBMIT 3D SPECIAL VERSION GRAFICA 2*/
.input3d_2{	
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	border-top:1px solid #999;
	border-left:1px solid #999;
	border-right:1px solid #333;
	border-bottom:1px solid #333;
	color:#333;
	height: 20Px;	
	background-color:#d4d0c8;
	cursor: pointer
}
.input3d_2:hover{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	border-top:1px solid #999;
	border-left:1px solid #999;
	border-right:1px solid #333;
	border-bottom:1px solid #333;
	color:#333;
	height: 20Px;	
	background-color: #999999;
	cursor: pointer
}	


/* =============================================== */
/*                 MAPPA GOOGLEMAP                 */
/* =============================================== */
#map_canvas {
	width: 574Px;
	height: 350px;
	color: #000000;
	border: 1Px solid #999;
}


/* =============================================== */
/*           IL PAGINATORE - NAVIGATORE            */
/* =============================================== */
.NavigatoreTable {
	border: 0Px;
}
.NavigatoreDiv {
	background-color: #312821;
	border: none;
	height: 22Px;
	width: 25Px;
	text-align: center;
	padding-top: 3px
}
.NavigatoreDiv:Hover {
	background-color: #e3590e;
	border: none;
	height: 22Px;
	width: 25Px;
	text-align: center;
	padding-top: 3px
}
.NavigatoreDivSelezionato {
	background-color: #085eb1;
	border: none;
	height: 22Px;
	width: 25Px;
	text-align: center;
	padding-top: 3px
}
.NavigatorePrecedenteSuccessivo{

}
.TestoDelBotteneDelLink {
	text-decoration: none;
	color: #fff;
}
.TestoDelBotteneDelLink:hover {
	text-decoration: none;
	color: #fff;
}
.TestoDelBotteneDelLinkSelezionato {
	text-decoration: none;
	color: #d1eaff;
	font-weight: fff;
}

/* =============================================== */
/*                 VALIDATORE FORM                 */
/* =============================================== */
#msg {
  display: none;
  position: absolute;
  z-index: 200;
  background: url(../common/msg_arrow.gif) left center no-repeat;
  padding-left: 7px;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  font-size: 10Px
}

#msgcontent {
  display: block;
  background: #f3e6e6;
  border: 2px solid #924949;
  border-left: none;
  padding: 5px;
  min-width: 150px;
  max-width: 250px;
}


/* =============================================== */
/*           BLOCCO CENTRALE - REGISTRATI          */
/* =============================================== */
.BloccoCentro0 {
	width: 575Px;
	text-align: center;
	border: 0Px;
}
.BloccoCentro1 {
	width: 100%;
	height: 25Px;
	background-color: #036;
	text-align: center;
	font-weight: bold;
}
.BloccoCentro2 {
	width: 100%;
	background-color:#066;
	text-align: center;
}
.BloccoCentro3 {
	width: 100%;
	height: 14Px;
	background-color:#09C
}

.CellaSinistraRegistrati {
	padding-left:20Px;
	text-align:left;
	width: 50%;
	height: 23Px;
}
.CellaDestraRegistrati {
	text-align:left;
	width: 50%;
	height: 23Px;
}
/* tabella che contiene privato ed azienda nella pagina registrazione */
.TableUserRegistration{
	width: 250Px;
}
.TableUserRegistrationPrivato{
	
	background-repeat:no-repeat;
	background-position:center;
	height: 50Px;
}
.TableUserRegistrationAzienda{
	
	background-repeat:no-repeat;
	background-position:center;
	height: 50Px;
}


/* =============================================== */
/*           BOX LATERALE DI LOGIN			       */
/* =============================================== */
/* tabella che contiene csfolder, account, logout sulla destra */
.TabellaContienteAccount{
	width: 190Px
}
/* RIGA  */
.RigaContieneAccount{
	height: 20Px;
}
/* style dei link di csfolder, account, logout sulla destra */
.LinkDatiAccount{
	color: #006;
}
.LinkDatiAccount:hover{
	color: #930;
}
/* DIV che contiene i link, utile per esempio per mettere un padding e creare sfondo personalizzato */
.DivContieneLink{
	padding-left: 20Px
}

/* =============================================== */
/*                APERTURA BOX LOGIN               */
/* =============================================== */
/* immagine che funge da link per 'srotolare' il corpo Login (se disconnesso altrimenti contenuto, se connesso) */
.ApriBoxLogin {
	width: 190Px;
	height: 90Px;
	background-image: url(../login.jpg);
	background-repeat: no-repeat;
	cursor: pointer;
}
/* sfondo del box sotto il corpo login o pulsanti (se utente connesso) */
.BackgroundApriBoxLogin {
	background-color: #960;
}

h1 {color: white;font-family: Verdana, Geneva, sans-serif;font-size: 20px;text-align: center; text-transform: uppercase}
h3 {color: #e35903;font-family: Verdana, Geneva, sans-serif;font-size: 20px;text-align: left; margin: 0px; line-height: 35px}
h4 {color: #147ace;font-family: Verdana, Geneva, sans-serif;font-size: 15px;text-align: left; margin: 0px}
h5 {font-family: Verdana, Geneva, sans-serif;font-size: 20px; line-height: 27px;text-align: left; text-transform: uppercase; margin: 10px 0px; padding: 0px}
hr {height: 1px; border: none; margin: 10px 0px 10px 0px; background-color: #c3c3c3; text-align: left}
.hr2 {height: 1px; border: none; margin: 10px 0px 20px 0px; background-color: #c3c3c3; text-align: left; width: 577px}

.saldi {background-color: #e35903; padding: 5px 8px; cursor:pointer; margin-left: 17px; width: 144px; margin-bottom: 20px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; box-shadow: rgba(0, 0, 0, 0.30) 0px 0px 10px 2px; text-align: left; background-image: url(/template/freccina.png); background-repeat: no-repeat; background-position: 140px center  }
.saldi:hover {background-color: #ff9000;}
.saldi a {color:#322922; text-decoration:underline}


.piccat {background-color: #dcd7d4; padding: 5px; float:left; margin-right: 5px; width: 130px; height: 190px; margin-bottom: 15px; cursor:pointer}
.piccat:hover{background-color: #e35903}
.piccat div{text-align:center; font-size: 15px; font-weight: bold; line-height: 19px; margin: 10px 0px }
.piccat div a{color: #bf2d00; text-decoration:none}
.piccat:hover div a{color: #fff}

.cliccaqui {background-color: #ffae00; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; text-align:center; color: #322922; text-transform: uppercase; background-image: url(/template/frecciagiu.png);background-repeat: no-repeat; background-position: center 30px; padding: 80px 20px 0px 20px; width: 176px; height: 205px; cursor: pointer; font-size: 23px; font-weight: bold }
.cliccaqui:hover{background-color: #ffc600}