/*FATTO DA MARCO M ( APRILE 2005 )*/
html {font-size: 80%;}
body {margin: 5px; font-family: Verdana, Arial, Helvetica, Sans-serif; font-size: 100%;}
/*-----------------------------------------------------------------informativa*/
body.inf675 {margin: 20px;}
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: 2.8em; color: #707070; margin: 10px 0 20px 0; font-weight: normal;}
h2 {font-size: 1.10em; margin: 15px 0 5px -20px;s}
p {margin: 0; padding: 0; margin: 0 0 10px 0;}
/*--------------------------------------------------------CONTENITORE GENERALE*/
#sito {
position: absolute;
left: 20%;
margin-left: -150px;
top: 5px;
width: 754px;
display: table-cell;
height: auto !important;
height: 340px;
}
/*------------------------------------FASCIA SUPERIORE (logo; scritta giraffa)*/
#top {
width: 100%;
height: 158px;
background-image: url('bg_top.gif');
background-position: 0 0;
background-repeat: no-repeat;
}
#logo {
position: relative;
left: 22px;
top: 13px;
width: 107px;
height: 145px;
}
#menu {
position: absolute;
left: 144px;
top: 43px;
width: 500px;
height: 20px;
font-family: Arial;
}
#inmenu {color: #fff;}
#inmenu p {color: #fff; display: inline; text-transform: uppercase; margin: 0 0; font-weight: bold;}
#inmenu a {color: #9FC0E6; text-transform: none; font-weight: normal; text-decoration: none;}
#inmenu a:hover {color: #fff;}
/*-----------------------------------------------------------FASCIA COL TITOLO*/
#titolo {
width: 100%;
height: 46px;
background-image: url('bg_titolo.gif');
background-position: 0 0;
background-repeat: no-repeat;
text-align: right;
}
#titolo h1 {margin: 0; padding: 0; padding-right: 37px; font-family: Georgia;}
/*------------------------------------------FASCIA CENTRALE (menu e contenuti)*/
#main {
width: 100%;
min-height: 509px;
height: auto !important;
height: 509px;
background-image: url('bg_main.gif');
background-repeat: no-repeat;
background-position: top right;
}
#testo {padding: 10px 0px 10px 30px;  margin: 0 38px 0 0;}
#testo p {margin-top: 5px; margin-bottom: 8px;}
#testo a {color: #4E75CC;}
#testo a:hover {color: #707070;}
#testo h2 {
color: #EE7652;
padding-left: 20px;
background-image: url('bg_h2.gif');
background-position: 0 0;
background-repeat: no-repeat;
font-family: Arial;
text-transform: uppercase;
}
#testo h2 a {color: #ee7652;}
#testo td.testo {font-size: 0.90em; padding-top: 10px;}
/*#testo .contenitore_t_f {border: 1px solid orange;}*/
#testo .foto {float: right; padding: 36px 0 0 20px; font-size: 0px;}
#testo .divfull {clear: both; font-size: 0px; width: 100%; height: 10px;}
#testo .content {margin-top: 10px;}
#testo .content a {color: #EE7652;}
/* ... CONTATTI ... */
table.webform td {font-size: 0.80em;}
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;}
/*-------------------------------------------------FASCIA INFERIORE (colophon)*/
#colophon {
width: 100%;
height: 24px;
border-top: 1px solid #519E65;
margin-top: 1px;
}
#colophon a {color: #519E65;}
#colopnon a:hover {color: #C0ECAD;}