/*DEBUG*/
html, body
{
		margin: 0;
		padding: 0;
		background: #022f65 url(img/bodyBackground.png) repeat-x;
}

body, input, select, button, textarea
{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #f2eee6;
}

img, form
{
		margin: 0;
		padding: 0;
		border: none;
}

a
{
		text-decoration: underline;
		color: #fff;
}

a:hover
{ text-decoration: none; }

label
{ display: block; }

div.imgBorder
{
		float: left;
		margin: 0;
		padding: 8px;
		border: 1px solid #3a577f;
		background: #274773;
}

.lineheight150
{ line-height: 150%; }

.fix
{ clear: both; }

.magnify
{ cursor: url(img/magnify.cur), pointer; }

.hand
{ cursor: pointer; }

.alerts
{
		font-size: 1.2em;
		color: #e00;
}

.ucase
{ text-transform: uppercase; }

#container
{
		width: 790px;
		margin: 0 auto;
		background: transparent url(img/bodyShadow.png) repeat-y;
}

		#site
		{
				width: 770px;
				margin: 0 auto;
				overflow: hidden;
		}

				#header
				{ height: 141px; }

				#header h1,
				#header h2
				{
						float: left;
						height: 141px;
						margin: 0;
						padding: 0;
				}

				#header h1 span,
				#header h2 span
				{ display: none; }

				#header h1
				{
						width: 216px;
						background: url(img/hotelCoppedeLogo.png) no-repeat;
				}

				#header h2
				{
						width: 554px;
						background: url(img/welcomeHotelCoppede.png) no-repeat;
				}

				#menu
				{
						float: left;
						width: 216px;
						height: 281px;
						background: url(img/backgroundMenu.png);
						overflow: hidden;
				}

				#menu h3
				{
						width: 163px;
						height: 34px;
						margin: 23px 9px 0 auto;
						padding: 0;
						background: url(img/siteMap.png) no-repeat;
				}

				#menu h3 span
				{ display: none; }

				#menu ul
				{
						width: 163px;
						margin: 23px 9px 0 auto;
						padding: 0;
						list-style: none;
				}

				#menu ul li
				{ padding: 1px 0 1px 20px; }

				#menu ul li a
				{
						padding: 0 0 0 15px;
						background: url(img/star.png) 0 center no-repeat;
						font-size: 12px;
						text-decoration: none;
						color: #f2eee6;
				}

				#menu ul li a:hover
				{
						color: #fff;
				}

				#window,
				#player
				{
						float: left;
						width: 554px;
						height: 281px;
						overflow: hidden;
				}

				#offers
				{
						float: left;
						width: 226px;
				}

				#offers h3
				{
						height: 110px;
						margin: 0;
						padding: 0;
				}

				#offers h3.it
				{ background: url(img/IT/offers.png) no-repeat; }

				#offers h3.en
				{ background: url(img/EN/offers.png) no-repeat; }

				#offers h3 span
				{ display: none; }

				#offers .body
				{ background: url(img/offersBackground.png) repeat-y; }

				#offers .body div
				{
						width: 163px;
						margin: 0 19px 0 auto;
						padding-bottom: 10px;
				}

				#offers .body div a
				{
						text-decoration: none;
						color: #fff;
				}

				#offers .body div a:hover
				{
						text-decoration: none;
						color: #f2eee6;
				}

				#offers .footer
				{
						height: 25px;
						background: url(img/offersBottom.png) no-repeat;
				}

				#content
				{
						float: left;
						width: 500px;
						padding: 0 22px 20px;
				}

				#content h2
				{
						height: 99px;
						margin: 10px 0 0;
						padding: 0;
				}

				#content h2.hotel_it,
				#content h2.hotel_en { background: url(img/titles/IT/hotel.png); }

				#content h2.reception_it,
				#content h2.reception_en { background: url(img/titles/IT/reception.png); }

				#content h2.camere_it { background: url(img/titles/IT/camere.png); }
				#content h2.camere_en { background: url(img/titles/EN/camere.png); }

				#content h2.camera-singola_it
				{
						height: 56px;
						margin: 15px 0;
						background: url(img/titles/IT/camera-singola.png);
				}
				#content h2.camera-singola_en
				{
						height: 56px;
						margin: 15px 0;
						background: url(img/titles/EN/camera-singola.png);
				}

				#content h2.camera-doppia_it
				{
						height: 56px;
						margin: 15px 0;
						background: url(img/titles/IT/camera-doppia.png);
				}
				#content h2.camera-doppia_en
				{
						height: 56px;
						margin: 15px 0;
						background: url(img/titles/EN/camera-doppia.png);
				}

				#content h2.dove-siamo_it { background: url(img/titles/IT/dove-siamo.png); }
				#content h2.dove-siamo_en { background: url(img/titles/EN/dove-siamo.png); }

				#content h2.punti-d-interesse_it { background: url(img/titles/IT/punti-d-interesse.png); }
				#content h2.punti-d-interesse_en { background: url(img/titles/EN/punti-d-interesse.png); }

				#content h2.quartiere-coppede_it,
				#content h2.quartiere-coppede_en
				{
						height: 56px;
						margin: 15px 0;
						background: url(img/titles/IT/quartiere-coppede.png);
				}

				#content h2.piper-club-villa-ada_it,
				#content h2.piper-club-villa-ada_en
				{
						height: 56px;
						margin: 15px 0;
						background: url(img/titles/IT/piper-club-villa-ada.png);
				}

				#content h2.stadio-olimpico-villa-borghese_it
				{
						height: 56px;
						margin: 15px 0;
						background: url(img/titles/IT/stadio-olimpico-villa-borghese.png);
				}
				#content h2.stadio-olimpico-villa-borghese_en
				{
						height: 56px;
						margin: 15px 0;
						background: url(img/titles/EN/stadio-olimpico-villa-borghese.png);
				}

				#content h2.san-pietro-castel-sant-angelo_it,
				#content h2.san-pietro-castel-sant-angelo_en
				{
						height: 56px;
						margin: 15px 0;
						background: url(img/titles/IT/san-pietro-castel-sant-angelo.png);
				}

				#content h2.colosseo-fontana-di-trevi-piazza-del-popolo_it,
				#content h2.colosseo-fontana-di-trevi-piazza-del-popolo_en
				{
						height: 56px;
						margin: 15px 0;
						background: url(img/titles/IT/colosseo-fontana-di-trevi-piazza-del-popolo.png);
				}

				#content h2.lungo-tevere-piazza-navona_it,
				#content h2.lungo-tevere-piazza-navona_en
				{
						height: 56px;
						margin: 15px 0;
						background: url(img/titles/IT/lungo-tevere-piazza-navona.png);
				}

				#content h2.il-vittoriano-ponte-milvio_it,
				#content h2.il-vittoriano-ponte-milvio_en
				{
						height: 56px;
						margin: 15px 0;
						background: url(img/titles/IT/il-vittoriano-ponte-milvio.png);
				}

				#content h2.trinita-dei-monti-via-condotti-piazza-di-spagna_it,
				#content h2.trinita-dei-monti-via-condotti-piazza-di-spagna_en
				{
						height: 56px;
						margin: 15px 0;
						background: url(img/titles/IT/trinita-dei-monti-via-condotti-piazza-di-spagna.png);
				}

				#content h2.contatti_it { background: url(img/titles/IT/contatti.png); }
				#content h2.contatti_en { background: url(img/titles/EN/contatti.png); }

				#content h2.tariffe_it { background: url(img/titles/IT/tariffe.png); }
				#content h2.tariffe_en { background: url(img/titles/EN/tariffe.png); }

				#content h2.offerta_it { background: url(img/titles/IT/offerta.png); }

				#content h2 span
				{ display: none; }

						.window
						{
								width: 167px;
								padding: 70px 0 0;
								overflow: hidden;
						}

						.large
						{
								height: 369px;
								background: url(img/windowLarge.png) no-repeat;
						}

						.small
						{
								height: 263px;
								background: url(img/windowSmall.png) no-repeat;
						}

						.texts
						{
								line-height: 150%;
								font-size: 12px;
								color: #f2eee6;
						}

