@charset "UTF-8";
/*  
CSS: Hotel VIlla Rosa
Description: theme by Muse Comunicazione
Version: 0.1
Author: Mirco Moretti
Author URI: http://www.musecomunicazione.it/
*/



/**********************************************
INDICE

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

**********************************************

TABELLA CODICI COLORE

#feeac7 - Body (beige chiaro) 
#b16000 - Link MainNav, Maincontent H2 (arancio scuro)
#553834 - Body text (marrone scuro)
#8c7314 - Maincontent H3 (verde scuro)

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



/* =CSS RESET
Azzero le regole di default dei vari Browsers
*************************************************/
  
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; }
ol, ul {list-style: none; }



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

body { font:normal 0.875em "Trebuchet MS", Verdana, sans-serif; background:#feeac7 url(../images/bg-header.jpg) repeat-x; }
.centered { margin:0 auto; width:960px; }
strong { font-weight:bold }
.clear { clear:both; }



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

#header	{ position:relative; z-index:2; }
#skip { position:absolute; top:-999em; }
#logo {	position:absolute; z-index:10; left:20px; width:198px; height:238px; background:url(../images/logo.png) no-repeat;	}
#logo a { display:block; width:198px; height:238px; text-indent:-999em; }



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

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

ul#metaheader { position:absolute; top:0; left:386px; width:auto; height:30px; z-index:2; }
ul#metaheader li { display:inline; line-height:30px; margin-right:4px; padding-left:18px; background:url(../images/bullet-metaheader.png) no-repeat left center; }
ul#metaheader li.home { padding-left:20px; margin-right:8px; text-transform:uppercase; background:url(../images/bullet-metaheaderHome.png) no-repeat left center; }
ul#metaheader li a, ul#metaheader li a:visited, ul#contacts li a, ul#contacts li a:visited { padding:4px 0; color:#feeac7; }
ul#metaheader li a:hover, ul#contacts li a:hover { color:#d6c87d; }
ul#metaheader li a:active, ul#metaheader li.current a { color:#f4bc83; }

ul#contacts { position:absolute; top:0; right:120px; width:80px; height:36px; z-index:2; background:url(../images/ui-gfx-metaheader.png) no-repeat center top; }
ul#contacts li { color:#fff5e0; display:inline; }
ul#contacts li.speaker { background:url(../images/speaker.png) no-repeat left center; }
ul#contacts li#mail a, ul#contacts li#speaker a, ul#contacts li#mail a:visited, ul#contacts li#speaker a:visited { display:block; float:left; width:27px; height:12px; margin:3px 0 0 10px; text-indent:-999em; background:url(../images/ui-gfx-metaheader.png) no-repeat left -35px; }
ul#contacts li#speaker a { margin:3px 0 0 13px; background-position:-27px -35px; }
ul#contacts li#mail a:hover, ul#contacts li.current#mail a { background-position:left -54px; }

ul#flags { position:absolute; width:auto; top:-5px;; right:0; z-index:2; }
ul#flags li { line-height:30px; display:inline; }
ul li#flagIT a, ul li#flagEN a { display:block; float:left; width:58px; height:43px; text-indent:-999em; background:url(../images/flags.png) no-repeat left bottom; }
ul li#flagIT a:hover, ul li.current#flagIT a { background-position:left top; }
ul li#flagEN a { background-position: right bottom; }
ul li#flagEN a:hover, ul li.current#flagEN a { background-position:right top; }

ul#mainnav { position:absolute; z-index:2; top:35px; right:0; width:538px; height:40px; padding-left:6px; background:url(../images/bg-mainnav.png) no-repeat right -4px; }
ul#mainnav li { line-height:31px; font-family:"Georgia", Times New Roman, Times, serif; font-size:0.9em; display:inline; }
ul#mainnav li a, ul#mainnav li a:visited { display:block; float:left; height:40px; color:#553733; text-transform:uppercase; font-weight:bold; padding:0 10px; color:#b16000; }
ul#mainnav li a:hover, ul#mainnav li.current a { padding-top:3px; color:#fcf0da; background: url(../images/bg-mainnavHover.png) repeat-x; }

#badge a { display:block; height:34px; margin-top:20px; line-height:38px; font-size:1em; font-weight:bold; color:#b16000; text-indent:56px; text-transform:uppercase; background:url(../images/bg-badgeCallToAction.png) no-repeat center top; }
#badge a:hover { color:#bc4b00; background-position: center bottom; }

#footer a, #footer a:visited, #footer-inner .vcard a:hover { color:#fff5e0; text-decoration:none; }
#footer #credits a, #footer #credits a:visited { color:#a35b3b; }
#footer a:hover, #footer-inner .vcard a, #footer-inner .vcard a:visited  { color:#ffc346; }
#footer-inner .col ul li.focus a,#footer-inner .col ul li.focus a:visited { color:#bb6640; font-weight:bold; }
#footer-inner .col ul li.focus a:hover, #footer #credits a:hover { color:#9d9058; }




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

h2 { font:bold 1.3em/1.3 "Georgia", Times New Roman, Times, serif; }
h3 { font:italic 1.2em/1.4 "Lucida Sans", Trebuchet MS, Verdana, sans-serif; }

/*---- Main Content */
#quick-booking h2 { font-size:1.7em; font-weight:normal; color:#fee3b4; padding:2px 3px 0 0; text-align:center; text-transform:uppercase; }
#quick-booking h2 span { font-size:larger; }
#badge h2 { font-size:1em; line-height:1.5; font-style:italic; color:#feeac7; margin:170px 0 0 0; padding:0 30px; }

#maincontent h2,.offers #maincontent h4 { font-size:1.5em; color:#b16000; margin-top:30px; }
#maincontent h3 { color:#8c7314; }
#maincontent blockquote h3 { font:bold normal 1.1em "Georgia", Times new Roman, serif; color:#b16000; padding:20px 0 0 36px; background:url(../images/bq-open.png) no-repeat left top; }
#maintext h2 { font-size:1.8em; margin-top:0; }
.offers #maincontent h4 { margin:0 0 0 125px; padding-top:15px; }

/*---- Banners */
#boxPartners h2 { text-indent:-999em; }
#boxPartners h4 { margin:21px 0 0 80px; text-indent:2px;font:bold italic 0.95em/1.7 "Georgia", Times New Roman, Times, serif; background:url(../images/ui-gfx-titles.png) no-repeat left top; }
#boxPartners h4 a, #boxPartners h4 a:visited { color:#553834; padding:4px 2px; }
#boxPartners h4 a:hover { color:#b16000; }

/*---- SIdebar */
#box-offerte h2, #box-smallGroups h2, #box-location h2 { font-size:1.6em; font-weight:normal; height:46px; text-indent:26px; background:url(../images/ui-gfx-titles.png) no-repeat left -28px; }
#box-smallGroups h2 { background-position:left -74px; }
#box-location h2 { background-position:left -120px; }
#box-offerte h2 a, #box-offerte h2 a:visited, #box-smallGroups h2 a, #box-smallGroups h2 a:visited, #box-location h2 a, #box-location h2 a:visited { display:block; padding:5px 0; color:#feeac7; }
#sidebar h2 a:hover { color:#fdd27d; }
#sidebar h3 { font-size:1em; padding:0 25px; color:#553834; }
#sidebar #box-smallGroups h3 { font-family:"Georgia", Times New Roman, Times, serif; line-height:1.6; padding:0 20px 10px 25px; color:#553834; background:url(../images/bg-h3smallGroups.png) no-repeat 11px top; }
#sidebar #box-smallGroups h4 { font:bold italic 0.95em/1.8 "Georgia", Times New Roman, Times, serif; text-transform:uppercase; background:url(../images/bg-h4smallGroups.png) no-repeat left center; padding-left:10px; }
#sidebar #box-smallGroups h4 a, #sidebar #box-smallGroups h4 a:visited { color:#b16000; }
#sidebar #box-smallGroups h4 a:hover { color:#9d9058; }
#sidebar #box-location h4 { font-style:italic; font-weight:bold; line-height:1; text-transform:uppercase; }
#sidebar #box-location h4 a, #sidebar #box-location h4 a:visited { color:#ffd97e; }
#sidebar #box-location h4 a:hover { color:#f3bf8a; }

/*---- Footer */
#footer h4 { height:62px; padding:32px 0 0 0; text-indent:24px; font-size:1.15em; font-style:italic; font-weight:bold; color:#553834; background:url(../images/bg-titleFooterCol.png) no-repeat; }




/* =CONTENUTI 
**********************************************/

#contentarea { position:relative; z-index:1; overflow:hidden; }

/*---- Teaser Slideshow */ 
#teaser { position:relative; z-index:1; margin-top:80px; height:345px; }
#teaser #badge { position:absolute; z-index:2; left:7px; width:227px; height:337px; background:url(../images/bg-badgeTeaser.png) no-repeat; }
#teaser #slideshow { position:absolute; z-index:1; left:223px; top:13px; width:427px; height:314px; background:url(../images/bg-borderTeaser.png) no-repeat left bottom; }
#teaser #slideshow ul { position:absolute; z-index:1; width:427px; height:306px; background:#fff7e9; border-top:solid 4px #fff7e9; }
#teaser #slideshow li { width:427px; height:302px; background:#fff7e9 }
#teaser #slideshow ul img { position:absolute; width:427px; height:302px; z-index:1; }

/*---- Box QuickBooking */
#quick-booking { position:absolute; z-index:1; top:7px; left:650px; width:305px; height:335px; background:url(../images/bg-quickBooking.png) no-repeat; }
#teaser.en #quick-booking { background:url(../images/bg-quickBooking-EN.png) no-repeat; }
#quick-booking p, #quick-booking em { display:block; text-indent:-999em; }
#form-booking { position:absolute; z-index:1; top:103px; left:19px; width:264px; }
#form-booking label { float:left; width:67px; margin-right:4px; text-align:right; font:italic bold 1em/1.8 "Trebuchet MS", Verdana, sans-serif; color:#553834; }
#form-booking fieldset { float:left; clear:both; padding:0; }
#form-booking legend { text-indent:-999em; line-height:0.315em }
#form-booking fieldset ol { padding:0; width:264px; }
#form-booking fieldset li { line-height:1.65; padding:3px 0; }
#form-booking fieldset li.bg-list { background:#e8d0a1; }
#form-booking select { margin-right:-3px; width:44px; }
#form-booking select#selectYear { width:59px; }
#form-booking input.text { width:146px; height:18px; text-indent:2px; z-index:2; border:none; color:#900; font:bold 11px "Trebuchet MS", Verdana; }
#form-booking input.submit { position:absolute; z-index:2; top:162px; left:12px; width:243px; height:34px; padding-bottom:3px; padding-left:50px; border:none; background:url(../images/bg-qbSubmit.png) no-repeat left top; font:bold 1em "Trebuchet MS", Verdana; color:#feeac7; cursor:pointer; }
#form-booking input.submit:hover { background-position:left bottom; }
#date-pick img { padding:0 0 0 2px; vertical-align:middle }

/*---- MainContent */ 
#maincontent { position:relative; z-index:1; width:610px; float:left; margin:20px 0 0 0; padding:0 0 0 20px; overflow:hidden; }
#maincontent p { padding:10px 0 0 0; font-size:1em; line-height:1.6; color:#553834; }
#maincontent p a, #maincontent p a:visited, #maincontent blockquote a, #maincontent blockquote a:visited,
#maincontent ul.inner-list a, #maincontent ul.inner-list a:visited { color:#b57700; text-decoration:none; border-bottom:dotted 1px #b57700; }
#maincontent p a:hover, #maincontent blockquote a:hover, #maincontent ul.inner-list a:hover { border-bottom-style:solid; }
#maincontent p.callToAction { display:block; line-height:28px; overflow:hidden; zoom:1; }
#maincontent .callToAction span { display:block; float:left; height:28px; padding-right:13px; background:url(../images/bg-callToAction_right.png) no-repeat right top; }
#maincontent span.red { display:inline; float:none; height:0; padding:0; background:none; color:#f00; }
#maincontent .callToAction span:hover { background-position:right bottom; cursor:pointer; }
#maincontent p.callToAction a, #maincontent p.callToAction a:visited { display:block; float:left; height:28px; line-height:28px;  padding:0 0 0 6px;font-weight:bold; text-transform:uppercase; color:#feeac7; background:url(../images/bg-callToAction_left.png) repeat-x left top; text-decoration:none; text-transform:uppercase; border:none; cursor:pointer; }
#maincontent p.callToAction a:hover { background-position:left bottom; }
.home #maincontent img, .offers #maincontent img { float:left; margin:20px 10px 0 0; border:solid 1px #553834; padding:4px; background:#fff8eb; }
.offers #maincontent img { margin:15px 20px 10px 0; }
#maincontent ul { float:left; margin:24px 0 0 0; padding:0 12px; }
.inner #maincontent ul, .offers #maincontent ul, .gallery #maincontent ul { margin:15px 0 0 0; padding-left:5px; }
#maincontent li { margin:3px 0; padding:0 0 0 22px; font-style:italic; line-height:22px; background:url(../images/ui-gfx-bullets.png) no-repeat left top;  }
#form-richieste li { margin:0; background:none;  }
#maincontent ul.list-col2 { border-left:dotted 1px #b16000; }

#maincontent blockquote { width:590px; margin:30px 0; padding:0 0 10px; background:#f0d9ae url(../images/bq-close.png) no-repeat right bottom; }
#maincontent blockquote p { padding:5px 20px 10px 36px; font-style:italic; }

/*---- FORM Richiesta Disponibiltà */
#form-richieste-outer { margin:20px 0; padding-bottom:8px; border:dotted 1px #553834; border-top:none; background:#f0d9ae; width:590px; }
#form-richieste legend { font:bold italic 1.1em "Lucida Sans", Trebuchet MS, sans-serif; position:relative; line-height:1.8; background:#9d9058; color:#feeac7; display:table-row; width:100%; }
#form-richieste label { float:left; width:150px; 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.5; padding:5px 0; }
#form-richieste fieldset.submit { float:none; width:auto; margin-left:187px; }
#form-richieste fieldset.submit p { font-size:0.8em; padding:0 20px 0 0; }
#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, #maintext .red { color:#f00 }
#form-richieste li em { font-size:0.7em; line-height:0.3 }
#form-richieste input#privacy { float:left; }
#form-richieste p.autorizzo { width:350px; padding:0; float:left; font-size:0.8em; }
#form-richieste label.error { color:#900; font:italic 0.9em "Trebuchet MS", Verdana; margin-left:5px; background: url('../images/cancel.png') no-repeat left; padding-left:18px; text-align:left; width:100px; float:none }
#form-richieste input.submit { background:#553733; padding:6px 8px; margin:15px 6px 5px 0; border:none; color:#fff; cursor:pointer; font:bold 0.95em "Trebuchet MS", Verdana; border:solid 1px #553733; }
#form-richieste input.submit:hover { background:#b57700; }

/*---- MiniGallery Interna */
#maincontent ul.mini-gallery { width:570px; margin:10px 0 20px; padding:13px 0 6px 20px; background:#f0d9ae; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; overflow:hidden; }
#maincontent ul.mini-gallery li { position:relative; float:left; margin:0 10px 8px; padding:5px; width:107px; height:95px; background:#feeac7; }
#maincontent ul.mini-gallery img, .gallery #maincontent .content-list li img { border:solid 1px #553834; }

/*---- Pagina Elenco Offerte */
.offers #maincontent ul.content-list li { position:relative; width:570px; height:146px; margin-bottom:50px; font-style:normal; background:#f0d9ae; }
.offers #maincontent ul.content-list li p { color:#553834; padding:10px 35px 10px 125px; }
.offers #maincontent ul.content-list li img { position:absolute; margin-top:0; left:15px; top:15px; padding:5px; background:#feeac7; /*border:solid 1px #553834;*/ }
.offers #maincontent ul.content-list li a.linkOfferta { display:block; position:absolute; width:177px; height:39px; top:128px; right:20px; background:url(../images/bg-linkOfferta.png) no-repeat; color:#fde3b0; font-weight:bold; line-height:2.5; text-decoration:none; text-indent:12px; border:none; }
.offers #maincontent ul.content-list li a.linkOfferta:hover { background-position:left bottom; }

/*---- Pagina Galleria Fotografica */
.gallery #maincontent .content-list { margin-top:20px; }
.gallery #maincontent .content-list ul { margin:8px 0 30px; padding:18px 0 0 12px; width:570px; background:#f0d9ae; overflow:hidden; }
.gallery #maincontent .content-list li { position:relative; float:left; width:108px; height:108px; background:#feeac7; margin:0 8px 18px 12px; padding:5px; display:inline; }

/*---- BOX Banners */
#boxServizi { position:relative; overflow:hidden; }
#boxPartners { position:relative; margin:42px 0 0 0; width:609px; height:88px; background:url(../images/bg-boxPartners.png) no-repeat; clear:both; overflow:hidden; }
#boxPartners.en { background:url(../images/bg-boxPartners-EN.png) no-repeat; }
#boxPartners ul { float:none; margin:-68px 0 0 170px; padding:0; display:block; overflow:hidden; }
#boxPartners ul li { float:left; width:210px; margin:0 0 0 5px; padding:0; background:none; display:inline; }
#boxPartners p { font-size:0.85em; padding:5px 0 0 0; font-style:normal; color:#feeac7; line-height:1.3;  }
#boxPartners img { float:left; margin:0 10px 0 0; padding:0; border:none; }

/*
===========
SIDEBAR 
===========
*/
#sidebar { position:relative; z-index:1; float:right; margin:20px 0 0 0; }
.sidebar-col { width:306px; padding:0 0 0 4px; }
#box-offerte, #box-smallGroups, #box-location { position:relative; z-index:1; width:300px; overflow:hidden; }

/*---- Box Offerte */ 
#box-offerte { background:url(../images/bg-boxOfferte.png) repeat-y left top; }
#box-offerte ul { margin:6px 0 0 0; padding-bottom:4px }
#box-offerte li { line-height:44px; background:url(../images/bg-listOffers.png) no-repeat; margin:0 0 4px 10px; overflow:hidden; height:1%; }
#box-offerte li a { display:block; height:26px; line-height:26px; color:#b16000; font-size:1.1em; font-style:italic; padding:8px 0 8px 2px; margin:0 16px 0 32px; font-weight:bold; text-transform:uppercase; }
#box-offerte li a:hover { color:#9d9058; }

/*---- Box SmallGroups */ 
#box-smallGroups { margin-top:25px; background:url(../images/bg-smallGroups.png) repeat-y left top; }
#box-smallGroups ul { margin-top:8px; padding-left:10px; }
#box-smallGroups li { height:83px; padding:0 22px; margin-bottom:2px; background:url(../images/bg-smallGroupsList.png) no-repeat;  }
#box-smallGroups p { font-style:italic; font-weight:bold; color:#553834; padding-right:5px; line-height:1.2; }

/*---- Box Location */ 
#box-location-outer { position:relative; z-index:1; padding:0 0 40px 0; }
#box-location { position:relative; z-index:1; margin-top:25px; background:#c6985b; }
#box-location ul { margin:0 11px 8px; padding:2px 0 5px 0; background:#fde3b0 url(../images/bg-bottomBoxLocation.png) no-repeat left bottom; }
#box-location li { height:38px; margin:0 0 3px 0; padding:4px 0 0 46px; background:url(../images/bg-locationList.png) no-repeat 6px top;  }
#box-location p { font-style:italic; font-weight:bold; color:#feeac7; }
#box-location-outer em { display:block; position:absolute; z-index:3; width:84px; height:72px; bottom:5px; right:0; background:url(../images/bussola.png) no-repeat; text-indent:-999em; }


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

#footer	{ position:relative; z-index:1; clear:both; margin:50px 0 0 0; color:#fff5e0; background:#b8623d url(../images/bg-footer.png) repeat-x left top; width:100%; display:table; min-width:1002px; }
#footer a.linkTop { position:absolute; z-index:3; display:block; top:29px; left:245px; width:26px; height:26px; background:url(../images/bg-top.png) no-repeat; text-indent:-999em; border:none; }
#footer a.linkTop:hover { background-position:left bottom; }
#footer-inner { position:relative; z-index:1; margin-top:26px; overflow:hidden; }
#footer-inner .col { position:relative; z-index:1; float:left; margin:0 35px 0 0; width:288px; display:inline; }
#footer-inner .last { margin-right:0; }
#footer-inner .col ul { margin:-18px 0 0 24px; }
#footer-inner .col ul li { line-height:1.7;  }
#footer-inner .col ul li.focus { line-height:22px; width:234px; height:22px; margin:6px 0; text-indent:32px; background:url(../images/ui-gfx-bullets.png) no-repeat left -22px; }
#footer-inner .col ul li.mail { line-height:22px; width:225px; height:22px; margin:10px 10px 0 0; padding:3px 0 0 0; text-indent:20px; border-top:dotted 1px #fff; background:url(../images/ui-gfx2.png) no-repeat left 8px;  }
#footer-inner .col ul li.sitemap { line-height:22px; height:22px; text-indent:20px; background:url(../images/ui-gfx2.png) no-repeat left -15px;   }
#footer-inner ul, #footer-inner .vcard { font-family:"Trebuchet MS", Verdana, sans-serif; }
#footer-inner .vcard { margin:-18px 0 0 0; padding:0 0 0 24px; font-style:italic; line-height:1.7; }
#footer-inner .vcard .adr { margin-bottom:12px; }
#footer-inner .last ul { margin:0 0 0 24px; }
#footer-inner .last li { display:inline;}
#footer-inner .fn { font-weight:bold; }
#footer-inner big { display:block; background:#ffc346; color:#553834; margin:14px 12px 0 20px; padding:3px 3px 3px 5px; }
#footer-inner small { display:block; font-style:italic; font-size:0.9em; margin:4px 12px 0 24px; }
#footer-inner .col small a { color:#ffc346; }
#footer-inner .col small a:hover { color:#fff; }
#footer #credits { margin-top:12px; height:44px; font:bold italic 1em "Lucida Sans", Trebuchet MS, sans-serif; line-height:44px; background:url(../images/bg-credits.png) repeat-x; color:#a35b3b; text-align:center; clear:both; }



/* =VARI 
**********************************************/
.over { cursor:pointer; }
#tooltip{ position:absolute; width:200px; border:1px solid #5e573b; font-size:0.9em; background:#e7d583 url(../images/tooltip-arrow.png) no-repeat; padding:6px 6px 6px 8px; color:#333; display:none; z-index:10; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }	
#boxServizi img:hover, #boxPartners img:hover, #maincontent ul.mini-gallery li:hover, #maincontent .content-list li:hover, 
#maincontent ul.content-list li img:hover { background:#fdd27d; }
#mappa iframe { width:560px; border:solid 1px #fff; margin:15px 0 12px 14px; }