@font-face {font-family:  "BitStream vera Sans"; src: url("fonts/Vera.ttf")}
@font-face {font-family:  "Myriad Pro"; src: url("fonts/MyriadPro-Regular.html")}
/****** reset *****/
html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, a, em, font, img, strong, i, center, 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-size: 100%;vertical-align: baseline;background: transparent;}
body {line-height: 1;font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;font-size: 14px;}
ol, ul {list-style: none;}
:focus {outline: 0;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;border-spacing: 0;}
/***** tips ****/
a{white-space:nowrap;}
/*html{overflow:-moz-scrollbars-vertical;}*/
textarea{overflow:auto;}
a:active, a:focus{outline:none;}
/*** classi generiche ***/
li.active, a.active{}
div.clear{ clear: both; }
img.left{float: left;margin-right: 10px;}
img.right{ float: right;margin-left: 10px;}
img.center{	margin-right: auto;	margin-left: auto;}
/*** icone per i link ***/
a[href$='.doc'], a[href$='.rtf'] {padding: 5px 20px 5px 0;background: transparent url(icons/icon_doc.gif) no-repeat center right;}
a[href$='.rss'], a[href$='.atom'] {padding: 5px 20px 5px 0;background: transparent url(icons/icon_feed.gif) no-repeat center right;}
a[href$='.pdf'] {padding: 5px 20px 5px 0;background: transparent url(icons/icon_pdf.gif) no-repeat center right;}
a.en[href$='.pdf'] {padding: 0;background: transparent none;}
a[href ^="mailto:"] {padding: 5px 20px 5px 0;background: transparent url(icons/icon_mailto.gif) no-repeat center right;}
/***********************************
regole per i messaggi su richiesta 
***********************************/
.help-message{ display: block !important; display: none; /* IE6 e inferiori */ float: left; position: relative; left:453px; top:-10px; width: 16px; height: 16px; margin: 3px 0 0 5px; background-image: url(immagini/info.png); }
.help-message.risto {top: -18px;}
.help-message em{position:absolute;left:-9999px;min-width:200px;padding:7px;color:#333;font: normal normal 11px/1.7 Arial, sans-serif;text-align:left;
background-image:url(immagini/trasp-white.png);border: 2px solid #6f7c88;z-index:100;}
.help-message em strong.red{color: #064e92;}
.help-message:hover em{left:-218px;top:2px;z-index:100;}

/*** layout ***/
div#wrapper{position: relative;margin-right: auto;margin-left: auto;width:900px;height: auto;z-index:0;}
div#container{position: relative;width:900px;margin-right:auto;margin-left:auto;height:700px;text-align:center;top:30px;padding-top:8px;background-image:url(immagini/bkg-container.jpg);}
div#header{height:80px;width:100%;margin:16px auto auto auto;position:relative;}

div#logo{position: absolute;height:129px;width:200px;left:60px;top:20px;}
div#logo h1{ width:100%; height: 100%; background-image: url(immagini/logo.jpg);}
div#logo h1 span{ width:100%; height: 100%; position:relative; z-index:-1;}

div#flag{position:absolute;width:66px;height:11px;top:26px;right:12px;z-index:100;}
div#flag a{display:inline-block;margin-left:8px;}
/*************
menu superiore
**************/
div#navbar{height:38px;width:526px;position:absolute;margin-right:auto;margin-left:auto;color:#ddd;bottom:0px;right:10px;background-image:url(immagini/bg-navbar-div.jpg);
background-repeat:no-repeat;background-position:bottom;}
div#navbar ul{width: 510px;position: relative;left: 0px;}
div#navbar ul li{float:left;height:23px;width: 84px;margin-right:1px;background-position: 0px 0px;background-color:#666;}
div#navbar ul li:hover{background-position: 0px 23px;background-color: #999999;}
div#navbar ul li a{display: block;font:12px/23px "Book Antiqua", Verdana, Arial, sans-serif;color:#FFF;text-shadow:1px 1px 1px #000;text-decoration:none;}
div#navbar ul li a:hover{color:#FC0;}
div#navbar ul li a.active{color:#FC0;}
div#navbar ul li#home{background-image:url(immagini/nav-home.jpg);}
div#navbar ul li#locanda{background-image:url(immagini/nav-locanda.jpg);}
div#navbar ul li#ristorante{background-image:url(immagini/nav-ristorante.jpg);}
div#navbar ul li#negozio{background-image:url(immagini/nav-negozio.jpg);}
div#navbar ul li#eventi{background-image:url(immagini/nav-eventi.jpg);}
div#navbar ul li#contatti{background-image:url(immagini/nav-contatti.jpg);}

/***************************
contenitore parte sinistra
**************************/
div#content-left{float:left;width:311px;margin-left:28px;margin-top:10px;height:554px;}
div#testo-fisso{height:112px;}
div#foto-antica{height:432px;margin-top:7px;background-image:url(immagini/cornice.jpg);position:relative;}

/************************
contenitore parte destra
*************************/
div#content{width:508px;height:546px;position:relative;margin:10px 28px auto 6px;float:right;background-image:url(immagini/bkg-content.jpg);background-color:#2B2B2B;}

/********************
contanitore foto dx
*********************/
div#slide-container{height:178px;width:450px;margin:29px auto;background-color:#2B2B2B;background-image:url(immagini/piazza-pleb.jpg);}
div#slide-container.soldo{background-image: url(immagini/soldodicacio.jpg);}
div#slide-container.locanda{background-image: url(immagini/locanda.jpg);}
div#slide-container.ristorante{background-image: url(immagini/ristorante.jpg);}
div#slide-container.mappa{height:206px;margin-bottom:15px;margin-top:15px;}
/**************************
contenitore testo parte dx
***************************/
div#descrizione{ }

/**********************
mini gallery inferiore
**********************/
div#descrizione ul{position: absolute;left:311px;top:264px;}
div#descrizione ul.locanda{left:28px;width:490px}
div#descrizione ul.negozio{left:0px;width:490px}
div#descrizione ul.negozio li{float:right}
div#descrizione ul.ristorante{left:28px; width:490px}
div#descrizione ul li{float:left;margin-right:4px;background-position: 0px 0px;background-color:#1D1D1D;}
div#descrizione ul li:hover{background-color: #A3A3A3;}

/**********************
sotto menu piccolo
**********************/
div#descrizione ul li#menu{width:63px;background-image:url(immagini/cont-menu.jpg);height:15px;}
div#descrizione ul li#tour{width:63px;background-image:url(immagini/cont-menu.jpg);height:15px;}
div#descrizione ul li#vini,div#descrizione ul li#dove, div#descrizione ul li#segnalato{width:101px;height:15px;background-image:url(immagini/cont-vini.jpg);}
div#descrizione ul li#ingresso{width: 111px;height:15px;background-image:url(immagini/cont-ingresso.jpg);}
div#descrizione ul li:hover{background-position:0px 15px;}
div#descrizione ul li a{font: 10px/15px "Century Gothic", Verdana, Arial, sans-serif;text-decoration:none;color: #FC0;display:block;}
div#descrizione ul li a:hover{color:#333;}

/************************
titoli image replacement
*************************/
div#descrizione h2{width:100%;height:29px;color:#232323;background-color:#CCC;line-height:29px;font-size:14px;}
div#descrizione h2.locanda{background-image: url(immagini/cont-locanda.jpg);}
div#descrizione h2.ristorante{background-image: url(immagini/cont-ristorante.jpg);}
div#descrizione h2.negozio{background-image: url(immagini/cont-negozio.jpg);}
div#descrizione h2.eventi{background-image: url(immagini/cont-eventi.jpg);}
div#descrizione h2.cont{background-image: url(immagini/cont-contatti.jpg);}

div#descrizione h2.inn{background-image: url(immagini/cont-inn.jpg);}
div#descrizione h2.restaurant{background-image: url(immagini/cont-restaurant.jpg);}
div#descrizione h2.shop{background-image: url(immagini/cont-shop.jpg);}
div#descrizione h2.events{background-image: url(immagini/cont-events.jpg);}
div#descrizione h2.contacts{background-image: url(immagini/cont-contacts.jpg);}

div#descrizione h2.de-inn{background-image: url(immagini/cont-de-inn.jpg);}
div#descrizione h2.de-restaurant{background-image: url(immagini/cont-de-restaurant.jpg);}
div#descrizione h2.de-shop{background-image: url(immagini/cont-de-shop.jpg);}
div#descrizione h2.de-events{background-image: url(immagini/cont-de-events.jpg);}
div#descrizione h2.de-contacts{background-image: url(immagini/cont-de-contacts.jpg);}

div#descrizione h3{color:#EDB601;font-size:12px;margin-bottom:-18px;text-align:left;padding-left:30px;margin-top:20px;text-shadow: 1px 1px 1px #000;}
div#descrizione img.logo{position:absolute;top:403px;left:340px;}
div#descrizione img.logo-de{position:absolute;top:188px;left:340px;}

div#descrizione p{margin-top:24px;color: #ddd;font: 12px/1.6em "BitStream vera Sans", Verdana, Arial, sans-serif;text-align:justify;padding-right:29px;padding-left: 29px;
text-shadow:/*1px 1px 1px #000*/none;}
div#descrizione p.locanda{margin-bottom:-10px;line-height:1.5em;}
div#descrizione p.de{line-height:1.4em;}
div#descrizione p.de-negozio{position:absolute; top:190px; left:0px;}
div#descrizione p.contact{font-size:11px;line-height:1.5em;text-align:left;}
div#descrizione p a{color:#EDB307;font:bold 11px "BitStream vera Sans", Verdana, Arial, Helvetica, sans-serif;text-decoration:none;}
div#descrizione p a:hover{color:#999;}

