@charset utf-8;

@import "../fonts/ubuntu/stylesheet.css";
@import "../fonts/BPdotsUnicaseSquare/stylesheet.css";

html {
width:100%;
height:100%;
}

body {
width:100%;
height:100%;
color: #646567;
font-family: 'UbuntuRegular', Arial, sans-serif; 
font-size: 13px;
font-weight: 200;
line-height: 160%;
-webkit-font-smoothing:antialiased;
/* Fix for webkit rendering */
-webkit-text-size-adjust:100%;
/* background: #c9c9c9; */
background: #c9c9c9 url(../images/bg.png) repeat-x 0 0;
}

/* #Typography
================================================== */
h1,h2,h3,h4,h5,h6 {
font-family: 'UbuntuMedium', Arial, sans-serif;
font-weight:200;
}

h1 {
font-size:26px;
line-height:26px;
margin-bottom:22px;
}

h1.home { display: none !important}

h2 {
font-size:21px;
line-height:21px;
margin-bottom:23px;
}

h3 {
font-size:18px;
line-height:28px;
margin-bottom:15px;
}

h4 {
font-size:20px;
line-height:30px;
margin-bottom:4px;
}

h5 {
font-size:17px;
line-height:24px;
}

h6 {
font-size:14px;
line-height:21px;
}

p {
margin:0 0 20px;
padding:0;
}

a {
text-decoration:none;
color: #1f4f82;
}
a:hover {
color: #666;
}

b, strong { }

li {list-style-type: none; background: none; }

#wrapper {
width: 100% !important; 
min-height:100%;
position:relative;
background: transparent url(../images/bg-center.png) repeat-y center top;
}

#topshadow { width: 1010px; margin: 0 auto; height: 32px; background: transparent url(../images/bg-top.png) no-repeat center top; }


#center { width: 990px; margin: 0 auto; overflow: hidden; }



#header { width: 990px; height: 185px; margin: 0 auto; position: relative;}
	#header #logo { float:left; margin: 6px 0 0 22px ;}
		#header #logo span {display: none}
	#header p.indirizzo { position: absolute; top: 65px; right: 22px; width: 490px; font-size: 11px; line-height: 13px; color: #8a8a8a; text-align: right; }






/* COLONNA LATERALE */

#aside { float: right; width:288px; overflow: hidden; margin-right: 16px; }

#aside section { float: left; width:288px; margin-bottom: 13px; padding-bottom: 8px; border-bottom:1px solid #d4d4d4; background: transparent url(../images/bg-sidediv.png) repeat-x 0 0; }
	#aside section h2 { color: #666; font-size: 16px; margin: 7px 0 5px 12px; display: block; }


#aside .search { height: 57px; background: transparent url(../images/bg-search.png) no-repeat 0 0; padding: 0; }
	#aside .search h2 { display: none }
	#aside .search form { float: left; margin: 0; width: 288px; height: 57px; background: transparent; position: relative; }
		#aside .search form label { display: none}
		#aside .search form input { position: absolute; top: 15px; left: 17px;  border: none; width: 210px; height: 22px; font-size: 13px; color: #9c9e9f; background: transparent; }
		#aside .search form button { float: right !important; width: 38px !important; height: 34px !important; display: block; background: transparent; border: none; cursor: pointer; margin: 13px 13px 0 0;}
			#aside .search form button span { display: none}
			
#aside .settori { padding-bottom: 0;padding-top: 12px; }
	#aside .settori h2 { font-size: 17px; }
	#aside .settori ul { float: left; margin: 0 0 7px 17px; padding: 0; }
		#aside .settori ul li { float: left; margin: 0 0 6px 0; padding: 0; padding-left: 14px; width: 254px; border-bottom:1px solid #e5e5e5; line-height: 24px; background: transparent url(../images/li2.png) no-repeat 0px 9px;}				#aside .settori ul li:hover { background: transparent url(../images/li2.png) no-repeat 0px -15px; padding-left: 16px; 
/*
		-moz-transition: all 5s ease;
   -o-transition: all 5s ease;
   -webkit-transition: all 5s ease;
   transition: all 5s ease;
*/
   }
		
			#aside .settori ul li:last-child { border: none}
			#aside .settori ul li a { font-family: 'UbuntuMedium', Arial, sans-serif; font-size: 15px; }
				#aside .settori ul li a:hover { color: #666 }
					
