/* CSS stili GIAN */

body {
font-family: Verdana,Arial,Helvetica,sans-serif;
background: #ffebb6 url(../prototipo/body-sfondo.gif) 0 0 repeat-x;
color: #000;
text-align: center; /* Per IE */
padding: 0;
margin: 0;
}

#container {
width: 900px;
text-align: left;
background: transparent;
padding: 0;
margin: 15px auto;
}

#corpo {
width: 100%;
float: left;
background: #fff url(../prototipo/colonna-sx.gif) 0 0 repeat-y;
/*border-top: 2px solid #f7f7f7;
border-bottom: 2px solid #f7f7f7;*/
}

img#logo-gian,img#imgAngolo {
padding: 0;
margin: 20px 0 0 0;
float: right;
}

hr {
position: absolute;
top: 0;
left: -2000em;
}

/* Acronimi */
acronym {
font-family: Verdana,Arial,Helvetica,sans-serif;
text-decoration: none;
font-weight: bold;
color: #ce1414;
cursor: help;
}

/* Lingue */
#col-destra #lingue a img,#col-destra #lingue a:visited img,
#col-destra #lingue a:focus img,#col-destra #lingue a:hover img,#col-destra #lingue a:active img {
background: transparent;
}


/* Regole specifiche */
/* Colonna Sinistra */
#col-sinistra {
width: 210px;
background: transparent;
line-height: 1.2;
margin: 0 1px 0 0;
float: left;
}

#col-sinistra h3 {
font-size: .9em;
font-family: Verdana,Arial,Helvetica,sans-serif;
color: blue;
background: url(../prototipo/angoli-sup-fiore.gif) 0 0 no-repeat; /* angoli superiori */
padding: 10px 0 9px 7px;
margin: 5px 9px 0 4px;
border-bottom: 1px solid #000;
}

#col-sinistra #menuSito2 h3 {
text-indent: -2000em;
background: url(../prototipo/angoli-sup.gif) 0 0 no-repeat; /* angoli superiori */
padding: 0 0 0 7px;
border: none;
margin: 25px 9px 0 4px;
}

#col-sinistra h3.novita,#col-sinistra h3.leonardo {
padding: 10px 0 9px 7px;
margin: 25px 9px 0 4px;
}

#col-sinistra h3.novita {
background: url(../prototipo/angoli-sup-rss.gif) 0 0 no-repeat; /* angoli superiori */
}

#col-sinistra ul {
background: url(../prototipo/sfondo-ul.gif) repeat-y; 
padding: 0 0 10px 3px;
margin: 0 9px 5px 4px;
}

#col-sinistra ul li {
list-style: none;
line-height: 15px;
font-size: .8em;
font-family: Verdana,Arial,Helvetica,sans-serif;
color: #000;
padding: 8px 0;
margin: 0 6px;
}

#col-sinistra ul li.ul2 {
padding: 0 0 7px 0;
margin: 0 6px 0;
}

#col-sinistra ul li a,#col-sinistra ul li a:visited,#col-sinistra ul li.ul2 a,#col-sinistra ul li.ul2 a:visited {
color: #000;
text-decoration: none;
font-weight: bold;
padding: 5px 8px;
margin: 0;
border-left: 2px solid #ff9966;
outline: none;
cursor: pointer;
display: block; /* per espandere l'area cliccabile dei li */
}

#col-sinistra ul li a:hover,#col-sinistra ul li a:focus,#col-sinistra ul li a:active,#col-sinistra ul li.ul2 a:hover,#col-sinistra ul li.ul2 a:focus,#col-sinistra ul li.ul2 a:active {
background: #fdfde4;
padding: 5px 8px;
border-left: 2px solid #ff0008;
margin: 0;
outline: none;
cursor: pointer;
display: block; /* per espandere l'area cliccabile dei li */
}

#col-sinistra ul li a.current,#col-sinistra ul li.ul2 a.current {
background: #fffdcd;
padding: 5px 8px;
margin: 0;
border-left: 2px solid #db0001;
outline: none;
cursor: pointer;
display: block; /* per espandere l'area cliccabile dei li */
}


/* Colonna Destra */
#col-destra {
width: 682px;
background: #fff;
padding: 0;
margin: 0 1px 0 0;
float: right;
}

/* Lingue */
#col-destra #lingue {
height: 17px;
background: url(../prototipo/gian-lingua.jpg) repeat-y 0 0;
padding: 2px 0 15px 0;
margin: 0;
}

#col-destra #lingue img {
padding: 1px 5px 5px;
margin: 0 5px;
float: right;
}

#lingue a img {
border: none;
float: right;
}


h1#titoloIta,#col-destra h1#titoloEng,#col-destra h1#titoloFre,#col-destra h1#titoloTed {
width: 682px;
height: 160px;
font-size: 1px;
padding: 0;
margin: 0;
position: relative; /* riferimento per lo span */
}

