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

/* reset browser styles */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, 
pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, 
q, s, samp,small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, 
dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, 
summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	/*font-size: large;
	vertical-align: baseline;
	font-weight: bold;*/
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, 
nav, section { 
display: block;
}
body { 
line-height: 1.2;
}
table { 
border-collapse: collapse; 
border-spacing: 0;
} 
ol { 
padding-left: 1.4em;
list-style: decimal;
}
ul { 
padding-left: 1.4em;
list-style: square;
}
blockquote, q { 
quotes: none;
}
blockquote:before, blockquote:after, 
q:before, q:after { 
content: '';
content: none;
}
/* end reset browser styles */

body {
	background-image:url('images/sun-leavesVERTICAL.jpg'); /* sfondo della pagina */
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; /* adatta l'immagine */
    background-repeat:no-repeat;
	width:98%;
    font-size:1.2em;
}

#corpo { /* contenitore globale */
	display:block;
	position:relative;
	width:auto;
	overflow:auto; /* se fuoriesce attiva le barre di scorrimento */
	border-style:solid;
	border-radius:2%/1.5%;
	border-width:medium;
	border-color:#339900;
	margin:5%;
	padding:5%;
}
/* ----------------stile di titolo e sottotitolo------------- */
#corpo header h1 {
	font-family: 'Over the Rainbow', cursive; /* google font */
	text-align:center;
	font-size:500%;
	margin-top:-0.5%; /* spostarlo più in alto */
}

#corpo header h2 {
	background-image:url('images/girasolesx.png'); /* decorazione per spezzare il sottotitolo */
	background-repeat:no-repeat;
	background-position:center center;
	margin-top:1%; 
}

#corpo header h2 li {
	font-family: 'Architects Daughter', cursive; /* google font */
	text-align:center;
	font-size:170%;
	list-style-type:none; /* tolgo i bullets */
}
#corpo header h2 ul {text-align:center;} /* centro #due e #puntato */
#due{
	display:inline-block;
	text-align:center;
	padding-right:10% /* creo lo spazio per la decorazione */
}
	
#puntato{
	display:inline-block;
	padding-left:10%; /* creo lo spazio per la decorazione */
	text-align:left;
 }

/* ------ fine stile header ------ */
 
 /* ---stile dei link--- */
a:hover { color: green; }
a{ color:black;}

/* ------ stile del contenuto ------ */
#corpo.contenuto {clear:both; position:relative; float:none; overflow:auto; width:98%;}
.citazione {
	font-family:'Over the Rainbow', cursive;
	text-align:center;
	font-size:200%;
	alignment-adjust:central; 
}

.presentazione {
	font-family: 'Architects Daughter', cursive; /* google font */
	text-align:center;
	font-size:120%;
	alignment-adjust:central; 
}

.sidebar {
	clear:both; 
	display:block;
    position:relative; 
	overflow:auto; 
	margin:0 auto;
	padding:0 auto;
 }
.sidebar a {text-decoration:none;}
.sidebar a:hover {background-color:#CF0;}
.sidebar ul { text-align:center;}  /* centra orizzontalmente */
.sidebar li{
	display:inline-block;
	margin:1% 2%;
	padding:0.7% 2%;
	border: solid medium #339900;
	border-top-color:#CF0;
	border-right-color:#CF0;
	list-style-type:none; /* elimina i bullets */
	alignment-adjust:central; 
	vertical-align:-5%;
	font-family: 'Architects Daughter', cursive; /* google font */
}



#corpo footer {clear:both; position:relative; float:none; overflow:auto; width:auto;}
#corpo footer ul { text-align:center; }
#corpo footer li { 
    display:inline-block;
    list-style-type:none; /* elimina bullets */
}
#counter { padding:0 25%; } /* aria al counter */

/* ------------------- stile di dove.html -------------------- */

.dove header h1{ font-size:300%; }

nav {
	clear:both; 
	display:block;
    position:relative; 
	overflow:auto; 
	margin:0 auto;
	padding:0 auto;
	margin-top:3%; /* allontano la barra dall'h1 */
 }
nav a {text-decoration:none;}
nav a:hover {background-color:#CF0;}
nav ul { text-align:center;}  /* centra orizzontalmente */
nav li{
	display:inline-block;
	margin:1% 2%;
	padding:0.7% 2%;
	border: solid medium #339900;
	border-top-color:#CF0;
	border-right-color:#CF0;
	list-style-type:none; /* elimina i bullets */
	alignment-adjust:central; 
	vertical-align:-5%;
	font-family: 'Architects Daughter', cursive; /* google font */
}
.dove nav ul li #where { color:#030; }

.dove #centro  { text-align:center;}

.dove #map {
	display:inline-block;
	margin:auto auto;
	margin-top:5%;
}
.dove #map iframe { 
      background:#CF0;
	  border:solid medium #336600; 
	  padding:1%; margin:1%; 
}

.dove #map figcaption { font-family: 'Architects Daughter', cursive; /* google font */ font-size:200%; }

.dove #indirizzo p {
	clear:both;
	font-family: 'Architects Daughter', cursive; /* google font */
	font-size:150%;
	text-align:center;
	margin-top:5%;
	margin-bottom:5%;
}
 


/* ------------------- stile di studio.html ------------------- */

#corpo.studio{border-radius:2%/.5%;}

.studio header h1{ font-size:300%; }

#corpo.studio #gallery  {
	clear:both;
	position:relative;
	overflow:auto;
	font-family: 'Architects Daughter', cursive;
	font-size:150%;
	margin-top:5%;
}

#corpo.studio #gallery ul { text-align:center; }

#corpo.studio #gallery ul li  { list-style-type:none; width:auto; }
#corpo.studio #gallery ul li figure { width:auto; margin:0; padding:0;}
#corpo.studio #gallery ul li figure img {
	max-width:98%;  
	background:#CF0;
	border:solid medium #336600; 
	padding:1%; margin:1%;
	}
#corpo.studio #gallery ul li.inline figure img {padding:1.8%;}
#corpo.studio #gallery ul li.in  {
	display:inline-block;
	max-width:60%;
	margin:1%; padding:1%; 
	
}
#corpo.studio #gallery ul li.inline  {
	display:inline-block;	
	max-width:40%;
	margin:1%; padding:1%;
}
#corpo.studio #gallery ul li.inline figure img{ max-width:98%; }
 
#corpo.studio #gallery ul li p { text-align:center; }