/* CSS Document */
html {
	width: 100%;
	margin: 0px;}
body {
	width: 100%;
	font-size: 100%;
	font-family: 'Raleway', sans-serif;
	margin: 0;}
main#corpo {
	width: 100%;
	background: #7798D3; /* old browsers */
    background: -webkit-linear-gradient(#7798D3, #E7EFFF); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#7798D3, #E7EFFF); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#7798D3, #E7EFFF); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#7798D3, #E7EFFF); /* Standard syntax */
	display:block;}
#contenitore {
	width: 80%;
	margin-left:10%;
	box-shadow:0px 0px 20px #333;
	position:relative;
	background:#fff;
	min-height:700px;
	z-index:1;}
h2.titolo {
	background-color:#FF9B0A;
	text-align:center;
	font-size: 110%;
	color: white;
	height:30px;
	line-height:30px;
	margin:0 auto;
	width:270px;
	-moz-border-radius: 0 0 20px 20px;
	-webkit-border-radius: 0 0 20px 230px;
	border-radius: 0 0 20px 20px;
	position:relative;
	z-index:2;}
h2.titolo2 {
	background-color:#7798D3;
	text-align:center;
	font-size: 110%;
	color: white;
	height:30px;
	line-height:30px;
	margin:0 auto;
	width:270px;
	-moz-border-radius: 0 0 20px 20px;
	-webkit-border-radius: 0 0 20px 20px;
	border-radius: 0 0 20px 20px;
	position:relative;
	z-index:2;}
h2.titolo a, h2.titolo a:hover, h2.titolo a:visited, h2.titolo2 a, h2.titolo2 a:hover, h2.titolo a:visited{
	color:white;}
h2 {
	font-size: 100%;
	margin:0 0 7px 0;
	color:#2C4E8C;}
h3 {
	font-size: 100%;
	margin:0 0 7px 0;
	color:#2C4E8C;}
h4 {
	font-size: 100%;
	color:#2C4E8C;}
a {
	text-decoration: none;
	color:#2C4E8C;}
a:focus {
	outline: 1px dotted #ccc;}
a:hover {
	text-decoration: none;
	color:#7798D3;}
p {
	line-height: 120%;
	font-size:90%;
	margin-bottom:15px;
	margin-top: 0;
	text-align:left;
	padding: 0;}
p.hidden{
	position:absolute;
	top:-10000px;
	width:1px;}
p.center{
	text-align:center;}
p.right{
	text-align:right;
	font-size: 100%;
	margin-right:30px;}
div.top{
	width:40px;
	height:40px;
	position:fixed;
	bottom:50px;
	right:10px;
	z-index:1000;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	border:solid 2px #fff;}
div.top img:hover{
	width:40px;
	height:40px;
	position:fixed;
	bottom:50px;
	right:10px;
	z-index:1000;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	border:solid 2px #FF9B0A;}
.both{
    clear:both;}

/*Inizio utility*/
#utility {
	text-align:right;
	width:98%;
	padding:10px 1%;
	margin:0;
	background:#364D76;
	border-bottom:2px solid #E7EFFF}
#utility a{
	color:#fff;
	font-size:80%;}
#utility a:hover{
	color:#E7EFFF;}
#utility ul li{
	margin:0 0 0 12px;}
#utility ul li img{
	margin:0 3px 0 0;}
#utility ul{
	margin:0;
	padding:0;}

/*Inizio header*/
header#testata {
	width: 100%;
	padding:0;
	margin:0;
	text-align: center;
	border-bottom:solid 5px #FF9B0A;
	background: #E7EFFF; /* old browsers */
    background: -webkit-linear-gradient(#E7EFFF, #7798D3); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#E7EFFF, #7798D3); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#E7EFFF, #7798D3); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#E7EFFF, #7798D3); /* Standard syntax */}
header#testata nav#indice {
	width: 100%;
	height:40px;
	line-height:40px;
	background-color: #2C4E8C;
	font-size:14px;
	font-weight:bold;
	overflow:hidden;}
header#testata li{
	display:inline;
	text-decoration:none;}
header#testata nav#indice a{
	color:white;
	background-color: #2C4E8C;
	border-left:dotted 1px #7798D3;
	border-right:dotted 1px #7798D3;
	padding:12px;}
header#testata nav#indice a:hover{
	background-color:#7798D3;}
header#testata nav#indice a.open{
	color: #ffffff;
	background-color:#FF9B0A;
	border:none;}
header#testata nav#indice ul{
	margin:0;}
a.menuhidden, a.menutilityhidden{
	display:none;}
#menutility {
	position:absolute;
	right:0;
	top:50px;
	display:none;
	height:auto;
	width:100%;
	padding:0 15px 15px 0;
	z-index:1000;
	border:none;
	background:#fff;
	text-align:right;}
#menutility ul li{
	display:block;
	line-height:2;}
#menu {
	text-align:center;
	position:absolute;
	right:0;
	top:0;
	display:none;
	background:#4A6698;
	box-shadow:0px 0px 20px #333;
	color:#fff;
	width:70%;
	height:auto;
	padding:40px 0;
	-moz-border-radius:0 0 0 25px;
	-webkit-border-radius:0 0 0 25px;
	border-radius:0 0 0 25px;
	border-bottom:solid 1px #7798D3;
	border-left:solid 1px #7798D3;
	z-index:1000;}
#menu a{
	width:100%;
	margin:0;
	padding:0;
	background-color: #2C4E8C;
	line-height:1.0;
	display:block;
	text-decoration:none;
	border-top:dotted 1px #7798D3;
	border-bottom:dotted 1px #7798D3;}
#menu a.open{
	color: #ffffff;
	background-color:#FF9B0A;
	border:none;}
