/* Impostare i CSS COMUNI a sito e a html editor (tiny) anche in /cms/css/tiny.css 
NOTA: i tag nei css metterli minuscoli*/

body {/*impostare anche in tiny con margin 15px e bgcolor FFFFFF*/
	font-family:  Arial, Helvetica, Verdana, sans-serif; 
	font-size: 12px; 
	color: #000000; 
	/*background-color: #c4c7cc;
	background-image:url(/include/mod/layout1/images/2008_bk2.gif);*/
	background-color: #ffffff;
	background-image:url(/include/mod/layout1/images/2009_bk.gif);
	background-repeat:repeat-x;
	margin:0px;
	padding:0px;
	width:960px;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
}

p {
	margin:0px;
	border:0px;
	padding:0px;
}

div.det table {/*impostare anche in tiny*/
	margin:0px;
	border-top:1px solid #999999;
	border-left:1px solid #999999;
}

div.det td {/*impostare anche in tiny*/
	border-right: 1px solid #999999; 
	border-bottom: 1px solid #999999;
	padding:0px;
	vertical-align:top;
}

div.det ul, div.det ol  { /*impostare anche in tiny*/
	padding:0px;
	margin-top:0px;
	margin-bottom:0px;
	margin-right:0px;
	margin-left:16px;
}


/*usare su p margin e padding 0px va bene ma va accoppiato a sostituzione in front end di <p></p> con <br/> altrimenti se faccio 4 enter in editor vedo 4 interlinee (anche se ho margin 0) mentre in front end non vedo nessuna interlinea -> vedi clean_xhtml in RubUtil*/
div.det p { /*impostare anche in tiny*/
	margin-top:0px;
	margin-bottom:0px;
	padding:0px;
}

div.det blockquote { /*impostare anche in tiny*/
	margin-top:0px;
	margin-bottom:0px; 
}

div.det h1 { 
	color: #333333; 
	font-weight: bold; 
	font-size: 30px; 
	margin:0px; 
	margin-bottom:30px;
	margin-top:30px; 
}

div.dettit1 {
	min-height:79px; 
	
	color:#ffffff; 
	font-weight:bold; 
	font-size:16px; 
	width:96%;
	background-image:url(/include/mod/layout1/images/2008_h1bk.gif); 
	background-repeat: repeat-x;
	padding:5px 0px 0px 30px;
}

