/* Contenitori */
html, body {
width:100%;
height:100%;
margin:0;
padding:0;
}

body{
 font-family: 'Quicksand', Arial, sans-serif;
 text-align: justify;
 color: black;
 font-size: 1.0em;
 font-weight: normal;
 background-color: rgba(225, 225, 225, 1.0);
 background-image: url(../img/bg/sfondo1.jpg);
 background-repeat: repeat;
}

.content{
position:relative;
margin:0;
padding:0;
width:100%;
min-width:1000px;
height:auto;
}

.wms-wrapper-header{ /* Necessario per dropdown menu */
position:relative;
width:1000px;
margin:auto;
}

.wms-wrapper{
position:relative;
width:1000px;
margin:auto;
padding:5px 0 5px 0;
overflow:hidden;
}

/* Contenuti */
.disclaimer{
position:absolute;
top:20px;
left:170px;
padding:0;
}

.spiegafoto{
float:right;
margin:20px 25px 0 0;
padding:20px;
line-height:1.5em;
border-radius:10px;
}

.bloc-1{
display:block;
float:left;
top:0;
left:0;
width:400px;
height:auto;
margin:15px 0 15px 0;
padding:0;
overflow:hidden;
}

.bloc-2{
display:block;
float:left;
top:0;
left:0;
width:580px;
height:auto;
margin:15px 10px 15px 10px;
padding:0;
overflow:hidden;
}

.bloc-3{
display:block;
float:left;
top:0;
left:0;
width:980px;
height:auto;
margin:30px 10px 30px 10px;
padding:5px 0 5px 0;
overflow:hidden;
}

.bloc-4{
display:block;
float:left;
top:0;
left:0;
width:240px;
height:auto;
margin:25px 0px 0px 10px;
padding:0;
overflow:hidden;
}

.bloc-5{
display:block;
float:left;
top:0;
left:0;
width:400px;
height:auto;
margin:0;
padding:25px 50px 25px 50px;
overflow:hidden;
}

.bloc-6{
display:block;
float:left;
top:0;
left:0;
width:500px;
height:auto;
margin:-90px 0 0 0;
padding:0 0 5px 0;
overflow:hidden;
}

.bloc-7{
display:block;
float:left;
top:0;
left:0;
width:480px;
height:auto;
margin:10px 10px 20px 10px;
padding:0;
overflow:hidden;
}

.bloc-8{
display:block;
float:left;
top:0;
left:0;
width:980px;
height:auto;
margin:10px 10px 20px 10px;
padding:0;
overflow:hidden;
}

/* Sfondi */
.blu{
 background-color: rgba(136, 212, 226, 1.0);
}

.marrone{
 background-color: rgba(84, 24, 0, 1.0);
}

.gray{
 background-color: rgba(212, 212, 212, 1.0);
}

.gray1{
 background-color: rgba(212, 212, 212, .1);
}

.gray2{
 background-color: rgba(212, 212, 212, .2);
}

.gray3{
 background-color: rgba(212, 212, 212, .3);
}

.gray4{
 background-color: rgba(212, 212, 212, .4);
}

.gray5{
 background-color: rgba(212, 212, 212, .5);
}

/* Social Icons*/
.socialbox{
position:absolute;
top:50px;
left:950px;
}

.social{
display:block;
float:left;
width:36px;
height:36px;
margin:7px;
background-position:bottom center;
background-repeat:no-repeat;
transition-property:background-position;/*standard*/
transition-duration:.0s;
-webkit-transition-property:background-position;/*Safari e Chrome */
-webkit-transition-duration:.0s;
-o-transition-property:background-position;/*Opera*/
-o-transition-duration:.0s;
-moz-transition-property:background-position;/*Firefox*/
-moz-transition-duration:.0s;
}

.social:hover{
background-position:top center;
}

.facebook{
background-image:url(../img/social/facebook.png);
}

.google{
background-image:url(../img/social/google.png);
}

/* Links band */ 
.links{
display:block;
width:90px;
height:90px;
margin:20px 0 0 50px;
float:left;
background-color:#d1d1d1;
border-radius:10px;
background-position:center center;
background-repeat:no-repeat;
transition-property:background-color;/*standard*/
transition-duration:.0s;
-webkit-transition-property:background-color;/*Safari e Chrome */
-webkit-transition-duration:.0s;
-o-transition-property:background-color;/*Opera*/
-o-transition-duration:.0s;
-moz-transition-property:background-color;/*Firefox*/
-moz-transition-duration:.0s;
}

