/**** GRAFICA PER TEST SITE ****/
/*
#wrapper{
  border: 10px solid blue;     
  border-bottom:0px;
}
#footer #insetter{
  border: 10px solid blue;     
  border-top:0px;
}
body 
{
  background: transparent url(images/_.jpg) repeat-x 0px 10px;
}
*/
/*******************************/




* {	margin: 0px; }

html, body {
     height: 100%;
}

body {
	margin: 0px auto 0px auto;
	padding: 0px;
	text-align: center;
	height: 100%;	
	/* GRAFICA PER TEST SITE */
  background: transparent url(images/_.jpg) repeat-x top;
  
}

div#wrapper {
	width: 960px;
	min-height: 100%;
	height: auto !important;
   height: 100%;
   margin: 0px auto -140px auto;
	clear: both;
}

div#header {
	height: 123px;
	margin: 0px 10px 0px 10px;
	width: 700px;
}

div#header div#logo {
	width: 200px;
	margin: 10px 10px 0px 10px;
	padding: 0px;
	height: 113px;
	/* background:  url(images/logo.gif) no-repeat center left; */
	color: #4682B4;
	font-size: 36px;
	font-weight: bold;
	float: left;
	clear: none;
	text-indent:-1000px;
}

.logo_home{
  background:  url(images/logo_home.png) no-repeat top left;
  }
.logo_generico{
  background:  url(images/logo_home.png) no-repeat top left;
  }
  
div.navigation a.logo, div.navigation a.logo:hover{
  background-image:  none;
  height:86px;
  width:152px;
  }
  
div.lcol {
	width: 360px;
	margin: 0px;
	padding: 0px;
	float: left;
	clear: left;
}

div.rcol {
	width: 640px;
	margin: 0px;
	padding: 0px;
	float: left;
	clear: right;
}

div.lcol-large {
	width: 720px;
	margin: 0px;
	padding: 0px;
	float: left;
	clear: left;
}

div.rcol-small {
	width: 240px;
	margin: 0px;
	padding: 0px;
	float: left;
	clear: right
}


div.w100 {
	display: inline;
	/*width: 100px;*/
	margin: 0px 10px 10px 10px;
	padding: 0px;
}


div.w140{
	display: inline;
	width: 140px;
	margin: 0px 9px 10px 9px;
	padding: 0px;
}

li.w160{
	display: inline;
	width: 160px;
	margin: 0px 10px 0px 5px;
	padding: 0px;
}
li.w180{
	display: inline;
	width: 180px;
	margin: 0px 10px 0px 5px;
	padding: 0px;
}
li.w200{
	display: inline;
	width: 200px;
	margin: 0px 0px 0px 5px;
	padding: 0px;
}

.w320
{
  display: inline;
	width: 320px;
	margin: 0px 10px 10px 10px;
	/*border: 1px solid #2E94AE;*/
	padding: 0px;
}

.w320 img {
  margin: 2px 5px;
}
.w320 p {
  margin: 0px; padding: 0px; text-align: left;
  }
  
div.w700 img {
  margin: 2px 5px;
}
div.w700 p {
  margin: 0px; padding: 0px; text-align: left;
  }
  
div.w320 p.argomenti_norma {
  margin-bottom: 5px;
}

div.w220_au {
	display: inline;
	width: 220px;
	margin: 0px 9px 10px 9px;
	padding: 0px;
}
div.w200 {
	display: inline;
	width: 200px;
	margin: 5px;
	padding: 0px;
}
div.w220 {
	display: inline;
	width: 230px;
	margin: 5px;
	padding: 0px;
}
div.w220nm {
	display: inline;
	width: 220px;
	margin: 0px;
	padding: 0px;
}

div.w220nb,
li.w220nb  {
	display: inline;
	width: 220px;
	margin: 0px;
	/* padding: 0px;
	margin: 0px 5px 10px 7px; */
	padding: 0px 6px 0px 0px;
	margin: 0px 0px 10px 6px;
	border-right:1px solid silver; 
}

div.w220nb_last  {
	display: inline;
	width: 220px;
	margin: 0px;
	/* padding: 0px;
	margin: 0px 5px 10px 7px; */
	padding: 0px 2px 0px 0px;
	margin: 0px 0px 10px 6px;
	border-right:0px solid silver; 
}

div.w220nb h4.titolo{
	min-height:22px;
	margin:0px;
	padding:0px;
}


li.wImg h4,
#dett_prodotto div.w220nb h4{
	margin:0px;
	/* padding:0px; */
	display: block;
}


div.w300 {
	display: inline;
	width: 310px;
	margin: 5px;
	background-color: white;
	padding: 0px;
}

