html {



overflow-y: scroll;

}



body {
    background: white;
    color: grey;
    font-family: lato;
    font-weight: 300;
    margin: 0;
}
h1 {
    color: #1c80be;
}
h2 {
    color: #237b8f;
    font-family: playfair display;
    font-size: 30pt;
    font-style: italic;
    font-weight: 600;
    text-align: center !important;
}

h3 {
    color: white;
    font-family: playfair display;
    font-size: 16pt !important;
    font-weight: 400;
    text-align: center;
}
h4 {
    border-bottom: 1px dotted #1c80be;
    color: #1c80be;
    font-family: playfair display;
    font-size: 21pt;
    font-style: italic;
    margin: 10px 0 20px;
    padding: 10px 0;
}
cite {
    color: #237b8f;
    font-size: 20pt;
    font-style: italic;
}
footer {
    background: rgb(28,128,190); /* Old browsers */
    background: -moz-linear-gradient(-45deg, rgba(28,128,190,1) 0%, rgba(26,158,173,1) 41%, rgba(28,128,190,1) 98%, rgba(28,128,190,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, rgba(28,128,190,1) 0%,rgba(26,158,173,1) 41%,rgba(28,128,190,1) 98%,rgba(28,128,190,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, rgba(28,128,190,1) 0%,rgba(26,158,173,1) 41%,rgba(28,128,190,1) 98%,rgba(28,128,190,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c80be', endColorstr='#1c80be',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    color: white;
    margin-top: 50px;
    padding: 50px 0;
    font-size: 12pt;
}
hr {
    border: 1px solid white;
}
#subtn_58e7b906a0de2 > span {
    font-family: playfair display;
    font-size: 20pt !important;
    font-style: italic;
    padding: 15px 30px !important;
}
.s1 {
    font-family: playfair display;
    font-weight: 500;
}
#header {
    color: skyblue;
    margin-top: 60px;
    position: absolute;
    width: 100%;
    z-index: 999;
}
.copyright a {
    color: #237b8f;
    text-decoration: none;
}
.col-3.col-md-3.col-sm-3.box > img {
    margin: 0;
    width: 94px;
}
.ok {
    background: #dff6fa none repeat scroll 0 0;
    margin: 20px 0;
    padding: 20px 0;
}
.copyright {
    background: white none repeat scroll 0 0;
    color: #237b8f;
    padding: 20px 0 10px;
}
.frase {
    padding: 100px 0 60px;
}
.titolohome {
    margin: 10px 0;
    padding: 10px 20px;
    text-align: center;
}
.icon-social 
{
    color: #1c80be;
    margin-top: 51px;
}
.home {
    background: #dff6fa none repeat scroll 0 0;
    font-style: italic;
    font-weight: 300;
    padding: 40px;
}
.parallax {
    margin-top: 50px;
}
#headermenu
{
	background: white;
}
.box
{
background: rgb(28,128,190); /* Old browsers */
background: -moz-linear-gradient(-45deg, rgba(28,128,190,1) 0%, rgba(26,158,173,1) 41%, rgba(28,128,190,1) 98%, rgba(28,128,190,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, rgba(28,128,190,1) 0%,rgba(26,158,173,1) 41%,rgba(28,128,190,1) 98%,rgba(28,128,190,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, rgba(28,128,190,1) 0%,rgba(26,158,173,1) 41%,rgba(28,128,190,1) 98%,rgba(28,128,190,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c80be', endColorstr='#1c80be',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

#menu {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    display: table;
    margin: 6px auto !important;
    padding: 0;
    text-align: center;
}

#menu ul {

list-style: outside none none;

margin: 10px;

padding: 10px;

}
#menu li {
    display: inline;
    float: left;
    font-family: "Suranna",sans-serif;
    font-size: 13px;
    list-style: outside none none;
    margin: 60px 10px;
    text-decoration: none;
}
#menu li a {

color: #1c80be;

font-family: lato;

font-size: 17px;

font-weight: 400 !important;

list-style: outside none none;

padding: 6px;

text-decoration: none;

margin: 31px 10px;

}

#menu li a:hover {

    color: #1f7dc3;

    transition: all 0.2s ease-out 0.2s;

}

.nav-child {

margin: 0 !important;

max-width: 100%;

position: absolute;

text-align: left !important;

z-index: 24;

display: none;

padding-top: 10px;

width: 200px;

}

.nav-child li {

background: rgba(129, 198, 122, 0.8) none repeat scroll 0 0;

border: medium none !important;

color: #1c3e6a;

display: inline-block !important;

padding: 0 !important;

width: 250px!important;

margin: 0px!important

}

.nav-child li a {

color: white !important;

display: block;

margin: 0 !important;

padding: 10px !important;

font-size: 14px!important;

}

.nav-child li:hover{

background: #2b2d29;

color: white;

display: block;

transition: all 0.1s ease-out 0.1s;

}

.nav-child li a:hover{

color: white!important;

display: block;

}

#menu li:hover > .nav-child {

display: block;

}

.nav-child .active a {

color: white;

}

/* Smartphones (portrait and landscape) ----------- */



@media only screen



and (min-width : 150px)



and (max-width : 480px) 



{



#prova



{



height:auto !important;



width:auto !important;



text-align:center !important;



}

#header {
    color: skyblue;
    margin-top: 0px;
    position: relative;
    width: 100%;
    z-index: 999;
}
footer {
    text-align: center;
}
#headermenu img {
    width: 82%;
    height: auto;
    margin: 0px;
}
.n2-ss-slide-background-image.n2-ss-slide-fit.n2-ow {
    margin-top: 0px !important;
}
}

/* iPads (landscape) ----------- */

@media only screen 

and (min-width : 768px) 

and (max-width : 1024px)

and (orientation : landscape) {



#form-login-username {

border: 1px solid #ededed;

clear: both;

float: left;

margin: 0 10px;

width: 48%;

}



}

/* iPads (portrait) ----------- */

@media only screen 

and (min-width : 768px) 

and (max-width : 1024px)

and (orientation : portrait) {



#form-login-username {

border: 1px solid #ededed;

clear: both;

float: left;

margin: 0 10px;

width: 48%;

}



}

/* Small tablet (portrait) ----------- */

@media only screen 

and (min-width : 533px) 

and (max-width : 906px)

and (orientation : portrait) {



#form-login-username {

border: 1px solid #ededed;

clear: both;

float: left;

margin: 0 10px;

width: 48%;

}