/*
NOTE GENERALI:
- i tag HTML sono tutti indicati con lettere MAIUSCOLE classi e pseudoclassi dei selettori in minuscolo
- le immagini che definiscono stili sono contenute nella cartella img nella stessa root del file .css
*/

/* selettori per HTML base -- per formattare il body e tutti gli elementi inseriti con CMS */

P{
	color: #333;
	margin: 5px 0 0 0;
	padding: 0 0 0 0;
	font: 12px/150% Georgia, "Times New Roman", Times, serif;
}
P A{
	color: #333;
	font: 12px/150% Georgia, "Times New Roman", Times, serif;
	text-decoration: underline;
}
P A:hover{
	color: #DE005B;
	font: 12px/150% Georgia, "Times New Roman", Times, serif;
	text-decoration: underline;
}
A{
	color: #333;
	font: 12px/100% Georgia, "Times New Roman", Times, serif;
	background-color: transparent;
	text-decoration: underline;
}
A:hover{
	color: #DE005B;
	background-color: transparent;
	text-decoration: underline;
}
IMG, IMG A{
	border: 0;
}
/*tolgo la sottolineatura dai link dell'interfaccia*/
A.interfaccia, A.interfaccia:hover{
	text-decoration: none;
}


.ico{
	vertical-align: middle;
	margin-right: 4px;
	margin-left: 4px;
}

UL{
	margin: 0 0 0 0;
	padding: 0 8px 0 20px;
	list-style-type: square;
	list-style-position: outside;
}
OL{
	margin: 0 0 0 0;
	padding: 0 8px 0 20px;
}
LI{
	color: #333;
	margin: 0 0 3px 0;
}
LI A{
	color: #333;
	text-decoration: underline;
}
LI A:Hover{
	color: #DE005B;
}
H1{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	color: #333;
	font: bold 18px/150% Georgia, "Times New Roman", Times, serif;
	background-color: transparent;
}
/*questa classe formatta i titoli delle sezioni*/
.section{
	margin: 0 16px 0 5px;
	padding: 5px 0 0 32px;
	background: transparent url(img/titlesection_bg.gif) no-repeat left center;
	color: #DE005B;
	height: 45px;
	font-size: 24px;
}

H1 A{
	background-color: transparent;
}

H1 A:hover{
	color: #DE005B;
}
H2{
	color: #518BC3;
	font: bold 14px/150% Georgia, "Times New Roman", Times, serif;
	background-color: transparent;
	margin: 10px 0 0 0;
	padding: 0 0 0 0;
}
H2 A{
	color: #518BC3;
	font-size: 14px;
	font-weight: bold;
	text-decoration: underline;
}
H2 A:hover{
	color: #DE005B;
	text-decoration: underline;
}

H3{
	color: #666;
	font: 12px "Trebuchet MS", Tahoma, Verdana, Geneva, Helvetica, sans-serif;
	background-color: transparent;
	margin: 0 0 0 8px;
	padding: 0 0 0 0;
}

/*formatta le headline nella homepage*/
.home_headline H1{
	font-size: 18px;
	color: #DE005B;
}

.home_headline P{
	margin-top: 10px;
	margin-left: 18px;
}

.offerta{
	background: url(img/offerta_bg.gif) no-repeat left center;
	padding: 20px 0 20px 70px;
}

.novita{
	background: url(img/novita_bg.gif) no-repeat left center;
	padding: 20px 0 20px 70px;
}

.home_headline H1 A{
	font-size: 18px;
	color: #DE005B;
	text-decoration: none;
}

.home_headline H1 A:hover{
	text-decoration: underline;
	color: #333;
}
/*riporto il margine a 0 per gli elementi del box con la foto e i link dettaglio e acquista*/
.box_headline P{
	margin: 0 0 0 0;
}
.box_headline H1, .box_headline_ext H1{
	font-size: 12px;
	color: #DE005B;
}

.box_headline H1 A, .box_headline_ext H1 A{
	font-size: 12px;
	color: #DE005B;
	text-decoration: none;
}

.box_headline H1 A:hover, .box_headline_ext H1 A:hover{
	font-size: 12px;
	color: #DE005B;
	text-decoration: underline;
}

/*fine formatta le news nella homepage*/

/*formatta i box extras*/
.extras_win, .extras_win P{
	color: #666;
}

.extras_win H1,{
	color: #DE005B;
	font: 10px/150% Georgia, "Times New Roman", Times, serif;
}

