/* @import url('https://fonts.googleapis.com/css?family=Montserrat+Alternates:300,400,700&display=swap'); */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,700&display=swap');
/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    vertical-align:baseline;    
    background:transparent;
}

body {
    line-height:1;
   
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

nav ul, ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    vertical-align:baseline;
    background:transparent;

    text-decoration:none;
    color:inherit;

}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}

#ArchivioLayoutBody ol {
list-style-type: decimal !important;
}
/*FINE Foglio di reset */




/* FONT AWESOME */
@font-face {
    font-family: 'Font Awesome 5 Brands';
    font-style: normal;
    font-weight: normal;
    font-display: auto;
    src: url("/css/fonts/fontawesom5/fa-brands-400.eot");
    src: url("/css/fonts/fontawesom5/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("/css/fonts/fontawesom5/fa-brands-400.woff2") format("woff2"), url("/css/fonts/fontawesom5/fa-brands-400.woff") format("woff"), url("/css/fonts/fontawesom5/fa-brands-400.ttf") format("truetype"), url("/css/fonts/fontawesom5/fa-brands-400.svg#fontawesome") format("svg"); }
  
  .fab {
    font-family: 'Font Awesome 5 Brands'; }
  @font-face {
    font-family: 'Font Awesome 5 Pro';
    font-style: normal;
    font-weight: 300;
    font-display: auto;
    src: url("/css/fonts/fontawesom5/fa-light-300.eot");
    src: url("/css/fonts/fontawesom5/fa-light-300.eot?#iefix") format("embedded-opentype"), url("/css/fonts/fontawesom5/fa-light-300.woff2") format("woff2"), url("/css/fonts/fontawesom5/fa-light-300.woff") format("woff"), url("/css/fonts/fontawesom5/fa-light-300.ttf") format("truetype"), url("/css/fonts/fontawesom5/fa-light-300.svg#fontawesome") format("svg"); }
  
  .fal {
    font-family: 'Font Awesome 5 Pro';
    font-weight: 300; }
  @font-face {
    font-family: 'Font Awesome 5 Pro';
    font-style: normal;
    font-weight: 400;
    font-display: auto;
    src: url("/css/fonts/fontawesom5/fa-regular-400.eot");
    src: url("/css/fonts/fontawesom5/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("/css/fonts/fontawesom5/fa-regular-400.woff2") format("woff2"), url("/css/fonts/fontawesom5/fa-regular-400.woff") format("woff"), url("/css/fonts/fontawesom5/fa-regular-400.ttf") format("truetype"), url("/css/fonts/fontawesom5/fa-regular-400.svg#fontawesome") format("svg"); }
  
  .far {
    font-family: 'Font Awesome 5 Pro';
    font-weight: 400; }
  @font-face {
    font-family: 'Font Awesome 5 Pro';
    font-style: normal;
    font-weight: 900;
    font-display: auto;
    src: url("/css/fonts/fontawesom5/fa-solid-900.eot");
    src: url("/css/fonts/fontawesom5/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("/css/fonts/fontawesom5/fa-solid-900.woff2") format("woff2"), url("/css/fonts/fontawesom5/fa-solid-900.woff") format("woff"), url("/css/fonts/fontawesom5/fa-solid-900.ttf") format("truetype"), url("/css/fonts/fontawesom5/fa-solid-900.svg#fontawesome") format("svg"); }
  
  .fa,
  .fas {
    font-family: 'Font Awesome 5 Pro';
    font-weight: 900;
    font-style: normal;
    }


    .fa-file-alt:before {
        content: "\f15c"; 
    }

    /* SOCIAL */
    .fa-facebook-f:before {
        content: "\f39e";
    }    
    .fa-twitter:before {
        content: "\f099";
    } 
    
    /* SOCIAL SQUARE */
    .fa-facebook-square:before {
        content: "\f082";
    }    
    .fa-twitter-square:before {
        content: "\f081";
    } 


	.fa-eye:before {
        content: "\f06e";
    }    
	.fa-eye-slash:before {
        content: "\f070";
    }

    .fa-bell:before {
        content:"\f0f3";
    }
    
    .fa-arrow-alt-circle-right:before {
        content: "\f35a";
    }     
    
    .fa-bus::before{
        content: "\f207";
    }

    .fa-bars::before{
        content: "\f0c9";
    }

    /*nscondo le icone dei link sociali perche uso i font*/
    .onlyIE{
        display:none;
    }



/* FINE FONT AWESOME */

#GP_CASA {display:initial;
    font-size: 16px;
    color: #616360;
}

/*Frecce*/
 .freccia{
    border: solid white;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
}

.freccia.right {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.freccia.left {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}

.freccia.up {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
}

.freccia.down {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}



@font-face {
	font-family: 'futura';
	src: url('/css/fonts/futura-t-ot-book-webfont.woff2') format('woff2'), url('/css/fonts/futura-t-ot-book-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}


body {
    font-size: 18px;
    /* font-family: Montserrat Alternates,Arial,SansSerif; */
    font-family: 'Open Sans',Arial,sans-serif;
    display: block;
    color: black;
    overflow-x: hidden;
}



/*ADMIN */
.rubPanelInner1 {
    padding:0;
    left:-180px;
    top:-20px;
    
}
.ingranaggio {
    /*margin-top: 10px;*/
}



.adminDida {
    display: block;
    margin: 0px 0px 0 240px;
    width: 240px;
    background-color: #eaf5fe;
    color: #2E6E9E;
    padding: 7px 10px;
}









/*IMPOSTAZIONI COMUNI*/
/* Le dimensioni dei div sono padding inclusi */
div,
label,
button,
input, textarea {
    box-sizing:border-box;
}
div:focus,
label:focus,
button:focus,
input:focus, textarea:focus, select:focus {
    box-sizing:border-box;
	outline:none;
}

input:focus, textarea:focus, select:focus{
	outline-width:1px;
	outline:auto;
	outline-color:#008c45;
}
button{
	cursor:pointer;
}

.empty {
    display:none;
}

p {
    font-size: 18px;
    line-height: 26px;
}

a:hover  {
    text-decoration:none;
}

hr {
    border-top: 1px solid #f2f2f2;
}


ul{
    font-size: 18px;
    line-height: 26px;
    list-style: disc;
    list-style-position: inside;
    padding: 10px;
}



.row {
    padding:10px;
}

.row-content {
    position:relative;
    width:100%;
    /* max-width:1280px; */
    max-width:1500px;
    margin:0 auto;
    font-size:0px;
}

.row-cell {
    /* font-size:15px; */
    font-size: 18px;
    line-height: 26px;
    /*float:left;*/ /*non mettere altrimenti si sfasano i box*/
    display:inline-block;
    vertical-align:top;
    margin:10px 0;
    padding:0 10px;
    position:relative;
	width:100%;
}




#bkgWall, #mobileProgressIndicatorBackground{
    display: none;
    opacity: 0.2;
    background-color: rgb(0, 0, 0);
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    overflow: hidden;
	z-index:40;
}
#bkgWall.transparent, #mobileProgressIndicatorBackground.transparent {
	background-color: transparent;
}


h1, .box-title,
.EditTitolo{
    text-transform: uppercase;
    font-size: 25px;
	font-weight: 700;
    padding: 20px 0;
}

.sectionTitle{
	padding: 5px;
	font-size: 16px;
	border-bottom: 1px solid black;
	margin: 25px 0 15px 0;
	color: black;
	font-weight: bolder;
	text-transform: uppercase;
}
.sectionTitle.mini {
	font-size: 12px;
	margin-bottom: 0;
	text-transform: none;
}




.boxCf {
    padding: 10px 0;
    line-height: 20px;
}

.boxCf label{
    vertical-align: bottom!important;
	width:unset!important;
}
.boxCf input{
    border-bottom: 1px solid black;
    width: 250px;
    font-size: 18px;
    padding: 5px;
    margin-left: 20px;
}

.boxCf p{
	font-size: 13px;
	line-height: 18px;
	margin-top: 15px;
	font-weight: lighter;
	padding:0;
}




	input[type="checkbox"][readonly] {
		pointer-events: none;
	}


/*Pop di admin custom */
.genericPopUpContainer {
    display: none;
    background-color: white;
    width: 450px;
    overflow: hidden;
    z-index: 50;
    margin: auto;
    position: fixed;
    top: 50px;
    right: 0;
    left: 0;
    text-align: left;
    /* transition: all 0.3s; */
    box-shadow: 0 4px 10px rgba(0,0,0,.33);
    border-radius: 5px;
    font-size: 15px;
    padding: 10px;
}
.genericPopUpContainer  .genericForm .DformValue, .genericForm textarea.DformValue {
    width: 100%;
}

/* **** SITO *** */

@keyframes blinkerNews{
    /* 0%{     color: transparent;    }
	70%{    color:transparent;  }
    100%{   color: #008d44;    } */
    0%{     color: #008d44;    }
	70%{    color:#008d44;  }
    100%{   color:transparent;    }

}



.betaBox {
    background-color: red;
    color: white;
    font-size: 15px;
    padding: 10px;
    line-height: 20px;
    text-align: center;
}


/*Super top */
#superTop {
    background-color: #f2f2f2;
}

#superTop .row-cell {
    width:50%;
    margin:0;
}


/*icone sicial*/
#socialtop {
    background-color:#f2f2f2;
}
#socialtop a {
    font-size:22px;
    padding:10px;
    border-left:1px solid #dadada;
}
    #socialtop a:last-child {
        border-right:1px solid #dadada;
    }

    #socialtop a:hover {
        color:black;
    }


/*lingue*/
#lingue {
    /*background-color:yellow;*/
    text-align:right;
    vertical-align:middle;
    padding-top:5px;
}
    #lingue [data-sigla] {
        color: #005c85;
        display: inline-block;
        vertical-align: middle;
        margin-left: 5px;
        padding: 0px 5px;
    }
        #lingue [data-sigla]:hover {
            color:#11693b;
        }

