
@font-face {
	font-family: 'CaviarDreamsRegular';
	src: url('caviardreams-webfont.eot');
	src: local('☺'), url('caviardreams-webfont.woff') format('woff'), url('caviardreams-webfont.ttf') format('truetype'), url('caviardreams-webfont.svg#webfont4aQOQjNn') format('svg');
	font-weight: normal;
	font-style: normal;
} 
a {
	text-decoration:none;
	color: white;
	font-weight: bold;
}
a:hover {
	color:#D2BB33;
	font-weight: bold;
}
ul{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	width: 100%;
	text-align: center;
}
li{
	display: Inline;
	padding: 15px;
}
a img { border: 0; }
body {
	margin: 0px;
	height:100%;
	width:100%;
	background-image: url("immagini/sfondo.png");
	background-repeat: repeat;
	font-family: 'CaviarDreamsRegular';
	font-size: 15px;
}
#center {
	position:absolute;
	margin: 0 50%;
	left:-475px; 
	width:950px;
	height:675px;
	ba
}
#header {
	position: absolute;
	height: 135px;
	width: 361px;
	left: 291px;
	z-index: 2;
}
#header #ristorante {
	position: absolute;
	height: 30px;
	width: 134px;
	bottom: 43px;
	background: url("immagini/ristorante.png");
}
#header #logo {
	position: absolute;
	height: 117px;
	width: 100px;
	left: 134px;
	top: 18px;
	background: url("immagini/logo.png");
}
#header #bontempo {
	position: absolute;
	height: 48px;
	width: 127px;
	left: 234px;
	bottom: 22px;
	background: url("immagini/bontempo.png");
}
#center #menu {
	position: absolute;
	height: 180px;
	width: 825px;
	left: 62px;
	z-index: 1;
}
#menu #striscia1 {
	position: absolute;
	height: 46px;
	width: 825px;
}
#menu #striscia2 {
	position: absolute;
	height: 3px;
	width: 825px;
	top: 46px;
}
#menu #striscia3 {
	position: absolute;
	height: 23px;
	width: 825px;
	top: 49px;
	background-color:rgb(16,22,25);
	z-index:-1;
}
#menu #striscia4 {
	position: absolute;
	height: 20px;
	width: 825px;
	top: 72px;
	background-color:rgb(16,22,25);
}
#menu #striscia5 {
	position: absolute;
	height: 21px;
	width: 825px;
	top: 92px;
	background-color:rgb(16,22,25);
}
#menu #striscia6 {
	position: absolute;
	height: 22px;
	width: 825px;
	top: 113px;
	background-color:rgb(16,22,25);
}
#menu #striscia7 {
	position: absolute;
	height: 22px;
	width: 825px;
	top: 135px;
	background-color:rgb(16,22,25);
}
#menu #scritte_menu {
	position: absolute;
	height: 22px;
	width: 825px;
	top: 139px;
}
#menu #striscia8 {
	position: absolute;
	height: 23px;
	width: 825px;
	top: 157px;
	background-color:rgb(16,22,25);
}
#center #page {
	position: absolute;
	height: 433px;
	width: 825px;
	top: 113px;
	left: 62px;
	overflow:hidden;
}
#page #slide {
	position: absolute;
	top: 67px;
	height: 366px;
	width: 536px;
	z-index: 2;
	left: -500px;
}
#page #slidedx {
	position: absolute;
	top: 67px;
	height: 366px;
	width: 355px;
	left: 620px;
	z-index: 2;
}
#slide #video {
	position:absolute;
	width:400px;
	height: 300px;
	top: 33px;
	left: 50px;
}
#slide #sfondoslide {
	position:absolute;
	width:500px;
	height: 366px;
	background-color:rgb(238,213,183);
}
#slidedx #portate {
	position: absolute;
	height: 366px;
	left:35px;
	width: 170px;
	background-color:rgb(238,213,183);
}
div.port{
	height: 10px;
	width: 150px;
	margin-left: 10px;
	margin-right:10px;
	margin-top: 5px;
	margin-bottom: 5px;
	color: black;
	font-family: verdana, arial, sans-serif;
	font-size: 7.5pt;
	font-weight: bold;
	text-align: justify;
	cursor:pointer;
}

