/* -------------------- STILI GENERICI -------------------------*/
body {
 font-family:Book antiqua, Verdana, Arial, Helvetica, sans-serif;
 margin: 0 0 0 0;
 overflow-x:hidden;

}


a{
 color:#902020;
}
 
a:hover{
text-decoration: none;
color: #FF7F50;
}

hr { 
 color:#D0D0D0;
 height: 1px;
 width:75%;
}

#ifra {
position:absolute;
top:0;
left:0;
width:1024px;
height:4096px;
z-index:1;
}


/* -------------------- STILI Header -------------------------*/

#header {
position:relative;
width:100%;
left:0px;
top:15px;
height:140px;
background-image:url(img/header.jpg);
background-repeat:no-repeat;
background-position: center;
z-index:3;
}

#header h1 span{
    display: block;
    width: 0; height: 0; line-height: 0; /* attribuisce dimensioni nulle */
    overflow: hidden; clip: rect(0,0,0,0); /* nasconde il testo */
 } 


#colonnasx {
 position:relative;
 top:65px;
 left:20px;
 width:180px;
 height:auto;
 
 z-index:2;
}


/* -------------------- STILI MENU -------------------------*/


.menu {
 position:relative;
 top:0px;
 left: 0;
 width: 100%;

 padding: 0 0 5px 0;
 margin: 20px 0 15px 0;
 background-color: transparent;
 background-image:url(img/quadretto.gif);
 background-repeat:repeat;
 border: 2px solid #e0e0e0;
}

.menu h1 {
 font-family:Book antiqua, Verdana, Arial, Helvetica, sans-serif;
 font-size: 16px;
 text-align:center;
 color:#FF7F50;
 padding: 1px 5px 5px 5px;
 margin: 0 0 10px 0;
 background-color:#FAFAFA;
 border-bottom: 1px dotted #d0d0d0;
}

.menu ul { 
 list-style-type:square;
 }
 
 
.menu li {
 color:#8080a0;
 padding: 3px 5px 3px 5px ;
 font-weight:bold;
}


.menu a{
color:#8080a0;
text-decoration: none;
}

.menu a:hover{
text-decoration: none;
color: #FF7F50;
}

/* -------------     STILI PER BANNER     -------------------------------------  */

.banner {
position:relative;
left: 0;
width:100%;
z-index:2;
border: 1px solid #d0d0d0;
margin: 20px 0 25px 0;
padding: 0px 0 10px 0;

background-image:url(img/quadretto.gif);
background-repeat:repeat;

}

.banner ul { 
 list-style-type:square;
 }
 
 
.banner li {
 color:#8080a0;
 padding: 3px 5px 3px 5px ;
 font-weight:bold;
}

.banner a {
text-align:center;
}

.banner ul {
 margin-left:0;
 list-style-type:none;
}

.banner img {
border:0;
}

.banner h1 {
 font-family:Book antiqua, Verdana, Arial, Helvetica, sans-serif;
 font-size: 16px;
 text-align:center;
 color:#FF7F50;
 padding: 1px 5px 5px 5px;
 margin: 0 0 10px 0;
 background-color:#FAFAFA;
 border-bottom: 1px dotted #d0d0d0;
}

.banner h2 {
 font-family:Book antiqua, Verdana, Arial, Helvetica, sans-serif;
 font-size: 15px;
 color:#8080a0;
 padding: 4px 4px 4px 4px;
}


.banner h3 {
 font-family: Tahoma, Verdana ;
 font-size: 13px;
 font-weight:normal;
 background-color:#F0F0F0;
 color:#FF7F50;
 padding: 2px 2px 2px 2px;
}

/* -------------     STILI PER CORPO     ---------------------------------  */

 
#corpo {
  position:absolute;
  top:220px;
  left:220px;
  width:720px;
  
  min-height:450px;
  height: auto !important;
  height:450px;
  
  margin: 10px 0 10px 0;
  padding: 20px 20px 20px 20px;
  background-color: transparent;
  z-index:1;
}


#corpo #as{
 position:absolute;
 left:-80px;
 top:-70px;
 width:345px;
 height:335px;
 background-image:url(img/gasphas.jpg);
 background-repeat:no-repeat;
 z-index:-1;
}

#corpo #bs{
 position:absolute;
 left:0px;
 bottom:0px;
 width:260px;
 height:250px;
 background-image:url(img/gasphbs.jpg);
 background-repeat:no-repeat;
 z-index:-1;
}

#corpo #bd{
 position:absolute;
 right: -80px;
 bottom: -85px;
 width:335px;
 height:330px;
 background-image:url(img/gasphbd.jpg);
 background-repeat:no-repeat;
 z-index: -1;
}

#corpo #ad{
 position:absolute;
 right: 0px;
 top: 0px;
 width:260px;
 height:250px;
 background-image:url(img/gasphad.jpg);
 background-repeat:no-repeat;
 z-index: -1;
}


#contenuto p {
 font-family:Book antiqua, Verdana, Arial, Helvetica, sans-serif;
 font-size: 16px;
 line-height: 20px;
 color:#8080a0;
}


#contenuto h1 {
 font-family:Book antiqua, Verdana, Arial, Helvetica, sans-serif;
 font-size: 20px;
 color:#FF9900;
 line-height: 20px;
}


#contenuto h2 {
 font-family:Book antiqua, Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
color:#8080a0;
line-height: 20px;
text-align:center;
}

#contenuto h3 {
 font-family:Book antiqua, Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight:bold;
color:#606080;
line-height: 16px;
text-align:left;
}



/*--------------------- STILI PER FOTO STONDATE ---------------------------- */

.foto{
 position:relative; 
 left:0;
 top:0;
 font-size:0;
}


 .cornice {
 position:relative;
 left:0;
 top:0;
 font-size:0;
}

 .didascalia {
 position:relative;
 left:0;
 top: 0;
 height:auto;

 font-family: Book Antiqua, Verdana, Tahoma, Helvetica, sans-serif;
 font-size:14px;
 font-weight:bold;
 color:#8080a0;
}


 .immagine {
 position:relative;
 top:0;
 left:0;
 z-index:1;
 font-size:0;
}

 .angoloas {
  position:absolute;
  width:10px;
  height: 10px;
  left:0;
  top:0;
  font-size:0;
  
  background-image: url(img/angoloas.gif);
  background-repeat:no-repeat;
  z-index:2;
}

.angoload {
   position:absolute;
	width:10px;
	height: 10px;
	right:-1px;
	top:0;
	font-size:0;
	
	background-image: url(img/angoload.gif);
	background-repeat:no-repeat;
	z-index:2;
 }

.angolobs {
 position:absolute;
 width:10px;
 height: 10px;
 left:0;
 bottom:0;
 background-image: url(img/angolobs.gif);
 background-repeat:no-repeat;
 font-size:0;
 z-index:5;
}

.angolobd {
   position:absolute;
   width:10px;
   height: 10px;
   right:-1px;
   bottom:0;
   background-image: url(img/angolobd.gif);
   background-repeat:no-repeat;
   font-size:0;
   z-index:2;
}


/* -------------------- CLASSI GENERICI -------------------------*/


.titolo_sezione {
 font-size: 18px;
 font-weight:bold;
 
 background-color:#F0F0F0;
 
 clear:both;
}

.destra {
 float:right;
 margin: 10px 5px 10px 5px;
}

.sinistra {
 float:left;
 margin: 10px 5px 10px 5px;
}

.centrato {
text-align:center;
}