body {
	padding:0px;
	margin:0px auto;
	background:#f1f0ea;
	color:#999999;
	font-family:'Arial',Helvetica,sans-serif;
	font-size:12px;
	text-align:center;	
}

a {
   outline: none;
}

#header {
	width:100%;
	height:33px;
	background:#8b4691;
	border-bottom:3px solid #b9b8b4;
}

#header_content {
	margin:auto;
	width:950px;
	height:33px;
	color:#ffffff;
}

#header_content ul {
	margin:0px;
	padding:8px 0px 0px 0px;
	list-style-type:none;
	font-size:14px;
}

#header_content ul li {
	display:inline;
}

#header_content ul li.selected {
	color:#ffd010;
	font-weight:bold;
}

#header_content_in {
	margin:auto;
	width:950px;
	height:33px;
	color:#ffffff;
}

#header_content_in ul {
	margin:0px;
	padding:8px 0px 0px 0px;
	list-style-type:none;
	font-size:14px;
}

#header_content_in ul li {
	display:inline;
}

#header_content_in ul li.selected {
	color:#ffd010;
	font-weight:bold;
}

#header_content_in_left {
	float:left;
	width:60px;
	height:33px;
	background:url(../images/layout/logo-text.jpg) no-repeat center top;
}

#subheader {
	width:100%;
	height:35px;
	background:#ffffff;
	border-bottom:3px solid #b9b8b4;
	text-align:left;
}

#subheader_content {
	margin:auto;
	width:950px;
	height:35px;
	color:#666666;
}

#subheader_content ul {
	margin:0px;
	padding:0px;
	list-style-type:none;
	padding:4px 0px 0px 0px;
}

#subheader_content ul li {
	/*display:inline;*/
	padding:6px 0px 20px 0px;
	float:left;
}

#subheader_content ul li.selected {
	/*background:url(../images/layout/menu-marker.jpg) no-repeat center bottom;*/
	/*padding-left:5px;
	padding-right:5px;*/
	
}

#subheader_content ul li.spacer {
	/*width:3px;*/
	background:#b7b8b3;
	padding:6px 1px;
	height:16px;
}

#container {
	margin:auto;
	width:950px;
	min-height:600px;
	text-align:justify;
}

#index_top {
	width:950px;
	height:303px;
}

#index_top_left {
	width:300px;
	height:303px;
	float:left;
}

#left_logo {
	width:100px;
	height:100px;
	background:url(../images/layout/logo.jpg) center no-repeat;
	margin:15px 0px 0px 100px;
}

#slogan h1 {
	text-align:center;
	font-size:14px;
	font-style:italic;
	margin:0px;
	padding:0px;
	font-weight:normal;
}

#index_top_left table.menu {
	margin:40px 0px 0px 0px;
}

#index_top_left table.menu td {
	padding:8px 0px 8px 4px;
	margin:0px;
	font-weight:bold;
	border-bottom:1px solid #8c8b86;
	width:142px;
}

#index_top_left table.menu td.title {
	padding:0px;
	margin:0px;
	color:#8B4691;
	border-bottom:3px solid #8B4691;
}

#index_top_left table.menu td.spacer {
	width:15px;
	border:0px;
}

#index_top_right {
	width:625px;
	height:303px;
	float:right;
}

#index_content {
	margin:30px 0px 0px 0px;
	width:950px;
	height:290px;
}

#index_content_left {
	float:left;
	width:302px;
	height:290px;
	margin:0px 15px 0px 0px;
}

#index_content_center {
	float:left;
	width:302px;
	height:290px;
	margin:0px 15px 0px 0px;
}

#index_content_right {
	float:left;
	width:302px;
	height:290px;
}

#left_in {
	float:left;
	width:460px;
	min-height:400px;	
	padding:20px 0px 0px 0px;
}

#left_in #pageheader {
	margin:10px 0px 10px 0px;
}

#left_in_wide {
	float:left;
	width:625px;
	min-height:400px;	
	padding:20px 0px 0px 0px;
}

#left_in_wide #pageheader {
	margin:10px 0px 10px 0px;
}

#center_in {
	float:left;
	width:140px;	
}

#right_in {
	float:right;
	width:280px;
	min-height:400px;
	background:#e7e6de;	
	margin:0px 0px 5px 0px;
	padding:20px 10px 10px 10px;
}

#footer {
	
}

