* {margin: 0; padding: 0;}

body {
 text-align: center;
 font: normal 11px Arial, Helvetica, Georgia, Geneva, Verdana, sans-serif;
 color: #1e1e1e;
 background: #FFF url(immagini/sf_pag.jpg) repeat-x top left;
}

#sf_grafica {
 width: 100%;
 background: url(immagini/sf_grafica.jpg) no-repeat top center;
 text-align: center;
}

#globale {
 width: 950px;
 margin: 0 auto;
 text-align: left;
}

.clear {clear: both;}

a, a:hover, a:active, a:focus {color: #7cab4f;}

/* top -----------------------*/
#top {
 width: 950px;
 height: 422px;
 background: url(immagini/foto_banner.jpg) no-repeat bottom left;
}

#banda_logo {
 width: 950px;
 height: 100px;
 background: url(immagini/top_logo.jpg) no-repeat top left;
 text-indent: -15000px;
}

#slideshow {
	overflow: hidden;
	height: 322px;
}

/* menu + login -----------------------*/
#barra_menu {
 width: 950px;
 height: 54px;
 border-bottom: 1px solid #ccc;
}

/* menu */
ul#menu {
 float: left;
 padding-top: 16px;
}

ul#menu li {
	float:left;
  display: inline;
	list-style:none;
}

ul#menu li a {
 text-indent: -15000px;
 height: 23px;
 margin-right: 14px;
 display: block;
}

ul#menu li a.home {background: url(immagini/p-home.gif) no-repeat top left; width: 69px;}
ul#menu li a.az {background: url(immagini/p-azienda.gif) no-repeat top left; width: 55px;}
ul#menu li a.cat {background: url(immagini/p-catalogo.gif) no-repeat top left; width: 61px;}
ul#menu li a.amb {background: url(immagini/p-ambienti.gif) no-repeat top left; width: 89px;}
ul#menu li a.conf {background: url(immagini/p-configura.gif) no-repeat top left; width: 119px;}
ul#menu li a.riv {background: url(immagini/p-rivenditori.gif) no-repeat top left; width: 73px;}
ul#menu li a.cont {background: url(immagini/p-contatti.gif) no-repeat top left; width: 57px;}


ul#menu li a.home:hover, ul#menu li a.home:active, ul#menu li a.home:focus, ul#menu li a.home_attivo {background: url(immagini/p-home-ov.gif) no-repeat top left; width: 69px;}
ul#menu li a.az:hover, ul#menu li a.az:active, ul#menu li a.az:focus, ul#menu li a.az_attivo {background: url(immagini/p-azienda-ov.gif) no-repeat top left; width: 55px;}
ul#menu li a.cat:hover, ul#menu li a.cat:active, ul#menu li a.cat:focus, ul#menu li a.cat_attivo {background: url(immagini/p-catalogo-ov.gif) no-repeat top left; width: 61px;}
ul#menu li a.amb:hover, ul#menu li a.amb:active, ul#menu li a.amb:focus, ul#menu li a.amb_attivo {background: url(immagini/p-ambienti-ov.gif) no-repeat top left; width: 89px;}
ul#menu li a.conf:hover, ul#menu li a.conf:active, ul#menu li a.conf:focus, ul#menu li a.conf_attivo {background: url(immagini/p-configura-ov.gif) no-repeat top left; width: 119px;}
ul#menu li a.riv:hover, ul#menu li a.riv:active, ul#menu li a.riv:focus, ul#menu li a.riv_attivo {background: url(immagini/p-rivenditori-ov.gif) no-repeat top left; width: 73px;}
ul#menu li a.cont:hover, ul#menu li a.cont:active, ul#menu li a.cont:focus, ul#menu li a.cont_attivo {background: url(immagini/p-contatti-ov.gif) no-repeat top left; width: 57px;}

/* login */
#box_login {
 float: right;
 width: 305px;/*320*/
 height: 28px;/*34*/
 border-left: 1px solid #e5e5e5;
 margin-top: 10px;
 padding: 6px 0 0 15px;
}

form#login input {
 float: left;
 width: 95px;/*103*/
 height: 13px; /*21*/
 background: url(immagini/sf_input.gif) no-repeat top left;
 border: none;
 padding: 4px;
 font-size: 11px;
 margin-right: 8px;
}