#aside .certificati { padding-bottom: 0; background: #f6f6f6 url(../images/bg-certificati.png) repeat-x 0 0; }
	#aside .certificati h2 { display: none }
	#aside .certificati ul { float: left; margin: 1px 0 0 0 ; padding: 0; }
		#aside .certificati ul li { float: left; margin: 2px 0 2px 8px; padding: 12px 0 0 0; width: 271px; border-bottom:1px solid #e5e5e5; height: 50px;  line-height: 18px; background: transparent }	
			#aside .certificati ul li.malattia { background: transparent url(../images/icon-certif-malattia.png) no-repeat 10px 2px;}
			#aside .certificati ul li.invalidita { background: transparent url(../images/icon-certif-invalidita.png) no-repeat 10px 2px;}
			#aside .certificati ul li:last-child { border: none}
			#aside .certificati ul li a { display: block; font-family: 'UbuntuMedium', Arial, sans-serif; font-size: 17px; color: #666; padding-left: 78px}
				#aside .certificati ul li a span { color: #1f4f82; }
						
#aside .elenco { }		/* generico */
	#aside .elenco ul { padding: 0; margin: 0 0 0 12px; }
		#aside .elenco ul li { float: left; background: transparent; padding:2px 0; margin: 0 8px 4px 0; border-bottom:1px solid #e5e5e5; line-height: 16px; background: none; }		
			#aside .elenco ul li a { font-size: 12px; }
	
	
		#aside .elenco.nofloat ul li { float: none; display: block; }	

#aside .partner { }		
	#aside .partner ul { float: left;  padding: 0; margin: 0; }
		#aside .partner ul li { float: left; width: 125px; height: 125px; overflow: hidden;  padding: 0; margin: 0 0 12px 12px; background: none; }






/* BLOCCO CENTRALE */

#container { float: left; width: 655px; overflow: hidden; margin-left: 16px; }
	#container .main { width: 615px; overflow: hidden; background: #fff; padding: 20px; border-bottom:1px solid #d4d4d4; }
		#container .main h1 { color: #1F4F82;}
		#container .main ul { margin: 10px; }
			#container .main ul li { padding: 0 0 0 14px; margin: 0 0 5px 0; background: transparent url(../images/li2.png) no-repeat 0 9px;}			
			#container .main hr { float: left; display: block; background: none; border: none; border-top:1px dotted #a0a0a0; height: 1px; width:621px; margin: 10px 0 10px 16px; overflow: hidden; }

/* home */
	#container .main.home { width: 100%; overflow: hidden; background: transparent url(../images/bg-blocco-home.png) repeat-x 0 0; border: none; padding: 0; }
		#container .main.home h1 { }
		#container .main.home h2 { height: 39px; font-size: 18px; padding: 0 0 0 12px; margin: 0;  line-height: 35px; color: #555; }
		
		#container .main.home ul li { background: none; }
		
/* news secondo livello */	
		#container .main.home ul.secondo-livello { float: left ; margin: 10px 0 0px 15px; padding: 0; width: 102%; overflow: hidden; }
			#container .main.home ul.secondo-livello li { margin: 0px 18px 0px 0; padding: 0; float: left; width: 312px; height: 297px; overflow: hidden; border-right:1px dotted #d4d4d4;}
				#container .main.home ul.secondo-livello li img.foto { float: left; width: 285px; height: 170px; padding: 3px; background: #fff; border:1px solid #d4d4d4;}
				#container .main.home ul.secondo-livello li .titolo { float: left; display: block; margin: 5px 0 0 0; width: 294px; height: 31px; font-family: 'UbuntuMedium', Arial, sans-serif;
	font-weight:200; font-size: 14px; line-height: 15px; background: #f5f5f5; overflow: hidden; }
				#container .main.home ul.secondo-livello li .data { float: left; display: block; margin: 0; width: 110px; height:20px; font-size: 11px; line-height: 16px; color: #888888; overflow: hidden; padding-left: 18px; background:  url(../images/icon-data.png) no-repeat 0 0; }
				#container .main.home ul.secondo-livello li .categorie { float: right; display: block; margin: 0 20px 0 0;  width: 161px; height:20px; overflow: hidden;text-align: right; }
					#container .main.home ul.secondo-livello li .categorie img { margin-left: 4px;}
				#container .main.home ul.secondo-livello li .testo { float: left; display: block;  width: 292px; height:50px; overflow: hidden;  line-height: 15px;}
	
	