#lingue .selected[data-sigla] {
    /*border: 1px solid #005c85;
    border-radius: 4px;*/
    border-bottom:1px solid #005c85;
}


#superTop #lnkAccedi{

}

#superTop #lnkScrivi{
    box-shadow: none;
}
/*gli admin non vedono il bottone scrivici perché vedono già io menu */
[data-usertype="1"] #superTop #lnkScrivi{
    display: none;
}



#superTop #customUserPanel{
    font-size: 13px;
    display: inline-block;
    margin-right: 20px;
    font-weight: bold;    
}


/* TOP E MENU */
#rowTop {
    background-color: white;
    color: #252525;
    padding: 0;
    /* border-bottom: 2px solid whitesmoke; */
}
#rowTop .row-cell.logo {
    width: 150px;
    z-index: 5;
}
#rowTop .row-cell.menu {
    width: calc(100% - 150px); 
    
}

#rowTop .row-cell.logo img {
    width: 100%;
}




/* GLOBAL PATH */
#GlobalPath {
    border-bottom: none;
    /* max-width: 1280px; */
    max-width: 1500px;
    margin: 5px auto;
    text-transform: lowercase;
    font-size: 14px;
    text-decoration: underline;
    color: #252525;
}
#GlobalPath [title='home']{
    display: none;
}

