/* CSS Astronomia a Scuola */

body {
font-size: 1em;
font-family: Verdana,Arial,Helvetica,sans-serif;
background: #000;
text-align: center; /* Per IE */
padding: 0;
margin: 0;
}

#content img.holiday {
background: #ff6;
padding: 5px;
margin: 5px 0 5px 50px;
}

/* EVENTI */
#content #eventGav h3 {
text-decoration: underline;
margin-left: 10px;
}

#content #eventGav ul {
padding: 0;
margin: 5px 40px 20px 60px;
}

#content #eventGav ul li {
list-style: circle;
font-size: .9em;
padding: 3px;
margin: 0;
}

#content #eventGav ul li strong span {
background: #ff6;
}

#content img#gavFeste {
padding: 5px;
margin: 10px 0 10px 105px;
background: #ff9;
}

#data {
width: 100%;
height: 22px;
padding: 0;
border-top: 2px solid #707070;
border-bottom: 1px solid #707070;
margin: 0 auto;
}

#data p {
font-size: .8em;
color: #fff;
line-height: 20px;
text-align: center;
font-weight: bold;
padding: 0;
margin: 0;
}

#data p a {
color: #fff;
text-decoration: none;
}

hr {
position: absolute; /* per nasconderla all'occhio e renderla cmq accessibile */
top: 0;
left: -2000em;
}

a,a:visited {
outline: 0;
cursor: pointer;
}

a img {
border: none; /* per togliere il bordo all'immagine linkata */
outline: 0;
}

acronym {
font-family: Verdana,Arial,Monospace,Serif;
color: #c30;
text-decoration: none;
cursor: help;
}


/* CONTAINER */
#container {
width: 900px;
background: #222;
text-align: left;
padding: 0;
margin: 0 auto;
}

#container h1 {
font-family: Verdana,Arial,Helvetica,sens-serif;
color: #fff;
width: 100%;
height: 150px;
padding: 0;
margin: 0;
}

#corpo {
width: 100%;
background: #222;
border-left: 1px solid #f00;
border-right: 1px solid #f00;
padding: 0;
}

#header {
position: relative;
}

#corpo #header h1 {
width: 899px;
height: 190px;
position: relative;
}

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


/* MENU */
#corpo #menuNavigazione ul {
background: #cecece;
padding: 0;
margin: 0;
float: left;
position: absolute;
top: 165px;
left: 0;
}

#corpo #menuNavigazione li {
list-style: none;
font-size: .7em;
font-family: Verdana,Arial,Helvetica,Sans-serif;
line-height: 15px;
font-weight: bold;
padding: 0 8px 0 0;
border-right: 1px solid #707070;
margin: 5px 8px 5px 0; /* per distanziare le voci tra loro */
float: left; /* per affiancare le voci del menu */
display: inline; /* Per il bug di IE */
}

#corpo #menuNavigazione li.first {
margin-left: 8px;
}

#corpo #menuNavigazione li.last {
padding-right: 0;
border-right: none;
margin-right: 8px;
}

#corpo #menuNavigazione li a,a:visited {
width: 100%;
height: 100%;
text-decoration: none;
color: #701d25;
}

#corpo #menuNavigazione li a:hover,a:focus,a:active {
color: #c00;
}


/* CONTENT */
#content {
width: 710px;
background: #fff;
text-align: left;
padding: 0 0 20px 0;
margin: 0;
float: left;
}


#content h2 {
font-size: 1.1em;
line-height: 1.5em;
font-family: Verdana,Arial,Helvetica,sens-serif;
font-weight: bold;
color: #b4071b;
padding: 10px;
margin: 0;
}

#content h2.titoloCenter,#content h2.titoloCenterG {
font-size: .9em;
line-height: 1.5em;
font-family: Verdana,Arial,Helvetica,sens-serif;
font-weight: bold;
text-align: center;
padding: 15px 0 5px;
margin: 0;
}

#content h2.titoloCenter {
color: #7f0000;
}

#content h2.titoloCenterG {
color: #00007f;
}

