/* Autore: Fabio Di Lupo */
/* www.operadigitale.it  */
/* ENJOY !!!             */	
/*-----------------------*/
/* Generale */	
body {background:#B1C383 url(/erboristeria/sfondo_puntosano.jpg) repeat-y top center; color:black; font:11px Verdana,Arial,sans-serif; margin:0 auto 30px auto; padding:0px; vertical-align:top; text-align:center; }
a:link , a:visited , a:active {background:transparent; color:#445c23; font:11px Verdana,Arial,sans-serif; text-decoration:underline; } 
a:hover {background:transparent; color:black; } 
div {background:white; color:#000; font:11px Verdana,Arial,sans-serif; text-align:justify; padding:0px; margin:0 auto; border:0; width:100%;}
img {background:white; color:#000; padding:0px; margin:0; border:0;}
table {background:#fff; color:#000; font:100% Verdana,Arial,sans-serif; padding:0px; margin:0; border:0; width:100%; border-collapse:collapse;}
caption {background: #61982B; color:white; font:bold 100% Verdana,Arial,sans-serif; border-top:#ccc 1px solid; border-bottom:#ccc 1px solid; padding:3px 3px 3px 3px; margin:5px 0px 11px 0px; caption-side:top;}
td {background:white; color:#000; font:11px Verdana,Arial,sans-serif; padding:0px; margin:0; text-align:justify; vertical-align:top;}
th {background: #61982B; color:white; font:bold 11px Verdana,Arial,sans-serif;border-left:5px solid #eeee00; border-top:1px solid #ccc; padding:2px 2px 2px 10px; margin:5px 0px 3px 0px; text-align:justify; vertical-align:top; } 
p { font:11px Verdana,Arial,sans-serif; text-align:justify; }
p.dx { text-align:right; }
p.centrato { text-align:center; }
p.centrato img{ margin:0 auto }
strong { color:red }
acronym,abbr{background:#fff; color:#445C23; cursor:help; font:bold 11px Verdana,Arial,sans-serif; border-bottom:1px solid #ccc;}
small {background:white; color:#333; font:italic 90% Verdana,Arial,sans-serif}
em {background:white; color:#445c23; font:bold 11px Verdana,Arial,sans-serif;}
ul {list-style:square; margin:10px 0 10px 10px; padding:0; } 
li {margin:0 0 0 10px; padding:0; }
ul.eventi {list-style:square; margin:10px 0 10px 10px; padding:0; } 
ul.eventi li {margin:0 0 0 10px; padding:0; font:130% Verdana,Arial,sans-serif;}

/* formattazione per moduli */
form { padding:0; margin:0 auto; }
fieldset { padding:5px; margin:0 auto; border:1px #eee solid; clear:both;}
	fieldset em {background:#fff; color:#d00; font:bold 90% Verdana,Arial,sans-serif;}
	fieldset dt {background:#fff; color:#445C23; font:bold 90% Verdana,Arial,sans-serif;}
fieldset div {margin-top:3px; margin-bottom:3px}
input, select, textarea, button {font:100% Verdana,Arial,sans-serif; padding:0; margin:0 0 5px 0;}
	input:focus, select:focus, textarea:focus {background:#ffc;color:#000;}
	input.bottone {cursor:pointer; color:#fff; background:#445C23; border-bottom:2px solid #243C03; border-top:2px solid #647C43; border-left:2px solid #647C43; border-right:2px solid #243C03; }
	input.chiaro {background:#fff; color:#000;}
	input.noacapo, select.noacapo{display:inline;}
	input.noacapochiaro{background:#fff; color:#000; display:inline;}
	input.contacaratteri{background:#fff; color:#000; border:0;}
legend {background:#fff; color:#445C23; padding:0 5px 5px 5px; margin:0; font-weight:bold}
label{background:transparent; color:#445C23; float:left; clear:both; font:bold 90% Verdana, Arial, sans-serif; text-align:left; margin:0 10px 5px 0; padding:2px 2px 2px 5px; border-left:3px solid #d00; border-bottom:1px solid #ddd; width:130px;}
label.opz {border-left:3px solid #ccc;}

/* Gestione Utenti */
.autenticazione {background:#fff; color:red; padding:0 5px 3px 5px; margin:0 0 0 5px; border:0; font:bold 10px Verdana,Arial,sans-serif; text-align:left; width:185px; clear:both;}
.autenticazione label {width:50px; }
.autenticazione input{width:70px;}
.autenticazione input.bottone {cursor:pointer; width:60px; }
.autenticazione ul {background:#fff; color:#343434; margin:5px; padding:0 0 0 10px;}
.autenticazione ul li {background:#fff; color:#343434; margin:0px; padding:3px 0 3px 0; list-style-image: url(/gestione-utenti/icone/figure_ver2.gif);}
.autenticazione a, .autenticazione a:visited, .autenticazione a:active  {background:#fff; color:#445C23; font-weight:bold; text-decoration:underline;} 
.autenticazione a:hover {background:#fff; color:#0000dd;}

/* Sezione MENU */
.button {background:#eee; color:#333; padding:0; margin:0; text-align:left; border:0; font:100% Verdana, Arial, sans-serif; width:100%; float:right; }
.button ul {list-style:none; margin: 0; padding:5px; border:none;}
.button ul li {border-bottom:1px solid #eee; margin:0;}
.button ul li.titolo {background:#eee; color:#666; font-weight:bold; text-transform:uppercase; border-left:10px solid #ccc; border-bottom:1px solid #eee; padding:3px 3px 3px 3px; margin:0; width:100%;}
.button ul li a, .button ul li a:visited, .button ul li a:active {background:#8d9e7a; color:#fff; font-weight:normal; text-transform:uppercase; display:block; padding:3px 3px 3px 3px; border-left:10px solid #445c23; text-decoration:none; width:100%;}
.button ul li#activelink a, .button ul li#activelink a:visited, .button ul li#activelink a:active {background:#0546b7; color:#fff; font-weight:normal; text-transform:uppercase; display:block; padding:3px 3px 3px 3px; border-left:10px solid #ccc; text-decoration:none; width:100%;}
.button ul li a:hover {background:#8d9e7a; color:#ffff00; border-left:10px solid #ff0000;}
html>body .button ul li a, html>body .button ul li a:visited, html>body .button ul li a:active, html>body .button ul li a:hover {width: auto;} 
html>body .button ul li.titolo {width: auto;}
html>body .button ul li#activelink a, html>body .button ul li#activelink a:visited, html>body .button ul li#activelink a.active, html>body .button ul li#activelink a:hover {width: auto;}
.button ul li.evidenziato {background:#fff; color:red; border-bottom:1px solid #eee; margin:0;}
.button ul li.evidenziato a, .button ul li.evidenziato a:visited, .button ul li.evidenziato a:active {background:#8d9e7a; color:#ffff00; font-weight:bold; display:block; padding:3px 3px 3px 0.5em; border-left:10px solid #F8522C; text-decoration:none; width:100%;}
.button ul li.evidenziato#activelink a, .button ul li.evidenziato#activelink a:visited, .button ul li.evidenziato#activelink a:active {background:#0546b7; color:#fff; font-weight:normal; display:block; padding:3px 3px 3px 0.5em; border-left:10px solid #ccc; text-decoration:none; width:100%;}
.button ul li.evidenziato a:hover {background:#0546b7; color:#fff; border-left:10px solid #ff0000;}
html>body .button ul li.evidenziato a, html>body .button ul li.evidenziato a:visited, html>body .button ul li.evidenziato a:active, html>body .button ul li.evidenziato a:hover {width: auto;} 

/* formattazione per moduli */
.opera { padding:10px; margin:0; }

/*-----------------------*/
/* Sezione in alto */

#head1 {background:white; color:black; font:11px Verdana,Arial,sans-serif; margin:0 auto; padding:0; width:922px;}
#head1 table td.sx{width:23%; background:white url(/erboristeria/sottotestata.jpg) no-repeat top left; color:black; padding:5px; text-align:right;}
#head1 table td.sxcx{width:27%; border-top:1px dotted #ddd; border-left:1px dotted #ddd; text-align:center;}
#head1 table td.dxcx{width:27%; border-top:1px dotted #ddd; text-align:right;}
#head1 table td.dx{width:23%; border-top:1px dotted #ddd; background:white; color:black;}
#head1 table td.cx{background:#445c23; color:white; padding:5px; font:20px Georgia,Verdana,Arial,sans-serif;}
#head1 table td.cx b{background:#445c23; color:white; font:normal 13px Georgia,Verdana, Arial,sans-Serif;}

#main1 {background:white; color:black; font:11px Verdana,Arial,sans-serif; margin:0 auto; padding:0; width:922px;}
#main1 table td {background:white; color:black; padding:5px;}
#main1 table td.maincolsx {width:23%; border-right:1px solid #ccc;}
#main1 table td.maincoldx {width:77%;}
#main1 table.lista td {border-bottom:1px solid #ccc; background:#fff; color:black;}
	#main1 table.lista td.titolo {border-bottom:1px solid #ccc; background:#ffc; color:black; text-align:center; font-weight: bold;}
	#main1 table.lista td.dx {text-align:right;}
	#main1 table.lista td.cx {text-align:center;}
#main1 table.lista th.dx {text-align:right;}
#main1 table.lista em {background:#fff; color:#006900}
#main1 table.lista strong {background:#fff; color:#d30}
#main1 table.lista a, table.lista a:link, table.lista a:visited, table.lista a:active {background:#fff; color:#1e2A74; font-weight:bold; text-decoration:underline;}
#main1 table.lista a:hover {background:#fff; color:#690000;}

#main1 table.numerica caption {background: #ddd; color:black; font:bold 100% Verdana,Arial,sans-serif; border-top:#ccc 1px solid; border-bottom:#ccc 1px solid; padding:3px; margin:0;}
#main1 table.numerica td {border-bottom:1px solid #bbb; background:#fff; color:black; text-align:right;}
	#main1 table.numerica td.titolo {border-bottom:1px solid #ccc; background:#ffc; color:black; text-align:center; font-weight: bold;}
	#main1 table.numerica td.sx {text-align:left;}
	#main1 table.numerica td.cx {text-align:center;}
	#main1 table.numerica td input {background:#fff; color:black;}
	#main1 table.numerica td input.scuro {background:#ffc; color:black;}
#main1 table.numerica th {border-bottom:1px solid #bbb; border-top:1px solid #bbb; border-left:0; border-right:0; background:#eee; color:black; font-weight:normal; text-align:right;}
	#main1 table.numerica th.sx {text-align:left;}
	#main1 table.numerica th acronym,abbr{background:#eee; color:#445C23; }
#main1 table.numerica em {background:#fff; color:#006900}
#main1 table.numerica strong {background:#fff; color:#d30}
#main1 table.numerica a, table.numerica a:link, table.numerica a:visited, table.numerica a:active {background:#fff; color:#1e2A74; font-weight:bold; text-decoration:underline;}
#main1 table.numerica a:hover {background:#fff; color:#690000;}
#main1 table.numerica label{width:50px;}
#main1 table.numerica td input.bottone {color:#fff; background:#445C23;}

.messaggio {background:white; color:black; padding:0px; margin:0 auto; text-align:center;} 
.messaggio table {background:#fff; color:black; margin:0 auto; width:400px;} 
.messaggio caption {background:#d00; color:white; font:bold 100% Verdana,Arial,sans-serif; border-top:#ccc 1px solid; border-bottom:#ccc 1px solid; padding:3px; margin:5px auto 11px auto; caption-side:top;}
.messaggio td {background:#ffc; color:black; font:bold 100% Verdana,Arial,sans-serif; border-bottom:#ccc 1px solid;}

.carrello {background:#ffc; color:#445c23; font:bold 11px Verdana,Arial,sans-serif; margin:0 0 5px 5px; padding:5px; width:160px; float:right; border:1px #ccc solid; text-align:left;}
.carrello img {float:right; cursor:pointer;}
img.ic {cursor:pointer;}
.carrello strong {background:#ffc; color:#d00; font:bold 11px Verdana,Arial,sans-serif;}
.carrello label{width:50px;}


#basso {background:#88A244; color:white; font:11px Verdana,Arial,sans-serif; padding:5px 0 5px 0; border-top:3px solid #ccc; border-bottom:4px solid #999; text-align:center; margin:0 auto; width:922px;}
#basso em {background:#88A244; color:white; font:bold 12px Verdana,Arial,sans-serif;}

#certificazioni {background:#fff; color:black; font:11px Verdana,Arial,sans-serif; padding:5px 5px 2px 5px; text-align:left; margin:0 auto; width:912px;}

.privacy {background:#eee; color:black; border-right:#000 1px solid; border-top:#000 1px solid; border-left:#000 1px solid; border-bottom:#000 1px solid; padding:3px; margin:0px; font:11px Verdana,Arial,sans-serif; width:90%; }

/*-----------------------*/
/* Headers */
h1 {background:#88A244; color:white; font:bold 110% Georgia,Verdana,Arial,sans-serif; padding:5px; margin:5px 0px 3px 0px; text-align:left; text-transform:uppercase; text-decoration:none; border-left:10px solid #445c23; clear:left;} 

h2 {background:#8d9e7a; color:white; font:bold 110% Georgia,Verdana,Arial,sans-serif; padding:5px; margin:5px 0 3px 0px; text-align:left; text-decoration:none; text-transform:uppercase; border-left:10px solid #445c23; clear:left; } 
h2 small {background:#999; color:white; } 
h2 em {background:#999; color:#052697; } 

h3 {border-top:1px solid #944642; font:bold 11px Verdana,Arial,sans-serif; text-align:center; vertical-align:bottom; margin:10px 0 0 0; padding:5px 0 5px 0;} 

p.segue {font:11px Verdana,Arial,sans-serif; text-align:right; padding-right:10px;}
p.home {padding-right:10px; padding-left:10px; margin:5px 0 0 0; font:10px Verdana,Arial,sans-serif;}
p.evidenza {background:white; color:#666; padding-right:10px; padding-left:10px; margin:5px 0 0 0; font:10px Verdana,Arial,sans-serif;}