body,
html {
    max-width: 100%;
    max-height: 100%;
    padding: 0;
    margin: 0;
}

/*::-webkit-scrollbar {
        width: 0px;
    
}*/

body {
  
    margin-top:10px;
	font-family: 'Verdana';
    font-size: 14px;
    /*text-shadow: 1px 1px 1px rgba(0,0,0,0.4);*/
    line-height: 100%;
    background: #000000;
    text-align: left;
    font-weight: 500;
    background-image: url('/images/bkg/bkg028.jpg');
    background-position: center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size:cover;
    overflow-x: hidden;
    overflow-y: auto;    
}


.container{
    width:100%;
    padding:0;
    border:none;
    max-width:1100px;
    text-align:left;
}




/*.container { -ms-overflow-style: none; }
.container::-webkit-scrollbar { width: 0 !important }*/ 

.inline{display:inline;}

a.btn-primary, a.btn-warning { margin: 2px;}

.img-overlay {
  position: absolute;
  top: 0;
  bottom: 35%;
  left: 0;
  right: 0;
  text-align: center;
}

.img-overlay:before {
  content: ' ';
  display: block;
  /* adjust 'height' to position overlay content vertically */
  height: 100%;
}

.btn-responsive {
  margin-top:6px;
  padding:5px 4px;
  font-size:90%;
  line-height: 1;
  border-radius:4px;
	min-width: 70px;
}

/* VISUALIZZATORE IMMAGINE FULL SCREEN (Y) utilizzato in index.asp */

div.img-wrap {
  position: relative;
  width:100%;
  height:100%;
	margin:0;
	padding:0;
  border:none;
    display:none;
    overflow:auto;
}

div.img-wrap img {
	/*position:absolute;*/	
	margin:0 auto;
	padding:0;
    border:none;
    /*
	max-width:100%;
    height:auto;*/
    
   /*top:50%;
    left:50%;
    -webkit-transform: translate(-50%,-50%); 
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%,-50%);*/
}

/* FINE VISUALIZZATORE IMMAGINE FULL SCREEN (Y) */


/* NAVBAR */

.navbar-header {margin:0;padding:0;}

#bmenu a img, #bmenu1 a img, #bmenu2 a img{ margin: 0px 6px; max-width:45px; height:auto;}

.dropdown{font-size:14px;font-weight:bold;}
.dropdown ul li a {font-size:14px;text-align:left;}

#bs-example-navbar-collapse-1 {margin-top:18px;}

/* LOGO SITO */
.navbar-header img {
	width:230px;
	height:auto;
	margin-top:6px;
	margin-left: 3px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Verdana';
}

a:link,
a:visited {
    text-decoration: none;
    color:darkblue;
    /*color: #06F;*/
}

a:hover {
    text-decoration: none;
}

h4 a{
	padding: 2px 5px;
}

h4 a:hover{
    background-color: azure;
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}


/* menu bar */

.btn-menu{
    margin:4px 8px;
    width:40px;
    color:#999;
    font-size:18px;
    background-color: transparent;
    border: 1px solid #1D6177;
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.btn-menu span{font-size:18px;color:#FEFEFE;}
.btn-menu:visited{color:#FEFEFE;}
.btn-menu span:hover{color:#FFDF3F;}
.btn-menu:hover{color:#FFDF3F;}

a.btn-menu-img{
    margin:0;
    padding:0;
    background-color: transparent;
    cursor:default;
}

a.btn-menu-img img{
    width:34px;
    height:34px;
    margin:0;
    padding:0;
    border: 1px solid #1D6177; 
    border-radius: 18px;       
}

a.btn-menu-img img:hover{
    background-color:#999999;
    /*border: 2px solid #1D6177;*/
    cursor:pointer;
    
}

.btn-menu-dx{
    margin:3px 0px;
    padding:7px 2px;
    width:102px;
    color:#999;
    font-size:14px;
    background-color: transparent;
    border: 1px solid #1D6177;
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

div a.menu-dx {
    margin:4px;
    padding-top:8px;
    display:inline-block;
    width:48%;    
    height:39px;
    color:#FEFEFE;
    font-size:12px;
    background-color: transparent;
    /*border: 1px solid #1D6177;
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;*/
    text-align:center;
}

div a.menu-dx:hover {
color:#FFDF3F;
}


/* CREA-GALLERY (file bs_crea_gallery.html) */

.fileSelect {
    position: relative;
    overflow: hidden;
    margin-left: 15px;
    font-weight: 400;
    font-size: 14px;
}

.fileSelect input.select {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 14px;
    cursor: pointer;
    opacity: 0;
}

.sfondo-crea-gallery {
    padding-top: 10px;
    background-image: url(images/bkg/bkg028.jpg);
    background-position: center center;
    background-attachment: local;
    background-repeat: no-repeat;
}

#crea-gallery-result {
    color: #FFFFFF;
    font-weight: normal;
    font-size: 14px;
    padding: 0;
}

#crea-gallery-eti0,
#crea-gallery-eti1,
#crea-gallery-eti2,
#crea-gallery-eti3 {
    display: inline-block;
    color: #FFFFFF;
    font-weight: normal;
    font-size: 14px;
    margin: 0;
    padding: 0;
    width: 150px;
}

#crea-gallery-msg0,
#crea-gallery-msg1,
#crea-gallery-msg2,
#crea-gallery-msg3 {
    display: inline;
    color: #AFE4C7;
    font-weight: bold;
    font-size: 12px;
    margin: 0;
    padding-left: 10px;
}

#crea-gallery-msg0 {
    color: #F1AD61;
}


/* FINE CREA-GALLERY */


video {
    /*background-color: #2e3135;*/
    background-color: transparent;
    width:100%;
    height: auto;
}


p.audio audio{
    margin: 10px 0 0 0;
    padding:0;
    height:25px;
    max-width:260px;
    text-align:center;
}

/* Div contenitore delle icone dei video (index.asp) */
.vidicon {text-align: center;}
.vidicon a {margin: 0px 10px;}
.vidicon a img { max-width:11%; height:auto; border-radius: 25px;} /* immagini: 300 X 500 px*/


/* FOTO-GALLERY ( include anche css per bs_video.asp ) */

#titGallery {
    /*div titolo gallery (visualizzato tramite il pulsante fullscreen del file manuale ... manu.asp */
    position: absolute;
    top: 70px;
    font-size: 24px;
    text-align: center;
    color: #FFF;
    /* ie lt 7 */
    -khtml-opacity: .80;
    /* safari 1.x */
    -moz-opacity: .80;
    /* ff lt 1.5, netscape */
    opacity: .80;    
}

#fullscreen {
    font-size: 20px;
    top: 4px;
}


/* simbolo fullscreen (bootstrap) della gallery manuale  ... manu.asp */