/* #GlobalPath #PathCustom a:before,
#GlobalPath #PathCustom span:before,  */
#GlobalPath #PathCustom img:before{
    content: "\25BA";
    padding: 0 5px;
    /* color: #020266; */
    text-decoration: none;
}
.freccia {
    border: solid white;
    border-width: 0;
    display: inline-block;
    padding: 0;
    margin-left: 3px;
    /* margin-right: -6px;
    width: 30px; */

}







/* POSTER IN HOME */
#posterHome{

}
#posterHome .row-cell{
    width: 25%;
}
#posterHome .box{
    height: 30vh;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover; 
    position: relative;  
    border: 1px solid black; 


    border:none;
    /* box-shadow: 0 2px 8px 0 rgba(0, 141, 68, 0.3), 0 4px 4px 0 rgba(0, 141, 68, 0.2), 0 6px 3px -3px rgba(0, 141, 68, 0.15);     */
}
#posterHome .box a{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
}
#posterHome .box .label{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    min-height: 70px;
    background-color: 252525;
    /* background: -webkit-linear-gradient( 0deg , #008d44,#1b80cd); */
    background: -webkit-linear-gradient( 0deg , #005c85,#1b80cd);
    color: white;
    opacity: 90%;
    padding: 10px;
    font-size: 28px;    
}



/* NEWS in home */
#newsHome{

}
#newsHome .row-cell{
    width: 50%;
}
#newsHome h2{
    padding: 10px 0 5px;
    border-bottom: 2px solid #1b80cd;
    margin-bottom: 15px;
    font-size: 23px;
    font-weight: 700;    
}
#newsHome .seeAll{
    position: absolute;
    /* top: 10px; */
    top: 0px;
    right: 20px;
    letter-spacing: normal;
}
#newsHome .nws{
    position: relative;
    border-bottom: 1px solid lightgray;
    margin-bottom: 18px;
    padding-bottom: 5px;
}
#newsHome .nws .lnk{ 
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;    
}

#newsHome .dta{
    font-size: 14px;
}

#newsHome .hashtag{
    font-size: 12px;
    color: white;
    padding: 0 5px;
    border-radius: 4px;
    margin-left: 10px;
    background: #1b80cd;

    box-shadow: 0 2px 8px 0 rgba(27, 128, 205, 0.3), 0 4px 4px 0 rgba(27, 128, 205, 0.2), 0 6px 3px -3px rgba(27, 128, 205, 0.15);    
}

#newsHome .hashtag:empty{
    display: none;
}

#newsHome .titolo{
    /* padding-top: 5px; */
    color: #008d44;
    text-transform: lowercase;
}





/* CALCOLA IL PERCORSO */
#percorsoForm{
    margin: 20px 0;
}

#percorsoForm h2{
    padding: 10px 0 5px;
    border-bottom: 2px solid #1b80cd;
}
#percorsoForm .dida{
    font-size: 14px;
    margin-bottom: 20px;
    margin-top: 7px;
    color: gray;
}
#percorsoForm .box{
    display: inline-block;
    width: 49%;
    vertical-align: top;
    padding: 0 3%;
}

#percorsoForm .box .day,
#percorsoForm .box .time,
#percorsoForm .box .interest{
    display: inline-block;
    width: 32%;
    vertical-align: top;
}

#percorsoForm .box label{
    width: 100%;
    display: inline-block;
    margin-bottom: 5px;
    margin-top: 15px;
}
#percorsoForm .box input,
#percorsoForm .box select{
    width: 100%;
    border: 2px solid #008d44;
    font-size: 18px;
    padding: 5px;
    border-radius: 4px;
}

#percorsoForm .box select{
    
}

#percorsoForm .goButton{
    margin-top: 35px;
}
    

/* variante colorata */
#percorsoForm.color{
    /* background: -webkit-linear-gradient( 0deg, #008d44,#1b80cd);     */
    background: -webkit-linear-gradient( 0deg, #005c85,#1b80cd);    
    color:white;
}
#percorsoForm.color .dida{
    color:white; 
}
#percorsoForm.color h2{
    border-color:white; 
}
#percorsoForm.color .box input, 
#percorsoForm.color .box select{
    border:none;
}





/*  COMUNICAZIONI HP  */
.comHome{

}
.comHome .row-cell{
    width: 25%;
    border-right: 1px solid lightgrey;
}
.comHome h2{
    padding: 10px 0 5px;
    border-bottom: 2px solid #1b80cd;
    margin-bottom: 15px;
    font-size: 23px;
    font-weight: 700;
}
.comHome .seeAll{
    position: absolute;
    top: 0px;
    right: 20px;
    letter-spacing: normal;
}
.comHome .row-cell:last-child{
    border-right:none;
}
.comHome .img{
    height: 15vw;
    max-height: 200px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
}
.comHome .img a{
    position: absolute;
    left:0;
    right: 0;
    top: 0;
    bottom: 0;
}
.comHome .tit{
    margin-top: 15px;
    font-weight: 700;    
}
.comHome .subTit{
    font-size: 15px;
    line-height: 20px;
}
.comHome .subTit span{
}
.comHome .subTit a{
}






/* SPAZI BANNER IN HP */
.bannerHome{

}
.bannerHome .row-cell{
    height: 200px;
    color: white;
    text-align: center;    

    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;    
}
.bannerHome .box{
    display: inline-block;
    width: 49%;
    height: 100%;
    vertical-align: top;
    padding: 50px 0;
    line-height: 55px;
}

.bannerHome .tit{
    font-size: 3vw;
    text-shadow: 2px 2px 2px #5d5d5d;
}
.bannerHome .subTit{
    /* font-size: 1vw; */
    font-size: 20px;
    line-height: 33px;
}
.bannerHome .subTit span{
    background-color: #80808082;
    padding: 10px;
}
.bannerHome .goButton{
    margin-top: 20px;
    display: inline-block;
    padding: 0px 10px;
}





