/**
 * Stili comuni
 */

body {
  font: 14px Georgia, serif;
}

h2 {
  color: #F00;
  font-weight: bold;
  padding: 5px 0;
}

p {
  padding-bottom: 10px;
}

p.gray {
  color: #999;
}

a:link, a:visited {
  color: #004699;
}

a:hover, a:active {
	color: #0068E4;
}

#contents li {
  list-style-type: disc;
  margin: 3px 0 3px 15px;
}

.title-1 {
  font: bold 12px Verdana, sans-serif;
  text-transform: uppercase;
  padding-bottom: 10px;
  display: block;
}

span.date {
  display: block;
}

span.sans {
  font-family: Verdana, sans-serif;
}

#main-wrapper {
  position: relative;
/*  overflow: hidden;*/
  zoom: 1;
  width: 1188px;
  min-height: 550px;
  height: auto !important;
  height: 550px;
}

#header {
  position: relative;
  height: 93px;
  background: transparent url('layout/headers.jpg') no-repeat 242px 0;
}

#logo {
  display: block;
  width: 242px;
  height: 93px;
  background: transparent url('layout/logo.gif') no-repeat;
  text-indent: -9999px;
}

#main-nav {
  font: bold 12px Arial, sans-serif;
  position: absolute;
  left: 242px;
  bottom: 0;
  width: 945px;
  height: 15px;
  padding: 2px 0 0;
  margin: 0;
  background-color: #F00;
  border-top: 1px solid #FFF;
  border-bottom: 1px solid #FFF;
}

#main-nav li {
  display: inline;
  padding: 0 15px;
}

#main-nav a:link, #main-nav a:visited {
  text-decoration: none;
  text-transform: uppercase;
  color: #600;
}

#main-nav a:hover, #main-nav a:active, #main-nav a.current { color: #FFF; }

#middle {
  position: relative;
}

#sub-nav {
	position: absolute;
	z-index: 999;
	top: 200px;
	left: 0;
	width: 200px;
	padding: 0 20px;
}

#sub-nav li {
  padding-bottom: 10px;
}

#sub-nav a:link, #sub-nav a:visited {
  font: bold 10px Verdana, sans-serif;
  text-decoration: none;
  text-transform: uppercase;
  color: #999;
}

#sub-nav a:hover, #sub-nav a:active, #sub-nav a.current { color: #333; text-decoration: underline; }

#sub-nav h3 {
  text-transform: uppercase;
  font: bold 12px Arial, sans-serif;
  padding-bottom: 10px;
}

#contents-wrapper {
  position: relative;
  overflow: hidden;
  zoom: 1;
}

#spotlight {
  position: absolute;
  top: 0;
  left: 0;
  width: 680px;
  color: #FFF;
  font-weight: bold;
  padding: 40px 10px 0 30px;
  min-height: 145px;
  height: auto !important;
  height: 145px;
  background-color: #6699CC;
}

#spotlight h1 {
  font-family: Arial, sans-serif;
  text-transform: uppercase;
  font-size: 18px;
  padding-bottom: 5px;
}

#spotlight p {
  padding: 0 10px 0 0;
}

#spotlight p.sans {
  font: bold 18px Arial, sans-serif;
}

#contents {
	padding-top: 200px;
	padding-left: 250px;
	width: 450px;
	padding-right: 20px;
}

#images {
  float: right;
  width: 468px;
}

#images img { display: block; border-bottom: 1px solid #FFF }

#footer {
  margin: 10px 0;
  padding: 10px;
}

ul.downloads a:link,
ul.downloads a:visited {
  text-decoration: none;
  font-size: 16px;
}

ul.downloads li img {
	vertical-align: middle;
	padding: 5px 10px;
}

ul.downloads span.date {
  color: #666;
  font-style: italic;
  display: block;
}

#contents .pretty-list li {
  list-style-type: none;
/*  margin: 10px 10px 15px 40px;*/
  margin: 15px;
  padding: 0 0 15px 15px;
  position: relative;
}