.links:hover{
background-color:#dddddd;
}

.logo1{
background-image:url(../img/link/logo1.png);
}

.logo2{
background-image:url(../img/link/logo2.png);
}

.logo3{
background-image:url(../img/link/logo3.png);
}

.logo4{
background-image:url(../img/link/logo4.png);
}

.logo5{
background-image:url(../img/link/logo5.png);
}

.logo6{
background-image:url(../img/link/logo6.png);
}

.logo7{
background-image:url(../img/link/logo7.png);
}

.logo8{
background-image:url(../img/link/logo8.png);
}

.logo9{
background-image:url(../img/link/logo9.png);
}

.logo10{
background-image:url(../img/link/logo10.png);
}

/* Tipografia */
h1.servizi{
padding:10px;
margin:0;
font-family:'Raleway', sans-serif;
font-size:2.1em;
font-weight:normal;
color:black;
text-align:center;
word-spacing:0px;
word-wrap:break-word;
}

h1.title{
 margin: 2px;
 font-family: 'Nothing You Could Do', cursive;
 font-size: 3.1em;
 font-weight: normal;
 color: yellow;
 text-align: center;
 word-spacing: 0px;
}

h2.scuola{
margin:0;
padding: 35px 0px 35px 0px;
font-family:'Raleway', sans-serif;
font-size:2.0em;
font-weight:normal;
color:rgba(155, 215, 226, 1.0);
text-align:center;
word-spacing:0px;
word-wrap:break-word;
font-variant:small-caps;
}

h2.prove{
margin:0;
padding: 35px 0px 35px 0px;
font-family:'Raleway', sans-serif;
font-size:2.5em;
font-weight:normal;
color:rgba(155, 215, 226, 1.0);
background-color:rgba(84, 24, 0, 1.0);
text-align:center;
word-spacing:0px;
word-wrap:break-word;
font-variant:small-caps;
line-height:1.5em;
border:solid medium #efd70b;
border-radius:15px;
}

h2.prenotazione{
margin:0;
padding: 35px 0px 35px 0px;
font-family:'Raleway', sans-serif;
font-size:2.5em;
font-weight:normal;
color:rgba(155, 215, 226, 1.0);
background-color:rgba(84, 24, 0, 1.0);
text-align:center;
word-spacing:0px;
word-wrap:break-word;
font-variant:small-caps;
line-height:1.5em;
border:solid medium #efd70b;
border-radius:15px;
}

h3{
padding:0;
margin:0;
font-family:'Raleway', sans-serif;
font-size:1.8em;
font-weight:normal;
color:yellow;
text-align:left;
}

h4{
padding:0;
margin:0;
font-family:'Raleway', sans-serif;
font-size:1.5em;
font-weight:normal;
color:rgba(82, 36, 10, 1.0);
text-align:left;
font-variant:small-caps;
}

h5{
padding:0;
margin:0;
font-family:'Raleway', sans-serif;
font-size:0.9em;
font-weight: normal;
color: rgba(82, 36, 10, 1.0);
text-align: center;
line-height:2.0;
}

h5.nota{
padding:5px;
margin:20px;
font-family:'Raleway', sans-serif;
font-size:0.9em;
font-weight:normal;
color:rgba(0, 0, 0, 1.0);
background:rgba(255, 220, 0, 1.0);
text-align:left;
border-radius:5px;
border:solid thin black;
}

h5.foto{
padding:5px;
margin:0 0 0 30px;
font-family:'Raleway', sans-serif;
font-size:0.9em;
font-weight:normal;
color:rgba(0, 0, 0, 1.0);
text-align:left;
line-height:1.5em;
}

p.home{
padding:10px 20px 0px 20px;
margin:0;
font-family:'Lora', sans-serif;
font-size:1.0em;
font-weight:normal;
color:black;
text-align:justify;
word-spacing:0;
word-wrap:break-word;
line-height:1.5em;
}

p.sp{
padding:10px 20px 0px 20px;
margin:0;
font-family:'Lora', sans-serif;
font-size:1.0em;
font-weight:normal;
color:black;
text-align:justify;
word-spacing:0;
word-wrap:break-word;
line-height:1.5em;
}

