@charset "UTF-8";
body  {
	font: 100% Arial, Helvetica, sans-serif;
	font-size:10pt;
	background: #111;
	margin: 0; 
	padding: 0;
	text-align: center;
	color: #000000;
	/*cursor: url("varano.ani"), url("varano.png"), auto;*/
}

a:link, a:visited {
	color: #E2001A;
	text-decoration: none;
}

a:hover {
	color: #520200;
	text-decoration:underline;
}

#menu .active a 
 {
	color: #FFD100;
	background:url(imgs/active.jpg);
}

#menu a:hover 
 {
	color: #FFD100;
}

a img { border: none; }

#container { 
	width: 950px;
	margin: 0 auto;
	text-align: left;
	background-color:#FFF;
	background-image: url(imgs/bottom2.jpg);
	background-position:bottom left;
	background-repeat:no-repeat;
} 

#container_home { 
	width: 950px;
	margin: 0 auto;
	text-align: left;
	background-color:#FFF;
	background-image: url(imgs/bottom.jpg);
	background-position:bottom left;
	background-repeat:no-repeat;
} 

#header { 
	width:950px;
	height: 150px; 
	background: #111; 
	margin: 0 auto;
}

#claim {
	font-size:140%;
	text-transform:uppercase;
	color: #FFD300;
	font-weight:bold;
	width:950px;
	height:58px;
	text-align:center;
	padding-top:12px;
	letter-spacing:2px;
	background-image:url(imgs/main_top.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}	

h1 {
	font-size:120%;
	color:#000;
	padding-top:1px;
	padding-left:14px;
	letter-spacing:4px;
	text-transform:uppercase;
	background-image:url(imgs/frex.gif);
	background-position:top left;
	background-repeat:no-repeat;
	border-bottom: dotted 1px #c4bfb9;
}

h2 {
	font-size:110%;
	color:#a4a097;
	text-transform:uppercase;
	letter-spacing:2px;
}

h3 {
	font-size:100%;
	color:#a4a097;
	padding-left:8px;
	text-transform:uppercase;
	border-bottom: dotted 1px #c4bfb9;
	letter-spacing:2px;
	background-image:url(imgs/frex2.gif);
	background-position:top left;
	background-repeat:no-repeat;
	
}

h4 {
	font-size:100%;
	color:#e3d8c4;
	height:5px;
	text-transform:uppercase;
	margin-left:2px;
	letter-spacing:2px;
	background-image:url(imgs/frex3.gif);
	background-position:top left;
	background-repeat:no-repeat;
	padding-left:10px;
}

h5 {
	color:#5e5852;
	font-size:70%;
}

h6 {
	background-image:url(imgs/quad.jpg);
	background-position:center left;
	background-repeat:no-repeat;
	margin-left:2px;
	padding-left:8px;
	font-size:100%;
	font-weight: normal;
}

.line {
	border:dotted 1px #e1dbd5;
}

.colonna_espo {
	margin-bottom:130px;
}

.colonna_vis {
	margin-bottom:190px;
}

.colonna_emo {
	margin-bottom:160px;
}

#sidebar {
	text-align:center;
	margin-left: 10px;
	position: relative;
	float:left;
	width:161px;
	height:450px;
}

#foglio_sx {
	background-image:url(imgs/fogliosx.png);
	background-position: top left;
	background-repeat:no-repeat;
	margin-left:8px;
	position: relative;
	float:left;
	width: 200px;
}

.prenotazione {
	display:block;
	border: #e0dfd7 solid 1px;
	width:130px;
	margin-left:11px;
	background-color:#fff;
	text-transform:uppercase;
	background-image:url(imgs/backp.png);
	background-position:top right;
	background-repeat:no-repeat;
}

.prenotazione a:hover {
	background:#f4f2ea;	
	display:block;
	width:130px;
	margin: auto;
	text-transform:uppercase;
	background-image:url(imgs/backp.png);
	background-position:top right;
	background-repeat:no-repeat;
}

#foglio_c {
	background-image:url(imgs/fogliodx.png);
	background-position: bottom;
	background-repeat:no-repeat;
	margin-right:8px;
	position: relative;
	float:right;
	height:600px;
	width: 200px;
}

