@import url(reset.css);
@import url(nav.css);
@import url(header.css);
@import url(footer.css);
@import url(typo.css);

@import url(cart.css);
@import url(box.css);
@import url(background.css);
@import url(misc.css);
@import url(virtual.css);

/*jQuery plugins stlesheets */
@import url(jDrawer.css);
@import url(jScrollPane.css);
@import url(jquery.cluetip.css);
@import url(basic.css);




/* 
// MESSAGES 
///////////////////////
*/
#flashMessage {
	text-align:center;
	padding:5px;
	background-color: #E9DBB7;
	font-size: 1.2em;
	font-weight:bold;
	border-bottom:1px solid #555;
}

#flashMessage .message {
	margin-top: 12px;
}

/* 
// STRUCTURE 
///////////////////////
*/

* {
  margin: 0;
  padding: 0;
  font-size:100%;
}

body {
  	font-family: "Lucida Grande", Arial, Verdana, sans-serif;
	text-align: center;
	line-height: 1.4em;
	font-size: 62.5%;
	color: #191919;
	background: #67080C url(../img/bg_caremma.jpg) top left repeat-x;
}

#wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0px auto -105px; /* bottom margin = -(footer's height) */	
}

#header_wrapper, #content_wrapper, #bottom_wrapper, #footer_wrapper {
	width: 100%;
	font-size: 1.2em;
	border:0px solid green;
}


#header_inner, #content_inner, #bottom_inner {
	margin: 0 auto;
	text-align: left;
	width: 920px;
	padding: 0px 30px;
	border:0px solid yellow;
}


/* 
// MAIN CONTENT 
///////////////////////
*/
#content_inner a {
	font-weight: bold;
	color: #3c3c3c;
}