p.piano{
padding:10px 20px 0px 20px;
margin:10px 0 0 0;
font-family:'Lora', sans-serif;
font-size:1.0em;
font-weight:normal;
color:black;
text-align:justify;
word-spacing:0;
word-wrap:break-word;
line-height:1.5em;
}

p.eventilive{
padding:10px 20px 0px 20px;
margin:10px 0 0 0;
font-family:'Lora', sans-serif;
font-size:1.0em;
font-weight:normal;
color:black;
text-align:justify;
word-spacing:0;
word-wrap:break-word;
line-height:1.5em;
}

p.contatti{
padding:10px 20px 0px 20px;
margin:0;
font-family:'Lora', sans-serif;
font-size:1.0em;
font-weight:normal;
color:black;
text-align:justify;
word-spacing:0;
word-wrap:break-word;
line-height:1.5em;
}

p.contatto{
padding:10px 20px 0px 20px;
margin:0;
font-family:'Lora', sans-serif;
font-size:1.5em;
font-weight:normal;
color:black;
text-align:center;
word-spacing:0;
word-wrap:break-word;
line-height:1.5em;
}

p.nota{
padding:10px 20px 0px 20px;
margin:0;
font-family:'Lora', sans-serif;
font-size:0.9em;
font-weight:normal;
color:black;
text-align:justify;
word-spacing:0;
word-wrap:break-word;
line-height:1.5em;
}

.smallcaps{
font-variant:small-caps;
}

.underline{
text-decoration:underline;
}

hr{
 margin: auto;
 padding: 0;
 width: 90%; 
 border-color: rgba(0, 0, 0, 1.0);
 border-width: thin; 
}

/* Elenchi */
.nav-ft{
position:relative;
top:0px;
left:0px;
padding:0;
margin:10px 0 0 0;
line-height:75px;
}

.schedatecnica{
list-style-type:circle;
list-style-position:inside;
margin:0;
font-family:'Lora', sans-serif;
font-size:0.8em;
font-weight:normal;
color:black;
text-align:left;
word-spacing:0;
word-wrap:break-word;
line-height:1.5em;
padding:10px 20px 0px 20px;
}

.schedatecnica li{
margin:5px;
}

.elenchivari{
list-style-type:circle;
list-style-position:inside;
margin:0;
padding:10px 20px 0px 20px;
font-family:'Lora', sans-serif;
font-size:1.0em;
font-weight:normal;
color:black;
text-align:justify;
word-spacing:0;
word-wrap:break-word;
line-height:1.5em;
}

.indirizzo{
list-style-type:none;
list-style-position:inside;
margin:0;
padding:10px 20px 0px 20px;
font-family:'Lora', sans-serif;
font-size:1.4em;
font-weight:normal;
color:black;
text-align:justify;
word-spacing:0;
word-wrap:break-word;
line-height:1.5em;
}

/* Bordi */
.border-box{
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
}

.border-top{
 border-top-color:rgba(200, 200, 200, 1.0);
 border-top-style:dotted;
 border-top-width:thin;
}

.border-top-ft{
 border-top-color:rgba(84, 24, 0, 1.0);
 border-top-style:solid;
 border-top-width:medium;
}

.border-bottom{
 border-bottom-color:rgba(84, 24, 0, 1.0);
 border-bottom-style:solid;
 border-bottom-width:medium;
}

.box-shadow{
 box-shadow: 0px 0px 20px 0px gray;
 -webkit-box-shadow: 0px 0px 20px 0px gray;
 -moz-box-shadow: 0px 0px 20px 0px gray;
}

.box-shadow-fb{
 box-shadow: 0px 0px 10px 2px black;
 -webkit-box-shadow: 0px 0px 10px 2px black;
 -moz-box-shadow: 0px 0px 10px 2px black;
}

/* Effetti */
.text-shadow-effect{
 text-shadow: -5px 3px 5px rgba(82, 36, 10, .9);
 transition-property: text-shadow;/*standard*/
 transition-duration: .5s;
-webkit-transition-property: text-shadow;/*Safari e Chrome */
-webkit-transition-duration: .5s;
-o-transition-property: text-shadow;/*Opera*/
-o-transition-duration: .5s;
-moz-transition-property: text-shadow;/*Firefox*/
-moz-transition-duration: .5s;
}

.text-shadow-effect:hover{
 text-shadow: 0px 0px 15px rgba(250, 250, 10, .9);
}