#foglio_m {
	background-image:url(imgs/fogliodx.png);
	background-position: bottom;
	background-repeat:no-repeat;
	margin-right:8px;
	position: relative;
	float:right;
	height:640px;
	width: 200px;
}

#foglio_l {
	background-image:url(imgs/fogliodx.png);
	background-position: bottom;
	background-repeat:no-repeat;
	margin-right:8px;
	position: relative;
	float:right;
	height:700px;
	width: 200px;
}

#sidebarc {
	margin-right:10px;
	float:right;
	height:600px;
	width:175px;
}

#sidebarc ul {
	padding: 0; margin: 0;
}

#sidebarc li {
	display: block; width: 169px;
	border: 0;
	text-align: left;
}

#sidebarc a {
	color:#E2001A;
	padding-left:12px;
	background-image:url(imgs/quad2.gif);
	background-position:left;
	background-repeat:no-repeat;
	border-top: solid 1px #fefefe;
	border-bottom: solid 1px #efefef;
	border-right: 0;
	border-left: 0;
	height:16px;
}

#sidebarc a:hover {
	color:#520200;
	border-top: solid 1px #b5b3aa;
	border-bottom: solid 1px #b5b3aa;
	border-left: 0;
	background-image:url(imgs/quad3.gif);
	background-position:left;
	background-repeat:no-repeat;
}


.loghi {
	padding-left:12px;
	
}

#mainContent { 
	width: 525px;
	margin-left:204px;
	margin-top:0;
	text-align:justify;
	min-height:600px;
}

#show { 
	border-bottom:solid 2px #686762;
	width:500px;
	height:441px;
	background-color:#D5CEAC;
	padding:2px;
	margin-left:10px;
}


#show img { 
	margin-left:2px;
}


#txt { 
	height:360px;
	width: 650px;
	padding-left:210px;
	padding-right:10px;
	visibility:visible;
	overflow:auto;
	text-align:justify;
	
}

.quote {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #f0f0e8;
	border: solid 1px #d0cec0;
	padding: 15px 15px 15px 15px;
	color:#000000;
	font-style: italic;
	background-image:url(imgs/ruota.png);
	background-position:top right;
	background-repeat:no-repeat;
}

.alberghi {
	border: solid 1px #E6E4DE;
}

#footer {
	margin: 0 auto;
	border-top: solid 2px #000;
	color:#a4a097;
	width:950px;
	font-size:80%;
	background-image:url(imgs/trasp.png);
	background-repeat: repeat;
}

#intro { 
	width: 800px;
	height:520px;
	text-align:center;
	margin: 0 auto;
	text-align: left; 
	background:#000;
	border-left: solid 1px #000;
	border-right: solid 2px #000;
	border-bottom: solid 2px #000;
	border-top: solid 1px #000;
} 

#skip {
	background:#000;
	
}

#menu {
	font-size:12pt;
	width: 825px;
	height:31px;
	padding-left: 125px;
	background-image: url(imgs/bg.jpg);
	background-repeat:repeat-x;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
}

ul { list-style:none; margin:0; padding:0; }
li { float:left; width:100px; margin:0; padding:0; text-align:center; }
li a { display:block; padding:4px 10px; height:100%; text-decoration:none; border-left:1px solid #382A21; border-right:1px solid #000;}
li a { background:url(imgs/bottone.jpg) repeat 0 0; }
a:hover, a:focus { background-position:-150px 0; border-bottom:0;}
#a a { background:url(imgs/bottone.jpg) repeat; background-position:-20px 35px;}

#background{
	width: 100%;
	height:100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index:-100;
}

#box_eventi{
	overflow:hidden;
	width: 154px;
	height:122px;
	padding-right: 8px;
}

img.alignleft {
	float: left;
	margin: 0 17px 5px 0px;
}

img.alignright {
	float: right;
	margin: 0 0 5px 15px;
}

img.alignabove {
	margin: 0 0 10px 0;
}

.linea {
	padding: 0;
    margin: 0;
    float: left;
    position: absolute;
    z-index: 10;
}

/* sottomenu */
 
#sidebar3 ul {
	padding: 0; margin: 0;
}
#sidebar3 li {
	display: block; width: 169px;
	border: 0;
	text-align: left;
}

