/*
13/03/2009
BHR - screen stylesheet
author: Alessandro Chinazzo
*/

/* Reset style - Eric Meyer */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	/*vertical-align: baseline;*/
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* -------------------- */

html, body {
    height: 100%;
}

body {
	margin: 0; padding: 0;
	font-family: "Helvetica (TT)", Arial, Verdana, sans-serif;
	font-size: 62.5%;
	background-color: #470025;
	text-align: center;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

img {
	border: 0;
}

/* ------ Layout ------ */

#main {
	width: 960px;
	text-align: left;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -90px;
}

#header {
	position: relative;
	height: 135px;
}

#banner {
	position: relative;
}

#content {
	margin: 20px 0 45px;
	color: #a8a8a8;
	min-height: 320px;
	height: auto !important;
	height: 320px;
}

#footer {
	height: 90px;
	text-align: center;
	font-size: 1.1em;
	color: #fff;
	background-color: #230012;
}

/* -------------------- */

/* ------ Header ------ */

#header #logo {
	position: absolute;
	top: 20px;
}

#header #booking {
	position: absolute;
	bottom: 0; right: 0;
	width: 218px;
	padding: 10px 0 10px 10px;
	background: #fff url('/images/bg-booking.hotel.png') 211px 50% no-repeat;
	font-size: 1.2em;
	cursor: pointer;
	color: #e30069;
	text-decoration: none;
}


#header #booking-form {
	position: absolute;
	bottom: 0;
	right:0;
	width:700px;
	height:38px;
	padding:12px 10px 8px 20px;
	background-color: #47142c;
	border: 1px solid;
	border-color: #5f3247 #230a16 #230a16 #5f3247;
}

#main #header #booking-form table {border-collapse:collapse;}
#main #header #booking-form td {vertical-align:bottom;padding: 0 12px 0 0;color:#ccc}


#header #booking-form input, #header #booking-form select {
	background-color: #e8e8e8;
	border: 1px solid #7a7a7a;
	margin: 0.3em 0 0;
}

#header #booking-form p {
	margin: 0 10px 0 0;
	font-size: 1.2em;
	color: #7a7a7a;
	float:left;
}

#header #booking-form img {
	cursor: pointer;
}

#header #booking-form button {
	font-family: "Helvetica (TT)", Arial, Verdana, sans-serif;
	font-size: 1em;
	font-weight:bold;
	padding: 0;
	margin: 0;
	color: #fff;
	border: 0;
	background: transparent;
}

#breadcrumbs {
	/*position: absolute;
	bottom: 8px; left: 0;*/
	font-size: 1.1em;
	color: #a8a8a8;
	padding: 10px 0 0;
}

#breadcrumbs a {
	text-decoration: none;
	color: #a8a8a8;
}

#header #area-nav {
	position: absolute;
	top: 0; right: 0;
	font-size: 1em;
}

#header #area-nav li {
	float: left;
	width: 228px;
	text-align: right;
	margin-right: 15px;
}

#header #area-nav li.last {
	margin-right: 0;
}

#header #area-nav li a {
	display: block;
	padding: 15px 0 0;
	text-decoration: none;
	color: #8d8d8d;
}

#header #area-nav li a strong {
	color: #fff;
	font-weight: normal;
}

#header #area-nav li:hover a {
	padding: 27px 0 0;
}

#header #area-nav li.hotel {
	background: transparent url('/images/bg-area-item-hotel.png') 0 -10px repeat-x;
}

#header #area-nav li.hotel:hover {
	background: transparent url('/images/bg-area-item-hotel.png') 0 0 repeat-x;
}

#header #area-nav li.meeting {
	background: transparent url('/images/bg-area-item-meeting.png') 0 -10px repeat-x;
}

#header #area-nav li.meeting:hover {
	background: transparent url('/images/bg-area-item-meeting.png') 0 0 repeat-x;
}

#header #area-nav li.divino {
	background: transparent url('/images/bg-area-item-divino.png') 0 -10px repeat-x;
}

#header #area-nav li.divino:hover {
	background: transparent url('/images/bg-area-item-divino.png') 0 0 repeat-x;
}

#header #area-nav li.gioja {
	background: transparent url('/images/bg-area-item-gioja.png') 0 -10px repeat-x;
}

