/*
Descrizione: CSS riguardante l'area Scheda Veicolo sul sito tematico autosalone.
Version: 1.0
Autore: Farizzo
*/

/* --- TOC

01. PERCORSO E STATUS
		1. Percorso
		2. Status
02. MARCA, MODELLO E ALTRE VERSIONI
		1. Marca e Modello
		2. Altre Versioni
03. CONTENITORE SPECIFICHE + FOTO
04. SPECIFICHE VEICOLO
		1. Data Inserimento Veicolo
		2. Immatricolazione, Prezzo, Iva
			2.1 Immatricolazione
			2.2 Prezzo
			2.3 Iva
		3. Prezzo Ufficiale
		4. Caratteristiche
			4.1 Label
			4.2 Dato
05. FOTO e VIDEO
		1. Contenitore Globale Foto/Video
		2. Highslide Personalizzazione CSS
		3. Indicatore Altre Fot
06.	PULSANTI
07. OPTIONALS


/* ________________________________________________________________________________________________________________
	                                              01. PERCORSO, STATUS E CAMBIO SCHEDA 
   ________________________________________________________________________________________________________________ */


.scheda_percorso_status{
	position:relative;height:25px;width:840px;
	margin:3px auto 5px; auto;
	background:#8F8F8F url(../img/ListatoAuto/bg_status.png) repeat-x scroll 0% 0%;
}

/* ------- 1. Percorso ------- */

	.scheda_percorso{position:absolute;left:24px;top:0;height:25px;}
	.scheda_percorso span{font: 1.6em "PTSansNarrowRegular", Arial, sans-serif;color:white;line-height:25px;}
	.scheda_percorso a{color:white;}
	.scheda_percorso a:hover{color:#CCC;}

/* ------- 2. Status ------- */

.scheda_status_content{position:relative;float:right;height:25px;width:238px;}

	.scheda_status_content .content_status{position:absolute;height:25px;top:0;background-position:top center; background-attachment:scroll; background-repeat:no-repeat;}
	.scheda_status_content .offerta{background-image:url(../img/ListatoAuto/status_offerta.png);right:175px;width:60px;}
	.scheda_status_content .novita{background-image:url(../img/ListatoAuto/status_novita.png);right:128px;width:41px;}
	.scheda_status_content .arrivo{background-image:url(../img/ListatoAuto/status_arrivo.png);right:68px;width:53px;}
	/* disabilitato lo status ORDINAZIONE per Lanza Business Car, eliminare il "background-position:bottom center;" per riabilitarlo */
	.scheda_status_content .ordinazione{background-image:url(../img/ListatoAuto/status_ordinazione.png);right:4px;width:56px; background-position:bottom center;}
	.scheda_status_content .disactive{background-position:bottom center;}


/* ------- 3. Cambio Scheda ------- */

.scheda_vai_prec{
	position:relative; float:left;
	border-right:1px solid #666;
	margin-right:10px; padding-right:10px;padding-left:13px;
	background:url("../img/ListatoAuto/pag_prec.png") no-repeat scroll left 1px; }
.scheda_vai_succ{
	position:relative; float:left;
	padding-right:13px;
	background:url("../img/ListatoAuto/pag_succ.png") no-repeat scroll right 1px; }

/* ________________________________________________________________________________________________________________
	                                              02. MARCA, MODELLO E ALTRE VERSIONI
   ________________________________________________________________________________________________________________ */

/* ------- 1. Marca e Modello ------- */

#scheda_marca_modello{
	position:relative;
	margin:0 4px;height:35px;
	background:#CCC url(../img/ListatoAuto/bg_confronta.png) repeat-x scroll 0% 0%}

	h1.scheda_marca_modello{
		position:relative;
		text-align:left;
		margin-left:24px; padding:5px 0 0 0;
		font: 27px/100% "PTSansNarrowRegular", Arial, sans-serif; color:white;
	}

/* ------- 2. Altre Versioni ------- */

	.scheda_altreversioni{position:absolute;right:7px;top:10px;}
	.scheda_altreversioni p{font: 1.5em/100% "PTSansNarrowRegular", Arial, sans-serif; color:white; text-align:left; cursor:pointer;}


/* ________________________________________________________________________________________________________________
	                                              03. SPECIFICHE + FOTO CONTENITORE
   ________________________________________________________________________________________________________________ */

#scheda_body{
	position:relative;
	margin:0 4px; min-height:300px;
	border:1px solid #999999; background-color:#FFF;}

/* ________________________________________________________________________________________________________________
	                                              04. SPECIFICHE VEICOLO
   ________________________________________________________________________________________________________________ */


#scheda_specifiche{
	position:relative; float:right;
	width:350px;
	margin:8px 0 0 0;}

/* ------- 1. Data Inserimento Veicolo ------- */

	#scheda_inserimento{position:relative;height:14px;margin-right:3px;margin-left:1px;}
	#scheda_inserimento span{font: 1.3em/100% "PTSansNarrowRegular", Arial, sans-serif; line-height:14px;}

/* ------- 2. Immatricolazione, Prezzo, Iva ------- */

