/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on June 3, 2017 */

@font-face {
    font-family: 'cantarellbold';
    src: url('../font/cantarell-bold-webfont.woff2') format('woff2'),
         url('../font/cantarell-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'cantarellboldoblique';
    src: url('../font/cantarell-boldoblique-webfont.woff2') format('woff2'),
         url('../font/cantarell-boldoblique-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'cantarelloblique';
    src: url('../font/cantarell-oblique-webfont.woff2') format('woff2'),
         url('../font/cantarell-oblique-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'cantarellregular';
    src: url('../font/cantarell-regular-webfont.woff2') format('woff2'),
         url('../font/cantarell-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'quicksandlight';
    src: url('../font/quicksand-light-webfont.woff2') format('woff2'),
         url('../font/quicksand-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'quicksandregular';
    src: url('../font/quicksand-regular-webfont.woff2') format('woff2'),
         url('../font/quicksand-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


#system-message dd {
display: none;
}


body, body#shadow {
font-family: cantarellregular, 'Helvetica Neue',Helvetica,Arial,sans-serif;
background: #fff;
color:#666;
}
body h1 {
font-size: 2em;
}

body h1, body h2, body h3, body h4, body h5, body h6 {
font-family: quicksandregular, 'Helvetica Neue',Helvetica,Arial,sans-serif;

}

#header {
padding: 0;
max-width: 1024px;
margin: auto;
}
#back-head {
background: #446644 url(../../../images/banners/head-bg.jpg) 50% 50% no-repeat;
background-size: cover;
}

#footer-outer {
background: #446644;
}

#footer-outer .menu-footer-menu li a {
font-size:1em;
}


/* ---------------------------------------------------------------- OLD
#back-head, #footer-outer {
background: #446644;
} */

#body {
max-width: 1024px;
margin: auto;
}

#footer {
background: transparent;
box-shadow: none;
}

#footer-inner, #footer {
background: transparent;
box-shadow: none;
}


.logoheader {
background: transparent;
margin: 0;
min-height: 120px;
}

a:link, a:visited {
color: #040;
text-decoration:none;
}
a:hover, a:active, a:focus, ul.menu a:hover, ul.menu a:active, ul.menu a:focus {
background: transparent;
color: #040;
text-decoration:underline;
}

#nav .moduletable-menu h3 {
background: #464;
color: white;
font-weight: bold;
padding-top: 6px;
padding-left:12px;
border-radius: 10px 10px 0 0
}

#nav .moduletable-menu li {
list-style-type: none;
display: block;
margin-left: -23px;
background: #f8f8d7;
padding: 4px;
}

#nav .moduletable-menu li a {
display: block;
border-bottom:1px solid #fff;
}



#logo {
padding: 0 20px;
width: 100px;
}

#line {
max-width: 100%;
/*background: #040;*/
}

.custom-titolo-head h1 {
margin-bottom: 0;
font-size:2em;
line-height: 1;
color: #fff;
margin-bottom:15px;
text-shadow: 2px 2px 4px #000
}

.custom-icone-social {
float:none;
display:block;
}

.search-cerca {
float: right;
display: block;
width: 100%;
}

/* ----------------------------------------------------------------- Social Media Button --*/

#social-media-button {
text-align: center;
margin: 25px 0px;

}

social-media-button img {
margin: 0px 2px;
width: 36px!important;
}


/* ----------------------------------------------------------------- BANNER --*/


.bannergroup-banner {
text-align: center;
}

.bannergroup-banner img {
border-radius: 20px;
box-shadow: 0px 0px 8px #555;
margin-top: 30px;
}




#header ul {
position: initial;
margin-bottom:12px;
}

.nav.menu-corporate-menu li {
display: inline-block;
width: auto;
border: 1px solid whitesmoke;
border-radius: 6px;
background: white;
text-align: center;
padding: 2px 10px;
margin: 0 0 0 10px;
}

.nav.menu-corporate-menu li a {
color:#040;
}

