/* general rules */
body
{
	margin: auto;
	padding: 0px;
	border: none;
	text-align: center;
	background-color: #fffff;
	background-image: url(body.gif);
	background-repeat: repeat-x;
	background-position: top;
	font-family: Helvetica, Verdana, Arial, sans-serif;
  	font-weight: normal;
  	color: #505050;
}
div#container
{
	margin: auto;
	padding: 0px;
	height: 100%;
	text-align: center;
	width: 900px;
}
body>div#container
{
	height: auto;
	min-height: 100%;
}
/* title of page */
div#header
{
	width: 900px;
	height: 137px;
	background-image: url(header.gif);
	background-repeat: repeat-x;
	background-position: top;
	position: relative;
}
img#ossigeno
{
	float: left;
	margin: 5px;
}
/* content with menu and titles */
div#menu
{
	float: right;  
	width: 210px;
	height: 30px;
	margin: 0px;
	padding: 0px;
	font-family: "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;  
	line-height: 1.8;    
	font-weight: normal;
	position: absolute;
	bottom: 10px;
	text-align: right;
	right: 10px;
}
div#ricerca
{
	position:relative;
	float:right;
	width:212px;
	height:31px;
	bottom:0px;
	margin-bottom: 10px;
	margin-right: 7px;
}

.ricerca
{
	position:relative;
	float:right;
	width:212px;
	height:31px;
	bottom:0px;
	background-image: url(ricerca.gif);
	background-position: 0px 0px;
	text-indent: -9999em;
}
.ricerca:hover
{
	position:relative;
	float:left;
	width:212px;
	height:31px;
	bottom:0px;
	background-image: url(ricerca.gif);
	background-position: 0px -31px;
}

/* fine nav */

div#content  
{  
	clear: none;  
	height: 100%;
	position: relative;
}  
	h1
	{  
		height: auto;
		text-align: left;
		padding: 0px 0px 0px 10px;
		margin: 5px 0px 0px 0px; 
		font-size: 12pt;  
		font-family: "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;    
		text-align: justify;  
		font-weight: normal; 
		color: #004066;
		font-weight: normal;
	}  
	div.data  
	{  
		padding: 15px;
	}
div#left
{
	width: 412px;
	height: 430px;
	float: left;
	padding-right: 20px;
}
div#right
{
	width: 420px;
	height: 430px;
	float: right;
	background-image: url(right_bg.gif);
	background-repeat: no-repeat;
	background-position: top;
	margin: 0px;
}
div#contatti
{
	width: 857px;
	height: 50px;
	border: 1px solid #dddddd;
	padding: 5px;
}
div#prezzi
{
	width: 100%;
	height: 100%;
	border-top: 1px dotted #878787;
	padding: 5px;
	margin: 10px 0px 3px 0px;
}
div#contatti a:link  
{  
	color: #bdbdbd;  
	text-decoration: none; 
}  
div#contatti a:visited  
{  
	color: #bdbdbd;  
	text-decoration: none;  
}  
div#contatti a:active  
{  
	color: #bdbdbd;  
	text-decoration: underline;  
}  
div#contatti a:hover  
{  
	color: #004066;  
	text-decoration: none;  
}  

ol {
	font: normal 1.1em Arial, Helvetica, sans-serif;
	color: #666;
}
ol p {
	font: normal .9em Arial, Helvetica, sans-serif;
	color: #505050;
	border-left: solid 1px #999;
	margin: 0;
	padding: 0 0 1em 1em;
}

.scheda
{
	width:850px;
	height:auto;
	margin: 5px 0px 0px 0px;
	padding: 6px 8px 6px 8px;
	display: block;
}
.scheda:hover
{
	background: #f0f0f0;
}