#sidebar3 a {
	color:#E2001A;
	padding-left:12px;
	background-image:url(imgs/quad2.gif);
	background-position:left;
	background-repeat:no-repeat;
	border-top: solid 1px #fefefe;
	border-bottom: solid 1px #efefef;
	border-right: 0;
	border-left: 0;
	height:16px;
}

#sidebar3 a:hover {
	color: #520200;
	border-top: solid 1px #b5b3aa;
	border-bottom: solid 1px #b5b3aa;
	border-left: 0;
	background-image:url(imgs/quad3.gif);
	background-position:left;
	background-repeat:no-repeat;
	font-weight:bold;
}

#box_eventi a {
	padding:0;
	color: #E2001A;
	text-decoration: none;
	border: 0;
	background:none;
}

#box_eventi a:hover {
	padding:0;
	color: #520200;
	text-decoration:underline;
	border: 0;
	background:none;
	font-weight: normal;
}

.clearfloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/*#data { 
	width:100%;
	height:100%;
	position: absolute;
	border:0;
	top:0;
	z-index:11;
	cursor: pointer;
	background-image:url(imgs/trasp.png);
	background-repeat: repeat;
}*/

#data img { 
	cursor: pointer;
	margin-top:100px;
	padding-top: 50px;
}

h9 {
	font-size:140%;
	padding-left:10px;
} 

.form {
	width: 150px;
}

.form2 {
	float: right;
	width: 300px;
}

.form3 {
	float: right;
	width: 100%;
}

.form4 {
	float: right;
	width: 220px;
}


/* MILKBOX */

#mbOverlay {
	position: absolute;
	left: 0;
	width:100%;
	background-color: #000; /* set the Milkbox overlay color // opacity: see the js options */
	z-index:100;
	cursor: pointer;
}

#mbCenter {
	/* for default width and height, see the js options */
	position: absolute;
	z-index:101;
	overflow:hidden;
	left: 50%;
	top:10%;/* overwritten in the js options to properly position the milkbox when activated in a scrolled window */
	background-color: #fff;/* set the Milkbox background color */
	border: 5px solid #fff;/* set the Milkbox border */
	margin:0; padding:5px;/* set the Milkbox padding */
}

.mbLoading{ background: #fff url(imgs/loading.gif) no-repeat center; }/* IMAGE: loading gif */

#mbCanvas{ margin:0; padding:0; height:0; border:none; font-size:0; overflow:hidden; }

.mbClear{ clear:both; height:0; margin:0; padding:0; font-size:0; overflow:hidden; }


/* *** BOTTOM *** */

#mbBottom { 
	/* set text options */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	line-height: 1.4em;
	text-align: left;
	padding-top:8px;
	margin:0;
}

/* navigation */
/* be careful if you change buttons dimensions */

#mbNavigation{
	float:right;
	width:27px;
	padding-top:3px;
	
}


#mbCount{ 
	width:55px; 
	overflow:hidden;
	padding-top:1px;
	float:right;
	text-align:right;
	font-size:10px; /* count font size */
}

#mbCloseLink, #mbPrevLink, #mbNextLink, #mbPlayPause{
	outline:none;
	display:block;
	float:right;
	height:19px;
	cursor: pointer;
}


#mbPrevLink, #mbNextLink{ width:15px; }
#mbPrevLink{ background: transparent url(imgs/prev.gif) no-repeat; }/* IMAGE: prev */
#mbNextLink{ background: transparent url(imgs/next.gif) no-repeat; }/* IMAGE: next */

#mbPlayPause{ width:13px; }
#mbPlayPause{ background: transparent url(imgs/play-pause.gif) no-repeat; }/* IMAGE: prev */


/* NOTE: doesn't work in ie6, so, just see the js options :) */
a#mbPrevLink:hover,a#mbNextLink:hover,a#mbCloseLink:hover,a#mbPlayPause:hover { background-position: 0 -22px; }

#mbCloseLink {
	width:17px;
	background: transparent url(imgs/close.gif) no-repeat;/* IMAGE: close */
}

/* description */

#mbDescription{
	margin-right:27px;
	padding:0px 10px 0 0;
	font-weight: normal;
	text-align:justify;
}