#CyclePause {
    color: #FFF;
    margin-left: 6px;
    padding: 0;
    border: none;
}

#num {
    font-weight: normal;
    font-size: 12px;
}

.gal-header,
.vid-header {
    background-color: rgba(34, 34, 34, 0.35);
    min-height: 43px;
    margin: 12px 0 0 0;
    padding-left: 5px;
    border: 1px solid #8D8E8C;
    border-radius: 4px 4px 0 0;
    border-bottom: none;
}

.gal-tit,
.vid-tit {
    display: inline-block;
    width: 78%;
    font-size: 15px;
    font-weight: bold;
    /*margin:0; padding:0;*/
    /*border: 1px solid #C0C0C0;
	border-bottom: none;*/
    line-height: 130%;
    padding: 8px 5px 0px 3px;
    color: #FFFFFF;
    opacity: .95;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
}

.vid-tit {width: 90%;padding-top:8px;}

.gal-subtit,
.vid-subtit {
  display: inline-block;
  font-size: 13px;
  font-weight: normal;
  padding: 6px 5px 5px 3px;
  margin: 0;
  color: #EAEAEA;
  line-height: 1.2;
  width:90%;
  /*margin-right:35px;*/
}

.gal-subtit a,
.vid-subtit a {
  color: #FFDF3F;
  font-weight:bold;
}

.gal-sound {
    display:inline-block;
    width:15px;
    height:22px;
    margin-top:5px;    
    margin-right:17px;
    background-image: url("/public/cg/galsound2.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: scroll;
    background-size: contain;
}

.gal-num {
    color: rgba(238, 238, 238, 0.4);
    padding:0;
    font-size: 10px;
    line-height:100%;
}

.gal-imgTit {
    color: rgba(238, 238, 238, 0.7);
    font-size:13px;
    width:250px;
    padding:3px;
    text-align:center;
    line-height:100%;
    display:block;
    margin:-14px auto 0 auto;
}

.avvio-pausa {
    display: inline-block;
    margin-left: -6px;
}

.gal-btn,
.vid-btn {
    position: absolute;
    display: inline-block;
    width: 96px;
    top: 6px;
    right: 10px;
    text-align: right;
}

.gal-btn a button,
.vid-btn button {
    font-size: 12px;
    /*margin-top:2px;*/
    margin-right: 10px;
    padding: 4px 7px 3px 7px;
    /*background:none;*/
    border: none;
}

.vid-desc, .gal-desc{
    text-align:justify;
    margin:0;
    padding:4px 8px 10px 4px;
    color:#B0B0B0;
    line-height:150%;
    font-size:12px;
}


/* sotto sezione fullscreen */

#carousel-inner.gal-fullscreen {
    display: block;
    z-index: 9999;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    overflow: hidden;
    /*-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;*/
}

#sipario {
    display: none;
    z-index: 9998;
    background-color: #000000;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

#sipario.mostra {
    display: block;
}


/*.panel-actions {
	z-index: 10000;
  margin-top: -20px;
  margin-bottom: 0;
  text-align: right;
}
.panel-actions a {
  color:#333;
}*/


/* fine sotto sezione fullscreen */

/* FINE FOTO-GALLERY */

/* Trasparenze */

.tras50{opacity: .50;}
.tras55{opacity: .55;}
.tras60{opacity: .60;}
.tras65{opacity: .65;}
.tras70{opacity: .70;}
.tras75{opacity: .75;}
.tras80{opacity: .80;}
.tras85{opacity: .85;}
.tras90{opacity: .90;}

/* Fine Trasparenze */

span.disabilitato {
    color: #CCC;
}

p.pagina{font-size:16px;line-height:140%;color:#333333;}

.thumbnail {
    margin-top: 12px;
    border: 1px solid #C0C0C0;
    padding: 0px 20px 0px 20px;
    background: rgba(255, 255, 255, 0.90);
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .07), 0 1px 20px 0 rgba(0, 0, 0, .07), 0 -1px 20px 0 rgba(0, 0, 0, .07);
}

.thumbnail-bianca {
    margin-top: 12px;
    border: 1px solid #C0C0C0;
    padding: 0px 20px 0px 20px;
    background: rgba(255, 255, 255, 1);
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .07), 0 1px 20px 0 rgba(0, 0, 0, .07), 0 -1px 20px 0 rgba(0, 0, 0, .07);
}

.thumbnail-blu {
    border: 1px solid #C0C0C0;
    padding: 10px 20px 20px 20px;
    background: rgba(131, 163, 190, 0.5);
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .07), 0 1px 20px 0 rgba(0, 0, 0, .07), 0 -1px 20px 0 rgba(0, 0, 0, .07);
}

.ombreggiatura {
    /*bordi arrotondati*/
    border-radius: 4px 4px 4px 4px;
    /*FireFox*/
    -moz-box-shadow: 1px 1px 10px rgba(32, 32, 32, 0.5), -1px -1px 10px rgba(32, 32, 32, 0.5), 1px -1px 10px rgba(32, 32, 32, 0.5), -1px 1px 10px rgba(32, 32, 32, 0.5);
    /*Chrome*/
    -webkit-box-shadow: 1px 1px 10px rgba(32, 32, 32, 0.5), -1px -1px 10px rgba(32, 32, 32, 0.5), 1px -1px 10px rgba(32, 32, 32, 0.5), -1px 1px 10px rgba(32, 32, 32, 0.5);
    /*Opera & IE9*/
    box-shadow: 1px 1px 10px rgba(32, 32, 32, 0.5), -1px -1px 10px rgba(32, 32, 32, 0.5), 1px -1px 10px rgba(32, 32, 32, 0.5), -1px 1px 10px rgba(32, 32, 32, 0.5);
}

.bordar {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}


/* bs_index.asp - visualizza il width del browser tramite lo script */

div.wSize {
    text-align: center;
    color: #FFFFFF;
    font-family: Tahoma, Arial;
    font-size: 10px;
    width: 120px;
    margin: 0 auto;
    padding-top: 5px;
}

div.touch, div.author {
    color: #FFFFFF;
    font-family: Tahoma, Arial;
    font-size: 10px;
    margin: 0;
    line-height: 100%;
    padding: 0;
}


/* div in bs_cale_mese.asp*/

#Selezionatore,
#Eventi {
    width: 100%;
    min-height: 310px;
    /*overflow-y: auto;*/
}

#Selezionatore {
    padding-top: 10px;
}

.img-lucchetto{
    width: 12px;
    height: auto;
    display:inline-block;
    margin-left: -10px;
    margin-right: 10px;
}

/* bs_gpx_upload */