div.w340 {
	display: inline;
	width: 350px;
	margin: 5px;
	background-color: white;
	padding: 0px;
}

div.w380 {
	display: inline;
	width: 390px;
	margin: 5px;
		background-color: white;
	padding: 0px;
}

div.w380nm {
	display: inline;
	width: 380px;
	margin: 10px 9px 10px 9px;
	
	padding: 0px;
}


div.w400 {
	display: inline;
	width: 400px;
	margin: 10px 9px 10px 9px;
		background-color: white;
	padding: 0px;
}

div.w580 {
	display: inline;
	width: 590px;
	margin: 5px;
		background-color: white;
	padding: 0px;
}

div.w550 {
	display: inline;
	width: 550px;
	padding: 0px;
}

div.w620 {
	display: inline;
	width: 630px;
	margin: 5px;
		background-color: white;
	padding: 0px;
}
div.w700 {
	display: inline;
	width: 710px;
	margin: 5px;
		background-color: white;
	padding: 0px;
}
div.w700ns {
	display: inline;
	width: 710px;
	margin: 5px;
		background-color: white;
	padding: 0px;
}
div.w50p {
	display: inline;
	width: 50%;
	margin-right: 10px;
	padding: 0px;
}

div.w220 h3, div.w220 p, div.w220 ul, div.w300 h3, div.w300 p, div.w300 ul, div.w380 h3, div.w380 p, div.w380 ul,  div.w340 h3, div.w340 p, div.w340 ul, div.w400 h3, div.w400 p, div.w400 ul,  div.w620 h3, div.w620 p, div.w620 ul, div.w700 h3, div.w700 p, div.w700 ul, div.w700 h4, div.w700 div.jus,
div.w580 p, div.w580 h3, div.w700_inner h3,div.w700_inner h2, div.w700_inner p, div.w700_inner ul, div.w700_inner h4, div.w700_inner div.jus{padding: 3px 5px 0px 5px;}

div.w700_inner p.jus {margin:2px 5px;}

div.riepilogo_periodici p.jus {max-width:620px; margin:2px 5px 2px 0px;}

.lefter { 	float: left; }
.righter {	float: right; }
.clearer { 	clear: both; }
.clear-left { 	clear: left; }
.clear-right { 	clear: right; }

.img_lefter { 	float: left; margin-right:10px;}
.img_righter {	float: right; margin-left:10px; }

/* h3.box */
.box { 
	background: #e4e4e4;
  color:black; 
  /* font-size:13px;*/
	}
  
p.box { 
	background: #e4e4e4;
  color:black; }
  
#dett_prodotto h1 , #lista_librerie h1, #home_serv_abb h1,
 #dettaglio_edilworld h1,
 #dettaglio_dossier h1 { 
  font-size:25px;
  font-weight:bold;
	text-indent:0;
	text-align:left;
	height:auto;
	/*margin:0px 5px;
	padding:0px 5px;*/
	margin:0px 0px 0px 5px;
	padding:0px 0px 0px 5px;
  }
 
 #dettaglio_dossier h2.red{ 
  background:none;
  color:#990000;
  }
 
 #dettaglio_edilworld h2.gold,
 #dettaglio_dossier h2.gold{ 
  background:none;
  color:#FBAD18;
  }
   #lista_librerie h1,
#lista_librerie h2,
#lista_librerie p
 #home_serv_abb h1,
 #dettaglio_dossier h1,
 #dettaglio_dossier h2,
 #dettaglio_edilworld h1{
margin:2px 5px; }
  
#dett_prodotto h2.box { 
	background: #e4e4e4;
  color:black; 
  font-size:13px;
  padding-left:10px;
  font-weight:bold;}
  
#dett_prodotto h3.box { 
	background: white;
  color:black; 
  font-size:13px;
  font-weight:normal;
  margin:0px 0px 0px 5px;
  padding-left:10px;
  }
  
/*
#dett_prodotto p{ 
padding-left:0px;
}
*/
#dett_prodotto .borderb-silver,
#dett_prodotto .bordert-silver,
#dett_prodotto .borderb-blue,
#dett_prodotto .bordert-blue{ 
margin:0px 0px 0px 5px;
}

.push{
	height: 140px;
	clear: both;
}
div#footer {
	
	width: 100%;
	background: #294e83 url(images/footer_01.jpg) repeat-x top;
	clear: both;
	margin-top: 20px;
	color: White;
	min-height: 140px;
}

div#footer div#insetter {
	width: 960px;
	margin: 10px auto 0px auto;
	padding: 10px 0px 0px 0px;
	text-align: left;
	list-style: none;
}









