body {
    width: 100%;
    height: 100%
}

html {
    width: 100%;
    height: 100%
}

.border-page {
    border-left: solid 1px #ddd;
    border-right: solid 1px #ddd
}

.container-fluid {
    padding: 0
}

.nav, .navbar-nav {
    font-size: 12px
}
/*Easy*/
.sedi {
    margin: 30px;
}
.sedi img {
     border:1px solid black;
}
@media (min-width:768px) {
    .nav, .navbar-nav {
        font-size: 13px
    }
}

@media (min-width:992px) {
    .nav, .navbar-nav {
        font-size: 18px
    }
}

@media (min-width:1200px) {
    .nav, .navbar-nav {
        font-size: 18px
    }
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #66000d;
    background-color: #013220;
    text-shadow: 0 0 0
}

.navbar-default .navbar-nav > li > a {
    color: #000;
    font-family: 'Hammersmith One',sans-serif
}

    .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
        color: #000;
        background: #e5e5e5;
        background: -webkit-linear-gradient(top, #e5e5e5 0, #fff 100%);
        background: linear-gradient(to bottom, #e5e5e5 0, #fff 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5e5e5', endColorstr='#ffffff', GradientType=0);
        text-shadow: 0 0 0;
        border: solid 1px #011d01;
        padding-top: 8px;
        padding-bottom: 8px;
        margin: 7px auto
    }

.navbar-default .navbar-brand {
    padding: 5px;
    margin-left: 20px
}

@media (max-width:767px) {
    .navbar-default .navbar-brand img {
        height: 40px
    }
}

.navbar-default {
    background: #fff;
    background: -webkit-linear-gradient(top, #fff 0, #f6f6f6 47%, #ededed 100%);
    background: linear-gradient(to bottom, #fff 0, #f6f6f6 47%, #ededed 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed', GradientType=0)
}

@media (min-width:768px) {
    .navbar {
        padding: 10px 0;
        -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
        transition: background .5s ease-in-out,padding .5s ease-in-out
    }

    .top-nav-collapse {
        padding: 30px 0
    }

    .navbar .navbar-collapse {
        margin-left: 0;
        -webkit-transition: .1s;
        transition: .1s;
        -webkit-transition-delay: .5s;
        transition-delay: .5s
    }

    .top-nav-collapse .navbar-collapse {
        margin-left: 170px;
        -webkit-transition-delay: 0s;
        transition-delay: 0s
    }

    .navbar-default .navbar-brand {
        width: 0;
        padding: 0;
        filter: alpha(opacity=0);
        opacity: 0;
        -webkit-transition: .5s;
        transition: .5s
    }

    .top-nav-collapse.navbar-default .navbar-brand {
        width: 100%;
        zoom: 1;
        filter: alpha(opacity=100);
        opacity: 1
    }
}

@media (min-width:768px) and (max-width:991px) {
    .top-nav-collapse .navbar-collapse {
        margin-left: 112px
    }
}

.carousel, .carousel-inner, .carousel-inner .item, .carousel-inner .item.active {
    height: 100%
}

.carousel-fade .carousel-inner .item {
    -webkit-transition-property: opacity;
    transition-property: opacity
}

.carousel-fade .carousel-inner .item, .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right {
    opacity: 0
}

.carousel-fade .carousel-inner .active, .carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right {
    opacity: 1
}

    .carousel-fade .carousel-inner .next, .carousel-fade .carousel-inner .prev, .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right {
        left: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

.carousel-fade .carousel-control {
    z-index: 2
}

.fill {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover
}

.codice a {
    margin-left: 10px;
    color: #000;
    cursor: pointer
}

    .codice a:focus, .codice a:active, .codice a:hover {
        text-decoration: none;
        color: red
    }

.form-control-feedback {
    margin-right: 10px
}

.logo-top {
    height: 50px
}

@media (min-width:992px) {
    .logo-top {
        margin-top: -15px;
        height: 80px
    }
}

.page-header {
    font-family: 'Hammersmith One',sans-serif;
    background: #013220;
    color: #fff;
    padding: 17px;
    margin: 21px -16px 25px
}

    .page-header h2 {
        font-weight: bold;
        margin: 0
    }

.page-body {
    padding-bottom: 20px
}

    .page-body p {
        margin: 16px;
        text-align: justify;
        line-height: 34px
    }

.list-group-item {
    font-family: 'Hammersmith One',sans-serif;
    font-size: 18px;
    color: #000;
    padding: 12px 15px
}

    .list-group-item .fa {
        font-size: 14px
    }

    .list-group-item a {
        color: #000
    }

@media (max-width:767px) {
    .list-group-item {
        font-size: 15px
    }
}

.list-agent li:first-child {
    list-style-type: none
}

.sf-white {
    background-color: #fff
}

.sf-grey {
    background-color: #eee
}

#fancy {
    display: none
}

#bigLogo {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-indent: -9999px;
    font-size: 1px
}

    #bigLogo img {
        display: block;
        margin: auto;
        position: absolute;
        top: 0;
        bottom: 0
    }

@media (min-width:1200px) {
    #bigLogo img {
        width: 50%;
        left: 10%;
        right: 10%
    }
}

