BODY {

	background: white; /* #2D4E6C; */
	color : black;
	font-family :  Arial, sans-serif;
	font-size: 14px;
	text-align: justify;
}

H2 {
	font-size: 12pt;
	color: white; /* #FF0100; */
    font-style: italic;
    background: green;
	}
#home {
	font-size: 16pt;
	/*color: white; /* #FF0100; */
    font-style: italic;
    background: green;
    padding: 0px 20px 0px 20px;
	}
#camere {
	font-size: 16pt;
	color: white; /* #FF0100; */
    font-style: italic;
    background: green;
	}
H4 {
    font-size: small;
	font-variant: small-caps;
	font-weight: bold;
	color: white;
	}

A {
	text-decoration: none;
	color: red;
}

A:Hover {
	text-decoration: underline;
	color: red;
}

HR {
	color: blue;
	height: 1pt;
}

#menu_a_2livelli{
float: left;
/* margin: 0; */
margin-left: 180px;
margin-top: 7px;
padding: 0;
border-top: 1px solid white; /* #2D4E6C */
border-bottom: 1px solid white;
border-left: 1px solid white;/* #D76120; */
background: black; /* #2D4E6C; */
list-style:none;
font:20px Trebuchet MS;
text-align: center;
}

#menu_a_2livelli li ul li{
width: 200px;
/*width: menu_a_2livelli;*/
margin-left: 0px;
margin-right: 400px;
list-style:none;
/* margin:0; */
padding:0;
background: black;
}

#menu_a_2livelli li{
float:left;
margin: 0;
padding: 0;
border-right: 3px solid white; /* #D76120; */
color:black;
width: 100px;
}

#menu_a_2livelli a:link,
#menu_a_2livelli a:visited{
display: block;
padding: 4px 16px;
color: white; /* #fff; */
text-decoration: none;
}

#menu_a_2livelli a:hover,
#menu_a_2livelli a:focus,

#menu_a_2livelli a:active{
background-color: white; /* #D76120; */
color: black; /* #FFFFFF; */
text-decoration: none;
}

#menu_a_2livelli li ul{
display: none;
}

#menu_a_2livelli li:hover ul{
display: block;
position: absolute;
z-index:1;
width: 200px;
padding: 0;
margin: 0 0 0 -1px;
border:2px solid white;
background: white; /* #2D4E6C; */
font-size:.8em;
}

#menu_a_2livelli li li {
border-bottom:2px solid white;
width: 130px;
}

