html{ background-image:url(imgtema/sfond.png)}

.jimgMenu {
	position: absolute;
	top:50px;
	right:10px;
	width: 670px;
	height: 250px;
	overflow: hidden;
	margin-top: 25px;
	margin-left:auto;
	margin-right:0px;
	z-index:100;
}

#head{
	position: absolute;
	margin:0px;
	top:0px;	
	left:0px;
	right:0px;
	min-width:1213px;
    height:	152px;
	background-image:url(imgtema/head_bg_center.jpg);
}

#titimg{
	position: relative;
	margin:auto;
	top:30px;	
	width:467px;
    height:	112px;
	background-image:url(imgtema/tit7cop.png);
}

#striscia-up{
	position: absolute;
	margin:0px;
	top:152px;	
	left:0px;
	right:0px;
	min-width:1213px;
    height:	35px;
	background-image:url(imgtema/topmenu_bg.gif);
	background-repeat:repeat;
}

#striscia-med{
	position: absolute;
	margin:0px;
	top:187px;	
	left:0px;
	right:0px;
	min-width:1213px;
    height:	400px;
	background-image:url(imgtema/header_image_bg.gif);
	background-repeat:repeat;
}

#striscia-down{
	position: absolute;
	margin:0px;
	top:587px;	
	left:0px;
	right:0px;
	min-width:1213px;
    height:	8px;
	background-image:url(imgtema/header_line.gif);
	background-repeat:repeat;
}

#stemma{
	position: absolute;
	left:50px;
	top:115px;
	width:209px;
    height:	213px;
	background-image:url(imgtema/stemma2cop.jpg);
	z-index:100;
}

#striscia-mediana{
	position: absolute;
	margin:0px;
	top:187px;	
	left:0px;
	right:0px;
	min-width:1213px;
    height:	201px;
	background-image:url(imgtema/middle_bg.jpg);
	background-repeat:repeat;
}

#striscia-mediana-interno{
	position: relative;
	margin:auto;
	top:0px;
	width:960px;
    height:	201px;
	background-image:url(imgtema/middle_center_bg.jpg);
}

#striscia-conte{
	position: relative;
	margin:auto;
	top:-55px;	
	width:720px;
    height:	100px;
	z-index:1001;
}

#striscia-conte{
	position: relative;
	margin:auto;
	top:-55px;	
	width:755px;
    height:	100px;
	z-index:1001;
}

#striscia-conte-ele{
	position: relative;
	float:left;
	margin:auto;
	top:60px;	
	width:251px;
    height:	23px;
	background-image:url(imgtema/baners_top_shadow.png);
}

#striscia-conte-ele-div{
	position: relative;
	margin:auto;
	top:-54px;	
	width:228px;
    height:	73px;
	background-image:url(imgtema/thumb.php.jpg);
}

#striscia-conte-ele-div2{
	position: relative;
	margin:auto;
	top:-54px;	
	width:228px;
    height:	73px;
	background-image:url(imgtema/thumb.php2.jpg);
}

#striscia-conte-ele-div3{
	position: relative;
	margin:auto;
	top:-54px;	
	width:228px;
    height:	73px;
	background-image:url(imgtema/thumb.php3.jpg);
}

.JournalStileTesto{
    font-family: 'JournalRegular','Times New Roman',Times,serif;
    line-height: 1em;
}

.MelbourneStileTesto {
    line-height: 1em;
    font-family: 'MelbourneRegular',Arial,sans-serif;
    font-weight: normal;
}

#prenotaonline{
	position: relative;
	float:left;
	margin:auto;
	top:57px;
	left:50px;	
	width:125px;
    height:	27px;
	background-image:url(imgtema/prenonita.png);
}

#ourrooms{
	position: relative;
	float:left;
	margin:auto;
	top:57px;
	left:175px;	
	width:144px;
    height:	33px;
	background-image:url(imgtema/viewroomita.png);
}

#specialoff{
	position: relative;
	float:left;
	margin:auto;
	top:57px;
	left:285px;	
	width:130px;
    height:	48px;
	background-image:url(imgtema/offspecit.png);
}

#contenitore{
	position: absolute;
	margin:0px;
	top:186px;	
	left:0px;
	right:0px;	
	min-width:1213px;
    height:	auto;
	background-image:url(imgtema/sfond.png);
	background-repeat:repeat;
	
}

#contenitoreprincipale{
	position: relative;
	margin:auto;
	top:0px;	
	width:980px;
    height:	450px;
	border-width: 1px 1px 1px 1px;
	border-style: ridge;
	border-color: #999999 #999999 #999999 #999999;
	background-color:#FFF;

}

#strUp{
	position: relative;
	left:-35px;
	top:-1px;	
	width:1050px;
    height:	57px;
	background-image:url(imgtema/bg-topnav.png);
	z-index:102px;
}

