@charset "utf-8";
/*
Descrizione: CSS con contenuti Generici.
Version: 1.0
Autore: Farizzo
*/

/* --- TOC

00. RESET GLOBALE

01. CONTENITORI GLOBALI
02. INTESTAZIONE
	1. Logo
	2. Immagine
	3. News
03. RICERCA INTESTAZIONE
04. MENU
	1. Menu Principale
	2. Menu Secondario
05. ETICHETTE
06. FOOTER


... 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-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{
	overflow:visible;
	position:relative;
	margin:0 auto 0 auto;
	background:#ECECEC url(img/bg_globale.png) no-repeat scroll top center;
}
body.pop{
	overflow:auto;
}

#corpo_pagina{
	position:relative;
	width:980px; min-height:300px;
	margin:0 auto;
}
	.area_grande{
		position:relative;float:left;
		width:610px; height:100%;}
	.area_piccola{
		position:relative;float:right;
		width:370px; height:100%;}
	.vetrina{margin-top:70px;}

#corpo_pagina .area_grande p.generico{font-size:1.4em; font-family:Arial, Helvetica, sans-serif; margin-top:10px;}
#corpo_pagina .area_grande p.generico a{color:#CC3300;font-size:90%;}

#corpo_pagina_autosalone{
	position:relative;
	background:url(img/bg_autosalone.png) repeat-y scroll top center;
	width:980px; min-height:300px;
	margin:0 auto;
}

/* ________________________________________________________________________________________________________________
	                                              02. INTESTAZIONE 
   ________________________________________________________________________________________________________________ */

.intestazione{
	position:relative;
	height:429px; width:980px;
	margin:0 auto;
	background:url(img/bg_intestazione.png) no-repeat scroll bottom center;}

/* ---- 1. Logo ---- */
.logo{
	position:absolute;
	top:35px; right:0;
	z-index:1;}

/* ---- 2. Immagine ---- */
.immagine{
	position:absolute;
	width:952px; height:259px;
	bottom:15px; left:12px;
	z-index:1;}

/* ---- 3. News ---- */
div.news{ /* esistente per poter sostituire semplicemente l'immagine di fondo senza interferire con l'area news */
	position:absolute;
	width:283px; height:220px;
	bottom:38px; left:26px;
	background:url(img/bg_news.png) no-repeat scroll top center;
	z-index:5;}
div.news_singola{
	position:absolute;
	width:257px; height:180px;
	bottom:0; left:13px;}
div.news_singola h1, div.news_singola h1 a{font-size:13.0px;padding:2px;margin:8.0px 0.0px 5.0px 0.0px;color:#FEFDE9; width:70px; background-color:#333; text-decoration:none;}
div.news_singola h2, div.news_singola h2 a{font-size:12.0px;line-height:1.29em;margin:0.0px 0.0px 5.0px 0.0px;color:#B32D00;font-weight:800;}
div.news_singola p{font-size:12.0px;line-height:1.38em;margin:0.0px;}

div.news_singola p.leggi{font-size:12px;text-align:right;margin:5px 0 0 0;}
div.news_singola p.leggi a{color:#BF872D;}


/* ________________________________________________________________________________________________________________
	                                              03. RICERCA INTESTAZIONE 
   ________________________________________________________________________________________________________________ */

div#ricerca_intestazione_riferimento{
	position:relative;
	height:1px;width:980px;
	margin:0 auto;}

div#ricerca_intestazione{
	position:absolute; z-index:6;
	width:326px; height:110px;
	top:-40px; right:25px;
	background:url(img/bg_login.png) no-repeat scroll center;}
	
	div#ricerca_intestazione input{
		position:absolute;
		bottom:-8px;right:10px;}
	div#ricerca_intestazione select{
		position:absolute;
		width:200px; right:25px;
		font: 11px Arial, Helvetica, sans-serif;}
	div#ricerca_intestazione label{
		position:absolute;
		right:235px; color:white;
		font: 12px Arial, Helvetica, sans-serif;}
	div#ricerca_intestazione .riga_1{
		top:40px;}
	div#ricerca_intestazione .riga_2{
		top:65px;}