div#descrizione dl{ margin-top:10px; }
div#descrizione dt{font:bold 11px/1.3em "BitStream vera Sans", Tahoma, Geneva, sans-serif; text-align: left; margin-left:28px;color:#FC0;}
div#descrizione dd{font: 11px/1.2em "BitStream vera Sans", Tahoma, Geneva, sans-serif; color:#CCC; text-align:justify; margin:4px 28px 10px;}
div#descrizione dd a{ color: #F90; font-weight: bold; text-decoration: none; padding-right: 1px; padding-left: 1px; }
div#descrizione dd a:hover{ color: #FFF; }

a.eventi{position:relative;left:220px;top:-18px;display:block;height:16px;width:16px;}
a.eventi#inf{position:absolute;left:442px;top:517px;}

div#gallery{min-height:62px;text-align:center;padding-left:30px;position:absolute;top:470px;z-index:10;}
div#gallery.camere{top: 400px;}
div#gallery img{margin-right: 33px;height:60px;width:60px;position:relative;z-index:-10;float:left;border:1px solid #FFF;}
div#gallery.camere img{margin-bottom: 8px;}

div.tariffe{ position:absolute; width:63px; height:16px;top:1px; right:1px; }
div.tariffe a{color:#FFCC00; font-size:11px; text-decoration:none; line-height:16px; display:block; background:url(immagini/cont-menu.jpg); background-repeat:no-repeat;}
div.tariffe a:hover{background-position: 0px -16px; color:#222;}


/**************************
galleria fotografica camere
***************************/
div#gallery.camere{}
div#gallery img:hover{ border: 1px solid #000; }
div#gallery img a{color:#FFF;}

div.miniature{
	position: relative;
	height: 62px;
	padding-left: 12px;
	padding-right: 12px;
}
div.miniature#ingresso{
	position: relative;
	height: 140px;
	width:300px;
	margin-left:auto;
	margin-right:auto;

}
h3.miniature{
	color: #FC0;
	margin-top: 30px;
	margin-bottom: 17px;
	background-color: #222;
	border-bottom:solid 1px #343434;
	border-top:solid 1px #343434;
	padding: 2px 0px;
	position: relative;
}
p.ingresso{margin-bottom:30px; font: normal 12px/1.4em Verdana, Geneva, sans-serif; color:#CCC;}
/*************
img serrature
*************/
span.miniature1, span.miniature2, span.miniature3, span.miniature4{
	position: absolute;
	height: 60px;
	width: 22px;
	top: 36px;
	left: 243px;
	background-image: url(immagini/serratura.png);
	background-repeat: no-repeat;
	color: #FCC000;
	font-size: 9px;
	padding-top: 20px;
	z-index: 10;
}


/*************************************
miniature a sinistra della serratura
*************************************/
div.miniature img{
	margin-right: 12px;
	height: 60px;
	width: 60px;
	position: relative;
	float: left;
	border: 1px solid #FFF;
}
div.miniature#ingresso img{margin-bottom: 12px;}
/*************************************
miniature a destra della serratura
*************************************/
div.miniature img.dx{
	margin-left: 12px;
	margin-right:auto;
	height: 60px;
	width: 60px;
	position: relative;
	float: right;
	border: 1px solid #FFF;
}
div.miniature img:hover{ border: 1px solid #000000; }

div.miniature a{color:#FFF; font-size:10px;}

/*********************************************
pulsante come arrivare nella pagina contatti
*********************************************/
div#dove-siamo{
	position: absolute;
	height: 44px;
	width: 184px;
	left: 300px;
	top: 290px;
}
div#dove-siamo a{
	display: inline-block;
	font-size:12px;
	height: 44px;
	width: 87px;
	line-height: 21px;
	margin-right:2px;
	text-decoration: none;
	color: #CCCCCC;
	font-weight: bold;
	background-image: url(immagini/btn-luoghi-dove.jpg);
	background-position: 0px 0px;
	background-repeat:no-repeat;
	text-shadow: 1px 1px 1px #000;
}
div#dove-siamo a:hover{color: #FFCC00;background-position: 0px -44px;}
div#footer{
	position: relative;
	width: 844px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	top: 15px;
	height: 14px;
}
div#footer p{font:10px/1.6em Arial, Helvetica, sans-serif;position: relative;width: 504px;left: 338px;color: #444;}
div#footer p strong{font-weight:bold; font-size:11px;}
div#footer p a{color: #000;text-decoration: underline;}
div#footer p a:hover{color: #333;text-decoration: none;}
div#footer ul.w3c{
	position: absolute;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	width: 159px;
	left: 6px;
	top: 2px;
	height: 13px;
}
div#footer ul.w3c li{
	width: auto;
	float: left;
	height: 11px;
	margin-right: 6px;
	background-color: #E4E4E4;
	padding-right: 4px;
	padding-left: 4px;
	text-align: center;
	border: 1px solid #ccc;
}
div#footer ul.w3c li:hover{
	border-color: #3F5372;
	background-color: #D8D8D8;
}
div#footer ul.w3c li a{
	display: block;
	text-decoration: none;
	line-height: 11px;
	color: #96A4AF;
	width: 100%;
	height: 11px;
}div#footer ul.w3c li a:hover{
	background-position: 0 12px;
	background-color: transparent;
	color: #3F5372;

}

