/* 
Layout techniques: http://www.constile.org/template/nuovo_layout_a_tre_colonne
Color scheme: http://www.returnofdesign.com/showcolors.php?scheme=28
DropDown shadow: http://web-graphics.com/mtarchive/001589.php
*/

/* COLORI:
#281: verde
+chiaro: #0c2 
psichedelico: #6d0

#992: verde-giallo
+scuro: #871
+chiaro: #d70

#c20: rosso
+scuro: #812
+chiaro: #d06

#06d: azzurro
+scuro: #128
+chiaro: #0ac
spento: #299

altri in tono: 
#d70: arancio
#c0a: viola
#718: viola scuro
#0d7: verde mare
*/


/* Elimino margini e padding di default e centro la pagina web a larghezza fissa */
body { margin:0; padding:0; text-align:center; font: 11pt Verdana; }  

/* Per avere una larghezza fissa basta metterla nei tre width seguenti */
#testa { width:700px; margin:1em auto 0 auto; text-align:left }
#corpo { width:700px; margin: 0 auto; text-align:left }
#piedipagina { width:700px; margin: 0 auto 1em auto; text-align:left }

/* testa */
#testa { 
  background: #fff; 
  border-bottom:1em solid #ccc; 
  height: 95px;
}

/* corpo */
#corpo { 
	position:relative;
	background: #fff; 
}
#corpo-colonna1 { 
	/* posizione rispetto a #corpo */
	position:absolute; top:0; right:0; 
	width:200px; 
	padding:1em 0; 
        min-height: 500px;
        height: auto !important;
        height: 500px;
}

#corpo-colonna2 { 
  margin:0 200px 0 0; 
  background:#fff; 
  padding:1em 0;
  padding-bottom: 15em;
}

/* pie' di pagina */
#piedipagina { 
  border-top: 1em solid #ccc; 
  padding:1em 0; 
}

HR.nascosto { display: none; }


/* TESTATA */

#toplinks {
  float: right;
}

#toplinks a:hover, #toplinks a:active {
  color: #c0a;
  border-bottom: .2em solid #c0a;
}

#testa img {

}

div.shadow {
  float: left;padding: 0 6px 6px 0;
  background: url(/images/40.png) no-repeat bottom right}
div.shadow img{ display: block; position: relative;
  top: -3px;left:-3px; padding:5px; background:#FFF;
  border:1px solid; border-color: #ccc #666 #666 #ccc
}


h1, h2 {
margin: 0;
text-align: center;
}

a:link, a:visited { color: #000; text-decoration: none; }
a:hover, a:active { color: #281; text-decoration: none; }



/* SUBTOPICS: links o simili, sottostanti all'argomento
   corrente 
 */
.subtopic_child { 
}

/* il nome del subtopic e\' sempre un link */
.subtopic_child a { 
  display: block;
  height: 5em;
  text-align: left;
  background-color: #eee;
  border: .5em solid #666;
  font-weight: bold;
  font-size: 1.2em;
  text-decoration: none;
  padding: .1em;
}

.subtopic_child a:active, .subtopic_child a:hover { 
  color: #eee;
  background-color: #c20;
  border: .5em solid #812;
}

/* Testo descrittivo del subtopic */
.subtopic_child div { 
  display:none;
}



/* NEWS DA A.I. */
.news {
  font-size: .9em;
}

.news a:hover, .news a:active {
  color: #c20;
}

.rss_item {
 display: block;
 border-right: .2em solid #fff;
 margin: 1em 0;
}

.rss_item:hover, .rss_item:active, .rss_item:focus {
  border-right: .2em solid #06d;
  color: #06d !important;
}


.headline {
  font-weight: bold;
  font-size: 2em;
  letter-spacing: .1em;
  padding: 1em .5em .5em 0;
  color: #d70;
  text-align: center;
  line-height: 1.5em;
}



.article {
  position: relative;
  line-height: 1.5em;
  overflow: hidden;
}

.print_box {
  font-size: .8em;
  position: absolute;
  bottom: -2em;
  left: 0;
}
.print_box div {
  display: inline;
  padding: .2em .5em
}
.print_box a:link {
  color: #666;
}

.print_box a:hover, .print_box a:active {
  color: #d06;
  border-top: .2em solid #d06;
}

.subpath {
  padding: .2em 0 1em 0;
  color: #666;
}
.subpath a:link, .subpath a:visited {
  color: #666;
}



body {
 background: url(/images/51.jpg) 10px 400px no-repeat fixed;
}
#corpo, #corpo-colonna2, #corpo-colonna1 {
background: url(/images/52.jpg) 10px 400px no-repeat fixed;
}