/*
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: 7px 15px 5px 15px;
	padding: 0 0 0 0;
	font: 13px/150% Helvetica, Tahoma, Verdana, Geneva, Arial, sans-serif;
	/*font: 13px/150% Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif;*/
	
}

p.giustifica{
	text-align: justify;
	margin: 7px 5px 5px 5px;
}

p.nogiustifica{
	text-align: left;
	margin: 7px 5px 5px 5px;
}

p.nogiustifica2{
	text-align: left;
	margin: 7px 5px 5px 16px;
}

p.margin{

	margin: 10px 0 15px 15px;

}

p.margin2{

	margin: 25px 15px 5px 15px;

}
p.margin3{

	margin: 20px 0 8px 18px;

}
.margin4{

	margin: 15px 0 20px 0px;

}

p.margin5{

	margin: 45px 15px 5px 15px;

}
p.margin6{

	margin: 20px 15px 15px 15px;

}

p.margin7{

	margin: 15px 15px 15px 15px;

}

.margin5{

	margin: 10px 0 0px 0px;

}
.margin_job{

	margin: 15px 0 0px 0px;

}

p.larger{

	font: 15px;
}

p.allLeft{
	margin-left:305px;
}

.immagine{
	margin-right: 20px;
}


P A{
	color: #333;
	font: 13px/150% Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif;
	text-decoration: underline;
}
P A:hover{
	color: #F85204;
	font: 13px/150% Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif;
	text-decoration: underline;
}
A{
	color: #333;
	font: 13px/100% Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif;
	background-color: transparent;
	text-decoration: underline;
}
A.privacy{
	color: #333;
	font: 10px/100% Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif;
	background-color: transparent;
	text-decoration: none;
}
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;
	list-style-image: url(img/bullet.gif);
}

UL.bullet{
	margin: 0 0 0 0;
	padding: 0 8px 0 20px;
	list-style-type: square;
	list-style-position: outside;
	list-style-image: url(img/bullet2.gif);
}

UL.bullet2{
	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: #F85204;
}
H1{
	margin: 10px 0 15px 0px;
	padding: 0 0 0 0;
	color: #181818;
	font: 18px/150% Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif;
	background-color: transparent;
}

.barra{
	
	background-color: transparent;
	border-bottom: 1px solid #666;
}


/*questa classe formatta i titoli delle sezioni*/
.section{
	margin: 25px 0 15px 13px;
	padding: 0 0 0 0;
	color: #181818;
	font: bold 24px/150% Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif;
	background-color: transparent;
	/*border-bottom: 1px dotted #666;*/
}
.section_job{
	margin: 25px 0 15px 13px;
	padding: 0 0 0 0;
	color: #F85204;
	font: bold 24px/150% Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif;
	background-color: transparent;
	/*border-bottom: 1px dotted #666;*/
}
.section2{
	margin: 25px 0 15px 13px;
	padding: 0 0 0 0;
	color: #181818;
	
	background-color: transparent;
	/*border-bottom: 1px dotted #666;*/
}
.section_preventivo{
	margin: 25px 0 15px 0px;
	padding: 0 0 0 0;
	color: #181818;
	font: bold 24px/150% Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif;
	background-color: transparent;
	/*border-bottom: 1px dotted #666;*/
}

H1 A{
	background-color: transparent;
}

H1 A:hover{
	color: #F85204;
}
H2{
	color: #333;
	font: bold 13px/150% Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif;
	background-color: transparent;
	margin: 10px 0 0 15px;
	padding: 0 0 0 0;
}
H2.home{
	color: #333;
	font: bold 13px/150% Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif;
	background-color: transparent;
	margin: 10px 0 0 0px;
	padding: 0 0 0 0;
}
H2 A{
	color: #F85204;
	font-size: 13px;
	font-weight: bold;
	text-decoration: underline;
}
H2 A:hover{
	color: #333;
	text-decoration: underline;
}

H3{
	color: #666;
	font: 13px Arial, 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: 24px;
	color: #181818;
}



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

.home_news{
	font-size: 13px;
	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: #333;
}

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 img{
	width: 100px;
}
.box_headline H1, .box_headline_ext H1{
	font-size: 13px;
	color: #181818;
}

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

.box_headline H1 A:hover, .box_headline_ext H1 A:hover{
	font-size: 13px;
	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% Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif;
}

.extras_win H1 A{
	color: #F85204;
	font: 10px/150% Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif;
}

.extras_win H1 A:hover{
	color: #333;
	font: 10px/150% Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif;
}

.extras_win .header{
	color: #F85204;
	font: 14px/150% Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif;
}

div#menu .header{
	color: #F85204;
	font: 14px/150% Arial, Tahoma, Verdana, Geneva, Helvetica, 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: #518BC3;
	font: 14px/150% Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif;
}

/*fine formattazione box extras*/
.datadettaglio{
	color: #FFF;
	padding: 3px;	
	font: 14px/150% Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif;
	background: #3D444D;
}

