html, body { margin:0px; padding:0px; }
body { background-color:#fff; color:#9f9f9f; font-size:100%; font-family: 'Montserrat', sans-serif; }
input, textarea, select { font-family:arial; color:#505050; font-family: 'Montserrat', sans-serif; }
#cont_all {width:100%;float:left;  position: relative;}

div.cont_box{width:100%; float:left;    -webkit-column-count: 3; -webkit-column-gap: 30px; -moz-column-count: 3; -moz-column-gap: 30px; column-count: 3; column-gap: 30px;}
div.wrap { margin:0 auto; max-width:1350px;}
#cont_head {width: 265px; float:left; background-color: #fff; display: list-item;}
#cont_head_fix{width: 265px;float: left;position: fixed;} 
#cont_testo {background-color: #242424; width: calc(100% - 355px); float: left; line-height:150%; font-size:15px;padding:86px 40px; height: 100%;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
#cont_social {width: 90px; float:left;background-color: #fff;}
#content{float:left;width: 90px;float: left;position: fixed;}

#logo { width:100%; float:left; padding: 70px 40px 10px 40px;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
#logo img { border:none; width: 100%;}
#ico_menu_mobi, #footer_mobi { display:none; }
#flag { width:100%; text-align:left; float:left; padding-left: 40px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
#flag img {width:30px;}
#flag_menu, #flag_mobi{display:none;}
#footer {float: left;text-align: left;width: 100%;font-size:11px;line-height:160%;padding: 60px 40px 20px 40px;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
#footer_fix{width: 90px;float: left;position: fixed;}

#social { width:100%; text-align:center; float:left; margin-top:10px; }
#social:first-child {margin-top:0px;}
#social img {width:30px;margin-left:3px;margin-right:3px;}

#top_menu {float:left;width:auto; padding: 30px 0px 30px 40px;}
#cont_menu{width:100%;float:left;overflow:scroll;overflow-x: hidden;}

div.contacts {width:33.3333%;float:left;margin-bottom:50px;height:60px;}
div.contacts img {width:65px;}
div.gallery_cat {width: 30.333%; float: left; margin-right: 1.5%; margin-left: 1.5%; margin-bottom: 20px;}
div.gallery_cat img{width: 100%;}
div.gallery_catname {text-transform: uppercase; font-size: 16px; font-weight: bold; height: 43.5px;}
div.gallery_catname a:link, div.gallery_catname a:visited {color: #fff;}
div.gallery_catname a:hover {color:#9f9f9f; }
/* TESTO PAGINA -------------------------------------------------------------------------------------------------------------*/
h1 { color:white; font-size:45px; font-weight:bold; text-align:center;  margin-top:0px; line-height:140%; }
h2 { font-size:1.2em; font-weight:normal; margin-top:0px; }
h3 { font-size:1em; font-weight:normal; }
h4 { font-size:0.9em; font-weight:normal; }
h5 { font-size:0.8em; font-weight:normal; }
#cont_testo li {list-style-type: circle;}
#cont_testo ul {padding-left:15px;}
#cont_testo iframe {width:460px;height:350px;}

/* BLOG -------------------------------------------------------------------------------------------------------------------*/
div.elenco_post { float:left; margin-top:20px; border-bottom:1px solid #505050; padding-bottom:30px; margin-bottom:20px; }
div.elenco_post_img { width:30%; float:left; margin-right:3%; }
div.elenco_post_img img { width:100%; }
div.elenco_post_testo { width:67%; float:left; }
div.elenco_post_testo a:link, div.elenco_post_testo a:visited, div.elenco_post_testo a:hover {color:#fff;font-size:30px;font-weight:bold;line-height:130%;border-bottom:0px !important;}
#contentpost { text-align:justify; }
#contentpost a:link, #contentpost a:visited, #contentpost a:hover { font-size:1em; color:black; font-style:italic; font-weight:bold; }
#post_bigimg { width:520px; text-align:left; }
#box_blog { width:100%; float:left; }
#boxblog_mesi { float:left; background-color:#ededed; height:auto; padding:12px; margin-bottom:30px; width:100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
div.boxblog_content, div.boxblog_content a:link, div.boxblog_content a:visited { font-size:0.9em; color:#000; height:auto; }
div.boxblog_title { font-size:1.2em; font-weight:bold; margin-bottom:5px; color:#000; }
#box_component { width:100%; float:left; color:#505050; }
#box_component_title { width:100%; float:left; }
#box_component_img { width:100%; float:left; }
#boxblog_cat { background-color:#282d33; padding:12px; margin-bottom:20px; }
#social_share_fb, #social_share_tw, #social_share_gp { float:left; height:25px;width:25px; border:1px solid grey; padding:5px; padding-top:7px; margin:3px; text-align:center; }
#social_share_fb img, #social_share_tw img, #social_share_gp img, #social_share_pt img { height:15px; }
/* MENU TOP -------------------------------------------------------------------------------------------------------------------*/
#menu_top { margin-top:20px; display:table-row; }
#menu_top div { display:table-cell; text-align:center; font-size:15px; padding-top:15px; padding-bottom:15px; border-right:1px solid #fff; }
#menu_top div:first-child { border-left:1px solid #fff; }
#menu_top div a:hover, #menu_top div a:link, #menu_top div a:visited { color:#fff; text-transform:uppercase; }
#menu_top div a:hover#current_menu_top, #menu_top div a:link#current_menu_top, #menu_top div a:visited#current_menu_top { border-bottom:2px solid #049339; }

.main-menu-btn { position: absolute; top: -99999px; right:0; display:inline-block; width:28px; height:28px; text-indent:28px; white-space:nowrap; overflow:hidden; cursor:pointer; -webkit-tap-highlight-color: rgba(0,0,0,0); }
/* always show the menu in desktop view */
#main-menu-state:not(:checked) ~ #top_menu { display: block; }
/* hide menu state checkbox (keep it visible to screen readers) */
#main-menu-state { position: absolute; width: 1px; height: 1px; margin: -1px; border: 0; padding: 0; overflow: hidden; clip: rect(1px,1px,1px,1px); }
/* BOX LAT -------------------------------------------------------------------*/

div.boxlat-title { font-size:1.5em; color:#000; font-weight:bold; margin-bottom:15px; }
div.boxlat-content { }
#box_A, #box_B, #box_C, #box_D, #box_E, #box_F{width: 100%;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box; margin-bottom:30px;height: auto; vertical-align: top;}

div.boxlat select {width:100%;background-color:#f6f6f4;padding:5px;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;border:none;}
/*div.boxlat select {   padding: 5px 8px; width: 100%; border: none; box-shadow: none; background-image: none; -webkit-appearance: none; -moz-appearance: none; appearance: none;}*/
figure.img_zoom {margin: 0;padding: 0;overflow: hidden;height: auto;}
figure.img_zoom:hover {/*bottom: -36px;*/opacity: 1;}
.boxlat figure.img_zoom img {-webkit-transform: scale(1);transform: scale(1);-webkit-transition: .3s ease-in-out;transition: .3s ease-in-out; }
.boxlat figure.img_zoom:hover img {-webkit-transform: scale(1.1);transform: scale(1.1);}
.boxlat:hover figure.img_zoom img {-webkit-transform: scale(1.1);transform: scale(1.1);}
.boxlat { position:relative; height:100%; overflow:hidden; text-align:center;}
/*.boxlat img{ position:absolute; left:-50%;}*/
.boxlat-title { position:absolute; z-index:1; top:50%; left:50%; }
.boxlat_tit_center { position:absolute; left:50%; top:50%; background-color:#242424; color:white; width:auto; text-align:center; font-weight: bold; padding:10px 12px; text-transform:uppercase; font-size:18px; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%); }
.boxlat:hover .boxlat_tit_center{background-color:#fff; color:#242424;}
.img_bg{position: absolute; width:100%; height:100%; background-size: cover; background-repeat: no-repeat; background-position: center;}

/* FORM CONTATTI --------*/
input.radio { color:#000; border-style:none; }
input { font-size:11px; background-color:#fff; margin-bottom:3px; width:100px; border:1px solid #a8a8a8; }

/* GALLERY IMG --------*/
#gallery_immagini {width:100%;float:left;margin-bottom:30px;}
div.gallery_img {width:32%;float:left;margin-right:2%;margin-bottom:20px;}
div.gallery_img:nth-child(3n) {margin-right:0%;}
div.gallery_imgimg {width:100%;float:left;}
div.gallery_imgimg img {width:100%;}

/* NEWSLETTER ---------*/
div.newsl_label { width:100%; text-align:center; float:left; }
div.news_input { width:100%; float:left; text-align:center; margin-bottom:15px; }
input.newsl { width:300px; padding: 14px 19px 14px 19px; border: 2px solid #009de2; margin-top:10px; margin-bottom:10px; font-size:14px; text-align:left; }

/* FORM CONTATTI ------------------------------------------------------------------------------------------------------------*/
.inp_cont { width: 50%; margin-left: 25%; float: left; margin-bottom: 5px; margin-right: 25%;}
.inp_cont input[type="text"] { margin-bottom: 10px; width: 100%; padding: 14px 19px 14px 19px;  border: 2px solid #009de2; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 14px;}
textarea { width: 100%; padding: 14px 19px 14px 19px; margin-bottom: 20px; resize: none; border: 2px solid #009de2; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 14px;}

input[type=submit] { margin-bottom:20px; width:30%; padding:1px; font-size:15px; cursor:pointer; }
input.radio { color:#000; border-style:none; width:25px; }

/* VARI ------------------------------------------------------------------------------------------------------------*/
.clear { clear:both; }
l { clear:both; padding:0px; margin:0px; list-style-type:none; }
li { padding:0px; margin:0px; list-style-type:none; }
img { border:none !important;  }
a:link, a:visited, a:hover { text-decoration:none; color:#9f9f9f; }
/* BLOG -------------------------------------------------------------------------------------------------------------*/
#see_also { border:1px solid #cccccc; }
#see_also a:link, #see_also a:hover, #see_also a:visited { color:#000; }
.row_year { float:left; width:100%; height:auto; text-align:left; border-bottom:1px solid #d0d0d0; margin-top:5px; padding-bottom:5px;	margin-bottom:3px; }
.b_year { width:100%; float:left; font-size:1.2em; margin-bottom:2px; }
.b_month { float:left; width:auto; }
.b_month ul { clear:both; padding:0px; margin:0px; list-style-type:none; }
li.meseanno { display:inline; margin-right:4px; }

.has-submenu {position:relative;}
 
#iubenda-cs-banner { bottom: 0px !important; left: 0px !important; position: fixed !important; width: 100% !important; z-index: 99999998 !important; background-color: black; } 
.iubenda-cs-content { display: block; margin: 0 auto; padding: 20px; width: auto; font-family: Helvetica,Arial,FreeSans,sans-serif; font-size: 14px; background: #000; color: #fff;} 
.iubenda-cs-rationale { max-width: 900px; position: relative; margin: 0 auto; } 
.iubenda-banner-content > p { font-family: Helvetica,Arial,FreeSans,sans-serif; line-height: 1.5; } 
.iubenda-cs-close-btn { margin:0; color: #fff; text-decoration: none; font-size: 14px; position: absolute; top: 0; right: 0; border: none; } 
.iubenda-cs-cookie-policy-lnk { text-decoration: underline; color: #fff; font-size: 14px; font-weight: 900; }

/********* MEDIA QUERY *************/
@media only screen and (max-width:768px), only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {
	div.wrap { margin:0 auto; max-width:82.25em; padding-right:0.75em; padding-left:0.75em; }
	#cont_head {width:100%;}
	#cont_head_fix { width:100%; position:inherit;}
	#logo {text-align:center; padding-top:15px;padding-bottom:10px;}
	#logo img { width:170px;}
	#ico_menu_mobi { display:block; width:90%; margin-left:5%; margin-right:5%; float:left; text-align:center; background-color:grey; padding:15px 0px 10px 0px; }
	#ico_menu_mobi img {width:25px;}
	#footer, #top_menu { display:none; }
	#footer_mobi {display:block;width:100%;float:left;text-align:center;font-size:12px;margin-top:20px;margin-bottom:20px;}
	#cont_testo {width:100%;padding:30px 25px;}
	#cont_social {display:inherit;width:100%;height:60px;}
	#content {width:200px;float:none;margin:0 auto;position:inherit;padding-top:20px !important; padding-bottom:5px !important;}
	#social {width:25%;margin-top:0px;}
	div.cont_box {float:none;margin:0 auto;width:100%;max-width:420px;-webkit-column-count:1; -moz-column-count:1; column-count:1;}
	  
	div.contacts { width:240px; float:none; margin:0 auto; margin-top: 30px; height: auto;}
	  .inp_cont { width:90%; margin-left:5%; margin-right:5%;}
	  h1 { font-size: 30px;}
	#cont_testo iframe { width: 100%; max-width:380px; height:280px;}

	#menu_mobi{width:100%;float:left;padding-left: 36.25px; padding-right: 36.25px; margin-bottom: 30px;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
	#menu_mobi_ico{margin: 0 auto; max-width:420px;  height:60px; background-color: #242424; text-align: center;}
	#top_menu { width:100%; position:relative; margin-top:20px; height:auto; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding:10px !important; }
	.main-menu-btn { position:relative; top:25%; }
	.main-menu-btn-icon, .main-menu-btn-icon:before, .main-menu-btn-icon:after { position:absolute; top:50%; right:2px; height:2px; width:24px; background:#bbb; -webkit-transition: all 0.25s;
	transition: all 0.25s; }
	.main-menu-btn-icon:before { content:''; top:-7px; left:0; }
	.main-menu-btn-icon:after { content:''; top:7px; left:0; }

	/* x icon */
	#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon { height: 0;  background: transparent; }
	#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:before { top: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
	#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:after { top: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
	/* hide the menu in mobile view */
	#main-menu-state:not(:checked) ~ #top_menu { display: none; }
	#main-menu-state:checked ~ #top_menu { display: block; }

	#flag, #flag_mobi { display:none;}
	#flag_menu{ width:100%; text-align:left; float:left; padding-top: 30px; display:block; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
	#flag_menu img {width:30px;}

	div.newsl_label { width:100%; text-align:center; float:left; }
	div.news_input { width:100%; float:left; margin-bottom:10px; text-align:center; }
	input.newsl { width:90%; font-size:14px; text-align:left; padding:3px; }	
	#boxblog_cat { width:96%; height:auto; }
	#boxblog_mesi { width:100%; height:auto; }
	#post_bigimg { width:100%; }
	div.elenco_post_img { width:100%; float:left; text-align:center; margin-right:0%; }
	div.elenco_post_img img { width:100%; max-width:400px; margin-bottom:10px; }
	div.elenco_post_testo { width:100%; }
	div.elenco_post_testo a:link, div.elenco_post_testo a:visited, div.elenco_post_testo a:hover { font-size:25px;}
	#gallery_immagini {width: 100%; max-width: 450px; margin: 0 auto; float: none;}
	div.gallery_img {width: 100%;float: left; margin:0; margin-bottom: 15px;}
	div.gallery_cat {width: 100%; margin-right: 0%; margin-left: 0%; margin-bottom: 0; }
	#gallery_categorie {width: 100%; max-width: 420px; margin: 0 auto;}
	
}

/*  !!! schermi piccoli pc */
@media only screen and (min-width:769px) and (max-width:1024px){
	div.wrap { margin:0 auto; max-width:81.75em; padding-right:1em; padding-left:1em; }
	.inp_cont {width: 60%;margin-left:20%;margin-right:20%;}
	#cont_head, #cont_testo {width:100%;}
	#cont_head_fix { width:100%; position:inherit; padding-left:30px; padding-right:30px;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
	#logo {text-align:center; padding-top:30px; width:90%;margin-left:5%;margin-right:2%;padding-left:0px;padding-right:0px;margin-bottom:10px;}
	#logo img { width:200px;}
	#top_menu { width:100%; padding:0px; float:left; text-align: center;}
	#cont_social {display:inherit;width:100%;height:60px;}
	#content {width:200px;float:none;margin:0 auto;position:inherit;padding-top:20px;}
	#social {width:25%;margin-top:0px;}
	#footer, #flag {display:none;}
	#flag_mobi {display:block;width:3%;float:left;text-align:right;padding-top:30px;}
	#flag_mobi img {width:25px;}
	#footer_mobi {display:block;width:100%;float:left;text-align:center;font-size:12px;margin-top:20px;margin-bottom:20px;}
	div.cont_box {-webkit-column-count:2; -moz-column-count:2; column-count:2;}
	div.elenco_post_testo a:link, div.elenco_post_testo a:visited, div.elenco_post_testo a:hover { font-size:25px;}
	div.gallery_cat {width: 47%;margin-bottom: 0;  }
  	.sm-simple a.has-submenu {margin-left: -10px; padding-right: 20px;}
}