@charset "utf-8";
/* CSS Document */
html,body{
	margin:0;
	padding:0;
	height:100%;
	width:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
}
#Centra{
	width:951px;
	height:100%;
	margin:0 auto 0 auto;
}
#Corpo{
	width:927px;
	float:left;
	background:url(immagini/sfCentrale.jpg) repeat-y;
	padding:0 12px 0 12px;
}
#nero_header{
	width:100%;
	height:29px;
	background:url(immagini/nero_header.jpg) repeat-x;
	float:left;
	text-align:right;
	color:#CCCCCC;
	font-size:0.75em
}
#nero_header a{
	color:#CCCCCC;
	text-decoration:none;
}
#nero_header a:hover{
	text-decoration:underline;
}
#lingue{
	float:right;
	margin:5px 35px 0 0;
}
#footer{
	background:url(immagini/sf_footer.jpg) repeat-x;
	width:100%;
	height:31px;
	margin-top:12px
}
#testo_mov{
	color:#FFFFFF;
	font-weight:bold;
	margin-top:5px !important;
	display:block;
}
#footer span{
	color:#FFFFFF;
	width:100%;
	font-size:0.75em;
	text-align:center;
	display:block;
	margin-top:8px;
}
/* Header */
#header{
	background:url(immagini/header.jpg) no-repeat;
	width:927px;
	height:66px;
}
#header a{
	display:block;
	float:right;
	height:66px;
}
#Fiat_pro{
	width:59px;
	background:url(immagini/loghi_brand_09.jpg) no-repeat;
	
}
#Alfa{
	width:55px;
	background:url(immagini/loghi_brand_08.jpg) no-repeat;
}
#Fiat{
	width:59px;
	background:url(immagini/loghi_brand_07.jpg) no-repeat;
}
#Lancia{
	width:56px;
	background:url(immagini/loghi_brand_06.jpg) no-repeat;
}
#Abarth{
	width:56px;
	background:url(immagini/loghi_brand_10.jpg) no-repeat;
	margin-right:24px !important;
	margin-right:12px;
}
/* BOX Verde SX */
#Box_verde_sx{
	width:617px;
	background:url(immagini/sf_box_body.jpg) repeat-y;
	margin:17px 0 0 26px !important;
	margin:17px 0 0 10px;
}
#Box_verde_sx .box_body{
	width:587px;
	margin-left:17px !important;
	margin-left:10px;
}
#Box_verde_sx h3{
	color:#FFFFFF;
	font-size:1em;
	margin:8px 0 0 8px;
}
/* BOX Verde DX */
#Box_verde_dx{
	width:245px;
	background:url(immagini/sf_box_body_dx.jpg) repeat-y;
	margin:17px 26px 0 0 !important;
	margin:17px 15px 0 0;
	
}
#Box_verde_dx .box_body{
	width:215px;
	margin-left:12px !important;
	margin-left:5px;
}
#Box_verde_dx h3{
	color:#FFFFFF;
	font-size:1em;
	margin:-25px 0 0 17px !important;
	margin:-25px 0 0 10px;
}
/* Corpo box Verde */
.header_verde{
	height:35px;
	width:100%;
	background:url(immagini/sf_box_header.jpg) repeat-x;
}
.header_verde .angolo_verde_sx{
	background:url(immagini/box_angolo_sx.jpg) no-repeat;
	width:10px;
	height:35px;
}
.header_verde .angolo_verde_dx{
	background:url(immagini/box_angolo_dx.jpg) no-repeat;
	width:10px;
	height:35px;
}
.header_verde .ingr_verde{
	background: url(immagini/ingr_verde.jpg) no-repeat;
	width:203px;
	height:35px;
}
.box_body{
	margin:10px 15px 10px 15px;
	font-size:0.8em;
}
.footer_verde{
	background:url(immagini/sf_box_ft.jpg) #FFFFFF repeat-x;
	height:15px;
	width:100%;
}
.footer_verde .angolo_verde_sx{
	background:url(immagini/box_angolo_sx_ft.jpg) no-repeat;
	width:10px;
	height:15px;
}
.footer_verde .angolo_verde_dx{
	background:url(immagini/box_angolo_dx_ft.jpg) no-repeat;
	width:10px;
	height:15px;
}
/* BOX BIG */
#Box_verde_big{
	width:875px;
	background:url(immagini/sf_box_big.jpg) repeat-y;
	margin:17px 0 0 26px !important;
	margin:17px 0 0 13px;
}
#Box_verde_big .box_body{
	width:845px;
	margin-left:17px !important;
	margin-left:10px;
}
#Box_verde_big .box_body_flash{
	width:845px;
	margin-left:8px !important;
	margin-left:4px;
	z-index:1;
}
#Box_verde_big h3{
	color:#FFFFFF;
	font-size:1em;
	margin:8px 0 0 8px;
}
/* BOX Grigio */
#Box_grigio{
	width:245px;
	background:url(immagini/sf_box_body_grigio.jpg) repeat-y;
	margin:17px 26px 0 0 !important ;
	margin:17px 15px 0 0;
}
#Box_grigio .box_body{
	width:215px;
	margin-left:17px !important;
	margin-left:8px;
}
#Box_grigio h3{
	color:#009900;
	font-size:1em;
	margin:8px 0 0 8px;
}
/* Corpo box Grigio */
.header_grigio{
	height:35px;
	width:100%;
	background:url(immagini/sf_box_gr.jpg) repeat-x;
}
.header_grigio .angolo_grigio_sx{
	background:url(immagini/box_gr_angolo_sx.jpg) no-repeat;
	width:10px;
	height:35px;
}
.header_grigio .angolo_grigio_dx{
	background:url(immagini/box_gr_angolo_dx.jpg) no-repeat;
	width:10px;
	height:35px;
}
.footer_grigio{
	background:url(immagini/sf_box_gr_ft.jpg) #FFFFFF repeat-x;
	height:15px;
	width:100%;
}
.footer_grigio .angolo_grigio_sx{
	background:url(immagini/box_gr_angolo_sx_ft.jpg) no-repeat;
	width:10px;
	height:15px;
}
.footer_grigio .angolo_grigio_dx{
	background:url(immagini/box_gr_angolo_dx_ft.jpg) no-repeat;
	width:10px;
	height:15px;
}

