@charset "UTF-8";
/* CSS Document */

*{
margin:0px;
padding:0px;
}

body{
background-image:url(img/sfumatura.jpg);
background-repeat:repeat-x;

}

a, a:visited{
		text-decoration:none;
		color:#617B88;
		}
		
		
a:hover{
		text-decoration:none;
		color:#333333;
		}
		
		a:focus{
			outline:none;
			
			}
	


#sfondo{
background-position:top center;
width:100%;
height:auto;
background-image:url(img/bio_2.jpg);
background-repeat:no-repeat;

}


#sfondo_trattamenti{
background-position:top center;
width:100%;
height:auto;
background-image:url(img/sfondo_trattamenti.jpg);
background-repeat:no-repeat;

}


#navigation{
width:100%;
height:30px;
background-color:#404242;
font-size:12px;

}

.navigation_container{
margin:0px auto 0px auto;
width:890px;
height:30px;
text-decoration:none;
list-style-type:none;
font-family:Arial, Helvetica, sans-serif;

}

ul#bottone0 li{
width:130px;
height:30px;
text-decoration:none;
float:left;
list-style-type:none;
}



ul#bottone0 li a{
background-color:#11518B;
width:120px;
height:20px;
text-decoration:none;
padding:10px 0 0 8px;
color:#FFFFFF;
display:block;


}
ul#bottone0 li a:hover{
background-color:#404242;
text-decoration:none;
color:#ffffff;
width:120px;
height:20px;


}

ul#bottone1 li{
width:120px;
height:30px;
text-decoration:none;
float:left;
list-style-type:none;
}



ul#bottone1 li a{
background-color:#3a332c;
width:120px;
height:20px;
text-decoration:none;
padding:10px 0 0 8px;
color:#FFFFFF;
display:block;


}
ul#bottone1 li a:hover{
background-color:#404242;
text-decoration:none;
color:#ffffff;
width:120px;
height:20px;


}
ul#bottone2 li{
width:120px;
height:30px;
text-decoration:none;
float:left;
list-style-type:none;
color:#ffffff;}



ul#bottone2 li a{
background-color:#0b7e8f;
width:120px;
height:20px;
text-decoration:none;
padding:10px 0 0 8px;
color:#FFFFFF;
display:block;


}

ul#bottone2 li a:hover{
background-color:#404242;
text-decoration:none;
color:#ffffff;
width:120px;
height:20px;


}

ul#bottone3 li{
width:120px;
height:30px;
text-decoration:none;
float:left;
list-style-type:none;
color:#7d7a77;
}



ul#bottone3 li a{
background-color:#ffffff;
width:120px;
height:20px;
text-decoration:none;
padding:10px 0 0 8px;
color:#7d7a77;
display:block;


}

ul#bottone3 li a:hover{
background-color:#404242;
text-decoration:none;
color:#ffffff;
width:122px;
height:20px;


}

ul#bottone4 li{
width:120px;
height:30px;
text-decoration:none;
float:left;
list-style-type:none;
color:#FFFFFF;
}


ul#bottone4 li a{
background-color:#59a5f5;
width:120px;
height:20px;
text-decoration:none;
padding:10px 0 0 8px;
color:#FFFFFF;
display:block;


}

ul#bottone4 li a:hover{
background-color:#404242;
text-decoration:none;
color:#ffffff;
width:120px;
height:20px;


}

ul#bottone5 li{
width:120px;
height:30px;
text-decoration:none;
float:left;
list-style-type:none;
color:#FFFFFF;
}


ul#bottone5 li a{
background-color:#406a99;
width:120px;
height:20px;
text-decoration:none;
padding:10px 0 0 8px;
color:#FFFFFF;
display:block;


}

ul#bottone5 li a:hover{
background-color:#404242;
text-decoration:none;
color:#ffffff;
width:120px;
height:20px;


}

ul#bottone6 li{
width:120px;
height:30px;
text-decoration:none;
float:left;
list-style-type:none;
color:#FFFFFF;
}


ul#bottone6 li a{
background-color:#11518B;
width:120px;
height:20px;
text-decoration:none;
padding:10px 0 0 8px;
color:#FFFFFF;
display:block;


}

ul#bottone6 li a:hover{
background-color:#404242;
text-decoration:none;
color:#ffffff;
width:120px;
height:20px;


}


#wrapper{

width:760px;
height:800px;
margin:0px auto 0px auto;
padding:0px auto 0px auto;


}