#header #area-nav li.gioja:hover {
	background: transparent url('/images/bg-area-item-gioja.png') 0 0 repeat-x;
}

#header #lang-nav {
	position: absolute;
	top: 50px;
	right: 0;
	width: 110px;
	padding: 0;
	font-size: 1.1em;
	color: #8d8d8d;
	text-align: right;
}

#header #lang-nav a {
	text-decoration: none;
	color: #8d8d8d;
}

#header #lang-nav li {display:inline;margin-left:5px}

/* -------------------- */

/* ------ Banner & Section Nav ------ */

#banner img {
	display: block;
}

#banner #section-nav {
	position: absolute;
	top: 0; left: 0;
	width: 228px;
	font-size: 1.4em;
	background-color: #e30069;
}

#banner #section-nav ul {
	line-height: 1.2em;
}

#banner #section-nav ul li a {
	display: block;
}

#banner #section-nav h1 {
	font-size: 1.5em;
	color: #fff;
	margin: 0 0 20px;
}

#banner #section-nav #nav,
#banner #section-nav #subnav {
	padding: 16px;
}

#banner #section-nav #subnav {
	background-color: #fff;
}

#banner #section-nav #nav li a {
	color: #8a0140;
}

#banner #section-nav #nav li a.active {
	color: #fff;
}

#banner #section-nav #subnav li a {
	color: #dc80aa;
}

#banner #section-nav #subnav li a.active {
	color: #e30069;
}

#banner #booking-form {
	position: absolute;
	display: none;
	top: 0; right: 0;
	width: 200px;
	padding: 14px 14px 0;
	background-color: #fff;
}

#banner #booking-form input {
	background-color: #e8e8e8;
	border: 1px solid #7a7a7a;
	padding: 3px;
	margin: 0 .6em 0 0;
	float: left;
}

#banner #booking-form select {
	background-color: #e8e8e8;
	border: 1px solid #7a7a7a;
}

#banner #booking-form p {
	margin: 0 0 1em;
	font-size: 1.2em;
	color: #606060;
}

#banner #booking-form img {
	cursor: pointer;
}

#banner #booking-form button {
	font-size: 1em;
	padding: 3px 0;
	color: #e30069;
	border: 0;
	background-color: transparent;
}

#banner #body {
	position: absolute;
	bottom: 55px; right: 18px;
	width: 210px;
}

#banner #body .subtitle p {
	font-size: 2.2em;
	color: #fff;
	line-height: 1;
	margin: 0 0 .75em;
}

#banner #body p {
	font-size: 1.2em;
	line-height: 1.3333em;
	color: #fff;
}

/* ------ Content ------ */


#content a {
	color: #e30069;
}

#content #left,
#content #right {
	float: left;
	width: 228px;
}

#content #left {
	margin: 0 16px 0 0;
	padding-bottom:120px;
}

#content #right {
	padding-bottom: 50px;
}


#wifi {
	position:absolute;
	top:-74px;
	right:0;
}

#wifi img {
	display:block;
}

#content #center {
	float: left;
	width: 472px;
	margin: 0 16px 0 0;
}

#content #center.extended {
	width: 716px;
	margin: 0;
}

#content h2 {
	padding: 10px 0 0;
	margin: 0 0 .3em;
	font-size: 2.1em;
	color: #e30069;
	border-top: 1px solid #e30069;
}

#content #left h2 {
	padding: 11px 0 0;
	border: none;
}

#content p {
	font-size: 1.2em;
	line-height: 1.3333em;
	margin: 0 0 1.3333em;
}

#content li ul, 
#content li ol { 
	margin: 0 1.5em;
}

#content ul, #content ol {
	font-size: 1.2em;
	margin: 0 1.5em 1.3333em 1.5em;
	line-height: 1.3333em;
}

#content ul *, #content ol * {
	font-size: 1em;
}

#content ul { 
	list-style-type: disc;
}

#content ol { 
	list-style-type: decimal;
}

#content ul a,
#content ol a { 
	color: #fff;
}

#content ul a:hover,
#content ol a:hover { 
	color: #e30069;
}

#content #subtitle p {
	color: #e30069;
	margin: 0;
}

#content #abstract p {
	color: #fff;
	margin: 0;
}

#in-content-nav ul {
	margin: 0 0 1.3333em;
	list-style-type: none;
}