#header
{
    /*margin-left: 500px;*/
    /*background-color: yellow; /* #008080; */
    color: bisque; /* #FFFFFF; */
    height: 15%;
    padding: 5px;
    overflow: Hidden;
}
#navigation
{
    background-color: white;
    height: 6%;
    padding: 5px;
    overflow: Hidden;
}
#maincontainer
{
    background-color: black;
    height: 70%;
    padding: 5px;
    overflow: Hidden;
}
#maincontainerinside
{
    background-color: black;
    height: 100%;
    /*border: 1px solid white;*/
    /*padding: 5px;*/
    overflow: Hidden;
}
#main
{
    /*background-color: green;*/
    /*height: 70%;*/
    /*padding: 5px;*/
    overflow: Hidden;
    /*position: relative;*/

    /*border: solid;*/
    display: block;
    height: 600px;
    width: 1000px;
    margin: 0 auto;
    margin-top: 50px;
}
#left {
    float: left;
    overflow: hidden;
    height: 71%;
    width: 10%;
    font-style: italic;
    /*background: gray;*/
}
#center {
    float: left;
    height: 71%;
    width: 80%;
    /*padding: 5px 0 0 0;*/
	font-size: 16pt;
	/*background: black; /* #FF0100; */
    font-style: italic;
    overflow: hidden;
}
#right {
    float: left;
    overflow: hidden;
    height: 71%;
    /*margin-top: -400px;*/
    width: 10%;
	/*color: white; /* #FF0100; */
    font-style: italic;
    /*background: gray;*/
}
#Freccia1:hover {
 background-image: url(freccianerapiena2.png);
 /*background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
 background: -webkit-linear-gradient(top,  #0078a5,  #00adee);
 background: -moz-linear-gradient(top,  #0078a5,  #00adee);
 background: -ms-linear-gradient(top,  #0078a5,  #00adee);
 background: -o-linear-gradient(top,  #0078a5,  #00adee);
 background: linear-gradient(top,  #0078a5,  #00adee);*/
}
#Freccia1:active {
	position: relative;
	top: 1px;
}
#Freccia2:hover {
 background-image: url(freccianerapiena.png);
 /*background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
 background: -webkit-linear-gradient(top,  #0078a5,  #00adee);
 background: -moz-linear-gradient(top,  #0078a5,  #00adee);
 background: -ms-linear-gradient(top,  #0078a5,  #00adee);
 background: -o-linear-gradient(top,  #0078a5,  #00adee);
 background: linear-gradient(top,  #0078a5,  #00adee);*/
}
#Freccia2:active {
	position: relative;
	top: 1px;
}
@-webkit-keyframes 'anima' {
from {
  /*background-color: red;*/
  opacity: 0.4;
  -webkit-transform-origin: top right;
  -webkit-transform: scale(0.2); /*skew(20deg, 30deg) rotate(0deg)*/
}
2% {
  /*background-color: blue;*/
  opacity: 0.6;
/*  -webkit-transition: all 0.5s linear;*/
  -webkit-transform: scale(1); /*skew(5deg, 10deg); /*translate(400px, 0px);/* rotate(-5deg);*/
}
38% {
  /*background-color: blue;*/
  opacity: 1;
/*  -webkit-transition: all 0.5s linear;
  -webkit-transform: scale(1); /*skew(5deg, 10deg); /*translate(400px, 0px);/* rotate(-5deg);*/
}
60% {
  /*background-color: blue;*/
  opacity: 1;
/*  -webkit-transition: all 0.5s linear;
  -webkit-transform: scale(1); /*skew(5deg, 10deg); /*translate(400px, 0px);/* rotate(-5deg);*/
}
/*10% {
  /*background-color: blue;
  opacity: 0.5;
/*  -webkit-transition: all 0.5s linear;
  -webkit-transform: scale(0.6); /*skew(5deg, 10deg); /*translate(400px, 0px);/* rotate(-5deg);
}
10% {
  /*background-color: blue;
  opacity: 0.5;
/*  -webkit-transition: all 0.5s linear;
  -webkit-transform: scale(0.8); /*skew(5deg, 10deg); /*translate(400px, 0px);/* rotate(-5deg);
}
/*33% {
  /*background-color: blue;
  opacity: 0.75;
  -webkit-transition: all 0.5s linear;
  -webkit-transform: scale(0.2); /*skew(5deg, 10deg); /*translate(400px, 0px);/* rotate(-5deg);
}
10% {
  /*background-color: blue;
  opacity: 0.5;
/*  -webkit-transition: all 0.5s linear;
/*-webkit-transition-delay: 5s;
  -webkit-transform: scale(1); /*skew(5deg, 10deg); /*translate(400px, 0px);/* rotate(-5deg);
}
20% {
  /*background-color: blue;
  opacity: 0.5;
/*  -webkit-transition: all 0.5s linear;
/*-webkit-transition-delay: 5s;
  -webkit-transform: scale(0.8); /*skew(5deg, 10deg); /*translate(400px, 0px);/* rotate(-5deg);
}
20% {
  /*background-color: blue;
  opacity: 0.5;
/*  -webkit-transition: all 0.5s linear;
/*-webkit-transition-delay: 5s;
  -webkit-transform: scale(1); /*skew(5deg, 10deg); /*translate(400px, 0px);/* rotate(-5deg);
}
10% {
  /*background-color: blue;
  opacity: 0.75;
  /*-webkit-transition: all 0.5s linear;
  -webkit-transform: /*scale(0.6); skew(5deg, 10deg); translate(400px, 0px); rotate(5deg);
}
10% {
  /*background-color: blue;
  opacity: 0.75;
  /*-webkit-transition: all 0.5s linear;
  -webkit-transform: /*scale(0.6); skew(5deg, 10deg); translate(400px, 0px); rotate(-5deg);
}
/*
10% {
  /*background-color: green;
  opacity: 0.5;
  -webkit-transform: skew(20deg, 30deg);/* translate(50px, 100px); rotate(5deg);
}
10% {
  /*background-color: green;
  opacity: 0.5;
  -webkit-transform: skew(-20deg, -30deg);/* translate(50px, 100px); rotate(5deg);
}
/*10% {
  /*background-color: green;
  opacity: 0.5;
  -webkit-transform: skew(10deg, 20deg);/* translate(50px, 100px); rotate(5deg);
}
10% {
  /*background-color: green;
  opacity: 0.5;
  -webkit-transform: skew(20deg, 30deg);/* translate(50px, 100px); rotate(5deg);
}
10% {
  /*background-color: green;
  opacity: 0.5;
  -webkit-transform: skew(30deg, 10deg);/* translate(50px, 100px); rotate(5deg);
}*/
/*10% {
  /*background-color: green;
  opacity: 0.5;
  -webkit-transform: scale(1); /*skew(10deg, 20deg);/* translate(50px, 100px); rotate(5deg);
}
10% {
  /*background-color: green;
  opacity: 0.8;
  -webkit-transform: scale(1); /*skew(10deg, 20deg);/* translate(50px, 100px); rotate(5deg);
}
30% {
  /*background-color: green;
  opacity: 1;
  -webkit-transform-origin: bottom left;
  -webkit-transform: scale(1); /*skew(10deg, 20deg); translate(50px, 100px); rotate(5deg);
}
10% {
  /*background-color: green;
  opacity: 1;
  /*-webkit-transform: scale(0.8); /*skew(10deg, 20deg); translate(50px, 100px); rotate(5deg);
}
20% {
  /*background-color: green;
  opacity: 0;
  /*-webkit-transform: scale(0.8); /*skew(10deg, 20deg); translate(50px, 100px); rotate(5deg);
}*/
to {
  /*background-color: red;*/
  opacity: 1;
/*-webkit-transform: scale(1);/* rotate(0deg);*/
}
}
@-webkit-keyframes 'foto' {
from {
  /*background-color: red;*/
  opacity: 0.4;
  -webkit-transform-origin: top right;
  -webkit-transform: scale(0.2); /*skew(20deg, 30deg) rotate(0deg)*/
}
4% {
  /*background-color: blue;*/
  opacity: 0.6;
/*  -webkit-transition: all 0.5s linear;*/
  -webkit-transform: scale(1); /*skew(5deg, 10deg); /*translate(400px, 0px);/* rotate(-5deg);*/
}
38% {
  /*background-color: blue;*/
  opacity: 1;
/*  -webkit-transition: all 0.5s linear;
  -webkit-transform: scale(1); /*skew(5deg, 10deg); /*translate(400px, 0px);/* rotate(-5deg);*/
}
58% {
  /*background-color: blue;*/
  opacity: 1;
/*  -webkit-transition: all 0.5s linear;
  -webkit-transform: scale(1); /*skew(5deg, 10deg); /*translate(400px, 0px);/* rotate(-5deg);*/
}

to {
  /*background-color: red;*/
  opacity: 1;
/*-webkit-transform: scale(1);/* rotate(0deg);*/
}
}
@-webkit-keyframes 'start' {
from {
    /*opacity: 1;
  /*background-color: red;
  -webkit-transform-origin: top right;
  -webkit-transform: scale(0.2); /*skew(20deg, 30deg) rotate(0deg)*/
}
100% {
  /*background-color: red;*/
  /*opacity: 1;
/*-webkit-transform: scale(1.0);/* rotate(0deg);*/
}
to {
  /*background-color: red;*/
  /*opacity: 1;
/*-webkit-transform: scale(1.0);/* rotate(0deg);*/
}
}
#animabox {
    height: 100%;
    width: 100%;
    position: relative;
