﻿@charset "utf-8";
/* CSS Document */

body { margin:0; padding:0; background:#FFFFFF; background-image:url(../images/page-bg.gif); background-repeat:repeat-x; }

h1 { text-align: left; font-size: 1.6em;  margin: 0 0 0 0; }
h2 { text-align: left; font-size: 1.3em;  margin: 6px 20px 6px 10px; }
h3 { text-align: left; font-size: 1.2em;  margin: 6px 20px 6px 10px; }
h4 { text-align: left; font-size: .85em;  margin: 10px 20px 10px 10px; }

a { color: #6e1e1e; text-decoration:none;}
a:hover { text-decoration:underline;}

ul li .underline {text-decoration:underline;}

.reves {unicode-bidi:bidi-override; direction: rtl;}

#Language_Selection {height:auto; text-align:right; font-family: Arial, Helvetica, sans-serif; font-size:11px; border-bottom:1px solid #CCCCCC; padding: 2px; margin-bottom:2px; }

#container { margin: 0 auto; width:770px; padding-top:1px; padding-left:14px; padding-right:14px; background-color:#FFFFFF; }

#head_sup { margin: 20px 0 20px 0;}

#head_sup .logo { background: #FFFFFF; margin:0px 40px 0 0; float:left; display:block;} 
#head_sup .logoRU { background: #FFFFFF; margin:0px 0px 0 0; float:left; display:block;} 
#head_sup .tit { margin: 0 0 0 12px;}
#head_sup .LanguageCompany { border-left: 1px #e8e9e4 solid; width:167px; padding:0; float:left;}
#head_sup .LanguageCompany UL { margin:0 0 0 13px; padding:0; list-style-type:none;}
#head_sup .LanguageCompany LI a { display:block; height:14px; font: .75em Tahoma, Arial, Helvetica, sans-serif; color:#202020; background:#FFFFFF; text-decoration:none; padding: 2px 2px 2px 2px; }
#head_sup .LanguageCompany LI a:hover { background: #AE0000; color:#FFF;}

#head_sup .TranslationServices { border-left: 1px #e8e9e4 solid; width:167px; padding:0; float:left;}
#head_sup .TranslationServices UL { margin:0 0 0 13px; padding:0; list-style-type:none;}
#head_sup .TranslationServices LI a {display:block; height:14px; font: .75em Tahoma, Arial, Helvetica, sans-serif; color:#202020; background:#FFFFFF; text-decoration:none; padding: 2px 2px 2px 2px; }
#head_sup .TranslationServices LI a:hover { background: #AE0000; color:#FFF;}

#head_sup .Contact { border-left: 1px #e8e9e4 solid; width:142px; padding:0; float:left;}
#head_sup .Contact UL { margin:0 0 0 13px; padding:0; list-style-type:none;}
#head_sup .Contact LI a {display:block; height:14px; font: .75em Tahoma, Arial, Helvetica, sans-serif; color:#202020; background:#FFFFFF; text-decoration:none; padding: 2px 2px 2px 2px; }
#head_sup .Contact LI a:hover { background: #AE0000; color:#FFF;}

#head_sup .LanguageCompanyRU { border-left: 1px #e8e9e4 solid; width:180px; padding:0; float:left;}
#head_sup .LanguageCompanyRU UL { margin:0 0 0 13px; padding:0; list-style-type:none;}
#head_sup .LanguageCompanyRU LI a { display:block; height:14px; font: .75em Tahoma, Arial, Helvetica, sans-serif; color:#202020; background:#FFFFFF; text-decoration:none; padding: 2px 2px 2px 2px; }
#head_sup .LanguageCompanyRU LI a:hover { background: #AE0000; color:#FFF;}

#head_sup .TranslationServicesRU { border-left: 1px #e8e9e4 solid; width:167px; padding:0; float:left;}
#head_sup .TranslationServicesRU UL { margin:0 0 0 13px; padding:0; list-style-type:none;}
#head_sup .TranslationServicesRU LI a {display:block; height:14px; font: .75em Tahoma, Arial, Helvetica, sans-serif; color:#202020; background:#FFFFFF; text-decoration:none; padding: 2px 2px 2px 2px; }
#head_sup .TranslationServicesRU LI a:hover { background: #AE0000; color:#FFF;}

#head_sup .ContactRU { border-left: 1px #e8e9e4 solid; width:180px; padding:0; float:left;}
#head_sup .ContactRU UL { margin:0 0 0 13px; padding:0; list-style-type:none;}
#head_sup .ContactRU LI a {display:block; height:14px; font: .75em Tahoma, Arial, Helvetica, sans-serif; color:#202020; background:#FFFFFF; text-decoration:none; padding: 2px 2px 2px 2px; }
#head_sup .ContactRU LI a:hover { background: #AE0000; color:#FFF;}




#head_sup .Languages { border-left: 0px #e8e9e4 solid; width:28px; padding:0; margin:0; float:right; font: .4em Verdana, Arial, Helvetica, sans-serif; line-height:15px;}
#head_sup .Languages UL { margin:4px 0 0 8px; padding:0; list-style-type:none;}
#head_sup .Languages LI a { border: 1px #e8e9e4 solid; padding:0; margin:0; }
#head_sup .Languages LI a:hover { border: 1px #00CC00 solid;}
#head_sup a.italian { background: #9b9a8c url(../images/ico-flag_its.gif) no-repeat top left; display:block; width:17px; height:11px;  }
#head_sup a.world { background: url(../images/ico-world.gif) no-repeat top left; display:block; width:30px; height:30px; }
#head_sup a.english { background:url(../images/ico-flag_en2.gif) no-repeat top left; display:block; width:30px; height:11px; }
#head_sup a.espanol { background:url(../images/ico-flag_es2.gif) no-repeat top left; display:block; width:30px; height:11px; }
#head_sup a.french { background:url(../images/ico-flag_fr2.gif) no-repeat top left; display:block; width:17px; height:11px; }
#head_sup a.german { background:url(../images/ico-flag_de2.gif) no-repeat top left; display:block; width:17px; height:11px; }
#head_sup span { display:none;}

#HeadInfo { border-top: 2px #e8e9e4 solid;}



#slogan { margin: 30px 0 0px 0;  border-bottom: 0px #f5f6f1 solid;}
#slogan .sottosl { display:block; font: .9em Tahoma, Arial, Helvetica, sans-serif; margin: 2px 0 18px 30px; color:#666666; }

/* ----------------------------------------- CONTENT   Top Right Bottom Left*/


#PageTitle { margin: 8px 0;  border-bottom: 1px #e8e9e4 solid;}

.picSubtitles { display:block;  font: normal .8em Arial, Helvetica, sans-serif; color:#666666; text-align:left; margin:-4px 0 0 20px;}

.imageRight {float:right; clear:left; padding: 10px 0 10px 10px;}
.imageLeft {float:left; clear:right; padding: 10px 10px 10px 0;}

a.img_LanguageCompany 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_LanguageCompany 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 #7d2222 solid;}

.img_border img { border:3px #e8e9e4 solid; margin:0 0 0 16px; }

#doubleColumn_left { width:258px; float:left; background:#ffffff; background:url(../images/sfo_contentbox.gif) repeat-y top right;}
#doubleColumn_left H2 { font-size: 1.1em; }
#doubleColumn_left UL { margin:10px 40px 10px 26px; padding:0;}
#doubleColumn_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;}


#doubleColumn_center { width:258px; float:left; background: #ffffff;}
#doubleColumn_center H2 { font-size: 1.1em; }
#doubleColumn_center LI { font: .7em Arial, Helvetica, sans-serif; color:#606060; margin: 0 0 4px 0; padding: 0 0 4px 0; border-bottom: 1px #e8e9e4 dashed;}
#doubleColumn_right { width:254px; float:left; background:url(../images/sfo_contentbox_b.gif) repeat-y top left; background: #f5f6f1;}



#doubleColumn_left P, #doubleColumn_center P, #doubleColumn_right P { font:.7em Arial, Helvetica, sans-serif; color:#484848; margin: 0 30px 0 10px; line-height:1.3em; }




#doubleColumn_left2 { width:258px; float:left; background:#ffffff; background:url(../images/sfo_contentbox.gif) repeat-y top right;}
#doubleColumn_left2 H2 { font-size: 1.1em; }
#doubleColumn_left2 UL { margin:10px 40px 10px 26px; padding:0;}
#doubleColumn_left2 LI { font: .7em Arial, Helvetica, sans-serif; color:#606060; margin: 0 0 4px 0; padding: 0 0 4px 0; border-bottom: 1px #e8e9e4 dashed;}


#doubleColumn_center2 { width:258px; float:left; background: #ffffff;}
#doubleColumn_center2 H2 { font-size: 1.1em; }
#doubleColumn_center2 LI { font: .7em Arial, Helvetica, sans-serif; color:#606060; margin: 0 0 4px 0; padding: 0 0 4px 0; border-bottom: 1px #e8e9e4 dashed;}
#doubleColumn_right2 { width:254px; float:left; background:url(../images/sfo_contentbox_b.gif) repeat-y top left; background: #f5f6f1;}


#doubleColumn_left2 P, #doubleColumn_center2 P, #doubleColumn_right2 P { font:.7em Arial, Helvetica, sans-serif; color:#484848; margin: 0 30px 0 10px; line-height:1.3em; }


#doubleColumn_left3 { width:258px; float:left; background:#ffffff; background:url(../images/sfo_contentbox.gif) repeat-y top right;}
#doubleColumn_left3 H2 { font-size: 1.1em; }
#doubleColumn_left3 UL { margin:10px 40px 10px 26px; padding:0;}
#doubleColumn_left3 LI { font: .7em Arial, Helvetica, sans-serif; color:#606060; margin: 0 0 4px 0; padding: 0 0 4px 0; border-bottom: 1px #e8e9e4 dashed;}


#doubleColumn_center3 { width:258px; float:left; background: #ffffff;}
#doubleColumn_center3 H2 { font-size: 1.1em; }
#doubleColumn_center3 LI { font: .7em Arial, Helvetica, sans-serif; color:#606060; margin: 0 0 4px 0; padding: 0 0 4px 0; border-bottom: 1px #e8e9e4 dashed;}
#doubleColumn_right3 { width:254px; float:left; background:url(../images/sfo_contentbox_b.gif) repeat-y top left; background: #f5f6f1;}


#doubleColumn_left3 P, #doubleColumn_center3 P, #doubleColumn_right3 P { font:.7em Arial, Helvetica, sans-serif; color:#484848; margin: 0 30px 0 10px; line-height:1.3em; }






#CenterContent P { font:.8em Arial, Helvetica, sans-serif; color: #333333; margin: 5px 50px 5px 10px; line-height:1.5em; text-align:left; }

#CenterContent ul {margin: 10px 10px 10px 10px; border-left: 1px solid #CCCCCC; padding-left: 20px; list-style:disc;}

#CenterContent ul li {font:.8em Arial, Helvetica, sans-serif; color: #333333; line-height:1.2em;}

#CenterContent strong {font-weight:bold; text-decoration:underline; }

/* ARABIC */

#RTL { font-size: 20px; text-align:right; margin-right:20px; }
#RTL h2 {text-align:right; }
#RTL h3 {text-align:right; }
#RTL h4 {text-align:right; }
#RTL P {text-align:right; font-size: 20px; padding-top:10px; padding-bottom:10px; }
#RTL UL {text-align:right; font-size: 20px; }
#RTL LI {text-align:right; font-size: 20px; }
#PageTitle_AR { margin: 8px 0;  border-bottom: 1px #e8e9e4 solid; text-align:right; }
#PageTitle_AR h1 { text-align:right; font-size:2.4em;}
.ARLists {margin-right:60px;}
.ARLists2 {margin-right:6px;}
.fontAR {font-size:20px;}
.boxAR {font-size:20px;}

.picSubtitles_AR { display:block;  font: normal 1.2em Arial, Helvetica, sans-serif; color:#666666; text-align:right; margin:-4px 0 0 20px;}

#doubleColumn_left_AR { width:258px; float:left; background:#ffffff; background:url(../images/sfo_contentbox.gif) repeat-y top right;}
#doubleColumn_left_AR H2 { font-size: 1.1em; }
#doubleColumn_left_AR UL { margin:10px 26px 10px 40px; padding:0;}
#doubleColumn_left_AR LI { font: 1.0em Arial, Helvetica, sans-serif; color:#606060; margin: 0 0 4px 0; padding: 0 0 4px 0; border-bottom: 1px #e8e9e4 dashed;}

#doubleColumn_center_AR { width:258px; float:left; background: #ffffff;}
#doubleColumn_center_AR H2 { font-size: 1.1em; }
#doubleColumn_center_AR LI { font: 1.0em Arial, Helvetica, sans-serif; color:#606060; margin: 0 0 4px 0; padding: 0 0 4px 0; border-bottom: 1px #e8e9e4 dashed;}
#doubleColumn_right_AR { width:254px; float:left; background:url(../images/sfo_contentbox_b.gif) repeat-y top left; background: #f5f6f1;}

#doubleColumn_AR P, #doubleColumn_center_AR P, #doubleColumn_right_AR P { font:1.0em Arial, Helvetica, sans-serif; color:#484848; margin: 0 30px 0 10px; line-height:1.3em; }


#CenterContentAR { width:516px; float:right; background:#ffffff;}

#CenterContentAR h2 { text-align:right; font-size:1.8em; }

#CenterContentAR P { font:1.2em Arial, Helvetica, sans-serif; color: #333333; margin: 5px 10px 5px 50px; line-height:1.2em; text-align:right; }

#CenterContentAR ul {margin: 10px 10px 10px 10px; border-left: 1px solid #CCCCCC; padding-right: 20px; list-style:disc;}

#CenterContentAR ul li {font:1.2em Arial, Helvetica, sans-serif; color: #333333; line-height:1.2em;}

#CenterContentAR strong {font-weight:bold; text-decoration:underline; }

/*  */

#CenterContent { width:516px; float:left; background:#ffffff;}




#CenterContent-large {width:760px; float:left; background:#ffffff; }
#CenterContent-large P { font:.7em Arial, Helvetica, sans-serif; color:#484848; margin: 0 0px 0 0px; line-height:1.5em; text-align:left; }

a.img_realizzazioni img { border:3px #e8e9e4 solid; margin: 0 11px 22px 11px; }
a:hover.img_realizzazioni img { border:3px #cdceca solid;}

.block {display:block;}

/* Boxes */

.xsnazzy h1, .xsnazzy h2, .xsnazzy p {margin:0 10px; letter-spacing:1px;}

#testBox h1, #testBox h2, #testBox p {margin:0 10px; letter-spacing:1px;}
#testBox h1 {font-size:1.4em; color:#000;}
#testBox h2 {font-size:1.2em;color:#06a; border:0; padding-top:0.5em;}
#testBox p {font-size: 0.8em;padding-bottom:0.5em;}
#testBox  {background: red; margin:1em; width:88%;}

.xsnazzy h1 {margin:0 10px; letter-spacing:1px; font-size:1.4em; color:#000;}
.xsnazzy h2 {margin:0 10px; letter-spacing:1px; font-size:1.2em;color:#06a; border:0;}
.xsnazzy p {margin:0 10px; letter-spacing:1px; font-size: 0.8em;padding-bottom:0.5em;}
.xsnazzy h2 {padding-top:0.5em;}
.xsnazzy {background: transparent; margin:1em; width:88%;}

#xsnazzy h1 {margin:0 10px; letter-spacing:1px; font-size:1.4em; color:#000;}
#xsnazzy h2 {margin:0 10px; letter-spacing:1px; font-size:1.2em;color:#06a; border:0;}
#xsnazzy p {margin:0 10px; letter-spacing:1px; font-size: 0.8em;padding-bottom:0.5em;}
#xsnazzy h2 {padding-top:0.5em;}
#xsnazzy {background: transparent; margin:1em; width:88%;}

.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:white; border-left:1px solid #ccc; border-right:1px solid #ccc;}
.xb1 {margin:0 5px; background:#ccc;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

.xboxcontent {display:block; background:white; border:0 solid #ccc; border-width:0 1px;}

/* ----------------------------------------- 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;}

#casestudy_boxvai { background: #006600;}

.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 { }


#UseBanner { height:20px; margin: 4px 0 0 0; font: .65em tahoma, Arial, Helvetica, sans-serif; color:#999999; background-color:#FFFFFF; }
#UseBanner .Crumbs { float:left;}
#UseBanner .Crumbs a { color:#999999; margin: 0px 0 0 12px; }
#UseBanner .Crumbs a:hover { color:#9b9a8c;}

#utility { width:274px; float:right; background:#ffffff; margin: -2px 0 0 0;}
#utility a.Print { width: 130px; height:16px; line-height:16px; background:url(../images/ico_Print.gif) no-repeat 70px 0px; background-position:right; float:left; border-right: 1px #e8e9e4 solid; color:#999999; margin:0 12px 0 0; text-decoration:none; }
#utility a:hover.Print { 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 .Copyright { color:#919191;}
#footer a { color:#919191;}
#footer a:hover { color:#333333;}
#footer .footerlink {}