form#login input.bt_login {
 float: left;
 width: 83px;
 height: 21px;
 background: url('immagini/p-accedi.jpg') no-repeat top left;
 margin-right: 0;
}
#loggato {
 display: block;
 float: left;
 line-height: 23px;
 width: 305px;
}
.bt_logout {
 float: right;
 width: 83px;
 height: 21px;
 background: url('immagini/p-logout.jpg') no-repeat top left;
 margin-right: 0;
 text-indent: -15000px;
}

/* riga categorie home -----------------------*/
#riga_cat {padding: 7px 0;}

#riga_cat a, #riga_cat a:hover, #riga_cat a:active, #riga_cat a:focus {
 text-indent: -15000px;
 margin-right: 7px;
 height: 98px;
 width: 113px;
 display: block;
 float: left;
}

#riga_cat a.cat_sintetico {background: url(immagini/cat_sintentico.jpg) no-repeat top left; width: 112px;}
#riga_cat a.cat_teak {background: url(immagini/cat_teak.jpg) no-repeat top left;}
#riga_cat a.cat_keruing {background: url(immagini/cat_keruing.jpg) no-repeat top left;}
#riga_cat a.cat_ferro {background: url(immagini/cat_ferro.jpg) no-repeat top left;}
/*#riga_cat a.cat_mosaico {background: url(immagini/cat_mosaico.jpg) no-repeat top left; width: 112px;}*/
#riga_cat a.cat_gazebo {background: url(immagini/cat_gazebo.jpg) no-repeat top left; width: 112px;}
#riga_cat a.cat_arredi {background: url(immagini/cat_arredi.jpg) no-repeat top left;}
#riga_cat a.cat_cuscini {background: url(immagini/cat_cuscini.jpg) no-repeat top left;}
#riga_cat a.cat_vele {background: url(immagini/cat_vele.jpg) no-repeat top left; width: 112px; margin-right: 0;}

/* contenuti -----------------------*/
#txt_home {
 background-color: #f2f2f2;
 width: 263px;/*295*/
 height: 314px;
 border-top: 2px solid #7cab4f;
 color: #7c7c7c;
 padding: 0 16px;
 float: left;
 margin: 0 7px 7px 0;
}

#txt {padding: 15px 10px 30px 10px;  }

#txt_home h1, #txt h1 {
 color: #333;
 font-size: 21px;
 font-weight: normal;
 margin: 11px 0 0 0;
}

#txt_home h2, #txt h2, #txt h2.grigio {
 color: #7cab4f;
 font-size: 11px;
 font-weight: normal;
 margin-bottom: 15px;
}
#txt h2.grigio a, #txt h2.grigio  {
 color: #666;
 text-decoration: none;
}
#txt h2.grigio a:hover, #txt h2.grigio a:active, #txt h2.grigio a:focus { text-decoration: underline; }

#txt ul, #txt ol {
	padding: 0;
	margin: 15px 0 15px 35px;
}

#txt li {
	margin: 0;
	padding: 0 0 5px 0;
}


#cuscini_dx {
 float: right;
 background: url(immagini/tratteggio_vert.gif) repeat-y top left;
 width: 440px;
 padding: 0 0 0 25px;
 margin: 0 0 25px 0;
}

#cuscini_sx {
 float: left;
 width: 440px;
 padding: 0 25px 0 0;
 margin: 0 0 25px 0;
}

/* primo piano -----------------------*/
#box_pp {
 float: left;
 width: 648px;
/* border-bottom: 1px solid #CCC;*/
}

.tit_pp {
 background: url(immagini/tit_primopiano.gif) no-repeat top left;
 width: 648px;
 height: 54px;
}

/* cambia vista */
ul.cambiavista {
 display: block;
 float: right;
 color: #000;
 margin: 15px 0;
 font-size: 10px;
}

ul.cambiavista li {
 float: left;
 list-style:none;
 margin-right: 10px;
 line-height: 23px;
}

ul.cambiavista a.img4, ul.cambiavista a.img2 {
 text-indent: -15000px;
 background: url(immagini/vista1.gif) no-repeat top left;
 width: 23px;
 height: 23px;
 display: block;
}

ul.cambiavista a.img2 {background: url(immagini/vista2.gif) no-repeat top left;}

