/** [ fonts.css ]
  *
  * 
  *
  **/

/*
Copyright (c) 2006, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 0.11.0
*/

/**
 * 84.5% for !IE, keywords for IE
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE < 6 and IE6 quirks mode.
 * 
 */
body {font:13px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}

/**
 * 99% for safari; 100% is too large
 */
select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}

/**
 * Bump up !IE to get to 13px equivalent
 */
pre, code {font:115% monospace;*font-size:100%;}

/**
 * Default line-height based on font-size rather than "computed-value"
 * see: http://www.w3.org/TR/CSS21/visudet.html#line-height
 */
body * {line-height:1.22em;}





/** [ style.css ]
  *
  * Created on January 28, 2008 by Monica Michelis and Silvano Stralla
  *
  **/

/* Resetting default padding and margin */
* {
    margin: 0;
    padding: 0;
}

body {
    margin: 0;
    padding: 0;
    min-width: 768px;
    font-family: Helvetica, 'Lucida Sans Unicode', 'Lucida Grande', Verdana, sans-serif;
    color: #000000;
    text-align: center;
}

/* Hidden content */
#skip,
hr { display: none; }

div {
    margin: 0;
    padding: 0;
}

/* Clear both trick for IE7- */
.autoclear:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.autoclear { display: inline-block; }
/* Hide from IE Mac \*/
* html .autoclear { height: 1%; }
.autoclear { display: block; }
/* End hide from IE Mac */





/* Page layout STRUCTURE
------------------------------  
  #WRAPPER
    #HEADER
      #LOGO
      #NAV
  #CONTENT
    .ARTICLE
  #FOOTER
------------------------------ */


#wrapper {
    width: 960px;
    margin: 0 auto;
    padding: 0;
    position: relative;
    text-align: left;
}

/* Clear both trick for IE7- */
#wrapper:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#wrapper { display: inline-block; }
/* Hide from IE Mac \*/
* html #wrapper { height: 1%; }
#wrapper { display:block; }
/* End hide from IE Mac */


/* --- HEADER --- */

#header {
  position: relative;
  height: 58px;
  margin: 47px 0 0;
  padding: 0;
}

  body.it #header { background: transparent url(/images/bg_header_off_it.gif) no-repeat 0 0; }
  body.en #header { background: transparent url(/images/bg_header_off_en.gif) no-repeat 0 0; }
  body.fr #header { background: transparent url(/images/bg_header_off_fr.gif) no-repeat 0 0; }  

    .home.it #header { background: transparent url(/images/bg_header_on_it.gif) no-repeat 0 0; }
    .home.en #header { background: transparent url(/images/bg_header_on_en.gif) no-repeat 0 0; }
    .home.fr #header { background: transparent url(/images/bg_header_on_fr.gif) no-repeat 0 0; }

#switch-language {
  position: absolute;
  top: -37px;
  left: 0;
  background: transparent url(/images/bg_switch-language_off.gif) no-repeat 0 0;
  z-index: 1000;	
}

#switch-language ul {
  list-style-type: none;
  width: 126px;
  height: 28px;
}

#switch-language li { 
  position: relative;
  margin: 0;
  padding: 0 14px 0 0;
  float: left;
  text-indent: -9999px;
}

#switch-language li a {
  display: block;
  margin: 0;
  padding: 0;
  text-decoration: none;
  width: 28px;
  height: 28px;
}

#switch-language li.it a:hover,
body.it #switch-language li.it a { background: transparent url(/images/bg_switch-language_on_it.gif) no-repeat 0 0; }

/*#switch-language li.en a:hover,
body.en #switch-language li.en a { background: transparent url(/images/bg_switch-language_on_en.gif) no-repeat 0 0; }

#switch-language li.fr a:hover,
body.fr #switch-language li.fr a { background: transparent url(/images/bg_switch-language_on_fr.gif) no-repeat 0 0; }
Mg080918-01*/

#logo {
  position: absolute;
  top: -32px;
  left: 0;
}

#logo a {
  font-weight: normal;
  color: #999;
  text-decoration: none;
}

#logo h1 {
  font-weight: normal;
  font-size: 138.5%;
  font-family: 'Helvetica Neue', Helvetica, 'Lucida Sans Unicode', 'Lucida Grande', Verdana, sans-serif;
  color: #999;  
}

#logo p { color: #999; }

/* --- NAV --- */

#nav-main { 
  position: absolute;
  top: 0;
  left: 491px;
  margin: 0;
  padding: 0;  
  text-transform: lowercase;
}

#nav-main ul {
  list-style-type: none;
  width: 468px;
  height: 58px;
}

#nav-main li { 
  position: relative;
  margin: 0;
  padding: 0 24px 0 0;
  float: left;
  text-indent: -9999px;
}