#logohome{
	background: url(../img/logobianco2.png) left center no-repeat;
	width:96%;
	height:auto;
	padding:1px 2%;}
#logo {
	background: url(../img/logobianco.png) left center no-repeat;
	width:96%;
	height:auto;
	padding:5px 2% 5px 2%;
	text-align:left;}
#logo h1, #logohome h1{
	font-family: 'Freckle Face', cursive;
    text-shadow: 3px 3px #fff;
	text-align:center;
	font-size:400%;
	color:#3A60A7;
	margin:0;
	padding:0;}
#logo h2, #logohome h2{
	font-family: 'Raleway', sans-serif;
	text-align:center;
	font-size:160%;
	color:#2C4E8C;
	margin:0 0 20px 0;
	padding:0;}
#logo p, #logohome p{
	margin-bottom:5px;
	text-align:right;
	font-size:180%;
	font-family: 'Pacifico', cursive;
    text-shadow: 1px 1px #2C4E8C;
	color:#fff;}

/*Inizio stile grafico section foto*/
#foto{
	background:#FF9B0A;
	width: 100%;
	position:relative;
	text-align:left;
	z-index:100;}
#foto img{
	width:100%;
	margin-bottom:-5px;
	padding:0;}
#ombra {
	position:absolute;
	top: 0;
	height: 20px;
	background: url(../img/ombra.png) top left repeat-x;
	width:100%;
	z-index:5;}
	
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
.fade-in {
	opacity:0;  /* make things invisible upon start */
	-webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
	-moz-animation:fadeIn ease-in 1;
	animation:fadeIn ease-in 1;
	-webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	-webkit-animation-duration:1s;
	-moz-animation-duration:1s;
	animation-duration:1s;}
.fade-in.descr, .fade-in.adozione {
	-webkit-animation-delay: 1s;
	-moz-animation-delay: 1s;
	animation-delay: 1s;}
.fade-in.cicogna, .fade-in.cicogna2 {
	-webkit-animation-delay: 2s;
	-moz-animation-delay: 2s;
	animation-delay: 2s;}
.cicogna {
	position:absolute;
	left:50px;
	top:20px;
	width:240px;
	z-index:300;
	display:inline-block;}
.cicogna2 {
	position:absolute;
	left:50px;
	top:20px;
	width:240px;
	z-index:300;
	display:none;}
.descr {
    text-shadow: 2px 2px #000;
	position:absolute;
	left:0;
	top:35px;
	background: rgba(0, 0, 0, 0.4);
	font-size:140%;
	font-weight:bold;
	color:#FFFFFF;
	padding:65px 20px 20px 20px;
	-moz-border-radius:0 15px 15px 0;
	-webkit-border-radius:0 15px 15px 0;
	border-radius:0 15px 15px 0;
	border-bottom:solid 7px #7798D3;
	border-right:solid 2px #7798D3;
	display:inline-block;}
.tit4 {
	position:absolute;
	left:5px;
	top:35px;
	width:35%;
	line-height:1.3;
	background: rgba(0, 0, 0, 0.3);
	font-size:90%;
	color:#fff;
	padding:20px;
	-moz-border-radius:0 20px 20px 0;
	-webkit-border-radius:0 20px 20px 0;
	border-radius:0 20px 20px 0;}
#descr, #adozione {
	visibility: visible;;}
#motto {
	background:url(../img/genitori2striscia.jpg) #C2D1EE right center no-repeat;
	border-bottom:solid 7px #FF9B0A;
	position: relative;
	width: 100%;
	height:100px;
	color: white;
	font-size: 100%;
	z-index:100;}
#motto h2{
	position:absolute;
	top:50%;
	margin-top:-25px;
	left:0;
	color:white;
	font-size: 120%;
	padding:15px;
	background: rgba(0, 0, 0, 0.5);
	-moz-border-radius:0 15px 15px 0;
	-webkit-border-radius:0 15px 15px 0;
	border-radius:0 15px 15px 0;
	border-bottom:solid 5px #7798D3;
	border-right:solid 2px #7798D3;}
	
/*Inizio stile grafico section news*/
#news{
	width:100%;
	box-sizing: border-box;
	text-align:center;
	margin:0 auto;
	min-height: 200px;
	border-top:2px solid #7798D3;
	border-bottom: solid 1px #bbb;
	background-color:#eee;}
.dinamic{
	width:auto;
	margin: 30px 15px;
	text-align:left;
	font-size:90%;}
.short img{
	float:left;
	width:200px;
	margin:0 20px 10px 0;
	border:solid 2px #FF9B0A;}
.full img{
	float:left;
	min-width:60%;
	max-width:60%;
	margin:0 15px 10px 0;}
	
/*Inizio stile grafico section cicogna*/
#cicogna{
	width:100%;
	box-sizing: border-box;
	text-align:center;
	margin:0 auto;
	padding:0 15px;
	border-top:2px solid #7798D3;
	border-bottom: solid 1px #bbb;
	background-color:#eee;}

/*Inizio stile grafico section calendario eventi*/
#calendarioeventi{
	border-top:2px solid #7798D3;
	background:#eee;}
.calendarioeventiannuale{
	border-bottom: solid 1px #eee;
	width:auto;
	margin-left:240px;
	background-color:#eee;}
#calendarioeventis{
	width:50%;
	float:left;
	box-sizing: border-box;
	background:#eee;
	text-align:center;
	margin:0 auto;
	padding:0 15px;
	border-right:1px solid #ccc;
	border-top:none;}
#calendarioeventid{
	width:50%;
	float:left;
	box-sizing: border-box;
	background:#eee;
	text-align:center;
	margin:0 auto;
	padding:0 15px;
	border-top:none;}

