/* Eric Meyer's Reworked-reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn,  font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {	margin: 0;padding: 0;	border: 0;font-weight: inherit;	font-style: inherit;font-size: 100%;	line-height: 1; 	font-family: inherit;	text-align: left;	vertical-align: baseline;}
a img, :link img, :visited img {	border: 0;}
table {	border-collapse: collapse;border-spacing: 0;}
ol, ul , dl {list-style: none;}
q:before, q:after,blockquote:before, blockquote:after {	content: "";}
/* </Reworked-reset> */

html{	margin: 0;	padding: 0;	background: #FFF url(_img/html_bg.jpg) repeat-x scroll left 100px;	text-align: center;	right: 0px;}
body { margin: 0; padding: 0; background: url(_img/background-testata.gif) repeat-x scroll left top; text-align: center; right: 0px; }
#decoration {margin: 0;padding: 0;	background: url(_img/arcobaleno.jpg) repeat-x left top;}
#wrapper { width: 920px; margin: 0 auto; position: relative; padding: 0; top: -1px; left: 0px; background: url(_img/fadegif.gif) no-repeat left 122px; height: 100%; font-family: "lucida grande", verdana, sans-serif; letter-spacing: normal; }
#tagline { font: italic normal 18px/14px "Trebuchet MS", Arial, Geneva, sans-serif; color: #0CF; margin: 0; padding: 20px 0px 0px; letter-spacing: 0.01em; }
#tagline img { margin-top: 30px; margin-bottom: 10px; }

sup {font-size: smaller;vertical-align: super;}
sub {font-size: smaller;vertical-align: sub;}
em { letter-spacing: 1px; font-style: italic; }
img {border: none;}
a, a:link, a:active {color: #F60;	font-weight: normal;}
a:visited {	color: #DD5800;	font-weight: normal;}
a:hover {color: #F60;text-decoration: underline;	font-weight: normal;}

#home p,  #cura p, #educazione p, #azienda p, #generale p, #pagnews p { color: #666; margin-bottom: 18px; font-size: 12px; line-height: 18px; }
#data { color: #666; margin: 12px 0px 6px; text-align: left; margin-left: 40px; font-size: 11px; line-height: 18px; }
#percorso { float: left; margin: 0px; padding: 16px 0px 0px 16px; width: 560px; color: #F60; clear: both; height: auto; text-align: right; font-size: 11px; line-height: 12px; }
#percorso a { color: #F60; text-decoration: none; background: url(_img/bullet1.gif) no-repeat left bottom; padding-left: 22px; font-size: 11px; font-style: normal; line-height: 13px; font-weight: normal; font-variant: normal; }
#percorso a:hover { color: #F60; text-decoration: underline; font-size: 11px; font-style: normal; line-height: 13px; font-weight: normal; font-variant: normal; }
#wrapper dl { color: #666; margin: 0px; padding: 10px 0 12px 0px; font-size: 11px; line-height: 15px; }
#wrapper dt { margin: 4px 0px; color: #666; background:  url("_img/bullet4.gif") no-repeat left top; text-indent: 20px; font-size: 11px; line-height: 15px; font-weight: bold; }
#wrapper dd { margin: 4px 0px 4px 20px; color: #666; font-size: 11px; line-height: 15px; }

/*<HEADER>*/
#header {height: 77px;position: relative;	top: 0;	left: 0;}
#header #marchio { position: absolute; margin: 25px 0px 0px; left: 670px; z-index: 1; height: 225px; width: 250px; padding: 0px; }
#header #logo { position: absolute; left: -31px; margin-top: 25px; height: 65px; width: 500px; }

/*<NAVIGAZIONE>*/
#nav a:hover {	color: #000;}
#nav { height: 20px; background: none; margin: 1px 0 0; padding: 2px 0 0; position: absolute; top: 98px; width: 660px; left:0; font-style: normal; line-height: 20px; font-weight: normal; font-variant: normal; }
#nav ul {	margin: 0;padding: 0;	list-style: none;background: none;	height: 20px; color: #666;}
#nav li { float: left; background:  url(stile1/_img/tab_reg_l.gif) no-repeat left top; margin: 0; height: 20px; padding: 0px; color: #666; visibility: visible; font-size: 11px; }
#nav a { float: left; display: block; background:  url(_img/tab_reg_r.gif) no-repeat right top; padding: 1px 25px 3px 17px; text-decoration: none; margin: 0; font-weight: bold; height: 20px; color: #666; width: 0.1em; }
#nav > ul a {	width: auto;}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#nav a {	float: none;}
/* End IE5-Mac hack */

#home #homenav, 
#azienda #aziendanav, 
#cura #curanav, 
#educazione #educazionenav
 { background:  url("stile/_img/tab_active_l.gif") no-repeat left bottom; border-width: 0; }
 
#home #homenav a, 
#azienda #aziendanav a, 
#cura #curanav a, 
#educazione #educazionenav a 
{ background:  url("_img/tab_active_r.gif") no-repeat right bottom; padding-bottom: 0px; color: #F90; }


/*<FOOTER>*/
#footer {
	background:  url(_img/footer.gif) repeat-x left top;
	height: 76px;
	width: 100%;
	text-align: center;
	position: relative;
	top: 0;
	left: 0;
	padding: 30px 0 0;
}
#footer_content { width: 880px; text-align: left; margin: 0 auto; font-family: "lucida grande", verdana, sans-serif; }
#footer_content p { color: #999; padding: 0; margin: 0; font-size: 11px; line-height: 16px; }
#footer_content p a { padding: 0; margin: 0; color: #FFFFFF; font-size: 11px; font-style: normal; line-height: 16px; font-weight: bold; font-variant: normal; }
#footer_content p a:hover {text-decoration: underline;}

/*<SINISTRA>*/
#sinistra { float: left; padding: 0px 0px 20px 40px; width: 620px; clear: both; position: relative; left: 0px; top: 45px; font-size: 12px; line-height: 18px; margin: 45 0 0 0px; }

h1 { padding: 0px; margin: 60px 0 30px; width: auto; font: normal 28px/32px "Trebuchet MS", Arial, Geneva, sans-serif; letter-spacing: 0.02em; }
h2 { margin: 18px 0 12px; width: auto; height: auto; padding: 2px 2px 2px 8px; background:  #EFEFEF; border: 1px solid #DDD; font: bold 15px/18px "Trebuchet MS", Arial, Geneva, sans-serif; letter-spacing: 0.04em; }
h3 { height: auto; font: bold 15px/18px "Trebuchet MS", Arial, Geneva, sans-serif; padding: 10px 0px; }
p { padding: 0px 0px 0px 0.5px; text-align: justify; font-size: 12px; line-height: 18px; }
ul { margin: 0px; padding: 0px 0 12px 22px; list-style:  url(_img/bullet3.gif); font-size: 12px; line-height: 18px; color: #666; }
li { margin: 4px 0px; padding-top: 2px; line-height: 18px; }
li a  { margin: 0px; padding: 4px 0 4px 0px; text-align: left; }
li a:hover {	text-decoration: underline;	text-align: left;}

ul.link { margin: 0px; padding: 10px 0 12px 22px; list-style:  url(_img/bullet-link.gif); }
ul.scarica li { border-left: 1px solid #DDD; border-right: 1px solid #DDD; border-top-style: none; padding: 0px; margin: 0px; border-bottom: 1px dashed #DDD; }
ul img { vertical-align: middle; margin: 2px 6px; height: 28px; width: 26px; }


/*<DESTRA>*/
#destra { width: 237px; margin: 200px 0px 0px; float: right; }
#destra h3 { margin: 18px 1 12px 0; width: 226px; height: auto; padding: 2px 2px 2px 10px; background:  #EFEFEF; font-size: 12px; line-height: 18px; font-weight: bold; border: 1px solid #DDD; }

#destra ul { margin: 16px 0px 16px 16px; padding: 0px; font-size: 11px; line-height: 15px; }
#destra li { margin: 0px; color: #666; border-top: none; border-right: none; border-bottom: 3px solid #FFF; border-left: none; padding: 2px 2px 3px; font-size: 11px; line-height: 15px; }
#destra li a  { margin: 0px; padding: 4px 0 4px 0px; color: #F60; text-decoration: none; font-style: normal; font-weight: normal; font-variant: normal; }
#destra li a:hover {	text-decoration: underline;}
#destra p.box { border-top: 1px none #FDC45A; border-right: 1px solid #FDC45A; border-bottom: 1px solid #FDC45A; border-left: 1px solid #FDC45A; padding: 6px; margin: -10px 0px 0px; height: auto; width: auto; font-size: 11px; line-height: 15px; }
#destra img { padding: 4px; position: relative; top: 0; left: 0; background: #E9E9E9; border: 1px solid #CCC; margin: 16px 2px 16px 0px; display: block; width: 230px; }


/*<HOME>*/
#top { width: 660px; padding: 45px 0 0px; height: auto; margin: 0px; clip: rect(auto,auto,auto,auto); }
#content {	float: left;	width: 620px;	position: relative;	left: 0px;	top: 0px;	margin: 0px;	padding: 0px 20px;}
#content ul { width: 49%; color: #C30; margin: 0px; padding: 20px 0 10px -1; float: left; font-size: 12px; }
#content li { margin: 4px 0px 4px 20px; padding: 0; color: #666; }
#content li a, a:link, a:active, a:visited {margin: 0px;padding: 0;color: #F60;	text-decoration: none;}
#content li a:hover {text-decoration: underline;	font-weight: bold;}
#pbg {	text-align: right;	margin: 6px 0px 0px 4px;vertical-align: bottom;}
#bottom {	position: relative;	top: 0;	left: 0;	visibility: visible;	margin: 0px;	padding: 0px;}

#home h1 { font: normal 24px/20px "Trebuchet MS", Arial, Geneva, sans-serif; color: #0CF; margin: 0; padding-top: 60px; letter-spacing: 0.01em; }
#home #immagini{ width: auto; float: left; position: relative; top: 0; left: 0; text-align: center; margin-right: 10px; margin-left: 10px; }
#home #immagini img {
	width: 188px;
	padding: 4px;
	float: left;
	position: relative;
	top: 0;
	left: 0;
	height: 138px;
	background: #E9E9E9;
	border: 1px solid #CCC;
	margin: 13px 13px 13px 0px;
}
#home #immagini p {
	position: relative;
	top: 0;
	left: 0;
	background: #E9E9E9;
	border: 1px solid #CCC;
	clear: both;
	float: left;
	text-align: justify;
	width: 586px;
	font-size: 11px;
	line-height: 17px;
	padding-top: 10px;
	padding-right: 16px;
	padding-bottom: 10px;
	padding-left: 16px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}
#home #destra {
	float: right;
	position: relative;
	top: 0;
	right: 0;
	width: 237px;
	padding: 0px 15 0 15px;
	margin: 13px 0 0;
	color: #666;
	font-size: 11px;
}
#home #destra p.small {
	text-align: left;
	font-size: 10px;
}

#home #destra .tasto1 {	height: 20px;	width: 220px;	float: left;	border: 1px solid #858585;	font-weight: bold;	font-size: 12px;	line-height: 20px;	vertical-align: middle;	margin-top: 2px;	background-image: url(_img/tasto-bg1.gif);	background-repeat: repeat-y;	background-position: left top;}
#home #destra .tasto2 {	height: 20px;	width: 220px;	float: left;	border: 1px solid #858585;	font-weight: bold;	font-size: 12px;	line-height: 20px;	vertical-align: middle;	margin-top: 2px;	background-image: url(_img/tasto-bg2.gif);	background-repeat: repeat-y;	background-position: left top;}
#home #destra .tasto1 a,  .tasto2 a {	text-decoration: none;	list-style: url(stile1/none);	padding-left: 20px;	font-size: 12px;	line-height: 20px;	font-weight: bold;	color: #333333;}
#home #destra .tasto1 a:hover, .tasto2 a:hover{	color: #000000;}
#home #destra .cartaservizi { height: 30px; width: 220px; float: left; padding: 0px; margin: 25px 0px 0px; background: left top; right: 0px; position: relative; border: 1px solid #858585; }
#home #destra .hospice {
	height: 50px;
	width: 220px;
	float: left;
	padding: 0px;
	background: left top;
	right: 0px;
	position: relative;
	border: 1px solid #858585;
	margin: 2px 0px 16px;
}



/*<AZIENDA>*/
#azienda h1 {color: #09C;}
#azienda h2 {font-color: #09C;	border-left: 8px solid #00ACE6;	color: #09C;}
#azienda h3 {color: #09C;}

#azienda caption { margin: 0px 0; width: auto; height: 25px; padding: 2px 2px 2px 8px; background:  #EFEFEF url(_img/freccia-azzurra.gif) no-repeat 0px 0px; color: #09C; text-indent: 10px; border: 1px solid #DDD; font-size: 13px; font-weight: bold; text-transform: uppercase; }
#azienda table { text-align: center; height: auto; width: 100%; color: #666; margin: 0px 0px 30px; padding: 0px; background: #F7F7F7; font-size: 11px; border-top: 1px solid #c9c9c9; border-right: 1px solid #c9c9c9; border-bottom: 3px solid #c9c9c9; border-left: 1px solid #c9c9c9; }
#azienda th { margin: 2px; border-top: 0px none; border-right: 1px none #DDD; border-bottom: 1px none #DDD; border-left: 0px none; background: #069; color: #FFF; font-size: 11px; font-weight: bold; vertical-align: middle; padding: 3px 4px; text-align: center; line-height: 15px; }
#azienda td { padding: 3px 4px 4px; border-top: none; border-right: 1px solid #DDD; border-bottom: 1px solid #DDD; border-left: none; margin: 0px; font-size: 11px; line-height: 15px; }
#azienda td.area { height: auto; padding: 3px 4px; color: #006699; background: #DDD; font-size: 11px; font-weight: bold; text-align: center; line-height: 15px; }

#azienda td.fine { padding: 3px 4px 4px; border-top: none; border-right: 1px solid #DDD; border-bottom: 3px solid #DDD; border-left: none; margin: 0px; font-size: 11px; line-height: 15px; }


/*<CURA>*/
#cura h1 { color: #7AB009; }
#cura h2 { font-color: #88C709; border-left: 8px solid #88c709; color: #7AB009; }
#cura h3 { color: #7AB009; }
#cura u { font-weight: bold; color: #7AB009; text-decoration: none; }
#cura ul.scarica { padding: 20px 0px 0px; list-style:  url(stile1/none) none; font-size: 11px; background: #F7F7F7 url(_img/scarica.gif) no-repeat right top; width: 580px; margin-left: 30px; border-top: none; border-right: 1px none #DDD; border-bottom: 1px solid #DDD; border-left: 1px none #DDD; }

#cura caption { margin: 0px 0; width: auto; height: 25px; padding: 2px 2px 2px 8px; background:  #EFEFEF url(_img/freccia-verde.gif) no-repeat 0px 0px; color: #7ab009; text-indent: 10px; border: 1px solid #DDD; font-size: 13px; font-weight: bold; }
#cura table { text-align: center; height: auto; width: 100%; color: #666; margin: 0px 0px 30px; padding: 0px; background: #F7F7F7; font-size: 11px; line-height: 18px; border-top: 1px solid #DDD; border-right: 1px solid #DDD; border-bottom: 3px solid #DDD; border-left: 1px solid #DDD; }
#cura th { margin: 2px; border-top: 0px none; border-right: 1px solid #DDD; border-bottom: 1px solid #DDD; border-left: 0px none; background: #7AB009; text-align: center; color: #FFF; font-size: 11px; line-height: 24px; font-weight: bold; vertical-align: middle; }
#cura td { padding: 3px 4px 4px; border-top: none; border-right: 1px solid #DDD; border-bottom: 1px solid #DDD; border-left: none; line-height: 10px; margin: 0px; }
#cura td.fine { padding: 3px 4px 4px; border-top: none; border-right: 1px solid #DDD; border-bottom: 3px solid #DDD; border-left: none; line-height: 10px; margin: 0px; }
.verde-bold { color: #FFFFFF; font-weight: bold; background: #7AB009; height: 12px; width: 12px; padding: 0px 3px; font-size: 11px; }
.arancio-bold { color: #FFFFFF; font-weight: bold; background: #F78123; height: 12px; width: 12px; padding: 0px 3px; font-size: 11px; }
#legenda table{ font-size: 11px; display: block; height: auto; width: auto; border: 1px solid #DDD; padding: 0px; background: #F7F7F7; line-height: 18px; margin: 18px 20px; }
#cura #decoration #wrapper #contentwrap #sinistra #legenda td { line-height: 15px; }



/*<EDUCAZIONE>*/
#educazione h1 { color: #A80000; }
#educazione h2 { font-color: #C00; border-left: 8px solid #B70000; color: #A80000; }
#educazione h3 { color: #A80000; }
#educazione caption {color: #B70000;}
#educazione ul.scarica { padding: 20px 0px 0px; list-style:  url(stile1/none) none; font-size: 11px; background: #F7F7F7 url(_img/scarica-edu.gif) no-repeat right top; width: 580px; margin-left: 30px; border-top: none; border-right: 1px none #DDD; border-bottom: 1px solid #DDD; border-left: 1px none #DDD; }


/*<GENERALE>*/
#generale h1 {	color: #09C;}
#generale h2 { font-color: #09C; border-left: 8px solid #00ACE6; color: #09C; }
#generale h3 {color: #09C;}
#generale caption {color: #09C;}