#in-content-nav ul li {
	float: left;
	padding: 0 7px;
	border-right: 1px solid #e30069;
}

#in-content-nav ul .first {
	padding-left: 0;
}

#in-content-nav ul .last {
	border: 0;
}

#in-content-nav ul li a {
	color: #e30069;
	font-weight: bold;
}

#in-content-nav ul li a:hover,
#in-content-nav ul li a.active {
	color: #fff;
}

#in-content-nav-bottom ul {
	list-style-type: square;
}

/*#in-content-nav-bottom ul li a {
	padding: 0 0 0 16px;
	background: transparent url('/images/bg-in-content-nav-bottom.png') no-repeat 0 3px;
	
}

#in-content-nav-bottom ul li a:hover {
	background: transparent url('/images/bg-in-content-nav-bottom-active.hotel.png') no-repeat 0 3px;
	
}*/

#content .offer-preview-grid {
	float: left;
	width: 228px;
	margin-right: 16px;
}

#content .offer-preview-grid img {
	margin: 0 0 1.6em;
}

#content .offer-row,
#content .offer-preview-normal {
	margin: 0 0 3.2em 0;
}

#content .news-preview {
	margin: 0 0 1.6em 0;
}

#content h3 {
	font-size: 1.4em;
	color: #fff;
	font-weight: normal;
	line-height: 1.3333em;
}

#content .news-preview .date {
	font-size: 1.2em;
	color: #fff;
	font-weight: bold;
	line-height: 1.3333em;
}

#content .offer-preview-grid p, 
#content .offer-preview-normal p,
#content .news-preview p {
	margin: 0;
}

#content .offer-preview-normal img,
#content .news-preview img {
	float: left;
	margin: 0 1.5em 1.5em 0;
}

#content .news-preview h3,
#content .offer-info {
	color: #e30069;
}

#content .offer-preview-grid a,
#content .offer-preview-normal a,
#content .news-preview a {
	font-size: 1.2em;
	color: #a8a8a8;
}

#content .offer-preview-grid h3 a,
#content .offer-preview-normal h3 a {
	font-size: 1em;
	color: #fff;
	text-decoration: none;
}

#content .news-preview h3 a {
	font-size: 1em;
	color: #e30069;
	text-decoration: none;
}

.offer-detail {
	margin: 0 0 1.6em;
}

#content .news-preview h3 {
	font-size: 1.2em;
	line-height: 1.3333em;
}

#content .offer-preview-normal h3,
#content .offer-preview-grid h3 {
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.3333em;
}

.room-map {
	float: left;
	margin: 0 1.5em 1.5em 0;
}

#gallery-right ol {
	list-style: none;
	font-size: 1.4em;
	margin: .4em 0 0;
}

#gallery-right ol li {
	float: left;
	margin-right: 5px;
}

#gallery-right ol li a {
	color: #e30069;
	text-decoration: none;
}

#gallery-right ol li a.active,
#gallery-right ol li a:hover {
	color: #fff;
}

#content .spa-row,
#content .photogallery-row {
	margin: 0 0 2em;
}

#content .spa-preview,
#content .photogallery-preview {
	width: 100px;
	float: left;
	margin-right: 24px;
}

#content .spa-preview img,
#content .photogallery-preview img {
	margin: 0 0 .8em;
}

#content .spa-preview h3 a,
#content .photogallery-preview h3 a {
	color: #fff;
}

#content .last {
	margin-right: 0;
}

#traveller-type {
	margin: 0 0 3.5em;
}

#traveller-type p {
	font-size: 1.1em;
	margin: 0 0 .4em;
}

#traveller-type select {
	font-size: 1.2em;
	padding: 3px;
	color: #fff;
	background-color: #47142c;
	border: 1px solid #5d364b;
}

#traveller-type #btn-segments {
	display: block;
	width: 183px; height: 22px;
	background: transparent url('/images/btn-segment-selection.png') no-repeat 0 0;
	cursor: pointer;
}

#traveller-type #segments-nav {
	display: none;
	width: 163px;
	background-color: #551a39;
	padding: 10px;
}

#traveller-type #segments-nav ul {
	list-style: none;
	margin: 0; padding: 0;
}

#traveller-type #segments-nav ul li {
	 padding: 2px 0;
}

#traveller-type #segments-nav ul li a {
	 text-decoration: none;
}

