@charset "UTF-8";
/* CSS Document
Title:      Technology Review
Author:     Raul Stefanati
*/


/* BODY & GENERAL */

html { margin:0; padding:0; font-size: 12px;}
body { margin:0; padding:0; color:#333; font-size:12px; font-family:Arial, Helvetica, sans-serif; background:#ccc; }

a{ text-decoration:none; }
a:hover{}
a:active{}
a:visited{}

img { border: 0; padding: 0; }


/*#container{ background:#FFF; padding:8px 8px 8px 8px; width:996px; margin: auto; }*/
#container{ background:#FFF; padding: 8px; width:996px; width : 1010px\9; /* IE8 e inferiori */

 margin: 0 auto; }

.scrittoda { color: #777; font-size: 10px; font-style: italic; }

h1,h2, h3 { margin: 0; padding: 0; }


/* MENU */
.internationallink, .internationallink a {font-size:10px; padding-bottom:5px; color:#666;}

	/* Menu UNO */
	table#menuuno {margin:0; padding:0; background-color: #b1180a; color: #FFF; text-transform:uppercase; list-style:none; height: 24px !important; font-size:11px; }
	table#menuuno a { color: #FFF; padding: 6px 10px 6px 10px; font-weight: bold; }
	table#menuuno a:hover { background-color: #000; }

	table#menuuno .searchinput { border:0; padding: 0 5px 0 5px; height: 15px; }
	table#menuuno .searchinvia { border:0; margin:0 4px 0 4px; }

	/* Menu DUE */
	table#menudue {margin:0; padding:0; background-color:#72150d; color: #b1180a; text-transform:uppercase; list-style:none; height: 20px; font-size:10px; font-weight:normal;}
	table#menudue a { color: #FFF; padding: 4px 6px 4px 6px; }
	table#menudue a:hover { background-color: #000; }



/* COLONNA SINISTRA */
.colonnasinistra { width:808px; float:left; background:#ffffff; padding:20px 0 40px 0; }

	.colonnasinistra .topimmaginearticolo { width:574px; height: 264px; padding:8px; margin:0 0 20px 0; border: solid 1px #CCC; }

	.colonnasinistra .anticipazioniauto { width:592px; margin:0 0 20px 0; }
	.colonnasinistra .anticipazioniauto .anticipazione_singola { width:280px; height: 70px; overflow: hidden; margin:0 10px 10px 0; float: left; }
	.colonnasinistra .anticipazioniauto .anticipazione_singola .immagine { width:57px; margin:0 0 20px 0; float:left; }
	.colonnasinistra .anticipazioniauto .img_div_l { position: relative; width: 150px; height: 130px; overflow: hidden; }
	.colonnasinistra .anticipazioniauto .img_div_l .img_back {  }
	.colonnasinistra .anticipazioniauto .img_div_l .img_front { position: absolute; top: 0px; }
	.colonnasinistra .anticipazioniauto .img_div_s { position: relative; width: 57px; height: 57px; overflow: hidden; background-color: #CCC; }
	.colonnasinistra .anticipazioniauto .img_div_s .img_back {  }
	.colonnasinistra .anticipazioniauto .img_div_s .img_front { position: absolute; top: 0px; }
	.colonnasinistra .anticipazioniauto .anticipazione_singola .titolointro { width:215px; margin:0 0 20px 0; float:left; }
	
	
	.colonnasinistra .rivistanumero { width:592px; padding:0; margin: 0; }
		.colonnasinistra .rivistanumero .ArtHEAD{ font-size:12px; color: #000; font-weight: bold; }



/* COLONNA SINISTRA UNO */
.colonnasinistrauno { width:600px; float:left; margin:0; padding:0; height:auto; }
	
						 .contenitoreshare { padding: 5px; margin: 20px 0 20px 0; width: 580px!important; border: 1px solid #CCC; min-height: 18px; overflow: hidden; }
	/* Pulsanti Ascolta */ .pulsanteascolta { padding: 0 0 0 5px; margin: 0; float: left; font-size: 12px; width: 200px; }
	/* Pulsanti Share */ .pulsanteshare { padding: 0 0 0 5px; margin: 0; float: right; font-size: 12px; }
								.pulsanteshare a { padding: 1px 4px 1px 4px; margin: 0; float: right; font-size: 11px; color:#666; border: 1px solid #999; height: 14px; }
								.pulsanteshare a:hover { padding: 1px 4px 1px 4px; margin: 0; float: right; font-size: 11px; color:#000; border: 1px solid #000; }
	
	
	
	.colonnasinistrauno a.APHeadhead { font-size:30px; color:#252571; font-weight: bold; }
	.colonnasinistrauno a.APHeadhead:hover { color:#b1180a; }
	
	.colonnasinistrauno a.APHead { font-size:14px; color:#252571; font-weight: bold; }
	.colonnasinistrauno a.APHead:hover { color:#b1180a; }
	
	.colonnasinistrauno .ArtbodytxtP { font-size: 11px; color:#333; font-family: Helvetica, sans-serif; line-height: 16px; }
	
	
						.rarticle_categoria { font-size:10px; color:#666; font-weight: bold; text-transform: uppercase; }
								a.rarticle_categoria:hover { color:#000;}
						.rarticle_numero { font-size:10px; color:#666; }
								a.rarticle_numero:hover { color:#000;}
						
						
						.articleheadtext { padding-bottom: 10px; padding-top: 5px; }
						.articleheadtext h1 { font-size:34px; color:#000; font-weight: bold; }
	
						.rarticle_intro { padding-bottom: 6px; }
						.rarticle_intro h2{ font-size: 16px; color:#111; font-family: Helvetica, sans-serif; line-height: 20px; font-weight: normal; }
						
						.rarticle_autore { color: #666; font-size: 12px; font-style: italic; }
								.rarticle_autore .noitalic { font-style: normal; }
						
						.rarticle_all { font-size: 12px; color:#333; font-family: Helvetica, sans-serif; line-height: 20px; }
								.rarticle_all a { font-size: 12px; color:#000; font-family: Helvetica, sans-serif; line-height: 20px; text-decoration: underline; }
								.rarticle_all a:after { content: " "; }
								.rarticle_all a:hover { font-size: 12px; color:#000; font-family: Helvetica, sans-serif; line-height: 20px; font-weight: bold; }
								
								.rarticle_all img { max-width: 592px; }
								
								.rarticle_all table { margin-bottom: 20px; font-size: 12px; color:#333; font-family: Helvetica, sans-serif; line-height: 20px; }
								.rarticle_all table tr { vertical-align: top; }
								.rarticle_all table tr td { }								
								.rarticle_all .articlecaption { font-size: 12px; color:#333; font-family: Helvetica, sans-serif; line-height: 20px; }
									.rarticle_all .articlecaption a { font-size: 12px; color:#000; font-family: Helvetica, sans-serif; line-height: 20px; text-decoration: underline; }
									.rarticle_all .articlecaption a:after { content: " "; }
									.rarticle_all .articlecaption a:hover { font-size: 12px; color:#000; font-family: Helvetica, sans-serif; line-height: 20px; font-weight: bold; }
									.rarticle_all .articlecaption img { max-width: 592px; }
	
	
	
	
	
	
	

/* COLONNA SINISTRA DUE */
.colonnasinistradue { width:208px; float:right; margin:0; padding:0; }

	/* Menu UNO */
	table#plusplus { border:solid; border-color:#DDD; border-width:1px;}
			table#plusplus #title { background-color: #b1180a; color: #FFF; text-transform:uppercase; font-weight:bold; list-style:none; font-size:10px; padding: 4px 10px 4px 4px;}
			
			
	table#plussx { border:solid; border-color:#CCC; border-width:1px; background-color:#EFEFEF; }
			table#plussx #title { background-color: #CCC; color: #333; text-transform:uppercase; font-weight:bold; list-style:none; font-size:10px; padding: 4px 10px 4px 4px;}
			
	a.anticipazioni { font-size: 11px; color:#252571;}
	a.anticipazioni:hover { color:#b1180a; }
	
	a.altreanticipazioni { border: 0; }
	a.altreanticipazioni img { border: 0; }
	
	table#plusplus a.APHead { font-size:16px; color:#252571; font-weight: bold; }
	table#plusplus a.APHead:hover { color:#b1180a; }
	td.artbodytxtP { height: 0px; }
	.incollaborazionecon { font-size: 11px; text-decoration: none; }
	.incollaborazionecon a { font-size: 11px; text-decoration: none; color:#b1180a; font-weight: bold; }
	.incollaborazionecon a:hover { color:#000; }
	table#plusplus .rientro { padding-left:8px; }
	table#plusplus .NewsAPHeadAPHead { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #003399; text-decoration: none; }
	table#plusplus .NewsAPHeadAPHead:before {content: url(http://www.technologyreview.it/img/tr_trenewsletter.gif);}

	
	
	
	
	/* COMMENTI */
	#uncommentoconrisp { border-bottom: 1px solid #ccc; padding-bottom: 10px; margin-bottom: 6px; }
	
	
	.colonnasinistradue .comtitle { color: #333; font-size: 10px; margin-top: 10px; }
						.colonnasinistradue .comtitle a { font-weight: bold; color: #b1180a; font-size: 12px; }
						.colonnasinistradue .comtitle u { color: #000; }
						.colonnasinistradue .comtitle .date { color: #333; font-size: 10px; }
	
	.colonnasinistradue .comBody { color: #333; font-size: 12px; text-align: left; }
						.colonnasinistradue .comtesto { color: #333; font-size: 12px; padding: 10px 0 10px 0; width: 190px; }
						.colonnasinistradue .comrispondi a { color: #72150d; font-size: 12px; font-weight: bold; }
						.colonnasinistradue .comnuovocommento a { padding: 2px 4px 2px 4px !important; color: #333; font-size: 12px; font-weight: bold; }
						.colonnasinistradue .comnuovocommento a:hover { background-color: #b1180a; padding: 2px 4px 2px 4px; color: #FFF; font-size: 12px; font-weight: bold; }
	
	
	
	.comm_etichetta { padding: 2px 4px 2px 4px; background-color: #333; color: #FFF; width: 80px; font-size: 12px; margin-bottom: 10px; }
	.comm_inseriesci { border: 0; background-color: #EEE; padding: 2px 4px 2px 4px; font-size: 12px; margin-bottom: 10px; }
	.buttonarea { border: 0; background-color: #b1180a; padding: 4px; font-size: 12px; width: 358px; color: #FFF; }
	
	


/* COLONNA DESTRA */
.colonnadestra { width:188px; float:right; background:#ffffff; padding:20px 0 40px 0; display: block; }
	table#plusdx { border:solid; border-color:#CCC; border-width:1px; background-color:#EFEFEF; }
			table#plusdx #title { background-color: #CCC; color: #333; text-transform:uppercase; font-weight:bold; list-style:none; font-size:10px; padding: 4px 10px 4px 4px;}
			
			table#plusdx .navblack { font-size: 12px; }
			table#plusdx .emailnomeinput {border:0; padding: 0; height: 14px; border-bottom:1px #666 solid; background-color:#EFEFEF; }
			table#plusdx .selectlist { margin:0; padding:0; width:50%; float:left; font-size: 11px;}
			table#plusdx .newsinvia { background-color:#666; color:#FFF; border:0; padding: 4px; margin-right:4px; }
			
			
	table#plusdxmagazine { border:solid; border-color:#333; border-width:1px; background-color:#EFEFEF; }
			table#plusdxmagazine #title { background-color: #333; color: #FFF; text-transform:uppercase; font-weight:bold; list-style:none; font-size:10px; padding: 4px 10px 4px 4px;}

	
	
	.colonnadestra a.APHead { font-size:12px; color:#b1180a; font-weight: bold; }
	.colonnadestra a.APHead:hover { color:#333; }
	
	.colonnadestra .ArtbodytxtP { font-size: 11px; color:#333; font-family: Helvetica, sans-serif; line-height: 16px; }
	
	.colonnadestra .redazionaledestra { font-size: 12px; color:#333; font-family: Helvetica, sans-serif; margin: 4px 0 4px 0; }
	.colonnadestra .abbonatimagazine { font-size: 10px; color:#333; font-family: Helvetica, sans-serif; margin: 0; font-weight: bold; text-transform: uppercase; }




/* FOOTER */
#footer{ width:100%; clear:both; margin: 0 0 20px 0; }

#footer table {	background-color:#ccc; width:996; padding:0; text-align:left; }

	/* Menu TRE */
	#footer table#menutre {margin:0; padding:0; color: #666; text-transform:uppercase; list-style:none; height: 20px; font-size:10px; font-weight:bold;}
	#footer table#menutre a { color: #666; font-weight:normal; padding: 4px 8px 4px 8px; }
	#footer table#menutre a:hover { background-color: #000; }



/* ARCHIVIO */
.archivioanno { padding: 2px 6px 2px 6px; color: #FFF; font-size: 12px; font-weight: bold;  }
.archivioedizioen { text-align: center; margin: 10px 0 10px 0; }
			.archivioedizioen a { color:#333; font-weight: bold; line-height: 20px; font-size: 12px; }			
			.archivioedizioen a:hover { color:#FFF; background-color: #b1180a; }



/* CHI SIAMO  */
.wrap { padding: 5px 0 0 0; overflow: auto; /* clearing floats */ }		
.chisiamobox { padding: 0 10px 10px 10px; margin: 0 16px 16px 0; background-color: #EEE; font-size: 12px; float:left; width: 366px; display: inline;  /* IE6 fix */  }
			.chisiamobox .titolo { font-size: 14px; padding-top: 10px; font-weight: bold; }
			.chisiamobox .testo { padding-top: 6px; }
						 .chisiamobox .testo a { color: #000; text-decoration: underline; }
						 .chisiamobox .testo a:hover { font-weight: bold; }



/* FORUM */
.wrap { padding: 5px 0 0 0; overflow: auto; /* clearing floats */ }		
.forumbox { padding: 0 10px 10px 10px; margin: 0 16px 16px 0; background-color: #EEE; font-size: 12px;  }
			.forumbox .titolo { font-size: 12px; padding-top: 10px; font-weight: bold; }
					  .forumbox .titolo a { font-size: 16px; padding-top: 14px; font-weight: bold; color: #333; }
			.forumbox .testo { padding-top: 6px; }
						 .forumbox .testo a { color: #000; text-decoration: underline; }
						 .forumbox .testo a:hover { font-weight: bold; }
						 
			.forumbox .comtitle { color: #333; font-size: 12px; margin-top: 10px; }
						.forumbox .comtitle a { font-weight: bold; color: #b1180a; font-size: 12px; }
						.forumbox .comtitle u { color: #000; }
						.forumbox .comtitle .date { color: #333; font-size: 10px; }
	
			.forumbox .comBody { color: #333; font-size: 12px; }
						.forumbox .comtesto { color: #333; font-size: 12px; padding: 10px 0 10px 0; }
						.forumbox .comrispondi a { color: #72150d; font-size: 12px; font-weight: bold; }
						.forumbox .comnuovocommento a { padding: 2px 4px 2px 4px !important; color: #333; font-size: 12px; font-weight: bold; }
						.forumbox .comnuovocommento a:hover { background-color: #b1180a; padding: 2px 4px 2px 4px; color: #FFF; font-size: 12px; font-weight: bold; }



td.reserved{ font-size: 10px; }




/* = Home Page
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
#HomePageAuto { width: 790px;}
#HomePageAuto .background { background-color: #EEE; padding: 10px 0 10px 0; overflow: auto; }
#HomePageAuto .background .wrap { padding: 0; overflow: auto; /* clearing floats */ width : 790px\9; /* IE8 e inferiori */ }

#HomePageAuto #uno { width: 242px; float: left; margin: 0 10px 20px 10px; border-bottom: 1px dotted #AAA; display: inline;  /* IE6 fix */ overflow: hidden; position: relative; }
#HomePageAuto #uno .img_div { position: relative; width: 242px; height: 250px; overflow: hidden; background-color: #DDD; }
#HomePageAuto #uno .img_div .img_back {  }
#HomePageAuto #uno .img_div .img_front { position: absolute; top: 0px; }
#HomePageAuto #uno h1 {  margin: 0 0 6px 0; }
#HomePageAuto #uno h1 .titolo { font-size:18px; color:#000; font-weight: bold; line-height: 20px; margin: 0; padding: 0; }
#HomePageAuto #uno h1 .titolo:hover { color:#b1180a; }

#HomePageAuto #due { width: 242px; float: left; margin: 0 10px 20px 10px; border-bottom: 1px dotted #AAA; display: inline;  /* IE6 fix */ overflow: hidden; position: relative; }
#HomePageAuto #due .img_div { position: relative; width: 57px; height: 57px; overflow: hidden; background-color: #DDD; }
#HomePageAuto #due .img_div .img_back {  }
#HomePageAuto #due .img_div .img_front { position: absolute; top: 0px; }
#HomePageAuto #due h1 {  margin: 0 0 6px 0; }
#HomePageAuto #due h1 .titolo { font-size:18px; color:#000; font-weight: bold; line-height: 20px; margin: 0; padding: 0; }
#HomePageAuto #due h1 .titolo:hover { color:#b1180a; }

#HomePageAuto #tre { width: 242px; float: left; margin: 0 10px 20px 10px; border-bottom: 1px dotted #AAA; display: inline;  /* IE6 fix */ overflow: hidden; position: relative; }
#HomePageAuto #tre .img_div { position: relative; width: 242px; height: 130px; overflow: hidden; background-color: #DDD; }
#HomePageAuto #tre .img_div .img_back {  }
#HomePageAuto #tre .img_div .img_front { position: absolute; top: 0px; }
#HomePageAuto #tre h1 {  margin: 0 0 6px 0; }
#HomePageAuto #tre h1 .titolo { font-size:18px; color:#000; font-weight: bold; line-height: 20px; margin: 0; padding: 0; }
#HomePageAuto #tre h1 .titolo:hover { color:#b1180a; }

#HomePageAuto #last { width: 242px; float: left; margin: 0 10px 20px 10px; border-bottom: 1px dotted #AAA; display: inline;  /* IE6 fix */ overflow: hidden; position: relative; }
#HomePageAuto #last .img_div { position: relative; width: 57px; height: 57px; overflow: hidden; background-color: #DDD; }
#HomePageAuto #last .img_div .img_back {  }
#HomePageAuto #last .img_div .img_front { position: absolute; top: 0px; }
#HomePageAuto #last h1 {  margin: 0 0 6px 0; }
#HomePageAuto #last h1 .titolo { font-size:14px; color:#000; font-weight: bold; line-height: 20px; margin: 0; padding: 0; }
#HomePageAuto #last h1 .titolo:hover { color:#b1180a; }





#HomePageAuto .testo { width: 242px; overflow: hidden; }
#HomePageAuto h2 { font-size: 11px; color:#333; font-family: Helvetica, sans-serif; line-height: 16px; font-weight: normal; margin-top: 0px; }
#HomePageAuto .info_date_autor { margin-top: 20px; font-size: 11px; color:#666; font-family: Helvetica, sans-serif; line-height: 16px; font-weight: normal; margin-top: 0px; }
#HomePageAuto .info_post_state { position: absolute; bottom: 4px; right: 0px; }
#HomePageAuto .info_post_state  img { width: 30px; height: 20px; }
	
	






















#linksites { text-align: right; }
#linksites a { color: #FFF; text-decoration: none; }