.cont-vetro {
    font-size: 14px;
    text-align: center;
    font-weight: normal;
    border: 1px solid #808588;
    background-color: transparent;
    color: #FFFFFF;
    opacity: .80;
    line-height: 1.3em;
    margin: -8px 3px 0px 3px;
    padding: 12px;
    -webkit-border-radius: 6px;
    -moz-border-radius:6px;
    border-radius: 6px;
}

.vetro {
    font-size: 14px;
    text-align: center;
    font-weight: normal;
    border: none;
    /*background-color: #2D4046;*/
    background-color: transparent;
    color: #FFFFFF;
    margin: 10px 0 0 0;
    padding: 0;
}



/* ARTICOLI */

span.evidenziato {
    display: block;
    text-align: center;
    font-size: 18px;
}


/* utilizzato per evidenziare un titolo di testo  semplice negli accordion */

.articolo, .racconto, .preno {
    font-size: 14px;
    text-align: left;
    font-weight: normal;
    border: 1px solid rgba(240, 240, 240, 0.5);
    /*background-color: #2e3135;*/
    background:transparent;
    color: #FFFFFF;
    opacity: .95;
    line-height: 1.3em;
    margin: 12px 0 0 0;
    padding: 12px;
    -webkit-border-radius: 6px;
    -moz-border-radius:6px;
    border-radius: 6px;
}

.preno{background-color: transparent;padding-bottom:20px;}