/*Inizio stile grafico section evidenza*/
#evidenza{
	background:#fff;}
#evidenzas{
	width:50%;
	float:left;
	box-sizing: border-box;
	background:#fff;
	text-align:center;
	margin:0 auto;
	padding:0 15px;
	border-right:1px solid #ccc;
	border-top:2px solid #7798D3;}
#evidenzad{
	width:50%;
	float:left;
	box-sizing: border-box;
	background:#fff;
	text-align:center;
	margin:0 auto;
	padding:0 15px;
	border-top:2px solid #7798D3;}
#evidenza h3.evidenza{
	text-align:left;
	margin:0 0 15px 15px;
	color:#7798D3;}

/*Inizio stile grafico section next*/
#next{
	width:100%;
	box-sizing: border-box; 
	background:#D7E5FF;
	background-size:100%;
	text-align:center;
	margin:0 auto;
	padding:0 15px 15px 15px;
	border-bottom: solid 1px #bbb;
	border-top:2px solid #7798D3;}
#next h3.next{
	text-align:left;
	margin:0 0 15px 15px;
	color:#2C4E8C;}
	
/****** table calendario eventi ******/
table { width:100%; color:#364D76; margin:25px 0 40px 0;}
th { background:#913740; color:#FFFFFF; border:#3A0B35 solid 1px; padding-right:10px;}
caption { margin-bottom:10px; font-size:90%; color:#333333;}
td.giorno { background:#FFFFFF; border:#5F7AAB solid 1px; text-align:center;
			-moz-border-radius:5px 5px 5px 5px;
			-webkit-border-radius:5px 5px 5px 5px;
			border-radius:5px 5px 5px 5px;}
td.nazione { background:#FFFFFF; border:#5F7AAB solid 1px; text-align:left;
			padding-left:15px;
			-moz-border-radius:5px 5px 5px 5px;
			-webkit-border-radius:5px 5px 5px 5px;
			border-radius:5px 5px 5px 5px;}
td.evento { color:#ffffff; background:#FF9B0A; border:#803F00 solid 1px; text-align:center; font-weight:bold;
			-moz-border-radius:5px 5px 5px 5px;
			-webkit-border-radius:5px 5px 5px 5px;
			border-radius:5px 5px 5px 5px;}
td.evento a{ color:#ffffff; text-decoration:none;}
td.evento a:hover{ color:#364D76; text-decoration:none;}
th.cal { background:#D7E5FF; border:solid 1px #5F7AAB; color:#364D76; text-align:center;
			-moz-border-radius:5px 5px 5px 5px;
			-webkit-border-radius:5px 5px 5px 5px;
			border-radius:5px 5px 5px 5px;}
td.cal { background:#D7E5FF; border:solid 1px #5F7AAB; font-weight:bold; color:#364D76; text-align:center;
			-moz-border-radius:5px 5px 5px 5px;
			-webkit-border-radius:5px 5px 5px 5px;
			border-radius:5px 5px 5px 5px;}
td.spaziovuoto{ background:none; border:none;}
th.cal2 { background:#8FD1F7; border:solid 1px #5F7AAB; color:#364D76; text-align:center;
			-moz-border-radius:5px 5px 5px 5px;
			-webkit-border-radius:5px 5px 5px 5px;
			border-radius:5px 5px 5px 5px;}
th.cal3 { background:#FFC6DE; border:solid 1px #5F7AAB; color:#364D76; text-align:center;
			-moz-border-radius:5px 5px 5px 5px;
			-webkit-border-radius:5px 5px 5px 5px;
			border-radius:5px 5px 5px 5px;}
td.mese{ background:#364D76; color:#FFFFFF; border:#364D76 solid 1px; text-align:center; padding:5px 0px 5px 0px;
			-moz-border-radius:5px 5px 5px 5px;
			-webkit-border-radius:5px 5px 5px 5px;
			border-radius:5px 5px 5px 5px;}
td.mese a, td.mese a:hover, td.mese a:visited{
		color:#FFFFFF;
		font-weight:bold;}
td.neonati{ background:#364D76; color:#FFFFFF; border:#364D76 solid 1px; text-align:center; padding:90px 0px 5px 0px; position:relative;
			-moz-border-radius:5px 5px 5px 5px;
			-webkit-border-radius:5px 5px 5px 5px;
			border-radius:5px 5px 5px 5px;}
td.neonati img{ position:absolute; left:50%; margin-left: -85px; bottom:30px;}
input.cal{ margin:0px;}
	
/*Inizio stile grafico section Altre sezioni*/
#altresezioni{
	width:100%;
	box-sizing: border-box;
	background:#fff;
	text-align:center;
	margin:0 auto;
	padding-bottom:80px;
	border-bottom: solid 1px #bbb;
	border-top:2px solid #7798D3;
	color:#2C4E8C;}
#altresezioni a{
	font-size:70%;
	color:#2C4E8C;}
.settore{
	display:inline-block;
	width:160px;
	height:auto;
	margin:80px 20px 10px 20px;
	padding:0;}
.settore img{
	margin:5px;}
.family{
	display:block;
	width:142px;
	height:142px;
	padding:5px;
	margin: 0 auto 10px auto;
	border:solid 4px #FFC572;
	background:url(../img/family.png) center #F8931F no-repeat;
	-moz-border-radius:80px;
	-webkit-border-radius:80px;
	border-radius:80px;
	text-align:center;
	-webkit-transition:0.4s ease-in-out; -moz-transition:0.4s ease-in-out; -o-transition:0.4s ease-in-out; transition:0.4s ease-in-out;}
.family.scale:hover{ background:#F8931F; border-radius:10px; line-height:12px; font-weight: normal; height:auto; box-shadow:0px 0px 20px 10px #fff; -webkit-transform:scale(1.4); -moz-transform:scale(1.4); -o-transform:scale(1.4); -ms-transform:scale(1.4); transform:scale(1.4);}
.periodico{
	display:block;
	width:142px;
	height:142px;
	padding:5px;
	margin: 0 auto 10px auto;
	border:solid 4px #FFC572;
	background:url(../img/periodico.png) center #F8931F no-repeat;
	-moz-border-radius:80px;
	-webkit-border-radius:80px;
	border-radius:80px;
	text-align:center;
	-webkit-transition:0.4s ease-in-out; -moz-transition:0.4s ease-in-out; -o-transition:0.4s ease-in-out; transition:0.4s ease-in-out;}
.periodico.scale:hover{ background:#F8931F; border-radius:10px; line-height:12px; font-weight: normal; height:auto; box-shadow:0px 0px 20px 10px #fff; -webkit-transform:scale(1.4); -moz-transform:scale(1.4); -o-transform:scale(1.4); -ms-transform:scale(1.4); transform:scale(1.4);}
.colloquio{
	display:block;
	width:142px;
	height:142px;
	padding:5px;
	margin: 0 auto 10px auto;
	border:solid 4px #FFC572;
	background:url(../img/colloquio.png) center #F8931F no-repeat;
	-moz-border-radius:80px;
	-webkit-border-radius:80px;
	border-radius:80px;
	text-align:center;
	-webkit-transition:0.4s ease-in-out; -moz-transition:0.4s ease-in-out; -o-transition:0.4s ease-in-out; transition:0.4s ease-in-out;}
.colloquio.scale:hover{ background:#F8931F; border-radius:10px; line-height:12px; font-weight: normal; height:auto; box-shadow:0px 0px 20px 10px #fff; -webkit-transform:scale(1.4); -moz-transform:scale(1.4); -o-transform:scale(1.4); -ms-transform:scale(1.4); transform:scale(1.4);}
.amici{
	display:block;
	width:142px;
	height:142px;
	padding:5px;
	margin: 0 auto 10px auto;
	border:solid 4px #FFC572;
	background:url(../img/amici.png) center #F8931F no-repeat;
	-moz-border-radius:80px;
	-webkit-border-radius:80px;
	border-radius:80px;
	text-align:center;
	-webkit-transition:0.4s ease-in-out; -moz-transition:0.4s ease-in-out; -o-transition:0.4s ease-in-out; transition:0.4s ease-in-out;}
.amici.scale:hover{ background:#F8931F; border-radius:10px; line-height:12px; font-weight: normal; height:auto; box-shadow:0px 0px 20px 10px #fff; -webkit-transform:scale(1.4); -moz-transform:scale(1.4); -o-transform:scale(1.4); -ms-transform:scale(1.4); transform:scale(1.4);}
.medico{
	display:block;
	width:142px;
	height:142px;
	padding:5px;
	margin: 0 auto 10px auto;
	border:solid 4px #FFC572;
	background:url(../img/medico.png) center #F8931F no-repeat;
	-moz-border-radius:80px;
	-webkit-border-radius:80px;
	border-radius:80px;
	text-align:center;
	-webkit-transition:0.4s ease-in-out; -moz-transition:0.4s ease-in-out; -o-transition:0.4s ease-in-out; transition:0.4s ease-in-out;}
.medico.scale:hover{ background:#F8931F; border-radius:10px; line-height:12px; font-weight: normal; height:auto; box-shadow:0px 0px 20px 10px #fff; -webkit-transform:scale(1.4); -moz-transform:scale(1.4); -o-transform:scale(1.4); -ms-transform:scale(1.4); transform:scale(1.4);}

/*Inizio stile grafico section sostienici*/
#sostienici{
	width:100%;
	background:#fff;
	text-align:center;
	margin:0 auto;
	padding-bottom:80px;
	border-bottom: solid 1px #bbb;
	border-top:2px solid #7798D3;
	color:#2C4E8C;}
.sostieniciint{
	width:auto;
	margin-left:240px;
	text-align:center;
	padding-bottom:80px;
	border-top:1px solid #fff;
	color:#2C4E8C;}
.sos{
	display:inline-block;
	width:160px;
	height:auto;
	margin:80px 20px 0 20px;
	padding:0;}
.sostienici{
	display:block;
	width:160px;
	height:160px;
	margin: 0 auto 10px auto;
	text-align:center;}
.sos img{
	width:160px;
	border:solid 4px #FFC572;
	-moz-border-radius:80px;
	-webkit-border-radius:80px;
	border-radius:80px;
	box-sizing: border-box;
	margin: 0;
	padding:4px;}
.sos:hover img{
	opacity:0.7;
	box-shadow:0px 0px 20px 10px #fff;
	-moz-border-radius:80px;
	-webkit-border-radius:80px;
	border-radius:80px;
	box-sizing: border-box;}
		
/*Inizio stile grafico mappa*/
#mappa{
	text-align:center;
	width:100%;
	background:#333333;
	border-bottom: solid 1px #222;
	border-top: solid 1px #7798D3;
	position:relative;
	z-index:10;}
#mappa-int{
	width:80%;
	text-align:center;
	margin:0 auto;
	padding: 30px 0px;}
.box{
	display:inline-block;
	border-left: 2px solid #555555;
	text-align:left;
	width:16%;
	padding-left:10px;
	box-sizing: border-box;
	font-size: 80%;
	color: white;
	vertical-align:top;
	min-height:200px;}
.box h3{
	font-size: 90%;
	margin-top:0px;
	margin-bottom:10px;
	color: #7798D3;}
.box ul {
	margin-top:0px;
	margin-bottom:-8px;
	padding-bottom: 0px;
	list-style-type:none;
	line-height: 1.2;
	padding-left:0px;
	color: white;}
.box ul li a, .box ul li a:visited{
	margin-top:0px;
	margin-bottom:0px;
	padding-bottom: 0px;
	list-style-type:none;
	line-height: 1.2;
	padding-left:0px;
	color: white;}
.box ul li a:hover {
	color:#FF9B0A;}

/*Inizio stile grafico aside*/
aside#colonna{
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	width:240px;
	padding:0;
	border-bottom: solid 85px #7798D3;
	background: rgba(33, 59, 105, 0.8);}
aside#colonna img.cicognaaside{
	position:absolute;
	bottom:-78px;
	left:-15px;
	width:270px;
	display:block;}
ul.menu{
	margin:0;
	padding:0;
	text-align:left;
	list-style-type:none;}
ul.menu li{
	margin:0;
	width: 100%;}
ul.menu li a{
	font-size: 14px;
	color: white;
	background-color: #2C4E8C;
	border-top:dotted 1px #7798D3;
	border-bottom:dotted 1px #7798D3;
	padding: 12px;
	display: block;}
ul.menu li a:hover{
	background-color:#7798D3;}
ul.menu li a.open, ul.menu li a.open:hover{
	position:relative;
	font-size: 14px;
	font-weight:bold;
	color: white;
	background-color:#7798D3;
	border-top:none;
	border-bottom:none;
	padding: 10px 12px;
	display: block;}
ul.menu li a.open img, ul.menu li a.open:hover img{
	position:absolute;
	top:35px;
	right:20px;}
ul.menu li a.titolomenu, ul.menu li a.titolomenu:hover{
	font-size:18px;
	font-weight:bold;
	background-color:#FF9B0A;
	display:block;
	margin-left:-30px;
	border-top:none;
	border-bottom:solid 4px #333;
	margin-bottom:0;
	-moz-border-radius:0 0 0 30px;
	-webkit-border-radius:0 0 0 30px;
	border-radius:0 0 0 30px;
	padding: 10px 5px 10px 42px;}
ul.menu li a.titolomenu2, ul.menu li a.titolomenu2:hover{
	font-size:18px;
	font-weight:bold;
	background-color:#FF9B0A;
	display:block;
	margin-left:-30px;
	border-top:none;
	border-bottom:solid 4px #333;
	margin-bottom:0;
	-moz-border-radius:30px 0 0 30px;
	-webkit-border-radius:30px 0 0 30px;
	border-radius:30px 0 0 30px;
	padding: 10px 5px 10px 42px;}
ul.undermenu{
	margin-left:-40px;
	text-align:left;
	list-style-type:none;}
ul.undermenu li a{
	font-size: 14px;
	color: #2C4E8C;
	background-color:#ffffff;
	border-left:solid 20px #E7EFFF;
	border-top: solid 1px #E7EFFF;
	border-bottom: solid 1px #E7EFFF;
	padding: 7px 12px;
	display: block;}
ul.undermenu li a:hover{
	background-color:#E7EFFF;}

/*Inizio stile grafico contenuto pagine*/
section.testo1{
	width:auto;
	margin-left:240px;
	padding: 25px;
	min-height: 700px;
	text-align: left;
	border-top: solid 1px #fff;
	background-color:#fff;
    text-align: left;}
section.testo2{
	width:auto;
	margin-left:240px;
	padding: 25px;
	border-bottom: solid 1px #bbb;
	border-top: solid 1px #99AACC;
	background:#F3F7FF;
	text-align: left;}

section.testo1 ul.list, section.testo2 ul.list{
	text-decoration:none;
	color:black;
	font-size:90%;
	padding-top: 0;
	margin-bottom:20px;}

section.testo1 ul.list2, section.testo2 ul.list2{
	list-style-type:none;
	text-decoration:none;
	font-size:90%;
	margin-left:-40px;
	padding-top:0;
	margin-bottom:20px;}
section.testo1 ul.list li, section.testo2 ul.list li, section.testo1 ul.list2 li, section.testo2 ul.list2 li{
	margin-bottom:10px;}
section.testo1 ol.listmax, section.testo2 ol.listmax{
	list-style-type:upper-alpha;
	font-size:90%;
	text-align:left;
	margin-top: 10px;
	margin-bottom:20px;}
section.testo1 ol.listmax li, section.testo2 ol.listmax li{
	margin-bottom:10px;}
section.testo1 ol.listmin, section.testo2 ol.listmin{
	list-style-type:lower-alpha;
	font-size:90%;
	text-align:left;
	margin-top: 10px;
	margin-bottom:20px;}
section.testo1 ol.listmin li, section.testo2 ol.listmin li{
	margin-bottom:10px;}

section.testo1 ol.listnum, section.testo2 ol.listnum{
	list-style-type: decimal;
	font-size:90%;
	text-align:left;
	margin-top: 10px;
	margin-bottom:20px;}
section.testo1 ol.listnum li, section.testo2 ol.listnum li{
	margin-bottom:10px;}
	
h2.testo, h2.testo a, h2.testo a:hover, h2.testo a:visited{
	color:#7798D3;
	margin:10px auto 30px auto;
	font-size:20px;
	text-align: center;}
h3.testo, h3.testo a, h3.testo a:hover, h3.testo a:visited{
	color:#FF9B0A;
	margin:17px 0 3px 0;
	text-align:left;
	clear:both;}
h3.testo2, h3.testo2 a, h3.testo2 a:hover, h3.testo2 a:visited{
	color:#FF9B0A;
	margin:17px 0 10px 0;
	text-align:left;}
h3.testo3, h3.testo2 a, h3.testo3 a:hover, h3.testo3 a:visited{
	color:#FF9B0A;
	margin:0px 0 15px 0;
	text-align:center;}
h4.testo, h4.testo a, h4.testo a:hover, h4.testo a:visited{
	margin:15px 0 10px 0;
	font-size:90%;
	text-align: left;
	color:#7798D3;}
h4.statuto{
	margin:15px 0 5px 0;
	font-size:90%;
	text-align: left;
	color:#000;}
address{
	margin-left:15px;
	font-size: 90%;
	font-style: normal;
	line-height:1.3;}
section.testo1 .paese, section.testo2 .paese{
	padding:0 0 5px 15px;
	margin-bottom:50px;
	background:white;
	font-style: normal;
	line-height:1.3;
	border-left:solid 4px #7798D3;
	border-bottom:solid 1px #7798D3;
	-moz-border-radius:0 0 0 30px;
	-webkit-border-radius:0 0 0 30px;
	border-radius:0 0 0 30px;}
section.testo1 .paese p, section.testo2 .paese p{
	line-height:1.4;
	padding:0;
	margin-bottom:10px;}
.adozioni{
	width:auto;
	margin-top:30px;
	padding:0;
	position:relative;
	overflow:hidden;}
.adozioni h2{
	font-size:45px;
	font-weight:bold;
	color:#FFFFFF;
	position:absolute;
	left:50px;
	bottom:9px;}
.adozioni img{
	padding:0;
	max-width:100%;
	min-width:100%;
	-moz-border-radius:30px;
	-webkit-border-radius:30px;
	border-radius:30px;
	border:solid 5px #FF9A0A;
	box-sizing: border-box;}
	
/*Inizio stile grafico immagini*/
img.left{
	float:left;
	margin:0 10px 10px 0;}
img.left2{
	float:left;
	margin:0 25px 15px 0;}
img.right{
	float:right;
	margin:0 0 10px 10px;}
img.icona{
	float:left;
	width:160px;
	height:160px;
	margin: 0 25px 10px 0;
	-moz-border-radius:80px;
	-webkit-border-radius:80px;
	border-radius:80px;
	border:solid 4px #FF9B0A;
	box-sizing: border-box;
	padding:4px;}
img.flag{
	margin-left:-15px;}
#foto img.social{
	position:absolute;
	left:0;
	bottom:7px;
	border:none;
	width:230px;
	z-index:100;}
img.volo{
	width:80%;
	margin-left:10%;
	border:none;}
figure.left{
	float:left;
	margin:0 10px 10px 0;
	padding:7px;
	border:#ccc solid 1px;}
figure.center{
	width:auto;
	text-align:center;
	margin:0 auto;
	padding-top:20px;
	border-top:#ccc solid 1px;}
figure.sedi{
	float:left;
	margin:10px 0 20px 0;
	padding:7px;
	border:#ccc solid 1px;}
figure.right{
	float:right;
	margin:0 0 10px 10px;
	padding:7px;
	border:#ccc solid 1px;}
figure.cento{
	margin:10px 0 20px 0;
	padding:7px;
	border:#ccc solid 1px;}
figure.cento img{
	min-width:100%;
	max-width:100%;}
figcaption{
	margin-top:10px;
	line-height:1.4;
	font-size: 80%;}
figure.sedi figcaption{
	margin-top:10px;
	line-height:1.4;
	font-size: 90%;}
	
/*Inizio stile grafico div maps*/
#piantina{
	width:auto;
	height: 400px;
	margin:15px;
	padding:0;}
iframe{
	box-sizing: border-box;
	border:#7798D3 solid 3px;
	width:100%;
	height: 100%;
	margin:0;
	padding:0;}

/*Inizio stile grafico icone*/
.facebook{
	text-align:center;
    background:#7798D3;
	height:45px;
	position:relative;
	z-index:10;}
.facebook a{
	position:absolute;
	color:#FFFFFF;
	font-weight:bold;
	bottom:-13px;
	left:50%;
	margin-left:-135px;
	font-size:110%;}
.facebook img{
	width:55px;
	vertical-align:middle;}
.icone{
	text-align:center;
    background:#7798D3;
	border-top:#90B2EE solid 1px;
	position:relative;
	z-index:10;
	padding-bottom:20px;}
.icone img{
	margin:0;
	-moz-border-radius:50px;
	-webkit-border-radius:50px;
	border-radius:50px;
	border:#CEE0FF solid 2px;
	opacity:0.7;}
.icone img:hover{
	margin:0;
	-moz-border-radius:50px;
	-webkit-border-radius:50px;
	border-radius:50px;
	border:#fff solid 2px;
	opacity:1;}
.icone a{
	outline: none;
	color:#FFFFFF;}
.icone h3{
	text-align:center;
	color:white;}
.icone h4{
	text-align:left;
	color:#FF9B0A;
	margin-bottom:2px;}
.button {
	display:inline-block;
	position:relative;
	width:100px;
	height:50px;
	margin:55px 0 35px 0;}
.tooltip {
	position:absolute;
	top:-50px;
	font-size:80%;
	background:url(../img/tooltip.png) bottom no-repeat;
	color:white;
	opacity:0;
	-webkit-transition: opacity 0.5s;
	-moz-transition: opacity 0.5s;
	-ms-transition: opacity 0.5s;
	-o-transition: opacity 0.5s;
	transition: opacity 0.5s;
	width:90px;
	height:38px;
	text-align:center;
	padding:5px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border-radius:7px;}
.button:hover .tooltip {
	opacity:1;}

/*Inizio stile grafico footer*/
footer, footer#piepagina{
	text-align:center;
    background:#333333;
    color: white;
    font-size: 80%;
	width: 100%;
	height:120px;
	border-top:#555 dashed 1px;
	position: relative;}
footer a, footer a:hover{
    color:#FF9B0A;}
footer p, footer#piepagina p{
	padding:15px;
	text-align:center;
	line-height:1.4;}
#webdesign{
	position: absolute;
	bottom: 0;
	width: 100%;
	padding: 10px 0;
	background-color: #222;
	border-top:#555 dashed 1px;
	font-weight:bold;}
#webdesign a, #webdesign a:hover{
	color:#FF9B0A;}

/****** span ******/
span.visible {
	display:inline-block;}
span.invisible {
	display:none;}
span.orange {
	color:#FF9B0A;
	font-weight:bold;}
.hover{
	visibility:hidden;}
cite{
	text-align:center;
	font-size:90%;
	color:#666666;
	display:block;
	margin-bottom:30px;}
.scale:hover .hover{
	visibility:visible;}
	
/****** form ******/
form {
	width:auto; line-height:1.6; padding:0px; font-size:100%;
	border:#00572E solid 1px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-radius:15px;}
h3.form {
	background: #2C4E8C; /* old browsers */
    background: -webkit-linear-gradient(#2C4E8C, #7798D3); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#2C4E8C, #7798D3); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#2C4E8C, #7798D3); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#2C4E8C, #7798D3); /* Standard syntax */
	border-bottom:solid 2px #E7EFFF;
	height:36px;
	line-height:36px;
	margin:0;
	text-align:center;
	-moz-border-radius:13px 13px 0 0;
	-webkit-border-radius:13px 13px 0 0;
	border-radius:13px 13px 0 0;}
form h3 a {
	color:#FFFFFF;}
fieldset {
	padding:15px 10px 15px 10px;
	height:100%;
	border-top:solid 3px #7798D3;
	border-bottom:solid 1px #7798D3;
	border-left:none;
	border-right:none;
	margin:0 0 40px 0;
	background:#E7EFFF;}
form p {
	margin:0;
	padding:15px 15px 0 15px;}
fieldset p {
	margin:0;
	padding:20px 0 5px 0;}
input.formbox {
	border:#444 solid 1px;
	padding: 0 0 0 0.5%;
	margin-bottom:10px;
	width:600px;
	color:#333333;
	height:25px;
	display: block;}
input.sub {
	background-color:#2C4E8C;
	padding: 4px 8px;
	color:#FFFFFF;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-radius:15px;
	margin:10px 0;}
textarea {
	border:#444 solid 1px;
	padding-left:0.5%;
	width:590px;
	color:#333333;
	font-size:80%;
	margin-bottom:10px;}
select {
	border:#444 solid 1px;
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:80%;
	width:600px;
	height:25px;
	margin-bottom:10px;}
label {
	font-size:90%;
	font-weight:bold;
	color:#444;
	display: block;}
legend{
	background: #7798D3;
	margin:0 0 0 5px;
	text-align:left;
	padding: 0 15px;
	font-size: 90%;
	font-weight: bold;
	color: white;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;}

/****** hr ******/
div.hr {display: none}
/*/*/a{}
div.hr { display: block; height:2px; background-image: url(../img/punto.png); background-repeat:repeat-x; margin:15px 0;}
hr {display:none}
/* */

/****** mostra-nascondi box ******/
#mail, #privacy, #dovesiamo, #webmaster {
	text-align:center;
	display:none;
	background:#4A6698;
	margin:10px auto 0 auto;
	border:white solid 2px;
	color:#fff;
	width:80%;
	padding:10px 10px 30px 10px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-radius:15px;
	behavior: url(PIE.htc);}
#privacy ul li, #privacy ol li {
	text-align:left;
	font-size: 90%;}
#mail p, #privacy p, #dovesiamo p, #webmaster p{
	line-height:1.3;
	font-size:90%;}
.maps{
	background:url(img/maps.png) center center no-repeat;
	width:auto;
	height:500px;
	margin:10px 0;
	border:solid #fff 2px;}
#uno, #due, #tre, #quattro, #cinque, #sei, #sette, #otto, #nove, #dieci, #undici, #dodici, #tredici, #quattordici, #quindici, #sedici, #diciassette, #diciotto, #diciannove, #venti, #ventuno, #ventidue, #ventitre, #ventiquattro, #venticinque, #ventisei, #ventisette, #ventotto, #ventinove, #trenta, #trentuno,
#unop, #duep, #trep, #quattrop, #cinquep, #seip, #settep, #ottop, #novep, #diecip, #undicip, #dodicip, #tredicip, #quattordicip, #quindicip, #sedicip, #diciassettep, #diciottop, #diciannovep, #ventip, #ventunop, #ventiduep, #ventitrep, #ventiquattrop, #venticinquep, #ventiseip, #ventisettep, #ventottop, #ventinovep, #trentap, #trentunop {
	text-align:center;
	background-color:#E7EFFF;
	display:none;
	border:#4A6698 dotted 2px;
	width:auto;
	margin:0 5px 40px 5px;
	padding:15px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}


/*applico le media queries*/	

@media all and (max-width: 1250px) { 
#contenitore {
	width: 90%;
	margin-left:5%;}
header#testata nav#indice {
	text-align:right;}
header#testata nav#indice a{
	padding:12px 8px;}
#logohome{
	padding:10px 2%;}
#logo {
	padding:5px 2%;}
#logo h1, #logohome h1{
	text-align:right;
	font-size:350%;}
#logo h2, #logohome h2{
	text-align:right;}
.descr {
	top:25px;
	font-size:120%;
	padding:50px 20px 10px 20px;}
.tit4 {
	top:30px;
	width:75%;
	padding:10px;}
input.formbox {
	width:100%;}
textarea {
	width:100%;}
select {
	width:100%;}
#foto img.social{
	position:absolute;
	left:0;
	bottom:7px;
	border:none;
	width:180px;}
img.volo{
	width:80%;
	margin-left:10%;}
#mappa .box{  
	width: 30%;
	margin:20px 1%;}
}

@media all and (max-width: 850px) { 
#contenitore {
	width: 100%;
	margin-left:0;}
header#testata nav#indice a{
	padding:12px 6px;}
#utility {
	text-align:right;
	width:94%;
	padding:10px 3%;
	margin:0;}
#logo {
	background: url(../img/logobianco2.png) left center no-repeat;}
#logo p, #logohome p{
	font-size:150%;}
.cicogna {
	width:220px;}
.descr {
	top:20px;
	font-size:120%;
	padding:30px 20px 10px 20px;}
#foto img.social{
	position:absolute;
	left:0;
	bottom:7px;
	border:none;
	width:150px;}
.tit4 {
	top:30px;
	width:50%;
	padding:20px;}
#motto{
	text-align:right;}
#motto h2{
	right:0;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	border-radius:0;}