ul.cambiavista a.img4:hover, ul.cambiavista a.img4:active, ul.cambiavista a.img4:focus, ul.cambiavista li.selected a.img4 {background: url(immagini/vista1_ov.gif) no-repeat top left;}
ul.cambiavista a.img2:hover, ul.cambiavista a.img2:active, ul.cambiavista a.img2:focus, ul.cambiavista li.selected a.img2 {background: url(immagini/vista2_ov.gif) no-repeat top left;}
/*-----*/

/*#contenuti_pp {width: 648px;}*/

#contenuti_top {
	/*overflow: hidden;
	width: 648px;
	border:1px solid red;
	position: relative;*/
}

.contenuti_pp {
	overflow: hidden;
 	height: 211px;
 	/*float: left;
 	border:1px solid red;
 	position: absolute;*/
}

.contenuti_pp2img, .contenuti_pp4img {
 width: 648px;
 height: 182px;/*211px*/
 padding: 29px 0 0 0;
}
.contenuti_pp4img {padding: 36px 0 0 0; height: 175px;}

.contenuti_pp2img .prod_pp {
 float: left;
 height: 153px;
 width: 320px;
 margin-right: 3px;
}

.contenuti_pp4img .prod_pp, .contenuti_pp4img .prod_pp_ult {
 float: left;
 width: 140px;/*150*/
 height: 138px;
 border-right: 1px solid #7c7c7c;
 padding: 0 5px;
 margin: 0 5px;
}

.contenuti_pp4img .prod_pp_ult {border-right: none;}

.prod_pp img, .prod_pp_ult img {
 float: left;
 border: none;
}

.txt_prod_pp {
 float: left;
 border-left: 1px solid #7c7c7c;
 width: 170px;/*180*/
 height: 153px;
 padding: 0 5px;
 line-height: 16px;
}

a.dett {
 background: url(immagini/p-dettagli.gif) no-repeat top left;
 display: block;
 width: 69px;
 height: 19px;
 margin-top: 15px;
}

.altri_art {
 width: 648px;
 /*border-top: 1px solid #ccc;*/
 text-align: right;
 padding: 23px 0 0 0;
 float: right;
}

a.avanti, a.pag  {
 background: url(immagini/tondo.gif) no-repeat top left;
 width: 14px;
 height: 14px;
 display: block;
 float: right;
 margin: 0 5px;
 cursor: hand;
}

a.avanti:hover, a.avanti:active, a.avanti:focus, a.pag {background: url(immagini/tondo_att.gif) no-repeat top left;}

/* footer -----------------------*/
#footer {
 border-top: 1px solid #CCC;
 background: url(immagini/footer.gif) no-repeat bottom left;
 width: 927px;/*950*/
 height: 205px;
 padding: 0 8px 0 15px;
}

#cat_bottom {float: left;}

#cat_bottom ul {
 float: left;
 width: 134px;
 margin: 15px 4px 0 0;
}

#cat_bottom li {
 list-style: none;
 width: 130px;/*134*/
 height: 19px;/*27*/
 border-bottom: 1px solid #5c5c5c;
 padding: 8px 0 0 4px;
}

#cat_bottom li a {
 color: #b0b0b0;
 text-decoration: none;
 background: url(immagini/spunta.gif) no-repeat bottom left;
 padding: 2px 0 0 24px;
}

#box_dati {
 float: right;
 margin: 30px 0 0 0;
}

.dati {
 float: left;
 color: #b0b0b0;
 background: url(immagini/freccia_dati.gif) no-repeat top left;
 height: 88px;
 width: 162px;/*188*/
 padding: 0 0 0 26px;
}

.dati span {color: #7cab4f}

a.lynx {
 float: right;
 color: #7a7a7a;
 text-decoration: none;
 display: block;
 margin-top: 8px;
}

img.sx {
	float:left;
	padding:1px;
	margin:0 10px 0 0;
	border:1px solid #ccc;
	}


/* FORM ---------------------------------------------------------------------*/

form, fieldset, form#carrello {
	padding:0;
	margin:0;
	border:none;
}


/* mailing
/******************************/
form#form_newsletter {
	padding:0;
	margin: 18px 0 0 0;
	border:none;
}


div.fmail1, div.fmail2 {
  float:left;
	padding: 0 7px 5px 0;
	color:#62b2d5;
}
div.fmail1 { padding: 4px 7px 5px 0; }

