@charset "utf-8";
/* CSS Document */
/*progetto galleria immagini*/
/*---------------------------------------------------------------------------*/
body
{
	margin:0 auto;
	border:0px;
	padding:0px;
	text-align:center;														/*sfruttando un bug di IE per allineare tutto globalmente*/
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;				/*font di tutto il sito*/
	font-size:17px;															/*dimensione generica del testo*/
	color:#000;																/*colore generico di tutto il testo*/
	background-color:#73B7B7;
	background-image:url("../img/grafica/sfondo3.gif");
	background-repeat:repeat;
}
/*toglie il bordo alla immagini in generale*/
img
{
	border:0;
}
/*fix al bug che non mostra le radio button in chrome*/
radio
{
	border:none;
	width:1em;
	height:1em;
}
/*---------------------------------------------------------------------------*/
/*blocchi principali*/
/*bordi con ombra*/
#container
{
	/*CSS3*/
	box-shadow: #000 5px 5px 30px;
	/*per rendere compatibile il CSS3 con mozilla e ie*/
	-moz-box-shadow: #000 5px 5px 30px;
	-webkit-box-shadow: #000 5px 5px 30px;
	behavior: url(/PIE.htc);
}
/*bordi arrotondati*/
#container, div#menudx, #menudx a, div#admin, #admin a, #galleria
{
	/*CSS3*/
	border-radius: 20px 20px 20px 20px;
	/*per rendere compatibile il CSS3 con mozilla e ie*/
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;			/* IE 9 */ 
	behavior: url(/PIE.htc);
}
/*allineamento al centro della pagina*/
#container, #galleria, #footer
{
	clear:both;
	margin-left:auto;
	margin-right:auto;
}
#topleft 
{
	position:fixed;
	left:0;
	top:0;
	display:block;
	height:150px;
	width:150px;
	text-decoration:none;
}
	#topleft img
	{
		border:0;
	}
#container
{
	text-align:center;
	border:1px solid #000;
	background-color:#f0f7f7;
	margin-top:25px;
	padding-left:25px;
	padding-right:25px;
	padding-top:25px;
	padding-bottom:25px;
	width:900px;
}
	#container img
	{
		border:0;
	}
	#header
	{
		float:left;
		width:400px;
		height:180px;
		margin-bottom:25px;
	}
	#header p
	{
		font-size:15px;
		margin-bottom:20px;
	}
	#header h2
	{
		margin-top:0;
		margin-bottom:20px;
		line-height:25px;
	}
	#header h4
	{
		font-weight:normal;
		line-height:15px;
	}
	div#menudx
	{
		float:right;
		width:450px;
		height:75px;
		margin-bottom:25px;
		background-color:#73B7B7;
		border:1px solid #73B7B7;
		background-image:url("../img/grafica/sfondo4.gif");
		background-repeat:repeat;
	}
	.menudx ul
	{
		margin:0;
		padding:0;
		list-style:none;
	}
	.menudx li
	{
		list-style:none;
	}
	.menudx a
	{
		float:left;
		width:100px;
		height:31px;
		line-height:31px;
		background-color:#f0f7f7;
		margin-left:22px;			/*centra in orizzontale i bottoni nel div menudx, non va applicato al primo elemento del menu*/
		margin-top:6px;				/*centra in verticale i bottoni nel div menudx*/
		border-left:10px solid #c7e2e2;
		font-size:15px;
		text-decoration:none;
		color:#000;
	}
	.menudx a:hover
	{
		text-decoration:underline;
	}
	div#admin						/*pulsante admin*/
	{
		float:right;
		width:450px;
		height:75px;
		margin-bottom:25px;

		background-color:#f0f7f7;
		border:1px solid #73B7B7;
		background-image:url("../img/grafica/sfondo5.gif");
		background-repeat:repeat;
	}
	.admin ul
	{
		margin:0;
		padding:0;
		list-style:none;
	}
	.admin li
	{
		list-style:none;
	}
	.admin a
	{
		float:left;
		width:100px;
		height:31px;
		line-height:31px;
		background-color:#73B7B7;
		margin-left:131px;			/*centra in orizzontale i bottoni nel div menudx*/
		margin-top:6px;				/*centra in verticale i bottoni nel div menudx*/
		border-left:10px solid #c7e2e2;
		font-size:15px;
		text-decoration:none;
		color:#FFF;
	}
	.admin a:hover
	{
		text-decoration:underline;
	}
	div#galleria
	{
		width:850px;
		border:1px solid #73B7B7;
		padding-left:25px;
		padding-right:25px;
		padding-top:25px;
		padding-bottom:25px;
		background-image:url("../img/grafica/sfondo5.gif");
		background-repeat:repeat;			
	}	
		#galleria img
		{
			border:0;
		}
		#galleria table
		{
			margin-left:auto;
			margin-right:auto;
			background-color:#73B7B7;
			color:#000;
			width:450px;
			border:0;
		}
		#galleria td
		{
			padding:10px;
		}
		#galleria input
		{
			font-weight:bold;
		}
		#galleria textarea
		{
			font-weight:bold;
		}