#content h2#titoloPlanetarie,#content h2#titoloDiffuse,#content h2#titoloOscure,#content h2#titoloSepernova,
#content h2#titoloAperti,#content h2#titoloGlobuli,
#content h2#titoloLattea,#content h2#titoloGalassie {
font-size: .8em;
line-height: 1.5em;
font-family: Verdana,Arial,Helvetica,sens-serif;
font-weight: bold;
padding: 15px 0 0 10px;
margin: 0;
}

#content h2#titoloPlanetarie {
color: #f03;
}

#content h2#titoloDiffuse {
color: #c00;
}

#content h2#titoloOscure {
color: #300;
}

#content h2#titoloSepernova {
color: #ff6020;
}

#content h2#titoloAperti {
color: #0000f0; 
}

#content h2#titoloGlobuli {
color: #3000b0;
}

#content h2#titoloLattea {
color: #7a7a7a;
}

#content h2#titoloGalassie {
color: #3c3c3c;
}

#content h3 {
font-size: .85em;
line-height: 1.5em;
font-family: Verdana,Arial,Helvetica,sens-serif;
font-weight: bold;
color: #006;
padding: 15px 0 0 10px;
margin: 0;
}

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



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

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

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

#content div.boxFoto {
width: 690px;
padding: 0 0 15px 0;
margin: 5px 10px;
border-bottom: 2px dotted #ccc;
}

#content div.boxFoto img {
padding: 0;
margin: 10px 20px 0 0;
float: left;
}

#content div.boxFoto p {
font-size: .75em;
font-family: verdana,arial,helvetica,sans-serif;
padding: 10px;
margin: 0;
}


/* MENU SECOND */
#menuSecond,#menuGalleryFoto {
width: 184px;
border: 1px solid #ccc;
border-top: none;
border-left: none;
border-right: none;
margin: 0 1px;
float: right;
}

#menuSecond ul,#menuGalleryFoto ul {
padding: 0;
margin: 0;
}

#menuSecond ul li {
width: 176px;
list-style: none;
font-size: .8em;
font-family: Verdana,Arial,Helvetica,Sans-serif;
line-height: 15px;
text-align: left;
padding: 0;
margin: 0;
}

#menuGalleryFoto li {
width: 152px;
list-style: none;
font-size: .8em;
font-family: Verdana,Arial,Helvetica,Sans-serif;
line-height: 15px;
text-align: left;
padding: 0;
margin: 0;
}

#menuSecond ul li a,#menuSecond ul li a:visited {
width: 100%;
height: 100%;
text-decoration: none;
color: #fff;
border-top: 1px solid #ccc;
border-right: 1px solid #ccc; 
border-bottom: 1px solid #ccc;
border-left: 3px solid #f0c000;
padding: 6px 0 6px 3px;
display: block;
}

#menuSecond ul li a:hover,#menuSecond ul li a:focus,#menuSecond ul li a:active {
border-left: 3px solid #dc143c;
}

#menuGalleryFoto a,#menuGalleryFoto a:visited {
width: 100%;
height: 100%;
text-decoration: none;
color: #fff;
background: url(../gif/macchinafoto2.gif) no-repeat 3px 4px;
border-top: 1px solid #ccc;
border-right: 1px solid #ccc; 
border-bottom: 1px solid #ccc;
border-left: 1px solid #ccc;
padding: 6px 0 6px 30px;
display: block;
}

#menuGalleryFoto a:hover,#menuGalleryFoto a:focus,#menuGalleryFoto a:active {
background: url(../gif/macchinafoto1.gif) no-repeat 3px 4px;
}


#content p#citazVersi {
width: 280px;
font-size: .95em;
background: url(../gif/virgolette2.gif) no-repeat right bottom;
padding: 0;
margin: 10px auto 5px;
}

#content p#citazVersi span {
background: url(../gif/virgolette1.gif) no-repeat 0 0;
padding: 0;
margin: 0;
display: block;
}

#content p#citazPoeta {
font-size: .9em;
text-align: center;
padding: 0;
margin: 0 0 20px 0;
}

img.imgManifestoOsserv {
padding: 0;
margin: 0 15px 0 95px;
}