/* content popup */
div#popup  
{  
	width: 100%;
	height: 100%;
	padding: 0px;
	border: none;  
	margin: 0px;   
	text-align: left;  
}
div#logo_popup
{
	width: 100%;
	height: 85px;
	float: left;
	text-align: center;
	margin-bottom: 10px;
}
div#footer_popup
{
	width: 100%;
	height: 120px;
	float: left;
	text-align: center;
	margin-top: 30px;
	border-top: 1px solid #ccc;
}
div#popup_right
{
	width: 30%;
	height: 100%;
	float: right;
	margin: 33px 0px 0px 10px;
}
div#popup_left
{
	width: 65%;
	height: 100%;
	float: left;
	margin-left: 0mm;
}
div#popup_right img
{
	border: 1px solid #003961;
	padding: 3px;
	margin: 4px;
}
div#popup_right img:hover
{
	border: 1px dotted #003961;
	background-color: #003961;
	padding: 3px;
	margin: 4px;
}
span.id
{
	font-size: 9px;
	float: left;
	margin: 10px;
}
img.footer
{
	float: left;
	margin-left: 5px;
	margin-top: 5px;
}
p.titolo
{
	padding: 4px 0px 0px 0px;  
	margin: 0px;  
	font-size: 11pt;  
	font-family: "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;    
	text-align: justify;  
	font-weight: normal; 
	color: #878787;
	border-bottom: 1px dotted #505050;
	height: auto;
}
p
{
	padding: 4px 0px;  
	margin: 0px;  
	font-family: Helvetica, Verdana, Arial, sans-serif;
  	font-weight: normal;
  	color: #505050;
  	font-size: 12px;  
	line-height: 1.8;  
	text-align: justify;  
}
p.scheda
{
	font-family: Helvetica, Verdana, Arial, sans-serif;
  	font-weight: normal;
  	color: #505050;
  	font-size: 14px;  
	line-height: 1.2;  
	text-align: justify;
	padding: 0px;
}
span.prezzo
{
	float: right;
	margin: -17px 0 0;
	padding: 3px;
	background-color: #f0f0f0;
}
/* footer and disclaimer (gpl license)*/  
div#footer  
{  
	position: relative;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 150px;  
	background-color: #004066;
	background-image: url(footer.jpg);
	background-repeat: no-repeat;
	background-position: center top;  
}
h6  
{  
	padding: 2px 3px 2px 2px;  
	margin: 0px;  
	font-size: 8pt;  
	font-family: Verdana, sans-serif;  
	line-height: 1.2;  
	text-align: center;  
	font-weight: bolder;  
	}  