#strBott{
	position: absolute;
	left:-35px;
	top:400px;	
	width:1050px;
    height:	57px;
	background-image:url(imgtema/bg-topnav%20-%20Copy.png);
}
#downstr{
	position: relative;
	left:auto;
	top:auto;	
	width:1050px;
    height:	3px;

}

#booklink{
	position: absolute;
	left:277px;
	top:95px;
	width:170px;
    height:	243px;
	background-image:url(imgtema/sfond.png);
	background-repeat:repeat;
	border:solid #999 1px;
	z-index:100;
}

#booklinkimg{
	position: relative;
	margin:auto;
	top:-1px;
	width:117px;
    height:	109px;
	background-image:url(imgtema/box_prenota_online.png);
}

.btm-imput-srch {
	font: 13px Arial;
	color:#666666;
    border: 1px solid #CCCCCC;
    margin: 0px;
    width: auto;
	height:20px;
	font-family: "Trebuchet", "Trebuchet MS";
}
.btm-imput-srch:hover{background-color:#09F; color:#FFF; cursor: pointer; cursor: hand;}

.select-imput-srch {
    font: 13px Arial;
	color:#666;
    border: 1px solid rgb(170, 170, 170);
	font-family: "Trebuchet", "Trebuchet MS";
}

ol,ul{list-style:none}

#slider ul li{margin:0;padding:0;opacity:0;position:absolute;top:360px;left:50px;z-index:100;
-o-animation-name:slides_animation;
-o-animation-duration:25s;
-o-animation-timing-function: linear;
-o-animation-iteration-count: infinite;
-o-animation-delay: 0;
-o-animation-play-state: running;
-o-animation-fill-mode: forwards;
-webkit-animation-name:slides_animation;
-webkit-animation-duration:25s;
-webkit-animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-webkit-animation-delay: 0;
-webkit-animation-play-state: running;
-webkit-animation-fill-mode: forwards;
-moz-animation-name:slides_animation;
-moz-animation-duration:25s;
-moz-animation-timing-function: linear;
-moz-animation-iteration-count: infinite;
-moz-animation-delay: 0;
-moz-animation-play-state: running;
-moz-animation-fill-mode: forwards;
animation-name:slides_animation;
animation-duration:25s;
animation-timing-function: linear;
animation-iteration-count: infinite;
animation-delay: 0;
animation-play-state: running;
animation-fill-mode: forwards;
}
#slider ul li:nth-child(2){-o-animation-delay:5s;-webkit-animation-delay:5s;-moz-animation-delay:5s;animation-delay:5s}
#slider ul li:nth-child(3){-o-animation-delay:10s;-webkit-animation-delay:10s;-moz-animation-delay:10s;animation-delay:10s}
#slider ul li:nth-child(4){-o-animation-delay:15s;-webkit-animation-delay:15s;-moz-animation-delay:15s;animation-delay:15s}
#slider ul li:nth-child(5){-o-animation-delay:20s;-webkit-animation-delay:20s;-moz-animation-delay:20s;animation-delay:20s}
#slider ul li img{display:inline-block}

/*animation css3*/
@-o-keyframes slides_animation{
   0%{opacity:0;}
   4%{opacity:1;}
   16%{opacity:1;}
   24%{opacity:0;}
   100%{opacity:0;}
}
@-webkit-keyframes slides_animation{
   0%{opacity:0;}
   4%{opacity:1;}
   16%{opacity:1;}
   24%{opacity:0;}
   100%{opacity:0;}
}

@-moz-keyframes slides_animation{
   0%{opacity:0;}
   4%{opacity:1;}
   16%{opacity:1;}
   24%{opacity:0;}
   100%{opacity:0;}
}

@keyframes slides_animation{
   0%{opacity:0;}
   4%{opacity:1;}
   16%{opacity:1;}
   24%{opacity:0;}
   100%{opacity:0;}
}

#bottom{
	position: relative;
	left:50px;
	top:27px;
	width:700px;
    height:	20px;
	font-family: "Trebuchet", "Trebuchet MS";
	color:#CCC;
	font-size:14px;
}

#uptxt{
	position: relative;
	margin:auto;
	top:10px;
	width:100px;
    height:	20px;
	font-family: "Trebuchet", "Trebuchet MS";
	color:#CCC;
	font-size:16px;
}

#Menu{
	position: relative;
	margin:auto;
	top:10px;
	width:1160px;
    height:	20px;
	font-family: "Trebuchet", "Trebuchet MS";
	color:#CCC;
	font-size:16px;
}

a{
	text-decoration:none;
	color:#999;
}
a:hover{ color:#F30; cursor: pointer; cursor: hand;}

#span{
	position:relative;
	float:left;
	padding-right:30px;
	}