/* APPROFONDIMENTI */
table {
width: 100%;
padding: 0;
margin: 0;
}

table tr th {
font-size: .9em;
font-family: verdana,arial,helvetica,sans-serif;
padding: 30px 0 5px 10px;
margin: 0;
}

table tr.rigaRiv th {
width: 300px;
}

table tr td.cellaName {
width: 270px;
font-size: .8em;
font-family: verdana,arial,helvetica,sans-serif;
padding: 5px 0 0 10px;
margin: 0;
}

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


/* SPAZIO AI RAGAZZI */
#content p#paragrBackgr {
font-weight: bold;
padding: 2px 0;
margin: 5px 0 5px 10px;
}

#content p#paragrBackgr a,#content p#paragrBackgr a:visited {
text-decoration: underline;
background: #e0e0e0;
padding: 2px 0;
}

#content p#paragrBackgr a:hover,#content p#paragrBackgr a:focus,#content p#paragrBackgr a:active {
background: #f0ffa0;
}

#content h3.titoloFoglia {
width: 400px;
font-size: .9em;
font-family: Georgia,Arial,Helvetica,Sans-serif;
color: #0b0a9c;
line-height: 20px;
background: url(../gif/line.gif) repeat-x left bottom;
padding: 20px 0 0 1px;
margin: 0 0 0 10px;
}

#content h3.titoloFoglia span {
background: url(../gif/edera.gif) no-repeat bottom right;
padding-right: 20px;
padding-bottom: 15px;
display: block;
}

#content div.boxRaga {
width: 690px;
padding: 0 0 15px 0;
margin: 5px 10px;
}

#content div.boxRaga img {
padding: 3px; 
background: #fff080;
margin: 10px 20px 0 10px;
float: left;
}

#content div.boxRaga p {
font-size: .75em;
font-family: verdana,arial,helvetica,sans-serif;
padding: 10px;
margin: 0;
}


/* VALIGIA dell'ASTRONOMIA */
#content h2.titoloValigia {
font-size: .8em;
color: #06f;
text-align: center;
padding: 0;
margin: 30px 0 0 0;
}

ul.galleryValigia {
padding: 0;
margin: 0 0 20px 35px;
}

ul.galleryValigia li {
width: 92px;
height: 106px;
list-style: none;
background: url(../immagini/valigia_astronomia/campo_imperatore/anteprime/polaroid.gif) no-repeat;
padding: 0;
margin: 7px;
float: left;
display: inline;
}

ul.galleryValigia li a {
width: 100%; /* per espandere l'area a tutta la polaroid */
height: 100%; /* per espandere l'area a tutta la polaroid */
outline: none;
float: left;
}

ul.galleryValigia img {
border: none;
margin-top: 8px;
margin-left: 8px;
float: left;
display: inline;
}

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

#container #event ul {
padding: 0;
margin: 0 0 35px 0;
}

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

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


/* CREDITS */
#credits img {
padding: 0;
margin: 20px 12px 20px 20px;
float: left;
display: inline;
}

#credits address strong {
font-size: .9em;
padding: 0;
margin: 0;
float: left;
}

#credits address {
font-size: .9em;
line-height: 1.4em;
font-style: normal;
padding: 10px 0;
margin: 0;
}


/* VALIDATOR */
#validator {
padding: 0;
margin: 30px 0 0 0;
}

#validator p a {
color: #009;
text-decoration: underline;
}


/* FOOTER */
#footer {
width: 100%;
height: 20px;
padding: 0;
border-top: 1px solid #707070;
border-bottom: 1px solid #707070;
margin: 0 auto;
float: left;
}

#footer address {
font-size: .7em;
font-family: Verdana,Arial,Helvetica,Sans-serif;
line-height: 10px;
color: #fff;
font-style: normal;
font-weight: bold;
padding: 5px 0;
margin: 0 auto;
}

#footer a {
color: #ff0;
font-weight: normal;
}


/* CONTATORE */
#contatore {
padding: 10px 0;
margin: 0 auto;
color: #fff;
}


/* 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;
}