body {
	margin: 0;
	text-align: center;
}
#pagina {
	width: 760px;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
}
#pagina #testata {
	width: 760px;
	height: 406px;
	margin: 0;
	position:relative;
	z-index: 0;
}
#testata #logo {
	width: 257px;
	padding: 20px;
	height: 72px;
	margin: 0px;
}
#pagina #corpo {
	old:760px;
	float: left;
	margin: 0 15px 0 15px;
}
#corpo #colonnaUno {
	width: 480px;
	float: left;
	margin: 10px 20px 0 20px;
	padding: 0 0 0 0;
}
#corpo #colonnaDue {
	width: 190px;
	float: left;
	padding: 10px 0 50px 0;
	margin: 10px 0 0 0;
}
#pagina #piede {
	clear: left;
	width: 720px;
	margin: 15px 0 0 0;
	padding: 0 20px;
	height: 95px;
	position: relative;
}
#piede .piedeSx {
	position: absolute;
	top: 10px;
	left: 20px;
	display: block;
	font-size: 6pt
}
#piede .piedeDx {
	position: absolute;
	top: 10px;
	right: 20px;
	display: block;
	font-size: 6pt;
}
#piede p.copyright {
	margin: 0 10px 0 0px;
}
/*
oZone CSS Library

Capitolo 3
---------------------------------------------------------------------
Elementi avanzati di layout
---------------------------------------------------------------------
*/
body {
	background-image: url(immagini/rsf-sfondo.jpg);
	background-repeat: repeat-x;
	background-color: #081334;
}
#pagina {
	background-color: #657a91;
}
#pagina #testata {
	background-image: url(immagini/rsf-testata.jpg);
	background-repeat: no-repeat;
}
#pagina #logo {
	background-image: url(immagini/rsf-logo.jpg);
	background-repeat: no-repeat;
}
#pagina #corpo {
}
#corpo #colonnaDue {
	background-image: url(immagini/rsf-colonna-fine.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	background-color: #f7e335;
}
#pagina #piede {
	background-image: url(immagini/rsf-piede.jpg);
}
/*
oZone CSS Library

Capitolo 4
---------------------------------------------------------------------
Menu di navigazione
---------------------------------------------------------------------
*/
/* Link home page */
#testata #logo a {
	text-decoration: none;
	display: block;
	width: 257px;
	height: 72px;
}
#testata #logo span {
	position: absolute;
	z-index: -10;
	display: block;
}
#testata #logo h2 {
	width: 250px;
	display: block;
	position: absolute;
	z-index: -20;
	top: 45px;
}
/* /Link home page */
/* Link Veloci */
#testata ul.linkVeloci {
	position: absolute;
	right: 20px;
	top: 40px;
	font-size: 10pt;
}
.linkVeloci li {
	border-left:1px solid #FFF;
}
.linkVeloci a:link, .linkVeloci a:visited {
	color: #FFF;
	text-decoration: none;
}
.linkVeloci a:hover {
	color: #c7cb30;
	text-decoration: underline;
}
/* /Link Veloci */
/* Navigazione fissa */
ul.navFissa {
	display: block;
	margin: 0;
	padding: 0 40px 0 40px;
	list-style-type: none;
	height: 94px;
	width: 680px;
	position: absolute;
	bottom:0;
	background-image: url(immagini/rsf-sfondo-nav-fissa.gif);
}
.navFissa li {
	float: left;
}
.navFissa a {
	display: block;
	margin: 0;
	padding: 0;
	text-decoration: none;
	width: 169px;
	height: 85px;
}
.navFissa a span {
	width: 169px;
	position: absolute;
	display:block;
	z-index: -20;
	font-size: 8pt;
	line-height: 8pt;
}
.navFissa a#homePage {
	background-image: url(immagini/rsf_pulsantiera_01.gif);
}
.navFissa a#news {
	background-image: url(immagini/rsf_pulsantiera_02.gif);
}
.navFissa a#leCamere {
	background-image: url(immagini/rsf_pulsantiera_03.gif);
}
.navFissa a#rooms {
	background-image: url(immagini/rsf_pulsantiera_en_03.gif);
}
.navFissa a#infoUtili {
	background-image: url(immagini/rsf_pulsantiera_04.gif);
}
.navFissa a#usefulInfo {
	background-image: url(immagini/rsf_pulsantiera_en_04.gif);
}
.navFissa a:hover#homePage {
	background-image: url(immagini/rsf_pulsantiera_01.gif);
	background-position: 0px 85px;
}
.navFissa a:hover#news {
	background-image: url(immagini/rsf_pulsantiera_02.gif);
	background-position: 0px 85px;
}
.navFissa a:hover#leCamere {
	background-image: url(immagini/rsf_pulsantiera_03.gif);
	background-position: 0px 85px;
}
.navFissa a:hover#rooms {
	background-image: url(immagini/rsf_pulsantiera_en_03.gif);
	background-position: 0px 85px;
}
.navFissa a:hover#infoUtili {
	background-image: url(immagini/rsf_pulsantiera_04.gif);
	background-position: 0px 85px;
}
.navFissa a:hover#usefulInfo {
	background-image: url(immagini/rsf_pulsantiera_en_04.gif);
	background-position: 0px 85px;
}
.navFissa a.attivo#homePage {
	background-image: url(immagini/rsf_pulsantiera_01.gif);
	background-position: 0px 85px;
}
.navFissa a.attivo#news {
	background-image: url(immagini/rsf_pulsantiera_02.gif);
	background-position: 0px 85px;
}
.navFissa a.attivo#leCamere {
	background-image: url(immagini/rsf_pulsantiera_03.gif);
	background-position: 0px 85px;
}
.navFissa a.attivo#rooms {
	background-image: url(immagini/rsf_pulsantiera_en_03.gif);
	background-position: 0px 85px;
}
.navFissa a.attivo#infoUtili {
	background-image: url(immagini/rsf_pulsantiera_04.gif);
	background-position: 0px 85px;
}
.navFissa a.attivo#usefulInfo {
	background-image: url(immagini/rsf_pulsantiera_en_04.gif);
	background-position: 0px 85px;
}
.navFissa a:link, .navFissa a:visited {
	color: #FFF;
}
.navFissa a:hover {
	color: #27439f;
}
.navFissa a.attivo {
	color: #FFF;
}
/* /Navigazione fissa */
/* Navigazione locale e contestuale */
ul.navLaterale {
	margin: 0;
	padding: 0 18px 0 18px;
	list-style-type: none;
}
.navLaterale li a {
	width: 144px;
	display: block;
	border-bottom: 1px solid #6a6c19;
	padding: 0.6em 4px 0.6em 4px;
	text-decoration: none;
}
.navLaterale li.attivo a {
	color: #FFF;
	background-color: #27439f;
}
.navLaterale li.attivo a:link, .navLaterale li.attivo a:visited {
	color: #FFF;
}
.navLaterale li.attivo ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}
.navLaterale li.attivo ul a {
	padding-left: 8%;
	background-color: #000;
}
.navLaterale a:link, .navLaterale a:visited, .navLaterale li.attivo ul a:link, .navLaterale li.attivo ul a:visited {
	color: #6a6c19;
}
.navLaterale a:hover {
	color: #FFF;
	background-color: #27439f;
}
.navLaterale li.attivo ul a:hover {
	color: #FFF;
	background-color: #27439f;
}
/* /Navigazione locale e contestuale  */
/*
oZone CSS Library

Capitolo 5
---------------------------------------------------------------------
Link
---------------------------------------------------------------------
*/
a:link, a:visited {
	color: #384662;
}
a:hover {
	color: #FFF;
}
#logo a:link {
	color: #FFF;
	text-decoration: none;
}
#logo a:visited {
	color: #FFF;
	text-decoration: none;
}
#logo a:hover {
	color: #000;
	text-decoration: underline;
}
p.breadcrumbs a:link, p.breadcrumbs a:visited {
	color: #384662;
}
p.breadcrumbs a:hover {
	color: #FFF;
}
#piede a:link, #piede a:visited {
	color: #384662;
}
#piede a:hover {
	color: #FFF;
}
/*
oZone CSS Library

Capitolo 6
---------------------------------------------------------------------
Tipografia
---------------------------------------------------------------------
*/
body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 100%
}
h1 {
	font-size: 1.2em;
	color: #FFF;
}
h2, h3, h4, h5, h6 {
	font-size: 1em;
	color: #FFF;
}
p, .galleriaImmagini dd {
	font-size: 0.8em;
	line-height: 1.5em;
	color: #FFF;
}
ul, ol {
/* Inserire */
}
textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
}
#testata #logo h1 {
	margin:0;
	color: #FFF;
	font-size: 1em;
}
#testata #logo h2 {
	color:#000;
	font-size: 0.7em;
	color: #FFF;
}
#colonnaDue h1 {
	color: #2387a9;
	display: block;
	width: 160px;
	padding: 0 15px;
	margin: 5px 0 10px 0
}
p.breadcrumbs {
	font-family: Arial, Helvetica, sans-serif;
	color: #384662;
	font-size: 0.8em;
}
.navFissa, .navLaterale, p.paginaVolcano {
	font-family: Arial, Helvetica, sans-serif;
	color: #384662;
	font-size: 0.8em;
	text-transform: uppercase;
}
p.accessoria {
	font-size: 0.8em;
	margin: -0.8em 0 0 1em;
	color: #666666;
}
p.paginaVolcano {
	font-size: 0.8em;
}
#piede p { /* Questa regola è strettamente connessa con #piede p.copyright */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 6pt;
	color: #384662;
	display: inline;
}
/* Modulo Commenti */
#commenti {
	margin: 1em 0 0 2%;
	padding-left: 1%;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #CCC;
	border-left-width: 1px;
	border-left-style: dashed;
	border-left-color: #CCC;
}
#commenti span {
	display: block;
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #2387a9;
	margin-left: 2%;
}
/* /Modulo Commenti */

