/*stili per il layout fluido*/
html,body{
	margin: 0;
	padding:0;
	height: 100%;
}
body
{
	font-family: arial,sans-serif;
	font-size: 100%;
	background-color: white;
	background-repeat: no-repeat; 
	background-size: 290% 450%;
}
#english{
	color:white
}

#slogan{
	background-color: teal;
	margin-top: 1em;
        font-size: 160%;
	width: 75%;
	padding-left: 0.5em;
	color: lime;
        margin-left: 4em
}

#slogan2{
	background-color: teal;
	margin-top: 1em;
        font-size: 110%;
	width: 75%;
	padding-left: 0.5em;
	color: lime;
        margin-left: 4em
}

#logo{
	width: 34%;
	height: 34%;
	float: middle;
	margin-left: 10em;
}
#gif{
	width: 45%;
	height: 45%;
	float: middle;
	margin-left: 3em;
}
#cleavage{
	width: 60%;
	height: 60%;
	float: middle;
	margin-left: 10em;
}
#neve{
	width: 55%;
	height: 55%;
	float: middle;
	margin-left: 5em;
}
#neve1{
	width: 60%;
	height: 60%;
	float: middle;
	margin-left: 3em;
}
#neve11{
	width: 50%;
	height: 50%;
	float: middle;
	margin-left: 3em;
}
#logo-ovale{
	width: 13.5%;
	height: 23%;
	float: right;
	margin-left: 0em;
}
#logo11{
	width: 14%;
	height: 21%;
	float: right;
	margin-left: 0em;
}
#logo2{
	width: 25%;
	height: 25%;
	float: middle;
	margin-left: 10em;
}
#Phy1r{
	width: 22em;
	height: 28em;
	float: right;
	margin-left: 2em;
}
#Phy2r{
	width: 20em;
	height: 13em;
	float: right;
	margin-left:2em;
}
#fioremacchia{
	width: 20em;
	height: 28em;
	float: middle;
	margin-left: 5em;
}
#immagine1{
	width: 25em;
	height: 28em;
	float: middle;
margin-left: 5em;
}
div#container{
	width: 80%;
	margin: 0 auto;
	text-align: left;
	border-left: 0.2em solid #36c;
	border-right: 0.2em solid #36c;
	position: relative; 
	height:100%;
	background-color: white;
}

body>div#container{
	
	height: auto; 
	min-height: 100%;
}

/*stili generici, su header e footer*/
div#header{
	background-color:teal;
	color: white;
  padding: 0 1.5em 0.5em;
}

h1,h2,h3{
	margin: 0;
	padding:0;
}

h1{
	padding-left:0.5em;
	font: bold 2.3em/150px arial,serif;
}

h2{
	color: #999;
	font-size: 1.5em
}

h3{
	color: white;
	font-size: 0.6em
}

div#footer{
	bottom: 0;
	width: 99%;
	text-align:center;
	padding: 0.3em;
        background-color: teal; 
	color: aqua;
	margin: 0 auto;
	border-left: 0.0em solid #36c;
	border-right: 0.0em solid #36c;
	position: relative; 
	height:100%;
	
}

div#footer a{
	color: lime;
	font-weight: bold;
	text-decoration: underline;
}

/*stili specifici per il layout*/
div#navigation{
	background-color:#9cf;
}

/*stili per la navigazione*/
/*div#navigation ul{
	margin: 0;
	padding: 0; 
	list-style-type: none;
}

div#navigation li{
	display: inline; 
	margin: 0 0 0 1em;
	padding: 0;
} 
*/
div#navigation a{
	color:#369;
	font: normal bold 1.0em/2.5em arial,sans-serif;
	text-decoration: none;
}
/* Struttura menu */
.nav {
list-style:none; 
margin:0;
padding: 0em;
text-align: center;
}

.nav > li, .nav > li > a {
display:inline-block;
*display:inline; /* Per IE7 */
zoom:1; /* Per IE 7 */
padding-left: 0,2em;
padding-right: 0.2em;
}

.stacked > li {display:list-item;}

.stacked > li > a {display:block; 
width: 100%;
}

.flyout, .flyout-alt {position:relative;}

.flyout-content {
position:absolute;
top:100%;
left:-99999px; /* Posizioniamo i sottomenu fuori dallo schermo; alternativa a display:none */
height:0;
overflow:hidden;
}

.flyout:hover > .flyout-content {left:-0;} /* da modificare se si sposta il sottomenu */

.flyout-alt:hover > .flyout-content {
top:0;
left:100%;
}

.flyout:hover > .flyout-content,
.flyout-alt:hover > .flyout-content {
height:auto;
overflow:visible;
}

/* Fine struttura menu */

/* Aspetto menu */
.site-nav a {
background-color:#9cf; /* Colore di sfondo iniziale */
color:#fff; /* Colore del testo dei link */
font-weight: bold;
white-space:nowrap;
}

.site-nav a,
.site-nav .flyout-content {
border: 0px solid #000; /* Colore e stile dei bordi; azzeriamo lo spessore con 0px */
}

.site-nav > li > a {
border-left-width:0px;
padding-left: 1.0em;} /* Bordo sinistro sulle voci del menu principale */

.site-nav > li:first-child > a {border:none;} /* Eliminiamo il bordo dalla prima voce del menu */

.site-nav .flyout-content {border-width:1px 0 0 0;
margin-left: 0.5em;text-align: left; } /* Bordo superiore per il sottomenu */

.site-nav .flyout-content a {border-bottom-width:1px;} /* Bordo inferiore per le singole voci del sottomenu */

.site-nav .flyout-alt:hover > .flyout-content {top:-1px;}​ /* Un piccolo aggiustamento per la posizione del sottomenu sull'hover */

/* fine aspetto menu */
div#navigation a:hover {
	color: #366;
	text-decoration: underline;
}
div#navigation a:hover, a:active {
color: blue;
text-decoration: underline;
}

div#navigation a#activelink{
	color: #033;
	text-decoration: none;
}

div#content{
	padding: 0 1.5em 5em;
}

p{
	text-align: justify;
	line-height: 150%;
}

/* fine aspetto link */

a:link, a:visited, a:hover, a: a:active{
font:bold 18px Georgia,”Arial”,Arial,serif;
text-decoration:none;
}

a:link{
color:blue;
}

a:visited{
color:#000000;
}

a:hover, a:active {
color: #366;
text-decoration: underline;
}

h4{
		font-size: 2em
}

/*Didascalia immagini*/

.caption {
    font-family: Verdana, bold;
    font-size: 12px;
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
    overflow: hidden;
}

.caption img {
    float: left;
    margin: 0;
    padding: 0;
    background: #fff;
    border: none;
}

.caption span {
    float: left;
    margin: 0;
    padding: 10px;
    width: 100%;
    color: white;
    
    background: #222; /* browser che non supportano rgba */
    background: rgba(0,0,0,0.2);
    position: absolute;
    left: 0;
    bottom: 0;
}

.caption span strong {
    font-weight: bold;
    font-size: 11px;
    text-transform: uppercase;
    display: block;
    padding-bottom: 5px;
}

figure {
    display: block;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 40px;
    margin-right: 40px;
}