.articolo-bianco {
    font-size: 15px;
    text-align: left;
    font-weight: normal;
    border: 1px solid #F0F0F0;
    background-color: #FFF;
    color: #000;
    opacity: .95;
    line-height: 1.5em;
    margin: 12px 0 0 0;
    padding: 12px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.articolo-tra {
    font-size: 15px;
    text-align: left;
    font-weight: normal;
    border: 1px solid #F0F0F0;
    background-color: transparent;
    color: #FFF;
    opacity: .95;
    line-height: 1.5em;
    margin: 12px 0 0 0;
    padding: 12px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.articolo img, .racconto img,
.articolo-tra img,
.articolo-bianco img {
    /*width:100%;*/
    margin: 0 auto;
    padding: 0;
    padding-top: 4px;
    padding-bottom: 4px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.articolo a,
.cont-footer a,
.articolo-tra a,
articolo-bianco a {
    font-weight: bold;
    color: #FFFFFF;
}

.articolo a.btn {margin-top:-3px;margin-bottom:0px;margin-left:1px;margin-right:1px;}

.articolo-bianco a {
    color: blue;
}

.articolo h4,
.articolo-tra h4,
articolo-bianco h4 {
    font-size: 18px;
    line-height: 1.5em;
    font-weight: 600;
    text-align: center;
}


/* articoli-collassabili */

.panel-collapse {
    margin-top: 18px;
}

.articolo-collassabile,
.articolo-collassabile-tra,
.articolo-collassabile-txt,
.articolo-collassabile-bianco {
    font-size: 15px;
    text-align: left;
    background-image: url(/images/collassabile.png);
    background-repeat: no-repeat;
    border: 1px solid rgba(240, 240, 240, 0.76);
    background-color: #2e3135;
    opacity: .95;
    line-height: 1.5em;
    margin: 12px 0 0 0;
    padding: 12px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    /*text-shadow: 2px 2px 4px #555555;*/
}

.articolo-collassabile-tra {
    background-color: transparent;
}

.articolo-collassabile-bianco {
    background-color: #FFF;
    border: 1px solid #000000;
    text-shadow: 2px 2px 5px #999;
}

.articolo-collassabile,
.articolo-collassabile-txt {
    background-color: #2e3135;
    border: 1px solid rgba(240, 240, 240, 0.76);
    color: #FFEEC0;
    opacity: .95;
}

.articolo-collassabile img,
.articolo-collassabile-tra img,
.articolo-collassabile-bianco img {
    margin: 0 auto;
    /*width:100%;*/
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.articolo-collassabile-bianco a {
    color: #4E41A7;
    font-weight: bold;
}

.articolo-collassabile a,
.articolo-collassabile-tra a {
    color: #FFFFFF;
    font-weight: bold;
    /*text-shadow: 2px 2px 4px #555555;*/
}

.articolo-collassabile h4,
.articolo-collassabile-tra h4,
.articolo-collassabile-txt h4,
.articolo-collassabile-bianco h4 {
    font-size: 18px;
    line-height: 1.5em;
    font-weight: 600;
    text-align: center;
}

.articolo-collassabile-txt a {
    color: #FFF;
    font-weight: bold;
}

.articolo-txt {
    border: none;
    background-color: #2e3135;
    color: #FFEEC0;
    opacity: .95;
}

.articolo-txt h2 {
    font-size: 24px;
    line-height: 1.5em;
    font-weight: 600;
}

.articolo-txt h3 {
    font-size: 20px;
    line-height: 1.5em;
    font-weight: 400;
}

.articolo-txt a {
    color: #FFFFFF;
}

/* FINE ARTICOLI */

/* classi ridimensionamento immagini */

.img1 {width:1%;height:auto}
.img2 {width:2%;height:auto}
.img3 {width:3%;height:auto}
.img4 {width:4%;height:auto}
.img5 {width:5%;height:auto}
.img6 {width:6%;height:auto}
.img7 {width:7%;height:auto}
.img8 {width:8%;height:auto}
.img9 {width:9%;height:auto}
.img10 {width:10%;height:auto}
.img11 {width:11%;height:auto}
.img12 {width:12%;height:auto}
.img13 {width:13%;height:auto}
.img14 {width:14%;height:auto}
.img15 {width:15%;height:auto}
.img16 {width:16%;height:auto}
.img17 {width:17%;height:auto}
.img18 {width:18%;height:auto}
.img19 {width:19%;height:auto}
.img20 {width:20%;height:auto}
.img21 {width:21%;height:auto}
.img22 {width:22%;height:auto}
.img23 {width:23%;height:auto}
.img24 {width:24%;height:auto}
.img25 {width:25%;height:auto}
.img26 {width:26%;height:auto}
.img27 {width:27%;height:auto}
.img28 {width:28%;height:auto}
.img29 {width:29%;height:auto}
.img30 {width:30%;height:auto}
.img31 {width:31%;height:auto}
.img32 {width:32%;height:auto}
.img33 {width:33%;height:auto}
.img34 {width:34%;height:auto}
.img35 {width:35%;height:auto}
.img36 {width:36%;height:auto}
.img37 {width:37%;height:auto}
.img38 {width:38%;height:auto}
.img39 {width:39%;height:auto}
.img40 {width:40%;height:auto}
.img41 {width:41%;height:auto}
.img42 {width:42%;height:auto}
.img43 {width:43%;height:auto}
.img44 {width:44%;height:auto}
.img45 {width:45%;height:auto}
.img46 {width:46%;height:auto}
.img47 {width:47%;height:auto}
.img48 {width:48%;height:auto}
.img49 {width:49%;height:auto}
.img50 {width:50%;height:auto}
.img51 {width:51%;height:auto}
.img52 {width:52%;height:auto}
.img53 {width:53%;height:auto}
.img54 {width:54%;height:auto}
.img55 {width:55%;height:auto}
.img56 {width:56%;height:auto}
.img57 {width:57%;height:auto}
.img58 {width:58%;height:auto}
.img59 {width:59%;height:auto}
.img60 {width:60%;height:auto}
.img61 {width:61%;height:auto}
.img62 {width:62%;height:auto}
.img63 {width:63%;height:auto}
.img64 {width:64%;height:auto}
.img65 {width:65%;height:auto}
.img66 {width:66%;height:auto}
.img67 {width:67%;height:auto}
.img68 {width:68%;height:auto}
.img69 {width:69%;height:auto}
.img70 {width:70%;height:auto}
.img71 {width:71%;height:auto}
.img72 {width:72%;height:auto}
.img73 {width:73%;height:auto}
.img74 {width:74%;height:auto}
.img75 {width:75%;height:auto}
.img76 {width:76%;height:auto}
.img77 {width:77%;height:auto}
.img78 {width:78%;height:auto}
.img79 {width:79%;height:auto}
.img80 {width:80%;height:auto}
.img81 {width:81%;height:auto}
.img82 {width:82%;height:auto}
.img83 {width:83%;height:auto}
.img84 {width:84%;height:auto}
.img85 {width:85%;height:auto}
.img86 {width:86%;height:auto}
.img87 {width:87%;height:auto}
.img88 {width:88%;height:auto}
.img89 {width:89%;height:auto}
.img90 {width:90%;height:auto}
.img91 {width:91%;height:auto}
.img92 {width:92%;height:auto}
.img93 {width:93%;height:auto}
.img94 {width:94%;height:auto}
.img95 {width:95%;height:auto}
.img96 {width:96%;height:auto}
.img97 {width:97%;height:auto}
.img98 {width:98%;height:auto}
.img99 {width:99%;height:auto}

/*  fine classi ridimensionamento immagini */

/*  Max Width*/

.mw200{ width: 100%; max-width: 200px; height: auto; }
.mw250{ width: 100%; max-width: 250px; height: auto; }
.mw300{ width: 100%; max-width: 300px; height: auto; }
.mw350{ width: 100%; max-width: 350px; height: auto; }
.mw400{ width: 100%; max-width: 400px; height: auto; }
.mw405{ width: 100%; max-width: 405px; height: auto; }
.mw410{ width: 100%; max-width: 410px; height: auto; }
.mw415{ width: 100%; max-width: 415px; height: auto; }
.mw420{ width: 100%; max-width: 420px; height: auto; }
.mw500{ width: 100%; max-width: 500px; height: auto; }
.mw550{ width: 100%; max-width: 550px; height: auto; }
.mw600{ width: 100%; max-width: 600px; height: auto; }

/* Div Crop */

div.cropH100{ width:100%;height: 100px; overflow: hidden; }
div.cropH105{ width:100%;height: 105px; overflow: hidden; }
div.cropH110{ width:100%;height: 110px; overflow: hidden; }
div.cropH115{ width:100%;height: 115px; overflow: hidden; }
div.cropH120{ width:100%;height: 120px; overflow: hidden; }
div.cropH125{ width:100%;height: 125px; overflow: hidden; }
div.cropH130{ width:100%;height: 130px; overflow: hidden; }
div.cropH135{ width:100%;height: 135px; overflow: hidden; }
div.cropH140{ width:100%;height: 140px; overflow: hidden; }
div.cropH145{ width:100%;height: 145px; overflow: hidden; }
div.cropH150{ width:100%;height: 150px; overflow: hidden; }
div.cropH155{ width:100%;height: 155px; overflow: hidden; }
div.cropH160{ width:100%;height: 160px; overflow: hidden; }
div.cropH165{ width:100%;height: 165px; overflow: hidden; }
div.cropH170{ width:100%;height: 170px; overflow: hidden; }
div.cropH175{ width:100%;height: 175px; overflow: hidden; }
div.cropH180{ width:100%;height: 180px; overflow: hidden; }
div.cropH185{ width:100%;height: 185px; overflow: hidden; }
div.cropH190{ width:100%;height: 190px; overflow: hidden; }
div.cropH195{ width:100%;height: 195px; overflow: hidden; }
div.cropH200{ width:100%;height: 200px; overflow: hidden; }
div.cropH205{ width:100%;height: 205px; overflow: hidden; }
div.cropH210{ width:100%;height: 210px; overflow: hidden; }
div.cropH215{ width:100%;height: 215px; overflow: hidden; }
div.cropH220{ width:100%;height: 220px; overflow: hidden; }
div.cropH225{ width:100%;height: 225px; overflow: hidden; }
div.cropH230{ width:100%;height: 230px; overflow: hidden; }
div.cropH235{ width:100%;height: 235px; overflow: hidden; }
div.cropH240{ width:100%;height: 240px; overflow: hidden; }
div.cropH245{ width:100%;height: 245px; overflow: hidden; }
div.cropH250{ width:100%;height: 250px; overflow: hidden; }
div.cropH255{ width:100%;height: 255px; overflow: hidden; }
div.cropH260{ width:100%;height: 260px; overflow: hidden; }
div.cropH265{ width:100%;height: 265px; overflow: hidden; }
div.cropH270{ width:100%;height: 270px; overflow: hidden; }
div.cropH275{ width:100%;height: 275px; overflow: hidden; }
div.cropH280{ width:100%;height: 280px; overflow: hidden; }
div.cropH285{ width:100%;height: 285px; overflow: hidden; }
div.cropH290{ width:100%;height: 290px; overflow: hidden; }
div.cropH295{ width:100%;height: 295px; overflow: hidden; }
div.cropH300{ width:100%;height: 300px; overflow: hidden; }
div.cropH305{ width:100%;height: 305px; overflow: hidden; }
div.cropH310{ width:100%;height: 310px; overflow: hidden; }
div.cropH315{ width:100%;height: 315px; overflow: hidden; }
div.cropH320{ width:100%;height: 320px; overflow: hidden; }
div.cropH325{ width:100%;height: 325px; overflow: hidden; }
div.cropH330{ width:100%;height: 330px; overflow: hidden; }
div.cropH335{ width:100%;height: 335px; overflow: hidden; }
div.cropH340{ width:100%;height: 340px; overflow: hidden; }
div.cropH345{ width:100%;height: 345px; overflow: hidden; }
div.cropH350{ width:100%;height: 350px; overflow: hidden; }
div.cropH355{ width:100%;height: 355px; overflow: hidden; }
div.cropH360{ width:100%;height: 360px; overflow: hidden; }
div.cropH365{ width:100%;height: 365px; overflow: hidden; }
div.cropH370{ width:100%;height: 370px; overflow: hidden; }
div.cropH375{ width:100%;height: 375px; overflow: hidden; }
div.cropH380{ width:100%;height: 380px; overflow: hidden; }
div.cropH385{ width:100%;height: 385px; overflow: hidden; }
div.cropH390{ width:100%;height: 390px; overflow: hidden; }
div.cropH395{ width:100%;height: 395px; overflow: hidden; }
div.cropH400{ width:100%;height: 400px; overflow: hidden; }


/* FOOTER */

img.img-footer{margin:0 auto; width:50%; max-width:180px; height:auto; border: 1px solid #1D6177;padding:4px 20px;}
div.dati-footer{position:relative; width:280px; margin:60px auto;line-height:180%; padding: 10px 10px 10px 18px;margin-bottom:30px;text-shadow: 2px 2px 2px rgba(0,0,0,0.6);}

.cont-footer {
    border:none;
    /*border: 1px solid rgba(240, 240, 240, 0.76);*/
    background-color:transparent;

    /*background-image: url("/images/bkg/footerbkg.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: scroll;
    background-size: contain;*/

    color: #FFEEC0;
    opacity: .70;
    line-height: 1.5em;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    /*text-shadow: 0px 0px 0 rgb(21, 21, 21), 0px 1px 0 rgb(-131, -131, -131), 0px 2px 1px rgba(0, 0, 0, 0), 0px 2px 1px rgba(0, 0, 0, 0.5), 0px 0px 1px rgba(0, 0, 0, .2);*/
}

/* FINE FOOTER */

.float-L {
    float: left;
}

.float-R {
    float: right;
}

.d-inline {
    display: inline;
}

.new {
    width: 100%;
    height: 100%;
    background-image: url(/images/new2.gif);
    background-repeat: no-repeat;
    background-color:rgb(28, 48, 59, 0.1);
}

.new-collassabile {
    width: 100%;
    height: 100%;
    background-image: url(/images/new2-collassabile.png);
    background-repeat: no-repeat;
}

.collassabile {
    width: 100%;
    height: 100%;
    background-image: url(/images/collassabile.png);
    background-repeat: no-repeat;
}

div.centrato {
    width: 290px;
    margin: 0 auto;
    text-align: left;
}

img.centra {
    display: block;
    margin: 0 auto;
}


/* INPUT MAGLIETTE */

.e-taglia{
    margin:0;
    padding:0;
    color: #FFF;
    text-shadow: 2px 2px 3px #555;
    font-size: 16px;
    width:30px;
    text-align: center;
}

.e-taglia label{
    width:30px;
    text-align: center;
    /*padding-right: 5px;*/ 
    
}

.i-taglia{
    width:33px;
    text-align:center;
    font-family: "Arial";  
    font-size: 16px;
    font-weight: bold;
    padding:2px;
    margin-right: 4px;
    
}

/* FINE INPUT MAGLIETTE */

.lh70 {
    line-height: 70%;
}

.lh80 {
    line-height: 80%;
}

.lh90 {
    line-height: 90%;
}

.lh100 {
    line-height: 100%;
}

.lh110 {
    line-height: 110%;
}

.lh120 {
    line-height: 120%;
}

.lh130 {
    line-height: 130%;
}

.lh140 {
    line-height: 140%;
}

.lh150 {
    line-height: 150%;
}

.fs10 {
    font-size: 10px;
}

.fs11 {
    font-size: 11px;
}

.fs12 {
    font-size: 12px;
}

.fs13 {
    font-size: 13px;
}

.fs14 {
    font-size: 14px;
}

.fs15 {
    font-size: 15px;
}

.fs16 {
    font-size: 16px;
}

.fs17 {
    font-size: 17px;
}

.fs18 {
    font-size: 18px;
}

.fs19 {
    font-size: 19px;
}

.fs20 {
    font-size: 20px;
}

.fs22b {
    font-size: 22px;
    font-weight: bold;
}

span.de {
    font-family: Tahoma, Arial;
    font-size: 12px;
    font-weight: 400;
}

.beige {
    padding: 4px;
    background: #C4C1B5;
    border: 1px solid #000;
    border-radius: 6px;
}

.bianco80 {
    padding: 4px;
    background: #FFFFFF;
    border: 1px solid #000;
    border-radius: 6px;
    opacity: .80;
}

/* post in /public/data_activities.js */

p.db {
    margin: 10px 0 0 0;
    padding: 0;
    font-family: 'Verdana';
    font-weight: normal;
    text-align: left;
    font-size: 16px;
}

p.db:has(img) {
    min-height: 95px;
    line-height:155%;
}

p.db a {
  /*color: #06F;*/
    font-family: 'Verdana';
    font-size: 16px;
    padding:0;
    /*padding-left:5px;
    padding-right:5px;
    padding-bottom:2px;*/
}

p.db a:hover {
    background-color: azure;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

p.db img {

    margin:5px 12px 0px 0px;
    max-height: 88px;    
    width: auto;
    border: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    float:left;
}

p.db img:hover {
    cursor: zoom-in;
}

p.db audio {
    margin: 8px 0 0 0;
    padding:0;
    height:20px;
    max-width:260px;
}

/*  fine post in /public/data_activities.js */

.titolo-ombreggiato {
    display:inline-block;
    margin-top:12px;
    color: #FFFFFF;
    font-size: 18px;
    font-weight: 400; 
}

#anno {
    font-size: 16px;
    padding: 5px;
    text-align: center;
    background-color: #121418;
    color: #FFFFFF;
  }

#toTop {
    width: 70px;
    border: none;
    text-align: center;
    padding: 0;
    bottom: 50px;
    position: fixed;
    left: 50%;
    margin-left: -35px; /* la metà della larghezza */
    cursor: pointer;
    display: none;
    font-size: 16px;
    z-index: 1;
}

.top {
    background: #000;
    color: #FFFFFF;
    width: 100%;
    padding: 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    opacity: .70;
}

.s-data {
	padding:12px 0px;
    /*border-bottom:1px solid #336699;*/
    border-bottom:1px solid #999999;
}

.r-tit, .ras{
	font-size:16px;
	font-weight:bold;
	color:#2D3639;
	padding-left:8px;
}

.r-tit a, .ras a{
	padding-right:5px;
    padding-bottom:2px;
    font-weight:400; 
}

.s-data a{
	padding:0px 5px 2px 5px;
    font-weight:400; 
}


.r-tit a:hover, .ras a:hover, .s-data a:hover { /* N.B. stesso colore di p.db a:hover */
	background-color: azure;
	-webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

/* FINE bs_eventi.asp ----------------------------------  */

/* MODULO PRENOTAZIONI ----------------------------------   */

#cont_des {
    position: relative;
    width: 100%;
}

#prenota {
    font-weight: 700;margin:0;
}

.preno-colSx {
    padding-top: 0px;
    margin-top: 12px;
    padding-bottom: 0px;
    margin-bottom: 5px;
}

.preno-colDx {
    padding-top: 0px;
    margin-top: 12px;
    padding-bottom: 0px;
    margin-bottom: 5px;
}

.istruz {
    font-size: 12px;
}

#selevento {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 400;
    padding: 0;
    margin: 0;
    /*margin-top: 10px;*/
}

#modevento {
    font-weight: normal;
    font-size: 11px;
}

#d_msg {
    border: 1px #C0C0C0 solid;
    font-size: 13px;
    font-weight: 400;
    background: rgba(0, 0, 0, 0.13);
    text-shadow: 1px 1px 1px #FFFFFF;
}