#footer {
background: #446644;
}


.article-info dd {
float: none;
border-right: 0;
}

.article-info {
background-color: #fff;
background-image: none;
background-repeat: no-repeat;
border: 0;
}

.button, button, p.readmore a, #header input.button, .pagenav a:link, .pagenav a:visited, #advanced-search-toggle, .profile-edit a:link, .profile-edit a:visited, h3.js_heading {
	color: #446644;
}

p.readmore a:hover {
background-image: linear-gradient(#464, #464);
}

figure.pull-center img {
box-shadow: 0 0 6px #000;
border-radius: 12px;
}

figure.pull-left img, .pull-left img {
float: left;
margin-right: 12px;
box-shadow: 0 0 6px #000;
border-radius: 12px;
}

figure.pull-right img {
float: left;
margin-left: 12px;
box-shadow: 0 0 6px #000;
border-radius: 12px;
}

figcaption {
font-size: 12px;
color: #8a8;
margin-right: 20px;
}

#wrapper2 {
text-align: justify;
}

.moduletable-menu h3 {
margin-bottom: 0;
font-size: 1em;
line-height: 1.3;
padding-bottom: 5px;
border-bottom: 1px solid #8a8;
}

.menu-footer-menu {
margin: auto;
text-align: center;
}

.menu-footer-menu li {
display: inline-block;
list-style-type: none;
padding: 20px;
width: 6.6em;
}

.leftbigger {
margin-top: 22px;
}


.menu-corporate-menu {
font-size:.8em;
}

/* ---------------------------------------------------------------------------------- RSS --*/
.moduletable-rss, .moduletable-rss h3 a {
color:#ffffff;
}

/* ------------------------------------------------------------------ rimozione box RSS di wwfItalia */
.box1 {
display: none;
}

#footer {padding-top:30px;border-top: 1px dashed #575;}

.box2, .box3 {
width: 46%;
border-right:0;
border-left: 0;
height: auto;
}

.box {
padding: 0 10px;
min-height: 100px;
max-height: 620px;
}

div.srfrContainer ul.srfrList li {
border-bottom: 0!important;

}

.srfrImage {
float: left;
margin-right: 6px;
}

/*------------------------------------------------------------------------- menu */
.separatore {
font-size: 1em;
background: #464;
color: #fff;
font-weight: bold;
padding-left: 10px;
border-radius: 8px 8px 0 0;
display: block;
margin-left: -10px;
}

li.item-125, li.item-155, li.item-131, li.item-136, li.item-157 {
border-bottom: 1px solid #ddd;
margin-bottom: 30px;
}

.nav.menu li {
background: #f8f8d7;
padding-left: 10px;
}

.nav.menu li a {
padding-right: 10px;
}

ul.menu ul a {
background: transparent;
margin-bottom: 1px;
}


ul.jwts_tabbernav li {
    margin-right: 4px !important;
}


.jwts_tabberlive .jwts_tabbertab {
    margin: 0px!important;
}

/*figure.pull-left img, figcaption  {
    max-width: 86%;
}*/


#crediti {
    background: none repeat scroll 0px 0px #446644;
    font-size: 11px;
    margin: 0px auto;
    padding-bottom: 30px;
    text-align: center;
}
#crediti a {
color: #fff;
}



#mobile-menu {
display:none!important;
}


li[itemprop="keywords"] {
display: inline-block;
float: none;
background-color: #446644;
background-image: none;
border: 0;
box-shadow: none;
color: #fff;
line-height: 20px;
padding: 4px 10px;
list-style-type: none;
margin: 0px 10px 0 0;
border-radius: 10px;
font-weight: bold;
}

li[itemprop="keywords"] a {
color: #fff;
}

button[name="filter-search-button"], button[name="filter-clear-button"] {
display: none;
}

.tagspopular li {
margin-bottom: 20px;
}

/*------------------------------------------------------------------------- stile form -- */
#plgvfformview_1_0accettazione-terminilbl {

float: none;
display: inline;
}