#footer p {
	margin:0px;
	padding:6px 0px 6px 0px;
	font-size:10px;
	border-top:1px solid #000000;
}

/*text classes*/

a.purple {
	color:#8B4691;
	text-decoration:none;
	font-size:11px;
	font-weight:bold;
}

#header #header_content ul li a, #header #header_content_in ul li a  {
	color:#ffffff;
	text-decoration:none;
}

#header #header_content ul li a:hover, #header #header_content_in ul li a:hover {
	color:#ffd010;
	text-decoration:none;
}

#subheader #subheader_content ul li a  {
	color:#666666;
	text-decoration:none;
	padding: 10px 5px;
}

#subheader #subheader_content ul li a:hover.hotel {
	color:#ffffff;
	text-decoration:none;
	background:#8b4990;
}

#subheader #subheader_content ul li a.hotel_hover {
	color:#ffffff;
	text-decoration:none;
	background:#8b4990;
}

#subheader #subheader_content ul li a:hover.ristoranti {
	color:#ffffff;
	text-decoration:none;
	background:#c7852e;
}

#subheader #subheader_content ul li a.ristoranti_hover {
	color:#ffffff;
	text-decoration:none;
	background:#c7852e;
}

#subheader #subheader_content ul li a:hover.agri {
	color:#ffffff;
	text-decoration:none;
	background:#8e966d;
}

#subheader #subheader_content ul li a.agri_hover {
	color:#ffffff;
	text-decoration:none;
	background:#8e966d;
}

#subheader #subheader_content ul li a:hover.wellness {
	color:#ffffff;
	text-decoration:none;
	background:#7bc2c6;
}

#subheader #subheader_content ul li a.wellness_hover {
	color:#ffffff;
	text-decoration:none;
	background:#7bc2c6;
}

#subheader #subheader_content ul li a:hover.beb {
	color:#ffffff;
	text-decoration:none;
	background:#f3d51d;
}

#subheader #subheader_content ul li a.beb_hover {
	color:#ffffff;
	text-decoration:none;
	background:#f3d51d;
}

#subheader #subheader_content ul li a:hover.barche {
	color:#ffffff;
	text-decoration:none;
	background:#baced7;
}

#subheader #subheader_content ul li a.barche_hover {
	color:#ffffff;
	text-decoration:none;
	background:#baced7;
}

#container #index_top #index_top_left table.menu a {
	color:#999999;
	text-decoration:none;
	display:block;
}

#container #index_top #index_top_left table.menu a:hover {
	color:#ffffff;
	text-decoration:none;
	display:block;
}

#container #footer a {
	color:#999999;
	text-decoration:none;
}

#index_content h2 {
	padding:0px;
	margin:0px;
	color:#8B4691;
	border-bottom:3px solid #8B4691;
	font-size:12px;
}

/*stili pagine interne*/

p.pagename {
	font-size:10px;
	color:#666666;
	margin:10px 0px 15px 0px;
	padding:0px;
}

p.pagename_scheda {
	font-size:10px;
	color:#666666;
	margin:10px 0px 0px 0px;
	padding:0px;
}

h1.pagetitle {
	font-size:24px;
	font-weight:normal;
	color:#8B4691;
	margin:0px;
	padding:0px;
}

h1.pagetitle_small {
	color:#666666;
	font-size:10px;
	margin:0px 0px 10px 0px;
	padding:0;
	font-weight:normal;
}

h1.pagetitle_scheda {
	font-size:24px;
	font-weight:normal;
	color:#56401F;
	margin:0px 0px 10px 0px;
	padding:0px;
}

ul.pagetext {
	color:#666666;
}

p.pagetext {
	color:#666666;
	margin-top:0px;
	padding:0px;
}

p.small {
	font-size:10px;
}

p.small a {
	padding:0px 30px 0px 30px;
}

p.pagetext a {
	font-weight:bold;
	color:#8B4691;
	text-decoration:none;
}

p.pagetext a.small {
	color:#8B4691;
	text-decoration:none;
	font-size:11px;
	font-weight:bold;
}

p.ultralarge {
	color:#8B4691;
	font-size:60px;
	margin:0px;
	padding:0px;
}

p.purplelarge {
	color:#8B4691;
	font-size:14px;
	margin:0px;
	padding:0px;
}

#right_in h2 {
	padding:0px;
	margin:0px;
	color:#8B4691;
	border-bottom:3px solid #8B4691;
	font-size:12px;
}