#arrowup{
	position:absolute;
	top:7px;
	right:-50px;
	width:200px;
	height:24px;
	
	}
#arrow{
	position:absolute;
	top:0px;
	right:0px;
	background-image:url(imgtema/up.png);
	width:24px;
	height:24px;
	}
	
#arrowtxt{
	position:absolute;
	top:24px;
	right:-5px;
	width:auto;
	height:24px;
	font-family: "Trebuchet", "Trebuchet MS";
	color:#333;
	font-size:12px;
	}
	
#arrowupsin{
	position:absolute;
	top:7px;
	left:-230px;
	width:200px;
	height:24px;
	
	}
#ghirigori{
	position: absolute;
	left:0;
	top:0px;	
	width:364px;
    height:	400px;
	background-image:url(imgtema/ghirigori.png);
	opacity:0.2;
}

#ghirigorides{
	position: absolute;
	right:0;
	top:0px;	
	width:364px;
    height:	400px;
	background-image:url(imgtema/ghirigorides.png);
	opacity:0.2;
}

#ghirtxt{
	position: absolute;
	left:0px;
	bottom:0px;	
	height:381px;
    width:	428px;
	background-image:url(imgtema/ghirigoritestsin.png);
	opacity:0.3;
}

#face{
	position: absolute;
	right:134px;
	bottom:10px;	
	height:64px;
    width:	64px;
	background-image:url(imgtema/facebook_64x64.png);
	opacity:1;
}
#face:hover{ opacity:0.8; color:#F30; cursor: pointer; cursor: hand;}

#skype{
	position: absolute;
	right:70px;
	bottom:10px;	
	height:64px;
    width:	64px;
	background-image:url(imgtema/skype64x64.png);
	opacity:1;
}
#skype:hover{ opacity:0.8; color:#F30; cursor: pointer; cursor: hand;}

#youtube{
	position: absolute;
	right:200px;
	bottom:10px;	
	height:64px;
    width:	64px;
	background-image:url(imgtema/youtube.png);
	opacity:1;
}
#youtube:hover{ opacity:0.8; color:#F30; cursor: pointer; cursor: hand;}

#itaflag{
	position: absolute;
	left:100px;
	bottom:10px;	
	height:32px;
    width:	32px;
	background-image:url(imgtema/Italy-Flag.png);
	opacity:1;
}
#itaflag:hover{ opacity:0.8; color:#F30; cursor: pointer; cursor: hand;}

#fraflag{
	position: absolute;
	left:150px;
	bottom:10px;	
	height:32px;
    width:	32px;
	background-image:url(imgtema/france_flag.png);
	opacity:1;
}
#fraflag:hover{ opacity:0.8; color:#F30; cursor: pointer; cursor: hand;}

#engflag{
	position: absolute;
	left:200px;
	bottom:10px;	
	height:32px;
    width:	32px;
	background-image:url(imgtema/united-kingdom-flag-32x32.png);
	opacity:1;
}
#engflag:hover{ opacity:0.8; color:#F30; cursor: pointer; cursor: hand;}

#tedflag{
	position: absolute;
	left:250px;
	bottom:10px;	
	height:32px;
    width:	32px;
	background-image:url(imgtema/tedeskflag.png);
	opacity:1;
}
#tedflag:hover{ opacity:0.8; color:#F30; cursor: pointer; cursor: hand;}

#viamazztit{
	position: absolute;
	top: 60px;
	right:130px;	
	height:67px;
    width:	304px;
	background-image:url(imgtema/tit1.png);
}

#viamazztext{
	position: absolute;
	top:120px;
	right:10px;	
	height:auto;
    width:500px;
	font-family: "Trebuchet", "Trebuchet MS";
	color:#333;
	font-size:12px;
}

#tittxtcam{
	position: absolute;
	left:70px;
	top:45px;	
	height:61px;
    width:	151px;
	background-image:url(imgtema/camereita.png);
	z-index:100;
}

#tittxtcam2{
	position: absolute;
	left:20px;
	top:130px;	
	height:auto;
    width:	300px;
	font-family: "Trebuchet", "Trebuchet MS";
	color:#333;
	font-size:14px;
	z-index:100;
}

#video{
	position: absolute;
	left:260px;
	top:25px;	
  	height:370px;
    width:	auto;
	z-index:300;
	-moz-box-shadow: 0 0 25px #000;
	-webkit-box-shadow: 0 0 25px #000;
	box-shadow: 0 0 25px #000;
}

.hidden { display: none; }

.btm-imput-srch {
	font: 13px Arial;
	color:#333333;
    border: 1px solid #333;
    margin: 0px;
    width: auto;
	height:20px;
	font-family: "Trebuchet", "Trebuchet MS";
	background-color:#FFF;
}
.btm-imput-srch:hover{background-color:#09F; color:#FFF; cursor: pointer; cursor: hand;}