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

body {font: 95%/1.8em 'Lora', Georgia, "Times New Roman", Times, serif; font-style:italic; color: #2c2c2c; background: #FFF url(../images/background.jpg) no-repeat;}

/*Supporto HTML 5 - Imposta nuovi tag HTML 5 per display:block in modo da indicare ai browser come eseguire il rendering corretto dei tag. */
/*header, section, footer, aside, nav, article, figure {
	display: block;
}*/
nav {font-family: 'Josefin Sans', sans-serif; font-size: 120%; font-style:normal; font-weight:300; margin-top:10px; margin-bottom:20px;text-align:right;}
.clearfloat { /* questa classe può essere inserita in un <br /> o in un blocco vuoto come elemento finale subito dopo l'ultimo blocco con float (all'interno del .container) se il footer viene rimosso o estratto dal .container */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
h1 {font-family: 'Josefin Sans', sans-serif; font-size:250%; text-transform:uppercase; font-weight:bold; font-style:normal;}
section{padding:10px;}
section#studio {margin-bottom:15px; background:#5cbb20 url(../images/sfondo-studio.jpg) bottom right no-repeat; min-height:280px;}
section#servizi {margin-top:15px;background: #FFF url(../images/sfondo-servizi.jpg) bottom right no-repeat;min-height:235px;}
section#equipe { margin-bottom:15px;margin-top:15px;background:#FFF url(../images/sfondo-equipe.jpg) bottom right no-repeat;min-height: 245px;}
section#contatti {margin-top:15px;min-height: 285px;background:#0091c7 url(../images/sfondo-contatti.jpg) bottom right no-repeat;}
section#studio h1, section#contatti h1 {color: #FFF; margin-top:20px;}
section#equipe h1, section#servizi h1 {color: #156381;margin-top:20px;}
.bordato {border:3px solid #FFF; -moz-box-shadow: 0 0 6px #888;-webkit-box-shadow: 0 0 6px #888;box-shadow: 0 0 6px #888;padding:20px; padding-bottom:0px;cursor:pointer;}
.no-boxshadow .bordato {border:3px solid #FFF; border:1px solid #888; padding:20px;padding-bottom:0px;cursor:pointer;}

p.studio {max-width: 205px; color:#FFF; padding-top:10px;}
p.equipe {max-width: 200px; padding-top:10px;}
p.servizi {max-width: 200px; padding-top:10px;}
p.contatti {max-width: 195px; color:#FFF; padding-top:10px;}
footer {/*float: left;*/clear:both; font-size:85%; font-style:normal; font-weight:bold; /*width:300px;*/max-width:700px; margin-left:10px; /*margin-top:10px;*/ padding-top:20px;text-align:center;line-height:150%; margin-bottom:40px;}
section > a{text-decoration:none;}
/*img#logo{float:right;margin-right:20px;}*/
section#studio a, section#contatti a {color: #FFF;}
section#servizi a, section#equipe a {color:#000;}
a {color: #006cb2;}
a:hover {text-decoration:none;}

/*AGGIUNTE NOTE*/
ul.note, ul.note li{
  list-style:none;
  float:left;
}
ul.note{
  overflow:hidden;
  padding:3em;
  position: absolute;
  margin-top:-20px;
  z-index:2;
}
ul.note li h2{
	font-family: 'Architects Daughter', cursive;
  font-size:180%;
  font-weight:bold;
  padding-bottom:10px;
}
ul.note li p{
  font-family: 'Architects Daughter', cursive;
  font-size:130%;
  font-style: normal;
  margin-top:0px;
}
ul.note li a{
	font-family: 'Architects Daughter', cursive;
  text-decoration:none;
  color:#000;
  background:#ffc;
  display:block;
  height:10em;
  width:10em;
  padding:1em;
  -moz-box-shadow:5px 5px 7px rgba(33,33,33,1);
  -webkit-box-shadow: 5px 5px 7px rgba(33,33,33,.7);
  box-shadow: 5px 5px 7px rgba(33,33,33,.7);
  -moz-transition:-moz-transform .15s linear;
  -o-transition:-o-transform .15s linear;
  -webkit-transition:-webkit-transform .15s linear;
  -webkit-transform:rotate(-6deg);  
	-o-transform:rotate(-6deg);  
	-moz-transform:rotate(-6deg); 

}
ul.note li:nth-child(even) a{
  -o-transform:rotate(4deg);
  -webkit-transform:rotate(4deg);
  -moz-transform:rotate(4deg);
  position:relative;
  top:5px;
}
ul.note li:nth-child(3n) a{
  -o-transform:rotate(-3deg);
  -webkit-transform:rotate(-3deg);
  -moz-transform:rotate(-3deg);
  position:relative;
  top:-5px;
}
ul.note li:nth-child(5n) a{
  -o-transform:rotate(5deg);
  -webkit-transform:rotate(5deg);
  -moz-transform:rotate(5deg);
  position:relative;
  top:-10px;
}
ul.note li a:hover,ul li a:focus{
  -moz-box-shadow:10px 10px 7px rgba(0,0,0,.7);
  -webkit-box-shadow: 10px 10px 7px rgba(0,0,0,.7);
  box-shadow:10px 10px 7px rgba(0,0,0,.7);
  -webkit-transform: scale(1.25);
  -moz-transform: scale(1.25);
  -o-transform: scale(1.25);
  position:relative;
  z-index:5;
}

.navbar-light .navbar-nav .nav-link {color: rgba(0,0,0,1)}
.nav-link:hover {color:rgba(0,0,0,1)}
@media (max-width: 575.98px) {
	header.logo {background: rgba(255,255,255,0.5);}
}
@media (min-width: 992px) {
.container {max-width:760px;}

}
@media (min-width: 768px){header.logo {max-width: 760px;margin:0 auto;}}