/* IO VIAGGIO */
#ioViaggio{

}

#ioViaggio .row-content{
    border-bottom: 1px solid lightgray;    
}
#ioViaggio .logo{
    text-align: center;
    border-top: 1px solid lightgray;
    padding-top: 10px;
}
#ioViaggio .logo img{
    width: 100px;
}

#ioViaggio .row-cell{
    width: 33%;
    display: inline-block;
    text-align: center;
}
#ioViaggio .box{
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;    
    /* border: 1px solid lightgray; */
    height: 150px;    
}

#ioViaggio .telo{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: white;
    /* opacity: 80%;     */
    opacity: 60%;    
}

#ioViaggio .label{
    color: rgb(27, 128, 205, 0.8);
    background: -webkit-linear-gradient(45deg , #1b80cd, #008d44 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
    font-size: 25px;
    line-height: 30px;
    font-weight: bold;
    margin-top: 40px;   
    position: absolute;
    left: 50px;     
}
#ioViaggio a{
    margin-top: 15px;
    display: inline-block; 
    position: absolute;
    top: 65px;
    left: 45px;    
}









/*INIZIO FORM GENERICI */
.genericForm .titolo {
    margin:10px 0 10px;
    font-size:20px;
    text-transform:uppercase;
    color:#44557C;
    padding:5px;
}
    .genericForm p {
        font-size:16px;
		padding: 0px 0 20px;
    }

    .genericForm .formCont.forOpt .DformLabel {
        display:initial;
    }

    .genericForm .DformLabel {
		width: 100%;
		/* background-color: red; */
		display: inline-block;
		vertical-align: bottom;
    }
	.genericForm [data-obl='1']:after {
		content: "*";
		color: red;
	}


    .genericForm .formCont{
		position:relative;
        margin-top: 30px;
    }

    .genericForm .DformValue,
    .genericForm  textarea.DformValue {
        /* font-family: 'Montserrat'; */
        font-family: 'Open Sans',Arial,sans-serif;
		font-size: 18px;
		padding: 10px;
		border: 1px solid #ccc;
		margin-top: 5px;
		border-radius: 4px;
		width: 90%;	
    }

	.genericForm .DformValue[readonly] {
		background-color: #ccc;
		color: white;		
	}
    

	.genericForm .DformValue[type='checkbox']{
		width:unset;
		margin-top:7px;
	}

    /*option button*/
    .genericForm .formCont.forOpt {
        margin-top:10px;
        padding-top:10px;
    }

        .genericForm .formCont.forOpt .DformLabel {
            padding:0;
        }
        .genericForm .formCont.forOpt ul {
            list-style: none;
            margin-top: 10px;
            border: 1px solid rgba(4,154,73,0.5);
            font-size: 0;
        }
        .genericForm .formCont.forOpt li {
            font-size: 16px;
            line-height: 25px;
            display: inline-block;
            width: 49%;
            margin:0;
        }
        .genericForm .formCont.forOpt input {
            width:initial;
            margin:10px;
        }
        .genericForm .formCont.forOpt span {
            /*color:darkgray;*/
            color:#5D5D5D;
        }



    /*Note*/
    .genericForm .note{
		font-size: 13px;
		line-height: 20px;
		margin-top: 15px;
		font-weight: lighter;
    }

	.genericForm .note a{
		text-decoration:underline;
	}

    .genericForm select {
        background-color: white;
    }

    /*Checkbox privacy*/
    .genericForm .formCont.forChk input {
        width:auto;
    }




    .genericForm .formCont.forData {
        
    }
    .genericForm .formCont.forData label{
        display: block;
    }
    .genericForm .formCont.forData select{
            width: 30%;
    }


    /*Bottone*/
    .genericForm .formCont.forBtn {
        text-align:center;
    }
        .genericForm .btnOk {
            font-size:18px;
            background-color:#008d44;
            color:white;
            padding:15px 30px;
            cursor:pointer;
            border-radius:4px;
        }





    .genericForm .infoPrivacy {
		color: black;
		margin-bottom: 25px;
		margin-top: 5px;
		display: inline-block;
		width: 90%;
		vertical-align: top;
		font-size:15px;
		line-height:20px;
    }
    .genericForm .infoPrivacy  a{
		text-decoration: underline;
		font-weight: bold;
    }

    .genericForm .infoExt{
	    display: block;
		font-size:15px;
		line-height:20px;
    }



.genericForm .ui-helper-hidden-accessible{
display:none;
}
.genericForm .ui-autocomplete{
	background-color: white;
	z-index: 2;
    position: absolute;
    border-radius: 0;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 2px 1px -1px rgba(0,0,0,.12);
}
.genericForm .ui-autocomplete a {
	display:block;
	padding:10px;
	cursor:pointer;
    font-weight: bold;
    color: #008c45;
	border-radius:0;
}
.genericForm .ui-autocomplete a.ui-state-focus {
	color:white;
	background-color:#008c45;
	display:block;
}

.ui-state-active {
    background-color: red;
    font-weight: bold;
}




.FormRisp {
    text-align:center;
}



/*risultato pagamento */

.pagamentoOK{
    text-align: center;
    padding: 50px 0;
    /*color: #008c44;*/
	line-height: 25px;
}
.pagamentoKO{
    text-align: center;
    padding: 50px 0;
    color: red;
	line-height: 25px;
}




/*FINE FORM GENERICI */




/* BOTTONI  BASE */
.goButton{
	background-color: #008c45;
	border:2px solid #008c45;
    padding: 10px 15px;
    text-transform: uppercase;
    color: white;
	letter-spacing: 1px;
	font-family: arial;
	font-size: 15px;
	font-weight:normal;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 2px 1px -1px rgba(0,0,0,.12);
    border-radius: 4px;
    margin-left: 5px;
    display: inline-block;
}
.goButton.mini{
	background-color: #008d44;
    color: white;
    padding: 2px 10px;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 2px 1px -1px rgba(0,0,0,.12);
    border-radius: 4px;
}
.goButton.secondary {
	background-color: white;
	color:#008c45;
	
}