/* news terzo livello */	
		#container .main.home h2.terzo-livello { float: left;  width: 382px; height: 30px; font-size: 17px; padding-left: 15px; }
		#container .main.home ul.terzo-livello { float: left ; margin: 14px 0 15px -1px; padding: 0; width: 423px; overflow: hidden; }			
			#container .main.home ul.terzo-livello li { float: left;  margin: 0 0 1px 0; padding: 0 16px 7px 16px; width: 178px;  border-left:1px dotted #cbcbcb; line-height: 13px !important; font-size: 12px}
			#container .main.home ul.terzo-livello li .data { float: left; display: block; margin: 0; width: 100%; height:20px; font-size: 11px; line-height: 16px; color: #888888; overflow: hidden; padding-left: 18px; background:  url(../images/icon-data.png) no-repeat 0 0; }
			#container .main.home ul.terzo-livello li .titolo { float: left; display: block; width: 100%; overflow: hidden; height: 40px; }
			#container .main.home ul.terzo-livello li .categorie { float: left; display: block; margin-top: 3px; width: 100%; height:16px; overflow: hidden; }
				#container .main.home ul.terzo-livello li .categorie a { display: block; float: left; width: 16px; height: 16px; margin-right: 4px; background: transparent url(../images/icons-sezioni2.png) no-repeat 0px 0px; 	filter:alpha(opacity=40); 	-moz-opacity:0.4; 	-khtml-opacity: 0.4; 	opacity: 0.4; }
					#container .main.home ul.terzo-livello li .categorie a:hover { filter:alpha(opacity=100); 	-moz-opacity:1; 	-khtml-opacity: 1; 	opacity: 1; }
					
					
/* rassegna stampa */
		#container .main.home .rassegna { float: right; padding: 2px 15px 10px 16px; margin: 0 /* -30px  */12px 10px 0; width: 189px; overflow: hidden; background: #b3b3b3; }
			#container .main.home .rassegna h2 { color: #fff; font-size: 17px; padding-left: 0;}
				#container .main.home .rassegna ul { float: left; margin: 5px 0 0 0; padding: 0; }
					#container .main.home .rassegna ul li { float: left; margin: 0; padding: 0; line-height: 13px !important; font-size: 12px; background: none; }
					#container .main.home .rassegna ul li .titolo { float: left; display: block; width: 100%; overflow: hidden; height: 40px; margin-bottom: 15px; }
						#container .main.home .rassegna ul li a { color: #fff; }
							#container .main.home .rassegna ul li a:hover { color: #444; }
					#container .main.home .rassegna ul li .data { float: left; display: block; margin: 0; width: 100%; height:20px; font-size: 11px; line-height: 16px; color: #6b6b6b; overflow: hidden; padding-left: 18px; background:  url(../images/icon-data2.png) no-repeat 0 0; }










#container .correlati { margin-top: 30px; }
	#container .correlati h3 { margin: 0 0 8px 0; }
	#container .correlati ul { margin:0px; padding: 0;}
		#container .correlati ul li { margin:0px; padding: 6px 0; border-bottom:1px dotted #ddd; line-height: 12px !important; background: none;  }
			#container .correlati ul li a { font-size: 13px; font-weight: 600; }
			#container .correlati ul li .data { color: #999; font-size: 11px;}
			#container .correlati ul li .excerpt { color: #444; font-size: 11px; }
		
		
#container .allegati { margin-top: 30px; }
	#container .allegati h3 { margin: 0 0 8px 0; }
		#container .allegati ul { margin:0px; padding: 0;}
			#container .allegati ul li { margin:0px; padding: 9px 0 9px 28px; border-bottom:1px dotted #ddd; line-height: 12px !important; background: none;  }
				#container .allegati ul li a.scarica { float: right;}

				#container .allegati ul li.pdf { background: transparent url(../images/file-pdf.png) no-repeat 2px 4px;}
				#container .allegati ul li.doc { background: transparent url(../images/file-doc.png) no-repeat 2px 4px;}