#traveller-type #segments-nav ul li a.active {
	 color: #e30069;
}

.newsletter h2 {
	color: #daccd3;
}

.newsletter p {
	margin: 0 0 .4em !important;
}

.newsletter input {
	font-size: 1em;
	padding: 3px; margin: 0 0 5px;
	color: #fff;
	background-color: #47142c;
	border: 1px solid #5d364b;
}

.newsletter button {
	font-size: 1.2em;
	padding: 0;
	color: #e30069;
	border: 0;
	background-color: transparent;
}

#left .newsletter a.btn {
	font-size: 1.2em;
	padding: 0 13px 0 0;
	color: #fff;
	text-decoration: none;
	background: transparent url('/images/arrow.png') no-repeat right 50%;
}

#content #attachments ul {
	list-style: none;
	margin: 3em 0;
}

#content #attachments ul li {
	margin: .5em 0 .6em;
}

#content #attachments ul a.download-generic {
	color: #fff;
	padding: 0 0 .5em 20px;
	background: transparent url('/images/ico-download.hotel.png') no-repeat 0 0;
}

#content #back-to-archive {
	text-align: right;
}

#content #back-to-archive a {
	color: #fff;
}

#center input {
	font-size: 1em;
	padding: 3px; margin: 3px 0 0;
	color: #fff;
	background-color: #47142c;
	border: 1px solid #5d364b;
}

#center select {
	font-size: 1em;
	padding: 3px; margin: 3px 0 0;
	color: #fff;
	background-color: #47142c;
	border: 1px solid #5d364b;
}

#center textarea {
	width: 700px;
	height: 100px;
	font-size: 1em;
	padding: 3px; margin: 3px 0 0;
	color: #fff;
	background-color: #47142c;
	border: 1px solid #5d364b;
	font-family: "Helvetica (TT)", Arial, Verdana, sans-serif;
}

#center button {
	font-size: 1em;
	padding: 0;
	color: #e30069;
	border: 0;
	background-color: transparent;
}

#center .date {
	font-size: 1.2em;
	color: #e30069;
	font-weight: bold;
	line-height: 1.3333em;
}

/* -------------------- */

/* ------ Footer ------ */

#footer #info-section {
	width: 960px;
	padding: 16px 0;
	margin: 0 auto;
	text-align: left;
	line-height: 1.4545em;
}

#footer #info-section .bhr {
	color: #b1005d;
}

#footer #info-section a {
	color: #fff;
}

#footer #address,
#footer #contacts,
#footer #service {
	float: left;
}

#footer #credits {
	float: right;
}

#footer #address {
	width: 243px;
}

#footer #contacts {
	width: 245px;
}

/* -------------------- */

/* ------ Utils ------ */

button {
	cursor: pointer;
}

.push {
	height: 90px;
}

#loader {
	position: absolute;
	background: #fff url('/images/ajax-loader.gif') no-repeat 50% 50%;
}

.error-container {
	display: none;
	background-color: #fff;
	margin: 2em 0; padding: 10px;
}

#content .error-container p {
	color: #b1005d;
	margin: 0; padding: 0;
}

.error, .error-mail, .error-privacy {
	display: none;
}

#map-baloon p {
	font-size: 1.2em;
	line-height: 1.2em;
}

.clearfix:after {
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}


/* P A R T N E R  - template*/


#content #center ul.logo_list {background:#fff;list-style:none;margin:0 0 30px;padding:20px 10px 0}
#content #center ul.logo_list li {display:inline;margin:0;padding:0 10px;text-align:center}
#content #center ul.logo_list li img {display:inline;border:0;vertical-align:middle;margin:0 0 20px}



/* ------- */

/*PARTNER*/

.partner {
margin: 3em 0;
font-size: 1.1em;
border-collapse: collapse;
}

.partner th,
.partner td {
border-right: 1px solid #e20068;
border-bottom: 1px solid #e20068;
text-align: center;
padding: 13px 13px 7px;
}

.partner .last-column {
border-right: 0;
}

.partner .last-row td {
border-bottom: 0;
}

.partner .left {
text-align: left;
padding: 13px 20px 13px 2px;
}

.partner th {
color: #ff3000;
}

.partner tr.subheader td {
font-size: .8em;
color: #fff;
}

.partner td a {
color: #fff !important;
}