.miniLink{
    background-color: transparent;
    color: #008c45;
    /* font-family: Montserrat,Arial,SansSerif; */
    font-family: 'Open Sans',Arial,sans-serif;
	font-size: 13px;
    text-decoration: underline;
	margin-left: 15px;
    cursor: pointer;
}


/*  POPUP GENERICHE */
/* .genericPopUpContainer{
	display:none;
	background-color: white;
    width: 450px;
    overflow: hidden;
    z-index: 50;
    margin: auto;
    position: fixed;
    top: 50px;
    right: 0;
    left: 0;
    text-align: left;
    transition: all 0.3s;
    box-shadow: 0 4px 10px rgba(0,0,0,.33);
    border-radius: 5px;
    font-size: 15px;
}

.genericPopUp .titolo{
	background-color: #008c45;
    color: white;
    padding: 10px;
    font-weight: bold;
    text-transform: uppercase;
}

.genericPopUp p{
	padding:15px 15px 0;
    font-size: 13px;
    line-height: 18px;
}

.genericPopUp .formCont{
	padding: 0 10px;
}
.genericPopUp .formCont .DformValue{
	width:100%;
}
.genericPopUp .note{
	margin-top:0;
} */
/*FINE POP UP GENERICHE*/



#InfoRubrica {
    display:none;
}




/* ELENCO GENERICO */
#elencoArchivi .row-cell{
    width: 33.33333%;
}

#elencoArchivi .boxImg{
    height: 400px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    border: 1px solid black;    
}
#elencoArchivi .boxText{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    min-height: 90px;
    background-color: 252525;
    background: -webkit-linear-gradient( 
0deg
 , #008d44,#1b80cd);
    color: white;
    opacity: 90%;
    padding: 10px;
    font-size: 28px;
    line-height: 35px;
}
#elencoArchivi .mainLink{
    position: absolute;
    left:0;
    right: 0;
    top: 0;
    bottom: 0;
}

#elencoArchivi .row-cell .stato {
    background-color: red;
    color: white;
    opacity: 1;
    padding: 10px 20px;
    display: inline-block;
    position: absolute;
    top: 5px;
    right: 5px;
    text-transform: uppercase;
}
#elencoArchivi .row-cell.onLine .stato {
    display:none;
}




/* DETTAGLIO GENERICO ISTITUZIONALE */
#ArchivioLayout .row-content{
    max-width: 1280px;
}
#ArchivioLayout  h1{

}
#ArchivioLayout .imgArt {
    width: 640px;
    display: inline-block;
}
#ArchivioLayout .imgArt img{
    /* width: 100%; */
    max-width: 100%;
}

#ArchivioLayout .imgArt img[src*="noImage"] {
    display: none;
}
#ArchivioLayout .imgArt.inEdit [data-uploadXcontainer="1"] img[src*="noImage"] {
    display: initial;
}

#ArchivioLayout #EditorContainer{
    font-size: 18px;
    line-height: 26px;
}
#ArchivioLayout #EditorContainer a{
    color:#008d44;
    text-decoration: underline;
}
#ArchivioLayout h2 {
    margin-top: 20px;
    /* text-transform: capitalize; */
    font-size: 18px;
}

/* #ArchivioLayout ul{
    font-size: 18px;
    line-height: 26px;
    list-style: disc;
    list-style-position: inside;
    padding: 10px;
} */

#ArchivioLayout .Allegati{
    /* width: calc(100% - 650px); */
    display: inline-block;
    vertical-align: bottom;    
}


#ArchivioLayout .Allegati_Archivio{
    /* padding: 10px; */
    margin-top: 30px;
    color: #008e44;
    font-weight: bold;
    text-decoration: underline;
}

#ulGallery{
    list-style: none outside none;
    padding: 0!important;
    margin: 0;
}
#ulGallery li{
    width: 30%;
    display: inline-block;
    padding: 0 10px;
}
#ulGallery li img {
    width: 100%;
    padding-right: 10px;
}



.tableContainer{
    overflow: hidden;
    overflow-x: auto;
    margin-top: 15px;
    margin-bottom: 100px;
}
.tableContainer table{
    max-width: 1280px;
}
.tableContainer table tr{

}

.tableContainer table tr:nth-child(odd) {
    background-color: #f2f2f2;
}
.tableContainer table tr:nth-child(1) {
    /* background: -webkit-linear-gradient( 0deg, #008d44,#1b80cd); */
    background: -webkit-linear-gradient( 0deg, #005c85,#1b80cd);
    background-attachment: fixed;

}
.tableContainer table th{
    /* background:#1b80cd; */
    color: white;
    padding: 10px;
}
.tableContainer table td{
    padding: 15px 10px;
}





/* PERSONALIZZAZIONE DETTAGLIO AVVISO */
#ArchivioLayout .schedaAvviso #EditorContainer{
    margin-top: 20px;
}

#ArchivioLayout .schedaAvviso .data {
    font-weight: bold;
    margin-top: 30px;
}

#ArchivioLayout .schedaAvviso .hashtag {
    font-size: 14px;
    margin-bottom: 0;
    padding: 2px 5px;
    border-radius: 4px;
    margin-left: 10px;
    background: #1b80cd;
    color: white;
    font-weight: normal;
}
#ArchivioLayout .schedaAvviso .cinfo{
    border-top: 1px solid lightgray;
    /* display: inline-block; */
    display: block;
    margin-top: 50px;
    padding: 10px 0;  
}
#ArchivioLayout .schedaAvviso .cinfo a{
    color:#008d44;
    text-decoration: underline;

}