#w3c
{
	margin-top:25px;
}
	#w3c img
	{
		border:0;
	}
#footer
{
	width:100%;
	height:30px;
	line-height:30px;				/*allineamento testo in verticale*/
	text-align:center;
	font-size:15px;
	font-weight:bold;
	margin-top:25px;
	background-color:#f0f7f7;
}
	#footer a
	{
		text-decoration:none;
		color:#000;
	}		
	#footer a:hover
	{
		text-decoration:underline;
	}
/*nasconde la pagina del contatore*/
#contatore
{
	display:none;
}
/*messaggio di errore*/
#errore
{
	font-size:15px;
	font-weight:bold;
	background-color:#FFF;
}
	#errore p
	{
		color:#F00;
	}
	#errore a
	{
		text-decoration:none;
		color:#F00;
	}
			
	#errore a:hover
	{
		text-decoration:underline;
	}
/*form di login e di contatti*/	
#login
{	
	font-size:15px;
	background-color:#FFF;
}
	.login
	{	
		font-size:15px;
		background-color:#FFF;
	}
	.login table
	{	
		margin-left:auto;
		margin-right:auto;
		background-color:#73B7B7;
		color:#000;
	}
	.login td.grassetto
	{
		text-align:left;
		font-weight:bold;
	}
	.login a
	{
		font-weight:bold;
		text-decoration:none;
		color:#FFF;
	}	
	.login a:hover
	{
		text-decoration:underline;
	}
	#login td
	{	
		padding:10px;
	}
	#login td.grassetto
	{
		text-align:left;
		font-weight:bold;
	}
	#login p
	{
		text-decoration:none;
		font-weight:bold;
		color:#FFF;
	}	
	#login strong
	{
		text-decoration:none;
		font-weight:bold;
		color:#000;
	}
	#login a
	{
		font-weight:bold;
		text-decoration:none;
		color:#FFF;
	}	
	#login a:hover
	{
		text-decoration:underline;
	}
/*messaggio di conferma email inviata*/
#messaggiok
{

	font-weight:bold;
	background-color:#FFF;
}
	#messaggiok p
	{
		color:#000;
	}
/*link neri*/
#linkneri
{
	font-size:15px;
	color:#000;
	background-color:#FFF;
}
	#linkneri a
	{
		color:#000;
		font-weight:bold;
		text-decoration:none;
	}
	#linkneri a:hover
	{
		text-decoration:underline;
	}
/*---------------------------------------------------------------------------*/
/*classi*/
/*formattazione dei vari folder*/
.sinistra, .destra, .centro
{
	border:1px solid #000;
	background-color:#f0f7f7;
	width:250px;
	height:167px;
	overflow:hidden;	/*gestione contenuto che esce dai contenitori*/
}
.sinistra
{
	float:left;
	margin-right:25px;
	margin-bottom:25px;
}
.destra
{
	float:right;
	margin-left:25px;
	margin-bottom:25px;
}
.centro
{
	margin:auto;
	margin-bottom:25px;
}
/*---------------------------------------------------------------------------*/