#msg {
    margin: 0;
    padding: 0;
    font-size: 12px;
    font-weight: 700;
}

span.labInput {
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 14px;
    font-weight: 600;
}

a.grigio {
    color: #CCCCCC;
}

.didascalia {
    font-size: 11px;
}


/* Dettagli evento */

div.alert {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: 600;
    text-align: center;
    padding: 4px;
    margin-bottom: 10px;
}

tr.riga {
    margin: 0;
    padding: 0;
    /*background: #000;*/
    border-bottom: 1px solid #CCCCCC;
    height: 34px;
}

.eti2, .cDx {
    font-family: Arial, Helvetica, sans-serif;
}

.eti2 {
    padding: 0;
    margin: 0;
    font-size: 11px;
    font-weight: bold;
    width:28%;
    max-width:40px;

}

.cDx {
    background: #FFF;
    padding-left: 4px;
    padding-right: 4px;
    /*border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;*/

}

#c1,
#c2,
#c3 {
    font-size: 15px;
    font-weight: 600;
}

#c1 {
    color: #000;
}

#c2 {
    color: #066;
}

#c3 {
    color: #F00;
}

#c4 {
    color:#000000;
    padding: 5px;
    /*border: 1px solid #000;*/
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: 500;
    text-align: left;
    line-height: 1em;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5);
}