-webkit-animation-name: start;
/*-webkit-animation-duration: 4s;*/
-webkit-animation-iteration-count: infinite;
/*-webkit-animation-timing-function: ease-in-out;
opacity: 0;*/
}
#pic1 {
	/*height: 100%;*/
    height: 450px;
    width: 1000px;
/*-webkit-animation-delay: 2s;*/
    /*width: 100%;*/
	/*-moz-transition: all 1s ease-out;*/
   /*	-webkit-transition: all 1s ease-in-out;*/
	/*-o-transition: all 1s ease-out;*/
	position: absolute;
	z-index: 0;
    opacity: 1;
    -webkit-animation-name: start;
-webkit-animation-duration: 4s;
-webkit-animation-iteration-count: 1;
}
@-webkit-keyframes 'prova1' {
from {
    height: 420px;
    width: 640px;
    /*-webkit-transition: all 500ms cubic-bezier(0.980, 0, 0.215, 1); /* older webkit*/
    /*-webkit-transition: all 500ms cubic-bezier(0.980, -0.900, 0.215, 1.325);*/
    /*opacity: 1;
  /*background-color: red;
  -webkit-transform-origin: top right;*/
  /*-webkit-transform: scale(0.2); /*skew(20deg, 30deg) rotate(0deg)*/
}
100% {
    /*opacity: 1;
  /*background-color: red;*/
  /*opacity: 1;
/*-webkit-transform: scale(1.0);/* rotate(0deg);*/
}
to {
    height: 420px;
    width: 0px;
    /*-webkit-transition-timing-function: cubic-bezier(0.980, 0, 0.215, 1); /* older webkit */
   /*-webkit-transition-timing-function: cubic-bezier(0.980, -0.900, 0.215, 1.325);*/
  /*background-color: red;*/
    /*opacity: 1;*/
/*é-webkit-transform: scale(1.0);/* rotate(0deg);*/
}
}
@-webkit-keyframes 'prova2' {
from {
    height: 420px;
    width: 0px;
    /*-webkit-transition: all 500ms cubic-bezier(0.980, 0, 0.215, 1); /* older webkit*/
    /*-webkit-transition: all 500ms cubic-bezier(0.980, -0.900, 0.215, 1.325);*/
    /*opacity: 1;
  /*background-color: red;
  -webkit-transform-origin: top right;*/
  /*-webkit-transform: scale(0.2); /*skew(20deg, 30deg) rotate(0deg)*/
}
100% {
  /*background-color: red;*/
  /*opacity: 1;
/*-webkit-transform: scale(1.0);/* rotate(0deg);*/
}
to {
    height: 420px;
    width: 640px;
    /*-webkit-transition-timing-function: cubic-bezier(0.980, 0, 0.215, 1); /* older webkit */
   /*-webkit-transition-timing-function: cubic-bezier(0.980, -0.900, 0.215, 1.325);*/
  /*background-color: red;*/
    /*opacity: 1;*/
/*é-webkit-transform: scale(1.0);/* rotate(0deg);*/
}
}
#Animation1 {
    /*height: 100%;
    width: 100%;*/
    /*-webkit-transition: all 250ms cubic-bezier(1.000, -0.600, 0.060, 1.650);*/
    -webkit-animation-name: prova1;
    -webkit-animation-duration: 3s;
    /*-webkit-animation-direction: alternate;*/
    -webkit-animation-iteration-count: 1;
    /*-webkit-animation-delay: 3s;
/*
-webkit-transition: all 500ms cubic-bezier(0.980, 0, 0.215, 1); /* older webkit
-webkit-transition: all 500ms cubic-bezier(0.980, -0.600, 0.215, 1.325);
   -moz-transition: all 500ms cubic-bezier(0.980, -0.600, 0.215, 1.325);
     -o-transition: all 500ms cubic-bezier(0.980, -0.600, 0.215, 1.325);
        transition: all 500ms cubic-bezier(0.980, -0.600, 0.215, 1.325); /* custom

-webkit-transition-timing-function: cubic-bezier(0.980, 0, 0.215, 1); /* older webkit
-webkit-transition-timing-function: cubic-bezier(0.980, -0.600, 0.215, 1.325);
   -moz-transition-timing-function: cubic-bezier(0.980, -0.600, 0.215, 1.325);
     -o-transition-timing-function: cubic-bezier(0.980, -0.600, 0.215, 1.325);
        transition-timing-function: cubic-bezier(0.980, -0.600, 0.215, 1.325); /* custom */

        position: relative;

}
#Animation2 {
    /*height: 100%;
    width: 100%;*/
    /*-webkit-transition: all 250ms cubic-bezier(1.000, -0.600, 0.060, 1.650);*/
    -webkit-animation-name: prova2;
    -webkit-animation-duration: 1s;
    /*-webkit-animation-direction: alternate;*/
    -webkit-animation-iteration-count: 1;
    -webkit-animation-delay: -1s;

        position: relative;
        /*z-index: 2;
        opacity: 1;*/
}
/*#Animation1:hover {
    background-image: url(2mail.jpg);
    height: 420px;
    width: 640px;
    /*-webkit-animation-name: prova;
    -webkit-animation-duration: 1s;
    -webkit-animation-direction: alternate;
    -webkit-animation-iteration-count: 3;

        position: relative;
        z-index: 1;*/