/*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: 0 10px 10px 16px;
	padding: 10px;
	border: 1px solid #CCC;
}
.fotobox2{
	/*float: left;*/
	margin: 0 16px 10px 0px;
	padding: 10px;
	border: 1px solid #CCC;
}

.fotobox3{
	/*float: left;*/
	margin: 0 46px 0px 0px;
	padding: 10px;

}

div#breadcrumbs, div#breadcrumbs P, div#breadcrumbs A{
	color: #3E4D96;
}
/*allinea in basso immagine richiedi preventivo*/
.menu_win_img{
	vertical-align: baseline;
}
/* 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% Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif;
	text-align: left;
}

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

div#footer A{
	font: 11px/150% Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif;
	color: #FFF;
	text-decoration: none;
}
div#footer A:hover{
	font: 11px/150% Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif;
	color: #F47901;
	text-decoration: underline;
}
div#footer P A{
	font: 11px/150% Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif;
	color: #FFF;
	text-decoration: none;
}
div#footer P A:hover{
	font: 11px/150% Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif;
	color: #F47901;
	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#menu H1, div#extras H1{
	color: #FFF;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 18px;
	margin: 0 0 0 10px;
}

div#menu H2, div#extras H1{
	color: #FFF;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 16px;
	margin: 0 0 0 10px;
}

div#menu P.intro, div#extras P.intro{
	border-bottom: 1px dotted #333;
	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: #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#menu LABEL, div#extras LABEL{
	color: #666;
}

div#menu 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#menu SELECT, div#extras SELECT{
	color: #666;
	font-size: 12px;
	width: 85%;
}

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

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


/** FORMATTAZIONE TABELLE DATI **/


table.dati {
	background: #E3EFF6;
	width: 700px;
 	border-collapse: collapse;
	border: 0;
	font: 12px/100% Arial, 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 altri tag*/

.evidenza {
	font-size: 16px;
}

.numeroverde {
	font-size: 24px;
	font-weight: bold;
	color: #690;
	font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
}

.sconto{
	color: #DE005B;
	font-size: 14px;
	font-weight: bold;
}
.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: 13px/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;
}

.box {
	width: 610px;
	margin-top: 30px;
	margin-left: 8px;
}


.info2 {
	font: 18px/150% "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #144FE1;
	padding: 5px 0 8px 70px;
	
	
}

.box2 {
	width: 345px;
	margin-top: 10px;
}

.info3 {
	font: 18px/150% "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #144FE1;
	padding: 5px 0 8px 30px;
	border: 1px solid #afc4d9;
}

.box3 {
	width: 622px;
	margin-top: 20px;
}

.info4 {
	font: 18px/150% "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #144FE1;
	padding: 5px 0 8px 10px;
	border: 1px solid green;
}

.box4 {
	width: 300px;
	margin-top: 20px;
}
.box5 {
	width: 370px;
	margin-top: 20px;
}


.box6 {
	width: 610px;
	margin-top: 10px;
	margin-left: 0px;
	margin-bottom: 20px;
}

/*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%; }

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

.txtcolor5 { color: #316177; }

.txtdim1 { font-size: 15px; margin-bottom: 10px; }

.txtdim2 { font-size: 16px; }
.txtdim3 { font-size: 14px; }
.txtdim_small { font-size: 10px; }

span.txtdim4 { font-size: 14px; }
span.txtdim5 { font-size: 13px; }


.textfield {
	font:1.1em  Verdana, Arial, Helvetica, sans-serif ;
	color:#333 ;
	margin:3px;
	height:20px;
	border:none;
	padding: 3px 8px;
	background: transparent url("css/img/textfield_bg.gif") no-repeat fixed;
	width:200px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:187px;
}
#login_box input.textfield, #area_caf input.textfield {
	background: transparent url("img/textfield_bg.gif") no-repeat;
	border-width: 0px;
}

.textfield_w {
	font:1.1em  Verdana, Arial, Helvetica, sans-serif ;
	color:#333 ;
	margin:3px;
	height:20px;
	border:none;
	padding: 3px 8px;
	background: transparent url("css/img/textfield_bgW.gif") no-repeat fixed;
	width:200px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:187px;
}
#login_box input.textfield_w {
	background: transparent url("img/textfield_bgW.gif") no-repeat;
	border-width: 0px;
}

#login_box .submit,  #area_caf .submit {
	margin-bottom:5px;
	background: transparent url("img/submit.gif") no-repeat;
	height:20px;
	border:solid 0 #fff;
	width:80px;
	font:1.1em Verdana, Arial, Helvetica, sans-serif;
	color:#666;
 }
 
 #login_box .submit_bgw {
	margin-bottom:5px;
	background: transparent url("img/submit-bgw.gif") no-repeat;
	height:20px;
	border:solid 0 #fff;
	width:80px;
	font:1.1em Verdana, Arial, Helvetica, sans-serif;
	color:#666;
 }
 
 .error_not{
 	position: absolute;color:#F85204;font-weight: bold;
 }