/* Galleria immagini */
dl.galleriaImmagini {
	width: 220px;
	height: 190px;
	margin:0 0 10px 0;
}
.galleriaImmagini dt {
	width: 200px;
	height: 134px;
	border: solid 1px #FFF;
	margin:0;
	padding:0;
}
.galleriaImmagini dd {
	width: 200px;
	height: 60px;
	margin:5px 0 10px 0;
	padding:0;
	position: relative;
	left: 0;
}
/* /Galleria immagini */
/* Form */
form {
	width: 97%;
}
form fieldset {
	border: 1px solid #FFF;
}
form legend {
	color: #FFF;
}
/* /Form */

/* Volcano */
#home form#volcano {
	float: left;
}
#colonnaDue form#volcano {
	margin:0;
	display:block;
	padding: 20px;
}
#home form#volcano div {
	float: left;
}
#colonnaDue form#volcano #cerca {
	width: 103px;
	height: 21px;
	margin: 0 5px 0 0;
	font-size: 1em;
	color: #6a6c19;
	padding: 10px 5px 10px 5px;
	background-color: #c7cb30;
	border: 1px solid #6a6c19;
}
#home form#volcano #info {
	margin: 0;
	padding: 0;
}
/* /Volcano */
#prenotazioni {
	margin: 10px 5px;
	/*height: 250px;
	height: 295px\9;*/
}
#unaColonna #corpo #colonnaUno {
	margin:10px 10px 0 0;
	width:735px;
}