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

@import url(https://fonts.googleapis.com/css?family=Fredericka+the+Great); /* font per il titolo: font-family: 'Fredericka the Great', cursive;  */

html {
	font-size: 100%; 
	height:100%;
}
body {
    width: 100%;
    height: 100%;
	font-size =1em                  /*    16px / 16px  = 1em              */
	line-height:1.125em; 
	padding: 0;
	margin: 0;
	background-color:#E7E7DE;
}


#base {
	
	background: url(img/sfondo5.jpg) no-repeat center center fixed; 
  	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
	width:100%;
	height:100%;
	min-height:100%; 
	margin: 0 auto;
	text-align:center;
	z-index:-1;
}

.linkmenu {
	color:#FFF;
	text-decoration:none;
	font-weight:700;
}

.freccia {
	color:#FFF;
	text-decoration:none;
	font-weight:700;
}



#titolo {
	font-family: 'Fredericka the Great', cursive;
	font-size:3em;
	color:#97B5D9;
	font-weight:700;
	/*position:absolute;*/
	text-shadow: 0px 2px 2px rgba(150, 150, 150, 1);
	float:right;
	margin-right:5px;
}

ul#menu {
	margin-top:25%;
    font-size: 2em;
    padding: 0;
    list-style: none;
	position:absolute;
}

ul#menu li {
    background-color: #F00;
    border-left: 5px solid #54BAE2;
    display: block;
    width: 290px;
    height: 2.1em;
    margin: 2px 0;
	color:#FFF;
	text-decoration:none;
	opacity:0.8;
}

ul#menu li:hover {
    background-color: #F00;
    /*border-left:none;*/
	/*border-right: 5px solid #54BAE2;*/
    display: block;
    width: 320px;
    height: 2.1em;
    margin: 2px 0;
	color:#FFF;
	text-decoration:none;
	opacity:1;
	
	-webkit-box-shadow: 4px 4px 5px 0px rgba(50, 0, 0, 0.75);
	-moz-box-shadow:    4px 4px 5px 0px rgba(50, 0, 0, 0.75);
	box-shadow:         4px 4px 5px 0px rgba(50, 0, 0, 0.75);

	-webkit-border-top-right-radius: 30px;
	-webkit-border-bottom-right-radius: 30px;
	-moz-border-radius-topright: 30px;
	-moz-border-radius-bottomright: 30px;
	border-top-right-radius: 30px;
	border-bottom-right-radius: 30px;

}


#sotto {
	background-color:#E7E7DE;
	width:100%;
	min-width:100%;
	text-align:center;

}

#chisiamo {
	width:95%;
	min-width:300px;
	text-align:justify;
	display:inline-block;
	margin:auto;
	font-size:1.5em;
}

#newssotto {
	width:100%;
	background-color:#FFF;
	text-align:center;
	background: url(img/sfondo2.jpg) no-repeat center center fixed; 
  	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
	
}


#boxnews {
	width:200px;
	height:200px;
	border:#000 1px solid;
	display:inline-block;
	margin:0 auto;
	font-size:0.9em;
	overflow:hidden;
	background-color:#FFF;
	opacity:0.8;
}

#boxnews:hover {
	opacity:1;
}

.newsintestazione {
	color:#355E91;
}

#titnews {
	color:#800000;
	font-weight:700;
}

#titnews2 {
	font-family: 'Fredericka the Great', cursive;
	font-size:3em;
	color:#97B5D9;
	font-weight:700;
	text-shadow: 0px 2px 2px rgba(150, 150, 150, 1);
	text-align:left;
	
}

#piede {
	background-color:#E7E7DE;
	width:100%;
	min-width:100%;
	text-align:center;
}


#contenitorepagine {
	width:100%;
	text-align:center;
}

#contenutopagine {
	width:80%;
	min-width:300px;
	display:inline-block;
	margin:5 auto;
	text-align:justify;
	font-size:1em;
	border-style: double none double none;
	margin-bottom:20px;
	background-color:#FFF;
	
	-webkit-box-shadow:7px 7px 13px 0px rgba(119, 119, 119, 0.75);
	-moz-box-shadow:7px 7px 13px 0px rgba(119, 119, 119, 0.75);
	box-shadow:7px 7px 13px 0px rgba(119, 119, 119, 0.75);
}

#smenu {
	width:100%;
    font-size: 2em;
    padding: 0;
	text-align:center;
	margin-bottom:5px;
}
.fototestmenu {
	width:100%;
	height:50%;
}

#titolosotmen {
	width:100%;
	font-family: 'Fredericka the Great', cursive;
	font-size:3em;
	color:#FFF;
	font-weight:700;
	text-shadow: 0px 2px 2px rgba(150, 150, 150, 1);
	border-bottom:#000 1px solid;
	text-align:right;
background: #d8e0de;
background: -moz-linear-gradient(top,  #d8e0de 0%, #aebfbc 22%, #99afab 33%, #8ea6a2 50%, #829d98 67%, #4e5c5a 82%, #0e0e0e 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #d8e0de 0%,#aebfbc 22%,#99afab 33%,#8ea6a2 50%,#829d98 67%,#4e5c5a 82%,#0e0e0e 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #d8e0de 0%,#aebfbc 22%,#99afab 33%,#8ea6a2 50%,#829d98 67%,#4e5c5a 82%,#0e0e0e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8e0de', endColorstr='#0e0e0e',GradientType=0 ); /* IE6-9 */

}

#boxmenuimg {
	background-image:url(img/sfondo5.jpg);
	background-size: 100px 100px;
    background-repeat: no-repeat;
	display:inline-block;
	width:100px;
	height:100px;
	font-size:0.7em;
	color:#355E91;
	margin: 2px 2px 2px 2px;
}

.linkmen {
	text-decoration:none;
	color:#800000;
	text-shadow: white 0px 0px 2px;
	}
	
#titolointerno {
	width:100%;
	display:inline-block;
	margin:5 auto;
	text-align:center;
	border-style: double none double none;
	margin-bottom:10px;
	background-color:#FFF;
	text-align:center;
	font-family: 'Fredericka the Great', cursive;
	font-size:3em;
	color:#97B5D9;
	font-weight:700;
	text-shadow: 0px 2px 2px rgba(150, 150, 150, 1);
}

#scrollicon {
	width:80%;
	min-width:300px;
	display:inline-block;
	font-size:10px;
	color:#004A95;
	margin-bottom:20px;

}