h1#titoloIta span {
width: 100%;
height: 100%;
background: url(../prototipo/gian-ita.gif) no-repeat;
position: absolute; 
top: 0;
left: 0;
}


#col-destra h1#titoloEng span {
width: 100%;
height: 100%;
background: url(../prototipo/gian-eng.gif) no-repeat;
position: absolute; 
top: 0;
left: 0;
}

#col-destra h1#titoloFre span {
width: 100%;
height: 100%;
background: url(../prototipo/gian-fre.gif) no-repeat;
position: absolute; 
top: 0;
left: 0;
}

#col-destra h1#titoloTed span {
width: 100%;
height: 100%;
background: url(../prototipo/gian-ted.gif) no-repeat;
position: absolute; 
top: 0;
left: 0;
}

#col-destra h2 {
font-size: 1.1em;
color: blue;
text-align: center;
font-family: Verdana,Arial,Helvetica,sans-serif;
padding: 0;
margin: 10px 0;
}

#col-destra p {
font-size: 1em;
font-family: Georgia,Verdana,Arial,Helvetica,sans-serif;
color: #000;
line-height: 1.2em;
padding: 10px 0;
margin: 0 0 20px 0;
}

#col-destra p#prenotaz {
margin: 30px 0;
}

#col-destra p#prenotaz strong {
color: #c00;
}

#col-destra p#prenotaz a {
color: #00c;
background: url(../gif/pdf.gif) no-repeat;
padding: 10px 5px 10px 45px;
}


  /* Patway */
#col-destra p.pathway {
font-size: .8em;
font-family: Georgia,Verdana,Arial,Helvetica,sans-serif;
color: #000;
font-weight: bold;
padding: 0;
margin: 30px 0 30px;
}

#col-destra p.pathway a,#col-destra p.pathway a:visited {
font-weight: normal;
text-decoration: none;
color: #06038F;
outline: none;
cursor: pointer;
}

#col-destra p.pathway a:hover,#col-destra p.pathway a:focus,#col-destra p.pathway a:active {
height: 0;
font-weight: normal;
text-decoration: underline;
color: #0600FF;
outline: none;
cursor: pointer;
}

img.disegnoVile {
margin-top: 30px;
margin-left: 240px;
}


/* Consiglio in carica */
h3 {
font-size: .9em;
font-family: verdana,arial,helvetica,sans-serif;
color: #006;
padding: 0;
margin: 0 0 15px 15px;
}

table {
width: 100%;
padding: 0;
margin: 0;
}

table tr th {
font-size: .9em;
font-family: verdana,arial,helvetica,sans-serif;
color: #c00;
padding: 2px 15px;
margin: 0;
}

table tr td {
font-size: .8em;
font-family: verdana,arial,helvetica,sans-serif;
padding: 2px 16px;
margin: 0;
}

table tr td.voteMargin {
padding-left: 33px;
}


/* Progetto Leonardo */
#col-destra ul#progLeo {
padding: 0 0 0 15px;
margin: 0;
}

#col-destra ul#progLeo li {
list-style: circle;
font-size: 1em;
font-family: Georgia,Verdana,Arial,Helvetica,sans-serif;
line-height: 1.2em;
padding: 0 0 0 5px;
margin: 0;
}

#col-destra ul#progLeo li.liProgLeo {
margin-bottom: 15px;
}


/* Date estate */
div#container div#summer h3 {
font-size: .95em;
color: #009;
padding: 0;
margin: 2px 2px 7px 2px;
}

#container #summer ul {
padding: 0;
margin: 0 0 25px 0;
}

#container #summer ul li {
list-style: circle;
font-size: .9em;
line-height: 1.3em;
padding: 3px;
margin: 0 10px 0 15px;
}

#container #summer ul li strong {
background: #ffc;
}


/* Footer */
#footer {
width: 900px;
height: 15px;
text-align: center;
background: #fff url(../prototipo/footer-primavera.gif) repeat-x 0 0;
padding: 6px 0;
margin: 0 auto 10px;
border-bottom: 2px solid #efefef;
float: left;
}

address {
font-size: .7em;
font-family: Verdana,Arial,Helvetica,sans-serif;
color: #000;
font-style: normal;
font-weight: bold;
padding: 0;
margin: 0;
}

address a {
font-weight: normal;
}

#footer address span {
font-family: georgia,arial,helvetica,sans-serif;
font-size: .9em;
}

/* Contatore */
#contatore {
text-align: center;
margin: 0 auto;
}

#contatore a,#contatore img {
padding: 0;
margin: 0;
}




/* Clear */
.clrleft {
clear: left;
}

.clrright {
clear: right;
}

.clrboth {
clear: both;
}

.clrleft,.clrright,.clrboth { /* IE non assegna altezza minima ai div vuoti */
font-size: 1px;
height: 0;
}