/* other graphic rules */ 
.divisorio
{
	width: 100%;
	height: 20px;
	background-image: url(stripe.gif);
	background-repeat: repeat-x;
	
}
br.clear  
{  
	clear: both;	  
} 
img  
{  
	border: none;  
	padding: 0px;  
	margin: 0px;  
}  
form  
{
	vertical-align: middle;
	border: none;
	padding: 5px;
	font-family: "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;  
	font-size: 12px;
	text-align: left;
	margin: 0px 0px 0px 3px;
}  
optgroup  
{  
	font-style: italic;  
}  
input[type="text"]  
{  
	width: 98%;
	background: #fff;
	border: 1px dotted #ccc;
}
input[type="password"]  
{  
	width: 98%;
	background: #fff;
	border: 1px dotted #ccc;
} 
textarea  
{  
	width: 98%;  
	height: 200px;
	background: #fff;
	border: 1px dotted #ccc;  
}
select
{
	border: 1px solid #ccc;
	font-family: "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
}
table  
{  
	table-layout: fixed;  
	border-collapse: collapse;  
	empty-cells: show;  
	width: 100%;  
	padding: 0px;  
	margin: 5px 0 0 0; 
	padding: 5px;
	border: none;
}  
tr  
{  
	padding: 5px;  
	margin: 0px;  
	border: none;  
}  
th  
{  
	border: 1px solid #ccc; 
	padding: 5px;  
	margin: 0px;  
	font-size: 12px;  
	font-family: "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;   
	line-height: 1.2;  
	text-align: center;  
	font-weight: bolder;  
}  
td  
{  
	border: 1px solid #ccc;  
	font-size: 12px;  
	padding: 5px;  
	margin: 0px;  
	font-family: "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;   
	line-height: 1.2;  
	text-align: center;  
	font-weight: normal;  
} 
/* h2 and h3 used for menu (title and option) */ 
/* h3 also used for left link */ 
h2  
{  
	background-color: #6ba7e9;
	font-family: Verdana, sans-serif;
    font-size: 12px;
	text-align: center;  
	padding: 2px;  
	margin: 4px;  
}  
h3  
{
	padding: 1px 3px;  
	margin: 4px;  
	font-size: 9pt;  
	font-family: Verdana, sans-serif;  
	line-height: 1.2;  
	text-align: left;  
	font-weight: normal;  
} 
/* h4 used for center link */ 
h4  
{  
	padding: 2px;  
	margin-bottom: 10px;  
	font-size: 9pt;  
	font-weight: normal;  
	font-family: "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif; 
	line-height: 1.2;  
	text-align: center;
} 
/* h5 opposite h3 (right link) */ 
h5  
{  
	float: left;
	padding: 2px;  
	margin-bottom: 5px;
	margin-top: 0px;  
	font-size: 9pt;  
	font-weight: normal;  
	font-family: "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif; 
	line-height: 1.2;  
	text-align: right;
}  
div  
{  
	margin: 0px;
	padding: 0px;  
	border: none;  
	text-align: center;  
}   
hr  
{  
	width: 99%;  
	height: 1px;  
	color: #FFFFFF;  
} 
/* code, strong and em are text styles which substitute b and i*/
code  
{  
	font-size: 9pt;
	font-family: Courier, monospace;
	line-height: 1.2;
	text-align: left;
	font-weight: normal;
}
samp
{
	font-family: Courier, monospace;
}
kbd
{
	font-family: Courier, monospace;
}
var
{
    font-style: italic;
}
strong  
{  
	font-weight: bolder;  
}
em  
{  
	font-style: italic;
} 
/* link style */ 
a:link  
{  
	color: #4b4b4b;  
	text-decoration: none; 
}  
a:visited  
{  
	color: #4b4b4b;  
	text-decoration: none;  
}  
a:active  
{  
	color: #4b4b4b;  
	text-decoration: underline;  
}  
a:hover  
{  
	color: #004066;  
	text-decoration: none;  
}  
div.paragraph  
{  
	padding: 4px 0px;  
	margin: 0px;  
	font-size: 9pt;  
	font-family: Verdana, sans-serif;  
	line-height: 1.2;  
	text-align: left;  
	font-weight: normal;  
}  
td.evidence  
{  
	background-color: #F5F5F5;  
	text-align: left;  
	font-weight: bolder;	  
}  
td.not_evidence  
{  
	background-color: #F5F5F5;  
	text-align: left;  
	font-weight: bolder;  
} 
/* label and input used for forms */ 
td.label  
{  
	vertical-align: top;  
	text-align: left; 
	border: none;
	background-color: #f0f0f0;
	margin: 3px 0px 3px 3px;
	border: 2px solid #ffffff;
}  
td.input  
{  
	vertical-align: top;
	text-align: left;
	border: none;
	background-color: #f0f0f0;
	border: 2px solid #ffffff;
}
td.labelhome
{  
	vertical-align: top;  
	text-align: left;
	width: 20%; 
	border: none;
	background-color: #f0f0f0;
	margin: 3px 0px 3px 3px;
	border: 2px solid #ffffff;
}  
td.inputhome
{  
	vertical-align: top;
	width: 80%;
	text-align: left;
	border: none;
	background-color: #f0f0f0;
	border: 2px solid #ffffff;
}
/* block of quote or code */
blockquote
{
	border: 1px solid #B9B9B9;
	margin: 4px;
	padding: 2px;
	background-color: #DDDDDD;
	text-align: left;
}
q
{
    font-style: italic;
}
div.quote /* backwards compatibility */
{
	border: 1px solid #B9B9B9;
	margin: 4px;
	padding: 2px;
	background-color: #DDDDDD;
	text-align: left;
}
div.code
{
	border: 1px solid #B9B9B9;
	margin: 4px;
	padding: 2px;  
	background-color: #DDDDDD;  
	text-align: left;  
} 
/* hidden text (for screen readers) */ 
.hidden  
{  
	display: none;  
} 
/* smile and evidence */ 
span.smile  
{  
	padding: 2px;  
}  
span.evidence  
{  
	color: #0000CC;  
	font-weight: bolder;  
} 
/* small link (used for partner) */ 
a.partner  
{  
	color: #808080;  
	text-decoration: none;  
	font-size: 10pt;  
	font-family: Verdana, sans-serif;  
	line-height: 1.2;  
	text-align: center;  
	font-weight: normal;  
} 
/* link for button and button which open new windows */ 
a.button_blank  
{  
	color: #006699;  
	text-decoration: none;  
}  
a.button  
{  
	color: #006699;  
	text-decoration: none;  
} 
/* element without margin, padding and border (collapsed images) */  
.null  
{  
	background-color: inherit;  
	padding: 0px;  
	border: none;  
	margin: 0px;  
} 
/* positive and negative span (for example 'online' and 'offline') */ 
.positive  
{  
	color: #00CC00;  
	text-align: left;  
}  
.negative  
{  
	color: #CC0000;  
	text-align: left;  
} 
/* color of error messages */  
.error  
{  
	color: #CC0000;  
}
/* panel */
a:focus {
	outline: none;
}
#panel {
	height: auto;
	display: none;
	border-bottom: 1px solid #ccc;
}
.livelli {
	margin: 3px 0px 0px 10px;
}
.iscrizione {
	position:relative;
	float:right;
	width:212px;
	height:31px;
	bottom:0px;
	background-image: url(iscrizione.gif);
	background-position: 0px 0px;
	text-indent: -9999em;
}
.iscrizione:hover
{
	position:relative;
	float:right;
	width:212px;
	height:31px;
	bottom:0px;
	background-image: url(iscrizione.gif);
	background-position: 0px -31px;
}
/* validation */
.panel {
	clear: both;
	display: none;
	border: 3px solid #CCC;
	padding: 1em;
}
.panel.active-tab-body {
	display: block;
}
#tabs {
	list-style: none;
}

