body {
 	font: 12px Verdana;
 	margin: 0 auto;
  	text-align:left;
  	background-image: url("http://www.acquagratis.net/immagini/struttura/sfondo0077ba.jpg");
	background-repeat: repeat-x;
	background-attachment: fixed;
	margin-bottom:15px;
	margin-top: 15px;
	color:#4b4b4b;

	}
	
a  {	color: #0077ba;
	text-decoration:none;
	}
	

img {border: none;}

h1 {	margin: 0 0 15px 0;
	font-weight: normal;
	font-size: 26px;
	color: #0077ba;

	}

h2 {
	font-size: 20px;
	font-weight:normal;
	margin:0;
	line-height: 1.2em;
	}

h3 {
	font-size: 14px;
	margin:10px 0 10px 0;
	color: #444444;
	font-weight:normal;

	}

h4 {
	font-size: 13px;
	font-weight:normal;
	margin:10px 0 30px 0;
	color:#333332;
	}



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

 li {
 	padding:0px;
  	margin-left: 30px;
	margin-bottom:35px;
	} 

	
p	{
	margin-bottom:18px;
	margin-top:18px;
	}

.foto-grande{ border: 1px solid  #000; width:300px; height:225px;	}
.foto-piccole{margin:15px 1px 0 0;border: 1px solid  #000; width:68px;height:51px;}

div.box-foto {width:302px; height:310px;  padding: 5px; float:right; margin: 0 0 20px 15px; border: 1px solid  #444444; background: #f1f2f3; color:#444;}



div.form	{ margin-top:30px; padding: 15px; border: solid 1px #777; background:#f1f2f3; float:center;}


#cleartop{

	height:260px; /*mettere 2 px (X I BORDI SE CI SONO) pił del top height e del margin top*/
	}
	

	
	
.allinea {clear: both;	margin:10px;}




div.principale {
	
	margin: 0 auto;
	padding:15px;
	width: 960px;
  	background-image: url("http://www.acquagratis.net/immagini/struttura/pixel-bianco.jpg");
	}


div.principale a:hover  { text-decoration: underline;	}




div.top {
	position:absolute;
	top:0;
	margin: 0 auto;
	margin-top: 30px;
	width: 960px;
	height:243px; /* vedi cleartop e metterci 2 px + di questo per i bordi ed eventuale margin o padding top*/
	}

div.top_dx {
	float:right; 
	text-align:left; 
	width:300px; 
	height:92px;
	font-size: 40px;
	}

div.logo {
	height:138px; 
	margin-bottom:10px; 
	float:left;
	}

div.barretta {
	height: 36px;
	clear: both;
	margin-bottom:15px;
	padding-top: 14px;
  	background-image: url("http://www.acquagratis.net/immagini/struttura/barretta.jpg");
	text-align: center;
	color: #f1f2f3;
	font: 20px arial, verdana, sans-serif;

	
	
	}



div.barretta ul {
	padding:0px;
	margin:0px;
		
	}

div.barretta ul li {
  	padding:0px;
	margin:0px;
	display:inline;
	} 

div.barretta ul li a {
  	padding:3px 25px 3px 25px;
  		color: #f1f2f3;		
	} 

div.barretta ul li a:hover {
	background: #fff;
	color: #333333;	
	text-decoration: none;
	}





div.navigazione {
	clear: both;
	height: 25px;
	margin-top: 5px;
	background: #f1f2f3; 	
	text-align: left;
	padding: 8px 0px 0px 8px;
	
	}

div.navigazione ul {
	padding:0px;
	margin:0px;
	
	
	}

div.navigazione ul li {
  	padding:0 0 0 15px;
	 margin: 0 5px 0 5px ;
	 	display:inline;
	 background: url("http://www.acquagratis.net/immagini/struttura/freccia.gif") no-repeat 0 3px ;

	} 

div.navigazione ul li a {	 color: #000; } 

div.navigazione ul li a:hover { color:#0077ba; text-decoration:underline;
	}







div.barrah2 {
	clear: both;
	margin: 5px 0 15px 0;
	text-align: left;
	padding: 0;
	font: 12px Verdana;
	font-weight:bold;
	}

div.barrah2 ul {
	padding:0px;
	margin:0px;
	}

div.barrah2 ul li {
  	padding: 0;
	 margin: 0 ;
	 display:inline;
	} 

div.barrah2 ul li a {	 color:#0077ba; } 

div.barrah2 ul li a:hover { text-decoration:underline;
	}


div.colonna_dx_spot { float:right; width: 338px; height: 500px; }


div.sotto_mappa {clear:both; width:100%; margin: 0 0 30px 0;   background: #f0f1f2; border: 1px solid #999;} 
div.sotto_mappa h2{ padding: 15px 0 0 15px; }
div.sotto_mappa ul {
	padding:0px;
	margin:20px 0 0 15px;
	list-style: none;
	}

div.sotto_mappa ul li {
  	padding: 0;
	 margin: 0 ;
	  font-size: 12px;
	} 

div.sotto_mappa ul li a { margin-bottom:15px; color:#0077ba; } 

div.sotto_mappa ul li a:hover { text-decoration:underline; }




div.centro_2_col {
	float: left;
	width: 612px;
	line-height: 1.3em;
	text-align:left;
	}

div.colonna_dx {
	float: right;
	width: 330px;
	padding: 0;
	text-align:right;
	
	}

div.fine {
	margin-top: 30px;
	height: 40px;
	clear: both;
	line-height: 32px;
  	background-image: url("http://www.acquagratis.net/immagini/struttura/barretta.jpg");
	padding: 5px 5px 0 5px;
	text-align: center;
	color: #f1f2f3;	
	}

div.fine ul {
	padding:0px;
	margin:0px;
	}

div.fine ul li {
  	padding:0px;
	margin:0px;
	display:inline;
	font-size: 14px;
	} 

div.fine ul li a {
  		padding:5px;
  		color: #f1f2f3;	
  		

	} 
div.fine li a {	color: #f1f2f3;	
	} 
	
	
div.fine ul li a:hover {
	background: #fff;
	color: #333333;	
	text-decoration: none;
	}


/*fine csss struttura di base*/



  div.t300t { width: 300px; height:340px; padding-bottom: 10px; margin-top:20px; margin-right: 20px; background: url("http://www.acquagratis.net/immagini/struttura/sfondo_tondo.png") no-repeat left bottom; float: left;
	clear: right;}
	
div.t300t .inner { width:90%; padding: 15px 15px 0 15px;
			background: url("http://www.acquagratis.net/immagini/struttura/sfondo_tondo.png") no-repeat 0 0; overflow: hidden; }/* tabella risultati */
			
			
			
.inner h3 {
	font-size: 26px;
	margin:10px 0 10px 0;
	color: #444444;
	font-weight:normal;

	}