﻿#main .owl-nav {display: inline-block;padding: 4px 0 0 0;height: 37px}
#main .owl-carousel{text-align:right}

#sezione-call-to-action{float:none !important;width:auto!important}
        
#sezione-top .container-content{text-align:center;padding-top:32px}
#sezione-top .container-content p{font-size:16px}
#sezione-top .container-content img{width:120px}
#sezione-top .container-content h1{font-size: 45px;}        
#sezione-top .container-foto{text-align:center;padding:32px 0}
#sezione-top .container-foto img{width:75%}

#sezione-page-menu{margin-bottom:48px;}
#sezione-page-menu .container-foto img{/*background:#ccc;*/width:100%;}
#page-menu{font-size:21px;list-style:none;padding-bottom:32px}
#page-menu li a{vertical-align:middle;display:inline-block;padding:6px 0;cursor:pointer}
#page-menu li a span{vertical-align:middle;line-height:1;transition:.4s transform;will-change:transform;display:inline-block}
#page-menu li a:hover span{transform:translateX(10px)}


#sezione-piazzole h2{font-size:32px}
#sezione-piazzole .descrizione-piazzole, #sezione-piazzole p{width:100%;font-size:16px}
.componente-piazzola h3{border-bottom: 1px solid;margin:0;margin-bottom: 16px;border-color:#ccc}
.componente-piazzola{padding:8px;height:300px;}
.componente-piazzola h3{text-align:center;font-size:21px;padding:16px 0}
.componente-piazzola h3 small{position:absolute;top:0;}
.componente-piazzola .metri-quadri{font-size:24px !important;margin:0;width:100%;text-align:center;color:#707756}
.componente-piazzola label{color:#707756}
.componente-piazzola .amperaggio{font-size:24px !important;margin:0;width:100%;text-align:center}
.componente-piazzola .carico-scarico{text-align:left}
#carosello-piazzole{margin-top:32px;}
#carosello-piazzole-img{cursor:pointer}

        

#sezione-zona-campeggio .descrizione-zona-campeggio, #sezione-zona-campeggio  p{font-size:16px}

#sezione-bagni-privati p{font-size:16px}
#carosello-bagni-privati img{background:#ccc}

#sezione-lavanderia p{font-size:16px;}


#sezione-riconoscimenti{margin-top:32px;}
#riconoscimento-anwb{width:150px;margin-bottom:32px;margin-right:16px}
#riconoscimento-adac,.ricnoscimento-adac{width:250px;height:auto;margin-bottom:32px;margin-right:16px}
#riconoscimento-migliori-campeggi{width:200px;margin-bottom:32px;}


@media(min-width:500px){
    .container-call-to-action{margin-top:0 !important;}

    #sezione-top{padding-top:64px}
    #sezione-top .container-content img{width:75px}
    #sezione-top .container-foto{float:left;width:50%}
    #sezione-top .container-foto img{width:100%}
    #sezione-top .container-content{position:absolute;top:50%;left:50%;transform:translateY(-50%);width:50%}
}


@media(min-width:600px){
    #sezione-page-menu .container-foto{max-width:600px;margin:auto}
    #page-menu{max-width:600px;margin:auto}

    #sezione-piazzole .container-foto{max-width:600px;margin:auto}

    #sezione-lavanderia .container-foto{width:50%}

}

@media(min-width:768px){
    #sezione-top{padding-top:32px}
    #sezione-top .container-content{padding-top:0;text-align:left;padding-left:32px}
    #sezione-top .container-content p{width:90%}
    #sezione-top .container-content img{width:95px}
    #sezione-top .container-foto img{width:90%}

    #sezione-page-menu .container-foto{width:50%;float:right;padding-left:32px}
    #page-menu{padding:0;width:50%;position:absolute;top:50%;transform:translateY(-50%);font-size:18px;}

    #sezione-piazzole > .container-flex{display:flex;align-items:end}
    #sezione-piazzole .container-foto{width: 50%;padding-left:32px}
    #sezione-piazzole .container-content{width:50%}

    #sezione-zona-campeggio .container-content .descrizione-zona-campeggio, #sezione-zona-campeggio  .container-content p{width:75%;}

    #sezione-bagni-privati p{width:75%}

    #sezione-lavanderia p{position:absolute;width:50%}
    #sezione-lavanderia .container-foto{width:50%;float:right;padding-left:32px;}

}


@media(min-width:992px){


    #main {width:66.66%;padding:0 0px 0 0;float:left}
    #aside {width:33.33%;padding:0 0 0 36px;float:left;padding-top:42px}      

    #sezione-top{padding-top:16px;}
    #sezione-top .container-content h1{font-size: 72px;line-height: 84px;font-style: normal;font-weight: 300;letter-spacing: 0px;}
    #sezione-top .container-content p{font-size:19px}

    #sezione-page-menu .container-foto{width:100%;float:none;padding-left:0}
    #page-menu{width:auto;position:relative;top:auto;transform:translateY(0);margin-bottom:32px;}


    #sezione-piazzole .container-foto{width: 100%;}
    #sezione-piazzole .container-content{width:100%}
    #sezione-piazzole h2{font-size:48px}
    .componente-piazzola{background:#fff;padding:8px;height:300px;}
    .componente-piazzola h3{text-align:center;font-size:21px;padding:16px 0}
    .componente-piazzola h3 small{position:absolute;top:0;}
    .componente-piazzola .metri-quadri{font-size:24px !important;margin:0;width:100%;text-align:center;}
    .componente-piazzola .amperaggio{font-size:24px !important;margin:0;width:100%;text-align:center}
    .componente-piazzola .carico-scarico{text-align:left}
    #carosello-piazzole{margin-top:32px;}



    #sezione-zona-campeggio{margin-top:32px}
    #sezione-zona-campeggio h2{font-size:42px}
    #sezione-zona-campeggio .container-content p{width:75%}
    #sezione-zona-campeggio .descrizione-zona-campeggio, #sezione-zona-campeggio  p{font-size:18px}

    #sezione-zona-campeggio .container-content .container-carosello{/*width:75%;margin: auto;*/}
    #sezione-zona-campeggio .container-content .container-carosello.spostato-dx{margin-right: 0;}
    #sezione-zona-campeggio .container-content .container-carosello.spostato-sx{margin-left: 0;}

    #sezione-bagni-privati{margin-top:32px;}
    #sezione-bagni-privati h2{font-size:36px;}
    #sezione-bagni-privati p{font-size:18px;}

    #sezione-lavanderia h2{font-size:36px;}
    #sezione-lavanderia p{font-size:18px;position:absolute;width:50%}
    #sezione-lavanderia .container-foto{width:50%;float:right;padding-left:32px;}

    #sezione-riconoscimenti h2{font-size:36px}
}

@media(min-width:1280px){

    #sezione-page-menu .container-foto{width:50%;float:right;padding-left:32px}
    #page-menu{margin-bottom:0;font-size:21px;padding:0;width:50%;position:absolute;top:50%;transform:translateY(-50%);}
            

    #sezione-piazzole .container-foto{width: 50%;}
    #sezione-piazzole .container-content{width:50%}
    #sezione-piazzole .descrizione-piazzole, #sezione-piazzole p{font-size:18px}
    .componente-piazzola{height:auto;}
    .componente-piazzola h3{font-size:18px;}
    .componente-piazzola .metri-quadri{font-size:17px !important;}
    .componente-piazzola .amperaggio{font-size:17px !important;}
}

@media(min-width:1533px){
    .componente-piazzola h3{font-size:21px;}
    .componente-piazzola .metri-quadri{font-size:20px !important;}
    .componente-piazzola .amperaggio{font-size:20px !important;}
    .componente-piazzola .carico-scarico{}
}