#scheda_prezzo_immatricolazione_iva{
	position:relative;
	height:40px;
	border:1px solid #AAAAAA;
	margin-right:2px;}

	/* ---- 2.1 Immatricolazione ---- */
	#scheda_immatricolazione{
		position:realtive;float:left;
		width:186px;height:40px;
		background:#EFF0DE url(../img/ListatoAuto/intersezione.png) no-repeat scroll top right;}
	#scheda_immatricolazione p{position:relative; font: 1.6em/100% "PTSansNarrowRegular", Arial, sans-serif; line-height:40px; margin-left:5px;}
	#scheda_immatricolazione span.data{font-size:140%;color:#9F141F;}

	/* ---- 2.2 Prezzo ---- */

	#scheda_prezzo{position:realtive;float:right;width:160px;height:40px;background-color:#535353;}
	#scheda_prezzo p{position:relative; font: 1.3em "PTSansNarrowRegular", Arial, sans-serif; color:white; text-align:right; line-height:40px;;margin-right:3px;}
	#scheda_prezzo span.prezzo{font-size:230%;}
	#scheda_prezzo span.trattativa{font-size:170%;}

	/* ---- 2.3 Iva ---- */

	#scheda_iva{
		position:absolute;
		height:40px;width:77px; top:0;left:138px;
		background:#EFF0DE url(../img/ListatoAuto/scheda_iva.png) no-repeat scroll top center;}

/* ------- 3. Prezzo Ufficiale ------- */

	#scheda_prezzoufficiale{position:relative;height:14px;margin-right:3px; visibility:hidden;}
	#scheda_prezzoufficiale span{font: 1.3em/100% "PTSansNarrowRegular", Arial, sans-serif; line-height:14px; float:right;}


/* ------- 4. Caratteristiche ------- */

	/* ---- 4.1 Label ---- */

	#scheda_specifiche label{position:absolute; font: 1.4em/100% "PTSansNarrowRegular", Arial, sans-serif; color:#333333; line-height:23px; left:11px;}


	/* ---- 4.2 Dato ---- */

	div.scheda_dato {position:absolute; font: 1.8em/100% "PTSansNarrowRegular", Arial, sans-serif; color:black; line-height:23px; left:85px; }
	div.scheda_dato a{color:black; text-decoration:none;}
	div.scheda_dato a:hover{color:#B5B964;}


	
/* ________________________________________________________________________________________________________________
	                                              05. FOTO e VIDEO
   ________________________________________________________________________________________________________________ */

/* ---- 1. Contenitore Globale Foto/Video ---- */
#scheda_fotovideo_content{
	position:relative; float:left;
	margin: 8px 0 0 5px;
	border:1px solid #AAAAAA;
	width:478px; height:357px;
	overflow:hidden;}
	
	#scheda_fotovideo_content img{position:absolute; top:0;left:0; width:478px; border-width:0;}

/* ---- 2. Highslide Personalizzazione CSS ---- */

.highslide-gallery{
	position:realtive;
	width:478px; height:357px;
	overflow:hidden;}

/* ---- 3. Indicatore Altre Foto ---- */

#ind_altre_foto{
	position:absolute; bottom:0;left:0; z-index:1000;
	width:478px;height:39px; background-image:url("../img/ListatoAuto/btn_vedi_altre_foto.png");
}

/* ________________________________________________________________________________________________________________
	                                              06. PULSANTI 
   ________________________________________________________________________________________________________________ */

#scheda_pulsanti{
	position:relative;
	height:25px; margin:5px 2px 0 0;
	background:url(../img/ListatoAuto/bg_scheda_pulsanti.png) repeat-x scroll 0 0;}

#scheda_pulsanti > div{
	position:relative; float:left;
	background:url(../img/ListatoAuto/bg_scheda_pulsanti_sep.png) no-repeat scroll right 0;
	padding:0 15px 0 14px;}

#scheda_pulsanti a[href="#"], #scheda_pulsanti a:hover[href="#"] {color:#888888; cursor:default;}

#scheda_pulsanti a{
	line-height:25px;
	font-family:"PTSansNarrowRegular", Arial, sans-serif; font-size:1.8em;
	text-transform:uppercase; color:white; text-decoration:none;}
#scheda_pulsanti a:hover{color:#CCC;}

#scheda_pulsanti span{
	line-height:25px; cursor:default;
	font-family:"PTSansNarrowRegular", Arial, sans-serif; font-size:1.8em;
	text-transform:uppercase; color:#CCC; text-decoration:line-through;}



/* ________________________________________________________________________________________________________________
	                                              07. OPTIONALS 
   ________________________________________________________________________________________________________________ */

#scheda_optionals{
	position:relative;
	min-height:50px;
	border:1px solid #AAAAAA;
	overflow:auto;
	padding-bottom:5px;
	margin:5px 3px 5px 5px;}

.optional{float:left; width:30%; margin:5px 0 0 20px; border-bottom:1px dotted #CCC; background:url(../img/ListatoAuto/punto_elenco.png) no-repeat scroll center left;}
.optional a{font-family:"PTSansNarrowRegular", Arial, sans-serif; font-size:1.4em; line-height:22px; color:black; text-decoration:none; margin-left:10px;}
.optional a:hover{color:#9F141F;}