/* Tipografia */

@font-face {
    font-family: 'InchiesteGCondensedBold';
    src: url('http://inchieste.repubblica.it/static/rep-locali/inchieste/font/inchiesteg-boldcondensed-webfont.eot');
    src: url('http://inchieste.repubblica.it/static/rep-locali/inchieste/font/inchiesteg-boldcondensed-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://inchieste.repubblica.it/static/rep-locali/inchieste/font/inchiesteg-boldcondensed-webfont.woff') format('woff'),
         url('http://inchieste.repubblica.it/static/rep-locali/inchieste/font/inchiesteg-boldcondensed-webfont.ttf') format('truetype'),
         url('http://inchieste.repubblica.it/static/rep-locali/inchieste/font/inchiesteg-boldcondensed-webfont.svg#InchiesteGCondensedBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

#container { padding-top: 5px!important; clear: both }
.txt12 {
	font-size: 11px;
	font-style: italic;
}

#logo-speciale {background: url(/static/speciali/motori/motorshow/2011/img/t-motorshow.jpg) no-repeat;float:left;	height: 115px;}

h1.logo a      {display: block;	text-indent: -99999px;	width: 990px!important;	height: 79px!important; height/**/: 79px;}

#content.rep-tv {	background: #fff;	margin: 0 10px;}

.col-A {	width: 680px;	float: left;	margin-right: 10px;}
.col-B {	width: 300px;	float: left;}

.socialButton { background: #222; padding: 10px; margin-bottom: 5px;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; }
.s_social_float { float: left!important; margin-bottom: 10px;  }


h1, h1 a, h1 a:visited   { font-family: 'InchiesteGCondensedBold',Arial,Helvetica,sans-serif;  font-size: 52px; line-height:42px; color:#fff ; /*font-weight:normal;*/ margin:0 0 5px 0}
.apertura-salone 			 { position:relative; width: 680px; margin-bottom: 10px;}
.apertura-salone p a       { color:#ff8c00; }
.apertura-salone p a:hover { color:#fff;}
.apertura-salone p       { color:#fff; font-size:13px; }

.firma { font-weight: bold; font-style: italic; font-size: 12px; }

.ms-apertura { display:block; position:absolute; left:0; bottom:0px;background: url("/static/speciali/motori/motorshow/2011/img/bg_slidecont.png") repeat scroll 0 0 transparent; padding: 10px; }
.ms-apertura p {font-size:13px!important; line-height: 17px; }

	.ms-apertura h1 a { color: #fff; }
	.ms-apertura h1 a:hover { color: #ff8c00; }



#riapertura { background: #c1c1c1 url(https://puntoitalia.online/speciale/2009/audi/images/audi_riap.gif) no-repeat ;padding-top: 20px;
	padding-left: 19px;
	padding-right: 19px;
	margin-bottom: 10px;
	height: 160px;
	-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;
}

#riapertura-small { background: #c1c1c1 url(https://puntoitalia.online/static/speciali/motori/motorshow/2011/img/motorshow-riapertura.jpg) no-repeat ;padding-top: 20px;
	padding-left: 19px;
	padding-right: 19px;
	margin-bottom: 10px;
	height: 70px;
	-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;
}

.riapertura-left {
	float: left;
	
	width: 300px;
	margin-right: 40px;
}
.riapertura-right {
	float: left;
	width: 300px;
}

.due {
	background: #042636;
}
.altri-articoli {
	background: #f1f1f1;
	-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;
	height: auto;
	padding: 8px;
}
.altri-articoli h4 a { display: block;	font-size: 14px;text-transform: none!important;	padding: 5px 25px;	color: #000;	border-bottom: 1px solid #dadada;	background: url(../images/pfeil4.gif) no-repeat 5px 6px;}
.altri-articoli h5   {font-family: 'InchiesteGCondensedBold',Arial,Helvetica,sans-serif; font-size: 18px; font-weight: normal;line-height:25px; color:#000000 ; display: block; padding: 10px;}


#riapertura h2, #riapertura h2 a { font-family: 'InchiesteGCondensedBold',Arial,Helvetica,sans-serif; font-size: 28px; font-weight: normal;line-height:25px; color:#000000 ; display: block;}
#riapertura h2 a:hover 				{ color: #ff8c00;display: block;}

#riapertura-small h2, #riapertura-small h2 a { font-family: 'InchiesteGCondensedBold',Arial,Helvetica,sans-serif; font-size: 28px; font-weight: normal;line-height:25px; color:#000000 ; display: block;}
#riapertura-small h2 a:hover 				{ color: #ff8c00;display: block;}

.riapertura img    {	float: right;}
.riapertura-titolo {	float: left; width: 370px;}




.box-rep-tv {background: #222;padding: 8px;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; margin: 10px 0 0 0 ;}
#oas-x40 {margin-top: 10px;}

#box-titolo img {margin-bottom:15px;}
#box-titolo h6 { font-family: 'InchiesteGCondensedBold',Arial,Helvetica,sans-serif; font-size: 32px; color: #ff8c00; }


#box 			{ min-height: 90px;padding: 8px 0 8px 0px; border-bottom: 1px solid #343434;}
#box.nofoto { min-height: 90px;}
#box.last 	{ border-bottom: none;}
#box img    { float: left;	margin-right: 5px;border: 3px solid #ffffff;}
		.box-titolo         {float: left; font-family: 'InchiesteGCondensedBold',Arial,Helvetica,sans-serif;font-size: 21px; color: #fff;}
		.box-titolo h3,
		.box-titolo h3 a    {font-family: 'InchiesteGCondensedBold',Arial,Helvetica,sans-serif;font-size: 21px; color: #FF8C00; line-height: 21px; font-weight: normal!important;}
		.box-titolo h3 a:hover { color: #ffffff!important; }
		
		.box-titolo p a:link,
		.box-titolo p a:visited {font-family: Arial,Helvetica,sans-serif;font-size: 15px; font-weight:bold; color: #fff; line-height: 25px; }
		.box-titolo p a:hover { color: #ff8c00; }
		/*.box-titolo p {width: 155px;}*/

.box-nofoto h3{
	font-size: 15px;
	padding-top: 15px !important;
}

#box-nofoto p{
	border-bottom: 1px solid #DCE2E1;
	padding: 3px 0 3px 0;
}

#box-nofoto p a {
	font-family:lucida-sans;
	font-weight: bold;
	font-size: 15px;
	color: #fff;
	
}
/* TEMPLATE VIDEO
============================================*/
.ms-pagebody {	background-color: #f1f1f1;	-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;	padding: 10px;	color: #000!important; }
	.ms-pagebody h2,
	.ms-pagebody h4 { font-family: 'InchiesteGCondensedBold',Arial,Helvetica,sans-serif; font-weight: normal; color: #000!important; }
	.ms-pagebody h2 { font-size: 25px; line-height: 21px;	}
	.ms-pagebody h4 { font-size: 18px; line-height: 21px; margin-bottom: 20px;	}

	




/* ARTICOLO
============================================*/
.content-articolo    {padding: 10px;line-height: 18px;background: #fbfbfb; border:1px solid #dfdfdf;  font-size: 13px; min-height: 800px;	-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
.content-articolo h2 {font-size: 12px;font-weight: normal;}
.content-articolo h3 {font-size: 12px;font-weight: normal;margin-bottom: 10px;}
.content-articolo h1 {font-size: 27px;font-weight: bold;font-family: Arial, Helvetica, sans-serif;color: #000; line-height: 27px;}
.content-articolo .fotosx {display:inline;float:left;margin:0 10px 5px 0;width:230px;}
.mappe img {border: 3px solid #154323; margin:30px 15px 30px 30px;}
.mappe img a{display:block;}

.content-articolo h1.secondo-liv {	font-size: 18px;}
.content-articolo .date { display: block; margin-top: 5px; }

.content-articolo .fotosx p, .content-articolo .fotodx p, .content-articolo .fotosx p {
border-bottom:1px solid #CCCCCC;
color:#000;
font-size:11px;
line-height:13px;
margin:0;
padding:3px 0;
}
#list h1 a:link {
	color: #000!important;
	font-size: 22px;
}


.content-articolo p.archivio {
	margin-bottom: 15px;
}
.content-articolo p.archivio a {
	display: block;
	font-size: 18px;
}


#oas-Middle1 {
	width: 300px!important;
}
.list-artisti {
	display: block;
	height: 160px;
	border-bottom: 1px dashed #cecece;
	padding-top: 10px;
}
.list-artisti img {
	float: left;
	margin-right: 15px;
	border: 5px solid #103a53;
}



/*  ---------------- gallerie-fotografiche pagina indice-----*/

#list-gallery { /*width: 490px;*/ margin-top:10px; }
#list-gallery h1 { font-size: 19px;}
.gall {float:left; width: 120px; height: 400px; margin: 5px 20px 20px 0px; border: 1px solid #c7c5ba; background-color:#fff; padding:10px; text-align:center}
.gall-last {float:left; width: 120px; height: 400px; margin: 5px 0px 20px 0px; border: 1px solid #c7c5ba; background-color:#fff; padding:10px; text-align:center}
#list-gallery .gall a h1 {font-size:13px; line-height: 15px;}
#list-gallery .gall-last a h1 {font-size:13px;}

#list-gallery .gall, #list-gallery .gall-last{
   height: 120px;
}

#list-gallery.indice .gall, #list-gallery.indice .gall-last{
   height: 210px;
}


table.sondaggio-hp {
	background: #8ac4ec url(../img/bg_box_reptv.jpg) repeat-x;
}
table.sondaggio-hp td {
	padding: 3px;
}
table.sondaggio-hp td.titolo {
	padding: 8px;
}


/*Grafica*/

.grafica
 { 
 width: 680px; 
 height:380px;
 margin-bottom: 10px;
background: #FFF url(/speciale/2009/audi/images/grafica/sfondo.jpg) top left no-repeat;
 }
 
 .img-upper
 {
 	width:678px;
	height:134px;
	overflow:hidden;
 }
 
 
  .img-center
 {
 	width:678px;
	height:110px;
 }
 
  .img-bottom
 {
 	width:678px;
 }
 
 
 .agility
 {
 	margin-top:5px;
	float:left;
 }
 
  .tettuccio
 {
 margin-top:8px;
 	margin-left:12px;
	margin-right:21px;
	margin-bottom:50px;
	float:left;
 }
 
   .intelligent
 {
 	margin-top:12px;
	float:left;
 }
 
  .attention
 {
 	margin-bottom:15px;
	float:left;
 }
 
 .pedoni
 {
 	margin-top:0;
	margin-left:321px;
 	float:left;
 }
 
  .sedili
 {
 	margin-top:12px;
	
 	margin-left:12px;
	float:left;
 }
 
   .brake
 {
 	margin-top:3px;
	margin-bottom:15px;
 	margin-left:45px;
	float:left;
 }
 
 
.torna{font-weight: bold; float: right; margin-right: 15px; margin-top: 10px; font-size: 12px; }
.torna a {color:#ffffff;}


/**************
Gallerie Nav
**************/
#contNav {   padding: 10px!important; margin: 0px!important; background: #dfdfdf; width: 65	0px;}
#contNav a {color: #000; text-decoration: none; text-align: center; display: block; float: left; }
#contNav a:hover { color: #cf1919; list-style:none;}

ul.pagination { float: right; padding: 0px; background:#dfdfdf; padding-top: 4px; padding-right: 5px;  }
ul.pagination li { float: left; display:inline; font-size:11px;}
ul.pagination li a{ float: left; display:inline; font-size:11px;}
ul.pagination li.pageof { float: left; display:inline; margin: 5px 3px 0 3px; font-size:11px;width: 45px; text-align: center; line-height: 14px; }


#contGall { background-color:#fff;width:640px; }
#contGall h1 { font-size: 23px; color:#3d3c39; background-color: #fff; margin:10px 0 10px 20px; line-height:40px;}
#contGall img { padding-left: 8px; position: relative; margin-left: 10px;  }
#testo {	padding-left:20px;padding-top:10px;padding-bottom:10px;font-size: 12px;	line-height: 16px;	 width: 630px; background-color:#fff; }
#testo strong {	color:#3d3c39; }
#testo a { color:#666; font-weight: bold;}
#testo a:hover { color: #880000;}
#foto img {width:620px;}


.dida { float:left; padding: 15px 10px; font-size: 12px;    text-align:left;    line-height: 18px;  background: transparent; color: #FFF}
.dida a {   color:#fff; text-decoration:underline;}
.dida a:hover { color: #ccc;}

#contNav ul.pagination-new { float:left; margin-left:205px!important; margin-left/**/: 85px; text-align:center }
#contNav ul.pagination-new li.pageof { background-image: none; margin: 4px 30px 0 30px; font-size:11px; color: #000 }
#contNav ul.pagination-new li { float:left; display:block; font-size:11px;}
#contNav ul.pagination-new li a, #contNav ul.pagination-new li a:visited {width:auto; font-weight:bold; color:#444; font-size:11px; }        
#contNav ul.pagination-new li a:hover { width:auto;background:none; color:#369 }

#foto { float:left; text-align: center; width:670px; background-color: #000 }
#foto img { padding:0;  margin:8px 0 0 0;   border: 1px solid #fff;}

/*
This is a proprietary expression only for Internet Explorer, as it doesn't support max-width or min-width.
#foto img { max-width:620px; width: expression(this.width > 620 ? 620: true); }
*/

/*MENU ORIZZONTALE*/

#h-nav { display: none !important ;	}
/********/
#h-nav-ms {
	height: 26px;
	float:left;
	width:990px;	
	background-color: #272727;
	margin-bottom: 10px;
	margin-top: -2px;
	-webkit-border-radius: 0 0 10px 0;
	-moz-border-radius: 0 0 10px 0;
	border-radius: 0 0 10px 0;
	}
#h-nav-ms ul li {
	float: left;
	list-style: none;
	display: block;
	padding: 0px;
	margin: 0px;
}
#h-nav-ms ul li a {
	float: left;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	padding: 6px 5px 3px 5px;
	font-size: 13px;	
	width: 100px;
	text-align: center;
	background: #272727 url(/static/speciali/motori/motorshow/2011/img/ul-background.gif) no-repeat top right;
}
#h-nav-ms ul li a:hover {
	background: #272727 url(/static/speciali/motori/motorshow/2011/img/ul-background.gif) no-repeat top right;
	color: #f9a42f;	
}