section.testo1, section.testo2, section.sostieniciint {
	margin:0;}
aside#colonna {
	position:static;
	float: none;
	margin:0;
	padding:0;
	width:auto;
	border-top:none;
	border-right:none;
	border-bottom:none;}
aside#colonna img.cicognaaside{
	display:none;}
ul.menu{
	text-align:center;}
ul.menu li a:hover{
	background-color:#7798D3;}
ul.menu li a.open{
	border-top:none;
	border-bottom:none;}
ul.menu li a.open img, ul.menu li a.open:hover img{
	position:absolute;
	top:35px;
	right:50px;}
ul.menu li a.titolomenu, ul.menu li a.titolomenu:hover{
	margin-bottom:0;
	border-top:none;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	border-radius:0;}
ul.menu li a.titolomenu2, ul.menu li a.titolomenu2:hover{
	margin-bottom:0;
	border-top:none;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	border-radius:0;}
ul.undermenu{
	text-align:center;}
ul.undermenu li a{
	border-right:solid 20px #E7EFFF;}
ul.undermenu li a:hover{
	background-color:#E7EFFF;}
#calendarioeventis, #evidenzas{
	width:100%;
	height:100%;
	float:none;
	border-right:none;}
#calendarioeventid, #evidenzad{
	width:100%;
	height:100%;
	float:none;}
.calendarioeventiannuale{
	width:auto;
	margin-left:0;
	background-color:#fff;}
#mappa .box{  
	width: 46%;
	margin:20px 1%;}
span.br {
	display: inlines;}
.cicogna2 {
	display:block;
	width:210px;
	left:15px;
	top:25px;}
.cicogna {
	left:20px;}
span.visible {
	display:none;}
span.invisible {
	display:inline-block;}
img.volo{
	width:100%;
	margin-left:0;}
}

