@charset "UTF-8";
/* CSS Document */

body{
	width: 800px;
	margin: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background: url(../img/bandarancio.jpg) top center repeat-x;
}




/*---------------------CONTENITORE----
#contenitore{
	width: 800px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

---------------------*/



/*----------------------------------------TESTATA----------------------------------------*/
#testata{
	width: 800px;
	height: 150px;
	background: url(../img/testata.jpg) top center no-repeat;
	margin: 15px 0 0 0;
	padding: 0 0 0 0;
	float: left;
}


#testata a {
	width: 800px;
	height: 150px;
	background: url(../img/testata.jpg) top center no-repeat;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	float: left;
}




/*----------------------------------------------BOX-----------------------------------------*/
#box{
	width: 800px;
	height: 429px;
	background: url(../img/box-centrale.jpg) top center no-repeat;
	float: left;
}


#box img{
	border: none;
}



/*---------------------CONTATTI-------------------------*/
#contatti a{
	width: 248px;
	height: 300px;
	background: url(../img/contatti.jpg) top left no-repeat;
	margin: 20px 8px 0 20px;
	padding: 0 0 0 0;
	float: left;
}



#contatti a:hover{
	width: 248px;
	height: 300px;
	background: url(../img/contatti_hover.jpg) top left no-repeat;
	float: left;
}



/*--------------------MODELLI-------------------------*/
#modelli a{
	width: 248px;
	height: 300px;
	background: url(../img/modelli.jpg) top left no-repeat;
	margin: 20px 8px 0 0;
	padding: 0 0 0 0;
	float: left;
}


#modelli a:hover{
	width: 248px;
	height: 300px;
	background: url(../img/modelli_hover.jpg) top left no-repeat;
	float: left;
}





/*--------------------OFFERTE-------------------------*/
#offerte a{
	width: 248px;
	height: 300px;
	background: url(../img/offerte.jpg) top left no-repeat;
	margin: 20px 8px 0 0;
	padding: 0 0 0 0;
	float: left;
}

#offerte a:hover{
	width: 248px;
	height: 300px;
	background: url(../img/offerte_hover.jpg) top left no-repeat;
	float: left;
}


















/*----------------------------------------------BOX_CONTATTI-----------------------------------------*/
#box_contatti{
	width: 800px;
	height: 320px;
	background: url(../img/boxcontatti.jpg) top center no-repeat;
	float: left;
}


#box_contatti img{
	border: none;
}



/*--------------------BRUNO-------------------------*/
#bruno{
	margin: 20px 0 0 20px;
	padding: 0 0 0 0;
	width: 248px;
	height: 100px;
}


#bruno a{
	width: 248px;
	height: 100px;
	background: url(../img/bruno.jpg) top left no-repeat;
	float: left;
}


#bruno a:hover{
	width: 248px;
	height: 100px;
	background: url(../img/bruno_hover.jpg) top left no-repeat;
	float: left;
}



/*--------------------GARAGE-------------------------*/
#garage{
	margin: 8px 0 0 20px;
	padding: 0 0 0 0;
	width: 248px;
	height: 120px;
}

#garage a{
	width: 248px;
	height: 120px;
	background: url(../img/garage.jpg) top left no-repeat;
	float: left;
}

#garage a:hover{
	width: 248px;
	height: 120px;
	background: url(../img/garage_hover.jpg) top left no-repeat;
	float: left;
}



/*--------------------MAPPA-------------------------*/
#mappa{
	margin: 8px 0 0 20px;
	padding: 0 0 0 0;
	width: 248px;
	height: 44px;
}

#mappa a{
	width: 248px;
	height: 44px;
	background: url(../img/mappa.jpg) top left no-repeat;
	float: left;
}

#mappa a:hover{
	width: 248px;
	height: 44px;
	background: url(../img/mappa_hover.jpg) top left no-repeat;
	float: left;
}









/*--------------------------------------------TITOLO-----------------------------------------*/
#titolo{
	width: 800px;
	margin: 80px 0 0 0;
	padding: 0 0 0 0;
	float: left;
}

#titolo h2{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 26px;
	color: #0081c8;
	font-weight: lighter;
	margin: 5px 0 0 0;
	padding: 0 0 0 0;
}




/*---------------------------------------------COLLABORATORI-----------------------------------------*/
.collaboratori_sx{
	width: 370px;
	height: 300px;
	margin: 30px 0 0 0;
	padding: 0 0 0 0;
	float: left;
}


.collaboratori_sx h1{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border-bottom: 1px dotted #f99d1c;
	font-size: 18px;
	font-weight: lighter;
}


.collaboratori_dx{
	width: 370px;
	height: 300px;
	margin: 30px 0 0 60px;
	padding: 0 0 0 0;
	float: left;
}


.collaboratori_dx h1{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border-bottom: 1px dotted #f99d1c;
	font-size: 18px;
	font-weight: lighter;
}



.ritratto{
	width: 140px;
	height: 140px;
	margin: 20px 0 0 0;
	padding: 0 0 0 0;
}


.mansione{
	width: 240px;
	margin: 10px 0 0 0;
	padding: 0 0 0 0;
}


.mansione p{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-size: 14px;
}

.mansione a{
	color: #999999;
}

.mansione a:hover{
	color: #0081c8;
}





















/*---------------------INVISIBILE-------------------------*/
#invisibile{
	margin: 80px 0 0 0;
	padding: 0 0 0 0;
	float: left;
	width: 800px;
	font-size: 1px;
	color: #FFFFFF;
}



/*---------------------CREDITS-------------------------*/
#credit{
	margin: 4px 0 40px 0;
	padding: 0 0 0 0;
	float: left;
	width: 800px;
}



#credit a{
	color: #999999;
	text-decoration: none;
	font-size: 11px;
}


#credit a:hover{
	color: #000000;
}



hr{
	height: 1px;
	color: #999999;
}