#field9 {
width: 6em;
padding: 6px 12px;
}


.visform input, .visform select, .visform textarea {
padding: 8px;
}


.banneritem img:hover {
box-shadow: 0px 0px 16px #446644;
}


/* ============================================================== responsive =================================================== */


/* ================================================================================ max-width: 559px ==*/
@media all and (max-width: 559px) {

.leftbigger {
/* display: none; */
}

.moduletable-leftbigger {
display:none;
}  
  
#wrapper2 {
width: 100%;
}

.bannergroup-banner {
margin: auto 15px;
}

.pull-left {
float:none;
margin:0 auto 15px;
}

.srfrImage {
float: none;
margin-right: 0;
margin:0 auto 15px;
display: block;
}

h1, h2, h3, h4,h5,h6 {
text-align:initial;
}
body h2 {
font-size: 1.4em;
}

.box1, .box2, .box3 {
width: 95%;
height: auto;
}
#logo {
width: 55px;
}

#header form {
margin-top: -5px;
}

.custom-titolo-head h1 {
font-size: 1.4em;
text-align: right;
}

#line {
text-align: right;
background: #464;
width:80%;
}


.search-cerca {
    float: none;
    text-align: center;
}

#header ul {
display:none;
}

#back-head {
background: none;
}

.srm_position {
margin-top: -30px;
}
.custom-titolo-head h1 {
font-size: 1em;
text-align: center;
height: 20px;
}
#srm_select_list {
text-align: center;
width: 95%;
}

.srm_position {
text-align: center;
width: 75%;

}

#logo img {
display: none;
}

.logoheader {
min-height: 46px;
}
.custom-titolo-head h1 {
    font-size: .84em;
}

.srfrContainer {
width:95%;
}

body ul.srfrList {
margin: 0;
padding: 0;
}


li.item-125, li.item-124, li.item-126, li.item-131, li.item-136 {
    border-bottom: 0;
    margin-bottom: 30px;
    background: none;
}
li.item-141, li.item-142, li.item-143, li.item-144, li.item-145, li.item-146, li.item-158 {
    display: none!important;
}



.menu-footer-menu li {
    display: block;
    border: 1px solid #FFF;
    margin-bottom: 15px;
    border-radius: 6px;
}
.menu-footer-menu li {
    display: inline-block;
    list-style-type: none;
    padding: 12px;
    width: 90%;
}

.menu-footer-menu li a {
    font-weight: normal;
    box-shadow: none;
    border-bottom: 0px none;
    text-shadow: none;
    display: block;
    width: 100%;
}
ul.jwts_tabbernav li, ul.jwts_tabbernav li a {
display: block!important;
}

}

/* ================================================================================ (min-width: 600px) and (max-width: 768) == */
@media all and (min-width: 600px) and (max-width: 768px) {
body {
background:#eee;
}
#line {
text-align: right;
background: none;
width:80%;
}

.box1, .box2, .box3 {
width: 95%;
border-right: 0;
border-left: 0;
height: 100%;
}

#logo {
padding: 0 20px;
width: 50px;
}

.custom-titolo-head h1 {
    font-size: 1em;
text-align: right;
}

.menu-corporate-menu {
    font-size: 0.8em;
    clear: both;
}
.bannergroup-banner {
    margin: auto 15px;
}
/* .box3 {
    width: 96%;
} ------------------------------------------------------------------------------ */

.pull-left {
    float: none;
    margin: 0px auto 15px;
}
h1, h2, h3, h4, h5, h6 {
    text-align: initial;
}
ul.jwts_tabbernav li, ul.jwts_tabbernav li a {
display: block!important;
}

}
/* ================================================================================ (min-width: 769px) and (max-width: 1023px) == */

@media all and (min-width: 769px) and (max-width: 1023px) {
.box1, .box2, .box3 {
    width: 44%;
    height: 100%;
}

.box {
    max-height: 100%;
}
.bannergroup-banner {
    margin: auto 15px;
}

}