div.port:hover{
    color:red;
    font-weight: bold;
}
#page #foto {
	position: absolute;
	height: 433px;
	width: 825px;
}
#page #controller {
	position: absolute;
	height: 200px;
	width: 310px;
	left: 257px;
	bottom: 0px;
	z-index: 1;
}
#controller #frecciasu {
	position:absolute;
	height: 33px;
	width: 38px;
	top:26px;
	left: 136px;
}
#controller #scrittasu {
	position:absolute;
	height: 26px;
	width: 140px;
	left: 85px;
	text-align: center;
	font-weight: bold;
	color: white;
}
#controller #frecciadestra {
	position: absolute;
	height: 37px;
	width: 36px;
	left: 174px;
	top: 59px;
}
#controller #scrittadestra {
	position: absolute;
	height: 26px;
	width: 80px;
	top: 65px;
	right: 20px;
	text-align: center;
	font-weight: bold;
	color: white;
}
#controller #frecciagiu {
	position: absolute;
	height: 36px;
	width: 37px;
	left: 136px;
	top: 96px;
}
#controller #scrittagiu {
	position: absolute;
	height: 26px;
	width: 100px;
	top: 132px;
	left: 105px;
	text-align: center;
	font-weight: bold;
	color: white;
}
#controller #frecciasinistra {
	position: absolute;
	height: 39px;
	width: 36px;
	left: 100px;
	top: 59px;
}
#controller #scrittasinistra {
	position: absolute;
	height: 26px;
	width: 80px;
	left:20px;
	top: 65px;
	text-align: center;
	font-weight: bold;
	color: white;
}
#controller #centro {
	position: absolute;
	height: 37px;
	width: 38px;
	left: 136px;
	top: 59px;
	cursor:pointer;
}
#controller #scorridestra {
	position: absolute;
	height: 30px;
	width: 27px;
	right: 110px;
	bottom: 8px;
}
#controller #scorrisinistra {
	position: absolute;
	height: 30px;
	width: 28px;
	left: 110px;
	bottom: 8px;
}
#slide #laterale {
	position:absolute;
	height: 366px;
	left: 500px;
	width: 36px;
}
#laterale #laterale1 {
	position: absolute;
	height: 366px;
	width: 21px;
	background-color:rgb(16,22,25);
}
#laterale #laterale2 {
	position: absolute;
	height: 366px;
	width: 15px;
	left: 21px;
}
#laterale2 #laterale2-1 {
	position: absolute;
	height: 366px;
	width: 7px;
	background-color:rgb(16,22,25);
}
#laterale2-2 {
	position: absolute;
	height: 366px;
	width: 8px;
	left:7px;
	background-color:rgb(16,22,25);
}
#laterale #spot {
	position: absolute;
	height: 76px;
	width: 36px;
	top: 145px;
	z-index: 1;
	cursor:pointer;
	background-image: url("immagini/video_rosa.png");
}
#slidedx #lateraledx {
	position:absolute;
	top:0px;
	left:0px;
	height: 366px;
	width: 35px;
}
#lateraledx #lateraledx1 {
	position: absolute;
	height: 366px;
	width: 14px;
}
#lateraledx #lateraledx2 {
	position: absolute;
	left: 14px;
	height: 366px;
	width: 21px;
	background-color:rgb(16,22,25);
}
#lateraledx1 #lateraledx1-1 {
	position: absolute;
	height: 366px;
	width: 7px;
	background-color:rgb(16,22,25);
}
#lateraledx1 #lateraledx1-2 {
	position: absolute;
	height: 366px;
	width: 7px;
	left: 7px;
	background-color:rgb(16,22,25);
}
#lateraledx #specialita {
	position: absolute;
	height: 130px;
	width: 35px;
	top: 118px;
	z-index: 1;
	cursor:pointer;
	background-image: url("immagini/specialita.png");
}
#center #footer {
	position: absolute;
	height: 129px;
	width: 825px;
	left: 62px;
	top: 546px;
	z-index: 1;
}
#footer #testo {
	position: absolute;
	margin: 0 50%;
	height: 122px;
	width: 783px;
	left:-391px;
	top:3px;
	color: white;
	font-family: verdana, arial, sans-serif;
	font-size: 8pt;
	text-align: justify;
	z-index: 1;
}
#footer #footer1 {
	position: absolute;
	height: 54px;
	width: 825px;
	background-color:rgb(16,22,25);
}
#footer #footer2 {
	position: absolute;
	height: 20px;
	width: 825px;
	top: 54px;
	background-color:rgb(16,22,25);
}
#footer #footer3 {
	position: absolute;
	height: 20px;
	width: 825px;
	top: 74px;
}
#footer3 #striscia9 {
	position: absolute;
	height: 20px;
	width: 825px;
	background-color:rgb(16,22,25);
}
#footer3 #algo {
	position: absolute;
	height: 20px;
	width: 84px;
	z-index: 1;
	cursor:pointer;
}
#footer3 #fb {
	position: absolute;
	height: 20px;
	width: 84px;
	z-index: 1;
	left: 90px;
	cursor:pointer;
}
#footer3 #bandierina1 {
	position: absolute;
	margin: 0 50%;
	height: 20px;
	width: 43px;
	left: -43px;
	z-index: 1;
}
#footer3 #bandierina2 {
	position: absolute;
	margin: 0 50%;
	height: 20px;
	width: 45px;
	z-index: 1;
}
#footer3 #mn {
	position: absolute;
	height: 20px;
	width: 83px;
	left: 742px;
	z-index: 1;
	cursor:pointer;
}
#footer #footer4 {
	position: absolute;
	height: 35px;
	width: 825px;
	top: 94px;
}
#footer4 #piva {
	position: absolute;
	height: 35px;
	text-align:center;
	font-size: 12px;
	width:100%;
}
#page #fotoIn {
	position: absolute;
	height: 433px;
	width: 825px;
}
#page #googlemaps {
	position: absolute;
	top: 150px;
	left:52px;
	height: 300px;
	width: 400px;
}
#page #mappa{
	position: absolute;
	top: 165px;
	left:60px;
	height: 250px;
	width: 350px;
	z-index:1;
	border: 1px solid #CCC;
}
#page #piatto {
	position: absolute;
	top: 108px;
	left: 463px;
	height: 285px;
	width: 301px;
	background-image: url("immagini/piatto.png");
	z-index:1;
}
#page #comearrivare {
	position: absolute;
	top: 73px;
	left: 60px;
	height: 62px;
	width: 327px;
}
div.info{
	height: 18px;
	width: 350px;
	margin-top: 5px;
	margin-bottom: 5px;
	color: black;
	font-size: 8.5pt;
	text-align: justify;
}
#div1{
    font-weight: bold;
}
#page #notes {
	position: absolute;
	top: 71px;
	left: 104px;
	height: 358px;
	width: 669px;
	background-image: url("immagini/modulo.png");
}
#notes #modulo {
	position: absolute;
	top: 58px;
	left: 112px;
	height: 237px;
	width: 393px;
	z-index: 2;
}
#notes #invia {
	position: absolute;
	top: 58px;
	left: 112px;
	height: 237px;
	width: 393px;
	z-index: 1;
}
#modulo #conferma_prenotazione {
	position: absolute;
	top: 50px;
	height: 100px;
	width: 393px;
}
#modulo #modulonome {
	position: absolute;
	top: 26px;
	height: 30px;
	width: 151px;
	z-index: 1;
}
#modulo #modulocognome {
	position: absolute;
	top: 26px;
	left: 198px;
	height: 30px;
	width: 151px;
	z-index: 1;
}
#modulo #moduloemail {
	position: absolute;
	top: 56px;
	height: 32px;
	width: 151px;
	z-index: 1;
}
#modulo #modulotel {
	position: absolute;
	top: 56px;
	left: 198px;
	height: 32px;
	width: 151px;
	z-index: 1;
}
#modulo #modulogiorno {
	position: absolute;
	top: 126px;
	height: 34px;
	width: 151px;
	z-index: 1;
}
#modulo #moduloorario {
	position: absolute;
	top: 126px;
	left: 198px;
	height: 34px;
	width: 151px;
	z-index: 1;
}
#modulo #moduloposti {
	position: absolute;
	top: 160px;
	height: 30px;
	width: 151px;
	z-index: 1;
}
#modulo #modulotavoli {
	position: absolute;
	top: 160px;
	left: 198px;
	height: 30px;
	width: 151px;
	z-index: 1;
}
#modulo #modulocancella {
	position: absolute;
	top: 190px;
	left: 55px;
	height: 27px;
	width: 122px;
	z-index: 1;
}
#modulocancella #canc {
	position: absolute;
	top: 190px;
	height: 27px;
	width: 26px;
	z-index: 2;
	background-image: url("immagini/canc.png");
	cursor:pointer;
}
#cancella{
    cursor:pointer;
}
#cancella{
    cursor:pointer;
}
#avanti{
    cursor:pointer;
}
#modulo #moduloavanti {
	position: absolute;
	top: 190px;
	left: 198px;
	height: 27px;
	width: 83px;
	z-index: 1;
}
#moduloavanti #spunta {
	position: absolute;
	top: 190px;
	height: 27px;
	width: 33px;
	z-index: 2;
	background-image: url("immagini/spunta.png");
	cursor:pointer;
}
#modulo #modulocampiobbligatori {
	position: absolute;
	top: 217px;
	height: 21px;
	width: 151px;
	z-index: 1;
	color: black;
	font-family: verdana, arial, sans-serif;
	font-size: 6.5pt;
	font-weight: bold;
	text-align: justify;
}
#modulo #moduloivostridati {
	position: absolute;
	height: 26px;
	width: 80px;
	z-index: 1;
}
#modulo #modulolevostrepref {
	position: absolute;
	top: 88px;
	height: 38px;
	width: 151px;
	z-index: 1;
}
#modulo #submitnascosto {
	position: absolute;
	top: 88px;
	height: 38px;
	left: 198px;
	width: 151px;
	z-index: 1;
	visibility: hidden;
}
div.form{
	margin-left: 10px;
	margin-right:0px;
	margin-top: 2px;
	margin-bottom: 2px;
	color: black;
	font-size: 9pt;
	font-weight: bold;
	text-align: left;
}
input.form{
	margin-top: 2px;
	margin-bottom: 2px;
	width: 90px;
	color: black;
	font-size: 9pt;
}
label.form{
	margin-top: 2px;
	margin-bottom: 2px;
	width: 60px;
	color: black;
	font-size: 9pt;
}
#obbligatori{
    font-size: 8pt;
}

#footer4 .numeri{
   font-size: 10px;
}

.TA_certificateOfExcellence {
	float: right;
}
