@charset "utf-8";
/*
Descrizione: CSS con contenuti Generici.
Version: 1.0
Autore: Farizo
*/

/* --- TOC

00. RESET GLOBALE

01. CONTENITORI GLOBALI
02. MENU
	1. Menu Principale
03. NEWSLETTER e NEWS
	1. Newsletter
	2. Validator
	3. News
04. AREA RISERVATA 
05. ETICHETTE e BOTTONI
	1. Etichette
	2. Bottoni
06. HEADER
07. FOOTER
08. DETTAGLI PAGINA
09. TESTI
10. ACCORDION
11. IMMAGINI
12. INFORMATIVA POP-UP
13. RICHIESTA INFORMAZIONI
14. RIGA PRODOTTO
... CSS GENERICI



Condizioni IE:
<!--[if IE]>....<![endif]-->: verifica se il browser è Internet Explorer, indipendentemente dalla versione.

<!--[if IE 5]>....<![endif]-->: verifica se il browser è Internet Explorer solo versione 5;
<!--[if IE 5.0]>....<![endif]-->: verifica se il browser è Internet Explorer solo versione 5.0;
<!--[if IE 5.5]>....<![endif]-->: verifica se il browser è Internet Explorer solo versione 5.5;
<!--[if gt IE 5]>....<![endif]-->: verifica se il browser è Internet Explorer, versione superiore alla 5;
<!--[if gte IE 5]>....<![endif]-->: verifica se il browser è Internet Explorer versione 5 o superiore;
<!--[if !IE 5.5]>....<![endif]-->: verifica se il browser è Internet Explorer versione diversa dalla 5.5.;

<!--[if IE 6]>....<![endif]-->: verifica se il browser è Internet Explorer solo versione 6;
<!--[if lt IE 6]>....<![endif]-->: verifica se il browser è Internet Explorer versione inferiore alla 6;
<!--[if lte IE 6]>....<![endif]-->: verifica se il browser è Internet Explorer versione 6 o inferiore;
<!--[if gt IE 6]>....<![endif]-->: verifica se il browser è Internet Explorer, versione superiore alla 6;

<!--[if IE 7]>....<![endif]-->: verifica se il browser è Internet Explorer versione 7;

/* ________________________________________________________________________________________________________________
	                                              00. RESET GLOBALE 
   ________________________________________________________________________________________________________________ */

html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th,font { font-size:1.0em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }

/* ________________________________________________________________________________________________________________
	                                              01. CONTENITORI GLOBALI 
   ________________________________________________________________________________________________________________ */

html, body{
/*	overflow: scroll;	*/
/*	overflow-x: hidden;  /* oppure auto */
/*	overflow-y: scroll;	*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px; /* 1.0em */
}
body.page{
	margin:0 auto 0 auto;
	height:100%;
	background:#E0E0E0 url("../img/bg_globale.jpg") no-repeat scroll center 50px;
}

#corpo_pagina{
	position:relative;
	min-height:245px;
	background:url("../img/bg_corpo_pagina.png") repeat-x scroll left top;
	border-top:1px solid #999999;
	border-bottom:1px solid #999999;
	margin:0 auto;}
	.corpo_content{
		position:relative;
		width:980px; margin:28px auto 0 auto;}


#intestazione{
	position:relative;
	height:300px; width:980px;
	margin:0 auto;
	z-index:1;}

/* ________________________________________________________________________________________________________________
	                                              02. MENU 
   ________________________________________________________________________________________________________________ */

/* ---- 1. Menu Principale ---- */
#menu{
	position:relative; float:right; margin:50px 0 0 auto;
	height:66px; z-index:100;}

	div.voce_menu{float:left; height:172px; text-align:center; cursor:pointer; padding:0 15px 0 27px;}
	#menu div + div{background:url(../img/ombra_172.png) no-repeat scroll left top;}
	#menu p{ margin-top:64px; padding-bottom:4px;}
	#menu .selected p{border-bottom:4px solid #90C656; cursor:default;}


/* ________________________________________________________________________________________________________________
	                                              03. NEWS 
   ________________________________________________________________________________________________________________ */



/* ---- 2. Validator ---- */
.forminputerror{
	position:absolute; top:-9px;right:-10px; font-size:1.5em; color:red; font-weight:bold;}


/* ---- 3. News ---- */

#news_content{
	position:relative; width:100%; min-height:280px;
	margin-top:10px; z-index:10;}
	#news_singola{}
	#news_singola p{margin:0 20px; font-size:15px;}
	#news_singola p.data{font-weight:bold; text-align:right; padding-right:10px; background:url("../img/bg_newsdata.png") no-repeat scroll right; line-height:26px; color:white; margin-bottom:5px;}
	#news_singola p.title{color:black; font-weight:normal; line-height:26px; text-align:right;}
	#news_singola p.txt{color:black; text-align:right;}

	.vai_news{
		position:absolute; text-align:center;
		right:10px;bottom:10px;
		width:100px;height:28px;
		background:url("../img/Sprite.png") no-repeat scroll -565px -1px;}
		.vai_news a{color:black; font-size:12px; line-height:27px; text-decoration:none; cursor:pointer;}


/* ________________________________________________________________________________________________________________
	                                              06. HEADER 
   ________________________________________________________________________________________________________________ */

#header{
	position:relative; height:20px;width:980px; margin:0 auto; z-index:2;}

	#header a[href="#"]{cursor:default; color:#828284 !important;}

	#header ul{position:absolute;top:0;right:0; border-bottom:1px solid #C7C7C7; background-color:#E4E4E4; color:#007292;}
	#header ul li{
		display:inline; text-transform:capitalize;
		font-family:Verdana, Geneva, sans-serif; font-size:10px;
		line-height:20px; margin:0 10px;}
	#header ul a{color:#828284; text-decoration:none; outline-width:0;}
	#header ul a:hover{color:#F99350;}


/* ________________________________________________________________________________________________________________
	                                              07. FOOTER 
   ________________________________________________________________________________________________________________ */


#footer{
	position:relative;
	height:78px; width:100%;
	margin:10px auto 0 auto;
	z-index:99;
}

	.riga_firma{position:relative; width:986px;height:78px; margin:0 auto;}
	.riga_firma p{line-height:78px;text-align:center; color:#737579; font-size:1.4em; cursor:default; margin-right:172px;}
	.riga_firma p span{color:#007292;}
	.riga_firma img{position:absolute; right:75px;top:15px; border-width:0;}


/* ________________________________________________________________________________________________________________
	                                              08. DETTAGLI PAGINA 
   ________________________________________________________________________________________________________________ */

#area_left, #area_center, #area_right, #area_right_ok{position:relative; float:left; min-height:320px; font-family:Georgia, "Times New Roman", Times, serif;}

	#area_left{ width:245px; background: url("../img/ombra_250.png") no-repeat scroll right top;}
	#area_center{ width:350px; background: url("../img/ombra_300.png") no-repeat scroll right top;}
		#area_center img{margin-left:8px;}
	#area_right, #area_right_ok{ width:385px;}
		#area_right h1, #area_right_ok h1{ font-size:22px; margin:0 0 5px 15px; font-weight:bold;}
		#area_right p,ul,ol { font-size:14px; margin-left:20px;}


/* ________________________________________________________________________________________________________________
	                                              11. IMMAGINI 
   ________________________________________________________________________________________________________________ */

	.Logo{position:absolute; top:-20px;left:0px; width:367px;height:290px; z-index:100;}


/* ________________________________________________________________________________________________________________
	                                              ... CSS GENERICI 
   ________________________________________________________________________________________________________________ */

.float_off{clear:both;margin:0;padding:0;height:0;}
