/* Generali */

body {
	background : gray;
	font : 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

img
{
	border: 0;
	margin: 0px;
	padding: 0px;
}


h1 {
	font-size: 20px;
	text-align: center;
}

h3 {
	font-size : 16px;
	text-align: center;
}

h2 {
 	font-size : 12px;
 	text-align: justify;
 	margin: 20px;
}


p {
	font-size : 12px;
	text-align: center;
	color: black;
}

/* Impaginazione */

#sito { 
	width: 896px; 
    margin: auto;
}

#annuncio { 
	text-align: center;
	 margin: auto;
}

#testa { 
	border: solid; 
	border-color: black;
	border-width: 1px;
	width: 896px;
	height: 140px;
    margin: auto;
}


#corpo { 
	position:relative;
	background: #cbcbcb; 
	border: solid;
	border-color: black;
	border-width: 0px 1px 1px 1px;
	width: 896px; 
	text-align: center;
	margin: auto;

}


#corpo-colonna1 { 
	position:absolute; top:0; left:0; 
	border: solid; 
	border-color: black; 
	border-width: 0px 0px 0px 0px;
	width:15px; 
	padding:1em 0; 
}



#corpo-colonna2 { 
    position: relative;
	margin:0 15px 0 15px; 
	border: solid;
	border-color: black;
	border-width: 0px 1px 1px 1px;
	background: #f8f8f8; 
	padding:1em 0; 
	padding : 16px;
	text-align: justify;
	z-index: 3;
}

#corpo-colonna3 { 
	position:absolute; top:0; right:0; 
	width:15px; 
	padding:1em 0; 
}

#footer { 
	width:896px; 
}


#poesia { 
    position:relative; 	
    width: 100%; 
	text-align: center;
	font-size : 14px;
}

.poetry { 
	text-align: justify;
}

#eng { 
	margin: 0px 600px 0px 0px;
}


input
{
	margin: 0px;
	padding: 0px;
}


#photo
{
    z-index: 0;
	text-align: center;
	margin: 0px auto 5px auto;
	padding: 30px;
	border: 1px solid #666;
	background: url(http://www.gabriele-erba.it/gal/loading.gif) no-repeat 50% 50%;
    background-color: white;

}
#thephoto {
	z-index: 0;
}

.nav {
display: block;
line-height: 10px;
font-size: 10px;
height: 10px;
margin: 0px auto;
margin-bottom: 10px;
padding: 0px;
width: 582px;
}
.nav a {
padding: 0px 3px;
}

.nav a:link
{
	color: #333;
	text-decoration: none;
}

.nav a:active
{
	color: #333;
	text-decoration: none;
}

.nav a:visited
{
	color: #333;
	text-decoration: none;
}


.nav a:hover
{
	color: #333;
	text-decoration: underline;
}
.nav p {
	text-align: left;
	margin: 0;
	padding: 0;
}

.list {
left: -12px;
voice-family: "\"}\""; 
voice-family:inherit;
left: auto;
}
.list {
margin: 0px auto;
right: -9px;
width: 600px;
height: 450px;
text-align: center;
list-style: none;
padding: 0px;
}

.list p {
	text-align: left;
	margin: 0;
	padding: 0;
}
.list li {
float: left;
padding: 0px;
margin: 0px 10px 10px 0px;
}
.list li span {
height: 138px;
width: 138px;
display: block;
background: white;
}

/* IE6*/
* html .list li span {
position: relative;
}
/* End */

.list li span {
display: table;
overflow: hidden;
border-width: 1px;
border-color: #ccc #999 #999 #ccc;
border-style: solid;
}

list h1 {
font-size: 10px;
margin: 0px;
padding: 0px 0px 0px 5px;
height: 25px; line-height: 25px;
}


.list>li span {
overflow: auto;
}


.list li span:hover,.list li span.hover {
background: #cbcbcb; 
}

.list li span a {

display: table-cell;
vertical-align: middle;
margin: 0px auto;
text-align: center;
}

/*IE6*/	
* html .list li span a {
position: absolute;
top: 50%;
}
/* End*/
	

/*IE6*/	
* html .list li span a img {
position: relative;
top: -50%;
left: -50%;
}
/* End*/

.list h2 {
display: block;
font-size: 10px;
line-height: 24px;
width: 138px;
}
.list h2 a {
display: inline;
}


.toto { 
      position:relative; 	
       width: 100%; 
}
.tot { 
      position:relative; 	
       width: 100%; 
       height: 90px;
}
.sin { 
	position:relative; 	
	float: left;
	width: 100px; 
       height: 90px;
}