.input_mail {       
  float:left;      
	width: 120px;
	padding: 0;
	margin: 0;
	border: 1px solid #ccc;
	background-color: #fff;
	font: normal 11px Verdana,Arial,Helvetica,Sans-Serif;
	color: #000;
	voice-family: "\"}\"";
	voice-family: inherit;
	padding: 3px;
	}

#pmailing {       
  float:left;
	padding:0;
	margin: 0 0 0 3px;
}
/******************************/


/*form#carrello { margin:0; margin-top: 15px; }*/

fieldset#no div.campoform1, fieldset#no div.campoform2 {
  float:left;
	padding: 0 7px 5px 0;
}

fieldset#no div.campoform1 {
	width:220px;
	text-align:right;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #fff;
	border-top: 1px solid #fff;
	border-right: 1px solid #CCC;
	margin-right:6px;
	padding-top: 1px;
	margin-bottom: 4px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width:200px;
	margin-bottom: 0;
	}
  	
fieldset#si div.campoform1 {padding: 0 0 3px 0;}
fieldset#si div.campoform2 {padding: 0 0 10px 0;}

div.campoform_descrittivo {
  margin: 10px 0 10px 140px;
	padding: 10px 7px 5px 0;
}
	
label {            
	text-align: left;
	margin: 0;
	padding: 0;
}


span.alert, span.avviso, label.obbligatorio {color: #ba2b2a;}
label.obbligatorio2 { color: #d647c0; }

.input, table.carrello input.input {
	width: 420px;
	padding: 0;
	margin: 0;
	border: 1px solid #ccc;
	background-color: #fff;
	font: normal 11px Verdana,Arial,Helvetica,Sans-Serif;
	color: #000;
	voice-family: "\"}\"";
	voice-family: inherit;
	padding: 3px;
	}


div#submit, div#submit2 {
	padding: 0;
	margin: 15px 0 10px 215px;
}

div#submit2 img, img.logout {
	padding: 0;
	margin: 0;
	border: none;
}
	
div#submit input {
	background: url('immagini/sf-pulsante.jpg') repeat-x top left;
	background-color: #ebebeb;
	border: 3px double #999;
	border-left-color: #ccc;
	border-top-color: #ccc;
	color: #333;
	padding: 2px 8px;
	font: 11px "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana;
}
	
div#submit input:active {
	background: #f4f4f4;
	border: 3px double #ccc;
	border-left-color: #999;
	border-top-color: #999;
}


div.int_modulo {
	padding: 0 0 5px 0;
	margin: 15px 10px 10px 0;
	border-bottom: 1px dotted #7F7F7F;
	font-weight: bold;
	text-transform:uppercase;
	}

div#notifica_errore {
	width:480px;
	height:38px;
	display: block;
	padding: 13px 3px 3px 60px;
	margin: 0 0 1px 0;
	border: 1px dashed #b04b13;
	background: transparent url('immagini/ic-alert.gif') 7px 7px no-repeat;
	text-align:left;
	/*font: normal 11px Georgia, Geneva, Arial, Helvetica, Verdana, sans-serif;*/
	font: normal 11px "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana;
 	color: #2c170e;
	}

div#notifica_conferma {
	width:480px;
	height:38px;
	display: block;
	padding: 13px 3px 3px 60px;
	margin: 0 0 20px 0;
	border: 1px dashed #00830F;
	background: transparent url('immagini/ic-conferma.png') 12px 11px no-repeat;
	text-align:left;
	/*font: normal 11px Georgia, Geneva, Arial, Helvetica, Verdana, sans-serif;*/
	font: normal 11px "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana;
 	color: #2c170e;
	}











#col_sx {
border-right:1px solid #CCC;
float: left;
width: 620px;
margin: 0 0 40px 0;
padding: 0;
}

#col_dx {
float: left;
width: 280px;
margin: 0;
padding: 5px 0 0 15px;
}


ul#prodotti_ambientazioni {
margin: 0;
padding: 0;
}
 	
ul#prodotti_ambientazioni li {
list-style:none;
margin: 0 0 20px 0;
padding: 0;
background: transparent url('immagini/sep_link.gif') no-repeat top right;
}

ul#prodotti_ambientazioni a { color: #000; text-decoration: none; }
ul#prodotti_ambientazioni a:hover { text-decoration: underline; }