#logo{
width:284px;
height:62px;
float:left;
margin:60px 10px 10px 10px;
border:none;


}


.logo{
	float:left;
	margin:60px 0px 0px -35px;
	cursor:pointer;
		position:relative;
		z-index:1000;
	
	
	
	}
	
	.slide_home{
		height:360px;
		}
		
		
		
		
		
		@media screen and (-webkit-min-device-pixel-ratio:0){
.slide_home{
		height:360px;	
		}
		
		}
h3{
font-family:"Georgia", Times New Roman, Times, serif;
font-size:24px;
color:#404242;
font-style:italic;
font-weight:lighter;


}

#trattamenti h3{
font-family:"Georgia", Times New Roman, Times, serif;
font-size:18px;
color:#404242;
font-style:italic;
font-weight:lighter;


}

#trattamenti h3 a, #trattamenti h3 a:visited{
font-size:18px;
color:#404242;
text-decoration:none;
}

#trattamenti h3 a:hover{
font-size:18px;
color:#617B88;
text-decoration:none;
}


h1{
font-family:"Georgia", Times New Roman, Times, serif;
font-size:24px;
color:#404242;
font-style:italic;
font-weight:lighter;


border-bottom:3px solid #617b88;
width:726px;
margin:0px 0px 20px 0px;



}

span.casi_h1{
	 float:right;
font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
font-size:15px;
color:#617B88;
font-weight:lighter;
font-style:normal;
padding-bottom:10px;
margin-top:8px;
	 

	
	}

h4{
font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
font-size:15px;
color:#617B88;
font-weight:lighter;
font-style:normal;
padding-bottom:10px;


}
h4 a, h4 a:visited{
color:#404242;
text-decoration:none;
}

h4 a:hover{
color:#66727f !important;
text-decoration:none;
}

#news{
width:740px;
height:auto;
float:left;
margin:-180px 0 0 10px;
font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
font-size:12px;
color:#66727f;
font-weight:lighter;
font-style:italic;
position:relative;
z-index:100000;


}
#trattamenti{
width:740px;
height:auto;
float:left;
margin:50px 0px 20px 10px;
font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
font-size:12px;
color:#66727f;
font-weight:lighter;
font-style:italic;


}


.box1{
width:225px;
height:180px;
float:left;
margin:5px 15px 20px 5px;
padding:0px 0px 5px 0px;

}

.box1 p, .box2 p, .box3 p{
height:85px;
overflow:hidden;
width:100%;

}

/* Firefox */
@-moz-document url-prefix() {
  .box1 p, .box2 p, .box3 p { height:77px; }
}

.linea{
width:225px;
height:4px;
float:left;
background-color:#11518b;
margin:5px 0px 10px 0px;

}


.link{
width:225;
border-top:2px solid #11518b;
margin-top:5px;
color:#66727f;
padding-top:5px;


}

.link a{
width:225;
margin-top:5px;
color:#66727f;
text-decoration:none;

}

.box2{
width:225px;
height:180px;
float:left;
margin:5px 15px 20px 5px;
padding:0px 0px 5px 0px;

}

.linea1{
width:225px;
height:4px;
float:left;
background-color:#67a2d8;
margin:5px 0px 10px 0px;

}

.link1{
width:225;
border-top:2px solid #67a2d8;
margin-top:5px;
padding-top:5px;


}

.link1 a{
margin-top:5px;
color:#66727f;
text-decoration:none;

}


.box3{
width:225px;
height:180px;
float:left;
padding:0px 0px 5px 0px;
margin:5px 15px 20px 5px;

}
.linea2{
width:225px;
height:4px;
float:left;
background-color:#0b7d8f;
margin:5px 0px 10px 0px;

}

.link2{
width:225;
border-top:2px solid #0b7d8f;
margin-top:5px;
padding-top:5px;


}

.link2 a{
width:225;
margin-top:5px;
color:#66727f;
text-decoration:none;

}



#aree{
width:725px;
height:auto;
float:left;
margin:20px 0px 20px 10px;
font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
font-size:12px;
color:#66727f;
font-weight:lighter;
font-style:italic;
background-color:#FFFFFF;


}

#spaziogallery{
width:725px;
float:left;
margin:20px 0px 20px 0px;
font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
font-size:12px;
color:#66727f;
font-weight:lighter;
font-style:italic;
background-color:#007D91;
height:452px;
}



.areadidattica{
width:230px;
height:180px;
float:left;
padding:0px 0px 5px 0px;
margin:0px 10px 0px 5px;
background-image:url(img/sfondino1.jpg);
background-repeat:no-repeat;

}



