/* **-----------------------------------------------------------------------------------------** */ 
/* ** host.uniroma3.it/                                                                       ** */
/*	** cp_layout.css - Francesca Vaino - vaino@uniroma3.it - maggio 2007                       ** */
/* **                                                                                         ** */
/* **-----------------------------------------------------------------------------------------** */

body {background-color:#BCC0D1; /*#F4F4F4;*/ font-family: Verdana,Helvetica,sans-serif;
	font-size: 80%; color: #292852; margin: 0px; padding: 0px; text-align: center;
}
body * {text-align: left; position: relative;
}
  		.alt {display: none;
		}
/* elementi */
h1,h2,h3 {text-align: center; font-family: Arial, Helvetica, sans-serif; margin: 10px; padding: 5px;
}
h1 {font-size: 150%;
}
h2 {font-size: 125%; background-color: #DEE3F7; margin: 10px; 
}
h3 {font-size: 115%; background-color: #EFF3FF; margin: 10px; 
}
h4 {font-size: 110%; text-align: left;	background-color: #EFF3FF; margin: 10px;
}
#linkcontenuto {display: none;
}
#linkIntestazione {position: absolute;	top: 0px; left: 110px;
}
p {text-align: left;	line-height: 1.5em; margin: 2px 10px 2px 10px; font-size: 88%;
}
img {border: none;
}
hr {color: #292852;
}

/* ** #Foglio ** 	
#Foglio {width: 700px; margin: 0px auto 0px auto;
}*/
#Foglio {margin-left: auto; width: 800px; margin-right: auto; background-color: #FFFFFF;
}

/* ** #Testa ** */	
#Testa {margin: 0px; padding: 0px; height:250px;
	color: #FFF; background: #6386B5 url(../images/PietrobelliBannerHome.jpg) no-repeat 0;
}
		#Testa img {border: none; margin: 0px 0px 0px 2px;
		}
/* ** #Testa_c ** */	
#Testa_c {margin: 0px; padding: 0px; height:250px;
	color: #FFF; background: #6386B5 url(../images/PietrobelliBannerDurban.jpg) no-repeat 0;
}
		#Testa_c img {border: none; margin: 0px 0px 0px 2px;
		}
/* ** #Testa_t ** */	
#Testa_t {margin: 0px; padding: 0px; height:250px;
	color: #FFF; background: #6386B5 url(../images/PietrobelliBannerParinacota.jpg) no-repeat 0;
}
		#Testa_t img {border: none; margin: 0px 0px 0px 2px;
		}
/* ** #Testa_p ** */	
#Testa_p {margin: 0px; padding: 0px; height:250px;
	color: #FFF; background: #6386B5 url(../images/PietrobelliBannerNamibia.jpg) no-repeat 0;
}
		#Testa_p img {border: none; margin: 0px 0px 0px 2px;
		}
/* ** #Testa_d ** */	
#Testa_d {margin: 0px; padding: 0px; height:250px;
	color: #FFF; background: #6386B5 url(../images/PietrobelliBannerDeserto.jpg) no-repeat 0;
}
		#Testa_d img {border: none; margin: 0px 0px 0px 2px;
		}
/* ** #Testa_g ** */	
#Testa_g {margin: 0px; padding: 0px; height:250px;
	color: #FFF; background: #6386B5 url(../images/PietrobelliBannerMiniera.jpg) no-repeat 0;
}
		#Testa_g img {border: none; margin: 0px 0px 0px 2px;
		}


/* ** #Percorso ** */			
#Percorso h2 {text-align: left; margin: 0px; padding: 3px 0px 3px 5px; font-size: 90%; color: #292852;
			background-color: #AAB4D7;
		}
		#Percorso h2 a {text-decoration: none; color: #292852; border-bottom: 1px solid #C6D3EF;
		}
		#Percorso h2 a:visited {color: #292852;
		}
		#Percorso h2 a:hover {border-bottom: 1px solid #6B86B5;
		}