.extras_win H1 A{
	color: #DE005B;
	font: 10px/150% Georgia, "Times New Roman", Times, serif;
}

.extras_win H1 A:hover{
	color: #333;
	font: 10px/150% Georgia, "Times New Roman", Times, serif;
}

.extras_win .header{
	color: #DE005B;
	font: 14px/150% Georgia, "Times New Roman", Times, serif;
}

div#menusx .header{
	color: #DE005B;
	font: 14px/150% Georgia, "Times New Roman", Times, serif;
	margin-bottom: 10px;
	padding: 10px 0 0 25px;
}
/*fine formattazione box extras*/

/*formatta gli elementi generali del menu contestuale*/
div#context P{
	color: #666;
}

div#context .header{
	color: #518BC3;
	font: 14px/150% "Trebuchet MS", Tahoma, Verdana, Geneva, Helvetica, sans-serif;
}

/*fine formattazione box extras*/
.datadettaglio{
	color: #3E4D96;	
	font: 14px/150% "Trebuchet MS", Tahoma, Verdana, Geneva, Helvetica, sans-serif;
}
.evidenza{
	color: #C00;
}

.vetrina_header{
	background: url(img/vetrina_header.gif) no-repeat left center;
	padding: 20px 0 20px 80px;
	margin-bottom: 10px;
}

.offerta_header{
	background: url(img/offerta_header.gif) no-repeat left center;
	padding: 20px 0 20px 80px;
	margin-bottom: 10px;
}

/*classe per formattare le immagini nei box news e headline*/
div.vetrina{
	float: left;
	margin: 0 10px 10px 0;
	border: 5px solid #CCC;
	width: 160px;
	height: 120px;
	overflow: hidden;
}

div.vetrina IMG{
	width: 160px;
}

div#breadcrumbs, div#breadcrumbs P, div#breadcrumbs A{
	color: #3E4D96;
}

/* selettori footer*/

div#footer, div#footercontainer, div#footer P, div#footercontainer P{
	font: 11px/150% "Trebuchet MS", Tahoma, Verdana, Geneva, Helvetica, sans-serif;
	color: #FFF;
	text-align: left;
}
div#footer A, div#footercontainer A{
	font: 11px/150% "Trebuchet MS", Tahoma, Verdana, Geneva, Helvetica, sans-serif;
	color: #FFF;
	text-decoration: none;
}
div#footer A:hover, div#footercontainer A:hover{
	font: 11px/150% "Trebuchet MS", Tahoma, Verdana, Geneva, Helvetica, sans-serif;
	color: #B2BE3A;
	text-decoration: underline;
}
div#footer P A, div#footercontainer P A{
	font: 11px/150% "Trebuchet MS", Tahoma, Verdana, Geneva, Helvetica, sans-serif;
	color: #FFF;
	text-decoration: none;
}
div#footer P A:hover, div#footercontainer P A:hover{
	font: 11px/150% "Trebuchet MS", Tahoma, Verdana, Geneva, Helvetica, sans-serif;
	color: #B2BE3A;
	text-decoration: underline;
}
/*fine selettori footer*/


/* setto tutti i selettori per il login */
div#login P{
	color: #FFF;
	margin: 10px 0 0 0;	
}

div#login input{
	font-size: 11px;
	color: #3E4D96;
	border: 0;
	line-height: inherit;
	margin: 0 0 0 0;
	padding: 2px;
	vertical-align: middle;
}

div#login label{
	color: #FFF;
	margin: 0 2px 0 20px;
	font-size: 11px;
}

div#login A{
	color: #FFF;
}

/* setto tutti i selettori per la ricerca */
div#find P{
	color: #FFF;
	margin: 10px 0 0 0;	
}

div#find input[type="text"]{
	width: 169px;
	border: 1px solid #999;
	line-height: inherit;
	
	padding: 4px;
	vertical-align: middle;
	background: url(img/find_input_bg.gif) no-repeat;
	font-size: 11px;
}


/* setto tutti i selettori per le form */
/*formattazione spalla sx e extras*/
div#menusx H1, div#extras H1{
	color: #333;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 13px;
}

div#menusx P.intro, div#extras P.intro{
	border-bottom: 1px dotted #333;
	font-size: 11px;
}

div#menusx UL.download, div#extras UL.download{
	font-size: 11px;
	list-style-position: outside;
	list-style-image: url(img/ico_bullet.gif);
	margin: 10px 0 0 20px;
	color: #666;
}