@media all and (max-width: 700px) { 
header#testata nav#indice ul{
	display:none;}
header#testata nav#indice a.menuhidden{
	display:inline-block;
	color:#ffffff;
	background-color: #FF9B0A;
	border-left:dotted 1px #7798D3;
	border-right:dotted 1px #7798D3;
	padding:3px 12px 12px 12px;}
.cicogna, .cicogna2 {
	width:200px;
	top:15px;}
.descr {
	text-align:center;
	font-size:90%;
	top:0;
	padding:40px 0 10px 0;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	border-radius:0;
	border-right:none;
	width:100%;}
#logo h1, #logohome h1{
	font-size:300%;}
#logo h2, #logohome h2{
	font-size:130%;}
#logo p, #logohome p{
	font-size:120%;}
.tit4 {
	width:70%;
	padding:10px 20px;}
.full img{
	min-width:50%;
	max-width:50%;}
}

@media all and (max-width: 600px) { 
a.menutilityhidden{
	display:block;}
a.menutilityhidden:focus {
	outline:none;}
#utility ul{
	display:none;}
#logohome, #logo{
	background: url(../img/logobianco.png) left center no-repeat;
	padding:25px 2%;}
#logo h1, #logohome h1{
	font-size:260%;}
#logo h2, #logohome h2{
	font-size:110%;}
