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

/* --- TOC

00. RESET GLOBALE  (Reset Globale, ridondante sul CSS principale del sito di appartenenza)
01. CONTENITORI GLOBALI
02. FONT
	1. Mg open Modata
	2. PT Sans
	3. Aller
03. AVVISI
04. LINK
	1. Pagine
	2. Stampa
05. SEPARATORI E INDICATORI
	1. Separatore Generico Verticale od Orizzontale configurabile
	2. Freccina Puntinata Bianca posizionabile
06. POP-UP
	1. Stili pop windows
	2. Pop Avviso Index
	3. Pop Scheda



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 
   ________________________________________________________________________________________________________________ */


#contenitore_autosalone{
	position:relative;
	background:#EEF0EE url("../img/sfondo_listato.jpg") repeat-x top left;
	width:850px;/* 702px; */
	padding:4px 0 3px 0;
	margin:0 auto 0 auto;
}


/* ________________________________________________________________________________________________________________
	                                              02. FONT 
   ________________________________________________________________________________________________________________ */

/* ---- 1. Mg open Modata ----- */

@font-face {
	font-family: 'MgOpenModataRegular';
	src: url('fonts/MgOpenModataRegular.eot');
	src: local('MgOpen Modata'), local('MgOpenModata'), url('fonts/MgOpenModataRegular.woff') format('woff'), url('fonts/MgOpenModataRegular.ttf') format('truetype');
}

/* ---- 2. PT Sans ----- */
@font-face {
	font-family: 'PTSansRegular';
	src: url('fonts/PT_Sans.eot');
	src: local('PT Sans'), local('PTSans-Regular'), url('fonts/PT_Sans.woff') format('woff'), url('fonts/PT_Sans.ttf') format('truetype'), url('fonts/PT_Sans.svg#PTSans-Regular') format('svg');
}

@font-face {
	font-family: 'PTSansNarrowRegular';
	src: url('fonts/PT_Sans_Narrow.eot');
	src: local('PT Sans Narrow'), local('PTSans-Narrow'), url('fonts/PT_Sans_Narrow.woff') format('woff'), url('fonts/PT_Sans_Narrow.ttf') format('truetype'), url('fonts/PT_Sans_Narrow.svg#PTSans-Narrow') format('svg');
}

@font-face {
	font-family: 'PTSansNarrowBold';
	src: url('fonts/PT_Sans_Narrow_Bold.eot');
	src: local('PT Sans Narrow'), local('PTSans-NarrowBold'), url('fonts/PT_Sans_Narrow_Bold.woff') format('woff'), url('fonts/PT_Sans_Narrow_Bold.ttf') format('truetype'), url('fonts/PT_Sans_Narrow_Bold.svg#PTSans-NarrowBold') format('svg');
}

@font-face {
	font-family: 'PTSansCaptionBold';
	src: url('fonts/PT_Sans_Caption_Bold.eot');
	src: local('PT Sans Caption'), local('PTSans-CaptionBold'), url('fonts/PT_Sans_Caption_Bold.woff') format('woff'), url('fonts/PT_Sans_Caption_Bold.ttf') format('truetype'), url('fonts/PT_Sans_Caption_Bold.svg#PTSans-CaptionBold') format('svg');
}

@font-face {
	font-family: 'PTSansCaptionRegular';
	src: url('fonts/PT_Sans_Caption.eot');
	src: local('PT Sans Caption'), local('PTSans-Caption'), url('fonts/PT_Sans_Caption.woff') format('woff'), url('fonts/PT_Sans_Caption.ttf') format('truetype'), url('fonts/PT_Sans_Caption.svg#PTSans-Caption') format('svg');
}

@font-face {
	font-family: 'PTSansBoldItalic';
	src: url('fonts/PT_Sans_Bold_Italic.eot');
	src: local('PT Sans'), local('PTSans-BoldItalic'), url('fonts/PT_Sans_Bold_Italic.woff') format('woff'), url('fonts/PT_Sans_Bold_Italic.ttf') format('truetype'), url('fonts/PT_Sans_Bold_Italic.svg#PTSans-BoldItalic') format('svg');
}

@font-face {
	font-family: 'PTSansBold';
	src: url('fonts/PT_Sans_Bold.eot');
	src: local('PT Sans'), local('PTSans-Bold'), url('fonts/PT_Sans_Bold.woff') format('woff'), url('fonts/PT_Sans_Bold.ttf') format('truetype'), url('fonts/PT_Sans_Bold.svg#PTSans-Bold') format('svg');
}

