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

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


TABELLA CODICI COLORE

#fbe49f (giallo paglierino) Testo Claim
#fff3ce (beige molto chiaro) Link Menu Servizio
#f0e5b8 (beige chiaro) Sfondi Box
#946b2d (oro) Titoli H3 Contenuti in Corsivo
#3b4a6d (blu pervinca) Rollover Bottoni Link



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



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

body { font: normal 0.875em "Trebuchet MS",Arial, Verdana, sans-serif; background:#f0e5b8 url(../images/bg-body.png); }

#wrapper { background:url(../images/bg-header.jpg) repeat-x; width:100%; display:table; }
#content { position:relative; overflow:auto; padding:10px 0 120px }
#content-left,#text-splash { float:left; position:relative; width:434px; }
#content-right,#box-booking { float:right; position:relative; width:434px; }

.centered { margin:0 auto; width:960px; }

a.external { background: url(../images/external.png) center right no-repeat; padding-right: 13px; }
#box-splash #text-splash a.CallToAction { font-weight:bold; color:#fc0; }

.clear { clear:both }




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

#header	{ position:relative; z-index:1; height:352px }
#skip { position:absolute; top:-999em; }

#header h1 { position:absolute; z-index:2; width:395px; height:124px; top:115px; left:5px; background:url(../images/logo-text.png) no-repeat; }
#header h1.h1-en { background:url(../images/logo-text-EN.png) no-repeat; }
#header h1 a { display:block; width:302px; height:130px; text-indent:-9999px }
#header h1 a:focus { outline:none; }

#box-chiama { position:absolute; width:281px; height:64px; top:25px; left:0; z-index:100; background:url(../images/bg-chiama-subito.png) no-repeat; }
#box-chiama.box-chiama-en { background:url(../images/bg-chiama-subito-EN.png) no-repeat; }
#box-chiama p { text-indent:-999em }

#header #text-claim { position:absolute; height:196px; top:48px; left:5px; }
#header #text-claim blockquote p { font:italic 1em/1.6 "Georgia", Times New Roman, Times, serif; width:400px; margin-top:150px; padding:50px 0; color:#fbe49f;
background:url(../images/bg-text-claim.png) no-repeat -40px center; }

/* Box Galleria Foto */
#galleria-cornice { display:block; position:absolute; z-index:90; top:48px; right:-20px; width:458px; height:298px; background:url(../images/bg-cornice-foto.png) no-repeat; }
#galleria-foto	{ display:block; margin:14px 0 0 136px; position:relative; width:264px; height:266px; overflow:hidden; }
#galleria-foto img	{ position:absolute; top:0; /*display:none;*/ border:0; }
#galleria-cornice pre { text-indent:-999em }

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



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

#menu-servizio { position:absolute; top:0; right:30px;width:436px; height:34px; background:url(../images/bg-menu-servizio.png) no-repeat left top; }
ul#menu-servizio { padding-left:14px }
ul#menu-servizio li { display:inline; text-transform:uppercase; }
ul#menu-servizio li span { text-transform:lowercase }
ul#menu-servizio li a, ul#menu-servizio li a:visited { display:block; float:left; line-height:16px; padding:0 10px 0 20px; margin:8px 0; color:#fff3ce; text-decoration:none;
background:url(../images/freccia-menu-servizio.png) no-repeat left top; }
ul#menu-servizio li a:hover, ul#menu-servizio li.current a { color:#fc0; background:url(../images/freccia-menu-servizio.png) no-repeat left bottom; }

ul#lingua { position:absolute; width:auto; top:80px; right:330px; color:#900; z-index:100; }
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;  }

#nav { position:absolute; top:354px; height:45px; left:5px; font:bold 1.05em "Georgia", Times New Roman, Times, serif; text-transform:uppercase; }
ul#nav li { float:left; padding-right:40px;}
ul#nav li span {font-size:1.25em}
ul#nav li a, ul#nav li a:visited { display:block; line-height:18aspx; margin-top:10px; text-decoration:none; color:#600 }					
ul#nav li a:hover, ul#nav li.current a {  border-bottom:solid 3px #600  }

