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

BarberoDesign.it
	Xhtml 1.0 Strict e Css 2
	Luglio 2006

Come utilizzare i fogli di stile:
	- il contenitore principale ha dimensione fissa e contiene i box interni che sono tutti "floattanti" a sinistra (calcolare le giuste dimensioni!) ;
	- sono presenti tre colonne principali divise in "top", "center" e "bottom" (e ulteriori sottodivisioni) ;
	- ogni sezione principale contiene un foglio di stile separato che ricalca quello principale con le dovute modifiche strutturali ;
	
---------------------------*/

body {
	margin: 0;
	padding-top: 25px;
	font-size: 76%;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: center;
	background-image: url(supporto/bg.gif);
	background-position: top center;
	background-repeat: no-repeat;
}

/*Stile links della home*/
div a{
	text-decoration: none;
}

#colonna1_top_1, #colonna1_center_1, #colonna1_bottom_3, #colonna2_top_2, #colonna2_top_2, #colonna2_bottom_1, #colonna3_center_2, #colonna3_bottom_3, #colonna3_bottom_2 {
	font-weight: bold;
}

#colonna1_bottom_3 a {color: #f14f12;}
#colonna1_center_1 a {color: #fff;}
#colonna1_top_1 a { color: #e8e8e8; }
#colonna2_bottom_1 a {color: #fc7216;}
#colonna3_bottom_3 a {color: #fff;}
#colonna3_bottom_2 a {color: #fff;}
#colonna3_center_2 a {color: #e8e8e8;}
#colonna2_top_2 a {color: #f14f12;}

#contenitore_principale {
	margin: 0 auto;
	border: 0px solid #666;
	width: 1000px;
	height: 700px;
}

#colonna1, #colonna2 ,#colonna3 {
	float: left;
	height: 700px;
}

#colonna1, #colonna3 {width: 250px;}
#colonna2 {width: 500px;}

/*Colonna 1*/
#colonna1_top {height: 175px;}
#colonna1_center {height: 350px;}
#colonna1_bottom {height: 175px;}

#colonna1_center_1 {
	height: 175px;
	line-height: 175px;
	width: 249px;
	float: left;
	background-color: #e8e8e8;
	border-right: 1px solid #fff;
	font-size: 450%;
	color: #fff;
}

#colonna1_center_2 {
	height: 175px;
	width: 249px;
	float: left;
	background-color: #f14f12;
	border-right: 1px solid #fc7216;
}

/*Colonna 2*/
#colonna2_top {height: 175px;}
#colonna2_center {height: 350px;}
#colonna2_bottom {height: 175px;}

#colonna2_top_1 {
	width: 250px;
	height: 174px;
	float: left;
	background-color: #e8e8e8;
	border-bottom: 1px solid #fff;
}

#colonna2_top_2 {
	width: 250px;
	height: 174px;
	line-height: 174px;
	float: left;
	background-color: #fc7216;
	border-bottom: 1px solid #f14f12;
	font-size: 450%;
	color: #f14f12;
}

#colonna2_center_1 {
	height: 175px;
	width: 250px;
	float: left;
	background-color: #e8e8e8;	
}

#colonna2_center_2 {
	height: 175px;
	width: 250px;
	float: left;
	background-color: #fc7216;	
}

#colonna2_center_3 {
	height: 175px;
	width: 250px;
	float: left;
	background-color: #f14f12;	
}

#colonna2_center_4 {
	height: 175px;
	width: 250px;
	float: left;
	background-color: #fff;	
}

#colonna2_bottom_1 {
	width: 250px;
	height: 174px;
	line-height: 174px;
	float: left;
	background-color: #f14f12;
	border-top: 1px solid #fc7216;
	font-size: 450%;
	color: #fc7216;
}

#colonna2_bottom_2 {
	width: 250px;
	height: 174px;
	float: left;
	background-color: #fff;
	border-top: 1px solid #e8e8e8;
}

/*Colonna 3*/
#colonna3_top {height: 175px;}
#colonna3_center {height: 350px;}
#colonna3_bottom {height: 175px;}