#nav-main li.news { padding: 0; }
  
#nav-main li a {
  display: block;
  margin: 0;
  padding: 0;
  text-decoration: none;
  width: 58px;
  height: 58px;
}

.it #nav-main li.chi-siamo a:hover,
.it.chi-siamo #nav-main li.chi-siamo a { background: transparent url(/images/bg_nav-main_on_chi-siamo.gif) no-repeat 0 0; }

.en #nav-main li.company a:hover,
.en.company #nav-main li.company a { background: transparent url(/images/bg_nav-main_on_company.gif) no-repeat 0 0; }

.fr #nav-main li.societe a:hover,
.fr.societe #nav-main li.societe a { background: transparent url(/images/bg_nav-main_on_societe.gif) no-repeat 0 0; }

.it #nav-main li.prodotti a:hover,
.it.prodotti #nav-main li.prodotti a { background: transparent url(/images/bg_nav-main_on_prodotti.gif) no-repeat 0 0; }

.en #nav-main li.products a:hover,
.en.products #nav-main li.products a { background: transparent url(/images/bg_nav-main_on_products.gif) no-repeat 0 0; }

.fr #nav-main li.produits a:hover,
.fr.produits #nav-main li.produits a { background: transparent url(/images/bg_nav-main_on_produits.gif) no-repeat 0 0; }

.it #nav-main li.servizi a:hover,
.it.servizi #nav-main li.servizi a { background: transparent url(/images/bg_nav-main_on_servizi.gif) no-repeat 0 0; }

#nav-main li.services a:hover,
.services #nav-main li.services a { background: transparent url(/images/bg_nav-main_on_services.gif) no-repeat 0 0; }

.it #nav-main li.contatti a:hover,
.it.contatti #nav-main li.contatti a { background: transparent url(/images/bg_nav-main_on_contatti.gif) no-repeat 0 0; }

#nav-main li.contact a:hover,
.contact #nav-main li.contact a { background: transparent url(/images/bg_nav-main_on_contact.gif) no-repeat 0 0; }

#nav-main li.link a:hover,
.link #nav-main li.link a { background: transparent url(/images/bg_nav-main_on_link.gif) no-repeat 0 0; }

#nav-main li.news a:hover,
.news #nav-main li.news a { background: transparent url(/images/bg_nav-main_on_news.gif) no-repeat 0 0; }

.it #area-riservata,
.en #reserved-area,
.fr #secteur-reserve {
  position: absolute;
  top: -32px;
  left: 480px;
  width: 480px;
  padding: 0;
  text-align: right;
}

.it #area-riservata a,
.en #reserved-area a,
.fr #secteur-reserve a {
  text-decoration: none;
  font-weight: normal;
}

#nav-local {
  margin: 0;
  padding: 0 0 30px;
}

#nav-local ul { list-style-type: none; }

#nav-local li { 
  position: relative;
  margin: 0;
  padding: 0 4px 0 0;
  text-indent: 0;
  float: left;
  background: none;
  font-size: 138.5%;
  color: #6694c2;
}

#nav-local p {
  margin: 0;
  padding: 0;
}

#nav-local a { font-weight: normal; }


/* --- CONTENT --- */

#content {
	position: relative;
	padding: 60px 0 0 490px;
  min-height: 496px;
  height: auto !important;
  height: 496px;
}

.it.chi-siamo #content,
.en.company #content,
.fr.societe #content { background: transparent url(/images/bg_content_chi-siamo.gif) no-repeat 0 0; }

.it.prodotti #content,
.en.products #content,
.fr.produits #content { background: transparent url(/images/bg_content_prodotti.gif) no-repeat 0 0; }

.it.servizi #content,
.services #content { background: transparent url(/images/bg_content_servizi.gif) no-repeat 0 0; }

.it.contatti #content,
.contact #content { background: transparent url(/images/bg_content_contatti.gif) no-repeat 0 0; }

.link #content { background: transparent url(/images/bg_content_link.gif) no-repeat 0 0; }

.news #content { background: transparent url(/images/bg_content_news.gif) no-repeat 0 0; }

.home #content img {
  position: absolute;
  top: -67px;
  left: 2px;
}

#content h1,
#content h1 a {
  position: relative;
  top: 0;
  left: -490px;
  font-weight: normal;
  font-size: 250%;
  font-family: 'Helvetica Neue', Helvetica, 'Lucida Sans Unicode', 'Lucida Grande', Verdana, sans-serif;
  color: #009ee0;
  margin: 0 0 10px 0;
  padding: 0 5px 0 0;
  text-align: right;
}

  #content h1.claim,
  #content h1.claim a { 
    position: static;
    font-size: 200%;
    color: #999;
    margin: 50px 0 10px 0;
    padding: 0 0 90px;
    text-align: left;
}

  .home #content h1,
  .home #content h1 a {
    position: static;
    color: #999;
    margin: 0 0 10px 0;
    padding: 0 0 90px;
    text-align: center;
  }