/*}
/*.Animation:focus {
       height: 400px;
    width: 80px;
/*-webkit-transition: all 500ms cubic-bezier(0.980, 0, 0.215, 1); /* older webkit
-webkit-transition: all 500ms cubic-bezier(0.980, -0.600, 0.215, 1.325);
   -moz-transition: all 500ms cubic-bezier(0.980, -0.600, 0.215, 1.325);
     -o-transition: all 500ms cubic-bezier(0.980, -0.600, 0.215, 1.325);
        transition: all 500ms cubic-bezier(0.980, -0.600, 0.215, 1.325); /* custom

/*-webkit-transition-timing-function: cubic-bezier(0.980, 0, 0.215, 1); /* older webkit
-webkit-transition-timing-function: cubic-bezier(0.980, -0.600, 0.215, 1.325);
   -moz-transition-timing-function: cubic-bezier(0.980, -0.600, 0.215, 1.325);
     -o-transition-timing-function: cubic-bezier(0.980, -0.600, 0.215, 1.325);
        transition-timing-function: cubic-bezier(0.980, -0.600, 0.215, 1.325); /* custom */

        position: absolute;
}
#pic2 {
	/*height: 100%;*/
    height: 100%;
    width: 100%;
-webkit-animation-name: anima;
-webkit-animation-duration: 24s;
-webkit-animation-iteration-count: 1;
/*-webkit-animation-delay: 6s;*/
    /*width: 100%;*/
	/*-moz-transition: all 1s ease-out;*/
   /*	-webkit-transition: all 1s ease-in-out;*/
	/*-o-transition: all 1s ease-out;*/
	position: absolute;
	z-index: 1;
    opacity: 0;
}