/* ** #Lato ** */	
#Lato { float: right; width: 150px; margin-left: 0px; padding: 0px; height: auto;
	background-color: #FFF; font-size: 90%;
}
/*position: absolute; right:0px; width: 150px; margin: 0px;*/
		#Lato ul {padding: 0px; margin: 0px 0px 0px 0px; list-style: none; border-left: 1px solid #006699;
		}
			#Lato ul li {display: inline;
			}
			#Lato ul li a {padding: 5px 0px 0px 10px;	border-bottom: 1px solid #006699;
				color: #009; font-size: 105%; text-decoration: none;
				text-align: left; line-height: 1.9em; display: block;
			}
			#Lato ul li a:hover {border-bottom: 1px solid #006699; background-color: #DDEEFF; /*#EFF3FF;*/
			}
			#Lato a.attivo {border-bottom: 1px solid #336633; background: #EFF3FF url(../images/gradient.gif) repeat-y;
			}
			#Lato a {color: #990000;	
			}
			#Lato ul.sub {margin-left: 20px; font-size: 90%; color:#0066FF;
			}

			#Lato a.attivosfondo {
				background: #FFF url(../images/gradient.gif) repeat;
			}

/* ** #Cuore ** */	
#Cuore { width: 630px; margin: 0px 150px 0px 0px; padding: 5px; height:auto; background-color: #FFF; font-size: 95%;
}
		#Cuore a {text-decoration: none;	color: #009; border-bottom: 1px solid #0066FF;
		}
		#Cuore a:visited {color: #009;
		}
		#Cuore a:hover {border-bottom: 1px solid #006699; background-color: #EFF3FF;
		}
		#Cuore ul.zero li {list-style: none; line-height: 2em; margin: 2px 10px 2px 30px; font-size: 88%;
		}
		#Cuore ul.punto li {list-style: disc; line-height: 2em; margin: 2px 10px 2px 30px; font-size: 88%;
		}
		#Cuore ul.num li {list-style: decimal; line-height: 2em; margin: 2px 10px 2px 30px; font-size: 88%;
		}
		.evi { /*evidente*/ font-weight: bold;
		}
		.enfa { /*enfasi*/ color: #0000CC; font-weight: bold; letter-spacing: 0.02em; line-height: 1.5em;
		}
		.firma { /*firmato*/	font-size: 85%; font-style: italic; text-align: right;
		}
		.torna { /*ritorno*/ text-align: right;
		}
		  .torna a { /*ritorno link*/ border: 1px solid #336633; padding: 2px;
		  }
		  .torna a:hover {border: 1px solid #336633; background-color: #EFF3FF;
		  }
		.ita { /*corsivo*/ font-style: italic;
		}
		.centro { /*centrato*/ text-align: center; padding: 2px 0px 1px 0px;
		}
		.ima {border: none; margin: 0px auto 0px auto;
		}
		.imasx { /*foto a sx*/ float: left; border: none; margin: 2px 30px 2px 5px; z-index: 1;
		}
		.imadx { /*foto a dx*/ float: right; border: none; margin: 2px 5px 2px 30px;	z-index: 1;
		}	
		.imasxmini { /*foto a sx*/ float: left; border: none; margin: 2px 10px 2px 5px; z-index: 1; /**/ width:155px; height:155px; clear: left;
		}
		
/* ** Photogallery ** */
		div.didadx {width: 280px; height: 250px; float: left; overflow: hidden; 
		}
		.imasxgallery { /*foto a sx float: left;*/ 
			clear: left; float: left; text-align: left; z-index: 1; width: 40%; 
			border: 1px solid #069; margin: 2px 20px 2px 5px; padding: 5px; 
		}
	
/* ** News ** */
.boxnews {overflow: auto; width: 600px; height: 100px; 
	background-color: #EFF3FF; color: #009; margin: 10px 5px 10px 10px; padding: 5px; 
	border: 1px inset #99CC99; line-height: 1.5em;
	}
	.boxnews p {font-size: 80%;
		}
/* ** #Info ** */		
#Info{margin-top: 15px; border-top: 1px solid #99CC99;
}
		#Info p {font-size: 94%; margin: 0px; padding: 4px 0px 0px 0px;
		}

/* ** #Piede ** */	
#Piede {margin-top: 0px; font-style: italic; clear:both; 
}
		#Piede p{font-size: 94%; margin: 0px; padding: 4px 0px 4px 0px;text-align:center;
		}
		#Piede a {text-decoration: none; color: #009; border-bottom: 1px solid #0066FF;
		}
		#Piede a:visited {color: #009; 
		}
		#Piede a:hover {border-bottom: 1px solid #006699; background-color: #EFF3FF;
		}