div.lcol_3c {
	width: 360px;
	margin: 0px;
	padding: 0px;
	float: left;
	clear: left;
}


div.ccol_3c {
	width: 360px;
	margin: 0px;
	padding: 0px;
	float: left;
}

div.rcol_3c {
	width: 240px;
	margin: 0px;
	padding: 0px;
	float: left;
	clear: right;
}

div#no_breadcrumb{
	width: 679px;
	padding: 2px 10px 2px 10px;
	float: left;
  margin-left:11px; 
	border-style: solid;
  border-width:1px 0px 0px 0px;
  height:5px;
}

div#breadcrumb{
	width: 680px;
	padding: 2px 10px 2px 10px;
	float: left;
  margin-left:10px; 
	border-style: solid;
  border-width:1px 0px ;
  /* 
  width: 679px;
  margin-left:11px; 
  */
}

div#errore_cookie,div#errore_java {
	width: 679px;
	/* margin: 5px 0px 0px 0px; */
	padding: 2px 10px 2px 10px;
	float: left;
  margin-left:11px; 
	border-style: solid;
  border-width:1px 0px ;
  border-top:0px;
  background:red;
  color:white;
  margin-top:2px;
  /* 
  border-color: #284B81; 
  color:#284B81;
  font-weight:bold;
  */
}
div#errore_java {
	width: 94%;
}

div#breadcrumb ul {
	display: block;
	font-size: 12px;
	padding: 0px;
	float: left;
	/* background: #e4e4e4; */
	margin: 0px 0px 0px 0px;
	font-family: "Trebuchet MS", Arial, Helvetica, Sans-serif;
}

div#breadcrumb li {
	display: block;
	font-size: 12px;
	list-style: disc;
	padding: 0px 10px 0px 10px;
	float: left;
	margin: 0px 5px 0px 5px;
}

div#breadcrumb.brd_home {
  border-top-width: 0px;
	}
	
.brd_catalogo,.brd_catalogo li, .brd_catalogo li a{
  border-color: #284B81;
  color:#284B81;
	}
.brd_abbonati, .brd_abbonati li, .brd_abbonati li a{
  border-color: #990000;
  color:#990000;
	}
	
.brd_edilworld,.brd_edilworld li, .brd_edilworld li a{
  border-color: #FBAD18;
  color:#FBAD18;
	}
	
.brd_home,.brd_home li, .brd_home li a{
  border-color: #284B81;
  color:#284B81;
	}

#breadcrumb li a {
	font-weight:normal;
	text-transform: none;
	}
	
.brd_catalogo li.tb {
	background: url(images/bc_bullet_catalogo.gif) no-repeat center left;
	padding-left: 12px;
	text-transform: uppercase;
	font-weight: normal;
}
.brd_edilworld li.tb {
	background: url(images/bc_bullet_edilworld.gif) no-repeat center left;
	padding-left: 12px;
	text-transform: uppercase;
}
.brd_abbonati li.tb {
	background: url(images/bc_bullet_abbonati.gif) no-repeat center left;
	padding-left: 12px;
	text-transform: uppercase;
}
.brd_home li.tb {
	background: url(images/bc_bullet_istituz.gif) no-repeat center left;
	padding-left: 12px;
	text-transform: uppercase;
}


.input_dispo{ /*margin-top:55px;*/ margin-right:3px; margin-top:-4px; }
ul.prod_composti li{ float:left; margin-right:10px; margin-top:5px;height:45px;width:33px; overflow:hidden; border: 1px solid #252d6c;}
ul.prod_composti li img{width:33px;overflow:hidden;}
ul li.prod_composti_titolo{padding:5px 10px 0px 10px; background:red; height:20px; border:1px solid red; color:white; font-size:13px; margin-top:25px;width:auto; }

.txt_right{
text-align: right;
padding-right:5px;
display: block;
}

.txt_left{
text-align: left;
padding-left:5px;
}

.txt_center{
text-align: center;
}


.banner_evidenza {
	/* height:300px; */
	text-align:center;
	clear:left;
}

.banner_evidenza a{
  margin: 0px auto 2px auto;
  text-align: center;
}


#banner_cx {
  background: url(images/BOX_pubb.gif) no-repeat top center;
	margin: 7px auto 0px auto;
	width:250px;
  height:27px; 
}

#banner_cx_inner {
	width:248px;
	height:248px;	
	margin: 0px auto 0px auto;
  border: 1px solid #284B81;
  border-top:0px;
  overflow:hidden;
}
#banner_cx_inner img{
	margin: auto;
}
ul#carrello_nav{
margin-left:3px;
}