@font-face {
	font-family: 'PTSansItalic';
	src: url('fonts/PT_Sans_Italic.eot');
	src: local('PT Sans'), local('PTSans-Italic'), url('fonts/PT_Sans_Italic.woff') format('woff'), url('fonts/PT_Sans_Italic.ttf') format('truetype'), url('fonts/PT_Sans_Italic.svg#PTSans-Italic') format('svg');
}

/* ---- 3. Aller ----- */
@font-face {
	font-family: 'AllerRegular';
	src: url('fonts/aller_rg.eot');
	src: local('☺'), url('fonts/aller_rg.woff') format('woff'), url('fonts/aller_rg.ttf') format('truetype'), url('fonts/aller_rg.svg#webfont') format('svg');
}


/* ________________________________________________________________________________________________________________
	                                              03. AVVISI 
   ________________________________________________________________________________________________________________ */

div.avviso{
	position:relative;
	margin:25px auto; padding:6px;
	width:350px;
	text-align:right;
	border:1px solid #CCC;
	background:white url(../img/ListatoAuto/bg_alert.png) no-repeat scroll left bottom;}
div.avviso p{font: 1.7em/140% "PTSansNarrowRegular", Arial, sans-serif; color:black; text-align:center; border-bottom:1px #E1E5E1 dotted;}
div.avviso input{font-size:11px; line-height:16px; padding:0 4px; margin-top:4px;}

/* ________________________________________________________________________________________________________________
	                                              04. LINK 
   ________________________________________________________________________________________________________________ */


/* ----  1. Pagine ---- */
#link_pagine{
	position:relative;
	text-align:right;
	font:normal 12px Arial;
	color:#333;margin:0 5px 0 4px;
	height:16px;
}
	#link_pagine a{font-weight:800;text-decoration:none;color:#333;}
	#link_pagine a:hover{text-decoration:underline;color:#74777C;}

/* ----  2. Stampa ---- */
#link_stampa{ /* specificare il posizionamento all'interno della pagina */
	position:absolute; z-index:100;
	cursor:pointer;
	background:#FFF url(../img/ListatoAuto/ico_stampa.png) no-repeat scroll 83px 1px;
	width:108px; height:18px;
	border:1px solid #D3D9D3; font:normal 11px/100% Arial;

}
	#link_stampa p{
		position:relative;
		line-height:18px;
		padding-left:5px;
		color:#333;}

/* ________________________________________________________________________________________________________________
	                                              05. SEPARATORI E INDICATORI
   ________________________________________________________________________________________________________________ */


/* ---- 1. Separatore Generico Verticale od Orizzontale configurabile ---- */
div.separatore_genCCC{ /*impostare le misure e la posizioni "inline" */
	position:absolute;
	background:#CCCCCC url(../img/ListatoAuto/separatore.png) repeat scroll top left;
	z-index:100;}

/* ---- 2. Freccina Puntinata Bianca posizionabile ---- */
div.freccina_bianca{
	position:absolute;
	width:5px; height:9px;
	background:transparent url(../img/ListatoAuto/arrow_chiara.png) no-repeat scroll center center;
	z-index:100;}



/* ________________________________________________________________________________________________________________
	                                              06. POP-UP
   ________________________________________________________________________________________________________________ */


/* ---- 1. Stili pop windows ---- */
body.bodyPop {
	background-color: #535353;
	margin: 15px 0 0 0;
	padding: 0;
}

.corpo {
	background-color:#FFF;
	font-family: "MS Sans Serif";
	font-size: 8pt;
	color: #333333;
	border-width: 1px;
	border-color: #333333;
	border-style: solid;
}
.chiudiPop {
	font-family:"MS Sans Serif";
	font-size:11px;
	color:#FFFFFF;
	background-color:#B55C53;
	border:1px #3B3B3B solid;
	margin-top:8px;
}

/* ---- 2. Pop Avviso Index ---- */

#titoloPopAvviso {
	width: 300px;
	margin-top:0px;
	margin-bottom:10px;
	font-weight: 700;
	text-align:center;
	padding:8px 0;
}

#fotoPopAvviso {
	width:300px;
	margin-bottom:10px;
}

#testoPopAvviso {
	width: 300px;
	text-align:left;
	padding:8px 10px;
}

/* ---- 3. Pop Scheda ---- */

#titoloPopScheda {
	width: 264px;
	margin-top:0px;
	margin-bottom:10px;
	font-weight: 700;
	text-align:center;
	padding:8px 0;
}
#testoPopScheda {
	width: 264px;
	height:160px;
	text-align:left;
	padding:8px 10px;
}