/* Home */
.testo_sx{
	width:260px;
}
.testo_sx .altezza{
	height:240px;
}
.testo_sx a:link, .testo_sx a:active, .testo_sx a:visited{
	color:#000000;
	text-decoration:none;
	cursor:pointer;
}
.testo_sx a:hover{
	text-decoration:underline;
	color:#009900;
}
#PDF img{
	border:none;
}
.testo_sx img{
	margin:10px;
}
.testo_dx{
padding-left:10px;

border-left:#CCCCCC 1px solid;
width:313px;
}
.video{
	border:1px solid #009900;
	width:304px;
	height:171px;
	background:#000;
	text-align:center;
}
.video embed{
	margin:0 auto 0 auto;
	
}
.testo_dx img{
	margin-left:20px ;
}
h2{
	color:#009900;
	font-size:1.3em;
}
#news{
	display:block;
	height:320px;
	overflow:auto;	
	width:310px;
}
/* Loghi */
#loghi a{
	float:left;
	display:block;
	height:55px;
	width:105px;
}
/* Video */
.contVideo{
	width:304px;
	margin: 0 59px 0 59px !important;	
	margin: 0 38px 0 38px;
}
h4{
	color:#009900;
	margin:0;
	font-size:1em;
}
.fotina h4{
	display:table-cell;
	height:32px;
	width:80px;
	vertical-align:bottom;
}
.numpag{
	margin:15px 15px 0;
	width:300px;
	text-align:right;

}
.numpag a:link,.numpag a:visited,.numpag a:active{
	color:#999999;
	text-decoration:none;
}
.numpag a:hover{
	color:#009900;
	text-decoration:underline;
}
/* TechPro */
.imgTech{
	margin:10px -3px 0 10px;
}
.testoVideo{
	width:580px;
}

