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

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


TABELLA CODICI COLORE

#341d12 (link header)
#86946d
#af6b42
#d4cfb1
#ecefda
#577e69
#383226 (testo principale)
#2f2f2f
#8f3a0b (link corpo testo)
#3d4842 (link fast contact)
#773007
#e8e0c0
#b9460e (Titoli h2,h3,...)
#d88b33
#d8d3ba	(Sfondo HighLight pacchetti)

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



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

body { font: normal 0.875em "Trebuchet MS",Arial, Verdana, sans-serif; margin:0; padding:0; background:url(../images/bg-body.gif) repeat center top; }

#container { position:relative; z-index:10; }

#wrapper { background:url(../images/bg-body-header.jpg) repeat-x; width:100%; display:table }

#outer-container { background:url(../images/bg-pitigliano.jpg) no-repeat center 69px; }

#content { padding:31px 0 53px; }

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

.red-highlight { color:#990000;	text-transform: uppercase; }

.clear { clear:both; }

#content_left .nota-bene, #content_left .claim { font-size:0.9em; color:#336600; border:dashed 1px #8f3a0b; padding:6px; }
#content_left .claim { font-size:1em; text-transform:uppercase; }

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

#mappa { width:425px; height:350px; border:solid 1px #336600; margin-bottom:20px; }
img#mappa { border:solid 1px #336600; float:left; margin:0 10px 15px 0; }


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

#header	{ position:relative; z-index:999; height:287px; }

#header h1, #header h1 a { display:block; width:354px; height:186px; }

#header h1 { background:url(../images/logo.png) no-repeat; position:absolute; top:75px; left:-100px; text-indent:-999em; }

#header h1 a:focus { outline:none; }

ul#flags { position:absolute; right:37px; padding-right:15px; }
ul#flags li { display: inline; color:#d4cfb1; margin-left:15px; line-height:1.8; }
ul#flags li img { margin-left:3px; vertical-align:middle;}
ul#flags li a, ul#flags li a:visited { text-decoration:underline; color:#ecefda; }
ul#flags li a:hover { text-decoration:none; }

ul#offerte { position:absolute; top:27px; left:456px; background:url(../images/bg-offerte-gruppi.gif) no-repeat center top; }
ul#offerte li { display: inline; color:#341d12; margin-left:15px; }
ul#offerte li a, ul#offerte li a:visited { padding:0 14px 9px 12px; text-decoration:none; font-weight:bold; color:#341d12; line-height:31px; }
ul#offerte li a:hover { text-decoration:underline; }
ul#offerte li.current a { background:url(../images/freccia-current-link.gif) no-repeat 53px 15px; color:#b9460e; }

ul#menu-servizio { position:absolute; top:27px; left:606px; width:304px; height:39px; background:url(../images/bg-menu-servizio.gif) no-repeat center top; }
ul#menu-servizio li { display: inline; color:#d4cfb1; margin-left:7px; }
ul#menu-servizio li a, ul#menu-servizio li a:visited { padding:0 0 10px 23px; text-decoration:none; color:#341d12; line-height:30px; }
ul#menu-servizio li a:hover { text-decoration:underline; }
ul#menu-servizio li.current a { background:url(../images/freccia-current-link.gif) no-repeat 50px 15px; color:#b9460e; }

#galleria-cornice { display:block; position:absolute; top:80px; right:36px; width:312px; height:340px; background:url(../images/bg-galleria.png) no-repeat; }
#galleria-foto	{ display:block; margin:23px 0 0 23px; position:relative; width:266px; height:247px; overflow:hidden; }
#galleria-foto img	{ position:absolute; top:0; /*display:none;*/ border:0; }
#galleria-cornice pre { display:none; }

#galleria-info { position:absolute; top:360px; right:36px; font-size:0.9em; color:#554e3f; width:285px; z-index:500; }
#galleria-info p { line-height:1.4; }
#galleria-info a { color:#c64607; position:relative; }
#galleria-info a:hover { text-decoration:none; }

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




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

ul#nav { position:absolute; top:314px; height:39px; font-size:1em; font-weight:bold; }

ul#nav li { float:left; padding-left:4px; background:url(../images/nav_li.gif) no-repeat left top; margin-right:4px;}

ul#nav a, ul#nav li a { display:block; padding:0 13px 2px 9px; line-height:37px; font-size:1em; text-decoration:none;
						color:#fff; background:url(../images/nav_a_current.gif) no-repeat right bottom; }
					
ul#nav li:hover, ul#nav li.current { background:url(../images/nav_li_current.gif) no-repeat left top; }
 
ul#nav li a:hover, ul#nav li.current a { background:url(../images/nav_a_current.gif) no-repeat right top; color:#422313;  }



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

#content h2	{ font:normal 2em "Georgia", Times New Roman, Times, serif; color:#b9460e;}
#content h3 { font:italic 1.3em "Georgia", Times New Roman, Times, serif; color:#b9460e; margin-bottom:1.2em; }
#content h4 { font-size:1em; font-weight:bold; color:#b9460e; text-transform:capitalize; margin-bottom:0.9em; }
#content-highlight h4 { margin-bottom:0.6em; }

#content_right h2, #footer h2 { font:bold italic 1.3em "Georgia", Times New Roman, Times, serif; }
#content_right #fast-contact h2 { color:#86482a; border-bottom:solid 1px #86482a; }

#content_right #gruppi h2, #content_right #last-minute h2 { color:#ede6d4; }

#footer h2 { font:bold italic 1.1em "Georgia", Times New Roman, Times, serif; color:#573110; }




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

#content { overflow:auto; padding-bottom:0px; }
#content strong { font-weight:bold; }
#content em { font-style:italic; }

#content_left { float:left; position:relative; width:530px; margin-top:110px;}
.indent { padding-left:9px; }

#content_left a	{ text-decoration:underline; color:#8f3a0b; }
#content_left a:hover { text-decoration: none; }

#content_left p, #content_left li { font-size:1em; line-height:1.6; margin-bottom:1.4em; color:#383226; }
#content_left #decoro { height:40px; background:url(../images/decoro-testo.gif) no-repeat center center; border:none; }
#content_left .decoro { height:40px; background:url(../images/decoro-testo.gif) no-repeat center center; border:none; }


#content-highlight, #content-highlight-inner { position:relative; margin:10px 0 30px; background-color:#d8d3ba; padding:12px 0 12px 20px; overflow:hidden; }
#content-highlight #colonna1, #content-highlight #colonna2 { float:left; width:224px; position:relative; margin:0; }
#content-highlight #colonna2 { border-left: solid 1px #ecefda; margin-left:16px; padding-left:16px; }
#content-highlight p { padding:0 0.3em; }
#content-highlight h4 a, #content-highlight h4 a:visited { display:block; font-size:1em; background:url(../images/freccia-verde.png) no-repeat left center; padding-left:14px; margin:1em 0 0 0.3em; text-decoration:none; color:#86482a; }
#content-highlight a, #content-highlight a:visited { color:#b9460e; }
#content-highlight a:hover { color:#b9460e; }

ul.menu-contestuale { margin:1em 0 0 0; padding-left:0px; color:#2d1908; }
ul.menu-contestuale li { line-height:1.4; background:url(../images/freccia-verde.png) no-repeat left center; padding-left:15px; }
ul.menu-contestuale li.sub-menu { background:none; list-style:circle; padding-left:1px; margin-top:-8px; margin-left:30px; font-style:italic; }


a.CallToAction { background:url(../images/freccia-verde.png) no-repeat left center; padding-left:15px; text-transform: uppercase; }
a.TornaSu { background:url(../images/freccia-torna-su.png) no-repeat 3px center; padding-left:15px; display:block; background-color:#cecbb4; border:solid 1px #717a6c; height:22px; }

.foto { margin:0; position:relative;}
.foto-interne { margin:0; position:relative; float:right;}
.foto img, foto-interne img { margin:9px 0 0 9px; position:relative;}
.foto span, foto-interne span { margin:0; width:224px; height:124px; position:absolute; background: url(../images/cornice-highlight.gif) no-repeat; }

#content_left.didascalia { float:right; }

/* TABELLA PREZZI */
table#tariffe, table#tariffe2 { width:480px; }
table#tariffe { margin-bottom:10px; }
table#tariffe th, table#tariffe2 th { color:#8f3a0b; text-align:left; width:33%; }
table#tariffe caption, table#tariffe2 caption { background-color:#336600; color:#f5f4f0; padding:2px 0; }


/* COLONNA DX */

#content_right { float:right; position:relative; width:304px; margin:140px 0 0 0; right:50px; padding:0; }

#fast-contact { background:url(../images/bg-fastcontact.jpg) no-repeat right top; padding:20px; }
#fast-contact ul#contatti { padding:12px 0 0 50px; font-size:1.1em; color:#2f2f2f; }
#fast-contact ul#contatti li { background:url(../images/bg-list-fastcontact.gif) no-repeat left top; line-height:31px; margin-bottom:15px; }
#fast-contact ul#contatti li span { padding-left:8px;}
#fast-contact ul#contatti li span.minimize { font-size:0.7em; color:#990000;}
#fast-contact ul#contatti li b { font:bold italic 1.1em "Georgia", Times New Roman, Times, serif;  }
#fast-contact ul#contatti li a, #fast-contact ul#contatti li a:visited { display:block; background:url(../images/bg-link-fastcontact.gif) no-repeat left bottom; text-decoration:none;  color:#f4f2ed; line-height:31px; margin-bottom:15px; padding-left:8px;  }
#fast-contact ul#contatti li a:hover {  background:url(../images/bg-link-fastcontact.gif) no-repeat left top; color:#2f2f2f; }
#fast-contact ul#contatti #voce-lista { margin-top:-9px;  }


#gruppi { background:url(../images/bg-gruppi.gif) no-repeat right top; padding:20px; }
#gruppi span { font-size:1.2em; }
#gruppi a, #gruppi a:visited { display:block; color:#3d4842; text-decoration:none; text-transform:uppercase; padding:10px 0 0 30px; }
#gruppi a:hover { color:#990000; }


#last-minute { background:url(../images/bg-lastminute.jpg) no-repeat right top; padding:15px 0 0 20px; margin-top:30px; height:142px; }
#last-minute ul { padding:12px 0 0 0px; font-size:1em; font-weight:bold; color:#2f2f2f; }
#last-minute ul li { background:url(../images/bg-list-lastminute.gif) no-repeat left top; line-height:25px; margin-bottom:15px; }
#last-minute ul li a, #last-minute ul li a:visited { display:block; text-decoration:none; color:#990000; line-height:25px; margin-bottom:15px; padding-left:30px; }
#last-minute ul li a:hover { text-decoration:underline; }




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

#footer	{ background:#bbb297 url(../images/bg-footer-wrap.jpg) repeat-x center top; position:relative; z-index:1; margin-top:100px; width:100%; display:table }

#footer-interno	{ background:url(../images/bg-footer.jpg) no-repeat -60px top; padding:60px 0 50px 0; position:relative; z-index:2; overflow:auto; }

#footer-interno #link, #footer-interno #partner, #footer-interno #address { background:url(../images/decoro-footer.gif) no-repeat left top; padding:36px 0 50px 40px; position:relative; z-index:2; overflow:auto; }

#footer-interno #address h2 { background:url(../images/logo-footer.gif) no-repeat left top; width:117px; height:26px; margin-top:-8px; text-indent:-999px; }

#footer-interno #link ul,
#footer-interno #partner ul,
#footer-interno #address p { margin:1em 0 0 0; padding-left:20px; color:#2d1908; }

#footer-interno #link ul li,
#footer-interno #partner ul li,
#footer-interno #address p { line-height:1.4; background:url(../images/freccina-lista-footer.png) no-repeat left 6px; padding-left:15px; }

#footer-interno #link ul li a, #footer-interno #link ul li a:visited,
#footer-interno #partner ul li a, #footer-interno #partner ul li a:visited,
#footer-interno #address a, #footer-interno #address a:visited { color:#2d1908; text-decoration:none; }

#footer-interno #link ul li a:hover,
#footer-interno #partner ul li a:hover,
#footer-interno #address a:hover { color:#b9460e; text-decoration:none; }

#footer-interno #address address { font:italic 1em "Trebuchet MS", Helvetica, sans-serif; border-top:dotted 1px #2d1908; padding:8px 0 0 15px; margin-top:8px; }
#footer-interno #address address a,
#footer-interno #address address a:visited,
#footer-interno #address span a,
#footer-interno #address span a:visited { color:#b9460e; text-decoration:none; }

#footer-interno #address address a:hover { text-decoration:underline; }

a.mail {background: url(../images/mail.gif) center left no-repeat; padding-left: 16px;}

.col { float:left; width:238px; position:relative; }
/*.col img { margin:7px 5px 15px 7px; border:0; }*/

#footer-interno #partner { width:270px; }