/************ NELSALENTO.COM LANDING ************/


/***** TYPOGRAPHY ******/

@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700);


body {
    font-family: 'Open Sans', sans-serif;
    font-size:1rem;
    color:#363a3f;
    background:#F9F9F7;

}

p,ul,li {
    font-size:1rem;
}

/* Default header styles */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    margin-top: 0.2rem;
    margin-bottom: 0.5rem;
    line-height: 1.4; 
    color:#363a3f;
}

h1 {
    font-size: 1.8rem; 

}

h2 {
    font-size: 1.6rem; 
    text-transform:uppercase;

}

h3 {
    font-size: 1.3rem; }

strong, b {
    font-weight: 600;
}

/****** HEADLINE ******/

header{
    text-align:left; 
    padding-left:30px;
}

header img {
    width: 170px;
    margin-top: 5px;
}

.p30 {
    padding:30px;
}

.p60 {
    padding:30px 60px;
}

#headline #image img{
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    margin-left:20px;
}

#headline #image-over {
    width: 90px;
    height: 90px;
    display: block;
    background-color: #EA6F00;
    color: #fff;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    text-align: center;
    font-size: 0.7rem;
    font-weight: 600;
    padding-top: 21px;
    position: relative;
    top: -80px;
    left: 55%;
    margin-bottom: -80px;
    text-transform: uppercase;
    line-height: 15px;
    margin-left:20px;

}

#headline h1{
    color: #EA6F00; 
    font-weight:600; 
    margin-top: 20px;
    text-shadow: 1px 1px 0px rgb(125, 61, 3);
}

.button {
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    background-color: #008CBA;
    color: #FFFFFF;
    transition: background-color 300ms ease-out;
}

.button:hover {
    background-color: rgba(0, 140, 186, 0.88);
}

/****** SECTION ******/
.content{
    margin:15px 0 0;
}

section{
    margin-bottom:90px;
}

.container{
    background:#FFFFFF; 
    margin-top:15px; 
    border: 1px solid #ECECEB;
    box-shadow: 0px 0px 5px rgb(218, 218, 218);
}

.title-box h2{
    text-align:center;
    font-weight:400;
    margin-bottom:20px;
}

.row .dati{
    margin-top:60px; 
    text-align:center;}


.dato{
    background:#F1F1ED; 
    padding:10px;
}



#perche h3{
    color:#008CBA; 
    font-size:1.8rem;
}
#perche span, #forza span{
    font-size:0.9rem;
}

section#forza ul{
    padding:0 100px;
}

section#forza span{
    padding:0 50px;
    display:block;
}

section#forza ul li{
    list-style-type:none;
    position: relative;
    padding-left:30px;
    line-height:1.5rem;
    padding:5px 30px; 
}

section#forza ul li:before {
    content: "\2713";
    font-size:1.5rem;
    position: absolute;
    left: 0px;
    color:#008CBA;
    font-weight:600;
}

section .inverse{
    text-align:right;
}
section h3{
    font-weight: 600;
}

hr{
    border-color:#efefef; 
    margin-bottom: 60px;
}

.bg-bottom{
    background: #f9f9f7 url(../img-home/bg-pattern-bottom.png) left bottom repeat-x;
}

.bg-top{
    background: url(../img-home/bg-pattern-top.png) left top repeat-x;
    padding:8px 0;
}

#cosa-aspetti ul{
    padding-left:30px;
}

#cosa-aspetti i {
    padding-right:10px;
}

#testimonial p, .accordion-content{
    font-size:0.8rem;
}

a.accordion-title{font-size: 0.9rem; color:#363a3f; background:#F5F5F5; line-height: 1.3rem;}


#testimonial img{
    width:150px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    margin:15px 0;
}


/****** SECTION CONTACT *****/

section#contact{
    margin-bottom:0;
    color:#fff;
    background-color:#008CBA;
}


section#contact label {
    color:#fff;
}

input#campo {
    display:none;
}


section#contact .title-box h2{
    color:#fff;
}

section#contact a, section#contact a:visited, section#contact a:active, section#contact a:hover{
    color:#fff;
    text-decoration:underline;
}

section#contact .title-box {
    margin-top:30px;
}

#submit {
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    background-color: #E48128;
    color: #fff;
    transition: background-color 300ms ease-out;
}

#submit:hover {
    background-color:#EA6F00;
}

footer{
    font-size:0.9rem; 
    padding-top:30px; 
    clear:both; 
    text-align:center;
}

/***** MEDIA QUERY *****/

@media only screen and (max-width: 40em) { 


    .container{
        background:#FFFFFF; 
        margin-top:0; 
        border: 0;
        box-shadow: none;
    }


    header, #headline #image, #headline h1, #headline p, .title-box, #perche p, #pagina h3, #mappa h3, #offerte h3, #social h3{
        text-align:center;
    }

    #pagina img, #mappa img, #offerte img, #social img{
        margin-bottom:30px;
    }


    #headline h1 {
        font-size:1.7rem;
    }


    #headline #image img{
        margin:20px 0 ;
    }

    .button {
        width:250px;
        margin:0 auto 15px auto;
        display:block;
        font-size:0.9rem;
    }

    .p30 {
        padding:15px;
    }

    .p60 {
        padding:15px 30px;
    }

    section{
        margin-bottom:60px;
    }

    section#forza span{
        padding:0 15px;
    }

    section#forza ul{
        padding:0 0px;
    }

    section .inverse{
        text-align:left;
    }

} /* max-width 640px, mobile-only styles, use when QAing mobile issues */