/* PERSONALIZZAZIONE DETTAGLIO itinerario */
#ArchivioLayout  .schedaItinerario{

}
#ArchivioLayout  .schedaItinerario .boxImg{
    position: relative;
}
#ArchivioLayout .schedaItinerario .imgArt{
    width: 100%;
    display: inline-block;    
}
#ArchivioLayout .schedaItinerario .imgArt img{
    width: 100%;
}


#ArchivioLayout .schedaItinerario h1{
    position: absolute;
    bottom: 0px;
    left: 10px;
    z-index: 2;
    color: white;
    text-shadow: 2px 2px 2px #444444;
    font-size: 35px;
}






/* PERSONALIZZAZIONE DETTAGLIO TARIFFE */
#tariffeUrbT1 td:nth-child(1){
    width: 800px;
}
#tariffeUrbT1 td:nth-child(2){
    width: 95px;
    text-align: right;
}
#tariffeUrbT1 td:nth-child(3){
    
}




#tariffeUrbT2 td,
#tariffeUrbT2 th {
    width: 86px;
    text-align: center;
}



#tariffeExtraUrbT1 td,
#tariffeExtraUrbT1 th{
    text-align: center;
}
#tariffeExtraUrbT1 td:nth-child(8){
    width: 90px;
}






/* FORM DI CONTATTO */
#paginaScrivici .row-cell{
    width: 50%;
}
#paginaScrivici .info{
    margin-top: 40px;
    font-size: 14px;
    line-height: 21px;
}
#paginaScrivici .info ul {
    font-size: 14px;
    line-height: 21px;
}
#paginaScrivici .contactAlso{
    margin-top: 55px;
}
#paginaScrivici .contactAlso a{
    text-decoration: underline;
    color: #008d44;
}


/* TRIPPLANNER: MAPPA e INDICAZIONI */

/* struttura */
    #percorso #percorsoMappa{

    }
    #percorso #percorsoMappa .row-cell{
        margin: 0;
        padding: 5px;
    }

    #percorso #directionContainer{
        width: 30%;
    }
    #percorso #googleDirectionsForTrip{
        
    }

    #percorso #mapContainer{
        width: 70%;
    }

    #percorso #googleMapsForTrip{
        
    }




/* google maps objects */
#percorso #googleDirectionsForTrip .adp-list{
    border:none;
}
#percorso #googleDirectionsForTrip .adp-listheader{
    padding: 10px 0 5px;
    border-bottom: 2px solid #1b80cd;
    margin-bottom: 15px;
    font-size: 23px;
    font-weight: 700;   
}

#percorso #googleDirectionsForTrip .adp-listsel {
    background: -webkit-linear-gradient(0deg, #008d44,#1b80cd);
    /* background-color: #1b80cd; */
    color: white;
}

#percorso #googleDirectionsForTrip .adp{
    /* border-top: 2px solid #008d44; */
    margin-top: 20px;
}
#percorso #googleDirectionsForTrip .adp::before{
    content: "Indicazioni";
    font-size: 14px;
    color: black;
    display: block;
    padding: 10px 0 5px;
    border-bottom: 2px solid #008d44;
    margin-bottom: 15px;
    font-size: 23px;
    font-weight: 700;
}

#percorso #googleDirectionsForTrip .warnbox-c1,
#percorso #googleDirectionsForTrip .warnbox-c2 {
    background: white!important;
}
#percorso #googleDirectionsForTrip .warnbox-content {
    background: white !important;
    font-size: 11px;
}


#percorso #googleDirectionsForTrip .adp-placemark{
    background-color: white;
    font-weight: bold;
    border: none;
    margin-bottom: 0;
}
#percorso #googleDirectionsForTrip  .adp-summary {
    padding: 0;
    padding-left: 36px;
    font-size: 13px;
    font-weight: bold;
    margin-top: -12px;
    color: #1b80cd;
}
#percorso #googleDirectionsForTrip .adp-text{
    vertical-align: middle;
    padding-left: 10px;
}

#percorso #googleDirectionsForTrip .adp-directions tr{
    border-bottom: 1px solid lightgray;
}
#percorso #googleDirectionsForTrip .adp-step,
#percorso #googleDirectionsForTrip .adp-substep{
    padding: 20px 0;
    line-height: 23px;
}

#percorso #googleDirectionsForTrip .adp-agencies{
    display: none;
}


#percorso #googleDirectionsForTrip .adp-legal {
    margin-top: 30px;
    font-size: 10px;
    text-decoration: underline;
}



/* ELENCO AVVISI */

#elencoAvvisi .hashtagContainer{
    display: inline-block;
    width: 500px;
    vertical-align: top;
    margin-top: 15px;
}
#elencoAvvisi .hashtag{
    display: inline-block;
    color: white;
    padding: 5px 15px;
    border-radius: 4px;
    background: #1b80cd;
    font-size: 18px;
    margin-right: 15px;
    margin-bottom: 15px;
}
#elencoAvvisi .hashtag:empty{
    display: none;
}

#elencoAvvisi .listContainer{
    display: inline-block;
    width: calc(100% - 505px);
    vertical-align: top;
}
#elencoAvvisi  #containerElencoARCHIVI{

}
#elencoAvvisi  #containerElencoARCHIVI .element{
    position: relative;
    border-bottom: 1px solid lightgray;
    margin-bottom: 25px;
    padding-bottom: 5px;
}
#elencoAvvisi  #containerElencoARCHIVI .data{
    font-size: 14px;
}
#elencoAvvisi  #containerElencoARCHIVI .hashtag{
    font-size: 14px;
    margin-bottom: 0;
    padding: 2px 8px;
    border-radius: 4px;
    margin-left: 10px;
}

