body

	{ margin: 0;

	padding:0;

	font-family: arial, sans-serif;

	/*font-size: 76%; */

	/*text-align: center;*/

	background-color: yellow;}



	/*  lo sfondo si vede solo se non è coperto da altri elementi*/

div#container

	{position: relative; 

	width: 1000px;  /* larghezza per navigation e content */

	margin: 0 auto;

	/*background-color: green; /*#BDDEFF; */

}



/*stili generici, su header e footer */

	/*  copre la parte alta del container */	

		/*  al suo interno ci sono due div : hormenu e  nav*/		

div#header

	{width:  1000px;

	height: 205px;

	background-color: yellow;

	color: blue;}





div#hormenu

	{width: 100%;

	position: abosulte;

	float: center; /*  non c'è */

	border-top: 1px solid black; /*   border: solid 1px #0076a3; */

	background: green; /*    background: #0095cd; */	

	/*color: red;     */

}

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

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

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

	

	



div#navigation

	{position: absolute; 

	top: 205px; 

	left: 0;

    width: 125px;/*width:170px; width:160px;*/

	padding: 1em  1px;

	}



div#content

	{position: absolute; 

	top: 105px;

	margin:0 200px;

	padding:1em 0px;

	}

	

div#navigation iframe

{

width: 200px; 

height: 1500px;    /* altezza della pagina */

border: 0px;

background: red;

}



div#content iframe

{

width: 800px; 

height: 1300px; 

border: 2px;

background: beige;

}







 #pulsante1{

 outline: none;

 cursor: pointer;

 text-align: left;

 text-decoration: none;

 font: 12px Arial, Helvetica, sans-serif;

 color: red;

 padding: 5px 15px;

 margin: 2px;

 border: solid 1px #0076a3;

 background: #0095cd;

 width: 190px; /* perallargare il  pulsante*/

 

background: -webkit-gradient(linear, left top, left bottom, from(yellow), to(white));

background: -webkit-linear-gradient(top,  yellow,  white);

background: -moz-linear-gradient(top,  yellow,  white);

background: -ms-linear-gradient(top,  yellow,  white);

background: -o-linear-gradient(top,  yellow,  white);



-moz-border-radius: 5px;

-webkit-border-radius: 5px;	

border-radius: 5px;



-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);

-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);

box-shadow: 0 1px 3px rgba(0,0,0,0.5);

}



#pulsante1:hover {

color: black;

 background: #0095cd;

 background: -webkit-gradient(linear, left top, left bottom, from(white), to(orange));

 background: -webkit-linear-gradient(top,  white,  orange);

 background: -moz-linear-gradient(top,  white,  orange);

 background: -ms-linear-gradient(top,  white,  orange);

 background: -o-linear-gradient(top,  white,  orange);

 color: blue;}



#pulsante1:active {

  position: relative;

  top: 2px;

}



 #pulsante2  {

 outline: none;

 cursor: pointer;

 text-align: left;

 text-decoration: none;

 font:  12px Arial, Helvetica, sans-serif;

 color: maroon;

 padding: 5px 15px;

 margin: 2px;

 border: solid 1px #0076a3;

 background: #0095cd;

 width: 190px;   /* per allargare il pulsante     */

 

background: -webkit-gradient(linear, left top, left bottom,from(orange), to(gold));

background: -webkit-linear-gradient(top,  orange,  gold);

background: -moz-linear-gradient(top,  orange,  gold);

background: -ms-linear-gradient(top,  orange,  gold);

background: -o-linear-gradient(top,  orange,  gold);

 

-moz-border-radius: 5px;

-webkit-border-radius: 5px;

border-radius: 5px;



}



#pulsante2:hover {

color: maroon;

 background: #0095cd;

 background: -webkit-gradient(linear, left top, left bottom, from(ivory), to(orange));

 background: -webkit-linear-gradient(top,  gold,  orange);

 background: -moz-linear-gradient(top,  gold,  orange);

 background: -ms-linear-gradient(top,  gold,  orange);

 background: -o-linear-gradient(top,  gold,  orange);

 }



#pulsante2:active {

  position: relative;

  top: 2px;

}



#forma1 {

	width: 100%;

	height: 3500px;

	background: beige;

}



#forma2 {

	width: 100%;

	height: 3500px;

	background: beige;

}