/* Link */
a{
text-decoration: none;
cursor: pointer;
outline-style: none;
}

a.readmore:link, a.readmore:visited {
color:gray;
text-decoration:none;
transition-property:color;/*standard*/
transition-duration:.3s;
-webkit-transition-property:color;/*Safari e Chrome */
-webkit-transition-duration:.3s;
-o-transition-property:color;/*Opera*/
-o-transition-duration:.3s;
-moz-transition-property:color;/*Firefox*/
-moz-transition-duration:.3s;
}

a.readmore:hover{
color:#616161;
}

a.submenu:link, a.submenu:visited{
color:rgba(84, 24, 0, 1.0);
text-decoration:none;
transition-property:color;/*standard*/
transition-duration:.3s;
-webkit-transition-property:color;/*Safari e Chrome */
-webkit-transition-duration:.3s;
-o-transition-property:color;/*Opera*/
-o-transition-duration:.3s;
-moz-transition-property:color;/*Firefox*/
-moz-transition-duration:.3s;
}

a.submenu:hover{
color:rgba(120, 40, 10, 1.0);
}

a.wmskl:link, a.wmskl:visited{
color:#efd70b;
text-decoration:none;
transition-property:color;/*standard*/
transition-duration:.3s;
-webkit-transition-property:color;/*Safari e Chrome */
-webkit-transition-duration:.3s;
-o-transition-property:color;/*Opera*/
-o-transition-duration:.3s;
-moz-transition-property:color;/*Firefox*/
-moz-transition-duration:.3s;
}

a.wmskl:hover{
color:#efd70b;
text-shadow: 0px 0px 30px rgba(240, 215, 10, 1.0);
}

a.fblink:link, a.fblink:visited{
color:rgba(16, 84, 169, 1.0);
text-decoration:none;
transition-property:color;/*standard*/
transition-duration:.3s;
-webkit-transition-property:color;/*Safari e Chrome */
-webkit-transition-duration:.3s;
-o-transition-property:color;/*Opera*/
-o-transition-duration:.3s;
-moz-transition-property:color;/*Firefox*/
-moz-transition-duration:.3s;
}

a.fblink:hover{
color:rgba(16, 84, 169, 1.0);
text-shadow: 0px 0px 0px rgba(0, 0, 0, 1.0);
}

/* Media queries */
@media only screen and (max-device-width : 767px) and (orientation : portrait) {

h1.servizi{
font-size:0.8em;
}

h1.title{
 font-size: 3.0em;
}

h2.scuola{
font-size:1.9em;
}

h2.prove{
font-size:2.4em;
}

h2.prenotazione{
font-size:2.0em;
}

h3{
font-size:1.7em;
}

h4{
font-size:1.4em;
}

h5{
font-size:0.8em;
}

h5.nota{
font-size:0.5em;
}

h5.foto{
font-size:0.8em;
}

p.home{
font-size:0.9em;
}

p.sp{
font-size:0.9em;
}

p.piano{
font-size:0.6em;
}

p.eventilive{
font-size:0.6em;
}

p.contatti{
font-size:0.9em;
}

p.contatto{
font-size:1.4em;
}

p.nota{
font-size:0.5em;
}

.schedatecnica{
font-size:0.8em;
}

.elenchivari{
font-size:0.6em;
}

.indirizzo{
font-size:1.3em;
}

}

@media only screen and (max-device-width : 320px) and (max-device-width : 520px){

h1.servizi{
font-size:1.0em;
}

h1.title{
 font-size: 3.0em;
}

h2.scuola{
font-size:1.5em;
}

h2.prove{
font-size:2.4em;
}

h2.prenotazione{
font-size:2.0em;
}

h3{
font-size:1.7em;
}

h4{
font-size:1.4em;
}

h5{
font-size:0.5em;
}

h5.nota{
font-size:0.5em;
}

h5.foto{
font-size:0.8em;
}

p.home{
font-size:0.5em;
}

p.sp{
font-size:0.9em;
}

p.piano{
font-size:0.6em;
}

p.eventilive{
font-size:0.6em;
}

p.contatti{
font-size:0.9em;
}

p.contatto{
font-size:1.4em;
}

p.nota{
font-size:0.5em;
}

.schedatecnica{
font-size:0.8em;
}

.elenchivari{
font-size:0.6em;
}

.indirizzo{
font-size:1.3em;
}

}