.convenzioni{
width:230px;
height:180px;
float:left;
padding:0px 0px 5px 0px;
margin:0px 10px 0px 5px;
background-image:url(img/sfondino2.jpg);
background-repeat:no-repeat;

}


.partnership{
width:230px;
height:180px;
float:left;
padding:0px 0px 5px 0px;
margin:0px 0px 0px 5px;
background-image:url(img/sfondino3.jpg);
background-repeat:no-repeat;

}

.titolino{
color:#657b87;
margin:10px 0px 10px 10px;}




.titolone{
font-family:"Georgia", Times New Roman, Times, serif;
font-size:16px;
font-style:italic;
font-weight:lighter;
margin:10px 5px 30px 10px;
height:55px;
}


.vai_sezione{
color:#2b70af;
margin:70px 0px 0px 10px;


}

.vai_sezione a{
color:#2b70af;
text-decoration:none;


}



#footer{
width:726px;
height:auto;
float:left;
margin:0px 0px 30px 10px;
font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
font-size:12px;
border-top:3px solid #657b87;



}

.titolofooter{
font-family:"Georgia", Times New Roman, Times, serif;
font-size:16px;
font-style:italic;
font-weight:lighter;
margin:10px 5px 10px 10px;
color:#66727f;
}



.footer_menu{
width:720px;
height:auto;
float:left;
color:#657b87;
margin:0px 0px 5px 0px;
text-decoration:none;
list-style-type:none;
}


ul.footer_menu{
width:120px;
height:auto;
color:#657b87;
float:left;
text-decoration:none;
list-style-type:none;
}

ul.footer_menu li{
color:#657b87;
width:120px;
height:auto;
text-decoration:none;
list-style-type:none;
margin:0px 10px 0px 10px;
}

ul.footer_menu li a, ul.footer_menu li a:visited{

width:120px;
height:auto;
color:#657b87;
text-decoration:none;
list-style-type:none;

}


ul.footer_menu li a:hover{

width:120px;
height:auto;
color:#0a3965;
text-decoration:underline;
list-style-type:none;

}

#cerca{
float:right;
height:auto;
width:290px;


}

.searchform{
height:19px;
float:left;
display:block;
border:1 px solid #0099FF;
width:160px;
margin:20px 0px 10px 0px

}

.searchbutton{
float:left;
width:30px;
height:21px;
background-color:#0000FF;
color:#FFFFFF;
margin:20px 0px 10px 10px




}




.copyright{
width:722px;
height:16px;
float:left;
margin:10px 0px 0px 0px;
border-top:2px solid #92a2aa;
border-bottom:2px solid #b2bdc3;
font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
font-size:12px;
color:#92a2aa;
padding:5px 0px 5px 6px;

}

.copyright a{
font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
font-size:12px;
color:#92a2aa;
text-decoration:none;


}

.copyright a:hover{
font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
font-size:12px;
color:#0a3965;
text-decoration:underline;


}

ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px; /*--Set height of tabs--*/
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	width: 100%;
		list-style:none !important;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 31px; /*--Vertically aligns the text within the tab--*/
	border: 1px solid #999;
	border-left: none;
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
	background: #e0e0e0;
	list-style:none !important;
}
ul.tabs li a {
	text-decoration: none;
	color: #000;
	display: block;
	font-size: 1.2em;
	padding: 7px 10px 20px 10px;
	outline: none;
}
ul.tabs li a:hover {
	background: #ccc;
}
html ul.tabs li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	background: #fff;
	border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/
}


.tab_container {
	border: 1px solid #999;
	border-top: none;
	overflow: hidden;
	clear: both;
	float: left; width: 100%;
	background: #fff;
}
.tab_content {
	padding: 20px;
	font-size: 1.2em;
}

ul.categorie_casi{
	float:left;
	width:200px;
	
	}
	
	ul.categorie_casi li{
		list-style:none;
		padding-bottom:10px;
	}
	
	ul.categorie_casi li a, ul.categorie_casi li a:visited{
		font-style:normal;
		text-decoration:none;
		color:#617B88;
		}
		
		
	ul.categorie_casi li a, ul.categorie_casi li a:hover{
		font-style:normal;
		text-decoration:none;
		color:#333333;
		}
	
	p.casi{
		float:left;
		width:500px;
		font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
font-size:14px;
color:#404242;
font-style:normal;
line-height:20px;

		
		}
		
		p.singolo_caso{
	

		font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
font-size:14px;
color:#404242;
font-style:normal;
line-height:20px;
text-align:justify;

		
		}
		
			p.singolo_caso img{
				border:1px solid #999999;
		
		}
		
		
		
		#trattamenti ul li{
			
		font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