#content h2,
#content h2 a,
#content h3,
#content h3 a { color: #ff0000; }

.article { width: 470px; }

.article li {
  background: transparent url(/images/bullet_grey.gif) no-repeat 0 4px;
  padding: 0;
/*  margin: 0 0 10px; mg080918-01 */
  margin: 0 0 4px;
  text-indent: 10px;
  list-style-type: none;
}

.home div.news {
  width: 436px;
  margin: 0 10px 10px;
  border: 2px dotted #999;
  padding: 5px;
}

.home div.news h2 {
  margin: -35px 0 10px;
  padding: 0 0 10px;
}

.home div.news p {
  border-bottom: 2px dotted #6694c2;
  padding: 0 0 10px;
}

  .home div.news p.date,
  .home div.news p.last {
    border-bottom: none;
    padding: 0;
  }

.news.filters {
  border-top: 2px dotted #009ee0;
  margin: 40px 0 0;
  padding: 20px 0;
}

.news.filters ul {
  list-style-type: none; 
  text-transform: none;
}

.news.filters #most-recent {
  float: left;
  width: 188px;
  margin: 0 10px 0 0;
  padding: 0 10px 0 0;
  border-right: 2px dotted #009ee0;
}

.news .article li {
  list-style-type: none;
  background: transparent url(/images/bullet_grey.gif) no-repeat 0 4px;
/*  padding: 0 0 10px 10px; Mg080918-01 */
  padding: 0 0 4px 10px;
}

  .news .article #archive li {
    background: transparent;
    padding: 0;
  }

  .news.filters #most-recent li { background: transparent url(/images/bullet_blue.gif) no-repeat 0 4px; }

.link dt {
  background: transparent url(/images/bullet_grey.gif) no-repeat 0 4px;
  padding: 0 0 0 10px;
}

.news.filters #archive {
  float: right;
  width: 250px;
  margin: 0 0 0 10px;
  padding: 0;
}

.news p.date { margin: 0; }
  
img { float: right; }


/* --- FOOTER --- */

#footer { 
  position: relative;
	background-color: #f5f5f5;
  margin: 0;
  padding: 0 0 30px;
  text-align: center;
}

#footer p { 
  background-color: #ccc;
  margin: 0;
  padding: 5px 0;
  border-bottom: 10px solid #e1e1e1;
  color: #fff;
}

#footer a { 
  font-weight: normal;
  color: #fff;
}


/* TYPOGRAPHY
------------------------------ */

.article h2,
.article h2 a {
  font-weight: normal;
  font-size: 138.5%;
  font-family: 'Helvetica Neue', Helvetica, 'Lucida Sans Unicode', 'Lucida Grande', Verdana, sans-serif;
  color: #ff0000;
  margin: 0 0 10px;
}

  .contatti #content .article h2,
  .contatti #content .article h2 a { color: #999; }

.news #content .article h2,
.news.filters h3 { text-transform: uppercase; }

.article h3,
.article h3 a {
  font-weight: normal;
  font-size: 123.1%;
  font-family: 'Helvetica Neue', Helvetica, 'Lucida Sans Unicode', 'Lucida Grande', Verdana, sans-serif;
  color: #6694c2;
  margin: 0 0 10px;
}

  .article h1 a,
  .article h2 a,
  .article h3 a { font-size: 100%; }

p { 
  margin: 0 0 10px;
  line-height: 154%; 
  font-family: Helvetica, 'Lucida Sans Unicode', 'Lucida Grande', Verdana, sans-serif;
}

p#breadcrumb { 
	border-bottom: 2px dotted #009ee0;
	margin: 0 0 20px;
}

p.top a { 
	background: transparent url(/images/back-to-top.gif) no-repeat 0 0;
	display: block;
}

/* Trick to fix the IE7 text-indent bug */
p.top a,
p.top a:hover { color: #fff; text-align: right; width: 100%; }

a {
  font-weight: bold;
  color: #6694c2;
}

  .news.filters a {
    font-weight: normal;
    color: #999;
  }
  
  .link dd a,
  .link li a,
  .news .article li a { font-weight: normal; }

a:hover,
.news.filters a:hover,
.news #content .article h2 a:hover,
#footer a:hover { color: #85a9cd; }

a img { border: none; }

ul.inline li { display: inline; }

dt { color: #6694c2; }

  .link dt,
  .link li { color: #999; }

dd { 
  margin: 0 0 10px;
  color: #6694c2;
}

dd li { color: #6694c2; }

  dd ul.inline li { color: #999; }