ul#carrello_nav li{
display:block;
float:left;
width:25%;
}

p img.inliner, #carrello_nav img
{
display:inline;
float:none;
vertical-align: bottom;
margin-right:2px;
padding:0px;
}

form.f700 #carrello_nav a
{
border-bottom:0px;
}

form.f700 #carrello_nav a:hover
{
text-decoration:underline;
border-bottom:0px;
}

form.f700 #carrello_nav a.txt_left
{
text-align:left;
}
form.f700 #carrello_nav a.txt_right
{
text-align:right;
}
form.f700 #carrello_nav a.txt_center
{
text-align:center;
}

ul#ul_correlazione{
}
ul#ul_correlazione li{
width:47%;
display:block;
float:left;
margin-right:5px;
}

img.product_image{
width:140px;
margin: auto 0px;
background: white;
}


div#istituzionale {
	margin: 0px 10px;
	background: White url(images/ist_bg.JPG) repeat-x;
	min-height: 200px;
}

div#formule_acq {
	margin: 0px;
	background: White url(images/ist_bg.JPG) repeat-x;
	min-height: 90px;
	padding-bottom: 5px;
	border-bottom: 1px solid silver;
}

.radiob
{
margin-left: 11px;
}
.m05
{margin:0px 5px;}

.ml10
{margin-left:10px;}

.desc_modalita
{
  margin:10px 0px;
}

.desc_modalita p.descrizione
{
  margin-left:65px;
}

div.w700_inner .dett_offerta p.descrizione
{
  margin: 0px 0px 0px 35px;
  padding:0px;
}



.desc_modalita .titolo
{
  max-width:75%;
}

div.w700 #riep_modalita a
{
  padding:3px 5px 0;
}

.Pubblicita
{
  position:absolute;
  z-index:5000;
  width:512px;  
	height:350px;
  background-color:trasparent;
  top:50%;
  margin-top:-192px;
  left:50%;    
  margin-left: -256px;
}

.PopupAvviso
{
  position:absolute;
  z-index:5000;
  width:512px;  
	height:350px;
  background-color:trasparent;
  top:70%;
  margin-top:-192px;
  left:50%;    
  margin-left: -256px;
}

.Pubblicita a,
.PopupAvviso a.chiudi
{
  position:absolute;
  top:0px;
  right:0px;
  z-index:200;
  width:20px;
  height:20px;
  background:  url(images/cross.png) #284B81 no-repeat center center;
  border: 2px solid #294C82; 
  border-bottom:0px;
}

.Pubblicita .objFlash
{
	border:3px solid #294C82;
	position:absolute;
	top:18px;
	left:0px;
	padding:0;
	height:384px;

}
.PopupAvviso .objAvviso
{
	border:3px solid #294C82;
	position:absolute;
	top:18px;
	left:0px;
	padding:0;
	background: #E1E1E1;
	padding:20px 0px;
  width:512px;  
}
.PopupAvviso .objAvviso h2
{
	padding: 0px;
}
.PopupAvviso .objAvviso p
{
	margin-bottom:10px;
	/*Nuova parte*/
	padding: 3px 5px 0px 5px;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-align: justify;
}

#h_abbonati .Pubblicita a,#h_abbonati .Pubblicita .objFlash,
.pubb_abbonati a,.pubb_abbonati .objFlash 
{border-color:#D02614;}

#h_catalogo .Pubblicita a,#h_catalogo .Pubblicita .objFlash,
.pubb_catalogo a,.pubb_catalogo .objFlash  
{border-color:#238BA8;}

#h_edilworld .Pubblicita a,#h_edilworld .Pubblicita .objFlash,
.pubb_edilword a,.pubb_edilword .objFlash
{border-color:#DC9008;}


/* ------------- NUOVA GRAFICA CATALOGO -----------------------------*/
div#breadcrumb[class="brd_catalogo"]{
	border-top:0px ;
}

div#ListaTipologie,
div.rigaTipologia
{
position:relative;
}

div#ListaTipologie h4
{ 
	margin-left:5px;
}

div#ListaTipologie img
{
	/*filter:alpha(opacity=20);
	-moz-opacity:0.2;
	-khtml-opacity: 0.2;
	opacity: 0.2;

	max-width:70px;
	margin: 0px;
	right:0px; 
	top:2px;
	border:0px;
  */
	/*
  position:absolute;
	z-index:-1;
	*/
}
div#ListaTipologie p
{
}

.wImg h4{
  padding:3px 5px 0px;
  margin:0px;

}

.wImg h4 img {
  margin:2px 8px;
}
.w220 .wImg h4 img {
  margin:2px 3px 2px 3px;
}