#footer
{
		width: 790px;
		height: 104px;
		margin: 0 auto;
		background: transparent url(img/footerBackground.png) no-repeat;
		overflow: hidden;
}

		#infos
		{
				margin-top: 40px;
				text-align: center;
		}

		#powered-by a
		{
				display: block;
				width: 88px;
				height: 16px;
				margin: 10px 12px 0 auto;
				background: url(img/estroweb-srl.png) no-repeat;
		}

		#powered-by a span
		{ display: none; }

#cell
{ display: none; }

/* Layout Forms */
input.forms
{
		width: 228px;
		margin: 2px 0 15px;
		padding: 2px 5px;
		background: #3a577f url(img/inputBackground.png) repeat-x;
		border: 1px solid #3a577f;
		font-size: 1.5em;
}
input.forms:focus,
textarea.forms:focus
{ border-color: #fc0; }
textarea.forms
{
		width: 488px;
		height: 96px;
		margin: 2px 0 0;
		padding: 2px 5px;
		background: #3a577f url(img/textareaBackground.png) repeat-x;
		border: 1px solid #3a577f;
		font-size: 1.5em;
}
button.forms
{
		display: block;
		width: 80px;
		margin: 15px 0 0 auto;
		padding: 2px 5px;
		background: #3a577f url(img/inputBackground.png) repeat-x;
		border: 1px solid #3a577f;
		font-size: 1.2em;
		cursor: pointer;
}
button.forms:focus,
button.forms:hover
{ border-color: #fff1bb; }

/* Listini */
table.lists
{
		width: 100%;
		border-width: 1px 0 0 1px;
		border-style: solid;
		border-color: #3a577f;
}
table.lists tr td
{
		border-width: 0 1px 1px 0;
		border-style: solid;
		border-color: #3a577f;
}
table.lists thead tr td
{
		padding: 10px 5px;
		background: #1c3d6b;
		font-weight: bold;
}
table.lists tbody
{
		background: #1c3d6b url(img/textareaBackground.png) repeat-x;
}
table.lists tbody tr td
{
		padding: 2px 5px;
}
div.title
{
		margin: 10px 0;
		font-weight: bold;
		font-size: 1.5em;
		color: #f2eee6;
}
div.title:first-child
{
		margin-top: 0;
}
table.lists tfoot tr td
{
		padding: 2px 5px;
}

/* Compatibility alert */
#browser-compatibility
{
		display: none;
		height: 0;
		padding: 5px;
		background: #fc0;
		border-bottom: 1px solid #000;
		color: #000;
		text-align: center;
		overflow: hidden;
}

#browser-compatibility a
{ color: #00f; }