#tabs li {
	float: left;
}

#tabs a {
	float: left;
	padding: 5px 8px;
	margin-left: 6px;
	background-color: #F2F2F2;
	text-decoration: none;
	color: #999999;
}

#tabs a.active-tab {
	background-color: #CCC;
	border-top: 3px solid #999;
	padding-top: 3px;
	color: #000;
}
input.disabled {
	border: 1px solid #F2F2F2;
	background-color: #F2F2F2;
}

input.required, textarea.required select.required {
	
}
input.validation-failed, textarea.validation-failed, select.validation-failed {
	border: 1px solid #FF3300;
	color : #FF3300;
}
input.validation-passed, textarea.validation-passed, select.validation-passed {
	border: 1px solid #00CC00;
	color : #000;
}

.validation-advice {
	margin: 5px 0;
	padding: 3px;
	color : #FF3300;
	text-align: left;
	font-weight: normal;
	width: 70%;
}

.custom-advice {
	margin: 5px 0;
	padding: 5px;
	color : #FF3300;
	text-align: left;
	font-weight: normal;
	width: 70%;
}

fieldset {
	padding: 1em;
	margin-bottom: 0.5em;
}

label {
	font-weight: normal;
}
.form-row {
	clear: both;
	padding: 0.5em;
}

.field-label {

}