#elenco_img img { border: 2px solid #CCC; margin: 10px 10px 0 0;  padding:0;}
ul#prodotti_ambientazioni a { color: #000; text-decoration: none; }
ul#prodotti_ambientazioni a:hover { text-decoration: underline; }



table.foto_prodotti {
	margin: 0; 
	padding: 0;
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
	text-align:center;
 	font: normal 11px Arial, Verdana, Helvetica, sans-serif;
}

.foto img, .foto_ultima img, .foto_2col img, .foto_dettaglio  img {
 border: 1px solid #88ab15;
 padding: 1px;
 margin: 0 0 -2px 0 !important;
 margin: 0 0 1px 0;
}

*:first-child+html .foto img, 
*:first-child+html .foto_ultima img,
*:first-child+html .foto_2col img,
*:first-child+html .foto_dettaglio img {margin: 0 0 1px 0 !important;}

.foto_dettaglio { float: left; }

.dati_tecnici { float:left; width:300px;margin: 0 0 0 18px; }

.linea { 
	background: url(immagini/tratteggio.gif) repeat-x top left;
	height: 1px;
	font-size: 1px;
	margin:0 0 15px 0; 
}

.foto, .foto_ultima {
 float: left;
 margin: 0 0 16px 0;
}

.foto { margin-right: 24px; }

.anteprima {
 float: left;
 width: 320px;
 margin: 0 0 0 16px;
}

.txt_anteprima {margin: 0 0 6px 0;}

span.color1, .anteprima span { color: #6e9b12; }

.nome_ambiente {
 background-color: #7cab4f;
 padding: 2px 4px 3px 4px;
 color: #FFF;
 /*text-transform: capitalize;*/
vertical-align:middle;
 font: normal 11px Arial, Verdana, Helvetica, sans-serif;
text-align: center;
}

.nome_ambiente a, .nome_ambiente a:hover, .nome_ambiente a:active, .nome_ambiente a:focus {
 color: #FFF;
 text-decoration: none;
}

table.foto_prodotti {
	margin: 0;
	padding: 0;
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
	text-align:center;
 	font: normal 11px Arial, Verdana, Helvetica, sans-serif;
}

table.carrello {
	width: 700px;
	margin: 0 0 0 50px;
	padding: 0;
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
	/*border-top:1px dotted #BFB89E;*/
 	font: normal 11px Arial, Verdana, Helvetica, sans-serif;
  float: right;
}

table.carrello td.intestazione { padding: 0 0 20px 2px; text-align:left; border-bottom:1px dotted #BFB89E; }
table.carrello td.prodotto { padding: 1px 15px 0 5px; text-align:left; width: 305px;  border-bottom:1px dotted #BFB89E;}
table.carrello td.contenuti { padding: 1px 15px; text-align:center;  border-bottom:1px dotted #BFB89E;}
table.carrello td.pulsante { padding: 0 0 10px 0; text-align:right; }

input.carrello {
 margin: 0;
 width: 30px;
 border-top: 1px solid #404040;
 border-left: 1px solid #404040;
 border-right: 1px solid #d4d0c8;
 border-bottom: 1px solid #d4d0c8;
 font: normal 11px Arial, Verdana, Helvetica, sans-serif;
}


div.descrizione_categoria { padding: 0 0 30px 0; }

.contenuto {margin: 26px 0 10px 0;}

#contenuti_regione {
float:left;
margin: 0;
width:550px;
}


.cartina_ita {
 float: right;
 margin: 0 50px 0 20px;
}

#cartina {
 float: right;
 background: url(immagini/tratteggio_vert.gif) repeat-y top left;
 width: 312px;
 padding: 0 0 0 25px;
 margin: 0 0 5px 15px;
 voice-family: "\"}\"";
 voice-family: inherit;
 width: 287px; /*171px;*/
}


.cerca_rivenditori {
 background: url(immagini/sf_cerca_revenditori.gif) no-repeat bottom right;
 width: 368px;
 height: 45px;
 margin: 60px 0 0 0;
}

.tratteggio {
 background: url(immagini/tratteggio.gif) repeat-x top left;
 height: 1px;
 font-size: 1px;
 margin: 25px 0;
}

.immagine, .immagine2 {
 float: left;
 border: 1px solid #88ab15;
 padding: 1px;
 margin: 0 10px 6px 0;
}

.immagine2 { margin: 0 30px 6px 20px; }