#container .elencoarticoli { margin-top: 0px; }
	#container .elencoarticoli h1 { color: #666; }
	#container .elencoarticoli ul { margin:0; padding: 0;}
		#container .elencoarticoli ul li { margin:0; padding: 7px 0; border-bottom:1px dotted #ddd; line-height: 12px !important; background: none; width: 100%; overflow: hidden; }
			
			#container .elencoarticoli ul li .thumb { float: left; border:1px solid #ccc; width: 48px; height: 48px; }
				#container .elencoarticoli ul li .thumb img { float: left; padding: 2px 0 0  2px; width: 44px; height: 44px;}
			#container .elencoarticoli ul li .articolo { float: right; width:  554px; overflow: hidden; }
			
			#container .elencoarticoli ul li a { display: block; font-size: 13px; font-weight: 600; }
				#container .elencoarticoli ul li a:hover { color: #e57001;}
			#container .elencoarticoli ul li .data { display: block; color: #999; font-size: 11px; line-height: 14px; padding-top: 3px}
			#container .elencoarticoli ul li .excerpt { color: #444; font-size: 13px; line-height: 15px;}





/* allineamento foto */
.alignleft { float: left; margin: 5px 24px 10px 0; padding: 3px; background: #fff; border:1px solid #D4D4D4; }
.alignright { float: right; margin: 5px 0 10px 24px; padding: 3px; background: #fff; border:1px solid #D4D4D4;}
.aligncenter { float: none; display: block; margin: 0 auto 20px auto; }



/* popup privacy */
.privacy h1 { padding: 20px 0 0 20px; margin: 0; }
.privacy div { padding: 20px;}
.privacy ul { padding: 20px;}
.privacy ul li { padding: 0; list-style-type:disc; background: none; }




/* footer */
#footer { width: 1010px; margin: 0 auto; padding-top: 24px; height: 120px;  background: transparent url(../images/bg-bottom.png) no-repeat bottom center; }

	#footer .uno ,
	#footer .due { width: 960px; margin: 0 auto; text-align: center; height: 37px;  font-size: 12px; color: #888888; background: transparent url(../images/bg-footer.png) repeat-x 0 0; }
		#footer .uno span ,
		#footer .due span { display: block; padding-top: 8px; }
	
	#footer a.credits img { vertical-align: top; margin-top: -1px; }
	#footer a.rss img { vertical-align: middle; margin: -4px 6px 0 6px; }
	
	
	
	

/* placeholder */
::-webkit-input-placeholder { color: #fff !important;  }
:-moz-placeholder { color: #fff !important;  }
:-ms-input-placeholder { color: #fff !important;  }

:focus::-webkit-input-placeholder { color:transparent !important;}
:focus:-moz-placeholder { color:transparent !important;}
:focus:-ms-input-placeholder  { color:transparent !important;}



/* elimino il bordo rosso in FF */
input[type="email"], 
input[required] { box-shadow: none; }



/* form contatti etc 
.wpcf7 input.wpcf7-text ,
.wpcf7 textarea { border: 1px solid #ccc; height: 23px; color: #646567; font-family: 'UbuntuRegular', Arial, sans-serif; font-size: 12px; font-weight: 200; line-height: 170%; padding-left: 5px; width: 280px; resize: vertical;}

.wpcf7 textarea { height: 120px; line-height: 140%; width: 450px; }

.wpcf7 input.wpcf7-submit { border: none; height: 27px; padding-left: 12px; padding-right: 12px;  background: #22bbea; color: #fff;  font-family: 'UbuntuRegular', Arial, sans-serif; font-size: 12px; font-weight: 200; line-height: 210%;  text-transform: uppercase; cursor: pointer; }
	.wpcf7 input.wpcf7-submit:hover { background: #003f7d; }

*/










/* elenco immagini  autocomplete ajax */
ul.ui-autocomplete.ui-menu.ui-widget.ui-widget-content { max-width: 937px !important;}
.ui-menu .ui-menu-item { float: left; margin-left: 6px !important; margin-bottom: 6px !important; width: 110px !important; height: 155px !important; clear: none !important; overflow: hidden; background: #fff !important; }
	.ui-menu .ui-menu-item:hover { background: #fcfbe7 !important; cursor: pointer;}
		.ui-menu .ui-menu-item a { border:0px solid #fff !important; border-radius: 0 !important; background: transparent !important; padding: 0 !important; margin: 0 !important;  }
		.ui-menu .ui-menu-item a.ui-state-hover { border:0px solid #fdf9e1 !important; border-radius: 0 !important; background: transparent !important; padding: 0 !important; margin: 0 !important;  }
.ui-menu .ui-menu-item .list_item_container .image img { width: 100px !important; height: 100px !important; float: left; margin: 4px 0 3px 4px !important; }
.ui-menu .ui-menu-item .list_item_container .label { font-size: 11px !important; line-height: 11px !important; padding-left: 4px !important;}