#pic3 {
    height: 450px;
	width: 1000px;
    /*height: 831px;*/
-webkit-animation-name: anima;
-webkit-animation-duration: 12s;
-webkit-animation-iteration-count: 1;
-webkit-animation-delay: 20s;
    position: absolute;
    z-index: 2;
    opacity: 0;
}

#pic:hover {
	/*opacity: 0;
/*-webkit-animation-name: anima;
-webkit-animation-duration: 4s;
-webkit-animation-iteration-count: 1;
-webkit-animation-timing-function: ease-in-out;*/
}
#Anima1:hover {
    opacity: 1;
    background-image: url(C:/Users/Francesco/Desktop/B&B/1mail.jpg);
/*-webkit-animation-name: anima;
-webkit-animation-duration: 4s;
-webkit-animation-iteration-count: 1;
-webkit-animation-timing-function: ease-in-out;*/
}
#Anima1:not(:hover) {
    opacity: 1;
    background-image: url(C:/Users/Francesco/Desktop/B&B/2mail.jpg);
/*-webkit-animation-name: anima;
-webkit-animation-duration: 4s;
-webkit-animation-iteration-count: 1;
-webkit-animation-timing-function: ease-in-out;*/
}
#Anima2:hover {
	visibility: hidden;
/*-webkit-animation-name: anima;
-webkit-animation-duration: 4s;
-webkit-animation-iteration-count: 1;
-webkit-animation-timing-function: ease-in-out;*/
}
#foto2
{
    /*height: 100%;*/
    height: 450px;
    width: 1000px;
-webkit-animation-name: foto;
-webkit-animation-duration: 24s;
-webkit-animation-iteration-count: 1;
/*-webkit-animation-delay: 6s;*/
    /*width: 100%;*/
	/*-moz-transition: all 1s ease-out;*/
   /*	-webkit-transition: all 1s ease-in-out;*/
	/*-o-transition: all 1s ease-out;*/
	position: absolute;
	z-index: 1;
    opacity: 0;
}
/*#main:hover {opacity: 0; /*background-image: url(room3.jpg);}*/