div#menusx UL.download LI, div#extras UL.download LI{
	color: #666;
}

div#menusx UL.download LI A, div#extras UL.download LI A{
	color: #666;
	text-decoration: underline;
}

div#menusx UL.download LI A:hover, div#extras UL.download LI A:hover{
	color: #333;
	text-decoration: underline;
}

div#extras UL{
	font-size: 11px;
	list-style-position: outside;
	margin: 10px 0 0 10px;
	color: #666;
	list-style-type: disc;
}

div#extras UL LI{
	color: #666;
}

div#extras UL LI A{
	color: #666;
	text-decoration: underline;
}

div#extras UL LI A:hover{
	color: #333;
	text-decoration: underline;
}

div#menusx LABEL, div#extras LABEL{
	color: #666;
}

div#menusx INPUT, div#extras INPUT{
	font-size: 12px;
	color: #666;
	padding: 2px;
	border-top: 1px solid #333;
	border-left: 1px solid #333;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
}

div#menusx SELECT, div#extras SELECT{
	color: #666;
	font-size: 12px;
	width: 85%;
}

div#menusx TEXTAREA, div#extras TEXTAREA{
	color: #666;
	font-size: 12px;
	width: 100%;
	height: 100px;
}

div#menusx INPUT[type="image"], div#extras INPUT[type="image"]{
	border: none;
}


/*fine form spalla sx e extras*/
/*
FIELDSET{
	font: 12px "Trebuchet MS", Tahoma, Verdana, Geneva, Helvetica, sans-serif;
	color: #333;
	TEXT-ALIGN: center;
	padding: 15px 15px 15px 15px;
}
LEGEND{
	font: 12px "Trebuchet MS", Tahoma, Verdana, Geneva, Helvetica, sans-serif;
	color: #333;
}
INPUT{
	font: 12px "Trebuchet MS", Tahoma, Verdana, Geneva, Helvetica, sans-serif;
	MARGIN: 0px;
	color: #333;
	BACKGROUND-COLOR: #FFFFFF;
}
INPUT.obbligatorio{
	font: 12px "Trebuchet MS", Tahoma, Verdana, Geneva, Helvetica, sans-serif;
	margin: 0px;
	color: #333;
	background-color: #EEF7D1;
}
TEXTAREA{
	font: 12px "Trebuchet MS", Tahoma, Verdana, Geneva, Helvetica, sans-serif;
	color: #333;
	background-color: #FFF;
	border: 1px solid #000;
}
TEXTAREA.obbligatorio{
	font: 12px "Trebuchet MS", Tahoma, Verdana, Geneva, Helvetica, sans-serif;
	color: #333;
	background-color: #EEF7D1;
	border: 1px solid #000;
}
LABEL{
	font: 12px "Trebuchet MS", Tahoma, Verdana, Geneva, Helvetica, sans-serif;
	color: #cf1877;
	LINE-HEIGHT: 15px;
	width: 90px;
}
LABEL.obblgatorio{
	font: 12px "Trebuchet MS", Tahoma, Verdana, Geneva, Helvetica, sans-serif;
	color: #cf1877;
	LINE-HEIGHT: 15px;
	width: 90px;
}
SELECT{
	font: 12px "Trebuchet MS", Tahoma, Verdana, Geneva, Helvetica, sans-serif;
	color: #333;
	BACKGROUND-COLOR: #ffffff;
	border: 1px solid #000;
}
SELECT.obbligatorio{
	font: 12px "Trebuchet MS", Tahoma, Verdana, Geneva, Helvetica, sans-serif;
	color: #333;
	BACKGROUND-COLOR: #E1EBFF;
	border: 1px solid #000;
}*/
/*fine selettori form*/


/*seettori per tabella dettaglio prodotti*/

TABLE.dettaglio{
	border-collapse: collapse;
	background-color: #A9BA00;
	color: #333;
	margin: 1px 0 0 0;
	float: left;
	width: 725px;
}

TABLE.dettaglio caption{
	font: 14px/100% Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif;
}
TABLE.dettaglio thead TD{
	border-bottom: 1px solid #fff;
	padding: 6px;
}

TABLE.dettaglio tbody TD{
	border-bottom: 1px solid #FFF;
	padding: 6px;
}
TABLE.dettaglio thead TH{
	border-bottom: 1px solid #AF0B4B;
	background-color: #AF0B4B;
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
}

