

@font-face {
    font-family: 'open_MDS';
    src: url('font/opensans-regular-webfont.eot');
    src: url('font/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/opensans-regular-webfont.woff2') format('woff2'),
         url('font/opensans-regular-webfont.woff') format('woff'),
         url('font/opensans-regular-webfont.ttf') format('truetype'),
         url('font/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




/* GENERAL */
    
body { margin:0px; font: .8em/140% open_MDS, Helvetica, sans-serif; color: #000; background-color:#F4F4F4; 
       /*background-image:url(/images/cancella.jpg); background-size: cover;*/
       /*background: url(/images/logli.jpg) 50% 0% no-repeat fixed;*/
}

a { text-decoration: none; color: #005994; }
a:hover { text-decoration: none;  color:#000; }

h1 { line-height: 100%; font-size:140%; margin:0 auto; text-align:center; margin-top: 0; margin-bottom: 4px; 
     color: #000; background-color:#ddd; padding:0.5%; font-weight:normal; }
h2 { line-height: 110%; font-size:130%; margin: 0 0 4px; color: #333; }
h3 { line-height: 110%; font-size:90%; margin: 0 0 4px; color: #666; font-weight:normal; }

header { content: " ";  display: table;  margin:0px; text-align:left; }

.no_pad { padding:0px; margin:0px; border:0px; vertical-align:top; }
.no_pad:hover { padding:0px; margin:0px; border:solid 0px #800; vertical-align:top;
                opacity: 0.8; filter:Alpha(Opacity=80);
}
.content_img { float:left; margin:0.3% 1% 1% 0; width:65px; height:65px;  }
.print_img { padding:0px; margin:0px 0px 0px 10px; border:0px; vertical-align:middle; }
.gallery_li { display:inline-block; zoom:1; *display:inline; padding:0.5%; margin:0px; list-style: none; vertical-align: top; }
.lazy_gallery { padding:0px; margin:0px; border:0px; vertical-align:top; width:100%; border:solid 0px #fff; }
.lazy { padding:0px; margin:0px; border:0px; vertical-align:top; }
.barra {width:100%; height:10px; max-height:10px; min-height:10px; background-color:#333;}
.tags_barra {width:100%; height:1px; max-height:1px; min-height:1px; margin:5px 0 5px 0;background-color:#eee;}

/* STRUCTURE */

#top { background-color:#dde9ed; }
.pagewrap { width: 1000px; max-width: 96%; margin: 0px auto 0; }
.pagewrap_header { width: 1000px; max-width: 96%; margin: 0px auto 0; }
.pagewrap_footer { background-color:#b6b6b6; }

#content { clear: both; border: solid 0px #ccc; padding-top: 0px; margin: 0px 0; text-align:left; }
#page_content { border-top:solid 1px #eee; border-bottom:solid 1px #eee; padding:1% 0; font-size:80%; }
#logo  { position:absolute; top:6px; left:26px; width:100%; padding:0px; margin:0 0 0 0; border:0px; vertical-align:top; max-width:146px; max-height:121px; z-index:100;}
#logo_mobile  { display:none; }

/* lingue */
#lingue { padding:0 70px 0 0; color:#aaa; font-size:110%; margin:0 0 0 0;  text-align:right; border:solid 0px #ccc;  }
.lang { float:right; padding: 2px 4px; margin:0 auto; text-align:center; margin-left:1px;}
.lang a { color: #333; } 
.lang a:hover { color: #000; }
.active_lang { float:right; padding:2px 4px; color:#844F62; margin:0 auto; text-align:center; margin-left:1px;}

/* caption */
.flex-caption  { 
     padding:0px 3%; margin:0px; white-space: nowrap; color:#fff; width:94%; text-align:left; 
    position:absolute; top:0; 
}
.caption_title { font-size:210%; color:#fff; font-family:Verdana; }
.caption_title a { color:#FFBC2D; }
.caption_title a:hover { color:#fff; }
.caption_intro { position:absolute; top:-40px; color:#000; }
.caption_btn { position:absolute; top:120px; padding: 6px 12px 6px 12px; color:#666; background-color:#fff; font-size:80%; font-weight:bold; 
               -webkit-border-radius: 3px; border-radius: 3px; -moz-border-radius: 3px; cursor:pointer; }

.caption_more { margin:10px 0px 0px 0px; color:#fff; font-size:140%; }

/* elementi Home Page */
.more { float:left; width:188px; max-width:188px; height:280px; text-align:left; cursor:pointer;  background-color:#fff; overflow:hidden;
        
}
.more:hover { color:#000;
                opacity: 0.9; filter:Alpha(Opacity=90);
}
.more_top { height:108px; color:#fff; font-size:160%; padding:20px; line-height:25px; 
            background-image:url(/images/plus.png); background-repeat:no-repeat; background-position:155px 115px; }
.more_bottom { height:115px; max-height:103px; overflow:hidden; background-color:#fff; font-size:100%; padding:15px 20px 0 20px;}
#more_1 { margin-left:0.3%;}
#more_2 { margin:0 0 0 2.4%;}
#more_3 { margin:0 2.4%;}

/* more nelle pagine */
.more2 { float:left; width:44%; margin-top:0; padding:1%; height:70px; text-align:left; cursor:pointer;  }
.more2:hover { color:#000;
                opacity: 0.9; filter:Alpha(Opacity=90);
}
.more_top2 { height:50px; color:#fff; font-size:100%; padding:10px; line-height:15px; }



/* body */
#titolo { color:#F08930; font-size:150%; padding:2% 0 0 25%; }
.content_left { float:left; width:25%; padding:0 0;  font-size:110%;}
.content_right { float:left; width:75%; padding:1.7% 0; font-size:115%;}

.left_label { float:none; font-size:90%; color:#7F7F7F; margin:5% 0 1% 0;  }
.content_left_barra { margin:2% 0; width:91%; height:1px; max-height:1px; min-height:1px; background-color:#F4F4F4; display:block;}

#basic p { margin:0px 0px 10px 0px; }

#basic { width:100%;}

#up_arrow { float:right; display:block; border:0px; margin:1% 0; cursor:pointer; }
#up_arrow_home {float:right; display:block; border:0px; margin:1% 0; cursor:pointer; display:none; }

/* footer */
#footer_img_mobile { display:none; }
#footer { clear:both; width:100%; 
           padding:0; color:#404042; text-align:left; }
#footer #foot_left { float:left; width:62%; }      
#footer #foot_right { float:left; width:38%; text-align:right; padding:1% 0 0 0; }   

#footer #foot_left #one { float:left; padding: 1% 1% 0 0; } 
#footer #foot_left #two { float: left; padding: 1.5% 0 0 2%;  font-size:90%; color:#47826F; } 
   
#div_copy { background-color:transparent; }
#copy { width:100%; text-align:right; font-size:80%; padding:2% 0 0 0; color:#777; }
#copy a  { color:#777; }
#copy a:hover { color:#555; }

/* form element */
.textboxes { width:90%; max-width:350px; min-height:16px; padding:1%; margin:0 0 1.5% 0; color:#555;
           border: 1px solid #ccc; -webkit-border-radius: 2px; border-radius: 2px; -moz-border-radius: 2px; }
       
.dropdown { width:90%; max-width:370px; padding:1%; margin:0 0 1.5% 0; background-color:#fff; color:#555;
           border: 1px solid #ccc; -webkit-border-radius: 2px; border-radius: 2px; -moz-border-radius: 2px; }
           
.textarea { width:96%; padding:1%; margin:0; float:left; color:#555;
           border: 1px solid #ccc; -webkit-border-radius: 2px; border-radius: 2px; -moz-border-radius: 2px; }
      
.btn { padding:8px 14px; margin:2% 0 1% 0; background-color:#E0C67F; font-size:120%; color:#000; cursor:pointer;
           border: 1px solid #fff; -webkit-border-radius: 3px; border-radius: 3px; -moz-border-radius: 3px; }

/* news */
.news          {  margin:0px 0px 1px 0px; padding:8px 5px 6px 5px; cursor:pointer; font-size: 90%; color: #333; }
.notizie        { background-color:#99B8D1; color: #eeeeee;}
.news_title        { color:#444; font-size:110%; }

/* contatti */
.contatti_left { float:left; width:50% }
.contatti_right { float:left; width:50%; text-align:right; padding:2% 0;  }

/* NAV & MENU */
#menu-icon { display: none; }
#menu_mobile { display: none; }

#nav-wrap { margin: 0px 0px 2px 0; text-align:right; float:right; }

#nav, #nav li, #nav_mobile li { margin: 0; padding: 0; float:left; list-style: none; font-family: open_MDS, Helvetica, sans-serif;}

.menu_li { list-style: none; float: left; text-align:left; margin: 0; padding: 0; border-left:dotted 1px #aaa; 
           font-size:120%; font-weight:normal;  }
.menu_li a { padding: 13px 13px 12px 13px; display: block; color: #FFF; font-weight:normal; } 
.menu_li a:hover { color:#EEE;  }

.menu_li_active { list-style: none; float: left; text-align:left; margin: 0; padding: 0; 
           font-size:120%;}
.menu_li_active a { padding: 13px 13px 12px 13px; display: block; color: #fff; } 

/* nav dropdown */
#nav ul { background: #B6B6B6; padding: 10px 0 0 0; position: absolute; border: solid 0px #eee; border-top:0; display: none; width: auto; 
          -webkit-border-radius:0 0 4px 4px; border-radius:0 0 4px 4px; -moz-border-radius:0 0 4px 4px;}
#nav ul li { float: none; text-align:left; list-style: none; margin: 1px 0; padding: 0 8px; font-size:100%;
}
#nav li:hover > ul { z-index:500; display: block; /* show dropdown on hover */ }

#nav ul a { padding: 4px 6px; display: block; color: #333; font-size:85%;  letter-spacing:normal; }
#nav ul a:hover { background: #ccc; }

/* Flexslider */
#flex_container { min-height:335px; }

.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus  {outline: none;}
.slides, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none;}
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}.flex-pauseplay span {text-transform: capitalize;}
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}
.no-js .slides > li:first-child {display: block;}

.flexslider { margin: 0 0 0; max-height:599px; overflow:hidden; background: #DDE9ED; border: 0px solid #333; position: relative; -webkit-border-radius: 0px; -moz-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px;  zoom: 1; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; } .flexslider .slides { zoom: 1; } .carousel li { margin-right: 5px; }

/* Control Nav */
.flex-control-nav {width: auto; position: absolute; bottom: 10px; right:30px; z-index:858585858;} /*posizione pallini */
.flex-control-nav li {margin: 0 2px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 14px; height: 3px; display: block; background-color:#DDE9ED; border:solid 1px #ddd; cursor: pointer; text-indent: -9999px; 
                            }
.flex-control-paging li a:hover { background: #ccc; border:solid 1px #aaa; }
.flex-control-paging li a.flex-active { background: #F08930; border:solid 1px #ddd; cursor: default; }

/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a  { text-decoration:none; display: block; border:solid 0px #000; width: 60px; height: 50px; margin: -20px 0 0; position: absolute; top: 150px; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0,0,0,0.8); text-shadow: 1px 1px 0 rgba(255,255,255,0.3); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
.flex-direction-nav .flex-prev { left: -50px; }
.flex-direction-nav .flex-next { right: -50px; text-align: right; }
.flexslider:hover .flex-prev { opacity: 0.7; left: 10px; }
.flexslider:hover .flex-next { opacity: 0.7; right: 10px; }
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
.flex-direction-nav a:before  { font-family: "flexslider-icon"; font-size: 40px; display: inline-block;  }
.flex-direction-nav a.flex-next:before  {  }

.cookies { position:fixed; z-index:10000000; bottom:0; width:100%; background-color:#ddd; text-align:center; font-size:90%; border-top:solid 1px #bbb;
           margin:0 auto; padding:10px; }
.cookies_btn { padding:4px; background-color:#164C22; color:#fff; border:0; cursor:pointer; font-size:90%;}

/************************************************************************************
MOBILE
*************************************************************************************/
@media screen and (max-width: 800px) 
{
body { background-color:#fff; }

.log_div { display:none; }
.no_pad_flexslide { cursor:default; }
/* general */
#top { display:none; }
.pagewrap_header { border:0px; display:none;}

#logo  { display:none; }
#logo_mobile  { width:100%; max-width:269px; padding:2% 0 0 0; margin:0px; border:0px; vertical-align:top; display:block;  }

#mobile_lang { display:block; }
    
#lingue { display:none; font-size:160%; }
.lang { float:right; }
.lang a { color: #ccc;  } 
.active_lang { float:right; color:#5F8C84; }
.flex-caption { }

.more_top { background-position:center 115px; }
.more { float:none; width:100%; max-width:none; text-align:center; margin:2% auto;  }
#more_1 { margin-left:0;}
#more_2 { margin:0;}
#more_3 { margin:0; margin-top:2%;}
.more_txt { font-size:120%; }

#basic { padding:0 2%; width:96%;}
#titolo { font-size:130%; padding:4% 0; }
.content_left { float:none; width:100%; padding:1% 0; }
.content_right { float:none; width:100%; padding:1% 0;}

.left_label { margin:1% 0 0.5% 0; }
.content_left_barra { display:block; }
#lab_social { display:none;}
#social {display:none; }
#no_gallery { display:none;}
#bar_1 { display:none; }

#up_arrow {display:block; }
#up_arrow_home {display:block; }

#footer {height:auto;}
#footer_img { display:none; }
#footer_img_mobile { display:block; }
#footer { padding:1.5% 0; }
#footer #foot_left { float:none; width:100%; margin:0; }      
#footer #foot_right { float:none; width:100%; margin:0; } 
#div_copy { background-color: #fff; }
#copy { width:100%; text-align:center; padding:2% 0 2% 0; margin:3% 0 0 0; background-color:#aaa; color:#333;}
#copy a  { color:#4A4B33; }

/* slideshow */
#flex_container { min-height:0; }

.flex-control-nav  { left:10px; bottom:0;display:none;}
.flex-control-nav flex-control-paging { }
.flex-control-paging li a { width:5px; height:5px; }
.flex-caption  { background-image:none; padding:2%; margin:0px; top:0; width:96%; height:auto; min-width:0;  }
.caption_intro { display:none;  }
.caption_btn { display:none; }
.caption_title { font-size:95%; font-weight:normal; padding: 0 1%; background-image:url(/images/buttons/black_transparent.png); display: inline-block;
    white-space: normal;
    word-wrap: normal; }
.caption_more { display:none; }
                                                  
/* contatti */
.contatti_left { float:none; width:100%; }
.contatti_right { float:none;  text-align:left; padding:2% 0; width:100%;   }
            
/* form */
.textboxes { padding:2%; width:96%;  }        
.dropdown { padding:2% 0; width:100%;}
.textarea { padding:2%; width:96%; }
.btn { width:30%; padding:0; margin:5% 0 1% 0; font-size:140%;  }

/* nav */
#menu-icon  
{display: block; height: 45px; color:#777; background-color:#B6B6B6;
		    padding: 0 3%; margin:0; border: solid 0px #666; cursor: pointer; }
		    
#menu_mobile { padding:2%; background-color:#F4F4F4; }
#menu_more { display:none; }

#nav_mobile { padding:0; margin:0; }
#nav_mobile li { margin: 0 auto; text-align:center; padding:2%; background-color:#555; color:#fff; font-size:120%;
                 margin-top:3px; float:none; display:block;  cursor:pointer; }
    
#nav_mobile ul { padding:0; margin:0; }
#nav_mobile ul li { margin: 0 auto; text-align:center; margin-top:1px; padding:2%; background-color:#888; color:#eee; font-size:90%; 
                    -webkit-border-radius: 5px; border-radius: 5px; -moz-border-radius: 5px; }  
    
#nav { display: none;}



}

@media screen and (min-width: 800px) {
	/* ensure #nav is visible on desktop version */
	#nav { display: block !important; }
	#menu-icon { display: none !important; }
	#menu_mobile { display: none !important; }
}

/************************************************************************************
/* MISCELLANEOUS */
/*************************************************************************************/
.log_div {position: absolute; top:0px; width: 302px; height:20px; left: 0; right: 0; margin-left: auto; margin-right: auto; z-index:1000000;
          background-image:url(/images/buttons/log_back.png); font-family:Verdana; font-size:10px; padding: 1px 4px 3px 4px; color:#636363;   }
.log_div A:link    { text-decoration: none; color: #000000; padding:0px 4px 0px 4px;}
.log_div A:visited { text-decoration: none; color: #000000; padding:0px 4px 0px 4px;}
.log_div A:hover   { color: #545454;}

/* color box GALLERY */
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}
/*settings*/
#cboxOverlay{background:url(/images/color_box/overlay.png) repeat 0 0;}
#colorbox{}
/*bordo*/
#cboxTopLeft,#cboxTopRight,#cboxBottomLeft,#cboxBottomRight{width:10px; height:6px; background-color:#fff;}
#cboxMiddleLeft,#cboxMiddleRight{width:10px; background-color:#fff;}
#cboxTopCenter,#cboxBottomCenter{height:6px; background-color:#fff;}
/*contenuti*/
#cboxContent{background:#fff; overflow:hidden;}
.cboxIframe{background:#fff;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{margin-bottom:28px;}
#cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#333333; font-size:12px; font-family:Arial;}
#cboxCurrent{position:absolute; bottom:4px; left:0px; color:#333333; font-size:11px; font-family:Arial;}
#cboxSlideshow{position:absolute; bottom:4px; right:35px; color:#333333; font-size:11px; font-weight:bold; font-family:Arial;}
#cboxPrevious{position:absolute; bottom:0; left:0; background:url(/images/color_box/back.png) no-repeat; width:0px; height:0px; text-indent:-9999px;}
#cboxPrevious:hover{}
#cboxNext{position:absolute; bottom:0; left:25px; background:url(/images/color_box/next.png) no-repeat; width:0px; height:0px; text-indent:-9999px;}
#cboxNext:hover{}
#cboxLoadingOverlay{background:url(/images/color_box/loading_background.png) no-repeat center center;}
#cboxLoadingGraphic{background:url(/images/color_box/loading.gif) no-repeat center center;}
#cboxClose{position:absolute; bottom:6px; right:0;  background:url(/images/color_box/close.png) no-repeat; width:16px; height:16px; text-indent:-9999px;}
#cboxClose:hover{}
/*for IE7 and IE8*/
.cboxIE #cboxTopLeft,.cboxIE #cboxTopCenter,.cboxIE #cboxTopRight,.cboxIE #cboxBottomLeft,.cboxIE #cboxBottomCenter,.cboxIE #cboxBottomRight,.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

/*-------------finestre alert---------- */
.jqifade{ position: absolute; background-color: #000;   }
div.jqi{ font-family: Arial, Helvetica, sans-serif; position: absolute; background-color: #eee; font-size: 100%; 
         text-align: left; border: solid 1px #eeeeee; -webkit-border-radius: 5px; border-radius: 5px; -moz-border-radius: 5px; padding: 7px; }
div.jqi .jqicontainer{ font-weight: bold; z-index:999999999999;  }
div.jqi .jqiclose{ float:right; padding:2px 4px; cursor: pointer; background-image:url(/images/buttons/closing.png); background-repeat:no-repeat;
                   font-size:0%; width:16px; height:16px;}
div.jqi .jqimessage{ padding: 10px; line-height: 20px; color: #444444; clear:both; }
div.jqi .jqibuttons{ text-align: right; padding: 5px 0 5px 0; border: solid 1px #eeeeee; background-color: #eee; } /*barra pulsanti*/
div.jqi button{ padding: 1px 10px; margin: 0 10px; background-color: #CC9524; border: solid 1px #f4f4f4; color: #333333; font-weight: normal; font-size: 10px; cursor:pointer; }
div.jqi button:hover{ background-color: #728A8C; }
div.jqi button.jqidefaultbutton{ background-color: #FFBC2D; color:#000; font-size:130%; } /*pulsante ok*/
.jqiwarning .jqi .jqibuttons{ background-color: #fff; } /*pulsante ok*/

/* jquery.SHARE */
.share-square {  -moz-transition: all 0.2s linear 0s;  background: url("images/social-icons.png") no-repeat scroll left top transparent;
                display: inline-block; line-height: 0; margin: 0px 3px 0px 0px; width: 30px; height: 32px; 
                -webkit-border-radius: 2px; border-radius: 2px; -moz-border-radius: 2px; 
                opacity: 0.7; filter:Alpha(Opacity=70); 
}
/*opacity con mouseover */
.share-square:hover { opacity: 1; filter:Alpha(Opacity=100); }
/* primo valore posizione orizzontale, secondo valore posizione verticale - punto 0 0 è top left (quindi tutti negativi)*/
.share-square-email { background: url("images/email.png") no-repeat; }
.share-square-facebook { background: url("images/facebook.png") no-repeat; margin-left:1%; }
.share-square-googleplus { background: url("images/google_plus.png") no-repeat; }
.share-square-twitter { background: url("images/twitter.png") no-repeat; }
.share-square-pinterest { background: url("images/pinterest.png") no-repeat; }
.share-square-linkedin { background: url("images/linkedin.png") no-repeat; }


@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev { opacity: 1; left: 10px;}
  .flex-direction-nav .flex-next { opacity: 1; right: 10px;}
}