/*
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: #666;
	margin: 5px 0 0 0;
	padding: 0 0 0 0;
	font: 12px/150% "Lucida Grande", Lucida, Verdana, sans-serif;
}
P A{
	color: #666;
	font: 12px/150% "Lucida Grande", Lucida, Verdana, sans-serif;
	text-decoration: underline;
}
P A:hover{
	color: #F85204;
	font: 12px/150% "Lucida Grande", Lucida, Verdana, sans-serif;
	text-decoration: underline;
}
A{
	color: #666;
	font: 12px/100% "Lucida Grande", Lucida, Verdana, sans-serif;
	background-color: transparent;
	text-decoration: underline;
}
A:hover{
	color: #F85204;
	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: #666;
	margin: 0 0 3px 0;
}
LI A{
	color: #666;
	text-decoration: underline;
}
LI A:Hover{
	color: #F85204;
}
H1{
	margin: 10px 0 0 0;
	padding: 0 0 0 0;
	color: #181818;
	font: 18px/150% "Lucida Grande", Lucida, Verdana, sans-serif;
	background-color: transparent;
}
/*questa classe formatta i titoli delle sezioni*/
.section{
	margin: 10px 0 15px 0;
	padding: 0 0 0 0;
	color: #666;
	font: 20px/150% "Lucida Grande", Lucida, Verdana, sans-serif;
	background-color: transparent;
	/*border-bottom: 1px dotted #666;*/
}

H1 A{
	background-color: transparent;
}

H1 A:hover{
	color: #D72700;
}
H2{
	color: #D72700;
	font: bold 12px/150% "Lucida Grande", Lucida, Verdana, sans-serif;
	background-color: transparent;
	margin: 10px 0 0 0;
	padding: 0 0 0 0;
}
H2 A{
	color: #D72700;
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
}
H2 A:hover{
	color: #666;
	text-decoration: underline;
}

H3{
	color: #666;
	font: bold 12px "Lucida Grande", Lucida, Verdana, sans-serif;
	background-color: transparent;
	margin: 15px 0 0 0;
	padding: 0 0 0 0;
}

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

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

.home_news{
	font-size: 12px;
	margin: 0 0 20px 22px;
}

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

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

.home_headline H1 A:hover{
	text-decoration: underline;
	color: #666;
}

.home_headline A.coll, .home_headline_ext A.coll{
	text-decoration: none;
	color: #FFF;
	background-color: #E87101;
	text-transform: uppercase;
	display: block;
	height: 20px;
	text-align: right;
	padding: 8px 8px 0 0;
	margin: 0 0 0 0;
}

.home_headline A:hover.coll, .home_headline_ext A:hover.coll{
	text-decoration: underline;
	color: #FFF;
	background-color: #E87101;
}

.home_headline A.coll2, .home_headline_ext A.coll2{
	text-decoration: none;
	color: #FFF;
	background-color: #C50F00;
	text-transform: uppercase;
	display: block;
	height: 20px;
	text-align: right;
	padding: 8px 8px 0 0;
	margin: 0 0 0 0;
}

.home_headline A:hover.coll2, .home_headline_ext A:hover.coll2{
	text-decoration: underline;
	color: #FFF;
	background-color: #C50F00;
}

hr {
	border: 0; 
	color: #90A1B6;
	background-color: #90A1B6; 
	height: 1px;
}


/*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: #181818;
}

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

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

/*fine formatta le news nella homepage*/

/*formatta i box extras*/
.extras_win, .extras_win P{
	
}

.extras_win H1,{
	color: #F85204;
	font: 10px/150% "Lucida Grande", Lucida, Verdana, sans-serif;
}

.extras_win H1 A{
	color: #F85204;
	font: 10px/150% "Lucida Grande", Lucida, Verdana, sans-serif;
}

.extras_win H1 A:hover{
	color: #666;
	font: 10px/150% "Lucida Grande", Lucida, Verdana, sans-serif;
}

.extras_win .header{
	color: #F85204;
	font: 14px/150% "Lucida Grande", Lucida, Verdana, sans-serif;
}

div#menu .header{
	color: #F85204;
	font: 14px/150% "Lucida Grande", Lucida, Verdana, sans-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: #4F2F06;
	font: 14px/150% "Lucida Grande", Lucida, Verdana, sans-serif;
}

/*fine formattazione box extras*/

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

.fotobox{
	/*float: left;*/
	margin: 6px;
	padding: 6px;
	border: 1px solid #CCC;
}

div#breadcrumbs, div#breadcrumbs P, div#breadcrumbs A{
	color: #3E4D96;
}
/*allinea in basso immagine richiedi preventivo*/
/* selettori footer*/

div#footer H1{
	font-size: 14px;
	color: #8090A3;
	text-align: left;
	font-weight: normal;
	margin: 0 0 0 20px;
}

div#footer, div#footer P, div#footer UL{
	font: 11px/150% "Lucida Grande", Lucida, Verdana, sans-serif;
	text-align: left;
}

div#footer UL{
	list-style-type: none;
}

div#footer A{
	font: 11px/150% "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #FFF;
	text-decoration: none;
}
div#footer A:hover{
	font: 11px/150% "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #F47901;
	text-decoration: underline;
}
div#footer P A{
	font: 11px/150% "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #FFF;
	text-decoration: none;
}
div#footer P A:hover{
	font: 11px/150% "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #F47901;
	text-decoration: underline;
}
/*fine selettori footer*/
/*formattazione spalla sx e extras*/
div#menu H1, div#extras H1{
	color: #635E47;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 18px;
	margin: 10px 0 0 10px;
	
}

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

div#menu 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#menu UL.download LI, div#extras UL.download LI{
	color: #666;
}

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

div#menu UL.download LI A:hover, div#extras UL.download LI A:hover{
	color: #666;
	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: #666;
	text-decoration: underline;
}


/** FORMATTAZIONE TABELLE DATI **/


table.dati {
	background: #E3EFF6;
	width: 700px;
 	border-collapse: collapse;
	border: 0;
	font: 12px/100% "Lucida Grande", Lucida, Verdana, 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 altri tag*/
.img_header{
	float: left;
}

.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: 5px 0 8px 40px;
	background: #FFFF8E url(img/ico_alert.gif) no-repeat left top;
	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_link.gif) }
.news { background-image: url(img/ico_news.png) }
.boxsmall { width: 33%; }
.boxmid { width: 50%; }
.floatleft { float: left; }

/*usato per le date delle news ed altri elementi*/
.txtcolor1 { color: #FFF; }
.txtcolor2 { color: #D72700; }
.txtcolor3 { color: #90A1B6; }