/* ------------------ inizio DIV STRUTTURA ------------------ */
.contenuto {
   text-align:left;
   color:#000066;
   margin:0;
   padding:0;
   font-size:90%;
   font-family:Verdana;
}

body, #body-gallery {
   text-align:center;
   color:#000956;
   margin:0;
   padding:0;
   font-size:90%;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   background-color:#01002c;
}
#body-gallery {
   background-color:#fff;
}

#bg-bottom, #bg-top {
   width:100%;
   /*border:1px solid #ccc;*/
}
#bg-top {
   background: #00467a url(../img/bg-top.gif) no-repeat top center;
}
#bg-bottom {
   background: url(../img/bg-bottom.gif) no-repeat bottom center;
   padding-bottom:120px;
}

#page, #tools, #bottom {
   margin:0 auto;
   width:900px;
   /*border:1px solid #ccc;*/
}
#tools {
   padding: 14px 0 5px 0;
   font-size:0.75em;
   text-align:right;
}
#bottom {
   font-size:0.75em;
   text-align:center;
   color:#00c0ff;
}

#sx {
	float:left;
	width:168px;
	color:#00c0ff;
	text-align:left;
	font-size:0.85em;
}
#centro {
	float:right;
	width:715px;
	border:2px solid #fff;
	background: #fff url(../img/foglia-sx.gif) no-repeat -2px -2px;
	/*background: #fff url(../img/bg-centro.gif) repeat-y top right;*/
}

#contenuto, #contenuto-gallery {
   float:left;
   text-align:left;
   width:428px;
   /*font-size:0.75em;*/
   background: url(../img/contenuto.gif) no-repeat right top;
   margin:0;
   padding:15px;
}
#contenuto-gallery {
   width:auto;
   float:none;
}
#dx {
   background-color:#fff;
   float:right;
   text-align:right;
   width:257px;
   height:500px;/* IMPORTANTE per far mantenere un altezza minima ai contenuti */
}
/* ------------------ fine DIV STRUTTURA ------------------ */

/* ------------------ inizio STILI GENERALI ------------------ */
p, ul, li, h1, h2, h3 { 
	margin:0;
	padding:0;
	}

/* links */
a:link, a:visited {color:#0078eb;}
a:link, a:visited, h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited {text-decoration:none;}
a:hover{text-decoration:underline; color:#00a600;}
h2 a:link, h3 a:link, h2 a:visited, h3 a:visited{text-decoration:underline;}


/* paragrafi */
p, .paragrafo {
   line-height: 1.4em;
   margin:4px 0 10px 0;
   padding:0;
}
.paragrafo {
   margin-top:10px;
}
#p-inizio-pagina {margin:0;}


.grassetto {font-weight:bold}
.corsivo {font-style:italic}
.sottolineato {text-decoration:underline}
.centrato {text-align:center}
.sinistra {text-align:left}
.destra {text-align:right}
.giustificato {text-align:justify}

/* ----------- elenchi ----------- */
ul {
	list-style-type:none; 
	margin:0;
	padding:0;
	}
#contenuto ul {
	line-height: 1.4em;
	margin:7px 0;
	}
#contenuto ul li {
	background: url(/img/puntoelenco-contenuti.gif) no-repeat left 6px;
	padding-left:12px;
	}

/* ----------- titoli ----------- */
h1 {
	color: #00508b; 
	font-size:2.3em;
	line-height:1em;
	font-weight:lighter;
	padding:8px 0 2px 0px;
	font-family:Georgia, "Times New Roman", Times, serif;
	/*background: url(/img/h1.gif) no-repeat top left;*/
	}
