/* stili base */

/* elementi */
body{margin:0 13px 0 13px;padding:0;font-family:Verdana, Lucida, Arial, Helvetica, sans-serif;}
p, td, li, ul, ol, h1, h2, h3, h4, h5, h6 {font-family:Verdana, Lucida, Arial, Helvetica, sans-serif;font-size:90%;}/* be kind to netscape 4*/
h1, h2, h3, h4, h5, h6 {font-family:Arial, Verdana, Lucida, Helvetica, sans-serif;color:#a31719;font-size:120%;}
table{margin:0;padding:0;border:0;}
a:link {background:transparent;color:#415f8a;}
a:visited {background:transparent;color:#b87bb2;}
a:hover {background:transparent;color:#a31719;}
a:active {background:transparent;color:#a31719;}
li {padding:2px;}
input:focus {border:2px solid #F37450;}

/* id */
html>body #container, html>#container {width:960px;}
#container{width:960px;margin:0 auto;position:relative;}


#testata {height:65px;margin:0;background:#f0fcff;border:1px solid #c9d4d7;text-align:left;}
h1#tagline {display:none;}

#logo 
{
	background:#f0fcff url(/img/logo.jpg) top left no-repeat;
	cursor:pointer;border:0;
}


#cerca
{
	position:absolute;
	top:2px;
	right:20px;
	font-size:95%;font-weight:bold;font-family:Arial,Lucida,Verdana,sans-serif;
	z-index:99;
}
#cerca input {border:1px inset c9d4d7;}
#cerca input.submit{background:#fbf6ee;cursor:pointer;}


ul#menu
{
	height:30px;
	margin:0;
	padding:7px;
	text-align:left;
	
}
ul#menu li, ul#archivio li
{display:inline;margin:5px 0 5px 0;	padding:5px 15px 0 0;	}
ul#menu a:link, ul#menu a:visited, ul#menu a:hover,  ul#menu a:active
{font-family:Arial,Lucida,Verdana,sans-serif;font-size:110%;font-weight:bold;color:#000;text-decoration:none;}
ul#menu A:hover {color:#a31719;}


ul#archivio
{
	position:absolute;
	top:77px;
	right:10px;
	margin:0;padding:0;
}
ul#archivio span 
{margin:0;padding:0;font-family:Arial,Lucida,Verdana,sans-serif;font-size:110%;font-weight:bold;color:#adaaa5;}
ul#archivio a:link, ul#archivio a:visited, ul#archivio a:hover,  ul#archivio a:active
{font-family:Arial,Lucida,Verdana,sans-serif;font-size:110%;font-weight:bold;color:#000;text-decoration:none;}
ul#archivio A:link{color:#000;}
ul#archivio A:visited{color:#000;}
ul#archivio A:hover {color:#a31719;}
ul#archivio A:active{color:#000;}

/* ---------- Layout ------------ */

#layout
{
	margin:0;padding:0;
	border-top:1px solid #000;border-left:1px solid #000;border-right:1px solid #000;
	font-size:95%;
}
#layout td, layout tr {margin:0;padding:0;text-align:left;}
#layout td.colonna_sinistra {width:65%;vertical-align:top;color:#000;background:#fbf6ee;color:#000;}
#layout td.colonna_destra {vertical-align:top;color:#000;background:#c9d4d7 url(/img/ombra.jpg) left repeat-y;}

#contenuti-colonna-destra {padding: 0 10px}


/* ----------- Top story ------------*/
#topstory 
{
	position:relative;
	top:10px;left:0;
	margin:0 10px 0 10px;
}
#topstory h3 {color:#a31719;border-bottom:1px solid #8a8480;}
#topstory img {position:absolute;top:45px;left:5px;}
#topstory h4 {margin:0 0 0 10px;}
#topstory p {margin:0 0 0 0;}
#topstory p {padding:10px 0 5px 0;}
#topstory blockquote {margin:15px 5px 5px 5px;padding:3px 3px 3px 3px;float:left;width:120px;min-height:95px;height: auto !important;height: 95px;vertical-align:30%;text-align:center;font-size:80%;}
#topstory blockquote.xhtml {background:url(/img/quote-xhtml.jpg) no-repeat;color:#808080;}
#topstory blockquote.usabilita {background:url(/img/quote-usabilità.jpg) no-repeat;color:#7f0000;}
#topstory blockquote.accessibilita {background:url(/img/quote-accessibilità.jpg) no-repeat;color:#003300;}
#topstory blockquote.css {background:url(/img/quote-xhtml.jpg) no-repeat;color:#8c38000;}
#topstory blockquote.xml {background:url(/img/quote-xml.jpg) no-repeat;color:#00008c;}
#topstory blockquote.analisi {background:url(/img/quote-xhtml.jpg) no-repeat;color:#808080;}
.blockSpan {padding: 5px 15px 5px 5px;font-size:10pt;}
#topstory h4 {font-size:110%;}
#topstory span {width:99%;padding:0;}





/* News */

h3.title {color:#a31719;text-align:left;border-bottom:1px solid #8a8480;}
#news h4 {font-size:95%;}
#news h3, #news h4, #news p {margin:10px 10px 0 10px;padding:0;width:auto; }
#news h3 {font-size: 110%; }
#news p {margin-right:0;padding:0 20px 0 10px;font-size:85%;}
#news span {width:99%;margin:0;padding-left:10px;font-weight:bold;font-size:80%;text-align:right;}



#correlati 
{
	background:transparent;color:#000;
}
#correlati h2{margin:10px;border-bottom:1px solid #8a8480}
#correlati p {margin:0 10px 0 10px;}
#correlati span.latest {margin:0 10px 0 10px;}
#correlati h4.latest {margin:0 10px 20px 20px;}

#adv
{	
	position:relative;
	min-height:95px;
	height: auto !important;
	height: 95px;
	margin:0;padding:0 0 2px 0;
	background:#f2f2f2 url(/img/ombra-adv.jpg) left repeat-y;
	border-bottom:1px solid #000;
}
#adv h3{font-size:95%;margin:0;padding:5px 0 0 19px;}
#adv p{font-size:73%;color:#000;margin:0;padding:2px 90px 0 19px;text-decoration:none;}
#adv img{position:absolute;top:5px;right:5px;}  
#adv a:link, #adv a:visited, #adv a:hover, #adv a:active {color:#f37450;}


ul#colophon
{
	margin:0;padding:0;
	height:20px;
	background:#888;
	border:1px solid #000;
	color:#fff;
	text-align:center;
}
ul#colophon li
{display:inline;padding:0;margin:0;}
ul#colophon a:link, ul#colophon a:visited, ul#colophon a:hover, ul#colophon a:active
{color:#fff;padding:0 9px 0 2px;margin:0;font-family:Arial,Lucida,Verdana,sans-serif;font-size:90%;font-weight:bold;text-decoration:none;}
ul#colophon a:visited {color:#eee;}
ul#colophon a:hover {color:#fff;text-decoration:underline;}
ul#colophon a:active {color:#fff;}


/*div#decorazione
{
	position:relative;top:0;left:0;
	margin:-3px 0 0 0;padding:0;border:0;
	background:transparent url(/img/deco-right.jpg) left repeat-x;
}
#decorazione img {margin:3px 0 0 0;padding:0;}*/

#articoli, #hot-link, #quicks-container, #strumenti
{
	margin:10px 0 0 0;
	padding:0 10px 0 10px;
	vertical-align:top;
}
#articoli h3, #hot-link h3, #quicks-container h3 {color:#a31719;border-bottom:1px solid #8a8480;}
#articoli h4, #articoli p
{margin:0;padding:3px 5px 3px 5px;}
#articoli h4, #hot-link h4 {margin-top:5px;font-size:95%;}
#articoli p,#hot-link p {font-size:90%;}
#hot-link, #quicks-container {width:200px;}

#strumenti h3
{color:#a31719;border-bottom:1px solid #8a8480;}
#strumenti p {margin:0 0 0 140px;font-size:95%;}
.strumenti-rotator {float:left;width:120px; margin-bottom:5px;border:0;}
.strumenti-lista {margin:5px 0 5px 160px;font-size:90%;	}
#strumenti-newsletter {margin:10px 0 10px 140px;font-size:90%;	}

#segnalasito {margin:0 10px 0 30px;margin-bottom:15px;}
#google-home {margin-top: 72px;  text-align:center;}
/* classi */
td.contenuto h1 {margin:0 10px 0 10px;}
div.bread-articoli {padding:15px 5px 20px 5px;font-size:85%;}
img.icon{border:0;margin:0 0 0 15px;}
.hide{display:none;}
.right-icon{float:right;margin:10px;width:48px;height:48px;}
.left-icon{float:left;margin:10px;border:0;}
.tabella-link {margin:0 0 0 0; clear:left; vertical-align:top}
.quicks-image{border:1px solid #8A8480;}