#sidebarleft
{
    float: left;
    margin: 10px 0 0 20px;
    background: url(Acciaroli.jpg);
    /*background-size: contain;*/
    background-size: cover;
    background-repeat: no-repeat;
    /*background-color: grey;*/
    width: 15%;
    height: 30%;
    padding: 5px;
    overflow: Hidden;
}
#sidebarright
{
    float: right;
    margin: 10px 20px 0 0;
    background: url(Amalfi.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    /*background-color: grey;*/
    width: 15%;
    height: 30%;
    /*padding: 5px;*/
    overflow: Hidden;
}
#sidebarleftroom
{
    float: left;
    margin: 10px 0 0 20px;
    background: url(room1.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    background-color: grey;
    width: 10%;
    height: 80%;
    /*padding: 5px;*/
    overflow: Hidden;
}
#sidebarrightroom
{
    float: right;
    margin: 10px 20px 0 0;
    background: url(room2.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    /*background-color: grey;*/
    width: 17%;
    height: 80%;
    /*padding: 5px;*/
    overflow: Hidden;
}

#footer
{
    float: left;
    /*background-color: red;*/
    height: 14%;
    width: 100%;
    overflow: Hidden;
    /*margin: -30px 0 0 25px;
    background-image: url(fb.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left;*/

}
#go{float: left;width: 91px;
    height:25px !important;height /**/:30px;line-height: 25px;
    display: inline;margin-left:95px;padding: 1px 0 4px;
    background: #D5D8E1 url(submitBk.png) no-repeat;
    color: #000;cursor: pointer;
    border: 0px solid;color: #475078;
    font: 12px Arial,sans-serif
}
form#contact{width:320px !important;width /**/:350px;
    height:275px !important; height /**/:300px;
    margin: 0;padding: 15px 15px 10px;
    background:#D3FFB6 url(formBk.png) no-repeat
}
#lbl{float: left;width: 90px;height: 30px;
    font: 12px/30px Arial,sans-serif;
    margin-right: 5px;text-align: right;color: #666
}
#message{border: 0px solid;color: #475078;
    font: 12px Arial,sans-serif
}
#nome{border: 1px solid;width: 300px;height: 25px;background: #475078;color:white;
    font: 14px Arial,sans-serif;
   margin-left: 0px
}
#lbl1{float: left;width: 40px;height: 20px;
    font: 12px/30px Arial,sans-serif;
    margin-right: 20px;margin-top: 15px;text-align: right;color: red
}
#importo1{border: 1px solid;width: 120px;height: 20px;background: #475078;color:white;
    font: 12px Arial,sans-serif;text-align: right;
   margin: 20px 0px 0px 0px
}
#email{border: 0px solid;color: #475078;
    font: 12px Arial,sans-serif
}
#select{border: 1px solid;width: 300px;height: 120px;background: #475078;
    font: 12px/30px Arial,sans-serif;color: white;
    margin-left: 0px; margin-top: 10px
}
#select2{border: 1px solid;width: 200px;background: #475078;
    font: 12px/30px Arial,sans-serif;color: white;
    margin-right: 10px; margin-top: 0px
}
#field{
	background:#D3FFB6;
}
#form2{width:275px !important;width /**/:350px;
    height:100px !important; height /**/:300px;
    margin: 0;padding: 15px 15px 10px;
    background:#D3FFB6 url(immagine.png) no-repeat
}
input1,textarea1,button1{border: 0px solid;color: #475078;

    font: 12px Arial,sans-serif}

