﻿body {
font-family: verdana, arial, helvetica, sans-serif; 
font-style:normal; 
font-variant:normal; 
font-weight:normal; 
font-size:11px; 
padding: 0; 
background-color: #E4D6BB;
margin: 0px;
height:100%;
width:100%;
}  

img
{ 
border:0px
}

h1.title 
{
	margin: 8px 0px 0px 10px;
	color: #806B42;
	font-size: 10px;
	padding: 0px;
	text-align: left;
}

h1 
{ 
margin-left: 10px; 
margin-right: 10px; 
color: #800000; 
font-size:10pt; 
margin-top:0;
margin-bottom:0;
padding-top: 10px;
}

h2
{ 
margin: 10px 10px; 
color: #000; 
font-size:12px; 
margin-top:5px; 
margin-bottom:0;
line-height: 200%;
padding: 0px
}

p 
{ 
margin:10px 10px; 
color: #000; 
text-align:justify; 
line-height: 200%;
margin-bottom: 10px;
}

form
{ 
margin:0px; 
}

#container
{
width:100%;
height:100%;
}

#livello
{
padding: 0px;
margin-top: 0px;
margin-bottom: 0px;
width: 100%;
height: 40px;
background-color: #D3C096;
float: left
}

#livelloheader
{
padding: 0px;
margin-top: 0px;
margin-right: auto;
margin-left: auto;
width: 810px;
height:40px;
background-image:url('../images/background/sfondo-credits.gif');
}

#header
{
padding-top: 15px;
padding-bottom: 0px;
margin-top: 0px;
margin-right: 0px;
margin-left: 21px;
height:25px;
float:left
}

#header2
{
padding-top: 5px;
padding-bottom: 0px;
margin-top: 0px;
margin-right: 21px;
margin-left: 0px;
width: 368px;
height:35px;
float:right;
text-align:right
}

#header2 img 
{
	margin: 5px 5px 0px 5px;
}

#livellopren
{
	margin-right: auto;
	margin-left: auto;
	width: 810px;
	height: 210px;
	padding:0px
}

#livelloprenota
{
	margin: 0px;
	width: 810px;
	height: 210px;
	padding:0px;
	background-image: url('../images/background/pren.gif');
	float: left;
	padding:0px
}

#prenotazione
{
margin: 0px;
width:281px;
height: 210px; 
background-image:url('../images/background/bg-prenotazione.gif');
float:left;
padding:0px
}

#prenotazione h2
{
margin-left: 35px;
margin-top: 5px;
font-size: 12px;
color:#800000;
padding:0px
}

#prenotazione h3
{
margin-left: 35px;
margin-top: 5px;
margin-bottom: 0px;
font-size: 11px;
color:#000;
padding:0px
}

#prenotazione select.first
{
font-family:Verdana;
font-weight:bold;
margin:4px 2px 4px 35px;
font-size: 10px;
color:#ffffff;
padding:2px;
background-color:#800000;
/*background-color:#70404c*/
}

#prenotazione select
{
margin:4px 5px 4px 2px;
font-weight:bold;
font-size: 11px;
color:#ffffff;
padding:2px;
/*background-color:#70404c*/
background-color:#800000
}

#prenotazione img
{
	margin-left: 5px;
	margin-top:4px;
	vertical-align: top;
}

#prenotazione img.cerca
{
	margin-right: 12px;
	margin-top:0px;
	margin-bottom:0px;
	padding:0px;
	float:right;
}

#fotohotel
{
	width: 529px;
	height: 210px;
	background-image: url('../images/background/bg-foto.jpg');
	float: right;
	padding: 0px;
	margin: 0px;
}

#livello0
{
width: 100%;
height: 146px; 
background-image:url('../images/background/sfondo_menu.gif');
margin-top: 0px;
float:left
}

#livellomenu
{
margin-right: auto;
margin-left: auto;
width: 810px;
height: 146px; 
background-image:url('../images/background/sfondo_livellomenu.gif');
}

#menu 
{
margin-right: auto;
margin-left: auto;
width: 768px;
height: 146px;
}

#livello1
{
width: 100%;
height: 105px; 
background-image:url('../images/background/left_5.gif');
float: left;
padding: 0px;
}

