html,body{margin:0;padding:0; background: #fff; font: 80%/1.3 Verdana,Arial,sans-serif; text-align: center; background: #fff;  }

div#container{width:980px;margin:0 auto; text-align: left;  }
div#wrapper{float:left;width:100%;}
div#content{margin: 0px 305px 0px 185px; width: 480px; /*padding: 0px 25px;*/ /*background: #ccc;*/ }
div#extra{float:left;width:300px;margin-left:-305px;}
div#navigation{float:left;width:180px;margin-left:-975px;}
#footer { clear:both; width:100%; padding: 10px; text-align: center; background: #006bb1; border-top: 4px solid #000; color: #fff; } #footer a  { text-decoration: none; color: #fff; } #footer a:hover  {  color: #fff; text-decoration: underline; }
/* logo + banner pubblicitario */
table.logo { width: 980px; margin: 0px auto;   }
td.logo { text-align: right; padding-top: 0; }

/*titolo testo */
h1 {font: bold 200% "Trebuchet MS",Arial,sans-serif;  padding: 0 5px; color: red;  text-align: center;}
/*titolo menu*/
h2{text-align: center;}
/* autore */
h5 { color: #000; text-align: center; padding: 0; margin-top: -10px;  font: normal 11px Verdana,Arial,sans-serif;  }


/* menu in alto */
div#header{ width: 100%; overflow:hidden; margin: 0 auto 10px auto;  padding: 0; }
div#menu{width:980px;margin:0 auto;text-align:left;  }
ul#nav,ul#nav li{list-style-type:none;margin:0;padding:0;}
ul#nav{float:right;}
ul#nav li{float:left;margin-left: 3px;text-align: center; font-weight: bold;}
ul#nav a{float:left;width: 130px;padding: 5px 0;background: #369A3D; text-decoration:none;color: #fff}
ul#nav a:hover{background: #CDFFA1;color: #006A35;}
ul#nav li.activelink a,ul#nav li.activelink a:hover{background: #000;color: #003; background: #fff;}


/* menu a sinistra e destra */
div#profilo {margin: 0 auto 25px auto; padding:0; background: #027f45;}
div#cultura {margin: 25px auto; padding:0; background: #027f45;}
div#psicoatt {margin: 25px auto; padding:0; background: #027f45;}
div#ebook {margin: 25px auto; padding:0; background: #CDFFA1;}
div#visti {margin: 0 auto 25px auto; padding:0; background: #Fff; border: 1px solid #000;}
div#visti2 {margin: 0 auto 0 auto; padding:0; background: #fff7d6;; border: 1px solid #000;}
div#google1 {margin: 0px auto 15px auto; padding:0; background: #fff; border: 0px solid #000;}
div#google2 {margin: 0px auto 15px auto; padding:0; background: #fff; }
h3{font-size: 11px;margin:0; padding: 3px 0 3px; background: #006bb1; color: #fff;text-align: center;}
h3 a {background: #369A3D; color: #fff;text-align: center;}

ul {margin: 0; padding: 0; text-align: left; }
/*destra*/
#menu1 li {padding: 0px; margin: 0 auto; border-bottom: 1px solid #ccc; width: 90%; list-style: none; line-height: 20px;}
#menu1 li a:visited, #menu1 li a:link {padding-left: 20px; margin:0px; list-style-type:none; text-decoration: none; color: #000; background-image: url("../img/corretto.gif"); background-repeat: no-repeat ; background-position: left; }
#menu1 li a:hover, #menu1 li a  {text-decoration: none; color: #E60003;  list-style-position: inside; background-image: url("../img/sbagliato.gif"); background-repeat: no-repeat ; background-position: left; }

/*sinistra*/
li.menu3 {padding: 0px; margin: 0 auto; border-bottom: 1px solid #ccc; width: 90%; list-style: none; line-height: 20px;}
li.menu3 a {padding-left: 5px; margin:0px; list-style-type: square; text-decoration: none; color: #000; }
li.menu3 a:hover {text-decoration: none; color: #E60003;  list-style-position: inside;  }


/* contenuto al centro */
p {  width: 450px; margin: 0 auto 0 auto; } p a { text-decoration: none; color: #000; } p a:hover { text-decoration: underline; }
div#directory {margin: 0px auto 15px auto; padding: 0; 	background: #006bb1; color: #000; }
h4 { padding: 3px 20px; margin: 0; font-weight: bold; color: #fff; } h4 a { color: #fff; text-decoration: none; }  h4 a:hover { color: #fff; text-decoration: underline; } 

table.categoria { width: 450px; margin: 0 auto; padding: 0; font-size: 100%; text-align: center; } 
th { width: 150px;  background: #006bb1; color: #fff; text-align: center; padding: 5px 0;  }
td.categoria { width: 150px; background: #fff7d6;; text-align: left;}
td.si { width: 20px; background: #fff7d6;  text-align: left; margin: 0 auto;}
td a { color: #000; text-decoration: none; } td a:hover { text-decoration: underline; }
td img { margin: 0 auto; border: none; float: center; }
div.commento { background: #eee; color: #000; text-align: left; padding: 1px 5px;}

td.quiz2 { background: #369A3D;color: #fff; text-align: center; padding: 5px 0;  }

div#generalita { background: #eee; } #generalita p { padding: 10px; margin: 0; }
div#descrizione { background: #dae6fe; } #descrizione p { padding: 10px; margin: 0; }
div#sottocategoria { background: #eee; } #sottocategoria p { padding: 10px; margin: 0; }

/* test on line*/
table.quiz { width: 450px; margin: 0 auto; padding: 0; font-size: 100%;} 
td.quiz { background: #fff; text-align: left; padding: 3px; max-width: 250px; border-bottom: 1px dotted #000; width: 225px; }
td.img { background: #fff; text-align: left; padding: 3px; max-width: 250px;}
td.img img { /* width: 490px; */ }
th.quiz { background: #006bb1; color: #000; text-align: center; padding: 10px; text-transform: uppercase; font-weight: bold; }
td.risultato { background: #fff; text-align: left; padding: 3px;}
.punteggio {font: normal normal 150% "Trebuchet MS",Arial,sans-serif; text-transform: uppercase; padding: 0; margin: 0; color: #000;}


/* votazione */
div#votazione { margin: 0 auto 25px auto; padding:0; background:  #eee;  } div#votazione h5 { padding: 3px; color: #000; margin: 0; letter-spacing: 1px; } div#votazione h5 a { color: #000; text-decoration: none; } div#votazione h5 a:hover {color: #E60003; text-decoration: none; } 


/* network */
#menu {	background: #006bb1;	float: left;	list-style: none;	margin: 0;	padding: 0;	width: 100%; }
#menu li {	float: left;	font: 125% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;	margin: 0;	padding: 0; }
#menu li a:visited, #menu li a:link {	background: #006bb1 url("../img/seperator.gif") bottom right no-repeat;	color: #fff;	display: block;	float: left;	margin: 0;	padding: 8px 12px;	text-decoration: none;}
#menu li a:hover, #menu li a {	background: #0ac06b url("../img/hover.gif") bottom center no-repeat;	color: #fff;	}

/* maggioli */
li.menu2 {padding: 0px; margin: 0 auto; width: 90%; list-style: none; }
li.menu2 a { margin:0px; list-style-type:none; text-decoration: none; color: #000;  }
li.menu2 a:hover {text-decoration: none; color: #E60003;  list-style-position: inside; }