TABLE.dettaglio tbody TH{
	border-bottom: 1px solid #FFF;
	background-color: #AF0B4B;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	padding-left: 10px;
}

TABLE.dettaglio UL, TABLE.dettaglio LI, TABLE.dettaglio P{
	color: #555347;
}
table.dettaglio  tfoot td {
	text-align: center;
	background: #FFF;
}

table.dettaglio  td.nobg {
	background: #FFF;
}


/** FORMATTAZIONE TABELLE DATI **/


table.dati {
	background: #E3EFF6;
	width: 700px;
 	border-collapse: collapse;
	border: 0;
	font: 12px/100% "Trebuchet MS", Tahoma, Verdana, Geneva, Helvetica, sans-serif;
	color: #666;
}

table.dati A{
	color: #666;
	display: block;
	text-decoration: none;
	padding: 2px 4px 2px 4px;
}

table.dati A:hover{
	color: #FFF;
}

table.dati caption {
	text-align: center;
	color: #666;
}
table.dati td {
	border: 1px solid #FFF;
	color: #666;
	background: transparent;
	padding: 3px;
	
}
table.dati thead th, table.dati tfoot th {
	border-right: 1px solid #FFF;
	text-align: center;
	vertical-align: middle;
	background: #384688;
	color: #FFF;
	height: 30px;
}

table.dati tbody tr:hover {
	background: #c3e9f1;
	border: none;
	color: #FFF;
}

table.dati tbody td {
	vertical-align: middle;
}

table.dati tbody tr.odd {
	background: #FFF;
}

table.dati tbody tr:hover th, table.dati tbody tr.odd:hover th {
	background: #63ABD1;
	color: #FFF;
}

table.dati tbody tr:hover td, table.dati tbody tr.odd:hover td, table.dati tbody tr.odd:hover td A, table.dati tbody tr:hover td A {
	background: #63ABD1;
	color: #FFF;
}

/** FINE FORMATTAZIONE TABELLE DATI **/
/*paginazione elenchi*/
div.paginazione, div.paginazione P{
	color: #666;
}

div.paginazione A{
	color: #666;
	text-decoration: none;
	border: 1px solid #CCC;
	padding: 2px 4px 2px 4px;
}
div.paginazione A.active{
	border: none;
}

div.paginazione A.active:hover{
	border: none;
}

div.paginazione A:hover{
	border: 1px solid #CCC;
	background-color: #CCC;
	text-decoration: none;
	padding: 2px 4px 2px 4px;
}
/*fine paginazione elenchi*/
/*formattazione prezzi*/

.prezzo {
	font-size: 18px;
	color: #333;
}

.prezzo_small {
	font-size: 11px;
	color: #FFF;
}
.prezzoin {
	font-size: 14px;
	text-decoration: line-through;
	font-weight: bold;
	color: #999;
}
.sconto{
	color: #DE005B;
	font-size: 14px;
	font-weight: bold;
}
.floatleft{
	float: left;
	margin: 10px 10px 0 30px;
	text-align: left;
}
.floatright{
	float: right;
	margin: 0 5px 0 5px;
	text-align: right;
}

/*messaggi di attenzione e avvenuta azione*/
.alert {
	font: 12px/150% "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #FF5A08;
	padding: 20px 0px 20px 45px;
	background: #FFFF8E url(img/ico_alert.gif) no-repeat left center;
	border: 1px solid #FF5A08;
}

.info {
	font: 12px/150% "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #144FE1;
	padding: 5px 0 8px 40px;
	background: #C3DBF1 url(img/ico_info.gif) no-repeat left top;
	border: 1px solid #afc4d9;
}

/*classi per link*/

.icon {
	padding-left: 20px;
	padding-bottom: 3px;
	background-repeat: no-repeat;
	background-position: left center;
	background-position-y: top;
	color: #518BC3;
	text-decoration: none;
}

.download { background-image: url(img/ico_download.gif) }
.link { background-image: url(img/ico_richiesta.png)}
.news { background-image: url(img/ico_news.png) }
.contact { background-image: url(img/ico_contact.png) }
.boxsmall { width: 33%; }
.boxmid { width: 50%; }
.floatleft { float: left; }

/*usato per le date delle news ed altri elementi*/
.txtcolor1 { color: #D27100; }
.txtcolor2 { color: #666; }
.txtcolor3 { color: #518BC3; }