#colonna3_center_1 {
	height: 175px;
	width: 249px;
	float: left;
	background-color: #fc7216;
	border-left: 1px solid #f14f12;
}

#colonna3_center_2 {
	height: 175px;
	line-height: 175px;
	width: 249px;
	float: left;
	background-color: #fff;
	border-left: 1px solid #e8e8e8;
	font-size: 450%;
	color: #e8e8e8;
}

/*Angolo alto sinistra*/
#colonna1_top_1 {
	height: 87px;
	line-height: 87px;
	width: 125px;
	float: left;
	background-color: #fff;
	color: #e8e8e8;
	font-size: 170%;

}

#colonna1_top_2 {
	height: 86px;
	width: 124px;
	float: left;
	background-color: #e8e8e8;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

#colonna1_top_3 {
	height: 87px;
	width: 124px;
	float: left;
	background-color: #e8e8e8;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

#colonna1_top_4 {
	height: 87px;
	width: 124px;
	float: left;
	background-color: #e8e8e8;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

/*Angolo alto destra*/
#colonna3_top_1 {
	height: 86px;
	width: 124px;
	float: left;
	background-color: #fc7216;
	border-left: 1px solid #f14f12;
	border-bottom: 1px solid #f14f12;
}

#colonna3_top_2 {
	height: 86px;
	width: 124px;
	float: left;
	background-color: #fc7216;
	border-bottom: 1px solid #f14f12;
	border-left: 1px solid #f14f12;
	background-image: url(supporto/logo.gif);
	background-position: center;
	background-repeat: no-repeat;
}

#colonna3_top_3 {
	height: 87px;
	width: 124px;
	float: left;
	background-color: #fc7216;
	border-left: 1px solid #f14f12;
	border-bottom: 1px solid #f14f12;
}

#colonna3_top_3 img {
	border: 0;
	margin-top: 9px;
}

#colonna3_top_4 {
	height: 87px;
	width: 124px;
	float: left;
	background-color: #fc7216;
	border-left: 1px solid #f14f12;
	border-bottom: 1px solid #f14f12;
}
#colonna3_top_4 img {
	border: 0;
	margin-top: 34px;
}
/*Angolo basso sinistra*/
#colonna1_bottom_1 {
	height: 86px;
	width: 124px;
	float: left;
	background-color: #f14f12;
	border-top: 1px solid #fc7216;
	border-right: 1px solid #fc7216;
}

#colonna1_bottom_2 {
	height: 86px;
	width: 124px;
	float: left;
	background-color: #f14f12;
	border-top: 1px solid #fc7216;
	border-right: 1px solid #fc7216;
}

#colonna1_bottom_3 {
	height: 88px;
	line-height: 88px;
	width: 125px;
	float: left;
	background-color: #fc7216;
	color: #f14f12;
	font-size: 170%;
}

#colonna1_bottom_4 {
	height: 87px;
	width: 124px;
	float: left;
	background-color: #f14f12;
	border-top: 1px solid #fc7216;
	border-right: 1px solid #fc7216;
}

/*Angolo basso destra*/
#colonna3_bottom_1 {
	height: 86px;
	width: 124px;
	float: left;
	border-top: 1px solid #e8e8e8;
	border-left: 1px solid #e8e8e8;
}

#colonna3_bottom_2 {
	height: 86px;
	width: 124px;
	float: left;
	border-top: 1px solid #e8e8e8;
	border-left: 1px solid #e8e8e8;
	background-color: #e8e8e8;
	font-size: 170%;
	line-height: 86px;
}

#colonna3_bottom_3 {
	height: 87px;
	width: 124px;
	float: left;
	border-top: 1px solid #e8e8e8;
	border-left: 1px solid #e8e8e8;
	background-color: #e8e8e8;
	font-size: 170%;
	line-height: 87px;
	color: #fff;
}

#colonna3_bottom_4 {
	height: 88px;
	width: 125px;
	float: left;
	background-color: #fff;
}