body{
	background-image:url(../img/bg_home.jpg);
	background-repeat:repeat-x;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:13px;
	background-color:#f4f4f4;
	color:#666
}
	.body{
		background-image:url(../img/bg_page_repeate2.jpg);
		background-repeat:repeat-x;
	}

.blu{ color:#004488;}

/*h1, h2, h3, h4, h5, h6{font-weight:normal; font-family:Helvetica, sans-serif; letter-spacing:0px;}*/
h2{ color:#ad1818; margin-bottom:5px;}

h3 a{ color:#004488; text-decoration:none}
h3 a:hover{ color:#900; text-decoration:none}


/* Header */

/*.logo{ position:absolute; top: -30px;}*/
.logo img{
	width:224px;
	height:248px;
	display:block;
	margin-top:-30px;
	position:absolute
}
.logo-page { position:reletive; height:150px;}
.logo-page img{ position:absolute; float:left; top:-25px; left:0px;}
.page150 {height:150px !important;}

#menuTop{
	height:32px;
	display:block
}
	#menuTop ul li{float:left;	font-size:14px; letter-spacing:0px;}
	#menuTop ul li a{ display:block; text-align:center; color:#fff; line-height:32px; text-decoration:none; padding-right:15px; padding-left:15px;}
	#menuTop ul li a:hover{ background-color:#004488}


#home{
	background-image:url(../img/bg_only_home.jpg);
}
	.riga1{ height:220px;}
#page{
	background-image:url(../img/bg_page_vertical.jpg);
	background-repeat:repeat-y
}
.page{
	background-image:url(../img/bg_page.jpg);
	background-repeat:no-repeat;
	display:block;
	min-height:650px;
}
	
	.benvenuto, .diventa-concessionario, .pageConcessionari{  margin-top:20px; padding-top:10px;}
	.benvenuto h2 {font-size:19px;}
	.benvenuto a{ color:#004388; text-decoration:none;}
	
	.pageConcessionari h2 {font-size:19px; color:#999}
	
	
	.diventa-concessionario a{
			display:block;
			width:184px;
			height:40px;
			background-image:url(../img/button-richiedi-registrazione.png);
			text-indent:-999999px;
			overflow:hidden;
			margin-top:20px;
	}
	.diventa-concessionario a:hover{ background-position:bottom;}
	.diventa-concessionario h2{font-size:15px; letter-spacing:-1px;}
	.diventa-concessionario { color:#666; padding-left:20px;}
	
	.diventa-concessionario2 a{ display:block; width:202px; height:35px; background-image:url(../img/button-diventa-concessionario2.png); text-indent:-99999px;}
	.diventa-concessionario2 a:hover{ background-position:bottom}

	.ColonnaContatti{ font-size:11px; padding-top:25px;}
	.ColonnaContatti strong{ color:#004388;}
	.ColonnaContatti a{ color:#004388;}

/* Fine Header */



/* Seconda Riga in Home page*/
.effetto li{background-image:url(../img/bg_menuLato.png); background-repeat:repeat-x}
.menuLato li{ margin-left:10px; margin-right:10px;}
.menuLato li a{
	color:#666;
	text-decoration:none;
	line-height:27px;
	height:27px;
	background-image:url(../img/bullet_menuLato.png);
	background-repeat:no-repeat;
/*	background-position: 5px 8px;*/
	padding-left:20px;
	border-top:1px solid #fff;
	border-bottom:1px solid #cdcccc;
	display:block;
	font-family:helvetica, Arial;
	font-size:12px;
	text-transform:uppercase
}
.menuLato li a:hover{ color:#004388; }
.menuLato li li{margin:0px;}
.menuLato li li a{
		background-image:url(../img/bullet_ico.png);
		background-repeat:no-repeat;
		background-position: 9px 6px;
		line-height:20px;
		height:20px;
/*		padding-left:15px;*/
		font-size:9px;
}
.menuLato li li a:hover{color:#AD1818; background-color:#e0e0e2;}
.menuLatoMargin { padding-top:90px; padding-bottom:30px;}

.inevidenza { padding-left:10px;}
.inevidenza h2 {font-size:19px; margin-bottom:10px;}
.inevidenza a{ font-size:11px;text-decoration:none; color:#666666;}
	.inevidenza a strong{ color:#ad1818; display:block}
.inevidenza span{ float:left; height:42px; width:53px; margin-right:10px; margin-top:3px; border:1px solid #EBF4FB;}
	.inevidenza span:hover{ border:1px solid #ad1818}
.inevidenza li{ margin-bottom:15px;}

.trovaconcessionari{
	background-image:url(../img/mappina.png);
	background-position: 300px 40px;
	background-repeat:no-repeat
}

.trovaconcessionari form, .trovaconcessionari p{
	padding-left:9px;
	margin-top:10px;
}
.trovaconcessionari .text-input, .colonnaCerca .text-input, .text-input{
	border: 1px solid #d4d6d6;
	background:url("../img/textarea-bg.gif") repeat-x scroll 0 0 #FFFFFF;
	color:#004388;
	font-size:12px;
	margin-top:4px;
	padding:4px;
}
.trovaconcessionari .text-input{	width:260px;}
.submit{
			background:url(../img/bg_invia.png);
			border:1px solid #4893e0;
			color:#fff;
			cursor:pointer;
			text-align:center;
			padding:3px;
			font-size:12px;
			margin-left:5px;
	}

.trovaconcessionari h2{
	font-size:15px;
	color:#004488;
	background-image:url(../img/bg_trovaconcessionari.png);
	line-height:38px;
	height:38px;
	padding-left:45px;
}
.trovaconcessionari p{
	width:260px;
	font-size:10px;
	text-align:justify;
	color:#666;
}

.eventi h2 {
	font-size:19px;
	margin-bottom:10px;
	color:#004488;
	line-height:20px;
	height:20px;
	background-image:url(../img/bg_eventi.png);
	background-repeat:no-repeat;
	background-position: 10px 0px;
	padding-left:38px;
	font-weight:normal;
}
.eventi ul{ height:150px;}
.eventi li{ margin-left:10px; margin-bottom:10px; font-size:11px; }
.eventi li a{ text-decoration:none; color:#666666; display:block;}
	.eventi li a:hover{color:#004488; background-color:#d7e4f0}
.eventi li strong{ display:block; color:#004488;}

.eventi .img{ margin-left:15px;}

.listaProdotti a{ color: #616060; font-size:11px; text-decoration:none;}
.listaProdotti h2{
	font-size:22px;
	color:#004388;
	margin-bottom:5px;
	margin-left:10px;
}
.listaProdotti p{ 	text-align:justify}
.listaProdotti h3{	margin-left:10px;}
.listaProdotti ul{ margin-left:10px; margin-right:10px;}
.listaProdotti li{ margin-bottom:10px; padding:4px;}
.listaProdotti li:hover{ background-color:#f0f7fb;}
	.listaProdotti li b{
		color:#004488;
		display:block;
		font-size:13px;
		font-weight:normal;
	}

.listaConcessionari h1{ margin-left:10px; font-size:25px; margin-bottom:5px;color:#2479BA;font-weight:normal; letter-spacing:-2px; border-bottom:1px dashed #CCC; pa4px;}
.listaConcessionari ul{ margin-left:10px; margin-right:10px;}
.listaConcessionari li{ margin-bottom:10px; padding:4px; border-top:1px solid #E1E8EE;}
.listaConcessionari img{ float:left; margin-right:10px;}
.listaConcessionari a{ text-decoration:none; color:#666}
.listaConcessionari a strong{ text-decoration:none; color:#004388}


.Dettaglio{ padding-left:0px; font-size:11px; color:#666; text-align:justify}

	.Dettaglio h1{	font-size:25px; margin-bottom:5px;color:#a71c1c;font-weight:normal; letter-spacing:-1px;}
	.Dettaglio h3{ font-size:15px; color:#003985;font-weight:normal;}

.ingrandisci{
		width:173px;
		height:29px;
		background-image:url(../img/ingrandisci.png);
		display:block;
		text-indent:-888888px;
		margin-top: 10px;
		margin-left:2px;
}
.ingrandisci:hover{ background-position:bottom}
.colonnaAllegati{ padding-top:40px; padding-left:20px; color:#004488;}
	.colonnaAllegati a         { text-decoration:none;}
	.colonnaAllegati a h3      { text-decoration:none; font-size:12px; display:inline; font-weight:normal; color:#004488;}
	.colonnaAllegati a:hover h3{ color:#A71C1C}
	
	.principale{
		background-color:#edf2f6;
	}
	.principale:hover{
		background-color:#dd0000;
	}

.listaAttributi{ font-size:12px;}
	.listaAttributi li {
		margin-bottom:10px;
		border-bottom:1px dotted #767676;
		padding-bottom:5px;
	}
	.listaAttributi li strong{
		color:#004388;
		display:inline-block;
		width:200px;
		text-align:right;
		background-color:#FCFCFE;
	}

/**/

/* Footer */
#footer{
    height: 103px;      /* per IE5.x e IE6 */
    display:block;
	 background-image:url(../img/bg_footer.jpg);
	 background-repeat:no-repeat;
	 text-align:center;
	 padding-top:70px;
}
#footer2{
    height: 103px;      /* per IE5.x e IE6 */
    display:block;
	 background-image:url(../img/bg_footer2.jpg);
	 background-repeat:no-repeat;
	 text-align:center;
	 padding-top:70px;
}

#footer, #footer2{ font-size:9px; color:#999; margin-bottom:30px;}
#footer strong, #footer2 strong{ font-size:9px; color:#4978a8}
/* Fine del Footer*/



/* Form style*/


#menu label{ float: left; width: 200px; font-weight: bold; margin-left:3px;}
#menu input{ width: 180px; margin-bottom: 5px; }
#center a { text-decoration:none; }

#error_p{ margin-left: 30px;}

/*Product center style*/

#center ul li a b{ font-size:80%; display: block }
#center ul li a {  color: grey; text-decoration:none; }
#center li:hover{  color: #eee; text-decoration:none; background-color:#fff; }
#center ul { width:600px; margin: 20px auto; }

#center label{ display: left; width: 220px; font-weight: bold; margin-left:3px;}
#center input{ width: 150px; margin-bottom: 5px; display:block; }
#center select{ width: 156px; margin-bottom: 5px; display:block; }
#center img{ margin-bottom: 5px; display:block; }
#center span{ margin-bottom: 5px; display:block; }

#img_dealer{margin-left: 5px;}

#account_p{ margin-top: 20px; margin-bottom: 20px; }
#result_box{ border:1px solid black;margin-top:5px;margin-bottom:5px;padding: 5px 5px 5px 5px;color:red;width:auto;font-size:11px; }

#reg {
    border: 0px ;
}

#reg td {
    padding: 3px 3px 3px 3px ;
    margin-bottom: 5px ;
    float: left ;
    width: 180px ;
    font-weight: bold ;
    text-align: left ;
}

#reg td input {
    width: 180px ;
}

#reg td select {
    width: 180px ;
}

#reg td textarea {
    width: 280px ;
}

/* Login Panel*/
#top {
  	background: url(../img/login_top.jpg) repeat-x 0 0;
	height: 38px;
	position: relative;
}

#top ul.login {
	display: block;
	position: relative;
  	float: right;
  	clear: right;
  	height: 38px;
	width: auto;
  	font-weight: bold;
	line-height: 38px;
	margin: 0;
	right: 150px;
  	color: white;
  	font-size: 80%;
	text-align: center;
  	background: url(../img/login_r.jpg) no-repeat right 0;
	padding-right: 45px;
}

#top ul.login li.left {
  	background: url(../img/login_l.jpg) no-repeat left 0;
  	height: 38px;
	width: 45px;
	padding: 0;
	margin: 0;
  	display: block;
	float: left;
}

#top ul.login li {
 	text-align: left;
  	padding: 0 6px;
	display: block;
	float: left;
	height: 38px;
  	background: url(../img/login_m.jpg) repeat-x 0 0;
}

/*Login*/
/* toggle effect - show/hide login*/
#BloccoLogin{ position:relative}
#loginWarp{
		position:absolute;
		width:196px;
		/*float:left;*/
                display:block;
		z-index:1000;
		left:13px;
		top:0px;
}
#login {
	width:196px;
	color: white;
	font-size:10px;
	z-index: 32222;
        display:block;
	height: 0;
	background:url(../img/bg_login.png);
	width:196px;
}

#login .loginContent {
	width: 960px;
	height: 90px;
	margin: 0 auto;
	padding-top: 5px;
	text-align: left;
	font-size: 0.85em;
	padding-left:20px;
}
	#login .loginContent h2{ font-size:11px; color:#FFF}
/*
#login .loginContent .left {
	width: 120px;
	float: left;
	padding-left: 65px;
	font-size: 0.95em;
}

#login .loginContent .right {
	width: 290px;
	float: right;
	text-align: right;
	padding-right: 65px;
	font-size: 0.95em;
}
*/
#login .loginContent form {
	margin: 0 0 10px 0;
	height: 26px;
}

#login .loginContent input.field {
	border: 1px solid #2379ba;
	background:url("../img/textarea-bg.gif") repeat-x scroll 0 0 #FFFFFF;
	color:#004388;
	margin-right: 5px;
	margin-bottom: 5px;
	width:153px;
}

#login .loginContent input:focus.field {
	border: 1px solid #a80505;
}

#login .loginContent input.rememberme {
	border: none;
	background: transparent;
	margin: 0;
	padding: 0;
}
	.button_login:hover{
		background-position:bottom;
	}
	
	.button_login{
		width: 155px;
		height: 20px !important;
		cursor: pointer;
		background-color:#CCC;
		display:block;
		text-indent:-300px;
		background: transparent url(../img/button_login.png) no-repeat 0 0;
		border:0px;
	}

#login .loginClose {
	display: block;
	position: absolute;
	right: 15px;
	top: 10px;
	width: 70px;
	font-size: 0.8em;
	text-align: left;
}

#login .loginClose a {
	display: block;
	width: 100%;
	height: 19px;
	background: url(../img/button_close.png) no-repeat right 0;
	padding-right: 10px;
	border: none;
	font-size: 0.9em;
	color: white;
}

#avvisoLogin{	
	background-image:url(../img/avvisoLogin.png);
	width:250px;
	height:55px;
	position:absolute;
	left:-230px;
}
#avvisoLogin div{ padding:10px 40px 10px 50px; display:block; color:#900; line-height:11px;}


#login .loginClose a:hover {
	background: url(../img/button_close.png) no-repeat right -19px;
}
#toggleLogin{
		background:url(../img/bg_login.png);
		width:196px;
		height:55px;
		text-indent:-200px;
		overflow:hidden;
		display:block;
		background-position:bottom;
		left:10px;
		margin-top:0px;
}
.recupera{
	text-indent:0px;
	display:block;
	height:20px;
	line-height:16px;
	margin-left:20px;
	width:153px;
	color:#FFF;
	margin:10px auto;
}
.recupera:hover{
	color:#F60;
	text-decoration:none
}

#toggleLogin:hover{
		background:url(../img/bg_login2.png);
		background-position:bottom;
}

#paginazione { text-align:center; background-color:#f0f7fb; height:25px; line-height:25px; border-top:3px solid #e1e8ee;}
#paginazione ul{ margin:0px auto; width:auto}
#paginazione li{ display:inline; margin:1px;}

#paginazione li a{ background-image:none !important; padding:3px; border: 1px solid #e1e8ee; width:20px;}
#paginazione li a:hover{ background-color:#004488; color:#FFF; border:1px solid #004488;}
#paginazione .attiva{ border:1px solid #004388;}


.attenzione{
	border:1px solid #e3bebe;
	background-color:#faeeee;
	padding:20px;
}
.attiva a{ color:#900 !important; font-weight:bold;}

.AllineaDestra{ float:left; margin-bottom:10px; margin-right:10px; margin-top:5px;}
.AllineaSinistra{ float:right; margin-bottom:10px; margin-left:20px; margin-top:5px;}