#livellofoto
{
margin-right: auto;
margin-left: auto;
width: 810px;
height: 105px; 
background-image:url('../images/background/sfondo-foto.gif');
}

#foto 
{
margin-right: auto;
margin-left: auto;
width: 768px;
height: 105px;
}

#foto img
{
padding-top:10px;
margin-left:9px;
margin-right:9px
}

#livello2
{
width:100%;
float: left;
margin: 0px;
padding: 0;
height:100%;
}

#livellotesto
{
padding: 0;
margin-top: 0px;
margin-bottom: 0px;
margin-right: auto;
margin-left: auto;
width: 810px;
height:100%;
}

#livellobg
{
padding: 0;
margin: 0px;
width: 810px;
background-image:url('../images/background/sfondo-testo.gif');
height:100%;
float:left
}

#testo 
{
	margin: 0px;
	width: 548px;
	height: 100%;
	padding: 0px;
	float: left;
	padding-left: 21px;
}

#testo h1.guasto 
{ 
margin-left: 10px; 
margin-right: 10px; 
color: #800000; 
font-size:14px; 
margin-top:0;
margin-bottom:0;
padding-top: 10px;
}

#testo p.guasto 
{
color: #9C102C;
line-height: 200%;
	margin-bottom: 10px;
	margin-top: 10px;
	padding: 0px;
	font-size:14px;
	font-weight:bold;
}

#testo a 
{ 
color: #800000; 
text-decoration:underline; 
font-weight:bold;
padding:0px;
margin:0px;
}

#testo a.visita 
{
	color: #800000;
	text-decoration: underline;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
	margin-left: 5px;
}

#testo p.frascati 
{ 
color: #800000; 
font-weight:bold;
margin-left:30px;
background-image:url('../images/frascati.jpg');
height:171px;
width:195px;
padding-top:3px;
padding-left:5px;
float:left;
padding-bottom: 0px;
}

#testo p.roma 
{ 
color: #800000; 
font-weight:bold;
margin-left:45px;
margin-bottom:20px;
background-image:url('../images/roma.jpg');
height:171px;
width:195px;
padding-top:3px;
padding-left:5px;
float:left;
padding-bottom: 0px;
}

#testo p.outlet 
{ 
color: #800000; 
font-weight:bold;
margin-left:30px;
background-image:url('../images/valmontone-outlet.jpg');
height:171px;
width:195px;
padding-top:3px;
padding-left:5px;
float:left;
padding-bottom: 0px;
}

#testo p.romanina 
{ 
color: #800000; 
font-weight:bold;
margin-left:45px;
margin-bottom:20px;
background-image:url('../images/romanina.jpg');
height:171px;
width:195px;
padding-top:3px;
padding-left:5px;
float:left;
padding-bottom: 0px;
}

#testo p.cinecittadue 
{ 
color: #800000; 
font-weight:bold;
margin-left:30px;
margin-bottom:20px;
background-image:url('../images/cinecittadue.jpg');
height:171px;
width:195px;
padding-top:3px;
padding-left:5px;
float:left;
padding-bottom: 0px;
}

#testo p.prenota 
{ 
color: #800000; 
font-weight:bold;
margin-left:170px;
margin-bottom:20px;
height:171px;
width:195px;
padding-top:3px;
padding-left:5px;
float:left;
padding-bottom: 0px;
background-image:url('../images/prenotazione.jpg')
}

#testo p 
{ 
color: #000; 
text-align:justify; 
padding-bottom: 10px;
margin-top:5px;
width: 528px; 
margin-left:10px; 
margin-right:10px; 
margin-bottom:0px;
}

#testo p.rosso 
{
color: #9C102C;
line-height: 200%;
	margin-bottom: 10px;
	margin-top: 10px;
	padding: 0px;
}

#testo img.foto 
{ 
margin-left:10px; 
margin-right:10px; 
margin-bottom:5px;
margin-top: 5px
}

#testo li
{
padding:0px;
margin-left: 5px; 
margin-top: 0px;
line-height:200%; 
text-align:left;
margin-right:5px;
}

#address 
{
margin-top: 0px;
margin-bottom: 0px;
margin-right: 0px;
margin-left: 10px;
width: 200px;
height:100%; 
padding:0px;
float:left
}