/* ________________________________________________________________________________________________________________
	                                              04. MENU 
   ________________________________________________________________________________________________________________ */

/* ---- 1. Menu Principale ---- */

/* SOSTITUITO DAL JQuery LAVA LAMP */
/*#menu_pincipale{
	position:absolute;
	top:100px; left:0;
	z-index:10;
	width:600px;height:40px;
	border:1px solid red;
}
*/
/* ---- 2. Menu Secondario ---- */
#menu_secondario{
	position:absolute;
	z-index:10;
	width:362px; height:18px;
	top:124px;right:0;
}
	#menu_secondario ul{
		font: 10px Arial, Helvetica, sans-serif;}
	#menu_secondario ul li{
		display:inline; line-height:18px;
		margin-right:10px;
		color:white; text-transform:uppercase;}
	#menu_secondario ul li:hover{
		color:#D3C4B0; cursor:pointer;}


/* ________________________________________________________________________________________________________________
	                                              05. ETICHETTE 
   ________________________________________________________________________________________________________________ */

div.etichetta{
	position:relative;
	padding:10px 0;
	background-image:url(img/bg_etichette.png);
	background-repeat:no-repeat;
	background-attachment:scroll; 
}
	.big_long{height:34px; border-bottom:1px solid #666; margin:0;}
	.big_short{height:34px; border-bottom:1px solid #666; margin:0 15px;}
	.small_long{height:28px; border-bottom:1px solid #CCC; margin:0; }
	.small_short{height:28px; border-bottom:1px solid #CCC; margin:0 15px 0 15px;}

/* ________________________________________________________________________________________________________________
	                                              06. FOOTER 
   ________________________________________________________________________________________________________________ */


#footer{
	position:relative;
	width:100%; height:279px;
	background:url(img/bg_footer.png) repeat-x scroll top left;
}

	.riga_marche{position:relative; width:980px;height:210px; margin:0 auto;}
	.area_marche{background:url(img/bg_footer_loghi.png) no-repeat scroll center 75px; z-index:50;}
	.area_contatti{position:absolute; top:60px;left:8px; height:80px; width:100%;}
		.area_contatti p{ font-family:Verdana, Geneva, sans-serif; color:#444; line-height:140%; margin-top:5px;}
		.area_contatti p[title="Autococo"]{font-size:16px;}
		.area_contatti p[title="Indirizzo"], .area_contatti p[title="Telefoni"], .area_contatti p[title="eMail"]{ font-size:14px; margin-left:8px;}

	.riga_firma{position:relative; width:980px;height:69px; margin:0 auto;}
	.riga_firma p{line-height:69px;text-align:center; color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:1.2em; cursor:default;}



/* -- News Archivio -- */

#news_archivio h1.anno{font:normal 18px/100% Arial, Helvetica, sans-serif;color:#BF872D;margin-top:0;margin-bottom:13px;}
#news_archivio h3{font-size:14px;color:#FFFFFF;text-transform:uppercase;}
#news_archivio p.archivio_news_title{font-size:12px;color:#999999;margin:8px 0 0 0;}
#news_archivio p.archivio_news_txt{font-size:12px;color:#999999;margin:8px 0 0 0;}

.news_archiviata{padding-bottom:5px;margin-bottom:10px;margin-left:10px;border-bottom:1px dotted #CCC;}

#anni{height:24px;background:url(img/ind_date.png) no-repeat scroll center left;}
#mesi{border-bottom:1px solid #CCC;height:22px;margin-bottom:10px;background:url(img/ind_date.png) no-repeat scroll center left;}

#anni div, #mesi div{float:left;margin-left:15px;font-size:13px;font-weight:bold;color:#F2F2F2;cursor:pointer;}
#anni div:hover, #mesi div:hover{color:#BF872D;}

/* mese e anno selezionato */
#anni div.selected, #mesi div.selected{color:#BF872D;cursor:default;}


/* ---------- */

/* ________________________________________________________________________________________________________________
	                                              ... CSS GENERICI 
   ________________________________________________________________________________________________________________ */

.float_off{clear:both;margin:0;padding:0;height:0;}