@font-face {
font-family: 'Museo Sans Rounded 300';
font-style: normal;
font-weight: normal;
src: local('Museo Sans Rounded 300'), url('/webfont/MuseoSansRounded300.woff') format('woff');
}

@font-face {
font-family: 'Museo Sans Rounded 700';
font-style: normal;
font-weight: normal;
src: local('Museo Sans Rounded 700'), url('/webfont/MuseoSansRounded700.woff') format('woff');
}

@font-face {
font-family: 'Museo Sans Rounded 900';
font-style: normal;
font-weight: normal;
src: local('Museo Sans Rounded 900'), url('/webfont/MuseoSansRounded900.woff') format('woff');
}

* {box-sizing: border-box;}
body {
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    background-color:#fff;lab
    font-size:1em;
    font-family: 'Museo Sans Rounded 300', sans-serif, Arial;
    color:#231f20;
    line-height:1.4em;}

html {box-sizing: border-box;}
img{max-width: 100%; height: auto}

h1{margin: 0;padding: 0; font-size: 25px; font-family:'Museo Sans Rounded 900', Arial, sans-serif;}
h2{margin: 0;padding: 0; font-size: 20px; font-family:'Museo Sans Rounded 300', Arial, sans-serif;}
h3{margin: 0;padding: 0; color: #fff; font-size: 18px; font-weight: 400; line-height: 1em;font-family:'Museo Sans Rounded 900', Arial, sans-serif;}
strong{font-family:'Museo Sans Rounded 700', Arial, sans-serif;}
.txt_note{font-size:0.8em;color:#585858;line-height:1.2em;}
.focus{color:#025854; font-size: 2em; line-height: 1.1em; font-weight: 400}
.paragrafo{color: #025854;font-family:'Museo Sans Rounded 900', Arial, sans-serif; font-size: 20px;line-height: 1.2em;}
.evidenziato{color:#fff; background-color: #025854; padding: 2px}
.icon_feedback{font-size: 5em; color:#0c3456}
.cat_individuale{color:#fff; background-color: #025953; padding: 2px}
.cat_collettivo{color:#fff; background-color: #0da2da; padding: 2px}

blockquote {
  border-left: 5px solid #ead696;
  margin: 1.2em 0px;
  padding: 0.5em 10px;color:#ead696; font-size: 1.5em; line-height: 1.2em;
}

blockquote p {
  display: inline;
}

/*FORM*/
 input.cerca {
    FONT-SIZE: 16px;
    color:#fff;
    width:98%;
	 padding: 0px;
     BORDER: 0;
     BACKGROUND-COLOR: #605f5f;
     box-sizing: border-box;
}

 input.bottone {
    BORDER-RIGHT: 0px outset #0064b1;
    BORDER-TOP: 0px outset #0064b1;
    FONT-SIZE: 1em;
    padding:10px;
    width:95%; margin-bottom:10px;
    BORDER-LEFT: 0px outset #0064b1;
    BORDER-BOTTOM: 0px outset #0064b1;
    COLOR: #fff; font-weight:700;
    BACKGROUND-COLOR: #025854;
}
 select.normale {
    BORDER-RIGHT: #b5b5b4 1px solid;
    BORDER-TOP: #b5b5b4 1px solid;
    color:#000;
    width:100%;margin-bottom:10px;
    FONT-SIZE: 16px;
    BORDER-LEFT: #b5b5b4 1px solid;
    BORDER-BOTTOM: #b5b5b4 1px solid;
    background-color: #fff;
	padding: 10px;
    box-sizing: border-box;
}
 input.normale {
    BORDER-RIGHT: #b5b5b4 1px solid;
    BORDER-TOP: #b5b5b4 1px solid;
    color:#000;
    FONT-SIZE: 16px;
	width:100%; margin-bottom:10px;
    BORDER-LEFT: #b5b5b4 1px solid;
    BORDER-BOTTOM: #b5b5b4 1px solid;
    background-color: #fff;
	padding: 10px;
    box-sizing: border-box;
} 

 TEXTAREA.normale{
    BORDER-RIGHT:#b5b5b4 1px solid;
    BORDER-TOP: #b5b5b4 1px solid;
    FONT-SIZE: 16px;
    width:100%;
    color:#000;
    BORDER-LEFT: #b5b5b4 1px solid;
    BORDER-BOTTOM: #b5b5b4 1px solid;
    BACKGROUND-COLOR: #fff;
    padding: 10px; margin-bottom: 10px;
    box-sizing: border-box;
}
 form.form_nospazi{
    padding-bottom:0px;
    padding-left:0px;
    padding-right:0px;
    padding-top:0px;
    margin-bottom:0px;
    margin-left:0px;
    margin-right:0px;
    margin-top:0px;
}
/*FORM*/
 A {
    color: #025854;
     font-size: 1em;
     font-weight: normal; font-weight:400;
     text-decoration: none;transition: all 0.5s;
}
 A:Visited {
    color: #025854;
    font-size: 1em;
     font-weight: normal;font-weight:400;
     text-decoration: none;
}
 A:Active {
    color :#025854;
     font-size: 1em;
     font-weight: normal;font-weight:400;
     text-decoration: none;
}
 A:Hover {
    font-size: 1em;
     color: #000;
     font-weight: normal;font-weight:400;
     text-decoration: none;
}


 A.link_news {
    color: #025854;
     font-family:'Museo Sans Rounded 900', Arial,"sans-serif";
     font-size: 1.6em;
     font-weight: normal; font-weight:400;
     text-decoration: none;transition: all 0.5s;
}
 A.link_news:Visited {
    color: #025854;
     font-family:'Museo Sans Rounded 900', Arial,"sans-serif";
    font-size: 1.6em;
     font-weight: normal;font-weight:400;
     text-decoration: none;
}
 A.link_news:Active {
    color:#025854;
     font-family:'Museo Sans Rounded 900', Arial,"sans-serif";
     font-size: 1.6em;
     font-weight: normal;font-weight:400;
     text-decoration: none;
}
 A.link_news:Hover {
    font-size: 1.6em;
     color: #000;
     font-family:'Museo Sans Rounded 900', Arial,"sans-serif";
     font-weight: normal;font-weight:400;
     text-decoration: none;
}

.footer{background-color: #025854; padding: 20px 0; color:#fecd84; margin-top: 10px}
.footer a{font-size: 1em;font-family:'Museo Sans Rounded 300', Arial,"sans-serif";color:#fff; line-height: 1.5em; transition: all 0.5s;}
.footer a:hover{color:#023432}

.nav_sub_page{list-style:none;margin:10px 0;padding:0;text-align:center;-webkit-transition:0.3s;transition:0.3s; background-color: #fed88e} .nav_sub_page:hover{background-color: #fce9c4}
.nav_sub_page li{display:inline; border-right: solid 1px #e2b55f; }
.nav_sub_page a{display:inline-block;padding:5px;font-size: 1em; color:#0c3456;}
.nav_sub_page a:hover{display:inline-block;padding:5px;font-size: 1em; color:#000; border-bottom: solid 2px #0c3456; text-decoration: none!important}

.showDesk{display: block;}
.showMob{display: none;}
.spazio_little{height: 10px;}
.spazio{height: 20px;}
.spazio_doppio{height: 40px;}
.destra{text-align: right}
.centrato{text-align: center;}
.top_home{background-color: #fed88e; text-align: center;margin-bottom: 30px}

.container-fluid.navigazione {position: fixed; padding:0;background-color: #fed88e; z-index:10;
 -moz-box-shadow: 0 4px 4px rgba(213,180,117,0.2);
  -webkit-box-shadow: 0 4px 4px rgba(213,180,117,0.2);
 box-shadow: 0 4px 4px rgba(213,180,117,0.2);}
.header{display: flex;align-items: center; flex-wrap:wrap; z-index: 100; width: 100%; background-color: #fed88e; padding: 10px 0; transition: all 0.5s}
.h_logo_top {padding: 15px 0 0px 0}
.h_logo_top img{width: 300px; height: auto}

.navbar .nav-link {
    padding-top: 0.5rem!important;
    padding-bottom: 0.5rem!important;
}
.nav-item a{color:#0c3456!important; font-size: 1.1em!important;}
a.dropdown-item{color:#fff!important} a.dropdown-item:hover{color:#fff!important; background-color: #025854!important}
.dropdown-menu {
    font-size: 1rem;
    color: #fff;
    text-align: left;
    list-style: none;
    background-color: #0c3456;
    background-clip: padding-box;
    border: 1px solid #0a2d4c;
    border-radius: .25rem;}

ul.list-unstyled a{color:#000!important} ul.list-unstyled a:hover{color:#dabb56!important;}
.fascia_menu{background: #fed88e; height:40px;}
.col-megamenu{margin-bottom: 10px; border-right: solid 1px #dcbe5c}
.navbar-toggler-icon{background-image: url(../images/ico-menu.svg)!important}
.navbar-brand{display: none}
.btn-primary{background-color:#025854; border:0; color:#fff; border-radius:40px}
.btn-primary:hover{background-color:#0e736e; border:0; color:#fff; border-radius:40px}
.spazio_top{height:110px}

.box_home_concorso {position: relative; border-bottom: solid 5px #025854; margin-bottom: 20px; }
.box_home_concorso p{margin: 0; padding: 0 0 20px 0; color: #025854; font-size: 17px; line-height: 1.2em}
.box_home_concorso_label{background-color: #025854; padding: 10px;position: absolute; top: 0; left: 0;font-size: 1.8em; color:#fff;transition: all 0.5s}
.box_home_concorso:hover .box_home_concorso_label{background-color: #0f6965; padding: 10px 15px 10px 15px}

.box_home_sostenibilita {position: relative;border-bottom: solid 5px #f39239; margin-bottom: 20px}
.box_home_sostenibilita p{margin: 0; padding: 0 0 20px 0; color: #f39239; font-size: 17px; line-height: 1.2em}
.box_home_sostenibilita_label{background-color: #f39239; padding: 10px;position: absolute; top: 0; left: 0;font-size: 1.8em; color:#fff;transition: all 0.5s}
.box_home_sostenibilita:hover .box_home_sostenibilita_label{background-color: #f3a966; padding: 10px 15px 10px 15px}

.box_home_partner {position: relative;border-bottom: solid 5px #0da2da; margin-bottom: 20px}
.box_home_partner p{margin: 0; padding: 0 0 20px 0; color: #0da2da; font-size: 17px; line-height: 1.2em}
.box_home_partner_label{background-color: #0da2da; padding: 10px;position: absolute; top: 0; left: 0;font-size: 1.8em; color:#fff;transition: all 0.5s}
.box_home_partner:hover .box_home_partner_label{background-color: #41b2dc; padding: 10px 15px 10px 15px}

.titolo_home_trebeschi{position: absolute; top: 30%; left: 10px;background-color: #025854; padding: 10px;font-size: 2.2em; color:#fff;transition: all 0.5s}
.titolo_home_trebeschi:hover{background-color: #0f6965; padding: 10px 15px 10px 15px}
.titolo_home_trebeschi2{position: absolute; top: 40%; left: 10px;background-color: #025854; padding: 10px;font-size: 2.2em; color:#fff;transition: all 0.5s}
.titolo_home_trebeschi2:hover{background-color: #0f6965; padding: 10px 15px 10px 15px}
.testo_home_trebeschi{position: absolute; top: 30%; right: 10px; width: 300px; text-align: left}

.testate_interne{background-color: #f5f5f4; margin-bottom: 30px}
.testate_interne h1{color:#fff; background-color: #025854; padding: 10px; font-size: 2.5rem; margin-bottom: 10px; display: inline-block}
.testate_interne h2{color:#0c3456; font-size: 1.5rem; margin-bottom: 10px}
.testate_interne_txt{padding: 15% 5%}
.box_iscrizione{-webkit-box-shadow: 3px 3px 5px 0px rgba(50, 50, 50, 0.45);
-moz-box-shadow:3px 3px 5px 0px rgba(50, 50, 50, 0.45);
box-shadow: 3px 3px 5px 0px rgba(50, 50, 50, 0.45); padding: 10px; margin-bottom: 20px}

.partner{display: flex; flex-wrap: wrap; justify-content: center}
.box_partner{ padding: 10px; margin-bottom: 20px; flex-basis: 33.3333%; transition: all 0.5s}
.box_partner_logo{-webkit-box-shadow: 3px 3px 5px 0px rgba(50, 50, 50, 0.45);
-moz-box-shadow:3px 3px 5px 0px rgba(50, 50, 50, 0.45);
box-shadow: 3px 3px 5px 0px rgba(50, 50, 50, 0.45);transition: all 0.5s; border-bottom: solid 4px #025854;}
.box_partner_logo:hover{padding: 15px; border-bottom: 4px solid #0c3456}
.label_partner{background-color: #0c3456; padding: 10px; margin-bottom: 10px; width: 140px}
.label_premi{background-color: #fff; border: 2px #025953 solid; box-sizing: border-box; padding: 15px 10px; margin: 20px ; width: 100%; text-align: center; color: #025953; display: inline-block}

.box_news{margin-bottom: 15px; border-bottom: solid 1px #ccc; padding-bottom: 15px}
.box_news img{margin-bottom: 10px;}
.box_news a strong{font-size: 1.6em;color:#025854}
.box_news a{color:#231f20}
.box_news em{color:#0c3456}
.data_news{position: absolute; background-color: #fff; padding: 5px; bottom: 0; right: 0; color:#0c3456}

.img_footer{margin: 30px 0}
.filetto{margin: 10px 0; border-bottom: solid 1px #ccc}
.rwd-video { height: 0;overflow: hidden; padding-bottom: 56.25%;padding-top: 0px;position: relative;}
.rwd-video iframe,.rwd-video object,.rwd-video embed {height: 100%;left: 0;position: absolute;top: 0;width: 100%;}
.txt_format p{margin: 0; padding: 0}
.txt_format ul{list-style: disc inside}

.my-gallery img {
    width:218px; display: inline-block;
    height: auto;
    margin-bottom: 5px;
    text-decoration: none; box-sizing: border-box!important;
}

.my-gallery-lavori img {
    width:350px; display: inline-block;
    height: auto;
    margin-bottom: 0px;
    text-decoration: none; box-sizing: border-box!important;
}

.cta{ min-width: 300px; max-width: 600px; text-align:center; padding:10px 0 10px 0; margin:20px auto; font-size:1.6em; line-height: 1.2em; background-color: #025854;-webkit-border-radius: 15px;-moz-border-radius: 0px;border-radius: 0px;color:#fff; display: inline-block}
a.cta {display:block; color:#fff;}
.cta:hover{min-width: 300px; max-width: 600px; text-align:center; padding:10px 0 10px 0; font-size:1.6em; background-color:#0d6f6a; color:#fff;}

.cta_download{ min-width: 300px; max-width: 400px; padding:10px; margin:10px 0; font-size:1.1em; line-height: 1.2em; background-color: #133555;-webkit-border-radius: 15px;-moz-border-radius: 0px;border-radius: 0px;color:#fff; display: inline-block;font-family:'Museo Sans Rounded 300', Arial, sans-serif;}
a.cta_download {display:block; color:#fff;}
.cta_download:hover{min-width: 300px; max-width: 400px; padding:10px; font-size:1.1em; background-color:#0d6f6a; color:#fff;}

.pagination {
  display:flex; justify-content: center; border-bottom: solid 1px #165470;border-top: solid 1px #165470; padding: 10px 0;
}

.pagination a {
  color: #0d6f6a;
  float: left;
  padding: 8px 16px;
  text-decoration: none;
}

.pagination a.active {
  background-color: #0c3456;
  color: white;
}
.pagination a:hover:not(.active) {background-color: #3a3a3a;}

.collapsible {
  cursor: pointer;
  padding: 10px;
  width: 200px;
  border: none;
  outline: none;
  text-align:center; padding:10px; margin:10px auto; font-size:1em; font-weight:700; line-height: 1.2em; background-color: #025854;color:#fff;
}
.collapsibleclose {
  cursor: pointer;
  padding: 10px;
  width: 200px;
  border: none;
  outline: none;
  text-align:center; padding:10px; margin:10px auto; font-size:1em; font-weight:700; line-height: 1.2em; background-color: #025854!important;color:#fff;
}
.active, .collapsible:hover {
}
.content_citazioni_trebeschi {
  padding: 0px; box-sizing: border-box; width: 100%;
  display: none;
  overflow: hidden;background-color: #fff;
}

/*1024*/
 @media all and (min-width: 996px) and (max-width: 1480px){

}

/*TABLET*/
 @media only screen and (min-width: 768px) and (max-width: 995px) {
     body {font-size:0.8em;}
     h1{font-size:1.6em;line-height:1.2em; margin: 0;padding: 0;}
     h2{font-size:1.2em;line-height:1.2em;margin: 0;padding: 0;}
     .showDesk{display: block;}
     .showMob{display: none;}
	 .h_logo_top {display: none}
	.spazio_top{height:60px}
	.fascia_menu{background: #fed88e; height:65px;}
	.navbar-brand{display: block}
	.my-gallery img {
    width:170px;
    height: auto;
    margin-bottom: 5px;
    text-decoration: none;}
	.testate_interne h1{font-size: 1.5rem;}
	.testate_interne h2{font-size: 1rem; }
	.testo_home_trebeschi{position: absolute; top: 30%; right: 10px; width: 180px}

}
/*iPHONE*/
 @media only screen and (max-width: 767px) {
    h1{font-size:1.5em;line-height:1.2em; margin: 0;padding: 0;}
    h2{font-size:1.1em;line-height:1.2em;margin: 0;padding: 0;}
    .showDesk{display: none!important;}
    .showMob{display: block;}
    .spazio{height: 10px;}
    .spazio_doppio{height: 20px;}
    .destra{text-align: left;}
	.fascia_menu{background: #fed88e; height:65px;}
	.dropdown-menu {padding:.5rem 1rem!important}
	.dropdown-item{padding: .25rem .5rem!important;}
	.h_logo_top {display: none}
	.spazio_top{height:60px}
	.navbar-brand{display: block}
	.my-gallery img {
    width:160px;
    height: auto;
    margin-bottom: 5px;
    text-decoration: none;}	
	.mappa_contatti iframe{width: 100%; height: 250px}
	.box_home_sostenibilita_label{left: 20px;}
	.box_home_partner_label{left: 20px;}
	.box_home_concorso_label{left: 20px;}
	.box_home_concorso{border-bottom: none}
	.box_home_partner{border-bottom: none}
	.box_home_sostenibilita{border-bottom: none}
	.testate_interne_txt{padding: 5% 0%}
	.testate_interne h1{font-size: 2rem;}
	.testate_interne h2{font-size: 1.3rem; }
	.titolo_home_trebeschi{position: absolute; top: 0%; left: 10px; font-size: 1.9em} .titolo_home_trebeschi2{position: absolute; top: 12%; left: 10px;font-size: 1.9em}
	.testo_home_trebeschi{position: relative; top: 0%; right: 10px; width: 100%; margin: 20px 0; padding: 0 10px}
	.box_partner{ flex-basis: 50%;} 
	.my-gallery-lavori img {
    width:100%; display: inline-block;
    height: auto;
    margin-bottom: 0px;
    text-decoration: none; box-sizing: border-box!important;
}
	.cta_download{ min-width: 300px; max-width: 300px; margin: 20px auto} .cta_download:hover{ min-width: 300px; max-width: 300px; margin: 20px auto}
}

/*CELL PIU PICCOLI*/
 @media only screen and (max-width: 479px) {
    .showDesk{display: none!important;}
    .showMob{display: block;}
	.my-gallery img {
    width:120px;
    height: auto;
    margin-bottom: 5px;
    text-decoration: none;}
	.box_partner{ flex-basis: 100%;} 
 }

@media all and (min-width: 992px) {
	.navbar{ padding-top: 0; padding-bottom: 0; }
	.navbar .has-megamenu{position:static!important;}
	.navbar .megamenu{left:0; right:0; width:100%; padding:20px;  }
	.navbar .nav-link{ padding-top:1rem; padding-bottom:1rem;  }
}

.bianco{
    color:#fff;
}
 .nero{
    color:#000;
}
 .grigio{
    color:#a0a0a0;
}
.blu{color:#0c3456}
.giallo{color:#fecd84}
.verde{color:#025854;}
.azzurro{color:#0da2da}
 ::selection {
    background:#025854;
     color: #fff;
}
 ::-moz-selection {
    background:#025854;
     color: #fff;
}
 
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #000;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #000;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #000;
}

._error {
   border: 1px solid red !important;
}
/*cerca*/
.search
{
	border: 1px solid #6e6e6e;
	overflow: auto;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;background-color: #605f5f;
}

.search input[type="text"]
{
	border: 0px;
	width: 67%;
	padding: 10px 10px; background-color: #605f5f; color:#fff;
}

.search input[type="text"]:focus
{
	outline: 0;
}

.search input[type="submit"]
{
	border: 0px;
	background: none;
	background-color: #dcbe5c;
	color: #000;
	float: right;
	padding: 10px;
	border-radius-top-right: 5px;
	-moz-border-radius-top-right: 5px;
	-webkit-border-radius-top-right: 5px;
	border-radius-bottom-right: 5px;
	-moz-border-radius-bottom-right: 5px;
	-webkit-border-radius-bottom-right: 5px;
        cursor:pointer;
}

/* ===========================
   ====== Medua Query for Search Box ====== 
   =========================== */

@media only screen and (min-width : 150px) and (max-width : 780px)
{
	{}
	.search
	{
		width: 95%;
		margin: 0 auto;
	}

}

/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.8); /* Black w/ opacity */
    z-index: 999;
}
  
/* Modal Content/Box */
.modal .modal-content {
    background-color: #fefefe;
    margin: 0 auto;
    border: 0;
    width: 80%;
    max-width: 1000px;
    top: 50%;
    position: relative;
    transform: translateY(-50%);
}
  
/* The Close Button */
.modal .close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
    position: absolute;
    right: 10px;
    top: -27px;
}
  
.modal .close:hover,
.modal .close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
} 



.navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.bg-menu  {background: #fed88e;}

@media only screen and (max-width: 767px) {
.navbar-nav {
  max-height: calc(100vh - 200px);
  overflow-y: auto;
  overflow-x: hidden;
}
}