#address img 
{
margin-top: 0px;
margin-bottom: 0px;
margin-right: 0px;
margin-left: 30px;
}

#address a
{
color:#800000
}

#address p 
{ 
color: #fff; 
text-align: center; 
padding-bottom: 10px;
margin-top:5px;
width: 748px; 
margin-left:10px; 
margin-right:10px; 
margin-bottom:0px;
}

#address p.rocca 
{ 
text-align: left;
font-size:12px;
font-weight:bold;
color: #800000; 
padding-left: 5px;
padding-top:5px;
padding-bottom: 0px;
width: 195px;
height:169px; 
margin-top:10px;
margin-left:0px; 
margin-right:0px; 
margin-bottom:0px;
background-image:url('../images/menu/dove-siamo.jpg')
}

#address p.arrivare 
{ 
text-align: left;
font-size:12px;
font-weight:bold;
color: #800000; 
padding-left: 5px;
padding-top:5px;
padding-bottom: 0px;
width: 195px;
height:169px; 
margin-top:40px;
margin-left:0px; 
margin-right:0px; 
margin-bottom:0px;
background-image:url('../images/menu/come-arrivare.jpg')
}

#address p.prenota 
{ 
text-align: left;
font-size:12px;
font-weight:bold;
color: #800000; 
padding-left: 5px;
padding-top:5px;
padding-bottom: 0px;
width: 195px;
height:169px; 
margin-top:40px;
margin-left:0px; 
margin-right:0px; 
margin-bottom:0px;
background-image:url('../images/menu/prenota.jpg')
}

#address p.hotel 
{ 
text-align: left;
font-size:12px;
font-weight:bold;
color: #800000; 
padding-left: 5px;
padding-top:5px;
padding-bottom: 0px;
width: 195px;
height:215px; 
margin-top:40px;
margin-left:0px; 
margin-right:0px; 
margin-bottom:40px;
background-image:url('../images/menu/hotel.jpg')
}

#livello3
{
padding: 0px;
margin-top: 0px;
margin-bottom: 0px;
width: 100%;
height: 16px;
background-color: #D3C096;
float: left
}

#livellocredits
{
padding: 0px;
margin-top: 0px;
margin-right: auto;
margin-left: auto;
width: 810px;
height:16px;
background-image:url('../images/sfondo-credits.gif');
}

#credits
{
padding: 0px;
margin-top: 0px;
margin-right: 21px;
margin-left: 21px;
width: 768px;
height:16px;
}

#credits a 
{ 
margin-left: 5px;
color: #fff; 
text-decoration:underline; 
font-weight:bold 
}

#livello4
{
padding: 0px;
margin: 0px;
width: 100%;
background-color: #E4D6BB;
float: left;
}

#livellocopyright
{
padding-top: 0px;
margin-top: 0px;
margin-right: auto;
margin-left: auto;
width: 810px;
background-image:url('../images/background/bg-foot.gif');
height:80px;
}

#copyright
{
padding: 0px;
margin-top: 0px;
margin-right: auto;
margin-left: auto;
width: 768px;
}

#copyright p 
{ 
color: #000; 
text-align:center; 
line-height: 200%;
padding-bottom: 10px;
padding-top: 10px;
margin-top: 0px;
}

#copyright a 
{ 
color: #B29A6A; 
text-decoration:underline; 
font-weight:bold 
}

#livello5
{
padding: 0px;
margin: 0px;
width: 100%;
height: 24px;
background-color: #D3C096;
float: left
}

#livellohmenu
{
padding: 0px;
margin-top: 0px;
margin-right: auto;
margin-left: auto;
width: 810px;
height:24px;
background-image:url('../images/background/sfondo-credits.gif');
}

#hmenu
{
padding-top: 4px;
margin-top: 0px;
margin-left: 29px;
width: 760px;
height:20px;
}

#hmenu a 
{ 
margin-left: 2px;
margin-right: 2px;
color: #fff; 
text-decoration:underline; 
font-weight:bold 
}

#hmenu a:hover 
{ 
color: #800000; 
}

#map
{
border:1px solid #800000; 
width: 535px;
height:500px; 
text-align:center; 
margin-left:10px; 
margin-top:20px; 
margin-bottom:50px 
}