h1 a:hover {color:#00508b;}

h2 {
	color:#019001;
	font-size:1.4em;
	line-height:1em;
	margin:5px 0;
	font-weight:lighter;
	}
#contenuto h2 a:link, #contenuto h2 a:visited {color:#019001;}
#contenuto h2 a:hover{color: #0078eb;}


h3 {
	font-size:1.6em; 
	color:#333;
	margin-bottom:3px;
	font-weight:lighter;
	}
h3 a:link, h3 a:visited {color:#333;}
h3 a:hover{color: #0078eb;}


/* ----------- img ----------- */
img {border: none;}
.img-interna, .img-interna-dx {
	border:1px solid #a9d7a9;
	line-height:0;
	font-size:0;
	padding:5px;
	background-color:#eaf7de;
	}
.img-interna {
	float:left;
	margin-right:8px;
	margin-bottom:4px;
	}
.img-interna-dx {
	float:right;
	margin-left:8px;
	margin-bottom:4px;
	}
	
.nofloat {
	clear:both;
	line-height:0;
	font-size:0;
	height:0;
}

.tratteggio {
	border-bottom:1px solid #d1ebb8;
	margin: 8px 0;
}

.error-message {
	color:#f00;
	text-align:center;
}
/* ------------------ fine STILI GENERALI ------------------ */

/* ---------------- inizio PAGINAZIONE ---------------- */
#contenuto .paginazione, #contenuto-gallery .paginazione, #gallery-popup .paginazione {
  width:auto;
  text-align:center;
  clear:both;
  color:#000956;
  padding: 8px 0 8px 0;
  margin:10px 0 0 0 ;
  /*background-color:#eaf7de;*/
  background-color:#fff;
  font-weight:bold;
  border-top:1px solid #d1ebb8;
  }
#contenuto .paginazione ul, #contenuto-gallery .paginazione ul, #gallery-popup .paginazione ul{display: inline;}
#contenuto .paginazione strong, #contenuto-gallery .paginazione strong, #gallery-popup .paginazione strong{padding:0 8px;}
#contenuto .paginazione li, #contenuto-gallery .paginazione li, #gallery-popup .paginazione li {display:inline;background:none;width:40px;}
#contenuto .paginazione li a, #contenuto-gallery .paginazione li a, #gallery-popup .paginazione li a{color:#019001; padding:9px 7px;}
#contenuto .paginazione li a:hover, #contenuto-gallery .paginazione li a:hover, #gallery-popup .paginazione li a:hover{color:#fff; background-color:#019001;}

/* ---------------- fine PAGINAZIONE ---------------- */


/* ------------------ inizio SX ------------------ */
#logo {
	width:100%;
	height:200px;
	margin-bottom:15px;
	display:block;
	background: url(../img/logo.gif) no-repeat top center;
}
#logo span{display:none;}

#menu-sx {
	line-height: 1.4em;
	}
#menu-sx a {
    color:#00c0ff;
    padding-left:15px;
	background: url(../img/puntoelenco-sx-off.gif) no-repeat left 2px;
}
#menu-sx a:hover {
    color:#fff;
	background: url(../img/puntoelenco-sx-on.gif) no-repeat left 2px;
}

/* ------------------ fine SX ------------------ */

/* ------------------ inizio TOOLS ------------------ */
#tools ul {
}
#tools ul li {
   display:inline;
   font-weight:bold;
   padding: 12px 23px 0 25px;
}
#tools a{color:#87d93a;}
#tools a:hover{color:#fff;}

#tools .link-1 {
	background: url(../img/flag-ita.gif) no-repeat right bottom;
}
#tools .link-2 {
	background: url(../img/flag-eng.gif) no-repeat right bottom;
}
#tools .link-3 {
	background: url(../img/home.gif) no-repeat right bottom;
}
#tools .link-4 {
	background: url(../img/mail.gif) no-repeat right bottom;	
}
/* ------------------ fine TOOLS ------------------ */

/* ------------------ inizio BOTTOM ------------------ */
#bottom p {
    padding-left:165px;
}
#bottom a {
    color:#fff;
}
#bottom .recapiti {
    line-height:1.4em;
	padding-top:10px;
	padding-bottom:3px;
}
/* ------------------ fine BOTTOM ------------------ */

/* ------------------------------ inizio FORM -------------------------------------- */
/* ---- formattazione generale ---- */
form, fieldset {
   padding:0;
   margin:0;
}
form{
   margin-top:5px;
   padding-top:2px;
   border-bottom:10px solid #d1ebb8;
   background-color:#fff;
   /*background: #fff url(/img/bg-form.gif) repeat-x top left;*/
}
legend {display:none;}
fieldset {
  border: none;
  }