#elencoAvvisi  #containerElencoARCHIVI .hashtag:empty{
    display: none;
}
#elencoAvvisi  #containerElencoARCHIVI .stato{
    background-color: red;
    color: white;
    padding: 2px 5px;
    border-radius: 4px;
}

#elencoAvvisi  #containerElencoARCHIVI  .onLine .stato{
    display: none;
}
#elencoAvvisi  #containerElencoARCHIVI .t{
    padding-top: 5px;
    color: #008d44;
    text-transform: lowercase;
}
#elencoAvvisi  #containerElencoARCHIVI .abs{
    padding-top: 5px;
    text-transform: lowercase;
    font-size: 16px;
    line-height: 20px;
    /* color: darkslategray; */
    margin-top: 10px;
}
#elencoAvvisi  #containerElencoARCHIVI .mainLink{
    position: absolute;
    left:0;
    right: 0;
    top:0;
    bottom: 0;
}



/* LINEE */
#ElencoLinee .row-content{
    max-width: 1280px;
}
#ElencoLinee .linea{
    
}
#ElencoLinee .linea .short{
    display: inline-block;
    width: 125px;
    padding: 5px;
    padding-left: 10px;
    font-size: 23px;
    font-weight: 700;
}
#ElencoLinee .linea .fa{
    
}
#ElencoLinee .linea .long{
    margin-left: 18px;
    width: 500px;
    display: inline-block;
    border-bottom: 1px solid lightgray;
    padding-bottom: 5px;    
}
#ElencoLinee .downloadMappa{
    padding: 20px 155px;
}
#ElencoLinee .downloadMappa a{
    color:#008d44;
    text-decoration: underline;
}


#Linea{

}

#Linea .fa-bus{
    font-size: 25px;
    border-left: 10px solid;
    padding-left: 10px;  
 
}


#Linea h1{
    display: inline-block;
    margin-left: 10px;
}
#Linea .dida{
    font-size: 14px;
    line-height: 18px;
    margin-left: 5px;
    margin-bottom: 10px; 
    display: block;   
}

#Linea .popupLinea .fa-bus{
    font-size: 15px;
    border-width: 6px;
    padding-left: 5px;
    padding-right: 5px;    
}
#Linea .popupLinea .s{
    font-weight: bold;
    /* font-size: 18px; */
}


/* PAGINA LOGIN  */
#rowLogin {}
#rowLogin .row-content {
    text-align: center;
}
#rowLogin .row-cell {
    text-align: left;
    max-width: 670px;
}
#rowLogin #txtUsername,
#rowLogin #txtPassword{
    width: calc(90% - 100px);
}


#rowLogin [data-command='goToRegistrazione']{
    background-color: white;
    color:#008c45;
    text-decoration: underline;
    font-size: 15px;
    font-weight: bold;
    margin-top: 100px;
}

#rowLogin .greeting{
    color: #1680cd;
    font-weight: bold;
    margin-top: 26px;
}

#rowLogin .showpwd{
    margin-top: 10px;
    font-size: 15px;
}
#rowLogin .showpwd input{
    margin-right: 10px;
    vertical-align: baseline;
}

#rowLogin #lnkPasswordPersaEcom {
    margin-top: 20px;
    color: black;
    font-size: 14px;
    font-weight: bold;
    text-decoration: underline;
	color:#008c45;
    background-color: white;
}
#rowLogin #pwdPersaPanelEcom{
	display:none;
}



#rowLogin .passwordPersa .TitoloLogin{
    margin: 80px 0px 00px;
    font-size: 20px;
    color: black;
    text-align: left;
    text-transform: uppercase;
    /* border-top: 1px solid #dadada; */
    border-bottom: none;
	background-color: white;
}

#rowLogin .passwordPersa .TestoLogin{
    padding: 0;
}
#rowLogin .passwordPersa .TestoLogin p {
    color: black;
    background-color: white;
    font-size: 17px !important;
    line-height: 22px;
    border-radius: 4px;
    padding: 0 0 20px 0;
}


#rowLogin .passwordPersa #email_Pwd_login{
	border-color:black;
	width:100%;
}


#rowLogin .passwordPersa #btnRipristinaPwd{
	margin-top:20px;
}




/* Login via app */
#rowLogin #loginWithApp .divider{
    text-align: center;
    position: relative;
    z-index: 1;
    margin-top: 40px;
    margin-bottom: 20px;
}

#rowLogin #loginWithApp .divider:before {
    content: "";
    border-top: 1px solid darkgray;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    z-index: -1;
}

#rowLogin #loginWithApp .divider span {
    background: #fff; /* Deve corrispondere al colore di sfondo del contenitore */
    padding: 0 15px;
        font-weight: bold;
}

#rowLogin #loginWithApp .left,
#rowLogin #loginWithApp .right {
    width: 49%;
    display: inline-block;    
    vertical-align: top;
}
#rowLogin #loginWithApp .left img{
    width: 65%;
}
#rowLogin #loginWithApp .subTextViaApp{
    font-size: 15px;
    line-height: 22px;
    padding: 20px 0 20px;
}


/* PAGINA REGISTRAZIONE  */
#rowRegistrazione{
	position:relative;
}

#rowRegistrazione .row-cell{
	width:50%;
	padding:0 40px;
}


#rowRegistrazione #firstTimeAlert{
	display:none;
}

#rowRegistrazione #formReg [data-command="passwordEye"]{
	position: absolute;
    top: 43px;
    right: 11%;
    font-size: 20px;
    background-color: transparent;
    color: rgba(0,0,0,0.651);
	width: 35px;
}
#rowRegistrazione #formLogin [data-command="passwordEye"]{
	position: absolute;
    top: 43px;
    right: 11%;
    font-size: 20px;
    background-color: transparent;
    color: rgba(0,0,0,0.651);
	width: 35px;
}