#content_inner a:hover {
	text-decoration: underline;
	color: #67080c;
}
	
	/* 
	// FULL COLUMN 
	///////////////////////
	*/
	.content_full {
		float: left;
		width: 890px;
		border: 0px solid green;
		margin: 10px 0 0 0;
		
	}
	
	.content_extended {
		float: left;
		width: 920px;
		border: 0px solid green;
		margin: 10px 0 0 6px;
		
	}

	.content_full h2 {
		padding: 7px 0 0 0;
		margin-bottom: 7px;
		line-height:22px;
	}
	
		.content_full h2 a {
			color: #3c3c3c;
		}

	

	/* 
	// LEFT COLUMN 
	///////////////////////
	*/
	.content_left {
		float: left;
		width: 710px;
		border: 0px solid green;
		margin: 10px 0 0 0;
		
	}

	.content_left h2 {
		padding: 7px 0 0 0;
		margin-bottom: 7px;
	}
	
		.content_left h2 a {
			color: #3c3c3c;
		}


	/* 
	// RIGHT COLUMN 
	///////////////////////
	*/
	
	.content_right {
		float: right;
		width: 180px;
		margin-top: 17px;
		border: 0px solid green;
		background: #EEE8DA;
		min-height:390px;
	  	height: auto !important; /* ie6 fix */
	  	height:390px;
	}
	
	.content_right_reduced {
		float: right;
		width: 180px;
		margin-top: 0.6em;
		border: 0px solid green;
		background: #EEE8DA;
		min-height:390px;
	  	height: auto !important; /* ie6 fix */
	  	height:390px;
	}

	.content_right h3 {
		padding: 10px 5px 4px 0;
		color: #666;
		font-weight:normal;
		text-align: right;
		font-size:12px;
		font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
		text-transform:uppercase;
		border:0px solid green;
	}
	
	.content_right h3.red {
		color: white;
		padding: 0px 5px 4px 0;
	}
	
	.content_right h3.white {
		background: url(../img/h3-caremma-white.gif) no-repeat;
		height:33px;
		padding-right: 5px;
	}
	
	.content_right h3.box_title {
		color: #F5EEDD;
		/*color:#111;*/
		background: url(../img/h3-caremma-whiteBox.gif) no-repeat;
		padding: 1px 5px 0px 0px;
		margin:0;
		border:0px solid green;
		font-size:13px;
	}
	
	#content_right_box {
		background: transparent;
		padding:2px;
	}
	
	#content_right_box_red { background: #67080C;}	
	
		#content_right_sub {
			color: #6c6c6c;
			
			/*margin-bottom: 2.5em;*/
		}
			
			/*  menu verticale con sfondo bianco */
			#content_right_box ul.menu2 { 
				list-style:none; margin:0; padding:0; border: 0px solid red;
			}
			
			#content_right_box ul.menu2 li a, 
			#content_right_box ul.menu2 li a:link,
			#content_right_box ul.menu2 li a:visited
			{ 
				display:block;
				text-decoration:none;		
				border-width:0px;
				border-style:none solid;
				background:#E9DBB7;
				text-transform:uppercase;
				color:#111;
				font-weight:normal;
				font-size:12px;
				font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
				margin: 2px 0;
				padding: 4px 5px 4px 5px;
				border: 0px solid red;
			}
			
			#content_right_box ul.menu2 li { 
				 display:inline; 
				 clear:both;
				 padding-left: 4px;
				 margin: 0; padding: 0;
			} 

			#content_right_box ul.menu2 li a:hover { 
				background: #EEE8DA;
				color:#111;
				border:0;
				border-color:#66c;
			}
			
			#content_right_box ul.menu2 li a:active { 
				background:#E9DBB7;
				color:#111;
				border:0;
				font-weight:normal;
			}
			
			
			#content_right_box ul.menu2 li a.selected { 
				background: #EEE8DA;
				color:#111;
			}
			
			#content_right_box span.semicolon {
				color: #79001E;
			}


			/*  menu verticale con sfondo rosso */
			#content_right_box_red ul.menu3 { 
				list-style:none; margin:0; padding:0;
				background-color:#67080C;
			}
			
			#content_right_box_red ul.menu3 li a, 
			#content_right_box_red ul.menu3 li a:link,
			#content_right_box_red ul.menu3 li a:visited
			{ 
				display:block; 
				text-decoration:none;			
				border-width:0px; 
				border-style:none solid; 
				background-color:#67080C;
				text-transform:uppercase;
				color:#F5EEDD;
				font-size:12px;
				font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
				margin: 2px 0;
				padding: 4px 5px 4px 5px;
				font-weight:normal;
			}
			
			#content_right_box_red ul.menu3 li { 
				 display:inline;
				 clear:both;
				 padding-left:4px;
				 margin: 0; padding: 0;
			} 
			
			#content_right_box_red ul.menu3 li a:hover { 
				background: #EEE8DA;
				color:#67080C;
				border:0;
				border-color:#66c;
			}
			
			#content_right_box_red ul.menu3 li a:active { 
				background-color:#67080C;
				text-transform:uppercase;
				color:#F5EEDD;
				border: 0;
				font-weight:normal;
			}
			
			#content_right_box_red ul.menu3 li a.selected { 
				background: #F5EEDD;
				color:#67080C;
			}

			/* White container */
			#containerWhite {
				width: 710px;
				margin:10px auto 10px auto;
				padding:0px 0px 0px 0px;
			}

			#headerWhite {
				margin:0px;
				padding:0px;
				background: url(../img/angoloWhite.jpg) top left no-repeat;
				width:710px;
				height:70px;
				color:#fff;
				font-family:Verdana, Arial;
				font-size:12px;
				text-align:left;
			}

			#contentWhite {
				margin: 0;
				padding:10px;
				min-height:100px;
				background: #F5EEDD;
				border-left:7px solid #F5EEDD;
				border-right:7px solid #F5EEDD;
				text-align:left;
			}

			/* Red container */
			#containerRed {
				width: 710px;
				margin: 5px auto 0px auto;
				padding: 0px 0px 0px 0px;
				background: url(../img/content_left_bg.jpg) bottom left repeat-y;
				border: 0px solid red;
				height: 490px;
			}
			
			#contentRed {
				height: 490px; /* same height as container */
			}
			
			/* Prenotazioni container */
			#containerPrenotazioni {
				width: 710px;
				margin: 5px auto 0px auto;
				padding: 0px 0px 0px 0px;
				background: url(../img/content_left_bg.jpg) bottom left repeat-y;
				border: 0px solid red;
				height: 780px;
			}
			
			#contentPrenotazioni {
				height: 780px; /* same height as container */
			}
			
			#containerRedFull {
				width: 920px;
				margin: 5px auto 0px auto;
				padding: 0px 0px 0px 0px;
				background: url(../img/content_full_bg.jpg) bottom left repeat-y;
				border: 0;
				/*min-height:720px;
				height:720px!important;
				border: 0px solid green;
				*/
			}
			
			#contentRedFull {
				min-height:520px;
				height:520px!important;
				_height:520px;
				width:890px;
				
			}
			
			/* Reduced container */
			#containerReduced {
				width: 710px;
				margin: 5px auto 0px auto;
				padding: 0px 0px 0px 0px;
				background: url(../img/content_left_bg.jpg) bottom left repeat-y;
				border: 0px solid red;
				height: 395px;
			}
			
			#contentReduced {
				background: url(../img/fondoBianco.jpg) no-repeat top left;
				height: 395px; /* same height as container */
			}
			
			.content_left_red_inner {
			  	/*background: url(../img/content-left-red-topl.gif) no-repeat left top;*/
			  	padding:17px;
			  	border:5px solid #F5EFE3;
				background: #881318;
			}

				.post {
					color: #5c5c5c;
					float: left;
					width: 153px;
					font-weight: bold;
					font-size: 0.95em;
					margin-top: 7px;
					padding-right: 5px;
				}

				.content_left h2 {
					padding: 7px 0 0 0;
					margin-bottom: 7px;
				}

					.content_left h2 a {
						color: #3c3c3c;
					}