@media (max-width:767px) {
    #bigLogo img {
        width: 80%;
        left: 1%;
        right: 10%
    }
}

@media (min-width:768px) and (max-width:991px) {
    #bigLogo img {
        width: 80%;
        left: 1%;
        right: 10%
    }
}

@media (min-width:992px) and (max-width:1199px) {
    #bigLogo img {
        width: 80%;
        left: 1%;
        right: 10%
    }
}

#map-container {
    height: 550px;
    border: solid 1px #000
}

@media (max-width:767px) {
    #map-container {
        height: 330px
    }
}

.footer {
    background: #013220;
    text-align: left;
    color: #fff;
    font-family: 'Hammersmith One',sans-serif;
    font-size: 16px;
    margin-top: 50px;
    padding: 20px 0;
    min-height: 100%
}

    .footer p {
        color: #fff;
        font-size: 15px
    }

        .footer p.links {
            font-size: 18px;
            font-weight: bold;
            padding: 0
        }

            .footer p.links a {
                text-decoration: none;
                color: #fff
            }

@media (max-width:600px) {
    .footer p {
        text-align: center
    }

        .footer p.links {
            line-height: 1.8
        }
}

section {
    margin: 30px 0
}

nav + section + section {
    margin-top: 0
}

#intro {
    margin: 0;
    padding: 0;
    padding-top: 70px;
    height: 100%
}

    #intro > div:first-child {
        height: 100%
    }

@media (max-width:767px) {
    #intro {
        padding-top: 50px
    }
}

#about, #events, #dove-siamo, #tariffe, #contact, #privacy {
    min-height: 100%
}

.navi-news > li > a {
    color: #000;
    font-weight: normal
}

.align-navi {
    margin-top: 46px
}

.body_news h2 {
    background-color: #f7f7f7;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    text-align: center;
    line-height: 26px
}

.body_news h4 {
    text-align: center
}

.body_news p {
    text-align: justify
}

#risposta {
    text-align: center;
    font-size: 20px;
    margin-bottom: 15px;
    padding-bottom: 5px;
    padding-top: 5px;
    color: green
}

.logo-regione {
    text-align: center
}

    .logo-regione img {
        display: block;
        margin: 0 auto
    }

.modal-title {
    text-align: center
}

.txt-azienda {
    text-align: justify
}

@media (min-width:1200px) {
    .txt-azienda {
        margin-left: 10px
    }
}

.page-body img {
    margin-right: 10px;
    margin-top: 20px
}

.styl-azie {
    padding-left: 20px;
    padding-right: 20px;
    background-color: #eee;
    padding-top: 0;
    margin-left: 10px;
    border-radius: 6px;
    border: solid 1px #aaa;
    margin-bottom: 10px
}