/*impostare anche in tiny*/
div.det h2 { COLOR: #333333; font-weight: bold; FONT-SIZE: 18px; line-height:24px; margin:0px; margin-bottom:20px;}/*impostare anche in tiny*/
div.det h3 { COLOR: #333333; font-weight: bold; FONT-SIZE: 16px; line-height:20px; margin:0px}/*impostare anche in tiny*/
div.det h4 { color: #333333; font-weight: bold; font-size: 15px; line-height:18px; margin:0px}/*impostare anche in tiny*/
div.det h5 { color: #333333; font-weight: bold; font-size: 14px; line-height:16px; margin:0px}/*impostare anche in tiny*/
div.det h6 { color: #333333; font-weight: bold; font-size: 12px; line-height:15px; margin:0px}/*impostare anche in tiny*/

hr { color: #cccccc; height:1px; border:1px dotted #cccccc;}/*impostare anche in tiny*/

/*CSS personali compaiono anche in menu tendina in html editor tiny)*/
.titolo { /*impostare anche in tiny*/
	font-size:18px;
	line-height:22px;
	font-weight:bold;
	color:#000000;
}

/* CSS per sito (non impostare in tiny) ----------------------------------------------------------- */
table {
	margin: 0px; 
	padding:0px;
	background-color: #FFFFFF;
	border-collapse: collapse;	
}

td { 
	background-color: #FFFFFF;
	vertical-align:top;
	margin:0px;
	padding:0px;
}

img {
	margin:0px;
	padding:0px;
}

td img {
	vertical-align:bottom
}

/*FORM*/
form {
	margin:0px;
}

input {
	border: 1px solid #999999;
	background-color:#FFFFFF;
}

textarea {
	border: 1px solid #999999;
	background-color:#FFFFFF;
}

select {
	border: 1px solid #999999;
	background-color:#FFFFFF;
}

INPUT.checkbox {border: 0px;}
INPUT.radio {border: 0px;}

input.buttonimage {/*usato su tasti submit*/
	width:27px;
	height:27px;
	border: 0px;
	background: url(/include/mod/layout1/images/input_freccia.gif) no-repeat;
	/*da IE6 hand diventa pointer: per compatibilità precedente mettere ASSOLUTAMENTE DOPO cursor:hand (per i vecchi IE) */
	cursor: pointer; 
	cursor: hand;
}

input.buttonimage2 {/*usato su tasti submit*/
	width:16px;
	height:16px;
	border: 0px;
	background: url(/include/mod/layout1/images/colsx_freccia_giallo.gif) no-repeat;
	/*da IE6 hand diventa pointer: per compatibilità precedente mettere ASSOLUTAMENTE DOPO cursor:hand (per i vecchi IE) */
	cursor: pointer; 
	cursor: hand;
}

input.buttonimage3 {/*usato su tasti submit*/
	width:16px;
	height:16px;
	border: 0px;
	background: url(/include/mod/layout1/images/colsx_freccia_orange.gif) no-repeat;
	/*da IE6 hand diventa pointer: per compatibilità precedente mettere ASSOLUTAMENTE DOPO cursor:hand (per i vecchi IE) */
	cursor: pointer; 
	cursor: hand;
}

/*i class field sui form sono quelli presenti in CfgDyn usata lato public*/
INPUT.field {width: 300px;}
SELECT.field {}
TEXTAREA.field {width: 300px;}
INPUT.button
{
  width:100px;
  border: 1px solid rgb( 145, 155, 156 );
  background-color:#EEEEE9;
  filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#ffffff', EndColorStr='#EEEEE9');
  font-size: 12px;
  cursor: default;
  padding: 5px;
}

INPUT.button2
{
  width:100px;
  border:#FBBC56 2px solid;
  background-color:#EEEEE9;
  filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#ffffff', EndColorStr='#EEEEE9');
  font-size: 10px;
  cursor: default;
  padding: 0px;
}

div.label{/* usato per i label a sinistra dei campi form presenti in CfgDyn*/
	width:150px;
	float :left;
	border-bottom: 1px #999 dotted;
    height:16px;
    padding: 3px 0px 0px 0px;
	margin-right:2px;
	font-weight:bold;
	text-align:left;
}

div.label2{/* usato a destra del label sopra per scritte che non sono in un form...altrimenti non sono allineati*/
    padding: 3px 0px 0px 0px;
}
/*END FORM*/

/* CSS GENERALI UTILIZZATI IN DET E SRC OLTRE CHE NEI COMP BASE */
A img {border:0px;}

A:link { COLOR: #000000;TEXT-DECORATION: underline;}
A:active {COLOR: #000000; TEXT-DECORATION: underline}
A:visited {	COLOR: #000000; TEXT-DECORATION: underline}
A:hover {COLOR: #000000; TEXT-DECORATION: underline}

A.none:link {TEXT-DECORATION: none}
A.none:active {TEXT-DECORATION: none}
A.none:visited {TEXT-DECORATION: none}
A.none:hover {TEXT-DECORATION: none}

A.bianco:link {TEXT-DECORATION: none; color:#7c7c7a; font-size:12px; font-weight:normal;}
A.bianco:active {TEXT-DECORATION: none; color:#7c7c7a; font-size:12px; font-weight:normal;}
A.bianco:visited {TEXT-DECORATION: none; color:#7c7c7a; font-size:12px; font-weight:normal;}
A.bianco:hover {TEXT-DECORATION: none; color:#ffffff; font-size:12px; font-weight:bold; letter-spacing:1px;}

A.grigio:link {TEXT-DECORATION: none; color:#eaeaea; font-size:12px; font-weight:normal;}
A.grigio:active {TEXT-DECORATION: none; color:#eaeaea; font-size:12px; font-weight:normal;}
A.grigio:visited {TEXT-DECORATION: none; color:#eaeaea; font-size:12px; font-weight:normal;}
A.grigio:hover {TEXT-DECORATION: none; color:#eaeaea; font-size:12px; font-weight:bold; letter-spacing:1px;}

A.bianco2:link {TEXT-DECORATION: none; color:#ffffff; font-size:12px; font-weight:bold; letter-spacing:1px;}
A.bianco2:active {TEXT-DECORATION: none; color:#ffffff; font-size:12px; font-weight:bold; letter-spacing:1px;}
A.bianco2:visited {TEXT-DECORATION: none; color:#ffffff; font-size:12px; font-weight:bold; letter-spacing:1px;}
A.bianco2:hover {TEXT-DECORATION: none; color:#ff0000; font-size:12px; font-weight:bold; letter-spacing:1px;}

A.nero:link {TEXT-DECORATION: none; color:#000000; font-size:12px; font-weight:normal;}
A.nero:active {TEXT-DECORATION: none; color:#000000; font-size:12px; font-weight:normal;}
A.nero:visited {TEXT-DECORATION: none; color:#000000; font-size:12px; font-weight:normal;}
A.nero:hover {TEXT-DECORATION: none; color:#000000; font-size:12px; font-weight:bold;}

A.dxnews:link {TEXT-DECORATION: none; color:#ffffff; font-size:12px; font-weight:normal;}
A.dxnews:active {TEXT-DECORATION: none; color:#ffffff; font-size:12px; font-weight:normal;}
A.dxnews:visited {TEXT-DECORATION: none; color:#ffffff; font-size:12px; font-weight:normal;}
A.dxnews:hover {TEXT-DECORATION: none; color:#ff0000; font-size:12px; font-weight:bold;} 

div.coldxmenu {
	font-size:15px;
	font-weight:bold;
	color:#ffffff;
	margin:10px;
	border-bottom:1px solid #a5aeba;
	padding-bottom:10px;
}

div.coldxmenu A:link {TEXT-DECORATION: none; color:#ffffff;}
div.coldxmenu A:active {TEXT-DECORATION: none; color:#ffffff;}
div.coldxmenu A:visited {TEXT-DECORATION: none; color:#ffffff;}
div.coldxmenu A:hover {TEXT-DECORATION: none; color:#ff0000;}

A.annonews:link {TEXT-DECORATION: none; color:#ffffff;}
A.annonews:active {TEXT-DECORATION: none; color:#ffffff;}
A.annonews:visited {TEXT-DECORATION: none; color:#ffffff;}
A.annonews:hover {TEXT-DECORATION: none; color:#ff0000;}



div.det {
	font-size:12px;
	padding:0px;
	padding-left: 20px;
	padding-right: 20px;
	text-align:justify;
	line-height:17px;
}

div.det .tableNoBordi {
	border:0px;
}
div.det .tableNoBordi td { 
	border:0px;
	padding:0px;
}
div.det .tableNoBordi td img {
	border:0px;
}

div.src {
	padding: 0px 10px 0px 10px;
	text-align:justify;
	line-height:17px;
}

div.src div.srccontainer{
	width:100%;
	clear:both;!important /*not IE*/
} 

html>body div.srccontainer img {
	margin-bottom:10px;
}

div.src div.srcelement{
	margin: 0px 0px 10px 0px;
}

div.src div.srcelement ul {
	padding:0px;
	margin:0px 0px 0px 15px;
}

div.src div.srcelement li {
	list-style-position: outside;
    list-style-image: url('/include/mod/layout1/images/freccia_grigia.gif');
}

div.src div.det {/*per include di det in src -> cappello di cartella*/
	padding: 0px 0px 0px 0px;
}

/* src shopping */
div.src_shopping div.srcelement h1 {
	font-size:14px;
	font-weight:bold;
	line-height:normal; 
	margin:0px;
}

div.src_shopping div.srcelement h2 {
	font-size:12px;
	font-weight:normal;
	line-height:normal; 
	margin:0px;
}

/* end src shopping */

div.detfooter{
	width:100%;
	clear:both;
}

div.navpage {
	margin: 10px;
	text-align:left;
	background-color: #F2F2F2;
}

div.navpage DIV {
	padding:3px;
}

div.menudx {
	width:100%;
	padding:10px;
	text-align:left;
}

div.path {
	margin: 5px 10px 10px 8px;
}

div.path .albero {
    height:20px;
    padding-top: 6px;
	text-align:left;
	font-size:11px;
	
}

div.path .albero:first-letter {
	text-transform: uppercase;
}


div.path .albero a:hover, div.path .albero a:visited, div.path .albero a:link, div.path .albero a:active {
	text-decoration:none;
}

/* PATH PRODOTTI */
div.path_prod {
	margin: 5px 0px 0px 0px;
}

div.path_prod .albero_prod {
    height:20px;
    padding-top: 6px;
	text-align:left;
	font-size:12px;
	
}

div.albero_prod span { padding:0px 5px 0px 5px;	
}

div.path_prod .albero_prod:first-letter {
	text-transform: uppercase;
}


div.albero_prod a {
	text-decoration:none;
}

div.albero_prod a.albero_prod_tit { 
	color:#d4000b;
	font-weight:bold
}

div.fotosx{
	float:left;
	/*margin:2px 2px 2px 0px;*/
}

div.fotodx{
	float:right;
	margin:2px 0px 2px 2px;
}

div.fotocx{
	text-align:center;
	margin:10px 0px 0px 0px;
}

div.printable { 
	font-size:11px;
	margin: 10px;
	text-align:right;
}

div.printable a:visited, div.printable a:link, div.printable a:active, div.printable a:hover {
	text-decoration:none;		
}

/*sondaggi: vedi procedure.jsp sui sondaggi ---------------------------*/
div.det div.det { /*per titolo sondaggio e pres sondaggio*/
	padding: 0px 0px 0px 0px;
}
div.det div.sondaggio div.det { /*per include det.jsp come intro alla singola pagina (gruppo di dom) di sondaggio*/
	padding: 0px 0px 0px 0px;
}
div.det div.sondaggio div.det h1 { /*titolo gruppo di dom */
	font-size:14px;
	margin:0px;
}
div.det div.sondaggio fieldset {
	margin: 0px;
}
div.det div.sondaggio legend {
	font-size: 13px;
	color:#FF0000;
	font-weight:bold;
	padding:5px;
}

div.det div.sondaggioris div { /*div per ogni risposta in risultati sondaggio (procedure.jsp) */
	margin-top:5px;
}
div.det div.sondaggioris h1 { /*titolo gruppo dom in risultati sondaggio (procedure.jsp) */
	font-size:14px;
	color:#FFCC00;
	line-height:18px;
}
div.det div.sondaggioris h2 { /*titolo singola dom in risultati sondaggio (procedure.jsp) */
	font-size:12px;
	color:#FF0000;
	line-height:15px;
}
div.det div.sondaggioris fieldset {
	margin-top: 10px;
}

/* col sx cart ----------------------------------------------------------*/
div.colsxcart {
	text-align:right;
}
div.colsxcart a:visited, div.colsxcart a:link, div.colsxcart a:active, div.colsxcart a:hover 
{
	font-size:13px;
	text-decoration:none;
	font-weight:bold;
}

div.colsxcart div {
	width:200px;
	text-align:left;
	padding-left:2px;
	border-bottom:1px solid #1D5183;
}
div.colsxcart table {
	width:200px;
}
div.colsxcart table td {
	text-align:left;
	padding:2px;
}


/* Cerca nel sito */
div.cerca {
	padding:35px 10px 10px 15px;
}

/* Mappa del sito */
div.mappasito {
	padding:20px;
}

/* Menu Sx */
div.menusx a.menusx {
	text-decoration:none;
	color:#808080;
	font-weight:bold;
}

div.menusx div.fxlogged {
	background-color:#FFFFFF; 
	padding-left:51px;
	padding-top:5px;
	padding-bottom:5px;
}

div.menusx div.fxlogged div {
	margin-top:6px;
	margin-bottom:6px;
}

div.menusx div.fxlogged a {
  font-size:12px;
  text-decoration:underline;
  color:#336666;
  font-weight:bold;
}

/* Form Login */
div.colsxlogin {
	color:#717171;
	font-size:10px;
	width:180px;
	text-align:right;
	padding-top:5px;
}

/* Footer */
div.footer td.copyright {
	background-color:#00CC00;
}


div.login { 
	border:1px solid #333333;
	padding: 5px 5px 5px 5px;
	width:130px;
	text-align:left;
}

div.didascalia { 
	font-size:11px;
	margin:2px;
	padding:2px;
}

div.cercasito { 
	font-size:13px;
	padding-top:30px;
	padding-left: 10px;
	padding-right: 30px;
	text-align:justify;
	line-height:17px;
}

div.cercasito div.cercatit { 
	font-size:12px;
	padding-left:20px;
}

div.cercatit a:visited, div.cercatit a:link, div.cercatit a:active, div.cercatit a:hover {
	text-decoration:underline;
}

div.cercasito div.cercades { 
	font-size:11px;
	padding-left:23px;
}

div.cercasito div.cercaalbero { 
	font-size:11px;
	color:#666666;
	padding-left:23px;
}


div.carrello { 
	font-size:13px;
	padding-left: 10px;
	padding-right: 10px;
	text-align:justify;
	line-height:17px;
}

div.carrello h1 { 
	font-size:18px;
	margin-top:20px;
}

div.carrello table { 
	width:100%;
	margin-top:10px;
}

div.carrello table td { 
	padding:3px;
	vertical-align:top;
}

div.carrello table th { 
	padding:3px;
	height:20px;
	font-weight:bold;
	color:#1D5183;
	font-size:14px;
	text-align:left;
	background-color:#E9E9E9;
	border-bottom:1px solid #1D5183;
}

div.addtocart { 
	font-size:11px;
	border:0px;
}

div.addtocart table { 
	margin-top:10px;
	border:0px;
}

div.addtocart table td { 
	font-size:12px;
	padding:3px;
	vertical-align:top;
	background-color:#F8F8F8;
	border:1px solid #FFFFFF;
}

div.addtocart table td a { 
	font-size:12px;
}

div.addtocart table td input { 
	font-size:12px;
}

div.addtocart table th { 
	padding:3px;
	font-weight:bold;
	color:#FFFFFF;
	font-size:11px;
	text-align:left;
	background-color:#000000;
	border:1px solid #FFFFFF;
}

div.detorder, div.closeorder { 
	font-size:12px;
	padding-left: 10px;
	padding-right: 10px;
	line-height:17px;
	border:0px;
	text-align:left;
}

div.detorder table, div.closeorder table { 
	width:100%;
	table-layout:fixed;
	margin-top:10px;
	border:0px; 
}

div.detorder table td, div.closeorder table td { 
	padding:3px;
	vertical-align:top;
	border:0px; 
	font-size:12px;
	text-align:left;
}

div.detorder table th, div.closeorder table th { 
	padding:3px;
	height:20px;
	font-weight:bold;
	/*color:#1D5183;*/
	font-size:12px;
	text-align:left;
	background-color:#E9E9E9;
	/*border-bottom:1px solid #333333;*/
}

/*
div.closeorder { 
	font-size:12px;
	padding-left: 10px;
	padding-right: 10px;
	text-align:justify;
	line-height:17px;
}*/

div.closeorder input.field { 
	width:250px;
}

div.slide {
	width:100%;
	padding-left: 10px;
	padding-right: 10px;
}

div.slide div.slidetoolbar {
	margin-bottom:20px;
	padding-left:0px;
}

div.slide div.slidetoolbar DIV {
	width:101px;
	text-align:center;
}

div.slidedida {
	COLOR: #333333; 
	font-weight: bold; 
	FONT-SIZE: 18px; 
	line-height:24px; 
	margin:0px;
	padding-top:38px;
	padding-left:20px;
}

div.slide div.slidefoto {
	text-align:center;
}

div.slide2 {
	width:100%;
	padding-left: 10px;
	padding-right: 10px;
	padding-top:20px;
}

div.slide2 div.slidedida {
	margin-top:10px;
	width:100px;
	
}

div.slide2 div.slide2foto {
	width:100px;
	float:left;
	margin-right:20px;
	margin-top:20px;
}
/* end CSS GENERALI UTILIZZATI IN DET E SRC OLTRE CHE NEI COMP BASE */

/* HEADER NEWSLETTER */
div.header_newsletter {
	padding:0px;
}
/* END HEADER NEWSLETTER */

/*FOOTER NEWSLETTER*/
div.footer_newsletter {
	padding:10px 10px 10px 10px;
	font-size: 10px;
	text-align:center;
}
/*END FOOTER NEWSLETTER*/

/*FOOTERUNSUB NEWSLETTER*/
div.footerunsub_newsletter {
	color:#333333;
	font-size:9px;
	padding:10px;
	width:590px;
	text-align:left;
}
div.footerunsub_newsletter a:visited, div.footerunsub_newsletter a:link, div.footerunsub_newsletter a:active, div.footerunsub_newsletter a:hover{
	color:#333333;
	text-decoration:underline;
}
/*END FOOTERUNSUB NEWSLETTER*/

.imgdet {border: 0px}
.imgsrc {border: 0px}

span.titolosponsor {
	color:#cf212e;
	font-style:italic;
}

/* HEADER RESTYLING 2009*/
div.header2009 {
	background-color:#9299a2;
	padding:4px;
	border-top:1px solid #000000;
	background-image:url(/include/mod/layout1/images/sfondo_header.jpg);
	height:24px;
}

div.header2009 table {
	width:100%;
	float:left;
		background-color:transparent;
}


div.header2009 td {
	border-right:2px solid #cbccd0; 
	padding:3px;
	background-color:transparent;
	font-size:13px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
}

div.header2009 td a {
	color:#ffffff;
	text-decoration:none;
}

div.header2009 td a:hover { 
	color:#d4000b;
}

div.header2009 td a.red {
	color:#d4000b;
	font-size:15px;
	text-decoration:underline;
}

/* ------------ products ---------------------- */

div.product_home {
	padding:20px 0px 0px 30px;
}

div.prod_tit1 { 
	width:60px;
	border-right:1px solid #cccccc;
	font-weight:bold;
	font-size:14px;
}

div.prod_tit2 {
	width:230px;
	padding-right:8px;
	border-right:1px solid #cccccc;
	text-align:right;
}

div.prod_tit3 {
	width:153px;
	float:left;
	text-align:center;
}

div.prod_tit3 a { 
	color:#d4000b;
	font-weight:bold;
	text-decoration:none;
}

.prod_alpha {
	opacity:0.4; 
	filter:alpha(opacity=40)
}

.prod_alpha_on {
	opacity:1; 
	filter:alpha(opacity=100)
}

div.det table.tabella_bordo_0 {border:0px;text-align:left; }
div.det table.tabella_bordo_0 td{border:0px;text-align:left; white-space:nowrap; }

.tabella_centro{ 
	margin:0px auto 0px auto;
}