#c1,
#c2,
#c3,
#c5,
#c6,
#preno,
#postiDisp,
#c7,
#c8,
#c9,
#c10,
#c11,
#c12,
#c13,
#c14,
#c15,
#c16,
#c17,
#c18 {
    font-size: 13px;
    font-weight: normal;
    /*padding-left: 3px;*/
    width:75%;
    max-width:100px;
}

#c16{
    margin-top:20px;
    text-align:center;
}

#c16 a,
#c17 a{
    font-size: 13px;
    font-weight: normal;
    padding: 4px 0;
    width:100%;
}


#preno {
    font-size: 15px;
    font-weight: 600;
    /* padding: 2px;
	color: #FFFFFF;
	background: #CCCCCC; */
}

.note,
.altro {
    color: #336699;
    /*font-weight: 700;*/
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: 400;
    padding: 15px 0px 5px 0px;
    text-align:center;
}

/*.note img,
.altro img {
    width: 16px;
    height: auto;
}*/

#posti-disp {
    display: none;
}

/* FINE MODULO PRENOTAZIONI ---------------------------------*/

.nevent {
    color: #777777;
    font-size: 9px;
    font-weight: normal;
}

.freccia-mese {
    color: #C00;
    /*font-family: tahoma, arial;*/
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
}

div a img {
    border: none;
}

/* SLIDES (come articolo ma senza opacity */
.slides {
    border: 1px solid #B0B0B0;
    background-color: #2D4046;
    color: #FFEEC0;
    margin: 0 0 10px 0;
    padding: 0;
}


/* div in bs_index.asp (eventuale immagine sopra le slides)*/

.sx-X {
    z-index: 1;
    position: absolute;
    left: 0;
    top: 0;
    max-width: 25%;
}

.dx-X {
    z-index: 1;
    position: absolute;
    right: 0;
    top: 0;
    max-width: 25%;
}

.centra-X {
    z-index: 1;
    position: absolute;
    left: 50%;
    max-width: 25%;
    /* transform: translate(asseX, asseY); centra orizzontalmente il div */
    -ms-transform: translate(-50%, 0px);
    -moz-transform: translate(-50%, 0px);
    -webkit-transform: translate(-50%, 0px);
    -o-transform: translate(-50%, 0px);
    transform: translate(-50%, 0px);
}

.sx-B {
    z-index: 1;
    position: absolute;
    left: 0;
    bottom: 0;
    max-width: 25%;
}

.dx-B {
    z-index: 1;
    position: absolute;
    right: 0;
    bottom: 0;
    max-width: 25%;
}

.centra-Y {
    z-index: 1;
    position: absolute;
    top: 50%;
    /* transform: translate(asseX, asseY); centra orizzontalmente il div */
    -ms-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.centra-XY {
    z-index: 1;
    position: absolute;
    top: 50%;
    left: 50%;
    /* transform: translate(asseX, asseY); centra orizzontalmente il div */
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);

}