#contents .pretty-list li img {
  position: absolute;
  left: -20px;
}

.pretty-list li a:link,
.pretty-list li a:visited {
  text-decoration: none;
  font-weight: bold;
  color: #333;
}

.pretty-list li a:hover,
.pretty-list li a:active {
  text-decoration: underline;
}

.pretty-list h2 {
  padding: 0 10px 0 0;
  font: bold 18px Arial, sans-serif;
}

/**
 * Sezione "Chi Siamo"
 */

body.chi-siamo #header {
  background-position: 242px 0;
}

body.chi-siamo #spotlight {
  background: #3787C3 url('layout/chi-siamo-sl.gif') no-repeat bottom left;;
}

body.chi-siamo #sub-nav,
body.chi-siamo #sub-nav a:link, 
body.chi-siamo #sub-nav a:visited {
  color: #3787C3 !important;
}

/**
 * Sezione "Prodotti"
 */

body.prodotti #header {
  background-position: 242px -78px;
}

body.prodotti #spotlight {
  background: #378A88 url('layout/prodotti-sl.gif') no-repeat bottom left;
}

body.prodotti #sub-nav h3,
body.prodotti .pretty-list h2 {
  color: #2E8888;
}

/**
 * Sezione "Servizi"
 */

body.servizi #header {
  background-position: 242px -155px;
}

body.servizi #spotlight {
  background: #B4B847 url('layout/servizi-sl.gif') no-repeat bottom left;;
}

/**
 * Sezione "Realizzazioni"
 */

body.realizzazioni #header {
  background-position: 242px -232px;
}

body.realizzazioni #spotlight {
  background: #8886C4 url('layout/realizzazioni-sl.gif') no-repeat bottom left;;
}

body.realizzazioni #sub-nav h3,
body.realizzazioni .pretty-list h2 {
  color: #6360A6;
}

/**
 * Sezione "Contatti"
 */

body.contatti #header {
  background-position: 242px -308px;
}

body.contatti #spotlight {
  background: #DA5D94 url('layout/contatti-sl.gif') no-repeat bottom left;;
}

/**
 * Sezione "Pubblicazioni"
 */

body.pubblicazioni #header {
  background-position: 242px -385px;
}

body.pubblicazioni #spotlight {
  background: #D3905F url('layout/pubblicazioni-sl.gif') no-repeat bottom left;;
}


/**
 * Splash page
 */
 
body.splash {
	background: #6699FF url("layout/home-bg-gradient.jpg") repeat-x top left;
}

span.arrow {
  color: #9C0000;
}

li.off span.arrow {
  color: inherit !important;
}

#h {
	position: absolute;
	left: 233px;
	top: 0;
}

#splash-logo {
	position: absolute;
	top: 173px;
	left: 262px;
}

#sincert {
	position: absolute;
	top: 493px;
	left: 729px;
}

#conf {
	position: absolute;
	top: 493px;
	left: 625px;
}

#lang {
	position: absolute;
	width: 175px;
	top: 173px;
	left: 49px;
}

#lang li {
	text-align: right;
	margin: 5px 0;
	font: 14px Arial, sans-serif;
}

#lang a:link, #lang a:visited {
	text-decoration: none;
	color: #333;
}

#lang li strong {
	padding-right: 23px;
	margin-right: 3px;
}

#lang li.off a:link, #lang li.off a:visited {
	color: #999 !important;
}

#lang a.it strong {
	background: transparent url("layout/it.jpg") no-repeat right center;
}

#lang a.en strong {
	background: transparent url("layout/en-off.jpg") no-repeat right center;
}

#lang a.de strong {
	background: transparent url("layout/de-off.jpg") no-repeat right center;
}

#lang a.fr strong {
	background: transparent url("layout/fr-off.jpg") no-repeat right center;
}

#lang a.es strong {
	background: transparent url("layout/es-off.jpg") no-repeat right center;
}