/* CSS Document */

body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
background-color: #7E7E7E;
background-image: url(../img/main-bg.gif);
}

h1 {
margin-top: 0px;
color: #0080C0;
font-size: 30px;
font-family: "Freestyle Script", Verdana, Arial, Helvetica, sans-serif;
line-height: 1.2em;
}

h2 {
margin-top: 0px;
color: #FF0000;
}

a {
text-decoration: none;
}

#header {
border: 3px solid #000000;
margin: auto;
width: 800px;
height: 150px;
margin-bottom: 20px;
background-image: url(../img/header.jpg);
}

#main {
border: 3px solid #000000;
margin: auto;
width: 800px;
min-height: 200px;
background-color: #FFFFFF;
}

#footer {
border: 3px solid #000000;
margin: auto;
width: 780px;
min-height: 50px;
margin-top: 20px;
background-color: #FFFFFF;
padding: 10px;
color: #999999;
font-size: 10px;
line-height: 1.4em;
}

#content {
padding: 15px;
text-align: justify;
line-height: 1.6em;
}

#form {
border-top: 0px solid #7E7E7E;
border-left: 3px solid #000000;
border-bottom: 3px solid #000000;
border-right: 0px solid #7E7E7E;
width: 293px;	/* 300 */
height: 414px;	/* 400 */
margin-top: -3px;
/* margin-left: 507px; */	/* 497 */
margin-left: 15px;	/* fa da padding per il contenuto a sinistra */
margin-bottom: 3px;	/* fa da padding per il contenuto in basso */
margin-right: -3px;
background-color: #7E7E7E;
background-image: url(../img/main-bg.gif);
float: right;
}

	#form .in_form {
	border: 3px solid #000000;
	/* margin-top: -3px; */
	margin-left: 10px;	/* 20 */
	height: 378px; /* 380 */
	width: 257px;	/* 276  */
	background-color: #FFFFFF;
	background-color: #EFFFE8;
	background-color: #AFD1BD;
	padding: 10px;
	position: absolute;
	}
	
	
	

#menu {
width: 806px;
margin: auto;
margin-top: -10px;
margin-bottom: 10px;
height: 32px; /* 25 */
border: 0px solid red;
}

#btn, #btn_corrente {
padding-right: 10px;
float: left;
text-align: center;
font-size: 15px;
font-weight: bold;
border: 0px solid green;
}

	#btn .l {
	background-image: url(../img/btn/l2.png);
	height: 32px;
	width: 11px;
	float: left;
	}
	
	#btn .m {
	background-image: url(../img/btn/m2.png);
	height: 32px;
	float: left;
	}
	
	#btn .r {
	background-image: url(../img/btn/r2.png);
	height: 32px;
	width: 11px;
	float: inherit;
	}
	

#btn a:link {
text-decoration: none;
color: #0033FF;
}

#btn a:hover {
text-decoration: none;
color: #FF0000;
}

#btn a:visited {
text-decoration: none;
color: #0033FF;
}

/*
#btn_corrente {
padding-right: 10px;
float: left;
text-align: center;
font-size: 15px;
font-weight: bold;
border: 0px solid green;
}
*/

	#btn_corrente .l {
	background-image: url(../img/btn_corrente/l2.png);
	height: 32px;
	width: 11px;
	float: left;
	}
	
	#btn_corrente .m {
	background-image: url(../img/btn_corrente/m2.png);
	height: 32px;
	float: left;
	}
	
	#btn_corrente .r {
	background-image: url(../img/btn_corrente/r2.png);
	height: 32px;
	width: 11px;
	float: inherit;
	}
	
	
	
	
	
	
	
	
	
.txt { /* va bene per tutti i tipi di pulsante */
padding-top: 7px;
}


div#certificato {
border:1px solid #999999;
height:339px;
margin-left:170px;
width:450px;
}


div#bers {
background-image: url(../img/bers.jpg);
background-repeat: no-repeat;
background-position: left;
border: 1px solid #0066FF; 
background-position: 100% 0%;
font-size: 16px;
}








































