.field-widget {

}
/* Main Style Sheet for jQuery UI date picker */
#datepicker_div, .datepicker_inline {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding: 0;
	margin: 0;
	background: #ddd;
	width: 185px;
}
#datepicker_div {
	display: none;
	border: 1px solid #777;
	z-index: 9999; /*must have*/
}
.datepicker_inline {
	float: left;
	display: block;
	border: 0;
}
.datepicker_rtl {
	direction: rtl;
}
.datepicker_dialog {
	padding: 5px !important;
	border: 4px ridge #ddd !important;
}
button.datepicker_trigger {
	width: 25px;
}
img.datepicker_trigger {
	margin: 2px;
	vertical-align: middle;
}
.datepicker_prompt {
	float: left;
	padding: 2px;
	background: #ddd;
	color: #000;
}
* html .datepicker_prompt {
	width: 185px;
}
.datepicker_control, .datepicker_links, .datepicker_header, .datepicker {
	clear: both;
	float: left;
	width: 100%;
	color: #fff;
}
.datepicker_control {
	background: #400;
	padding: 2px 0px;
}
.datepicker_links {
	background: #004066;
	padding: 2px 0px;
}
.datepicker_control, .datepicker_links {
	font-weight: bold;
	font-size: 80%;
	letter-spacing: 1px;
}
.datepicker_links label { /* disabled links */
	padding: 2px 5px;
	color: #004066;
}
.datepicker_clear, .datepicker_prev {
	float: left;
	width: 34%;
}
.datepicker_rtl .datepicker_clear, .datepicker_rtl .datepicker_prev {
	float: right;
	text-align: right;
}
.datepicker_current {
	float: left;
	width: 30%;
	text-align: center;
}
.datepicker_close, .datepicker_next {
	float: right;
	width: 34%;
	text-align: right;
}
.datepicker_rtl .datepicker_close, .datepicker_rtl .datepicker_next {
	float: left;
	text-align: left;
}
.datepicker_header {
	padding: 1px 0 3px;
	background: #333;
	text-align: center;
	font-weight: bold;
	height: 1.3em;
}
.datepicker_header select {
	background: #333;
	color: #fff;
	border: 0px;
	font-weight: bold;
}
.datepicker {
	background: #ccc;
	text-align: center;
	font-size: 100%;
}
.datepicker a {
	display: block;
	width: 100%;
}
.datepicker_titleRow {
	background: #777;
}
.datepicker_daysRow {
	background: #eee;
	color: #666;
}
.datepicker_weekCol {
	background: #777;
	color: #fff;
}
.datepicker_daysCell {
	color: #000;
	border: 1px solid #ddd;
}
.datepicker_daysCell a{
	display: block;
}
.datepicker_weekEndCell {
	background: #ddd;
}
.datepicker_titleRow .datepicker_weekEndCell {
	background: #777;
}
.datepicker_daysCellOver {
	background: #fff;
	border: 1px solid #777;
}
.datepicker_unselectable {
	color: #888;
}
.datepicker_today {
	background: #fcc !important;
}
.datepicker_currentDay {
	background: #999 !important;
}
.datepicker_status {
	background: #ddd;
	width: 100%;
	font-size: 80%;
	text-align: center;
}

/* ________ Datepicker Links _______

** Reset link properties and then override them with !important */
#datepicker_div a, .datepicker_inline a {
	cursor: pointer;
	margin: 0;
	padding: 0;
	background: none;
	color: #000;
}
.datepicker_inline .datepicker_links a {
	padding: 0 5px !important;
}
.datepicker_control a, .datepicker_links a {
	padding: 2px 5px !important;
	color: #eee !important;
}
.datepicker_titleRow a {
	color: #eee !important;
}
.datepicker_control a:hover {
	background: #fdd !important;
	color: #333 !important;
}
.datepicker_links a:hover, .datepicker_titleRow a:hover {
	background: #ddd !important;
	color: #333 !important;
}

/* ___________ MULTIPLE MONTHS _________*/

.datepicker_multi .datepicker {
	border: 1px solid #777;
}
.datepicker_oneMonth {
	float: left;
	width: 185px;
}
.datepicker_newRow {
	clear: left;
}

/* ___________ IE6 IFRAME FIX ________ */

.datepicker_cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}