/* layout grafico */
 
html, body {
         height: 100%;
         margin: 0px;
         background: #86D8F8;
   scrollbar-base-color: #003366;
   scrollbar-face-color: #E4EAEA;
   scrollbar-shadow-color: #000;
   scrollbar-arrow-color: #000;
   scrollbar-highlight-color: #E4EAEA;
   scrollbar-dark-shadow-color: #000;
   scrollbar-3d-light-color: #000;
   scrollbar-track-color: #E4EAEA;
}
#box {
        width: 750px;
        height: 500px;
        margin: -275 0 0 -375px;
        position: absolute;
        top:50%;
        left:50%;
        background: #fff;
}
#logo {
      background-image: url("../img/logo.gif");;
	  width: 750px; height: 70px;
	  position: relative;
}
#sopra {
		background-image: #fff;
		width: 90%;
		position: relative;
}
#iframe {
         width: 750px;
		 height: 270px;
		 overflow: auto;
		 margin: 0px; padding: 0;
		 position: relative;
		 }
/* solo per gatteo.html */
#corpo {
		 position: relative;
	     width: 750px;
		 margin: 0 auto; padding: 0;
		 }
#iframesinistra {
         position: absolute;
		 top: 0; left: 0;
         width: 370px;
         height: 264px;
		 margin: 0; padding: 0;
		 text-align: center;
         background-image: url("../img/sfondo.gif");
         background-repeat: no-repeat;
		 overflow: auto;
		 margin: 0px; padding: 0;
		 }
#iframedestra {
         position: absolute;
		 top: 0; right: 0;
         width: 370px;
         height: 264px;
		 margin: 0; padding: 0;
		 text-align: center;
		 overflow: auto;
		 margin: 0px; padding: 0;
		 }
#sotto {
		/*background-image: url("../img/sotto.gif");
        background-repeat: no-repeat;*/
		width: 750px; 
		height: 90px;
		background: #4DB3E7;
		margin: 0 auto; padding: 0;
}
#sotto img {
         margin: 0 auto; padding: 0;
}
#piede {
padding-top : 2px;
width: 750px;
font: normal 9pt georgia;
text-align: center;
color : #336699;
background: #86D8F8;

}



#sinistra {
		 position: absolute;
		 top: 0; left: 0;
         width: 370px;
         /*height: 264px;*/
		 margin: 0 auto; padding: 0;
		 text-align: center;
         background-image: url("../img/sfondo.gif");
         background-repeat: no-repeat;
}
#destra {
         margin: 0 0 0 370px;
         text-align: center;
         padding: 0px;
         background: #fff;
         background-repeat: no-repeat;
}
#quadro {
         width: 360px;
         height: 264px;
         padding: 0px;
         background-image: url("../img/quadro.jpg");
         background-repeat: no-repeat;
}
#quadro img {
	margin: 20px;
	float: center;
}

/* camere */
#quadro2 {
         width: 360px;
         height: 264px;
         padding: 0px;
         background-image: url("../img/quadro.jpg");
         background-repeat: no-repeat;
}
#quadro2 img {
	margin: 14px 20px;
	float: center;
}

 
 


/* testo */

h2 {
font: normal 9pt georgia, verdana;
margin-top: 0px;
text-align: justify;
line-height: 20px;
width: 300px;
float: center;
color : #336699;
}

/* testo a destra per mirabilandia */
div#destra p {
font: normal 9pt georgia, verdana;
margin: 0; padding: 0 5px 0;
text-align: justify;
line-height: 20px;
float: center;
color : #336699;
}

/* testo dove siamo */

h5 {
font: 10pt georgia, verdana;
margin-top: 0px;
text-align: left;
width: 250px;
line-height: 20px;
float: center;
color : #336699;
}


 /* testo prezzi */
h4 {
font: normal 9pt georgia, verdana;
margin-top: 0px;
text-align: left;
float: center;
padding: 10px;
color : #336699;
}


/* titolo pagina */
h3 {
font: bold 12pt georgia;
color: #000;
text-align: left;
width: 230px;
text-decoration: none;
color : #336699;
}
#h3 p {
text-indent: 2em;
text-align: justify;
}
#h3 p#primo-paragrafo:first-letter {
font-size: 3em;
font-style: italic;
float: left;
background: #F93;
color: #FFF;
margin:0 5px 5px -50px;
padding: 5px 5px 5px 50px;
line-height:1em;
}
h1 {
    font: normal 10pt georgia;
    color: #86D8F8;
}






/* tabella last minute */

table.last {
	margin: 0; padding: 0;
}
td.last {
font: normal 9pt georgia;
margin: 0px;
text-align: left;
float: center;
color : #336699;
padding: 2px;
}
td.lastdlg {
font: normal 8pt georgia;
margin: 0; 
text-align: left;
float: center;
color : #336699;
padding: 4px;
}


/* tabella offerte last minute a sinistra */
table.offerte {
	margin: 0; padding: 0;
	text-align: left;
}
td.offerte {
font: normal 10pt georgia;
margin: 0px;
text-align: left;
float: left;
color : #000;
padding: 4px;
width: 300px;
margin-bottom: 15px;
}
td.offertetit {
font: bold 10pt georgia;
margin: 0px;
text-align: left;
float: left;
color : #f00;
padding: 4px;
width: 300px;
text-trasnform: uppercase;
}


/* tabella prezzi */

table.prezzi {
	margin: 0; padding: 0;
}
td.periodo {
font: normal 9pt georgia;
margin: 0px;
text-align: center;
float: center;
color : #336699;
padding: 3px;
border-bottom: 1px solid #336699;
border-right: 1px dashed #336699;
}
td.prezzi {
font: normal 9pt georgia;
margin: 0px;
text-align: center;
float: center;
color : #FF3333;
padding: 3px;
border-bottom: 1px solid #336699;
border-right: 1px dashed #336699;
}
th.prezzi {
font: bold 9pt georgia;
margin: 0px;
text-align: left;
float: center;
color : #336699;
padding: 3px;
border-bottom: 1px solid #336699;
border-right: 1px dashed #336699;
}



/* form */
input {
    font: bold 10pt georgia;
    color: #000;
    background: #E4EAEA;
    text-align: left;
	border: 0px solid #000;
	border-bottom: 1px solid #9AA19F;
	border-right: 1px solid #9AA19F;
	width: 160px;
    }
input.pulsante {
    font: normal 10pt georgia;
    color: #000;
    background: #E4EAEA;
    text-align: center;
    float:center;
	margin: 2px;
	border-bottom: 2px solid #ccc;
	border-right: 2px solid #ccc;
	width: 100px;
    }
input.select {
    font: normal 9pt georgia;
    color: #000;
    background: #E4EAEA;
    text-align:center;
	border: 1px solid #000;
	width: 160px;
}
.pulsante {
   font: normal 9pt georgia;
    color: #000;
    background: #E4EAEA;
    text-align:center;
	border: 1px solid #000;
	width: 160px;
}
.select {
   font: normal 9pt georgia;
    color: #000;
    background: #E4EAEA;
    text-align:center;
	border: 1px solid #000;
	width: 160px;
}

.textarea {
height: 90px;
width: 160px;
background: #E4EAEA;
border-bottom: 1px solid #9AA19F;
border-right: 1px solid #9AA19F;
}
option { width: 200px; }

form {
margin: 0; padding: 0;
text-align: center;
float: center;
background-image: url("../img/sfondo.gif");
background-repeat: no-repeat;
border : 0px solid #000;
}