.dx_bottom_spot a{
	display:block;
	padding:5px;
	background:#E9DBB7;
	text-align:center;
	margin-top:10px;
	text-transform:uppercase;
	color: #666;
	font-weight:normal;
	font-size:13px;
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	border:1px solid #ccc;
}

.dx_bottom_banner {
	border: 0;
	margin: 2px 0 1px 0;
}




/* PRODOTTI */

.priceBig {
	font-weight:bold; 
	background-color: #e4ddcf; 
	color: #333;
	display:block; 
	padding: 4px;
	margin: 8px 0 4px 0;
	text-align:right;
	border: 1px solid #cdc7ba;
	clear: both;
}


/* Categorie prodotti */
#elencoProdotti {
	border: 0px solid red;
	width: 640px;
	height: 340px;
	padding: 20px 30px;
	float: left;
	z-index: 6;
}

#elencoProdotti h1 { 
      padding: 21px 6px 6px 14px;
	  color: #191919;
	  font-size:19px;
	  text-transform:uppercase;
	  font-family: Candara, "Arial Narrow", Arial, Helvetica, sans-serif;
	  clear: both;
	  font-weight:normal;
}

#elencoProdotti ul {float:left; margin:7px 7px 0px 0px; padding:7px 0 7px 0;width:118px; border: 1px solid #f9f2e7; text-align:center; height: 134px;}


#elencoProdotti li {list-style:none; padding:2px 5px ; float:none;} 
#elencoProdotti a{ color:#555;}
#elencoProdotti a:hover{color:#67080C;text-decoration:none;}
#elencoProdotti a:link{color:#555;}
#elencoProdotti a:visited{color:#555;}
#elencoProdotti img{border:0px;}
#elencoProdotti li.cat_image { padding:0 7px; margin:0 auto; text-align:center; }
#elencoProdotti li.cat_image img {padding:4px; margin: 0 auto;text-align:center; width:80px; height:80px; border: 1px solid #b8b3ab; background: #fff;}

#elencoProdotti .prod_title a{ color:#333333}
#elencoProdotti ul:hover { border: 1px solid #b1aca1}
#elencoProdotti  .prod_title{ padding:0 0 4px 0;} 
#elencoProdotti  .prod_desc{height:45px}

#elencoProdotti h2 { font:normal 15px "Arial Narrow", "Times New Roman", Arial, Helvetica, sans-serif; padding:5px 0; text-decoration:none; clear:both; margin:0; color: #999;}
#elencoProdotti h2 a {font-weight:normal;}

#elencoProdotti .cat_price {font-weight:bold;}
#elencoProdotti .prodReview{ font-size:11px}


/* Pacchetti benessere */
#elencoProdotti ul.pacchetti {float:left; margin:7px 7px 0px 0px; padding:7px 0 7px 0;width:118px; border: 1px solid #f9f2e7; text-align:center; height: 114px;}
#elencoProdotti ul.pacchetti li.pac_benex img {padding:4px; margin: 0 auto;text-align:center; width:60px; height:60px; border: 1px solid #b8b3ab; background: #fff;}
#elencoProdotti h2.pacchetto { font:normal 15px "Arial Narrow", "Times New Roman", Arial, Helvetica, sans-serif; padding:5px 0; text-decoration:none; clear:both; margin:0; color: #999;}

/*Download attchments */
#downloadAttachments {
	background: url(../img/download_attachment.gif) top left no-repeat;
	min-height: 30px;
    height: auto;
    _height: 30px;
	margin: 10px 0 5px 0;
}



#downloadAttachments ul{
	list-style:none;
	margin-left: 20px;
	padding:0;
}

#downloadAttachments li{
	padding:2px;
	margin: 1px;
	display:inline;
}

#downloadAttachments li a{
	padding-left:5px;
	text-decoration: underline;
	font-size: 90%;
}


/* Eventi */
#eventList {
	width: 300px;
	border: 0px solid red;
	margin:1px 0;
}

#eventList ul{
	list-style:none;
	margin: 0;	
	padding:0;
}

