/*FATTO DA MARCO M ( APRILE 2005 )*/
html {font-size: 80%;}
body {margin: 10px; font-family: Verdana, Arial, Helvetica, Sans-serif; font-size: 100%; background-color: #A9B069;}

/*-----------------------------------------------------------------informativa*/
body.inf675 {margin: 20px; background-color: #fff;}
body.inf675 p {margin-top: 5px; margin-bottom: 10px;}
body.inf675 a {color: #017EC1; text-decoration: none;}
body.inf675 a:hover {color: #87CCF5; text-decoration: underline;}

h1 {font-size: 1.40em; color: #017EC1; margin: 15px 0 5px 0;}
h2 {font-size: 1.10em; color: #E60003; margin: 10px 0 5px 0;}
p {margin: 0; padding: 0;}

/*------------------------------------FASCIA SUPERIORE (logo; scritta giraffa)*/
#top {
	width: 728px;
	height: 349px;
	background-image: url('bg_top.gif');
	background-position: 0 0;
	background-repeat: no-repeat;
}
#logo {
	position: relative;
	left: 46px;
	top: 111px;
	width: 132px;
	height: 151px;
}
#giraffa {
	position: absolute;
	left: 202px;
	top: 103px;
	width: 164px;
	height: 70px;
}

/*------------------------------------------FASCIA CENTRALE (menu e contenuti)*/
#main {
	width: 728px;
	min-height: 340px;
	height: auto !important;
	height: 340px;
	background-image: url('bg_main.gif');
	background-repeat: repeat-y;
	background-position: 0 0;
}
#inmain {
	float: right;
	width: 439px;
	min-height: 340px;
	height: auto !important;
	height: 340px;
}
#testo {padding: 0px 10px 20px 0px;}
#testo p {margin-top: 5px; margin-bottom: 8px;}
#testo a {color: #017EC1; text-decoration: none;}
#testo a:hover {color: #87CCF5; text-decoration: underline;}
#testo img {border: 1px solid #017EC1;}
#testo td.testo {font-size: 0.90em; padding-top: 10px;}
#testo .foto {float: right; margin-left: 20px; margin-top: 20px; font-size: 0px;}
#testo .testo {}
#testo .divfull {clear: both; font-size: 0px;}
#testo .content a {color: #F2B106;}
#testo .content a:hover {color: #F9BF2D;}

/* CONTATTI */
table.webform td {font-size: 0.90em;}
table.webform td.label {text-align: right;}
table.webform .field {width: 270px; border: solid 1px #CCC;}
table.webform textarea {height: 80px;}
table.webform .button {border: solid 1px #333; background-color: #E3E6EC; color: #000;}

#menu {
	float: left;
	width: 289px;
	height: 420px;
	background-image: url('bg_menu.gif');
	background-position: 0 0;
	background-repeat: no-repeat;	
}
#inmenu {padding: 45px 0px 0px 52px;}
#inmenu p {margin-bottom: 5px; font-weight: bold; color: #F9BF2D;}
#inmenu a {color: #fff; text-decoration: none;}
#inmenu a:hover {color: #F9BF2D;}

/*FASCIA INFERIORE (colophon e loghi delle banche)*/
#colophon {
	width: 728px;
	height: 315px;
	background-image: url('bg_colophon.gif');
	background-position: 0 0;
	background-repeat: no-repeat;
}
#incolophon {float: right; width: 439px; height: 315px; color: #666;}
#incolophon a {color: #5DB446;}
#incolopnon a:hover {color: #C0ECAD;}
#banche {height: 315px; width: 289px; float: left;}
.bdr {padding-top: 15px; padding-left: 40px;}
.bdr img {border: 0px;}
.cdr {padding-top: 20px; padding-left: 80px;}
.cdr img {border: 0px;}