.des { 	
	position:relative; 	
	width: 600px;  
        height: 90px;
        margin-left: 140px;
        text-align: justify;
}

a:link {
	text-decoration: none;
	color: blue;
}

a:active {
	text-decoration: none;
	color: blue;
}

a:visited {
	text-decoration: none;
	color: blue;
}

a:hover {
	text-decoration: none;
	color: red;			
}

.mylink ul {
	text-align: left;
	margin: 0px 0px 0px 200px;
	font-size: 18px;
}
.mylink li {
	text-align: left;
	margin: 0px 0px 0px 20px;
	font-size: 12px;
}
/* MENU PRINCIPALE */
#menuNavigazione{
margin:0;
padding:0;
list-style:none;
height:2em;
z-index: 5;
position:center;
}
#menuNavigazione li{
float:left;
width:112px; /* VOCI ORIZZONTALI */
position:relative;
z-index: 5;
margin:0px;
padding:0;
}
#menuNavigazione a{
display:block;
height:2em;
line-height:2em;
padding:0px;
text-decoration:none;
border-left:1px solid;
border-bottom:1px solid;
text-align:center;
}
#menu2 li{
border-left:0px solid;
}
#menu2 a{
display:block;
height:2em;
line-height:2em;
padding:0px;
text-decoration:none;
border-left:0px solid;
border-bottom:1px solid;
text-align:center;
}
/* SOTTO MENU */
#menu2 ul{
margin:0;
padding:0;
list-style:none;
width:17em;
z-index: 5;
}
#menu2 ul li{
/*float:none;*/
width:17em;
margin:0;
padding:0; 
z-index: 5; /* VOCI A COMPARSA */
}
#menu2 ul a{
float:none;
display:block;
text-align:left;
height:1.8em;
line-height:1.8em;
border-right:1px solid #000;
border-left:1px solid #000;
border-bottom:1px solid #000;
padding-left:10px;
}
/* MENU ON OFF */
#menu2 ul,
#menu2 ul.subMenu-off{
position:absolute;
/*visibility:hidden;*/
top:-10000em
}
/*#menuNavigazione ul.subMenu-on{
visibility:visible;
}*/
/* POSIZIONAMENTO DEL SOTTO MENU */
#menu2 ul.subMenu-on{
position:absolute;/* primo livello di annidamento:menu a discesa */
top:2em;
left:-1px;
visibility:visible;
border-top:1px solid #000;
}
#menu2 ul.subMenu-on ul.subMenu-on{
margin:0 0 0 -1px;/* livelli di annidamento superiori al primo:menu a comparsa laterale */
width:17em;
position:absolute;
top:-1px;
left:17em;
border-top:1px solid #000;
}
/* SOTTO MENU */
#menuNavigazione ul{
margin:0;
padding:0;
list-style:none;
width:17em;
z-index: 5;
}
#menuNavigazione ul li{
/*float:none;*/
width:17em;
margin:0;
padding:0; 
z-index: 5; /* VOCI A COMPARSA */
}
#menuNavigazione ul a{
float:none;
display:block;
text-align:left;
height:1.8em;
line-height:1.8em;
border-right:1px solid #000;
border-left:1px solid #000;
border-bottom:1px solid #000;
padding-left:10px;
}
/* MENU ON OFF */
#menuNavigazione ul,
#menuNavigazione ul.subMenu-off{
position:absolute;
/*visibility:hidden;*/
top:-10000em
}
/*#menuNavigazione ul.subMenu-on{
visibility:visible;
}*/
/* POSIZIONAMENTO DEL SOTTO MENU */
#menuNavigazione ul.subMenu-on{
position:absolute;/* primo livello di annidamento:menu a discesa */
top:2em;
left:-1px;
visibility:visible;
border-top:1px solid #000;
}
#menuNavigazione ul.subMenu-on ul.subMenu-on{
margin:0 0 0 -1px;/* livelli di annidamento superiori al primo:menu a comparsa laterale */
width:17em;
position:absolute;
top:-1px;
left:17em;
border-top:1px solid #000;
}
/* COLORI */
#menuNavigazione{
background:#EEE;
color:#000;
}
#menuNavigazione a{
background:#EEE;
color:#000;
}
/* EFFETTO ROLLOVER */
#menuNavigazione a:hover,
#menuNavigazione a:focus,
#menuNavigazione a:active{
text-decoration:underline;
}
/* FRECCETTE */
#menuNavigazione a.continua{
background:url(continuaOrz.gif) #EEE center bottom no-repeat;
}
#menuNavigazione ul a.continua{
background:url(continua.gif) #EEE right center no-repeat;
}