#logo p, #logohome p{
	font-size:100%;}
.cicogna, .cicogna2 {
	display:none;}
.descr {
	padding:20px 0 10px 0;}
.tit4 {
	width:80%;}
#sostienici .settore{
	margin:30px 20px 0 20px;}
#sostienici{
	padding-bottom:30px;}
#mappa .box{  
	width:98%;
	margin:20px 1%;}
.box ul li.vuoto {
	display:none;}
#foto img.social{
	width:130px;}
#motto {
	text-align:center;}
#motto h2{
	top:28px;
	padding:5px;}
.short img{
	float:none;
	min-width:100%;
	max-width:100%;
	margin:0 0 10px 0;
	border:solid 3px #FF9B0A;}
.full img{
	float:none;
	min-width:100%;
	max-width:100%;
	margin:10px 0;}
}

@media all and (max-width: 500px) { 
.adozione {
	display:none;}
img.left, img.left2, img.right{
	width:100%;
	float:none;
	clear:both;
	margin:0 auto 10px auto;}
figure.left, figure.right, figure.sedi{
	width:94%;
	margin:0 auto 15px 0;}
figure.sedi{
	width:94%;
	margin:15px auto 15px 0;}
figure.left img, figure.right img, figure.sedi img{
	width:100%;}
#evidenzas img.left, #evidenzad img.left, #next img.left{
	float:none;
	width:60%;
	height:auto;}
#evidenza h3.evidenza{
	margin:0 0 15px 0;}
#next h3.next{
	margin:0 0 15px 0;}
.descr {
	font-size:80%;
	top:0;
	padding:10px 0 10px 0;}
}