.etichetta, .ultima-etichetta{
  width:100%;
  line-height:1.6em;
  margin:5px 0 0 0;
  clear:both;
}
.input-container{
  border-bottom:1px solid #d5eac1;
  padding-bottom:5px;
}
.ultima-etichetta{
  border-bottom:none;
}
input, select, textarea {
  margin: 0;
  width:98.8%;
  }
textarea {height:160px;}

.btn-form {
   color:#fff;
   border: 1px solid #019001;
   font-weight:bold;
   padding: 2px 3px 3px 3px; 
   background: #019001 url(/img/form-btn.gif) repeat-x left bottom;
}
#contenuto .btn-form:link, #contenuto .btn-form:visited{
   color:#fff;
   padding:6px;
}
.btn-container{
   width:48%;
   text-align:left;
   padding-top:4px;
   float:right;
}
.btn-container-2 {
   width:100%;
   float:left;
   text-align:center;
   padding:20px 0 18px 0;
   margin-top:5px;
   margin-bottom:0;
   background-color:#e8f8d9;
   border-bottom:2px solid #fff;
}
/* ------------------------------ fine FORM -------------------------------------- */

/* ------------------------------ inizio GALLERY -------------------------------------- */
#form-gallery form{
	width:100%;
	padding-bottom:10px;
	margin-bottom:15px;
}
#form-gallery form .etichetta, #form-gallery form .ultima-etichetta{
	float:left;
	width:335px;
	margin:2px 0 0 0;
	border-bottom:1px solid #d1ebb8;
}
#form-gallery select{
	margin:2px 0 0 0;
}
#form-gallery form .ultima-etichetta{
	border-bottom:none;
	margin-right:30px;
}
#form-gallery input, #form-gallery select{
	float:right;
	width:320px;
}
#form-gallery .btn-form{
	float:left;
	width:auto;
	margin:4px 0 0 0;
}

.thumbs{
	float:left;
	width:110px;
}
.thumbs a img{
	margin-bottom:8px;
	float:left;
	border-bottom:5px solid #d1ebb8;
}
.thumbs a:hover img{
	border-bottom:5px solid #46bf46;
}
.foto{
	float:right;
	padding-top:6px;
	background-color:#eaf7de;
	text-align:center;
	width:570px;
}

#gallery-popup{
	padding:20px;
	background-color:#fff;
}
#gallery-popup h2{
	border-bottom:1px solid #d1ebb8;
	margin: 0;
	padding: 10px 0;
}
#gallery-popup .foto{
	margin-bottom: 10px;
}
/* ------------------------------ fine GALLERY -------------------------------------- */

/* ------- inizio TABELLE ------- */
table {
    font-size:1em;
	background-color:#fff;
	width:100%;
	margin:10px 0 10px 0;
	border:none;
	color:#333;
    border:1px solid #d5eac1;
	border-top:none;
    border-bottom: 10px solid #d1ebb8;
	}
table .head {
   text-align:left;
   background-color:#fff;
   font-weight:bold;
   color:#019001;
   padding:6px 8px 6px 8px;
   background: #fff url(/img/bg-th.gif) repeat-x left top;
   }
table .row1 {
   background-color:#f2f2f2;
   }
table .row2 {
   background-color:#fff;
   }
td, th {
	margin:0;
	padding:8px;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
	}
td{
    line-height:1.4em;
	}
table .head td, table .head th {
   padding:6px 8px 6px 8px;
}
caption {
	font-size:1.2em; 
	color:#000956; 
	margin-bottom:3px;
	font-weight:bold;
	padding:6px 4px 8px 4px;
	background-color:#eaf7dd;
	border:1px solid #d5eac1;
	border-bottom:none;
	margin-bottom:-10px;/* importante per Firefox */
	}
/* ------- fine TABELLE ------- */

/* ------- inizio BANNERS ------- */
#banner-offerte-ita a, #banner-offerte-ing a {
	display:block;
	width:165px;
	height:109px;
	margin-top:10px;
	background: url(/img/banner_offerte_ita.gif) no-repeat;
}
#banner-offerte-ing a {
	background: url(/img/banner_offerte_ing.gif) no-repeat;
}
#banner-offerte-ita span, #banner-offerte-ing span {
	display:none;
}
/* ------- fine BANNERS ------- */