div.form div.row {
	color:#666666;
	padding:0px 0px 5px 0px;
}

div.form div.left {
	float:left;
	padding:2px 0px 0px 0px;
	width:150px;
}

div.form div.right {
	float:left;
}

div.form input[type=text] {
	border:1px solid #8B4691;
	width:260px;
}

div.form textarea {
	border:1px solid #8B4691;
	width:260px;
	height:110px;
}

div.form select {
	border:1px solid #8B4691;
	width:260px;
}

#left_in_wide p {
	color:#666666;
	margin-top:0px;
	padding:0px;
}

#left_in_wide img {
	margin:0px 10px 4px 0px;
}

p.browntitle {
	font-size:12px;
	font-weight:bold;
	color:#56401F;
	border-bottom:3px solid #56401F;
}

table.lista th {
	border-bottom:2px solid #999999;
}

table.lista th a {
	color:#999999;
	font-weight:bold;
	text-decoration:underline;
}

table.lista tr.dark_row {
	height:40px;
	background-color:#E8E7DD;	
}

table.lista tr.light_row {
	height:40px;
}

table.lista a {
	color:#56401F;
	font-weight:bold;
	text-decoration:none;
}

ul.testi {
	border-bottom:3px solid #56401F;
	margin:0px 0px 10px 0px;
	padding:0px;
	color:#56401F;	
	font-size:11px;
}

ul.testi li {
	list-style-type:none;
	display:inline;
}

ul.testi li a {
	color:#56401F;
	font-weight:bold;
	text-decoration:none;
}

ul.testi li a:hover {
	color:#8B4691;
	font-weight:bold;
	text-decoration:none;
}

ul.testi li a.cm-active {
	color:#8B4691;
	font-weight:bold;
	text-decoration:none;
}

#pic_container {
	margin:0px 0px 30px 0px;
}

#pic_container #pic_left {
	float:left;
	width:460px;
}

#pic_container #pic_left #large_pic {
	margin:0px 10px 30px 0px;
}

#pic_container #pic_right {
	
}

a.small {
	color:#8B4691;
	text-decoration:none;
	font-size:11px;
	font-weight:bold;
}

#left_in_wide .box_outer {
	background-image:url(../images/box.gif);
	background-repeat:no-repeat;
	background-position:center top;
	z-index:15;
	width:70px;
	height:70px;
	float:left;
}
           
#left_in_wide .img_outer {
	background-repeat:no-repeat;
	background-position:center top;
	width:60px;
	height:60px;
	margin:5px 5px 5px 5px;
	cursor:pointer;	
	/*-moz-background-size:auto 70px;
	-o-background-size:auto 70px; 
	-webkit-background-size:auto 70px; 
	-khtml-background-size:auto 70px;*/ 
}

/* 
    root element for the scrollable. 
    when scrolling occurs this element stays still. 
*/ 
div.scrollable { 
 
    /* required settings */ 
    position:relative; 
    overflow:hidden; 
    width:160px; 
    height:280px; 
} 
 
/* 
    root element for scrollable items. Must be absolutely positioned 
    and it should have a extremely large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 
div.scrollable div.items { 
    /* this cannot be too large */ 
    height:20000em; 
    position:absolute; 
} 

/* CSS FORM BOOKING */

table.booking_form {
	color:#999999;
}

table.booking_form select {
	width:150px;
	font-size:10px;
	border:1px solid #8b4691;
}

table.booking_form select.width46 {
	width:46px;	
} 

table.booking_form input.date {
	width:120px;
	font-size:10px;
	border:1px solid #8b4691;
}

table.booking_form td.roomHeading {
	padding-top:8px;
	color:#8b4691;
	border-bottom:1px solid #8b4691;
	font-size:10px;
}

table.booking_form td.submitRow {
	padding-top:8px;
	color:#8b4691;
	font-weight:bold;
	font-size:11px;
}

table.booking_form td.submitRow a {
	cursor:pointer;
}

/* root element for scrollable */
.scrollable_lista {

	/* required settings */
	position:relative;
	overflow:hidden;

	/* vertical scrollables have typically larger height than width but not now */
	height: 665px;
	width: 100%;
}

/* root element for scrollable items */
.scrollable_lista .items {
	position:absolute;

	/* this time we have very large space for the height */
	height:20000em;
}



