/* CSS Osservatorio Astronomico Pubblico */

body {
font-family: Verdana,Arial,Helvetica,sans-serif;
background: #000064;
color: #000;
text-align: center; /* Per IE */
padding: 0;
margin: 0;
position: relative;
}

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

h1 {
width: 900px;
height: 170px;
background: #000;
padding: 1px 0 2px 0;
margin: 0 0 8px 0;
float: left;
display: inline;
}

h1 a {
width: 100%; /* segue le dimensioni di h1 */
height: 100%;
text-indent: -2000em;
background: url(../prototipo/osserv.gif) no-repeat;
float: left; 
outline: 0; /* toglie linea tratteggiata dal link */
cursor: pointer; /* cursore trasformato in manina */
}


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

a {
outline: none;
}



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

/* Address*/
address {
font-size: .9em;
font-family: Georgia,Verdana,Arial,Helvetica,sans-serif;
color: #000;
text-align: center;
font-style: normal;
font-weight: normal;
line-height: 1.5em;
padding: 10px 0;
margin: 10px 260px;
}

address a {
font-weight: bold;
}

address.indGav {
font-size: 1em;
line-height: 1.8em;
padding: 10px 0;
margin: 10px 330px;
}

address.indGav strong {
font-size: 1.1em;
}

/* Menu navigazione */
#menuOsserv {
border-bottom: 2px ridge #06f;
padding: .5em 0;
background: #ffc;
color: #000;
text-align: center;
margin: 0;
}

#menuOsserv li {
list-style: none;
font-size: .8em;
font-family: verdana,arial,helvetica,sans-serif;
font-weight: bold;
display: inline; /* per il baco di IE (pag.217) */
}

#menuOsserv a {
height: 0;
padding: .5em 10px;
text-decoration: none;
margin: -0.5em 1em;
white-space: nowrap;
}

#menuOsserv a:link,#menuOsserv a:visited {
background: #ffc;
color: #000;
}

#menuOsserv a:hover,#menuOsserv a:focus,#menuOsserv a:active {
background: #ffc;
color: #00f;
border-bottom: .4em groove #03f;
padding-bottom: .1em;
}

#menuOsserv .voceCorrente a:link,#menuOsserv .voceCorrente a:visited,
#menuOsserv .voceCorrente a:hover,#menuOsserv .voceCorrente a:focus,#menuOsserv .voceCorrente a:active {
background: #ffc;
color: #c00;
border-bottom: .3em ridge #f00;
padding-bottom: .1em;
}

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

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

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

/* Testi vari */
h2 {
font-size: 1.4em;
font-family: verdana,arial,helevtica,sans-serif;
font-weight: bold;
color: #f00;
text-align: center;
padding: 0;
margin: 0 10px;
}

h2.titoloProg {
font-size: .9em;
font-family: verdana,arial,helevtica,sans-serif;
font-weight: bold;
font-style: italic;
color: #000;
text-align: center;
padding: 0;
margin: 5px 10px 10px;
}

h3 {
font-size: .9em;
font-family: verdana,arial,helevtica,sans-serif;
font-weight: bold;
font-style: italic;
color: #00c;
text-align: left;
padding: 0;
margin: 10px;
}

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

p.textOrario {
background: #ff6;
}

h2.titoloInaug {
font-size: .9em;
font-family: verdana,arial,helvetica,sans-serif;
font-weight: bold;
text-align: center;
padding: 0;
margin: 20px 0 10px 0;
}


/* Immagini */
img {
margin: 10px 20px;
border: none;
}

a img,a:visited img {
background: #FFF5EE;
padding: 8px;
outline: none;
}

a:hover img,a:focus img,a:active img {
background: #FFCC99;
}

img.maniGian {
padding: 0 5px 0 0;
margin: 10px 10px 10px;
float: right;
}

img.manifestoOpen {
margin-left: 152px;
margin-right: 70px;
}

img.marginBottom {
margin-bottom: 30px;
}

img.manifestoInaug {
margin-left: 155px;
margin-right: 80px;
}

img#insegna {
margin-top: 40px;
margin-left: 156px;
}

img.logoGav {
margin-top: 40px;
margin-left: 365px;
margin-bottom: 3px;
}

img.imgProg {
margin: 0 20px 20px;
}

img.imgProgOsserv {
margin-left: 173px;
}

img.imgCostruzSingle {
margin-left: 395px;
}

img.imgCostruzFour {
margin-left: 130px;
}

img.imgCostruzTwo {
margin-left: 301px;
}

img.imgCostruzTre {
margin-left: 223px;
}

img.imgMarginTop {
margin-top: 60px;
}

img.imgInaugFour {
margin-left: 150px;
}

img.imgInaugTwo {
margin-left: 312px;
}

img.imgInaugTre {
margin-left: 233px;
}


