@charset "UTF-8";
/**********************************************
SITO: Hotel Manfredi
FILE: styles.css
CREATO: 26/09/2008
MODIFICATO:
AUTORE: Mirco Moretti [at] MuseComunicazione.it

INDICE
1.	GENERALI
2. 	HEADER
3.	NAV
4.	CONTENUTI
5. 	FOOTER
6.	VARI


TABELLA CODICI COLORE

#3b4a6d (blu pervinca) 
#f0e5b8 (beige chiaro) Sfondo body + link Menu NAV
#bb9960 (cappuccino) Sfondi Box Laterali + Link Menu Servizio



**********************************************/



/* =GENERALI 
**********************************************/

body { font: normal 0.875em "Trebuchet MS",Arial, Verdana, sans-serif; background-color:#f0e5b8; }
p { color:#1c4464; }

.centered { margin:0 auto; width:960px; }
#header	{ position:relative; z-index:999; height:185px; }
#container { position:realtive; z-index:10; }

#wrapper { margin:0 auto; z-index:5; background:url(../images/bg-header.jpg) repeat-x; width:100%; display:table }

#content { padding:0 20px 0; overflow:auto; background:url(../images/bg-content.png) repeat-y 24px 850px; }
.interna #content { background:url(../images/bg-content-interno-3col.png) repeat-y 24px 850px; }
.eventi #content { background:url(../images/bg-content-interno-2col.png) repeat-y 24px 850px; }
#content-left { float:left; position:relative; width:250px; }
#content-right { float:right; position:relative; width:710px; right:-1px; padding:0; }

a.external { background: url(../images/external.png) center right no-repeat; padding-right: 13px; }

.clear { clear:both }



/* =HEADER 
**********************************************/

#skip { position:absolute; top:-999em; }

#header #logo { display:block; position:absolute; z-index:2; width:302px; height:142px; background:url(../images/logo.png) no-repeat; left:10px; }
#header #logo a { display:block; width:302px; height:130px; text-indent:-9999px }
#header #logo a:focus { outline:none; }

#intro { position:absolute; top:190px; left:20px; }
img#foto-header { position:absolute; width:481px; height:184px; display:block; top:-17px; right:20px; }



/* =NAVIGAZIONE 
**********************************************/

/* Stili DropDown Menu */
#menu-servizio { position:absolute; z-index:3; top:7px; right:0; background:url(../images/bg-menu-servizio.gif) no-repeat 115px top; width:auto }
#menu-servizio li:hover a, #menu-servizio li.sfHover a { }
#menu-servizio li:hover ul a, #menu-servizio li.sfHover ul a { color:#f0e5b8; font-size:0.88em;}
#menu-servizio li:hover ul a:hover, #menu-servizio li.sfHover ul a:hover { text-decoration:none; color:#f0e5b8; }

.submenu { z-index:10; position: relative; }
.submenu li { float:left; position: relative; padding-right:25px }

.submenu li a, .submenu li a:link, .submenu li a:active, .submenu li a:visited { display:block; text-decoration:none; color:#f0e5b8; line-height:33px; font-size:1.15em; text-decoration:none; }
.submenu li a:hover { text-decoration:none; color:#f0e5b8; }

.submenu ul { background:#435171 url(../images/freccia-menu-servizio.png) no-repeat 10px top; border:solid 2px #626772; border-top:none; width:195px; position:absolute; top:-999em; left:-11px; padding-top:13px }
.submenu li:hover ul, .submenu li.sfHover ul { top:33px; }

.submenu ul li { border:0; float:none;}
.submenu ul a { background:url(../images/punto-elenco.png) no-repeat 10px center; padding-left:20px; width:175px; white-space:nowrap; }
.submenu ul a:hover { background:#bb9960 url(../images/punto-elenco.png) no-repeat 10px center }
/* FINE Stili DropDown Menu */

#menu-servizio li#menu-servizio-home { background:url(../images/bg-home-link.gif) no-repeat left top; width:67px; padding-left:25px; margin-right:25px }
#menu-servizio li#menu-servizio-contatti { background:url(../images/mail-contatti.png) no-repeat left center; margin-left:20px; padding:0 8px 0 22px }

/* Evidenzia la Pagina Corrente */
.home #menu-servizio li#menu-servizio-home a,
#menu-servizio li.current a { color:#ffcc33; }
#menu-servizio li#menu-servizio-contatti a, #menu-servizio li#menu-servizio-contatti a:visited { color:#900; text-transform:uppercase; font-size:1em }
#menu-servizio li#menu-servizio-contatti a:hover,#menu-servizio li#menu-servizio-contatti.current a { background:#900; color:#f0e5b8; border-bottom:solid 1px #f0e5b8; }
#menu-servizio li#menu-servizio-home a:hover { color:#fc3; }

ul#lingua { position:absolute; z-index:2; width:auto; top:128px; right:10px; color:#900; }
ul#lingua li { display:inline; padding-left:3px; }
ul#lingua li img { padding-top:3px }
ul#lingua li a, ul#lingua li a:visited { text-decoration:none; }
ul#lingua li a:hover, ul#lingua li.current a { background:url(../images/freccia-flags.png) no-repeat center -1px;  }

ul#nav { position:absolute; z-index:2; width:683px; top:150px; right:0; height:35px; padding-left:26px; font-size:1.13em; font-weight:bold; text-transform:uppercase; background:#3b4a6d url(../images/bg-nav.gif) no-repeat right top }
#deu ul#nav {
	position:absolute;
	z-index:2;
	width:683px;
	top:150px;
	right:0;
	height:35px;
	padding-left:26px;
	font-size:.85em;
	font-weight:bold;
	text-transform:uppercase;
	background:#3b4a6d url(../images/bg-nav.gif) no-repeat right top
}
ul#nav li {
	float:left;
	padding-top: 0;
	padding-right: 3px;
	padding-bottom: 0;
	padding-left: 3px;
}
#deu ul#nav li {
	float:left;
	padding-top: 0;
	padding-right: 2px;
	padding-bottom: 0;
	padding-left: 2px;
}
ul#nav li a, ul#nav li a:visited { display:block; line-height:36px; text-decoration:none; color:#f0e5b8; padding:0 7px; }					
ul#nav li a:hover, ul#nav li.current a { background:url(../images/bg-nav-hover.gif) repeat-x left top; }




/******* =TITOLI H1,H2,H3,... 
**********************************************/

h1 { font:normal 1.8em "Georgia", Times New Roman, Times, serif;  padding-bottom:0.5em; color:#f0e5b8; }
h2 { font:bold 1.3em "Georgia", Times New Roman, Times, serif; color:#1c4464; }
h4 { font:bold 1em "Trebuchet MS", Verdana; color:#900; padding:0 0 0.3em 30px }
h5 {
	font:bold 1em "Trebuchet MS", Verdana;
	color:#314E88;
	padding-top: 0;
	padding-right: 0.3em;
	padding-bottom: 0.3em;
	padding-left: 0.3em;
	margin-left: 20px;
}
h6 {
	font:bold 1em "Trebuchet MS", Verdana;
	color:#360;
	margin-left: 20px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0.3em;
	padding-left: 30px;
}

#box-booking h2,#box-eventi h2 { padding:18px 0 0 25px;  color:#bf9857; }
#deu #box-eventi h2 {
	font-size: 1.1em;
}
#content-right-bottom h3 { padding:0 0 16px 30px; color:#615034; font:italic 1.2em "Georgia", Times New Roman, Times, serif; }
#box-eventi #box-eventi-interno h3 { font:bold 1.1em "Trebuchet MS", Arial, sans-serif; }

#content-right-bottom h2, #box-intro h2 { color:#900; font-size:1.55em; font-weight:normal; padding:24px 0 0 30px }
#box-offerte h2 { color:#3b4a6d; }
#box-offerte h3 { color:#946b2d; }
.interna #box-offerte h2,.interna #box-offerte h3,.interna #box-offerte h4,.interna #box-offerte h5,.interna #box-offerte h6 { padding-left:15px }
#footer-interno h2 { font:bold 1.1em "Georgia", Times New Roman, Times, serif; color:#1c4464; }



/* =CONTENUTO PRINCIPALE 
**********************************************/

#content p { color:#000033 }
#content strong { font-weight:bold; }
#content em { font-style:italic; }
#content a, #content a:visited { text-decoration:underline; color:#900; }
#content a:hover { text-decoration: none; }


/* =COLONNA DX
**********************************************/

/* Box Galleria Foto */
#box-gallery { display:block; position:relative; margin:0; width:709px; height:273px; overflow:hidden; background:#f0e5b8 }
#box-gallery img { position:absolute; top:0; }
#content-right pre { display:none; }

/* Box Fascia Blue Contenuti in Evidenza */
#content-blue { position:relative; margin-right:1px; background:#3b4a6d url(../images/bg-content-blue.png) no-repeat left top; border-top:solid 2px #f0e5b8 }
#content-blue p { font-size:1.1em; line-height:1.5; color:#eeead8; padding-right:200px }
#content-blue .fregio { padding:25px 0 25px 30px; height:248px; background:url(../images/fregio.png) no-repeat right 6px;}
#content-blue #banner-index { no-repeat right top; height:135px; overflow:auto; }
#content-blue #highlight-list { background:url(../images/bg-highlight-list.jpg) no-repeat left top; height:135px; margin-top:13px; overflow:auto }
#content-blue #highlight-list ul,#content-blue #highlight-list ul { margin:12px; color:#f0e5b8 }
#deu #content-blue #highlight-list ul { font-size:.75em; }
#content-blue #highlight-list li,#content-blue #highlight-list li { list-style:url(../images/freccia-gialla.png) inside; padding:2px 0; line-height:1.3 }
#content-blue .col-list { float:left; width:16em }
#deu #content-blue .col-list { float:left;	width:20em }
#content-blue #highlight-list a,#content-blue strong { color:#fc3; font-weight:bold }


/* Box Contenuti Centrali */
#box-intro { width:320px; float:left; background:url(../images/fregio-box-intro.png) no-repeat 5px 5px }
#box-intro p, #box-offerte p  { padding:0 20px 0.8em 30px; line-height:1.5 }
.interna #box-intro { width:470px; }
.interna #box-offerte p  { padding:0 10px 0.8em 15px; line-height:1.5 }
.eventi #box-intro { width:100%; }

#box-laterale { padding-bottom:100px }
#box-laterale .foto-piccola-hr li, #box-laterale .foto-grande-hr li { padding-bottom:15px }
#box-laterale ul.lista-servizi { margin-left:15px; }
#box-laterale ul.lista-servizi li,#box-intro ul.lista-servizi li { background:url(../images/punto-elenco-brown.png) no-repeat left center; padding-left:15px; line-height:1.5; color:#000033 }
#box-intro ul.lista-servizi { margin-left:32px; margin-top:15px; }
#box-intro ul.lista-servizi li a { color:#3b4a6d }
#box-intro ul.lista-servizi li a:hover { color:#900 }

#box-offerte { float:left; width:387px; background:#f5eed1 url(../images/fregio-box-offerte.png) no-repeat 5px 6px }
.interna #box-offerte { width:237px; background:#f5eed1 url(../images/fregio-box-laterale.png) no-repeat 165px 6px }
.eventi #box-intro { padding-bottom:40px; }
#box-intro .elenco-eventi { clear:both; margin-bottom:20px; }
#box-intro .gallery-foto { float:left; margin-left:18px; }

/* Stili Box Elenco Offerte */
#box-offerte #iframe-offerte { margin:3px 0 5px 30px }
#box-offerte h4 { padding-left:40px }
#box-offerte h5	{ padding-left:40px }
#box-offerte h6	{ padding-left:40px }
#box-offerte p { padding:0 30px 0 40px }
#box-offerte .lista-offerte { padding-bottom:20px; background:url(../images/punto-elenco-offerte.png) no-repeat left top }
#box-offerte .best-offer { padding-top:5px; padding-right:40px; margin-bottom:10px; background:url(../images/bg-best-offer.png) no-repeat left top }
#box-offerte .lista-offerte a, #box-offerte .lista-offerte a:visited { display:block; margin:6px 0 0 40px; width:170px; line-height:20px; padding-left:4px; background:#900; color:#fff; text-transform:uppercase; text-decoration:none;}
#lista-offerte a:hover { background:#3b4a6d; }
#lista-facebook {
	padding-bottom:20px;
	background:url(../images/logo-facebook.png) no-repeat left top;
	margin-top: 20px;
}
#lista-facebook a, #lista-facebook a:visited {
	display:block;
	margin:6px 0 0 20px;
	width:170px;
	line-height:20px;
	padding-left:4px;
	background:#314E88;
	color:#fff;
	text-transform:uppercase;
	text-decoration:none;
}
#lista-facebook a:hover { background:#900; }
#lista-tripadvisor { padding-bottom:20px; background:url(../images/logo-tripadvisor.png) no-repeat left top }
#lista-tripadvisor a, #lista-tripadvisor a:visited {
	display:block;
	margin:6px 0 0 20px;
	width:170px;
	line-height:20px;
	padding-left:4px;
	background:#360;
	color:#fff;
	text-transform:uppercase;
	text-decoration:none;
}
#lista-tripadvisor a:hover { background:#900; }
#box-intro .elenco-eventi a { font-weight:bold;}

#box-offerte blockquote { margin:15px 30px 40px; height:90px; border:solid 1px #b2925b;  background:#f0e5b8 url(../images/fregio-info.png) no-repeat 5px 6px }
#box-offerte blockquote p { padding:6px 0 0 60px }
#content #box-offerte blockquote a, #content #box-offerte blockquote a:visited { display:block; margin:6px 0 0 -2px; background:url(../images/offerte-button.png) no-repeat left top; width:136px; line-height:28px; /*padding-top:1px;*/ font-size:0.95em; color:#fff; text-decoration:none; text-align:center;}
#content #box-offerte blockquote a:hover { background:url(../images/offerte-button.png) no-repeat left bottom; }
#content #box-offerte blockquote .tripadvisor { vertical-align: text-bottom }

/* Stili per Cornici Foto */
#content .foto-hr, #content  .foto-vr, #box-laterale .foto-piccola-hr, #box-laterale .foto-grande-hr, #box-intro .foto-eventi { position:relative;}
#content .foto-hr img, #content  foto-vr img { margin:9px 0 0 8px; position:relative;}
#content .foto-hr span { width:272px; height:106px; position:absolute; background: url(../images/cornice-foto-hr.gif) no-repeat; }
#content .foto-hr { padding:0 0 25px 25px}
#box-laterale .foto-piccola-hr span { width:206px; height:106px; position:absolute; background: url(../images/cornice-foto-piccola-hr.gif) no-repeat; }
#box-laterale .foto-grande-hr span { width:206px; height:155px; position:absolute; background: url(../images/cornice-foto-grande-hr.gif) no-repeat; }
#box-laterale .foto-piccola-hr, #box-laterale .foto-grande-hr { margin-top: 0px; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 12px; }

#box-intro .foto-eventi span { width:106px; height:106px; position:absolute; background: url(../images/cornice-foto-eventi.gif) no-repeat; }

#box-laterale .foto-piccola-hr img, #box-laterale .foto-grande-hr img, #box-intro .elenco-eventi img { margin:9px 0 0 9px; position:relative;}
#box-intro .foto-eventi { padding:0 25px 25px; float:left }

#box-intro .gallery-foto { width:680px }
#box-intro .gallery-foto img { margin:9px 0 0 9px; position:relative;}
#box-intro .foto-gallery span { width:106px; height:106px; position:absolute; background: url(../images/cornice-foto-eventi.gif) no-repeat; }
#box-intro .foto-gallery { padding:0 10px 25px; float:left }

/* Personalizzo Pulsante di Booking */
#content a#booking-button,#content a#booking-button2,#content a#booking-button3 { display:block; width:156px; height:42px; background: url(../images/bg-booking-button.png) no-repeat left top; color:#fff; line-height:42px; padding-left:115px; text-decoration:none }
#content a:hover#booking-button,#content a:hover#booking-button2,#content a:hover#booking-button3 { background: url(../images/bg-booking-button.png) no-repeat left bottom; }
#content .evidenzia { background:#d6c391; margin:0 30px; padding:10px 0; border:dotted 1px #4b351d }



/*=COLONNA SX
**********************************************/

/* Box di Booking */
#box-booking { position:relative; z-index:100; height:298px; width:252px; right:-1px; background:url(../images/bg-box-booking.png) no-repeat left top; }

#form-booking {
	width:252px;
}
#form-booking label { float:left; width:59px; margin-right:2px; text-align:right; color:#3e0000 }
#form-booking fieldset { margin: 10px 0 0 0; padding:0; float:left; clear:both; width:100%; }
#form-booking legend { font-weight:bold; text-indent:-999em }
#form-booking fieldset ol { padding: 10px 12px 0 }
#form-booking fieldset li { line-height:1.55; border-bottom:dotted 1px #3e0000; padding:5px 0 }
#form-booking fieldset li.no-border { border:none }
#form-booking fieldset.submit { float:none; width:auto }
#form-booking select { margin-right:-3px; width:44px; }
#form-booking select#selectYear { width:59px; }
#form-booking input.submit { background:url(../images/search-button.png) no-repeat left top; width:136px; height:29px; margin:14px 0 0 105px; border:none; font:normal 1em "Trebuchet MS", Verdana; color:#fff; cursor:pointer; }
#form-booking input.submit:hover { background:url(../images/search-button.png) no-repeat left bottom; }
#date-pick img { vertical-align:middle; margin-left:1px }

#box-guarantee { position:absolute; z-index:101; width:103px; height:93px; margin:-135px 0 0 132px; background:url(../images/box-guaranteed.png) no-repeat; text-indent:-999em; }
.TA_rated {
	margin-left: 40px;
}
.TA_excellent {
	margin-left: 40px;
}
.TA_selfserveprop {
	margin-left: 30px;
}




#box-highlight { position:relative; z-index:90; height:298px; width:247px; right:-3px; margin-top:-24px; background:url(../images/bg-box-highlight.png) repeat-x left top; border:solid 1px #f0e5b8; border-right:none }
#box-highlight img { width:247px; height:298px; }

#box-eventi { position:relative; z-index:80; width:252px; right:-1px; background:url(../images/bg-title-box-eventi.png) no-repeat left top; }
#box-eventi-interno { margin:30px 0 0 3px; padding:12px 8px 0 10px; }
#box-eventi #box-eventi-interno h3 a, #box-eventi #box-eventi-interno h3 a:visited { display:block; height:32px; padding:7px 0 0 26px; color:#900; text-decoration:none; background:url(../images/bg-lista-box-eventi.png) no-repeat left top; }
#box-eventi #box-eventi-interno h3 a:hover { color:#c00 }
#box-eventi-interno .lista-eventi { padding-bottom:1.4em; }
#box-eventi-interno .lista-eventi p { padding-left:25px; color:#f0e5b8 }
#box-eventi-interno .lista-eventi a { font-weight:bold; }
#box-eventi #bottone-eventi { position:relative; z-index:100; width:253px; height:51px; margin:30px 0 0 -13px; background:url(../images/bg-bottone-eventi.png) no-repeat left top; }
#box-eventi #bottone-eventi a,#box-eventi #bottone-eventi a:visited { position:relative; display:block; top:7px; margin:0 auto; width:136px; height:29px; background:url(../images/search-button.png) no-repeat left top; color:#fff; text-transform:uppercase; text-decoration:none; text-align:center; line-height:29px }
#box-eventi #bottone-eventi a:hover { background:url(../images/search-button.png) no-repeat left bottom; }


/* =FOOTER 
**********************************************/

a#torna-su,a:visited#torna-su { position:absolute; display:block; z-index:1; top:-20px; right:5px; width:88px; height:22px; padding:7px 0 0 10px; background:url(../images/bg-torna-su.png) no-repeat left top; color:#fff; font-size:12px; text-decoration:none; text-transform:uppercase; text-align:left }
a:hover#torna-su { color:#d4a962; }

#footer	{ position:relative; z-index:1; padding-top:1px; margin-top:-20px; background:url(../images/bg-footer-line.png) no-repeat 4px top; display:block; }
#footer-interno	{ margin-left:4px; text-align:right; padding:20px 15px 0 0; background:#3b4a6d url(../images/bg-footer.png) repeat-x left top; position:relative; height:141px; font-size:12px; }

#footer-interno #link-footer ul { position:realtive; margin-right:-2px; }
#footer-interno #link-footer ul li { padding:0 2px 0 8px; display:inline; background:url(../images/pipe.png) no-repeat left center }
#footer-interno #link-footer ul li a, #footer-interno #link-footer ul li a:visited { color:#f0e5b8; text-decoration:none }
#footer-interno #link-footer ul li a:hover { text-decoration:underline }

#footer-interno #recapiti { position:relative; padding-top:10px; color:#f0e5b8; line-height:1.5; background:url(../images/mail.png) no-repeat 252px 10px  }
#footer-interno #recapiti p { color:#f0e5b8; }
#footer-interno #recapiti a, #footer-interno #recapiti a:visited { color:#f0e5b8; text-decoration:underline }
#footer-interno #recapiti a:hover { text-decoration:none }
#footer-interno address { font-style:normal }

#footer-interno #credits {
	position:absolute;
	line-height:1.55;
	font-style:italic;
	background:url(../images/fregio-credits.png) no-repeat right center;
	color: #f0e5b8;
	right: 0px;
	bottom: 0px;
	padding-right: 24px;
}
#footer-interno #credits a, #footer-interno #credits a:visited { color:#f0e5b8; font-style:normal; font-weight:bold; text-decoration:none }
#footer-interno #credits a:hover { color:#d4a962 }
a.mail {background: url(../images/mail.gif) center left no-repeat; padding-left: 16px;}