
/*
inizio sezione preliminare di impaginazione
*/
html, body, *{margin: 0px 0px 0px 0px; padding: 0px;}
body{
	text-align: center;   
		/*centra in IE 5.x 
		*/
		background-color: #000;
		background-image: url('public/images/bonnici_bg.jpg');
		background-repeat: repeat-x;
		background-position: top center;
		font-family:  Verdana,Helvetica, Arial,sans-serif;
		font-family:  Verdana, sans-serif;
		font-size: 12px;
		height: 100%;
		padding-top: 70px;
	}

a:link, a:visited, a:hover, a:active
	{
	 color: #FFF;
	 text-decoration: underline;
	}

a:active, a:focus{
outline:none;
} 

div#loghi{
	text-align: left;   
		/*Ripristino allineamento a sx
		*/

	width: 970px;
	border: 0px solid #fff;
	margin: 0px auto 0px auto; 
	/*centra negli altri browsers
	*/	
	
	
	
	}


div#logo, div#piede, div#fondo {
	text-align: center;   
		/*Ripristino allineamento a sx
		*/

	width: 892px; /* meno 148 di padding*/
	width: 744px;
	
	margin: 0px auto 0px auto; 
	/*centra negli altri browsers
	*/	
	clear: both;
	
	padding-left: 148px; /*larghezza menu + padding fino al banner*/
	}


div#container{
	text-align: left;   
		/*Ripristino allineamento a sx
		*/

	width: 892px;
	
	margin: 0px auto 0px auto; 
	/*centra negli altri browsers
	*/	
	
	
	
	}

div#centro{
	 /*
	 position: relative;
	 float: left;
	 */
	 clear: both;
	 width: 892px;
	 padding-top: 35px;
	}

div#logo{
	
	padding-top: 50px;
	
	}

div#piede{
	
	padding-top: 10px;
	color: #FFF;
	}

div#piede a:link, div#piede a:visited, div#piede a:hover, div#piede a:active
	{
	 color: #FFF;
	 text-decoration: none;
	}


div#fondo{
	
	padding-top: 0px;
	padding-bottom: 30px;
	text-align: right;
	}

div#fondo img, div#fondo span{
	vertical-align: middle;
	}


/*
fine sezione preliminare
*/


/*
loghi auto immagini
*/
div#loghi img, div#loghi span{
	 vertical-align: middle;
	 padding: 0px;
	 margin: 0px;
	}

div#loghi span.spacer{
	margin: 0px;
	padding: 42px;
	
	}



/*
menu e pulsanti
*/
div#menu{
	 float: left;
	 position: relative;
	 
	 font-size: 10px;
	 font-weight: bold;
	 line-height: 1;
	 width: 148px;
	 margin: 0px;
	 padding: 0px 0px 0px 0px;
	}

div#menu a.pulsante, div#menu a.sel{
	 
	 display: block;
	 width: 101px;
	 height: 22px;
	 
	 margin: 0px 0px 2px 0px;
	 padding: 6px 4px 5px 4px;
	 
	 
	 
	 background-image: url('public/images/pulsante_a.gif');
	 background-position: top left;
	 background-repeat: no-repeat;
	 
	 text-align: center;
	 
	 text-transform: uppercase;
	 
	 color: #FFF;
	 text-decoration: none;
	}

div#menu a.sel {
	 
	 color: #000;
	 background-image: url('public/images/pulsante_c.gif');
	 
	}
 div#menu a.pulsante:hover, div#menu a.sel:hover{
	 
	 color: #000;
	 background-image: url('public/images/pulsante_b.gif');
	 
	}

div#menu a.fiverentcar:link, div#menu a.fiverentcar:visited, div#menu a.fiverentcar:hover, div#menu a.fiverentcar:active {
	 display: block;
	 width: 101px;
	 height: 39px;
	 
	 margin: 0px 0px 0px 0px;
	 padding: 15px 4px 0px 4px;
	 
	 
	 background-image: url('public/images/pulsante_blu.gif');
	 background-position: top left;
	 background-repeat: no-repeat;
	 
	 
	 
	 text-align: center;
	 
	 text-transform: uppercase;
	 
	 vertical-align: middle;

	 color: #FFF;
	 text-decoration: none;
	}

div#menu a.fiverentcar:hover{
	 
	}

div#menu span{
	 
	 text-transform: uppercase;
	 
	}

div#menu span.spazio_alto{
	 
	 line-height: 1.75;
	 
	}


/*
contenuti banner intro o banner e testo
*/

div#contenuti1{
	 float: right;
	 position: relative;
	 clear: right;
	 
	 width: 744px;
	}

div#contenuti2{
	float: right;
	 position: relative;
	 clear: right;
	 
	 width: 724px;
	 color: #fff;
	 
	 text-align: justify;
	 font-size: 10px;
	 
	 background-color: #000;
	 padding: 10px;
	}

div#banner{
	 float: left;
	 position: relative;
	 padding: 0px 10px 10px 0px;
	 margin: 0px;
	}


/*
tabella contatti COMUNICAZIONE
*/
table.comunicazione{width: 100%;float: left; position: relative;clear: none; background-color: #000;}
table.comunicazione tr{}
table.comunicazione td{
	 text-align: left; 
	 vertical-align: middle;
	 margin: 0px 0px 0px 0px;
	 padding: 0px 0px 0px 0px;
	 /*aumentare l'altezza dal padding di a.articolo*/
	 width: 50%;
	 background-image: url('public/images/barretta.gif');
	 background-position: 36px center;
	 background-repeat: no-repeat;
	}

a.articolo:link, a.articolo:visited, a.articolo:hover, a.articolo:active{
	 display: block;
	 padding: 25px 0px 25px 42px;
	 text-decoration: none;
	 vertical-align: middle;
	 background-image: url('public/images/icona_pdf.gif');
	 background-position: center left;
	 background-repeat: no-repeat;
	}
a.articolo:hover, a.articolo:active{
	 text-decoration: none;
	 vertical-align: middle;
	 background-image: url('public/images/icona_pdf_att.gif');
	}
	
a.articolo img{
	 vertical-align: middle;
	 
	}

/*
tabella contatti form
*/
table.form{width: 338px;float: left; position: relative;clear: none;}
table.form td{text-align: center;}
p.esito_mail{padding-top: 100px;}

p{
	color: #FFF;
	text-align: center;
	padding-bottom: 30px;
	}


img{
	 border: 0;
	}


