/* GLOBALI */
*     { margin: 0px; padding: 0px; }
a     { text-decoration: none; }
a img { border: none; }
html  { height: 100%; }
body  { position: relative; min-height: 100%; margin: 0px; padding: 0px; text-align: center; color: white; background-color: #f1f1f1; min-width: 320px; }
body.nonatt { background-color: #d1d1d1; }
.dDummy { clear: both; height: 1px; width: 99%; line-height: 1px; overflow: hidden; }
.wf-loading body {  visibility: hidden;}
.wf-active  body, .wf-inactive body { visibility: visible; font-family: 'Josefin Sans', Verdana, Arial, sans-serif; }




/* GENERALI */
#content { position: relative; padding-bottom: 50px; /* spazio per footer */}

#top          { position: fixed;    top: 0px; width: 100%; height: 110px; }
#body_content { }
#footer       { position: absolute; bottom: 0px; width: 100%; }

.back_page { position: absolute; top: 0px; left: 0px; width: 100%; height: 440px /*370px da aggiornare anche #page*/; overflow: hidden; text-align: center; border-bottom: solid 1px #999999; }
.back_page img { width: auto; position: absolute; top: 0px; left: 0px; /*margin-left: -100%; margin-right: -100%;*/ }
.back_page { min-width: 980px; }
.back_cover { background-size: cover; -webkit-background-size: cover; background-position: center center; }
@media only screen and ( min-width: 1280px ) {   .back_page img { width: 100%; } }

#testata, #menu_sezioni, #home, #page, #page2, #footer_cont  { width: 980px; margin-right: auto; margin-left: auto; }
#home { padding-top: 130px; /* solo testata */ }
#page { padding-top: 441px; /*371px;*/ /* testata e immagine */ color: #333333; }
#page2 { color: #333333; }

.page_short #page { padding-top: 130px; }

.page_ext #page { padding-top: 110px; width: 100%; }

#site_path { text-align: left; padding-top: 1em; padding-left: 0.75em; /*padding-bottom: 1em; border-bottom: dashed 1px #999999;*/ }
#site_path h1,
#site_path span { display: inline; font-size: 1.25em; font-weight: normal; }

.link { font-weight: 700; color: #333333; white-space: nowrap; }

/* TESTATA */
#testata       { position: relative; }
#testata_left  { position: relative; }
#testata_right { position: relative; }

#logo       { position: absolute; top: 20px; left: 20px; }
#logo a     { }
#logo a img { }

#facebook  { position: absolute; right:  85px; top: 20px; }
#share     { position: absolute; right: 105px; top: 20px; cursor: pointer; text-align: right; height: 30px; overflow: hidden; }
#share div { margin-bottom: 5px; height: 30px; overflow: hidden; }
#share.opened { height: 180px; z-index: 500; }
#copylink { border: 0px; height: 30px; line-height: 30px; vertical-align: top; padding-left: 5px; padding-right: 5px; width: 110px; }


#lingua   { position: absolute; right: 140px; top: 24px; font-size: 1.125em; text-align: right; }
#lingua a { color: white; }
#sItalia { }
#sIngles { }

#layout { position: absolute; top: 20px; right: 10px; text-align: right; }
#layout a { margin-left: 4px; }




/* MENU */
#menu_sezioni { position: relative; text-align: right; }
#menu_sezioni_cont { position: absolute; right: 2px; top: 50px; /*48px;*/ z-index: 50; }

#menu_sezioni_cont > ul { display: block; }
#menu_sezioni_cont > ul > li { display: inline; float: left; position: relative; }
#menu_sezioni_cont > ul > li.menu_closed { height: 40px; overflow: hidden; }
#menu_sezioni_cont > ul > li.menu_opened { overflow: visible; }

#menu_sezioni_cont ul > li > span { display: block; position: absolute;float: left; top: 40px; width: 155px; }
#menu_sezioni_cont ul > li > span > a { text-align: left; }
#menu_sezioni_cont ul > li > a, 
#menu_sezioni_cont ul > li > span  > a { display: block; padding: 8px 8px 8px 8px; margin-left: 5px; font-size: 1.125em; color: white; white-space: nowrap; }
#menu_sezioni_cont ul > li.current > a { background: transparent url('images/opacity_30.png') repeat left top; }
#menu_sezioni_cont ul > li > a:hover { text-decoration: underline; }
                       .hover_effect { text-decoration: underline; }

#menu_sezioni_cont a.sezione_sub_tit:hover { text-decoration: underline; }
#menu_sezioni_cont a.sezione_sub_tit.current { text-decoration: underline; }




/* FOOTER */
#footer { background: transparent url('images/opacity_30.png') repeat left top; }
#footer_cont { padding-bottom: 5px; padding-top: 5px; color: #333333; font-size: 0.875em; }
#footer_cont a { color: #333333; }




/* HOME */
#back_home { height: 100%; border-bottom: 0px; background-color: #888888; }
#claim { padding-left: 20px; width: 300px; font-size: 1.25em; line-height: 170%; text-align: left; letter-spacing: 3px; font-weight: 300; }




/* CORPO */
#sezione_intro { line-height: 160%; font-size: 1.125em; width: 720px; margin: 30px auto; }
#sezione_contenuto { line-height: 130%; font-size: 1em; padding: 1em; text-align: left; }
#sezione_contenuto ul { margin: 1em auto; padding-left: 1em; /*list-style-position: inside;*/ }
#sezione_contenuto h3 { margin-bottom: 0.5em; border-bottom: solid 1px #d8d8d8; padding-bottom: 0.25em; font-size: 1.5em; font-weight: 300; }

#materiali { margin-bottom: 40px; text-align: center; max-width: 980px; }
.materiale { float: left; margin: 8px; position: relative; border: solid 1px #bbbbbb; overflow: hidden; cursor: pointer; background: transparent; }
.materiale,
.materiale_inn { width: 300px; height: 300px; }
.materiale_tit { width: 100%; position: absolute; bottom: 0px; left: 0px; background: transparent url('images/opacity_60.png'); padding: 4px; text-align: center; }
.materiale img { width: 100%; height: 100%; }  


.materiale_inn {
  -webkit-transition: width 0.4s, height 0.4s;
     -moz-transition: width 0.4s, height 0.4s;
       -o-transition: width 0.4s, height 0.4s;
          transition: width 0.4s, height 0.4s;
}

.materiale.is-expanded,
.materiale.is-expanded .materiale_inn {
  width : 622px;
  height: 622px;
}

.materiale.is-expanded {
  z-index: 2;
}


/* SCROLL */
#top, .sezione_sub_tit {
  -webkit-transition: all 0.2s;
     -moz-transition: all 0.2s;
       -o-transition: all 0.2s;
          transition: all 0.2s;
}

       .top_back,
.page_short #top  { background-color: #f1f1f1; border-bottom: solid 1px #999999; z-index: 100; }
       .top_back #menu_sezioni_cont ul > li > a, 
.page_short #top #menu_sezioni_cont ul > li > a { color: #333333; }
       .top_back #lingua a,
.page_short #top #lingua a { color: #333333; }
.page_short #top .menu_opened .sezione_sub_tit,
                                       .menu_back { background-color: #f1f1f1; color: #333333 !important; }

#scrollTop { position: fixed; bottom: 10%; right: 0px; background-color: #d1ccc6; width: 40px; height: 40px; overflow: hidden; display: none; z-index: 50; border: solid 1px #655a4e; /*-webkit-backface-visibility: hidden;*/ }
#scrollTop a { font-family: sans-serif; color: #655a4e; display: block; line-height: 40px; width: 40px; text-align: center; font-size: 40px; display: block; padding-top: 8px; }

/* ACCORDION */
#ruler640  { height: 3px; }
.boxAccordion { padding-left: 1em; padding-right: 1em; }
.accordion { visibility: hidden; display: none; }
.accordion li { -webkit-box-shadow: -2px 0px 4px 0px rgba(50, 50, 50, 1); -moz-box-shadow: -2px 0px 4px 0px rgba(50, 50, 50, 1); box-shadow: -2px 0px 4px 0px rgba(50, 50, 50, 1); }

/* BOX GENERICI */
.box_end { clear: both; }
.box { float: left; /*min-height: 150px;*/ margin-bottom: 1em; }
.boxInv { float: right; }
.box > div { padding: 1em; text-align: left; font-size: 1em; }
.box h3 { margin-bottom: 0.5em; border-bottom: solid 1px #d8d8d8; font-size: 1.5em; font-weight: 300; position: relative; }
.box p { margin-bottom: 0.5em; }
.boxIntro > div { padding-top: 0px; font-size: 1.25em; line-height: 150%; }
.box25 { width: 25%; }
.box33 { width: 33.3%; }
.box50 { width: 50%; }
.box66 { width: 66.6%; }
.box100 { width: 100%; float: none; }
.boxNoTopBot { margin-bottom: 0px; }
.boxNoTopBot > div { padding-bottom: 0px; padding-top: 0px; }

#sezione_contenuto .box { margin-bottom: 0px; }
#sezione_contenuto .box > div { padding: 1em 1em 0em 0em; }

.boxImage > div { text-align: right; }
.boxImage > div > a > img { display: block; width: 100%; /*border: solid 1px #d8d8d8;*/ }

/*
.gallery { padding-right: 1em; margin-bottom: 6em; }
.boxGallery { margin-bottom: 0px; }
.boxGallery div { padding-right: 0px; padding-bottom: 0px; overflow: hidden; height: 213px; }
*/

.gallery { margin-bottom: 50px; }
.gallery_inn { margin-left: auto; margin-right: auto; text-align: center; }
.boxGallery { padding: 4px; display: inline-block; }
.boxGallery div { width: 235px; height: 176px; overflow: hidden; border: solid 1px #d8d8d8; } /* .boxGallery { padding: 10px; display: inline-block; } .boxGallery div { width: 306px; height: 230px; overflow: hidden; } */
.boxGallery img { display: block; }


.lavori { margin-bottom: 50px; margin-left: 1px; max-width: 979px; }
.lavori_inn { margin-left: auto; margin-right: auto; text-align: center; }
.boxLavoro { display: inline-block; margin-bottom: 19px; height: 300px; width: 300px; overflow: hidden; cursor: pointer; margin-right: 2px; }
.boxLavoroAperto { display: block; width: 100%; height: auto; }
.boxImgLavoro { position: relative; width: 300px; height: 300px; overflow: hidden; }
.boxImgLavoro .tit { position: absolute; bottom: 0px; left: 0px; width: 300px; padding: 4px 0px; text-align: center; background: transparent url('images/opacity_60.png'); font-size: 1em; }
.boxInfoLavoro { float: left; padding: 1em; text-align: left; line-height: 130%; }
.boxInfoLavoro .tit { font-size: 1.5em; min-width: 288px; width: auto; margin-bottom: 5px; padding-bottom: 5px; border-bottom: solid 1px #d8d8d8; }
.boxLavoroAperto .boxImgLavoro { float: left; }
.boxGalleryLavoro { clear: both; padding-top: 1em; }
.boxGalleryLavoro .boxGallery { padding: 0px 5px 3px 0px; }
.boxGalleryLavoro .boxGallery div { width: 232px; height: 176px; }
.boxLavoroApertoOpaco img { opacity: 0.35; }


.boxImgTitle { overflow: hidden; line-height: 100%; position: relative; }
.boxImgTitle > div { }
.boxImgTitle > div > a > img { display: block; width: 100%; /*border: solid 1px #d8d8d8;*/ }
.boxImgTitle > div.tit { background: transparent url('images/opacity_60.png'); padding: 4px; text-align: center; margin-left: 1em; margin-right: 1em; margin-top: -2.5em; position: relative; }

#wrapper_mappa { padding: 3px; background-color: #d8d8d8; }
#map_canvas { width: 100%; height: 300px; }
#form_contatto { border-collapse: collapse; width: 100%; }
#form_contatto td { padding: 0px; padding-bottom: 0.5em; vertical-align: top; }
#form_contatto .tdHead { width: 70px; }
#form_contatto .tdVal  { width: 15px; text-align: right; }
#form_contatto .tdVal span { color: red; visibility: hidden; }
#form_contatto input[type=text], #form_contatto textarea { width: 100%; }
#contatti { line-height: 1.6875em; }
#contatti a { text-decoration: underline; color: #333333; }
.tdAction { text-align: center; }
.tdAction input { font-size: 1em; color: #050505; padding: 0.5em 2.5em; margin-top: 1em; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; border: 1px solid #949494; cursor: pointer; }
#esito_msg { color: green; margin-bottom: 0.5em; font-weight: 700; }

.boxStoria { line-height: 150%; font-size: 1.125em; }
/* body.sezione_2 #menu_sezioni_cont ul > li#voce_1 > a { color: black; } */

ul.elenco { padding-left: 2em; margin-top: 0.5em; }
.sep_matsel { width: 90%; margin: 60px auto; border-bottom: dashed 1px #d8d8d8; }
.box > div.font15 { font-size: 1.25em; font-weight: 300; }
.lav_video { margin-right: auto; margin-left: auto; }


#dOrari { margin-top: 16px; }
#dOrari span { display: inline-block; width: 90px; }