#rowRegistrazione button {
    /* float: right; */
}




/* sovrascrivo per una colonna */
#rowRegistrazione {}
#rowRegistrazione .row-content {
    text-align: center;
}
#rowRegistrazione .row-cell {
    text-align: left;
    max-width: 670px;
}




/*Box di verifica mail*/
#rowRegistrazione #MailVerificationCodeBox{
	display:none;
    background-color: white;
    width: 450px;
    overflow: hidden;
    z-index: 5;
    margin: auto;
    position: absolute;
        bottom: 130px;
    right: 0;
    left: 0;
    text-align: left;
    /* transition: all 0.3s; */
    box-shadow: 0 4px 10px rgba(0,0,0,0.33);
    border-radius: 5px;
	font-size: 15px;
}

#rowRegistrazione #MailVerificationCodeBox .t {
    color: white;
    font-weight: bold;
        background-color: #252525;
    padding: 15px;
}
#rowRegistrazione #MailVerificationCodeBox .t2 {
padding: 15px;
    padding-bottom: 5px;
    font-weight: bold;
}
#rowRegistrazione #MailVerificationCodeBox p {
	padding: 15px;
    line-height: 24px;
}

#rowRegistrazione #MailVerificationCodeBox .spam{
	display: block;
    font-size: 11px;
    line-height: 15px;
    font-weight: 600;
    margin-top: 5px;
}


#rowRegistrazione #MailVerificationCodeBox .linkButton{
    display: inline-block;
    color: #008c45;
    text-decoration: underline;
    background-color: white;
    font-size: 15px;
    float: unset;
    margin: 0;
    padding: 0;
    letter-spacing: unset;
    text-transform: lowercase;
}

#rowRegistrazione #MailVerificationCodeBox input {
	border: 1px solid #008c45;
    margin: 0 0 0 15px;
    font-size: 15px;
	text-transform:uppercase;
    padding: 5px;
    color: #008c45;
    font-weight: bold;
}
#rowRegistrazione #MailVerificationCodeBox .continua {
	margin: 0;
    display: inline;
    float: unset;
    padding: 5px 10px;
    font-size: 14px;
    margin-left: 15px;
    letter-spacing: 1.2px;	
	border-radius: 4px;
    background: #008c45;
    color: white;
}

#rowRegistrazione #MailVerificationCodeBox .altro {
	margin-left: 15px;
	margin-bottom: 15px;
}

/*fine di verifica mail*/

/* FINE FORM REGISTRAZIONE  */


















/* LOAD MORE ELENCHI */
.loadMoreContainer {
    text-align: center;
}
.loadMoreContainer button {
    font-size: 13px;
    text-transform: uppercase;
    background-color: #008c45;
    padding: 5px 10px;
    /*border-radius: 4px;*/
    letter-spacing: 1px;
    font-weight: bold;
    color: white;
    margin: 55px 0;
    cursor: pointer;
}





/* RESET PASSWORD */
#BTN_PWD_INVIA p {
    color: white;
    font-size: 11px;
    font-weight: bold;
    padding-top: 8px;
    text-align: center;
    background-color: #008c44;
}
#passwordLayout input {
    border: 1px solid #DDDDDD;
    font-size: 18px;
    padding: 10px;
    border: 1px solid #ccc;
}









.staticFooter {
    margin-top: 30px;
    padding: 50px 0;
    text-align: center;
    color: white;
    background-color: #252525;
    background: -webkit-linear-gradient(0deg, #005c85, #1b80cd);
}




/*sposta il footer automaticamente in basso 
per funzionare devi mettere il footer fuori dal layout
https://stackoverflow.com/questions/30470296/how-to-avoid-an-unknown-height-sticky-footer-to-overlap-content-with-css-only/30470537
*/
html {
    height: 100%;
}
body {
    margin: 0;
    min-height: 100%;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
}
#layout {
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1;
}
staticFooter {
    background: silver;
    /* height: 200px; */
}



/*COOCKIE*/

/*#cookie-bar p{
font-size:18px;
}


#cookie-bar a {
	color: #000000;
	display: inline-block;
	border-radius: 3px;
	text-decoration: none;
	cursor: pointer;
	background-color: yellow;
	padding: 0 10px;
	font-weight: bold;
}

#cookie-bar .cb-enable {
	background: #007700;
	margin: 6px 0 24px 0;
	width: 100px;
	color: white;
}*/



#cookie-bar {
	background: white;
	color: black;
	line-height: 24px;
	padding: 3px 0;
	position: absolute;
	text-align: center;
	width: 76%;
	z-index: 1000;
	position: fixed;
	top: calc((100% - 675px)/2);
	margin: auto;
	left: calc((100% /2) - (76% / 2));
	padding: 50px;
	bottom: unset;
	box-shadow: 2px 2px 7px 5px lightgrey;
	border-radius: 8px;
}

#cookie-bar .logo{
width: 100px;
}


#cookie-bar p {
    margin: 0;
    padding: 0;
    font-size: 20px;
    line-height: 32px;
    font-size: 15px;
    line-height: 18px;
 }

 #cookie-bar a {
color: black;
    display: inline-block;
    border-radius: 3px;
    text-decoration: underline;
    cursor: pointer;
    font-weight: bold;
}

#cookie-bar .cb-enable {
    background: black;
    margin: 20px;
    padding: 6px 12px;
    color: white;
    text-decoration: none;
}

#cookie-bar .cb-enable:hover{
	background-color:black;
	color:white;
}



/* cookie 800x600 */
@media (max-width: 800px) {
	#cookie-bar {
		/* background-color: red; */
		top: 50px;
        padding: 10px;
	}
    #cookie-bar p {
        font-size: 12px;
        line-height: 15px;
    }    
}