/*------------------------------------------------------------
  filename: sdc.css
  content: Stili CSS per il sito della Segreteria Nazionale ICAR/08
  author: AICE Consulting Srl
  date: 10 marzo 2009
------------------------------------------------------------*/
/*
     Impostazioni generali della pagina:
------------------------------------------------------------*/
tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
html {
	width: 100%;
	height: 100%;
	margin: 0;
	background-image: url(immagini/sfondo.gif);
	background-repeat: repeat-x;
	background-color: #ffc;
}
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	padding: 0;
	margin: 0;
	height: auto;
}
/*
     Contenitori
------------------------------------------------------------*/
div#contenitore {
	width: 960px;
	margin: auto;
	border: solid #0000c1 1px;
	border-top: none;
}
/*
div#striscia {
	width: 960px;
	height: 35px;
	background-image: url(immagini/escher-striscia.jpg);
}
*/
div.contenuto {
	width: 760px;
	height: auto;
	float: left;
	overflow: visible;
}
div#testa {
	width: 960px;
	height: 165px;
}
div#testata {
	width: 920px;
	height: 15px;
	background-color: #ccc;
	padding: 1px 0 0 40px;
	border-top: solid #0000c1 1px;
}
div#logo {
	width: 960px;
	height: 150px;
	float: left;
	background-image: url(immagini/sdc-logo.jpg);
	background-repeat: no-repeat;
	background-color: #fff;
}
div#menu {
	width: 960px;
	height: 35px;
	padding: 0;
	margin: 0;
}
div#corpo {
	width: 960px;
	height: auto;
	float: left;
	background-image: url(immagini/falsa_colonna.gif);
}
div.left {
	width: 380px;
	float: left;
	overflow: visible;
	margin: 0;
}
div.right {
	width: 380px;
	float: right;
	overflow: visible;
	margin: 0;
}
div#laterale {
	width: 200px;
	font-size: 12px;
	float: right;
	overflow: visible;
}
div#piede {
	width: 960px;
	height: 180px;
	margin: 0;
	padding: 0;
	clear: left;
	background-color: #fff;
}
div#escher {
	width: 960px;
	height: 110px;
	float: left;
	background-image: url(immagini/escher.jpg);
	background-repeat: no-repeat;
	background-color: #fff;
	border-top: solid #0000c1 1px;
}
div#piede-sx {
	width: 140px;
	font-size: 9px;
	text-align: center;
	float: left;
	padding: 5px 0 0 0;
}
div#piede-cx {
	width: 620px;
	font-size: 9px;
	text-align: center;
	float: left;
	padding: 5px 0 0 0;
}
div#piede-dx {
	width: 200px;
	text-align: center;
	vertical-align: bottom;
	float: right;
	padding: 5px 0 0 0;
}
img.shinystat {
	width: 100px;
	height: 42px;
	border: none;
}
img.w3c {
	width: 88px;
	height: 31px;
	border: none;
}
/*
     Impostazioni del MENU ORIZZONTALE:
------------------------------------------------------------*/

div.menu1 {
	width: 160px;
	height: 35px;
	color: #fff;
	float: left;
	line-height: 35px;
	display: block;
}
ul.menu-orizzontale {
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: center;
	background-image: url(immagini/btp7ccp_0.gif);
	background-repeat: no-repeat;
}	
ul.menu-orizzontale li ul li {
	list-style: none;
	margin:0;
	padding:0;
}
ul.menu-orizzontale li {
	float:left;
	margin: 0;
	padding: 0;
	color: #fff;
	width: 160px;
	text-align: left;
}
ul.menu-orizzontale a:link, ul.menu-orizzontale a:visited {
	display: block;
	color: #fff;
	text-decoration: none;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
}
ul.menu-orizzontale a:hover {
	background-color: #ffc;
	color: #fff;
	text-decoration: none;
	text-align: center;
	background-image: url(immagini/btp7ccp_1.gif);
}
ul.menu-orizzontale li ul{
	display: none;
}
ul.menu-orizzontale li:hover ul {
	display: block;
	position: absolute;
	z-index: 1;
	width: 220px;
	padding: 5px;
	margin: 0 0 0 12px;
	border: 1px solid #000;
	background: #e9f9ff;
}
ul.menu-orizzontale li li {
	width: 220px;
	line-height: 10px;
	margin: 0;
}
li.tendina a:link, li.tendina a:visited {
	color: #000;
	margin: 0;
	padding: 5px;
	text-align: left;
	background-image: none;
}
li.tendina a:hover {
	background-image: none;
	border: 1px solid #eaeaea;
	padding: 4px 5px 4px 4px;
}