/*************
form contatti
*************/
fieldset.pren{border:0px solid;margin:0;padding:0}
fieldset.pren input, textarea{
	width:51%;
	background-color: #CCCCCC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	text-transform: capitalize;
	border: 1px solid #2C2C2C;
	height: 18px;
	font-size: 11px;
	padding-top: 1px;
	padding-left: 2px;
	padding-bottom: 1px;
}
fieldset.pren input{height: 14px;}
fieldset.pren textarea{height: 70px;font-size: 11px;}
fieldset.pren input:focus, fieldset.pren textarea:focus {
	border: 1px solid #000000;
	background-color: #fffffe;
	color: #000000;
}
form.cont{
	width: 450px;
	min-width:300px;
	font-size: 14px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 12px;
	background-color: #3A3A3A;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666666;
}
form.cont div{
	padding: 5px 0;
	color: #FFFFFF;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #666666;
}
form.cont div:hover{ background-color: #3C3C3C; }
form.cont label{
	float: left;
	width: 33%;
	line-height: 23px;
	padding-right: 2%;
	text-align:right;
	font-size: 12px;
}
div.form-button input{
	margin-left:-12px;
	color: #FFCC00;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	height: 17px;
	background-image: url(immagini/invia.png);
	background-repeat: no-repeat;
	width: 64px;
	background-position: 0px 0px;
	line-height: 17px;
	background-color: #3A3A3A;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding: 0px;
}
div.form-button input:hover{background-position: 0px -17px;}

/* logo ospitalità italiana */
.osp-ita{float:left;margin-top:-30px}

/*** partners ****/
div#partners { position: absolute; left: 250px; top: 684px; height: 27px; width: 96px; background-image: url(immagini/partners.html); 
}
div#partners a{ color: #FF9900; color: #768998; text-decoration: none; display: block; height: 19px; width: 89px; text-align: center; line-height: 19px; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; }
div#partners a:hover{ color: #FF9900; color: #2C3E58; }