/*

 menu e pulsanti versione 1.0 

#menu {
width: 806px;
margin: auto;
margin-top: 20px;
margin-bottom: 0px;
height: 25px;
}

#btn {
border: 3px solid #000000;
border-bottom: 0px solid #000000;
* width: 100px; *
padding-left: 10px;
padding-right: 10px;
height: 25px;
background-color: #FFFFFF;
margin-bottom: -3px;
position: relative;
margin-right: 10px;
float: left;
text-align: center;
font-size: 15px;
font-weight: bold;
}

#btn a:link {
text-decoration: none;
color: #00509F;
}

#btn a:hover {
text-decoration: none;
color:#CE0000;
}

#btn a:visited {
text-decoration: none;
color: #00509F;
}

*/


/*********************************************************************************/

/*

 menu e pulsanti versione 2.0 

#menu {
width: 806px;
margin: auto;
margin-top: -10px;
margin-bottom: 2px;
height: 60px; * 25 *
}

#btn, #btn_last {
padding-left: 10px;
padding-right: 10px;
float: left;
text-align: center;
font-size: 15px;
font-weight: bold;
border-right: 1px solid #999999;
}

#btn_last {
border: 0px;
}

#btn a:link, #btn_last a:link {
text-decoration: none;
color: #CCCCCC;
}

#btn a:hover, #btn_last a:hover {
text-decoration: none;
color: #0033FF;
}

#btn a:visited, #btn_last a:visited {
text-decoration: none;
color: #CCCCCC;
}

*/

/*********************************************************************************/

/*

 menu e pulsanti versione 3.0 (quella OK ma con gli sfondo che non cambiano a seconda del A: )

#menu {
width: 806px;
margin: auto;
margin-top: -10px;
margin-bottom: 10px;
height: 32px; * 25 *
border: 0px solid red;
}

#btn, #btn_corrente {
padding-right: 10px;
float: left;
text-align: center;
font-size: 15px;
font-weight: bold;
border: 0px solid green;
}

	#btn .l {
	background-image: url(../img/btn/l2.png);
	height: 32px;
	width: 11px;
	float: left;
	}
	
	#btn .m {
	background-image: url(../img/btn/m2.png);
	height: 32px;
	float: left;
	}
	
	#btn .r {
	background-image: url(../img/btn/r2.png);
	height: 32px;
	width: 11px;
	float: inherit;
	}
	

#btn a:link {
text-decoration: none;
color: #0033FF;
}

#btn a:hover {
text-decoration: none;
color: #FF0000;
}

#btn a:visited {
text-decoration: none;
color: #0033FF;
}

*
#btn_corrente {
padding-right: 10px;
float: left;
text-align: center;
font-size: 15px;
font-weight: bold;
border: 0px solid green;
}
*

	#btn_corrente .l {
	background-image: url(../img/btn_corrente/l2.png);
	height: 32px;
	width: 11px;
	float: left;
	}
	
	#btn_corrente .m {
	background-image: url(../img/btn_corrente/m2.png);
	height: 32px;
	float: left;
	}
	
	#btn_corrente .r {
	background-image: url(../img/btn_corrente/r2.png);
	height: 32px;
	width: 11px;
	float: inherit;
	}
	
	.txt {
	padding-top: 6px;
	}



*/

























/* box            ****************   non c'è, qui solo per esempio  ***************

div#box1 {
width: 320px;
border: 0px solid #0066FF; 
margin: auto;
padding: 0px;
*background-color: #F0FAEF;*
}
.head {
border-bottom: 0px solid #ff9600;
background-image: url(../img/top.gif);
height: 30px;
margin-bottom: 0px;
#margin-bottom: -20px;
_margin-bottom: -20px;

}

.foot {
border-top: 0px solid #ff9600;
background-image: url(../img/bot.gif);
height: 38px;
margin-top: 0px;
#margin-top: 0px;
_margin-top: 0px;
}

.mid {
background-image: url(../img/mid.gif);
}

fine*/