/* CSS Document */


body { margin:1em; padding:1em; background-image:url(../images/grear_bg_gray.jpg);}

a { color:#333333;}
a:hover { color:#000000; text-decoration:none;}

table { padding:4px; margin:0 0 0 10px; border:1px #e8e9e4 double; display:table;}
td { margin:2px; padding:2px; font: .7em Arial, Helvetica, sans-serif; border-bottom:1px #e8e9e4 solid; border-right: 1px #e8e9e4 solid;}
td.titolo { color:#FFFFFF; font: bold .7em Arial, Helvetica, sans-serif; background:#666666; border:0;}
td.sel { background:#f5f6f1;}


#container { margin: 0 auto; width:770px; background:#fff;}
#outercontainer { margin: 0 auto; width:800px; background:#fff;}
#head_sup { margin: 20px 0 20px 0;}

#head_sup .logo { background: #FFFFFF; margin:0px 40px 0 0; float:left; display:block;} 
#head_sup .tit { margin: 0 0 0 12px;}
#head_sup .chisiamo { border-left: 1px #e8e9e4 solid; width:130px; padding:0; float:left;}
#head_sup .chisiamo UL { margin:0 0 0 13px; padding:0; list-style-type:none;}
#head_sup .chisiamo LI a { font: .65em Tahoma, Arial, Helvetica, sans-serif; color:#666666; background:#FFFFFF; text-decoration:none; padding: 2px 0 2px 0; }
#head_sup .chisiamo LI a:hover { background:#f5f6f1; color:#333;}

#head_sup .lavoro { border-left: 1px #e8e9e4 solid; width:167px; padding:0; float:left;}
#head_sup .lavoro UL { margin:0 0 0 0px; padding:0; padding-left:10px; list-style-type:none; background:#fff;}
#head_sup .lavoro LI a { font: .65em Tahoma, Arial, Helvetica, sans-serif; color:#666666; text-decoration:none; padding: 2px 0 2px 0; }
#head_sup .lavoro LI a:hover { background:#eee; color:#333;}

#head_sup .contatti { border-left: 1px #e8e9e4 solid; width:142px; padding:0; float:left;}
#head_sup .contatti UL { margin:0 0 0 13px; padding:0; list-style-type:none;}
#head_sup .contatti LI a { font: .65em Tahoma, Arial, Helvetica, sans-serif; color:#666666; background:#FFFFFF; text-decoration:none; padding: 2px 0 2px 0; }
#head_sup .contatti LI a:hover { background:#f5f6f1; color:#333;}

#head_sup .lingue { border-left: 0px #e8e9e4 solid; width:28px; padding:0; margin:0; float:left;}
#head_sup .lingue UL { margin:16px 0 0 0px; padding:0; list-style-type:none; }
#head_sup .lingue LI a { display:block; margin:6px 0 0px 0; padding:0; border: 1px #e8e9e4 solid; height: 11px; width:17px;}
#head_sup .lingue LI a:hover { border: 1px #9b9a8c solid;}



#head_inf { border-bottom:5px #e8e9e4 solid; border-top:5px #e8e9e4 solid; text-align:center;}



#slogan { margin: 30px 0 0px 0;  border-bottom: 0px #f5f6f1 solid; text-align:left;}
#slogan .sottosl { display:block; font: .9em Tahoma, Arial, Helvetica, sans-serif; margin: 2px 0 18px 30px; color:#666666; }

/* ----------------------------------------- CONTENT */


#sezioni_titolo { margin: 18px 0;  border-bottom: 0px #e8e9e4 solid;}

.didascalia { display:block;  font: italic .6em Arial, Helvetica, sans-serif; color:#666666; text-align:left; margin:-4px 0 0 20px;}

a.img_chisiamo img, a.img_casehistory img, a.img_esperienza img, a.img_creativita img, a.img_spirito img, a.img_cravatte img { border:3px #e8e9e4 solid; margin:0 0 0 16px; }
a:hover.img_chisiamo img, a:hover.img_casehistory img, a:hover.img_esperienza img, a:hover.img_creativita img, a:hover.img_spirito img, a:hover.img_cravatte img { border:3px #cdceca solid;}


#contentHome_left { width:258px; float:left; background:#ffffff; background:url(../images/sfo_contentbox.gif) repeat-y top right;}
#contentHome_left UL { margin:10px 40px 10px 26px; padding:0;}
#contentHome_left LI { font: .7em Arial, Helvetica, sans-serif; color:#606060; margin: 0 0 4px 0; padding: 0 0 4px 0; border-bottom: 1px #e8e9e4 dashed;}


#contentHome_center { width:258px; float:left; background: #ffffff;}
#contentHome_right { width:254px; float:left; text-align:left}

#contentHome_right1 { width:354px; float:left; background:url(../images/sfo_contentbox_b.gif) repeat-y top left; background: #fff; text-align:left;}


#contentHome_right a { text-decoration:none;}

#contentHome_right a:hover { background:#CCCCCC;text-decoration:underline;}


#contentHome_left P, #contentHome_center P, #contentHome_right P, #contentHome_right1 P { font:.7em Arial, Helvetica, sans-serif; color:#484848; margin: 0 30px 0 10px; line-height:1.3em; }


#content_center P { font:.7em Arial, Helvetica, sans-serif; color:#484848; margin: 0 50px 0 10px; line-height:1.5em; text-align:justify; }

#content_center h3 { margin: 0 50px 0 10px;text-align:left; }


/* realizzazioni */

#content_center { width:516px; float:left; background:#ffffff;}

#content_center-large {width:760px; float:left; background:#ffffff; }
#content_center-large P { font:.7em Arial, Helvetica, sans-serif; color:#484848; margin: 0 0px 0 0px; line-height:1.5em; text-align:justify; }


#content_center1 P { font:.7em Arial, Helvetica, sans-serif; color:#484848; margin: 0 50px 0 10px; line-height:1.5em; text-align:justify; }

/* realizzazioni */

#content_center1 { width:350px; float:left; background:url(../images/sfo_contentbox_b.gif) repeat-y top left; background: #fff;}


#content_center2 P { font:.7em Arial, Helvetica, sans-serif; color:#484848; margin: 0 50px 0 10px; line-height:1.5em; text-align:justify; }

/* realizzazioni */

#content_center2 { width:250px; float:right; background:url(../images/sfo_contentbox_b.gif) repeat-y top left; background: #f5f6f1;}



a.img_realizzazioni img { border:3px #e8e9e4 solid; margin: 0 11px 22px 11px; }
a:hover.img_realizzazioni img { border:3px #cdceca solid;}



/* ----------------------------------------- CASE STUDY */

#casestudy_content {margin:10px; }
.casestudy_box { width:234px; background:url(../images/sfo_casehistorybox.gif) repeat-x bottom center; margin:0px 0 4px 0; padding:4px 0 0 0;}
.casestudy_boximg { width:88px; float:left;  padding:0; margin:0;}
.casestudy_boximg P { margin:0;}
.casestudy_boximg a img { border:1px #ededed solid; margin:0; padding:0;}
.casestudy_boximg a:hover img { border:1px #cccccc solid;}
.casestudy_boxtxt { width:146px; float:left; padding:0; }
.casestudy_boxtxtp { margin:0; font: .6em Arial, Helvetica, sans-serif; color:#666666;}
.casestudy_boxtxt .tit { display:block; font: .7em Arial, Helvetica, sans-serif; color:#000000; margin: 2px 0 4px 0;}
.casestudy_boxtxt a.tit  { text-decoration:none; color:#000000; background-color:#FFFFFF;}
.casestudy_boxtxt a.vai { float:right; text-indent:6px; font:.6em Arial, Helvetica, sans-serif; color:#999999; display:block; text-align:right; background: url(../images/case_h-vai.gif) no-repeat center left; margin: 4px 0 4px 0;}
.casestudy_boxtxt a:hover.vai { color:#666666;}
.casestudy_boxtxt a:hover.tit { text-decoration:underline; color:#000000; background-color:#FFFFFF;}



.stelline { width:440px; margin:0px 20px 0 20px; font-style:italic; font: italic .6em Arial, Helvetica, sans-serif; color:#999999;}
#infogenerali { width:490px; background:#ffffff; border-left: 2px #fff9a8 solid; margin: 0 0 0 6px; background:url(../images/bg_infoa.gif) no-repeat 4px -2px;}
#infogenerali P { color: #666666;}
#infogenerali_content { margin: 0px 20px 0 20px; }


		/* ------------------------------------------- 
			CONTATTACI 
		----------------------------------------------*/
		
		#contattaci { width:460px; padding: 0; }
		#contattaci h3 { font: .7em Arial, Helvetica, sans-serif; display:block; border-bottom:1px #d9d9d9 solid; color:#333333; background-color:#FFFFFF; font-weight:bold; margin: 18px 0px 10px 10px;}
		#contattaci .testo {display:block; width:90px; float:left; line-height:20px; padding: 0px 0px 0px 10px;}
		#contattaci .form { }
		#contattaci sup { color:#FF0000;}
		#contattaci select {padding: 0; margin:0; font: 1em Arial, Helvetica, sans-serif; width:130px;}
		#contattaci textarea {padding:4px; margin:10px; width:350px;}
		#contattaci ul { list-style-type:none; margin: 0px 0px 0px 0px; padding: 0px 26px 0px 26px;}
		#contattaci li {font:.7em Arial, Helvetica, sans-serif; background:#f9f9f9; margin:2px; padding: 2px 2px 2px 2px;}
		
		#contattaci_error { font: .8em Arial, Helvetica, sans-serif; width:80%; display:block; color:#FF0000; border:2px #FF0000 dashed; padding:4px; margin: 20px;}




/* ----------------------------------------- UTILITY */

.costoimp { height:20px; background:#fff9a8}
.imp { }


#bussola { height:20px; margin: 4px 0 12px 0; font: .65em tahoma, Arial, Helvetica, sans-serif; color:#999999; background-color:#FFFFFF; border-bottom: 1px #e8e9e4 solid; }
#bussola .buss { float:left;}
#bussola .buss a { color:#999999; margin: 0px 0 0 12px; }
#bussola .buss a:hover { color:#9b9a8c;}

#utility { width:240px; float:right; background:#ffffff; margin: -2px 0 0 0;}
#utility a.stampa { width: 100px; height:16px; line-height:16px; background:url(../images/ico_stampa.gif) no-repeat 70px 0px; float:left; border-right: 1px #e8e9e4 solid; color:#999999; margin:0 12px 0 0; }
#utility a:hover.stampa { color:#666666;}
#utility .textSize { display:block; margin: 0 0 0px 0; height:16px; line-height:16px;}
#utility .textSizetxt { display:block; height:16px; line-height:16px; float:left; margin: 0 4px 0 0;}

#utility_inf { width:90px; float:right; background:#ffffff; margin: 10px 0 0 0;}
a.backtop { font: .65em tahoma, Arial, Helvetica, sans-serif; display:block; width:80px; height:16px; line-height:16px; background:#0033CC; background:url(../images/ico_backtop.gif) no-repeat 56px 0px; color:#999999;}
a:hover.backtop { color:#666666;}

.clear { clear:both; margin:0;}

hr { height:0px; line-height:0px; font-size:1px; width:100%; margin:4px 0px 4px 0px;  padding:0px 0px 0px 0px; border-style: solid; border-color:#e8e9e4; border-width: 1px 0px 0px 0px; clear:both; }

hr.small { width:94%; text-align:left;}

/* ------------- FOOTER */ 

#footer { font: .7em Arial, Helvetica, sans-serif; color: #dfdfdf; margin: 40px 0 0 0; }
#footer P { margin: 0 0 0 10px;}
#footer .ragsoc { color:#919191;}
#footer a { color:#919191;}
#footer a:hover { color:#333333;}
#footer .footerlink {}

.style2 {
	font-size: 0.7em;
	font-family: Arial, Helvetica, sans-serif;
	text-align:left;

}
.newproduct{
	color: #ff0000;
	padding:2px 2px 2px 2px;
	font-weight:bold;
}

.HL1 {
	FONT-SIZE: 20px; COLOR: #7d7d7d; FONT-FAMILY: Arial
}
.HL2 {
	FONT-SIZE: 16px; COLOR: #7d7d7d; FONT-FAMILY: Arial
}
.HL2-Car {
	FONT-SIZE: 16px; COLOR: #c1c1c1; FONT-FAMILY: Arial
}
A.HL2-Car:link {
	FONT-SIZE: 11px; COLOR: #527bb9; FONT-FAMILY: Arial; TEXT-DECORATION: none
}
A.HL2-Car:visited {
	FONT-SIZE: 11px; COLOR: #527bb9; FONT-FAMILY: Arial; TEXT-DECORATION: none
}
A.HL2-Car:hover {
	FONT-SIZE: 11px; COLOR: #ff6600; FONT-FAMILY: Arial; TEXT-DECORATION: none
}
.HL5 {
	FONT-SIZE: 12px; COLOR: #666666; FONT-FAMILY: Arial
}
.HL6 {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #666666; FONT-FAMILY: Arial
}

.TX1 {
	PADDING-LEFT: 5px; FONT-SIZE: 12px; COLOR: #333333; FONT-FAMILY: Arial
}
.TX2 {
	FONT-SIZE: 11px; COLOR: #333333; FONT-FAMILY: Arial
}
.TX3 {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #333333; FONT-FAMILY: Arial
}
.Interactive10px {
	FONT-SIZE: 11px; COLOR: #527bb9; FONT-FAMILY: Arial
}
A.Interactive10px:link {
	COLOR: #527bb9; TEXT-DECORATION: none
}
A.Interactive10px:visited {
	COLOR: #527bb9; TEXT-DECORATION: none
}
A.Interactive10px:active {
	COLOR: #ff6600; TEXT-DECORATION: none
}
A.Interactive10px:hover {
	COLOR: #ff6600; TEXT-DECORATION: none
}
.11pxInteractive {
	FONT-SIZE: 11px; COLOR: #527bb9; FONT-FAMILY: Arial
}
A.11pxInteractive:link {
	COLOR: #527bb9; TEXT-DECORATION: none
}
A.11pxInteractive:visited {
	COLOR: #527bb9; TEXT-DECORATION: none
}
A.11pxInteractive:active {
	COLOR: #ff6600; TEXT-DECORATION: none
}
A.11pxInteractive:hover {
	COLOR: #ff6600; TEXT-DECORATION: none
}
.Interactive12px {
	FONT-SIZE: 12px; COLOR: #527bb9; FONT-FAMILY: Arial
}
A.Interactive12px:link {
	COLOR: #527bb9; TEXT-DECORATION: none
}
A.Interactive12px:visited {
	COLOR: #527bb9; TEXT-DECORATION: none
}
A.Interactive12px:active {
	COLOR: #ff6600; TEXT-DECORATION: none
}
A.Interactive12px:hover {
	COLOR: #ff6600; TEXT-DECORATION: none
}


INPUT.text, TEXTAREA, SELECT{
	color: #FFFFFF;
	font: normal 12px Arial, sans-serif;
	border-width: 0;
	padding:3px;
	/*margin: 2px;*/
	
}

INPUT.text {
	background: #dfe4ea url('/images/box_bg.gif') no-repeat top left;
	width:210px;
	height: 26px;
	border: 0px none;
	color:#000000;
}

SELECT {
	background: #dfe4ea url('/images/box_bg.gif') no-repeat top left;
	width:210px;
	height: 26px;
	border: 0px solid #88c2d4;
	color:#000000;
}


TEXTAREA {
	background: #dfe4ea url('/images/messagetxt_bg.gif') no-repeat top left;
	width:210px;
	height: 68px;
	border: 0px none;
	color:000000;
}


INPUT.buttons {
	color: #777;
	background: #dfe4ea url('/images/messagetxt_bg.gif') no-repeat top left;
	border-width:0; width:79px; height:21px; font-style:normal; font-variant:normal; font-size:12px; font-family:Arial, sans-serif; background-color:#ECE9D8
}