font-size:14px;
color:#404242;
font-style:normal;
line-height:20px;
list-style-type:square;
list-style-position:inside;


}


		
		.evidenza{
			color:#11518B;
			font-weight:bold;
			
			
			}
			
			table.ra{
				display:none !important;
				
				
				}
				
				#res table{
				display:none !important;
				
				
				}
				
				/* Alcune righe di codice di convenzione */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em,  
font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody,  
tfoot, thead, tr, th, td {  
border:0pt none;  
font-family:inherit;  
font-size:100%;  
font-style:inherit;  
font-weight:inherit;  
margin:0pt;  
padding:0pt;  
vertical-align:baseline;  
}  
/* Ci servirà per oscurare la pagina */
#nero{
/* Imposto il colore nero */
background-color:#000000;
/* Imposto come puntatore la manina */
cursor:pointer;
/* Imposto i valori di altezza e larghezza a 100% */
height:100%;
width:100%;
/* Ci servirà in modo tale che non ci siano margini */
left:0;
top:0;
/* Impostiamo come posizione la fissa */
position:fixed;
/* Aggiungiamo i codice per opacizzare lo sfondo. */
opacity: 0.65;
-moz-opacity: 0.65;
filter:alpha(opacity=65);
/* E' utile nel caso in cui ci siano altri oggetti in posizione assoluta o fissa */
z-index:200000;
/* Lo rendiamo non visibile */
display:none;
}

/* Questo sarà il nostro popup */
.messaggio{
/* Impostiamo il bianco come colore di sfondo e creiamo un piccolo bordo */
background-color:#FFFFFF;
border:3px solid #AAAAAA;
/* Impostiamo un leggero margine interno */
padding:5px;
/* Impostiamo la posizione come fissa. Ci servirà in modo tale che il popup segua lo scrolling della pagina */
position:fixed;
/* Impostiamo lo z-index come 1001. Lo z-index è una sorta di gestore di livelli. Chi avrà il numero maggiore si troverà davanti a chi ha numero minore. Facile no? */
z-index:210000;
/* Rendiamo il popup non visibile */
display: none;
/* Impostiamo la grandezza del box. Ci servirà in quanto così possiamo facilmente impostare il box centrato nella pagina */
width: 798px;
height: 449px; 
/* Impostiamo i valori di top e left a 50% */
left: 50%;
top: 50%;
/* Il margin left e top dovrà essere pari alla metà delle dimensioni del box. Ci servirà per centrare il box */
margin-left: -399px;
margin-top: -300px;
text-align:center;
/* Impostiamo un'ombra con CSS3 */
-webkit-box-shadow: 0px 0px 10px #525252;
-moz-box-shadow: 0px 0px 10px #525252;
background-image:url(img/banner.png);
}
/* Questo sarà il nostro popup */
.close{
/* Impostiamo il bianco come colore di sfondo e creiamo un piccolo bordo */
background-color:#FFFFFF;
border:3px solid #AAAAAA;
/* Impostiamo un leggero margine interno */
padding:5px;
/* Impostiamo la posizione come fissa. Ci servirà in modo tale che il popup segua lo scrolling della pagina */
position:fixed;
/* Impostiamo lo z-index come 1001. Lo z-index è una sorta di gestore di livelli. Chi avrà il numero maggiore si troverà davanti a chi ha numero minore. Facile no? */
z-index:210000;
/* Rendiamo il popup non visibile */
display: none;
/* Impostiamo la grandezza del box. Ci servirà in quanto così possiamo facilmente impostare il box centrato nella pagina */
width: 350px;
height: 350px; 
/* Impostiamo i valori di top e left a 50% */
left: 50%;
top: 50%;
/* Il margin left e top dovrà essere pari alla metà delle dimensioni del box. Ci servirà per centrare il box */
margin-left: -175px;
margin-top: -175px;
text-align:center;
/* Impostiamo un'ombra con CSS3 */
-webkit-box-shadow: 0px 0px 10px #525252;
-moz-box-shadow: 0px 0px 10px #525252;
background-image:url(img/banner.png);
}
/*#chiudi{
cursor:pointer;
position:absolute;
right:0;
top:0;
width:34px;
z-index:1005;
}
*/