/* Foto */
h2#osservatorio {
font-size: 1px;
height: 85px;
text-indent: -2000em;
background: url(../immagini/gav/gif/osservatorio.gif) no-repeat 360px 50%;
padding: 0;
margin: 0;
}

ul.fotoOsserv {
padding: 0;
padding: 0;
margin: 15px 100px 0;
}

ul.fotoOsserv li {
height: 30px;
list-style: none;
font-size: .8em;
font-family: verdana,arial,helvetica,sans-serif;
font-weight: bold;
padding: 0;
margin: 0;
}

ul.fotoOsserv li.galleryTre {
width: 132px;
padding: 5px 0 0 100px;
margin: 0;
float: left;
}


ul.fotoOsserv li a {
color: #900;
}

ul.fotoOsserv li#luce {
background: url(../immagini/gav/gif/prima-luce.gif) no-repeat 0 0;
padding: 5px 0 0 100px;
margin: 0;
}

ul.fotoOsserv li#luna {
background: url(../immagini/gav/gif/luna-1.gif) no-repeat 0 0;
}

ul.fotoOsserv li#sole {
background: url(../immagini/gav/gif/sole-1.gif) no-repeat 0 0;
}

ul.fotoOsserv li#terrestri {
background: url(../immagini/gav/gif/pianeti_terrestri.gif) no-repeat 0 0;
}

ul.fotoOsserv li#gassosi {
background: url(../immagini/gav/gif/pianeti_gassosi.gif) no-repeat 0 0;
}

ul.fotoOsserv li#comete {
background: url(../immagini/gav/gif/comete-1.gif) no-repeat 0 0;
}

ul.fotoOsserv li#cielo {
background: url(../immagini/gav/gif/profondo_cielo.gif) no-repeat 0 0;
}

/* FOTO */
#osservCielo {
width: 220px;
padding: 2px 0 5px 0;
margin: 1px 0 0 0;
border: 2px groove #00c;
float: right;
}

#osservCielo h2 {
font-size: .85em;
font-family: verdana,arial,helevtica, sans-serif;
font-weight: bold;
color: #009;
padding: 10px 0 5px 0;
margin: 0;
}

#osservCielo ul {
padding: 0;
margin: 10px 0 10px 26px;
}

#osservCielo ul li {
font-size: .85em;
font-family: verdana,arial,helevtica, sans-serif;
color: #009;
font-weight: bold;
list-style: square;
padding: 3px;
margin: 0;
}


/* Costruzione */
#archCostruz {
width: 160px;
padding: 2px 0 5px 0;
margin: 1px 0 0 0;
border: 2px groove #f00;
float: right;
}

#archCostruz h2 {
font-size: .8em;
font-family: verdana,arial,helevtica, sans-serif;
font-weight: bold;
color: #f00;
padding: 5px 0;
margin: 0;
}

#archCostruz ul, {
padding: 0;
margin: 0 0 0 55px;
}

#archCostruz ul li {
font-size: .8em;
font-family: verdana,arial,helevtica, sans-serif;
color: #009;
font-weight: bold;
list-style: circle;
padding: 3px;
margin: 0;
}

#archCostruz ul li,#archCostruz ul li.pagCorrente a,#archCostruz ul li.pagCorrente a:visited
#osservCielo ul li,#osservCielo ul li.pagCorrente a,#osservCielo ul li.pagCorrente a:visited {
text-decoration: none; 
color: #000;
}

#archCostruz ul li.pagCorrente a:hover,#archCostruz ul li.pagCorrente a:focus,#archCostruz ul li.pagCorrente a:active
#osservCielo ul li.pagCorrente a:hover,#osservCielo ul li.pagCorrente a:focus,#osservCielo ul li.pagCorrente a:active {
color: #000;
}

#archCostruz ul li a:hover,#archCostruz ul li a:focus,#archCostruz ul li a:active
#osservCielo ul li a:hover,#osservCielo ul li a:focus,#osservCielo ul li a:active {
color: #06f;
}


/* FOTO */
div.boxFotoOsserv {
width: 750px;
margin: 0 0 20px 80px;
}

div.boxFotoOsserv h5{
font-size: .7em;
font-style: italic;
color: #006;
padding: 2px 0 2px 5px;
margin: 0 0 6px 0;;
}

div.boxFotoOsserv img {
margin: 0;
float: left;
display: inline;
}

#container div.boxFotoOsserv div.FotoOsserv {
width: 620px;
margin: 0 0 0 10px;
float: left;
display: inline;
}

#container div.boxFotoOsserv div.FotoOsserv p {
font-size: .9em;
line-height: 1.3em;
padding: 10px;
margin: 0;
}

div.boxFotoPlus img {
margin-right: 40px;
}






/* Footer */
#footer {
background: #ff9;
}

#footer address {
font-size: .75em;
font-family: verdana,arial,helvetica,sans-serif;
font-style: normal;
text-align: center;
padding: 3px 0;
margin: 0;
}

#footer address strong {
font-size: .9em;
}

#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;
}