ul.lista-sitemap li { line-height:1.5; color:#060; padding-left:18px }
ul.lista-sitemap li.title { padding-left:0 }


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

h1,h2,h3 { font:normal 1.8em/1.3 "Georgia", Times New Roman, Times, serif; color:#600;  }

#box-splash h2 { font:normal 2.2em "Century Gothic", Georgia, Times, serif; color:#f0e5b8; line-height:70px; }
#box-booking h2 { padding-left:5px; }
#box-offerte h2 { padding:28px 0 0 35px; } #box-contenuti h2 { padding:30px 0 0 50px; }

#box-offerte h3 { padding-left:35px; } #box-contenuti h3 { padding-left:50px; }
#content h3 { font-style:italic; font-size:1.3em; color:#946b2d; }
#box-intro h3 { padding-bottom:0.5em }
#box-highlight h3, #box-foto h3, #box-servizi h3 { position:relative; z-index:20; left:-20px; font-style:normal; font-size:1.6em; color:#600; background:url(../images/freccia-highlight.png) no-repeat left 1px; /*line-height:43px;*/ padding:8px 0 8px 25px }
#box-booking h3 { font:italic bold 1.1em "Trebuchet MS", Verdana; color:#900; padding:19px 0 0 36px }

h4 { font:bold 1em "Trebuchet MS", Verdana; color:#900; }
#box-offerte h4 { padding:10px 0 0.55em 0 }
#box-contenuti-inner h4 { padding-bottom:0.6em }




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

#content p,#box-splash p { color:#000033; line-height:1.5; padding-bottom:0.8em }
strong { font-weight:bold; }
#content em { font-style:italic; }
#content a, #content a:visited { text-decoration:underline; color:#900; }
a:hover, #content a:hover { text-decoration: none; }
#content .evidenzia { background:#dfca96; padding:10px 20px; width:400px }
#content a#booking-button { 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 { background: url(../images/bg-booking-button.png) no-repeat left bottom; }


/* Box Splash + Booking Form */
#box-splash { position:relative; background:url(../images/bg-splash.png) repeat-x; top:45px; height:300px }
#box-splash-inner { padding-left:5px; }
#text-splash p { color:#ffe2e2 }
#text-splash em { font-style:italic } #text-splash strong { color:#fc0 }
#text-splash a,#text-splash a:visited { color:#fff9df; }
#box-contenuti-inner { background:#f0e5b8; margin:15px 0; overflow:hidden; }

#box-booking { position:relative; z-index:10; width:446px; padding-bottom:15px; right:30px; background:url(../images/bg-booking.png) no-repeat left 70px; }
#form-booking-outer { float:left; width:275px; }

#form-booking { margin-top:-8px; padding-left:5px; }
#form-booking label { float:left; width:62px; margin-right:3px; text-align:right; color:#3e0000 }
#form-booking fieldset { float:left; clear:both; width:100%; }
#form-booking legend { text-indent:-999em; line-height:0 }
#form-booking fieldset ol { padding: 10px 12px 0 }
#form-booking fieldset li { line-height:1.75; padding:5px 0}
#form-booking fieldset li.bg { background:url(../images/bg-form-line.png) no-repeat left center; }
#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:123px; height:27px; padding-bottom:2px; border:none; color:#fff; cursor:pointer; position:absolute; top:252px; left:136px; z-index:20; font:bold 0.95em "Trebuchet MS", Verdana }
#form-booking input.submit:hover { background:url(../images/search-button.png) no-repeat left bottom; width:123px; height:27px; }
#date-pick img,#date-pick2 img { vertical-align:middle; margin-left:1px }

a#toggleSlow { cursor:pointer }
span.big { font-size:1.8em }

#form-richieste-outer { margin:20px 0; width:440px; background:#dfca96; }
#form-richieste legend { position:relative; line-height:1.6; color:#fff9df; display:table-row; width:100%; background:#645439; }
#form-richieste label { float:left; width:130px; padding-left:4px; text-align:right; margin-right:3px; color:#3e0000 }
#form-richieste fieldset { float:left; clear:both; width:100%; }
#form-richieste fieldset ol { padding: 10px 14px 0 8px }
#form-richieste fieldset li { line-height:1.75; padding:5px 0}
/*#form-richieste fieldset li.bg { background:#fff9df; }*/
#form-richieste fieldset.submit { float:none; width:auto; margin-left:147px; }
#form-richieste fieldset.submit p { font-size:0.8em; }
#form-richieste select { margin-right:-3px; width:44px; }
#form-richieste select#selectYear2 { width:59px; }
#form-richieste select#rooms2,#form-richieste select#nazione { width:160px; }
#form-richieste .red { color:#f00 }
#form-richieste em { font-size:0.7em; line-height:0.3 }
#form-richieste .autorizzo { font-size:0.8em; margin-left:140px; }
#form-richieste label.error { color:#900; font:italic 0.75em "Trebuchet MS", Verdana; margin-left:5px; background: url('../images/cancel.png') no-repeat left; padding-left:15px; text-align:left; width:100px; float:none }

#form-richieste input.submit { background:url(../images/search-button.png) no-repeat left top; width:123px; height:27px; padding-bottom:2px; border:none; color:#fff; cursor:pointer;  z-index:20; font:bold 0.95em "Trebuchet MS", Verdana }
#form-richieste input.submit:hover { background:url(../images/search-button.png) no-repeat left bottom; width:123px; height:27px; }


#form-guarantee { float:left; width:50px; width:136px; height:150px; background:url(../images/bg-box-guarantee.png) no-repeat right top; border-left:solid 1px #615034; margin-top:10px; padding-left:14px }
#form-guarantee.fg-en { background:url(../images/bg-box-guarantee-EN.png) no-repeat right top; }
#form-guarantee blockquote { text-indent:-999em; line-height:6.5 }
#form-guarantee p { font-size:0.715em; text-align:center }
img#check { display:block; position:absolute; top:91px; right:6px; }


/*=COLONNA SX
**********************************************/
#box-offerte { padding:0 15px; background:url(../images/bg-h2-offerte.png) no-repeat; }
#box-contenuti { position:relative; background: url(../images/bg-h2-offerte.png) no-repeat; margin-right:35px }
#box-contenuti-inner-left { float:left; padding:15px; width:450px; margin-right:12px }

/*Stili Box Elenco Offerte*/
#box-offerte #iframe-offerte { margin:15px 0 10px 35px }
#box-offerte .lista-offerte { margin-bottom:20px; padding:4px; background:#f0e5b8; *overflow:auto }
#box-offerte .lista-offerte img { float:left; margin:10px 10px 30px; border:solid 1px #900; }
#box-offerte .lista-offerte a.link-offerte, #box-offerte .lista-offerte a.link-offerte:visited { display:block; text-align:right; padding:4px 30px 6px 0; color:#3b4a6d; font-weight:bold; text-transform:uppercase;  background:url(../images/freccia-offerte.png) no-repeat right center;}
#box-offerte .lista-offerte a.link-offerte:hover { text-decoration:none; }

#box-offerte .line hr { display:none } #box-offerte .line { background:transparent url(../images/fregio-offerte.png) no-repeat center center; height:15px; margin-left:35px; }

#link-offerte { background:#f0e5b8 url(../images/bg-link-offerte.png) no-repeat; height:40px; margin:20px 0 0 35px; color:#900 }
.interna #link-offerte { background:#f0e5b8 url(../images/bg-link-offerte.png) no-repeat; height:40px; margin:20px 0 0 0; color:#900 }
#link-offerte p { font-weight:bold; text-transform:uppercase; color:#900; padding:9px 0 0 35px }
#link-offerte a, #link-offerte a:visited { display:block; float:right; background:url(../images/offerte-button.png) no-repeat left top; width:114px; line-height:28px; color:#fff; font-weight:bold; text-transform:uppercase; text-decoration:none; margin-top:-24px; padding-left:28px; }
#link-offerte a:hover { background:url(../images/offerte-button.png) no-repeat left bottom; }

/*Stili Tabella Dati*/
table.tabella { width:440px; background:#dfca96; border:solid 1px #655439; }
.tabella caption { width:440px; font-size:1.1em; font-style:italic; color:#fc0; background:#655439; padding:3px 0 }
.tabella th { background:#d18500; color:#f0e5b8; text-align:left; padding:3px 0 3px 5px }
.tabella td { padding:3px 0; padding-left:5px }
.tabella td.td-center { color:#060; padding-left:30px; vertical-align:middle }
.tabella tr.line { background:#f0e5b8; }
.tabella td em { font-size:0.75em }
#content table.tabella td a { color:#060; }



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

/* Box Contenuti Centrali */
#content-right { margin:99px 4px 0 0; right:30px; }
#box-intro { padding:15px; background:#f0e5b8 }
#box-contenuti-inner-right { float:left; width:350px;/* margin-left:12px;*/ padding:15px }

#box-highlight { background:#dfca96 url(../images/bg-box-highlight.png) no-repeat center top; margin-top:20px; width:376px; padding:0 15px 15px }
.interna #box-highlight { margin:0; /*overflow:hidden*/ }
#box-highlight p { padding:0 5px }
#box-highlight span { font-style:italic; font-size:0.8em }

#box-foto { background:#dfca96 url(../images/bg-box-foto.png) no-repeat right top; width:376px; padding:0 15px 15px; height:140px; margin-top:12px }
#box-foto li { margin:10px; float:left; position:relative; width:85px; }
#box-foto img { background:#fff; border:solid 1px #615034; padding:4px; }
#box-foto li a { text-decoration:none }

#box-servizi { background: url(../images/bg-box-servizi.png) no-repeat right 2px; width:376px; padding:0 15px 15px; margin-top:12px }
#box-servizi ul { margin-left:10px; }
#box-servizi ul li { background:url(../images/punto-elenco-brown.png) no-repeat left center; padding-left:15px; line-height:1.5; color:#900  }

.foto-eventi img { float:left; background:#fff; border:solid 1px #615034; margin:0 15px 15px 0; padding:4px; }
.elenco-eventi { margin-bottom:30px; }



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

a#torna-su,a:visited#torna-su { position:absolute; display:block; z-index:90; top:-25px; right:25px; width:88px; height:22px; padding:5px 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:#fc0; }

#footer	{ position:relative; z-index:1; background:url(../images/bg-footer.png) repeat-x left top; width:100%; display:table; }
#footer-interno	{ position:relative; }

#footer-interno #link-footer ul { padding-top:35px; margin-left:-6px; line-height:1.8 }
#footer-interno #link-footer ul li { padding:0 6px 0 6px; display:inline; background:url(../images/pipe.png) no-repeat left center }
#footer-interno #link-footer ul li.no-pipe { background:none; }
#footer-interno #link-footer ul li a, #footer-interno #link-footer ul li a:visited,
#footer-interno #link-footer a, #footer-interno #link-footer a:visited { color:#f0e5b8; text-decoration:none }
#footer-interno #link-footer ul li a:hover, #footer-interno #link-footer a:hover { text-decoration:underline }

#footer-interno #link-footer p { color:#f0e5b8; line-height:1.8 }
#footer-interno #recapiti { position:relative; line-height:1.5; background:url(../images/bg-recapiti.png) no-repeat left 10px }
#footer-interno #recapiti p { color:#615034; padding:20px 0 0 60px }
#footer-interno #recapiti a { color:#615034;  }

#footer-interno address { font-style:normal }

#footer-interno #credits { position:relative; margin-top:26px; padding:3px 24px 3px 0; font-style:italic; font-size:0.9em; color:#bf9857; }
#footer-interno #credits a, #footer-interno #credits a:visited { font-style:normal; font-weight:bold; color:#f0e5b8; text-decoration:none }
#footer-interno #credits a:hover { color:#f2a800; }
a.mail {background: url(../images/mail.gif) center left no-repeat; padding-left: 16px;}