.centra-XY-R {
    z-index: 1;
    position: absolute;
    top: 50%;
    left: 50%;
    /* transform: translate(asseX, asseY); centra orizzontalmente il div */
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.centra-B {
    z-index: 1;
    position: absolute;
    /*top: 97%;*/
    bottom:0;
    left: 50%;
    /* transform: translate(asseX, asseY); centra orizzontalmente il div */
    -ms-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

/* SEZIONE SLIDER */

.manu, .cont-video {
    margin: 0;
    border: 1px solid #8D8E8C;
    padding: 1px;
    position: relative;
}

.manu img {
    margin: 0 auto;
    max-height:80vh; /* vh = viewport height  - N.B. questa classe è presente anche nella foto-gallery manuale */
    width:auto;
   /* transform: rotate( 90deg );
	transform-origin:center center;*/
}

#myCarousel {
    margin: 12px 0 0 0;
    padding:2px;
    border: 1px solid rgb(165, 164, 164);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.item,
.active,
.carousel-inner {
    margin: 0;    
    border: none;
    padding:0;
}

.item img,
.item active img {
    margin:0;
    padding:0;
    border:none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.carousel-indicators {
    top: 100%;
}

.invisibile {
    display: none;
}


/* FINE SEZIONE SLIDER */

div.NASCOSTO {
    display: none;
}

.giustificato,
.giustificata {
    text-align: justify;
}

.grassetto {
    font-weight: bold;
}

.corsivo {
    font-style: italic;
}


/* COLORI */

.arancio-chiaro {
    color: #E1B371;
}

.arancio {
    color: #FF7700;
}

.bianco {
    color: #FFFFFF;
    font-weight: 700;
}

.blu-chiaro {
    color: #0774B9;
}

.blu-scuro {
    color: darkblue;
}

.celeste-n {
    color: #0077B1;
    font-weight: normal;
}

.celeste {
    /*color: #0077B1;*/
    color: #045c88;
}

.grigio-chiaro {
    color: #EEE;
}

.nero {
    color: #000;
}

.rosso {
    color: #c00;
}

.rosso-bold {
    color: #c00;
    font-weight: 700;
}

.verde {
    color: green;
}

.verde-bold {
    color: green;
    font-weight: 700;
}

.violet {
    color: #9d426b;
}


/* FONT E COLORI CATEGORIE */

span.catCol_1,
span.catCol_2,
span.catCol_3,
span.catCol_4,
span.catCol_5,
span.catCol_6,
span.catCol_7,
span.catCol_8 {
    font-family: Tahoma, Arial;
    font-size: 12px;
    font-weight: 400;
    border: 1px solid #999;
}

/* Amb = verde scuro*/
span.catCol_1 {
    background: rgba(0, 100, 0, 0.6);
}

/* Git = verde chiaro*/
span.catCol_2 {
    background: rgb(2, 114, 52, 0.8);
}

/* Mob = ocra*/
span.catCol_3 {
    background: rgba(139, 136, 5, 0.7);
}

/* Cam = viola */
span.catCol_4 {
    background: rgba(134, 10, 131, 0.5);
}

/* Ras = bianco*/
span.catCol_5 {
    background: rgba(255, 255, 255, 0.8);
    color: #656565;
}

/* Ser = rosso mattone*/
span.catCol_6 {
    background: rgba(119, 55, 30, 0.774);
    color: #fefefe;
}

/* Altre categorie = blu*/
span.catCol_7 {
    background: rgba(51, 102, 153, 0.5);
}

/* Bim, Man = celeste*/
span.catCol_8 {
    background: rgba(2, 142, 217, 0.7);
}

/* FINE FONT E COLORI CATEGORIE */

.lar32 {
    width: 32px;
}

.trasparente {
    background-color: transparent;
}

.semitrasparente {
    background: rgba(255, 255, 255, 0.95);
}


.links-bg { /* stesso sfondo di cont-footer */
    background: rgba(36, 53, 73, 0.5);
}


.testocentrato {
    text-align: center;
}

.testo-sx {
    text-align: left;
}

.testo-dx {
    text-align: right;
}

.testo-ombra,
.testo-ombra-bianco {
    color: #FFFFFF;
    text-shadow: 0px 0px 0 rgb(21, 21, 21), 0px 1px 0 rgb(-131, -131, -131), 0px 2px 1px rgba(0, 0, 0, 0), 0px 2px 1px rgba(0, 0, 0, 0.5), 0px 0px 1px rgba(0, 0, 0, .2);
    font-size: 16px;
}

.testo-ombra-nero {
    color: #000000;
    text-shadow: 0px 0px 0 rgb(21, 21, 21), 0px 1px 0 rgb(-131, -131, -131), 0px 2px 1px rgba(0, 0, 0, 0), 0px 2px 1px rgba(0, 0, 0, 0.5), 0px 0px 1px rgba(0, 0, 0, .2);
    font-size: 16px;
}

.mar-to-10 {
    margin-top: 10px;
}

.mar-to-15 {
    margin-top: 15px;
}

.mar-to-20 {
    margin-top: 20px;
}

.mar-sx-10 {
    margin-left: 10px;
}

.mar-sx-15 {
    margin-left: 15px;
}

.mar-sx-20 {
    margin-left: 20px;
}

.pad-to-10 {
    padding-top: 10px;
}

.pad-to-15 {
    padding-top: 15px;
}

.pad-to-20 {
    padding-top: 20px;
}

.pad-to-25 {
    padding-top: 25px;
}

.pad-to-30 {
    padding-top: 30px;
}

.pad-to-35 {
    padding-top: 35px;
}

.pad-to-40 {
    padding-top: 40px;
}

.pad-sx-10 {
    padding-left: 10px;
}

.pad-sx-15 {
    padding-left: 15px;
}

.pad-sx-20 {
    padding-left: 20px;
}

.pad-sx-25 {
    padding-left: 25px;
}

.pad-sx-30 {
    padding-left: 30px;
}

.pad-sx-40 {
    padding-left: 40px;
}

.pad-bo-05 {
    padding-bottom: 5px;
}

.pad-bo-10 {
    padding-bottom: 10px;
}

.pad-bo-15 {
    padding-bottom: 15px;
}

.pad-bo-20 {
    padding-bottom: 20px;
}

.pad-bo-25 {
    padding-bottom: 25px;
}

.pad-bo-30 {
    padding-bottom: 30px;
}

.pad-bo-40 {
    padding-bottom: 40px;
}

.evidenzia {
    line-height: 1.3em;
    font-weight: bold;
    color: #9d426b;
}


/*footer{
	margin-top:30px;
	background:#f8f8f8;
	text-shadow:1px 1px 1px #FFFFFF;
	text-align: center;
	border-top:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
}*/


/* BOOTSTRAP CAROUSEL FADE */


/* END BOOTSTRAP CAROUSEL FADE */

div.back-image {
    width: 100%;
    height: 192px;
    border: none;
    background-image: url(cal2015/buon2016.jpg);
    background-repeat: no-repeat;
    background-position: center center;
}

/* bs_preno_lista_eventi.asp*/
.voce-lista{
    float:left; margin-top:-7px; padding-right:10px;
}

/* bs_tracce.asp */
div.lista-tracce {
    font-size: 14px;
}

div.lista-tracce a {
  font-size: 16px;
	padding:1px 4px;
}

div.lista-tracce a:hover {
	background-color: azure;
	-webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
	
/* bs_preno_scelta.asp */
.caparra {font-family:verdana;}
.bg-abilitato {background:#D9EDF7;color:#000000;}
.bg-decorso {background:#F2DEDE;color:#C04442;}
.bg-prossimo {background:#FFFFFF;color:#B06D3B;}
.form-group a {
    text-shadow: 2px 2px 4px #999;
}
.ombra { text-shadow: 2px 2px 4px #999; }

/* SEZIONE METEO */

.meteo3B{
    overflow: hidden;
    width: 230px; /* Larghezza visibile */
    height: 95px; /* Altezza visibile */
    position: relative;
    background:transparent;
    float:right;
    padding:0;
    border: none;
    margin-top:0px;
    margin-right:-22px;    
}

/* FINE SEZIONE METEO */

div.row {margin:0;padding:0;}
.col-md-12, .col-md-6, .col-md-4{margin:0;padding:0 4px;}
.col-sm-12, .col-sm-6, .col-sm-4{margin:0;padding:0 4px;}


/* SEZIONE VISUALIZZATORE (img e pdf) */

/* Stile del contenitore a schermo intero */
.fullscreen-container, .fullscreen-container-pdf {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    display: none;
    justify-content: center;
    align-items: center;
    background-color: rgba(29, 44, 51, 1); /* Sfondo opaco */
    z-index: 1000;

  }

.fullscreen-container {
    /*background-image: url('/images/bkg/christmas_05.png');*/
    background-image: url('/images/bkg/bkg028.jpg');    
    background-position: center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size:cover;
  }  
  
  /* Stile del wrapper per l'immagine e il pdf */
  .image-wrapper{
    position: relative;
    display: inline-block;
    height:90vh;
    overflow-y:auto;
  }

  .pdf-wrapper{
    position: relative;
    display: inline-block;
    height:100vh;
  }  

  /* Stile di base per l'immagine */
  .image-wrapper img {
    opacity: 0;
    transition: opacity 0.5s ease-in-out; /* Durata e stile della transizione */
  }

  /* Classe per far comparire l'immagine */
  .image-wrapper img.fade-in {
    opacity: 1;
  }
  
  /* Stile dell'immagine centrata */
  .centered-image{
    max-width: calc(100vw - 20px);
    max-height: 150vh;
    display: block;
    cursor:zoom-out;
  }

  /* Stile dell'iframe per il pdf centrato*/
  .frame-pdf{
    width: 100vw;
    height: 100vh;
    display: block;
    margin-top:30px;
    cursor:zoom-out;
  }

  .loading{
    position: absolute;
    top: calc(50% -10px);
    right: calc(50% -110px);
  }
  
  /* Stile del pulsante di chiusura img */
  img.close-button {
    position: absolute;
    border:none;
    top: 6px;
    right: 6px;
    width:24px;
    height:auto;
    border-radius:0px;
    opacity:0.85;
    transition: opacity 0.1s ease-in-out; /* Durata e stile della transizione */
    z-index:1001;
  }

  .close-button:hover {opacity:1;}

  /* Stile del pulsante di chiusura pdf */
  .close-button-pdf {
    position: absolute;
    top: 0px;
    right: calc(50% -8px);
    background: rgb(255, 0, 0, 0.6);
    color: white;
    border: none;
    font-size: 1.7rem;
    padding: 4px 8px;
    cursor: pointer;
    border-radius: 50%;
    transition: background-color 0.3s;
  }  
  
   .close-button-pdf:hover {
    background-color: rgba(255, 0, 0, 0.8); /* Cambia colore al passaggio */
  }

  /* immagine-icona degli eventi prenotabili in HP da ingrandire nella finestra popup */
  img.toPopupEvHP{
    width:auto;
    max-height:97px;
    max-width:162px;
    display:inline-block;
    border-radius:4px;
    border:1px solid #999;
    margin:8px auto;
    padding:2px;
    cursor:zoom-in;
  }

  /* immagine nel modulo prenotazioni */
  img.toPopupModPreno{
    max-height:200px;margin:18px auto;
    cursor:zoom-in;
  }

  /* immagine-icona in bs_preno_admin_new_JSON.asp */
  /* immagine-icona in bs_frasi_admin_edit_JSON.asp */
  /* immagine-icona in bs_hp_cop_edit_JSON.asp */
  img.toPopupEditorEventi, img.toPopupEditorFrasi, img.toPopupEditorCopertina{
    max-height: 80px;
    height:auto;
    width:auto;
    margin:0;
    padding:0;
    border-radius:0;
    cursor:zoom-in;
  }

  /* immagine-icona in bs_frasi_admin_edit_JSON.asp */
  img.toPopupEditorRacconti{
    width:85px;
    height:auto;
    display:inline-block;
    cursor:zoom-in;
  }  

  
/* FINE SEZIONE VISUALIZZATORE (img/pdf) */


/* ----- MEDIA QUERIES ----- */

@media (max-width: 767px) {
    .navbar-header {margin:0;padding:0;}
    #meteo{display:none;}
    .navbar-header img {
        width:230px;
        height:auto;
        margin-top:6px;
        margin-left: 18px;
    }
    /*
    .container{width:100%;margin:0;padding: 0 15px 0 15px;}
    .row {margin:0 -15px;}
    */
}


@media (min-width: 768px) {
    .navbar-header {margin:0;padding:0;}
    #meteo{display:block;}
    
    /*.btn-responsive {font-size:95%;}
	.navbar-header img {margin-left:-9px;}*/
	.gal-btn, .vid-btn {top: 17px;}
}

@media (min-width: 960px) {
    .navbar-header {margin:0;padding:0;}
    #navbar ul li ul li a {
        font-weight: 400;
    }

    /*#myForm {
        margin-top: 12px;
    }*/

    div.centra-B {
        z-index: 1;
        position: absolute;
        bottom:0;
        left: 50%;
        /* transform: translate(asseX, asseY); centra orizzontalmente il div */
        -ms-transform: translate(-50%, 0);
        -moz-transform: translate(-50%, 0);
        -webkit-transform: translate(-50%, 0);
        -o-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
    }
    .testo-ombra {
        color: #FFFFFF;
        text-shadow: 0px 0px 0 rgb(21, 21, 21), 0px 1px 0 rgb(-131, -131, -131), 0px 2px 1px rgba(0, 0, 0, 0), 0px 2px 1px rgba(0, 0, 0, 0.5), 0px 0px 1px rgba(0, 0, 0, .2);
        font-size: 16px;
    }
    div #tav {
        visibility: visible;
    }
	
}

/* EFFETTI */

.animate-opacity{animation:opac 0.7s}@keyframes opac{from{opacity:0} to{opacity:1}}

.fade-out {
    -webkit-animation: fadeOut ease 3s;
    -moz-animation: fadeOut ease 3s;
    -o-animation: fadeOut ease 3s;
    -ms-animation: fadeOut ease 3s;
    animation: fadeOut ease 3s;    
  }
  
  @keyframes fadeOut {
    0% {opacity:1;}
    100% {opacity:0;}
  }
  
  @-moz-keyframes fadeOut {
    0% {opacity:1;}
    100% {opacity:0;}
  }
  
  @-webkit-keyframes fadeOut {
    0% {opacity:1;}
    100% {opacity:0;}
  }
  
  @-o-keyframes fadeOut {
    0% {opacity:1;}
    100% {opacity:0;}
  }
  
  @-ms-keyframes fadeOut {
    0% {opacity:1;}
    100% {opacity:0;}
  }