.img_techCno{
	margin:20px 38px 0;
}
/* Sedi */
#ContSedi{
	width:95%;
	margin:0 auto 0 auto;
	text-align:justify;
	color:#333333;
	line-height:18px;
}

#ContSedi a:link,#ContSedi a:visited,#ContSedi a:active{
	color:#999999;
	text-decoration:none;
}
#ContSedi a:hover{
	color:#009900;
	text-decoration:underline;
}
.box_body a:link,.box_body a:visited,.box_body a:active{
	color:#999999;
	text-decoration:none;
}
.box_body a:hover{
	color:#009900;
	text-decoration:underline;
}

/* Photo */
.cont_tumb {
	width:100%;
}
.cont_tumb a.display{
	width:77px;
	height:58px;
	display:block;
	float:left;
	margin:2px;
}
#VisorFoto{
	background:url(immagini/box_photo.jpg) center no-repeat;
	height:309px;
	margin:30px 40px 0 0 !important;
	margin:30px 20px 0 0;
	width:430px;
	text-align:center;
}
#VisorFoto img{
	margin:3px 0 0 8px;
}
#VisorFoto a{
	display:block;
	width:12px;
	height:12px;
	margin-top:150px;
}
#gall_ind{
	background:url(immagini/fr_gallery_ind.jpg) no-repeat;
}
#gall_av{
	background:url(immagini/fr_gallery_av.jpg) no-repeat;
}
.fotina{
	float:left;
	margin:0 10px 10px 10px;
}
/* Menù */
.chromestyle{
clear:left;
float:left;
height:35px;
width:100%;
background:url(immagini/sfmenu.jpg) repeat-x;
font-weight:bold;
font-size:0.9em;
}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestyle ul{

padding: 4px 0 ;

margin: 0;
text-align: center; /*set value to "left", "center", or "right"*/
}

.chromestyle ul li{
display: inline;
}
.chromestyle ul li a.menuMed{
	width:150px;
}
.chromestyle ul li a.menuLargo{
	width:200px;
}
.chromestyle ul li a{
color: #FFFFFF;
padding: 4px 0;

margin: 0;
text-decoration: none;
background:url(immagini/freccia_menu.jpg) bottom right no-repeat;
width:130px;
display:block;
float:left;
text-align:center;
margin-left:-10px;
}

.chromestyle ul li a:hover{
/*background: url(immagini/sfondo1_over.jpg) center center repeat-x; /*THEME CHANGE HERE*/
color: #000000;
background:url(immagini/freccia_menu_hover.jpg) bottom right no-repeat;
}

.chromestyle ul li a[rel]:after{ /*HTML to indicate drop down link*/
/*content: " +";*/
/*content: " " url(downimage.gif); /*uncomment this line to use an image instead*/
}


/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0;
line-height:18px;
text-align:left;
z-index:100;
background:url(immagini/sf_tendina.jpg) #669900;
width: 150px;
padding:7px 0 7px 0 ; 
visibility:hidden;
}
#dropmenu2{
	width: 190px;
}

.dropmenudiv a{
width: 90%;
display: block;
text-indent: 3px;
border-bottom: 1px solid #99cc33; /*THEME CHANGE HERE*/
padding: 2px 0;

text-decoration: none;
color: #FFFFFF;
font-size:0.8em;
margin:0 auto 0 auto;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;

}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
color: #FFFFFF;
background:url(immagini/freccia_tendina.jpg) #669900 right center no-repeat; 
}

/* loginHome*/

#loginHome button{
	text-align:center;
}
#loginHome input,label{
	width:100%;
	text-align:left;
}
#loginHome #failAccess{
	background-color:#EAFFC4;
	padding:10px;
	text-align:center;
}
#loginHome .submit{
	text-align:center;
}
.hidden{
	display:none;
}


.flLeft{
	float:left;
}
.clLeft{
	clear:left;
}
.flRight{
	float:right;
}
.clRight{
	clear:right;
}
.clBoth{
	clear:both;
}