@charset "UTF-8";
/* CSS Document */


*{ margin:0; padding:0; border:0}
html, body{ height:100%; background: #fff;}

#wraper{ width:900px; min-height:100%; height:auto !important; height:100%; margin: 0 auto -70px auto;}
#logo{ width:auto; height:auto; float:left}

#menu{ width:100%; height:auto; background:#fff; float:left; margin:60px 0 0 0}
.menu{ font: normal 15px "Trebuchet MS", Arial, Helvetica, sans-serif; width:100%; float:left;}
.menu ul{ padding: 8px 0 4px 0;}
.menu ul li{display: inline; list-style:none;}
.menu ul li a,
.menu ul li a:link,
.menu ul li a:active,
.menu ul li a:visited{ font: bold 15px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #000; padding: 3px 3px 0 3px; text-decoration: none; border-top: 5px solid #fff;}
.menu ul li a:hover{ color:#903; font:bold; border-top-color: #FFD200;}
.menu ul li a.off,
.menu ul li a.off:link,
.menu ul li a.off:active,
.menu ul li a.off:visited{ font: bold 15px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#903; font:bold; border-top-color: #FFD200;}

#menuTurismo{ float:right;}
#menuTurismo ul{ float:right;}
#menuTurismo ul li{ float:left; display:inline; list-style:none; margin:0 1px;}
#menuTurismo ul li img{}
#menuTurismo ul li a:hover img{filter: alpha(opacity=50); -khtml-opacity:.5; -moz-opacity:0.5; opacity: 0.5;}
#menuTurismo ul li a.off img,
#menuTurismo ul li a.off:link img,
#menuTurismo ul li a.off:active img,
#menuTurismo ul li a.off:visited img{filter: alpha(opacity=30); -khtml-opacity:.3; -moz-opacity:0.3; opacity: 0.3;}


#menuGallery{ width:100%; float:left;}
#menuGallery ul{ width:100%; float:left; text-align:center; margin:10px 0 20px 0; padding:10px 0; border-bottom:1px dotted #ccc; border-top:1px dotted #ccc}
#menuGallery ul li{ display:inline; list-style:none; padding:0 5px; margin:0}
#menuGallery ul li a,
#menuGallery ul li a:link,
#menuGallery ul li a:active,
#menuGallery ul li a:visited{ font: normal 14px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #08386E; text-decoration: none;}
#menuGallery ul li a:hover{ color: #830000;}
#menuGallery ul li a.off,
#menuGallery ul li a.off:link,
#menuGallery ul li a.off:active,
#menuGallery ul li a.off:visited{ font: normal 14px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #830000; text-decoration: none; }

#content{ width:100%; float:left; margin:200px 0 40px 0;}
#content #sx{ width:405px; float:left;}
#content #dx{ width:450px; float:right; margin:30px 0 0 0;}
#content #sxG{ width:405px; float:left;}
#content #dxG{ width:450px; float:right;}
*:first-child+html #content #sxG{ width:405px; float:left; margin:15px 0 0 0}
*:first-child+html #content #dxG{ width:450px; float:right; margin:15px 0 0 0;}
#content #dxInterna{ width:450px; float:right;}
#content #dxG p img{ float:right;}


#content #dx #news{ width:100%; float:left; margin:10px 0 0 0;}
#content #dx #news ul{ float:left; width:100%;}
#content #dx #news ul li{ display:inline; list-style:none; margin:0 0 20px 0; float:left; width:100%;}
#content #dx #news ul li h1{ width:100%; font: normal 16px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#830000; border-bottom:3px solid;}
#content #dx #news ul li h1.affari{ border-bottom-color: #FFD100}
#content #dx #news ul li h1.sportivo{ border-bottom-color: #F1B104}
#content #dx #news ul li h1.termale{ border-bottom-color: #F17404}
#content #dx #news ul li h1.culturale{ border-bottom-color: #E50202}
#content #dx #news ul li h1.gastronomico{ border-bottom-color: #AD0101}
#content #dx #news ul li h2{ font: bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#830000; margin:5px 0 0 0}
#content #dx #news ul li p{ font: normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#000; line-height:16px;}
#content #dx #news ul li p a,
#content #dx #news ul li p a:link,
#content #dx #news ul li p a:active,
#content #dx #news ul li p a:visited{ font: normal 10px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#830000; text-decoration:none;}
#content #dx #news ul li p a:hover{ color:#000;}

#video{ width:100%; }
#video object{ padding:20px 0;}

#gallery{ width:100%; float:left; margin:20px 0;}
#gallery ul{ width:100%; float:left;}
#gallery ul li{ float:left; display:inline; list-style:none; width:120px; height:72px; background:url(../img/bgThumbGallery.jpg) top left no-repeat; margin:0 15px 15px 0}
#gallery ul li img{ margin:7px 0 0 7px; width:106px; height:58px;}
#gallery ul li a:hover img{ filter: alpha(opacity=50); -khtml-opacity:.5; -moz-opacity:0.5; opacity: 0.5;}
#gallery #link{ float:left; margin:0}
#gallery #link a,
#gallery #link a:link,
#gallery #link a:active,
#gallery #link a:visited{ font: normal 10px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#830000; text-decoration:none;}
#gallery #link a:hover{ color:#000;}

#galleryTurismoSportivo{ width:100%; float:left; margin:20px 0;}
#galleryTurismoSportivo ul{ width:100%; float:left;}
#galleryTurismoSportivo ul li{ float:left; display:inline; list-style:none; width:208px; height:112px; background:url(../img/bgThumbTurismoSportivo.jpg) top left no-repeat; margin:0 15px 25px 0}
* html #galleryTurismoSportivo ul li{ float:left; display:inline; list-style:none; width:208px; height:112px; background:url(../img/bgThumbTurismoSportivo.jpg) top left no-repeat; margin:0 15px 12px 0}
#galleryTurismoSportivo ul li img{ margin:6px 0 8px 7px; width:194px; height:100px; float:left}
#galleryTurismoSportivo ul li a:hover img{ filter: alpha(opacity=50); -khtml-opacity:.5; -moz-opacity:0.5; opacity: 0.5;}
#galleryTurismoSportivo ul li h2{ width:80%; font: normal 13px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#830000; float:left; margin:0px 0 0 20px}
* html #galleryTurismoSportivo ul li h2{ width:80%; font: normal 13px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#830000; float:left; margin:0px 0 0 10px}

h1{ font: normal 18px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#830000;}
h1 a,
h1 a:link,
h1 a:active,
h1 a:visited{ font: normal 18px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#830000; text-decoration:none;}
h2{ font: bold 13px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#000;}
p{ font: normal 12px Arial, "Trebuchet MS", Helvetica, sans-serif; color:#000; line-height:18px; padding:0 10px 0 0}
p img{ margin:0 0 15px 0; float:left}

a.plink,
a.plink:link,
a.plink:active,
a.plink:visited{ font: normal 12px Arial, "Trebuchet MS", Helvetica, sans-serif; color:#000; text-decoration:none;}
a.plink:hover{ color:#830000;}


p.box{ font: normal 12px Arial, "Trebuchet MS", Helvetica, sans-serif; color:#000; line-height:18px; padding:10px 10px 0 0; float:left; text-align:left;}
p.box img{ float:right; margin:0 0 0 70px;}

.black{ color:#000;}
.boldPurple{ font:bold; color:#830000;}
.line{ width:100%; height:1px; float:left; margin:15px 0; background:url(../img/linedivide.jpg) left top repeat-x;}

a,
a:link,
a:active,
a:visited{ font: normal 10px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#830000; text-decoration:none;}
a:hover{ color:#000;}


.push{ width:100%; height:70px; clear:both}
#footer { width:900px; text-align:center; height:70px; margin:0 auto; }
#footer p{ width:auto; font: normal 11px Arial, "Trebuchet MS", Helvetica, sans-serif; color:#000; text-align:center; background:url(../img/linedivide.jpg) repeat-x center top; padding:10px 0 0 0}
#footer p a,
#footer p a:link,
#footer p a:active,
#footer p a:visited{ font: normal 11px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#000; text-decoration:none;}
#footer p a:hover{ color:#830000;}


.photoHome{ width:900px; height:410px; background:url(../img/bgPhotoHome.jpg) center top no-repeat;}
.photoHotel{ width:900px; height:410px; background:url(../img/bgPhotoHotel.jpg) center top no-repeat;}
.photoRistorante{ width:900px; height:410px; background:url(../img/bgPhotoRistorante.jpg) center top no-repeat;}
.photoOfferte{ width:900px; height:410px; background:url(../img/bgPhotoOfferte.jpg) center top no-repeat;}
.photoGallery{ width:900px; height:410px; background:url(../img/bgPhotoCervia.jpg) center top no-repeat;}
.photoDovesiamo{ width:900px; height:410px; background:url(../img/bgPhotoDovesiamo.jpg) center top no-repeat;}
.photoContatti{ width:900px; height:410px; background:url(../img/bgPhotoContatti.jpg) center top no-repeat;}
.photoAffari{ width:900px; height:410px; background:url(../img/bgPhotoAffari.jpg) center top no-repeat;}
.photoSportivo{ width:900px; height:410px; background:url(../img/bgPhotoGallery.jpg) center top no-repeat;}
.photoTermale{ width:900px; height:410px; background:url(../img/bgPhotoTermale.jpg) center top no-repeat;}
.photoCulturale{ width:900px; height:410px; background:url(../img/bgPhotoCulturale.jpg) center top no-repeat;}
.photoEnogastro{ width:900px; height:410px; background:url(../img/bgPhotoEnogastro.jpg) center top no-repeat;}

.news{}
.news ul{ width:100%; float:left; margin:10px 0;}
.news ul li{ width:100%; float:left; display:block; list-style:none; margin:3px 0;}
.news ul li a,
.news ul li a:link,
.news ul li a:active,
.news ul li a:visited{ font: normal 11px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#000; text-decoration:none; cursor:pointer}
.news ul li a:hover{ color:#830000;}
.news ul li a.offP,
.news ul li a.offP:link,
.news ul li a.offP:active,
.news ul li a.offP:visited{ font: normal 11px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#830000; text-decoration:none;}

#paginazione{ margin:5px 0; background:url(../img/linedivide.jpg) left top repeat-x; float:left; width:100%;}
#paginazione ul{ width:100%; float:left; margin:3px 0;}
#paginazione ul li{ width:auto; display:inline; list-style:none; margin:0 5px; float:left}
#paginazione ul li a,
#paginazione ul li a:link,
#paginazione ul li a:active,
#paginazione ul li a:visited{ font: normal 11px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#000; text-decoration:none; cursor:pointer}
#paginazione ul li a:hover{ color:#830000;}
#paginazione ul li a.offPag,
#paginazione ul li a.offPag:link,
#paginazione ul li a.offPag:active,
#paginazione ul li a.offPag:visited{ font: normal 11px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#830000; text-decoration:none; cursor:pointer}

#blank{ width:100%; float:left; height:15px;}

#slideshow {list-style:none; color:#fff}
#slideshow span {display:none;}
#wrapper {width:100%; margin:0; padding:0; display:none; }
#wrapper * {margin:0; padding:0; border:0;}
#fullsize {position:relative; width:100%; height:450px; padding:2px; border:1px solid #ccc}
#information {position:absolute; bottom:0; width:100%; height:0; background:#fff; color:#fff; overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=70)}
#image {width:100%; }
#image img {position:absolute; z-index:25; width:auto; margin:0 0 0 150px}
.imgnav {position:absolute; width:15%; height:456px; cursor:pointer; z-index:150}
#imgprev {left:0; background:url(../images/left.gif) left center no-repeat}
#imgnext {right:0; background:url(../images/right.gif) right center no-repeat}
#imglink {position:absolute; height:306px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40)}
.linkhover {background:url(../images/link.gif) center center no-repeat}
#thumbnails {margin-top:15px}
#slideleft {float:left; width:20px; height:60px; background:url(../img/gallery/thumbBtnSx.jpg) center center no-repeat; cursor:pointer;}
#slideleft:hover { background:url(../img/gallery/thumbBtnSx_over.jpg) center center no-repeat;}
#slideright {float:right; width:20px; height:60px; background:url(../img/gallery/thumbBtnDx.jpg) center center no-repeat; cursor:pointer;}
#slideright:hover { background:url(../img/gallery/thumbBtnDx_over.jpg) center center no-repeat; cursor:pointer;}
#slidearea {float:left; position:relative; width:850px; margin-left:5px; height:81px; overflow:hidden;}
#slider {position:absolute; left:0; height:60px}
#slider img {cursor:pointer; border:1px solid #666; padding:2px}

.bgVideo{ background:url(../img/bgVideo.jpg) center center no-repeat;}
/*.bgVideo object{ margin:10px 0 0 0}*/

#form{ width:100%; clear:both; margin:15px 0; font: normal 11px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#000;}
#form input{ width:99%; height:15px; border:1px solid #ccc; font: normal 10px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#333;}
#form .inputMulti{ width:99%; height:100px; border:1px solid #ccc; font: normal 10px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#333;}
#form .checkbox{ border:1px solid #ccc; width:12px; height
:12px;}
#form img{ }
#form select{ width:auto; height:15px; border:1px solid #ccc; font: normal 10px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#333; margin:0 10px 0 0; }
*:first-child+html #form select{ width:auto; height:18px; border:1px solid #ccc; font: normal 10px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#333; margin:0 10px 0 0; }
#form a,
#form a:link,
#form a:active,
#form a:visited{ font: normal 11px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#830000; text-decoration:none}
#form a:hover{ font: normal 11px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#000; text-decoration:none}

#form #btnSend{ width:auto; height:auto; border:1px solid #830000; padding:2px 10px; font: normal 11px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#830000; float:left; margin:0 10px 0 0; background:#fff;}
#form #btnReset{ width:auto; height:auto; border:1px solid #666; padding:2px 10px; font: normal 11px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#666; float:left; background:#fff;}

p.skype{ width:100%; float:left}

/*---------error----------*/
.error_cont{ width:100%; height:auto; margin:5px 0 15px 0; clear:both; font:bold 10px Arial; color:#c00; text-align:left;}


body ol li { display:list-item; }
ol{ margin:10px 0 0 0;}
ol li{ color:#c00; padding:0; display: block; list-style-position: inside;	list-style-image:none; list-style-type: decimal; margin:0 0 5px 0;}
p.contatti_addr{
line-height: 24px;
}
.contact_hs{
font-size:18px;
font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
}
#footer p.footer_payoff{
background: none;
color:#505050;
font-family:Arial,"Trebuchet MS",Helvetica,sans-serif;
font-size:11px;
line-height:normal;
padding:0 0 10px 0;
text-align:center;
width:auto;
}
#flashbanner{ background: url(../img/bg_video.jpg) left bottom no-repeat;
	padding-bottom:15px;
padding-left:15px;
	}
	
/*------------------------ traduttore-----------------------------------*/	
	
#slideshow{ width:500px; height:300px; }

#nav a{ margin: 0 5px; padding: 3px 5px; text-decoration: none; display:block; }
#nav a.activeSlide { background: none}
#nav a:focus { outline: none; }

/*#s4 div {width: 300px; margin-top:15px; height:250px; float:left;}*/

ul#nav{ display:inline; padding-left:15px; float:right; list-style-type:none;}

ul#nav li
{
display: block;
float: left;
margin: 0;
padding-left: 0;
}

img.img{ border:none;}
/*#demos{ width:670px; float:left;}
#ciddone{ float:right; width:500px;}*/