#eventList li{
	padding:3px 2px;
	margin: 3px 0;
	display:block;
	border-bottom: 1px dotted #999;
}

#eventList li a:hover{
	text-decoration:none;
}

#eventList li span.eventoData {
	float: right;
	text-align:right;
	color: #555;
	font-style: normal;
	font-size: 90%;
}

p.eventoData {
	text-align:left;
	color: #555;
	font-style: normal;
	font-size: 90%;
	padding:0; margin: 0 0 0 10px;
}

/* Listini */

#eventList table {
	width: 300px;
	border: 0px solid red;
}

#eventList td {
	padding: 3px 4px 3px 0;
	border-bottom:0px dotted #999;
}

#eventList .nome_evento {
	border-bottom:1px dotted #999;
	width: 200px;
}

#eventList .data_evento {
	border-bottom:1px dotted #999;
	text-align:right;
	color: #555;
	font-style: normal;
	font-size: 90%;
}


#eventList .nome_listino {
	width: 200px;
}

#eventList .downloadPDF {
	width: 20px; 
	border: 0;
}

#eventList .iconaPDF {
	height: 16px;
	width: 18px;
	border: 0;
}

#eventList .rimandoPage {
	width:20px;
	border: 0;
}

#eventList .iconaPage {
	height: 18px;
	width: 18px;
	border: 0;
}

/* Breadcrumb */
#breadcrumb  {
	border: 0px solid red;
	padding: 0;
	margin: 0 0 10px 0;
}

#breadcrumb h3 {
    padding: 5px 0;
  	margin-left:10px;
	color: #555;
	font-weight:normal;
	text-align: left;
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	font-size: 125%;
	text-transform:none;
	font-weight:normal;
}

	#breadcrumb h3 a, 
	#breadcrumb h3 a:link, 
	#breadcrumb h3 a:active,
	#breadcrumb h3 a:visited {
		color: #555;
		text-decoration: none;
		border-bottom:1px dotted #666;
		text-transform:none;
		font-weight:normal;
	}
	
	#breadcrumb h3 a:hover {
		text-decoration: none;
		color: #67080C;
		border-bottom:1px dotted #333;
	}
	

/* Badge*/
#moreInfo {
	position:relative; z-index:999; vertical-align:top; top:1px; left:583px; border:0px solid red; width:100px; height:96px;
	}

#moreInfoPacchetti {
	position: absolute; z-index:999; vertical-align:top; border:0px solid red; width:100px; height:96px; float: right; margin:1px 0 0 595px;
}

div.moreInfoPacchettiPosition{	position:relative;}	

#moreInfoVacanze {
	position:absolute; z-index:999; vertical-align:top; top:152px; left:426px;  border:0px solid red; width:243px; height:110px; clear: both;
	}

#viewProdottoPrenotaOra {
	position:absolute; z-index:999; vertical-align:top; top:287px; left:426px;  border:0px solid red; width:243px; height:110px; clear: both;
}

	
	
#showVirtual {	
	position:relative; z-index:999; vertical-align:top; top:1px; left:583px; border:0px solid red; width:100px; height:96px;
}
	
/* elenco sun*/
#sun {	margin: 0; padding: 0;}

#sun p {margin: 0; padding: 3px 0;}


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

#sun ul li {
	padding: 4px 2px 4px 25px;
	background: url(../img/sun.gif) no-repeat center left;
}

/* SPA percorso benessere */
/* accordion SPA percorsi benessere */


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

#kwickSpa li{
	color: #191919;
	margin: 0;
 	padding: 3px 2px 3px 28px;
	background: url(../img/sun.gif) no-repeat center left;
}

#kwickSpa li h3 {
	font:  12px "Arial", Arial, Verdana, sans-serif;
	text-transform:none;
	text-decoration:none;
	letter-spacing: 0.5px;
	text-align:left;
	color: #333;
	margin: 0;
	padding:0;
}

#kwickSpa li h3 a {
	font-weight:normal;
}

#kwickSpa li a,  
#kwickSpa li a:link,
#kwickSpa li a:visited    
{
	text-decoration: none;
	border-bottom: 1px dotted #555;
}

#kwickSpa li a:hover
{
	text-decoration: none;
	border-bottom: 0px;
	color: #67080C;
}

#kwickSpa li a:active    
{
	text-decoration: none;
	border-bottom: 1px dotted #555;
}

h2 {
	font-weight:normal;
}

h2 a, h2 a:link, h2 a:visited {
	text-decoration: none;
}

h2 a:hover {
	text-decoration: none;
}

h2 a:active {
	text-decoration: none;
}