div.input-cont{float: left;width: 140px;height: 21px;
    background: #D3FFB6 url(inputBk.png) no-repeat top left;
    margin-bottom: 3px
}
input{display: block;width: 122px;

    margin:5px 0 0 10px
}
div.textarea-cont{float: left;width: 140px;height: 119px;

    padding: 1px;background: #D3FFB6 url(textAreaBk.png) no-repeat}

textarea1{width: 119px;height: 98px;margin: 10px}
#label,#label2{border: 1px solid;float: right;width: 270px;height: 80px;background: #FFFFFF;

    font: 14px/30px Arial,sans-serif;

    margin-right: 8px;margin-top: -120px;text-align: left;color: black}
#invia{width: 135px;height: 30px;

    font: 12px/30px Arial,sans-serif;

    margin-left: 302px;margin-top: -30px;text-align: center;color: #AA0000}

#form3{width:615px !important;width /**/:350px;
    height:220px !important; height /**/:300px;
    margin: 0;padding: 15px 15px 10px;
    background: url(form.png) no-repeat
}
#modifica{float: right;width: 135px;height: 30px;

    font: 12px/30px Arial,sans-serif;

    margin-right: 6px;margin-top: -30px;text-align: center;color: #AA0000}

#field1{display: block;

    margin: -10px 30px 0px 10px;padding: 0px 0px 10px 10px
}
#field2{display: block;

    margin: 10px 30px 0px 10px;padding: 0px 0px 10px 10px
}
#field3{display: block;

    margin: 10px 30px 0px 10px;padding: 0px 0px 10px 10px
}
#field4{display: block;width: 210px;

    margin: 10px 30px 0px 10px;padding: 0px 0px 10px 10px
}
#form5{
	width: 245px;height: 120px;
	margin: 0px 0px 0px 20px;
	background:#D3FFB6 url(formpiccoloR.png) no-repeat
}
#form4{
	width: 245px;height: 60px;
	margin: 0px 0px 0px 20px;
	background:#D3FFB6 url(formpiccolo.png) no-repeat
}
#esci{width: 115px;height: 50px;

    font: 12px/30px Arial,sans-serif;

    margin-left: 20px;margin-top: 30px;text-align: center;color: #AA0000
}
#esci1{width: 115px;height: 50px;

    font: 12px/30px Arial,sans-serif;

    margin-left: 150px;margin-top: -50px;text-align: center;color: #AA0000
}