/************ HO MESSO LE TENDINE A TUTTI I MENU!!! (Paolo)

ul.nolink a:link, ul.nolink a:visited {
	display: block;
	color: #fff;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}
ul.nolink a:hover {
	background-color: #999;
	color: #fff;
	text-decoration: none;
	text-align: center;
}
ul.nolink {
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: center;
}
*******************/

/*
     Impostazioni dei testi:
------------------------------------------------------------*/
h1 {
	font-size: 12px;
	padding: 5px;
	margin: 10px;
	text-align: left;
	color: #0000c1;
	border-bottom: solid #ffc 2px;
}
h2 {
	text-align: center;
	font-weight: bold;
	font-size: 12px;
	padding: 2px 0 2px 10px;
	margin: 0 10px;
	color: #fff;
	background-color: #0000c1;
}

div.contenuto p {
	padding: 10px;
	margin: 0;
	text-align: justify;
	line-height: 20px;
}
h1.logo {
	font-size: 20px;
	margin: 20px 240px 0 25px;
	text-align: right;
	border-bottom: none;
/*	border-bottom: solid #ccc 2px;
	color: #e00;
*/
	line-height: 33px;
}
li.pdf {
	background-image: url(immagini/pdf-ico.gif);
	background-repeat: no-repeat;
	background-position: left 0;
	margin-left: -31px;
	padding-left: 23px;
	text-align: left;
	line-height: 17px;
	padding-bottom: 8px;
	font-family: Tahoma;
	font-size: 12px;
}
li.elenco {
	background-image: url(immagini/pallino.gif);
	background-repeat: no-repeat;
	background-position: left 4px;
	margin-left: -31px;
	padding-left: 20px;
	text-align: left;
	line-height: 17px;
	padding-bottom: 5px;
	font-size: 12px;
}
ul, li {
	list-style: none;
}
li.numero {
	list-style: decimal;
	text-align: left;
	line-height: 17px;
	padding: 3px 10px;
	font-family: Tahoma;
	font-size: 12px;
}
/*
     link
------------------------------------------------------------*/
.contenuto a, .contenuto a:link, .contenuto a:visited {
	color: #0000c1;
	text-decoration: none;
	font-weight: bold;
	border-bottom: none;
}
.contenuto a:hover {
	text-decoration: none;
	color: #e00;
}
div#testata a, div#testata a:link, div#testata a:visited{
	font-size: 10px;
	color: #0000c1;
	text-align: left;
	text-decoration: none;
	padding: 0 10px;
	line-height: 15px;
	font-weight: bold;
}
div#testata a:hover {
	color: #e00;
	text-decoration: none;
	line-height: 15px;
}
li.pdf a, li.pdf a:link, li.pdf a:visited, li.elenco a, li.elenco a:link, li.elenco a:visited {
	color: #0000c1;
	text-decoration: none;
}
li.pdf a:hover, li.elenco a:hover {
	text-decoration: none;
	color: #e00;
	border: none;
}
div#piede a, div#piede a:link, div#piede a:visited {
	color: #0000c1;
	text-decoration: none;
	display: inline;
}
div#piede a:hover {
	color: #e00;
	text-decoration: underline;
}
div#laterale a, div#laterale a:link, div#laterale a:visited {
	color: #0000c1;
	text-decoration: none;
	font-weight: normal;
}
div#laterale a:hover {
	text-decoration: none;
	color: #e00;
}
.riservato a, .riservato a:link, .riservato a:visited {
	font-size: 10px;
	color: red;
	padding: 2px 5px;
}
.riservato a:hover {
	background-color: yellow;
}
a.inviato, a.inviato:link, a.inviato:visited {
	font-size: 10px;
	color: gray;
	padding: 2px 5px;
}
a.inviato a:hover {
	background-color: yellow;
}
.rosso {
	color: red;
}
/*
     Altro
------------------------------------------------------------*/
img.fondatori {
	width: 178px;
	margin: 5px 0 5px 0;
}
p.fondatori {
	text-align: center;
	padding: 10px;
}
.tab_fondatori {
	width: 738px;
	margin: 0 11px 11px;
	border: solid #0000c1 1px;
	background-image: url(immagini/carta.jpg);
}
.tab_fondatori_cella1 {
 	width: 349px;
 	vertical-align: bottom;
 	text-align: center;
 	padding: 10px;
}
.tab_fondatori_cella2 {
 	width: 349px;
 	vertical-align: bottom;
 	text-align: center;
 	padding: 10px;
}
div.box {
	padding: 0 10px 0;
	margin: 10px;
	font-size: 12px;
	border: solid 1px red;
	background-color: white;
}
p.box-evidenza {
	padding: 2px 0;
	background-color: red;
	color: white;
	text-align: center;
	font-weight: bold;
}
img.citazione {
	padding: 10px;
	border: none;
}
img.citazione-small {
	width: 180px;
	padding: 10px 10px 0;
	border: none;
}
p.citazione {
	font-family: Garamond, "Times New Roman", serif;
	text-align: justify;
	padding: 0 10px 5px;
	font-size: 16px;
}
p.citazione-small {
	font-family: Garamond, "Times New Roman", serif;
	text-align: justify;
	padding: 0 10px 5px;
	font-size: 12px;
}
div.evidenza {
	background-color: #ff0;
	color: #e00;
	padding: 10px;
	margin: 10px;
	font-weight: bold;
}
div.nota {
	background-color: #ff0;
	color: #000;
	padding: 10px;
	margin: 10px;
}
.fascia1 {
	color: #307;
	font-weight: bold;
}
.fascia2 {
	color: #30f;
	font-weight: bold;
}
.fascia3 {
	color: #373;
	font-weight: bold;
}
.tab_docenti {
	width: 738px;
	margin: 0 11px 11px;
	border: solid #0000c1 1px;
	background-image: url(immagini/carta.jpg);
}
.tab_docenti_cella1 {
 	width: 269px;
 	vertical-align: top;
 	padding: 3px 0 3px 40px;
 	text-indent: -30px;
}
.tab_docenti_cella2 {
 	width: 379px;
 	vertical-align: top;
 	padding: 3px 10px 3px 40px;
 	text-indent: -30px;
}
.tab_documenti {
	width: 738px;
	margin: 0 11px 11px;
	border: solid #0000c1 1px;
	background-image: url(immagini/carta.jpg);
}
.tab_documenti_cella1 {
 	width: 688px;
 	vertical-align: top;
 	padding: 3px 10px 3px 40px;
 	text-indent: -30px;
}
.tab_avvisi {
	width: 738px;
	margin: 0 11px 11px;
	border: solid #0000c1 1px;
	background-image: url(immagini/carta.jpg);
}
.tab_avvisi_cella1 {
 	width: 718px;
 	vertical-align: top;
 	padding: 5px 10px 5px 10px;
}
img {
	border: solid #0000c1 1px;
}
/*
     stili delle tabelle per i moduli (form)
------------------------------------------------------------*/
/*
     modulo login
*/
table.modulo_login
{
	width: 450px;
	margin: 0 11px 11px;
	background-image: url(immagini/carta.jpg);
	border: solid #0000c1 1px;
}
td.modulo_login_sx
{
	width: 130px;
	padding: 5px 0 5px 20px;
	text-align: left;
	vertical-align: top;
}
td.modulo_login_dx
{
	width: 280px;
	padding: 5px 20px 5px 0;
	text-align: left;
	vertical-align: top;
}
table.modulo_login_bottoni
{
	width: 450px;
	margin: 0 11px 11px;
}
td.modulo_login_bottoni
{
	width: 410px;
	padding: 5px 0;
	text-align: right;
}
/*
     modulo (per docenti, documenti e avvisi)
*/
table.modulo
{
	width: 738px;
	margin: 0 11px 11px;
	background-image: url(immagini/carta.jpg);
	border: solid #0000c1 1px;
}
td.modulo_sx
{
	width: 140px;
	padding: 5px 0 5px 10px;
	text-align: left;
	vertical-align: top;
}
td.modulo_dx
{
	width: 578px;
	padding: 5px 10px 5px 0;
	text-align: left;
	vertical-align: top;
}
td.modulo_avvisi_sx
{
	width: 180px;
	padding: 5px 0 5px 10px;
	text-align: left;
	vertical-align: top;
}
td.modulo_avvisi_dx
{
	width: 538px;
	padding: 5px 10px 5px 0;
	text-align: left;
	vertical-align: top;
}
td.modulo_invia_multiplo_sx
{
	width: 50px;
	padding: 5px 0 5px 10px;
	text-align: center;
	vertical-align: top;
}
td.modulo_invia_multiplo_dx
{
	width: 668px;
	padding: 5px 10px 5px 0;
	text-align: left;
	vertical-align: top;
	color: red;
}
td.modulo_invia_multiplo_dx_inviato
{
	width: 668px;
	padding: 5px 10px 5px 0;
	text-align: left;
	vertical-align: top;
	color: gray;
}
td.modulo_nota
{
	width: 698px;
	padding: 5px 10px 10px;
	text-align: left;
	vertical-align: top;
}
table.bottoni
{
	width: 738px;
	margin: 0 11px 11px;
}
td.bottoni_sx
{
	width: 349px;
	padding: 10px 0 0;
	text-align: center;
}
td.bottoni_dx
{
	width: 349px;
	padding: 10px 0 0;
	text-align: center;
}
.bottoni_dx input
{
	font-weight: bold;
}