/* @group Base */
.chosen-container {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  font-size: 13px;
  zoom: 1;
  *display: inline;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.chosen-container .chosen-drop {
  position: absolute;
  top: 100%;
  left: -9999px;
  z-index: 1010;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  border: 1px solid #aaa;
  border-top: 0;
  background: #fff;
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
}
.chosen-container.chosen-with-drop .chosen-drop {
  left: 0;
}
.chosen-container a {
  cursor: pointer;
}

/* @end */
/* @group Single Chosen */
.chosen-container-single .chosen-single {
  position: relative;
  display: block;
  overflow: hidden;
  padding: 0 0 0 8px;
  height: 23px;
  border: 1px solid #aaa;
  border-radius: 5px;
  background-color: #fff;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #ffffff), color-stop(50%, #f6f6f6), color-stop(52%, #eeeeee), color-stop(100%, #f4f4f4));
  background: -webkit-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background: -moz-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background: -o-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background: linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background-clip: padding-box;
  box-shadow: 0 0 3px white inset, 0 1px 1px rgba(0, 0, 0, 0.1);
  color: #444;
  text-decoration: none;
  white-space: nowrap;
  line-height: 24px;
}
.chosen-container-single .chosen-default {
  color: #999;
}
.chosen-container-single .chosen-single span {
  display: block;
  overflow: hidden;
  margin-right: 26px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.chosen-container-single .chosen-single-with-deselect span {
  margin-right: 38px;
}
.chosen-container-single .chosen-single abbr {
  position: absolute;
  top: 6px;
  right: 26px;
  display: block;
  width: 12px;
  height: 12px;
  background: url('chosen-sprite.png') -42px 1px no-repeat;
  font-size: 1px;
}
.chosen-container-single .chosen-single abbr:hover {
  background-position: -42px -10px;
}
.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
  background-position: -42px -10px;
}
.chosen-container-single .chosen-single div {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 18px;
  height: 100%;
}
.chosen-container-single .chosen-single div b {
  display: block;
  width: 100%;
  height: 100%;
  background: url('chosen-sprite.png') no-repeat 0px 2px;
}
.chosen-container-single .chosen-search {
  position: relative;
  z-index: 1010;
  margin: 0;
  padding: 3px 4px;
  white-space: nowrap;
}
.chosen-container-single .chosen-search input[type="text"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 1px 0;
  padding: 4px 20px 4px 5px;
  width: 100%;
  height: auto;
  outline: 0;
  border: 1px solid #aaa;
  background: white url('chosen-sprite.png') no-repeat 100% -20px;
  background: url('chosen-sprite.png') no-repeat 100% -20px, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
  background: url('chosen-sprite.png') no-repeat 100% -20px, -webkit-linear-gradient(#eeeeee 1%, #ffffff 15%);
  background: url('chosen-sprite.png') no-repeat 100% -20px, -moz-linear-gradient(#eeeeee 1%, #ffffff 15%);
  background: url('chosen-sprite.png') no-repeat 100% -20px, -o-linear-gradient(#eeeeee 1%, #ffffff 15%);
  background: url('chosen-sprite.png') no-repeat 100% -20px, linear-gradient(#eeeeee 1%, #ffffff 15%);
  font-size: 1em;
  font-family: sans-serif;
  line-height: normal;
  border-radius: 0;
}
.chosen-container-single .chosen-drop {
  margin-top: -1px;
  border-radius: 0 0 4px 4px;
  background-clip: padding-box;
}
.chosen-container-single.chosen-container-single-nosearch .chosen-search {
  position: absolute;
  left: -9999px;
}

/* @end */
/* @group Results */
.chosen-container .chosen-results {
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  margin: 0 4px 4px 0;
  padding: 0 0 0 4px;
  max-height: 240px;
  -webkit-overflow-scrolling: touch;
}
.chosen-container .chosen-results li {
  display: none;
  margin: 0;
  padding: 5px 6px;
  list-style: none;
  line-height: 15px;
}
.chosen-container .chosen-results li.active-result {
  display: list-item;
  cursor: pointer;
}
.chosen-container .chosen-results li.disabled-result {
  display: list-item;
  color: #ccc;
  cursor: default;
}
.chosen-container .chosen-results li.highlighted {
  background-color: #3875d7;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #3875d7), color-stop(90%, #2a62bc));
  background-image: -webkit-linear-gradient(#3875d7 20%, #2a62bc 90%);
  background-image: -moz-linear-gradient(#3875d7 20%, #2a62bc 90%);
  background-image: -o-linear-gradient(#3875d7 20%, #2a62bc 90%);
  background-image: linear-gradient(#3875d7 20%, #2a62bc 90%);
  color: #fff;
}
.chosen-container .chosen-results li.no-results {
  display: list-item;
  background: #f4f4f4;
}
.chosen-container .chosen-results li.group-result {
  display: list-item;
  font-weight: bold;
  cursor: default;
}
.chosen-container .chosen-results li.group-option {
  padding-left: 15px;
}
.chosen-container .chosen-results li em {
  font-style: normal;
  text-decoration: underline;
}

/* @end */
/* @group Multi Chosen */
.chosen-container-multi .chosen-choices {
  position: relative;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  width: 100%;
  height: auto !important;
  height: 1%;
  border: 1px solid #aaa;
  background-color: #fff;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
  background-image: -webkit-linear-gradient(#eeeeee 1%, #ffffff 15%);
  background-image: -moz-linear-gradient(#eeeeee 1%, #ffffff 15%);
  background-image: -o-linear-gradient(#eeeeee 1%, #ffffff 15%);
  background-image: linear-gradient(#eeeeee 1%, #ffffff 15%);
  cursor: text;
}
.chosen-container-multi .chosen-choices li {
  float: left;
  list-style: none;
}
.chosen-container-multi .chosen-choices li.search-field {
  margin: 0;
  padding: 0;
  white-space: nowrap;
}
.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
  margin: 1px 0;
  padding: 5px;
  height: 15px;
  outline: 0;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none;
  color: #666;
  font-size: 100%;
  font-family: sans-serif;
  line-height: normal;
  border-radius: 0;
}
.chosen-container-multi .chosen-choices li.search-field .default {
  color: #999;
}
.chosen-container-multi .chosen-choices li.search-choice {
  position: relative;
  margin: 3px 0 3px 5px;
  padding: 3px 20px 3px 5px;
  border: 1px solid #aaa;
  border-radius: 3px;
  background-color: #e4e4e4;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
  background-image: -webkit-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -moz-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -o-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-clip: padding-box;
  box-shadow: 0 0 2px white inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  color: #333;
  line-height: 13px;
  cursor: default;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
  position: absolute;
  top: 4px;
  right: 3px;
  display: block;
  width: 12px;
  height: 12px;
  background: url('chosen-sprite.png') -42px 1px no-repeat;
  font-size: 1px;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
  background-position: -42px -10px;
}
.chosen-container-multi .chosen-choices li.search-choice-disabled {
  padding-right: 5px;
  border: 1px solid #ccc;
  background-color: #e4e4e4;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
  background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  color: #666;
}
.chosen-container-multi .chosen-choices li.search-choice-focus {
  background: #d4d4d4;
}
.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
  background-position: -42px -10px;
}
.chosen-container-multi .chosen-results {
  margin: 0;
  padding: 0;
}
.chosen-container-multi .chosen-drop .result-selected {
  display: list-item;
  color: #ccc;
  cursor: default;
}

/* @end */
/* @group Active  */
.chosen-container-active .chosen-single {
  border: 1px solid #5897fb;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.chosen-container-active.chosen-with-drop .chosen-single {
  border: 1px solid #aaa;
  -moz-border-radius-bottomright: 0;
  border-bottom-right-radius: 0;
  -moz-border-radius-bottomleft: 0;
  border-bottom-left-radius: 0;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #eeeeee), color-stop(80%, #ffffff));
  background-image: -webkit-linear-gradient(#eeeeee 20%, #ffffff 80%);
  background-image: -moz-linear-gradient(#eeeeee 20%, #ffffff 80%);
  background-image: -o-linear-gradient(#eeeeee 20%, #ffffff 80%);
  background-image: linear-gradient(#eeeeee 20%, #ffffff 80%);
  box-shadow: 0 1px 0 #fff inset;
}
.chosen-container-active.chosen-with-drop .chosen-single div {
  border-left: none;
  background: transparent;
}
.chosen-container-active.chosen-with-drop .chosen-single div b {
  background-position: -18px 2px;
}
.chosen-container-active .chosen-choices {
  border: 1px solid #5897fb;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.chosen-container-active .chosen-choices li.search-field input[type="text"] {
  color: #111 !important;
}

/* @end */
/* @group Disabled Support */
.chosen-disabled {
  opacity: 0.5 !important;
  cursor: default;
}
.chosen-disabled .chosen-single {
  cursor: default;
}
.chosen-disabled .chosen-choices .search-choice .search-choice-close {
  cursor: default;
}

/* @end */
/* @group Right to Left */
.chosen-rtl {
  text-align: right;
}
.chosen-rtl .chosen-single {
  overflow: visible;
  padding: 0 8px 0 0;
}
.chosen-rtl .chosen-single span {
  margin-right: 0;
  margin-left: 26px;
  direction: rtl;
}
.chosen-rtl .chosen-single-with-deselect span {
  margin-left: 38px;
}
.chosen-rtl .chosen-single div {
  right: auto;
  left: 3px;
}
.chosen-rtl .chosen-single abbr {
  right: auto;
  left: 26px;
}
.chosen-rtl .chosen-choices li {
  float: right;
}
.chosen-rtl .chosen-choices li.search-field input[type="text"] {
  direction: rtl;
}
.chosen-rtl .chosen-choices li.search-choice {
  margin: 3px 5px 3px 0;
  padding: 3px 5px 3px 19px;
}
.chosen-rtl .chosen-choices li.search-choice .search-choice-close {
  right: auto;
  left: 4px;
}
.chosen-rtl.chosen-container-single-nosearch .chosen-search,
.chosen-rtl .chosen-drop {
  left: 9999px;
}
.chosen-rtl.chosen-container-single .chosen-results {
  margin: 0 0 4px 4px;
  padding: 0 4px 0 0;
}
.chosen-rtl .chosen-results li.group-option {
  padding-right: 15px;
  padding-left: 0;
}
.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
  border-right: none;
}
.chosen-rtl .chosen-search input[type="text"] {
  padding: 4px 5px 4px 20px;
  background: white url('chosen-sprite.png') no-repeat -30px -20px;
  background: url('chosen-sprite.png') no-repeat -30px -20px, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
  background: url('chosen-sprite.png') no-repeat -30px -20px, -webkit-linear-gradient(#eeeeee 1%, #ffffff 15%);
  background: url('chosen-sprite.png') no-repeat -30px -20px, -moz-linear-gradient(#eeeeee 1%, #ffffff 15%);
  background: url('chosen-sprite.png') no-repeat -30px -20px, -o-linear-gradient(#eeeeee 1%, #ffffff 15%);
  background: url('chosen-sprite.png') no-repeat -30px -20px, linear-gradient(#eeeeee 1%, #ffffff 15%);
  direction: rtl;
}
.chosen-rtl.chosen-container-single .chosen-single div b {
  background-position: 6px 2px;
}
.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
  background-position: -12px 2px;
}

/* @end */
/* @group Retina compatibility */
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi) {
  .chosen-rtl .chosen-search input[type="text"],
  .chosen-container-single .chosen-single abbr,
  .chosen-container-single .chosen-single div b,
  .chosen-container-single .chosen-search input[type="text"],
  .chosen-container-multi .chosen-choices .search-choice .search-choice-close,
  .chosen-container .chosen-results-scroll-down span,
  .chosen-container .chosen-results-scroll-up span {
    background-image: url('chosen-sprite@2x.png') !important;
    background-size: 52px 37px !important;
    background-repeat: no-repeat !important;
  }
}
/* @end */


table.jCalendar {
	border: 1px solid #000;
	background: #aaa;
    border-collapse: separate;
    border-spacing: 2px;
}
table.jCalendar th {
	background: #333;
	color: #fff;
	font-weight: bold;
	padding: 3px 5px;
}

table.jCalendar td {
	background: #ccc;
	color: #000;
	padding: 3px 5px;
	text-align: center;
}
table.jCalendar td.other-month {
	background: #ddd;
	color: #aaa;
}
table.jCalendar td.today {
	background: #666;
	color: #fff;
}
table.jCalendar td.selected {
	background: #f66;
	color: #fff;
}
table.jCalendar td.selected.dp-hover {
	background: #f33;
	color: #fff;
}
table.jCalendar td.dp-hover,
table.jCalendar tr.activeWeekHover td {
	background: #fff;
	color: #000;
}
table.jCalendar tr.selectedWeek td {
	background: #f66;
	color: #fff;
}
table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover {
	background: #bbb;
	color: #888;
}
table.jCalendar td.unselectable,
table.jCalendar td.unselectable:hover,
table.jCalendar td.unselectable.dp-hover {
	background: #bbb;
	color: #888;
}

/* For the popup */

/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */

div.dp-popup {
	position: relative;
	background: #ccc;
	font-size: 10px;
	font-family: arial, sans-serif;
	padding: 2px;
	width: 171px;
	line-height: 1.2em;
}
div#dp-popup {
	position: absolute;
	z-index: 199;
}
div.dp-popup h2 {
	font-size: 12px;
	text-align: center;
	margin: 2px 0;
	padding: 0;
}
a#dp-close {
	font-size: 11px;
	padding: 4px 0;
	text-align: center;
	display: block;
}
a#dp-close:hover {
	text-decoration: underline;
}
div.dp-popup a {
	color: #000;
	text-decoration: none;
	padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
	position: absolute;
	top: 2px;
	left: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-prev a {
	float: left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
	cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
	cursor: default;
}
div.dp-popup div.dp-nav-next {
	position: absolute;
	top: 2px;
	right: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-next a {
	float: right;
}
div.dp-popup a.disabled {
	cursor: default;
	color: #aaa;
}
div.dp-popup td {
	cursor: pointer;
}
div.dp-popup td.disabled {
	cursor: default;
}

/* reset5 © 2011 opensource.736cs.com MIT */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,audio,canvas,details,figcaption,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,summary,time,video{border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0;}body{line-height:1;}article,aside,dialog,figure,footer,header,hgroup,nav,section,blockquote{display:block;}nav ul{list-style:none;}ol{list-style:decimal;}ul{list-style:disc;}ul ul{list-style:circle;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:none;}ins{text-decoration:underline;}del{text-decoration:line-through;}mark{background:none;}abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help;}table{border-collapse:collapse;border-spacing:0;}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}input[type=submit],input[type=button],button{margin:0!important;padding:0!important;}input,select,a img,table img{vertical-align:middle;}

@font-face {
    font-family: 'roboto_condensedlight';
    src: url('../fonts/RobotoCondensed-Light-webfont.eot');
    src: url('../fonts/RobotoCondensed-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/RobotoCondensed-Light-webfont.woff') format('woff'),
         url('../fonts/RobotoCondensed-Light-webfont.ttf') format('truetype'),
         url('../fonts/RobotoCondensed-Light-webfont.svg#roboto_condensedlight') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'roboto_condensedregular';
    src: url('../fonts/RobotoCondensed-Regular-webfont.eot');
    src: url('../fonts/RobotoCondensed-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/RobotoCondensed-Regular-webfont.woff') format('woff'),
         url('../fonts/RobotoCondensed-Regular-webfont.ttf') format('truetype'),
         url('../fonts/RobotoCondensed-Regular-webfont.svg#roboto_condensedregular') format('svg');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'roboto_condenseditalic';
    src: url('../fonts/RobotoCondensed-Italic-webfont.eot');
    src: url('../fonts/RobotoCondensed-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/RobotoCondensed-Italic-webfont.woff') format('woff'),
         url('../fonts/RobotoCondensed-Italic-webfont.ttf') format('truetype'),
         url('../fonts/RobotoCondensed-Italic-webfont.svg#roboto_condenseditalic') format('svg');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'roboto_condensedbold';
    src: url('../fonts/RobotoCondensed-Bold-webfont.eot');
    src: url('../fonts/RobotoCondensed-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/RobotoCondensed-Bold-webfont.woff') format('woff'),
         url('../fonts/RobotoCondensed-Bold-webfont.ttf') format('truetype'),
         url('../fonts/RobotoCondensed-Bold-webfont.svg#roboto_condensedbold') format('svg');
    font-weight: 600;
    font-style: normal;

}

@font-face {
    font-family: 'roboto_condensedbold_italic';
    src: url('../fonts/RobotoCondensed-BoldItalic-webfont.eot');
    src: url('../fonts/RobotoCondensed-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/RobotoCondensed-BoldItalic-webfont.woff') format('woff'),
         url('../fonts/RobotoCondensed-BoldItalic-webfont.ttf') format('truetype'),
         url('../fonts/RobotoCondensed-BoldItalic-webfont.svg#roboto_condensedbold_italic') format('svg');
    font-weight: 600;
    font-style: italic;
}

.hidden{display:none;}
.invisible {visibility:hidden; height:0 !important; min-height:0 !important; padding:0 !important; margin:0 !important; overflow:hidden;}
*{box-sizing:border-box;}
.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }
.cf { zoom: 1; }

strong, b{font-family: 'roboto_condensedbold'; font-weight: 600; font-style: normal;}
em, i{font-family: 'roboto_condenseditalic'; font-weight: 400; font-style: italic;}

body{font-family:'roboto_condensedregular'; font-weight: 400; font-style: normal; color:#666; font-size:14px; line-height:1.3em;}
.wrapper-width{max-width:940px; margin:0 auto; position:relative;}
body > header{background:#f8f8fb; box-shadow: 2px 2px 4px #666; z-index: 333; position: relative; /*position: fixed; z-index: 889; top:0; left:0; right:0;*/}
/*body > section{margin-top:48px;}*/

header .logo{position:absolute; z-index:666; text-align:center; padding-top:10px; top:0; left:-4px; height:86px; background:url(../img/logo-bg.png) no-repeat 0 0;}



header .logo{max-width:243px; text-align:center; overflow:hidden;}
header .logo a {    display: inline-block;
  width: 100%;
  padding: 0 14px;}
header .logo a.expo{width:20%; border-right:1px solid #999; padding-right:8px;}
header .logo a img{width:100%; height:auto;}


nav.language{position:absolute; top:0; left:-20px;}
nav.language li{text-align:right; text-transform:uppercase; font-size:12px; line-height:15px;}
nav.language li a{color:#999; text-decoration:none; font-family: 'roboto_condensedbold'; font-weight: 600; font-style: normal;} 
nav.language li a:hover, nav.language li a.current{color:#2c5281;}

header .tools{position:absolute; top:0; right:0; bottom:0; width:52px; z-index:666;}
header .tools ul{list-style:none; margin:0; padding:0; width:100%; height:100%; overflow:hidden;}
header .tools > ul > li{float:left;  height:100%; margin-left:4px; background:#286aa6;}
header .tools > ul > li > a {display:block; padding:0 4px; height:100%; line-height:350%;}
header .tools .mytools{display:none; background: #286aa6; position: absolute; padding: 8px; top:100%; right:0; width:230px; box-shadow:0 0 4px #6c6c6c;}

header .tools li.profilo > a{width:22px; background:url(../img/icon-tools.png)  no-repeat -22px -35%;}
header .tools li.profilo:hover > a, header .tools li.profilo > a.current{width:22px; background:#fff url(../img/icon-tools.png)  no-repeat 0 -35%;}

header .tools li.cerca > a{width:22px; background:url(../img/icon-tools.png)  no-repeat 100% -65px;}
header .tools li.cerca:hover > a, header .tools li.cerca a.current{width:22px; background:#fff url(../img/icon-tools.png)  no-repeat 0 -65px;}

header .tools .profilo .profilo-content{padding:0;}
header .tools .profilo .profilo-content form {padding: 8px;}
header .tools .profilo .profilo-content .profilo-scheda h1{color:#fff; padding: 8px; font-family:'roboto_condensedregular'; font-weight: 400; font-style: normal;}
header .tools .profilo .profilo-content .profilo-scheda .richiesta-account{padding:4px;}
header .tools .profilo .profilo-content .profilo-scheda .richiesta-account a{color:#fff; display:block; padding:4px;}
header .tools .profilo .profilo-content .profilo-scheda .dettagli { background:#ececec; color:#fff; padding: 8px; color:#666; /*display:none;*/}
header .tools .profilo .profilo-content .profilo-scheda .dettagli a{display:inline-block; color:#fff; text-decoration:none; background:#286aa6; padding:0 4px; margin:4px 0;}
header .tools .profilo .profilo-content .profilo-scheda .dettagli h4{text-transform:uppercase; color:#2a6ba5; font-family:'roboto_condensedregular'; font-weight: 400; font-style: normal; font-size:17px; margin:4px 0;}
header .tools .profilo .profilo-content .profilo-scheda .open-cambio-password{cursor:pointer;}
/*header .tools .profilo .profilo-content.open .dettagli{display:block;}*/
header .tools .profilo .profilo-content .open-profile{display: inline-block; position: absolute; bottom: 8px; right: 8px; cursor:pointer; width:16px; height:16px; text-align:center;}
header .tools .profilo .profilo-content .open-profile span{display: inline-block; border-width: 6px; border-style: solid; border-top-color: transparent; border-right-color: white; border-bottom-color: white; border-left-color: transparent;}
header .tools .profilo .profilo-content.open .open-profile{background:#fff;}
header .tools .profilo .profilo-content.open .open-profile span{border-top-color: #304e8e; border-right-color: transparent; border-bottom-color: transparent; border-left-color: #304e8e;}

header .tools .profilo .profilo-content .cambia-password{color:#fff; padding-bottom:30px; display:none;}
header .tools .profilo .profilo-content .cambia-password.open{display:block;}
header .tools .profilo .profilo-content .cambia-password li{float:none; width:100% !important;}
header .tools .profilo .profilo-content .cambia-password li label{margin:4px 0; display:block;}
header .tools .profilo .profilo-content .cambia-password input{width:100%;}
header .tools .profilo .profilo-content .cambia-password button{height:28px; margin-top:8px !important;}
header .tools .profilo .profilo-content .cambia-password input.error {border: 1px solid red;}
header .tools .profilo .profilo-content .cambia-password span.form-error {color: red;}

header .tools form input{border:0; height:22px; width:100%; padding-left:8px; font-family:'roboto_condensedregular'; font-weight: 400; font-style: normal; color:#666;}
header .tools form button{border:0; background:#2c5281; color:#fff; text-transform:uppercase; height:22px; width:100%; cursor:pointer; font-family:'roboto_condensedregular'; font-weight: 400; font-style: normal;}

header .tools form button:hover{background:#fff; color:#2c5281;}

header .tools form ul{width:100%; overflow:hidden;}
header .tools .cerca form li{float:left;}
header .tools .cerca form li:first-child{margin-right:2%; width:66%;}
header .tools .cerca form li:last-child{width:31%;}
header .tools .profilo form li{width:31% !important; float:left; margin-right:3%;}
header .tools .profilo form li:last-child{margin-right:0;}

header .tools .mytools.toggled{display:block;}

/*header .tools ul li > a:hover{ background: #286aa6;}
header .tools ul li:hover form{display:block; }
header .tools ul li:hover .profilo-content{display:block; }*/

form.cmxform input.error {border: 1px solid red;}
form.cmxform textarea.error {border: 1px solid red;}
form.cmxform label.error {color: red;}

#messages { padding:10px; }
#messages div.success { background-color: green; color: white;padding:10px; }
#messages div.error { background-color: red; color: white;padding:10px; }
#messages div.info { color: white;padding:10px; }

nav.main{position:relative; height:48px; overflow:hidden;}
nav.main ul{position:absolute; top:0; left:270px; width:560px; overflow:hidden;}
nav.main ul li{float:left; border-left:1px solid #cccccc;}
nav.main ul li:first-child{border-left:0;}
nav.main ul li a{display:block; padding:0 8px; height:48px; line-height:48px; text-transform:uppercase; text-decoration:none; color:#2c5281;}
nav.main ul li a:hover, nav.main ul li a.current{background:#dddddf;}

nav.social{width:126px; position:absolute; top:12px; right:32px;}
nav.social ul{width:100%; overflow:hidden;}
nav.social ul li{float:left; margin-right:4px;}
nav.social ul li a{display:block; width:22px; height:22px; background-repeat:no-repeat; overflow:hidden;}
nav.social ul li a.youtube{background:url(../img/icon-youtube.png); background-size:100%;}
nav.social ul li a.linkedin{background:url(../img/icon-linkedin.png); background-size:100%;}
nav.social ul li a.twitter{background:url(../img/icon-twitter.png) !important; background-size:100% !important;}
nav.social ul li a.facebook{background:url(../img/icon-facebook.png); background-size:100%;}
nav.social ul li a.google{background:url(../img/icon-gplus.png); background-size:100%;}

.comparto-body nav.main{width:0; z-index:555;}
.comparto-body .show-menu{display:block; width:29px; height:35px; background:url(../img/icon-menu.png) no-repeat 0 0; position:absolute; left:238px; top:6px; cursor:pointer; z-index:666;}
.comparto-body .show-menu.open{background:url(../img/icon-menu.png) no-repeat 0 -35px;}
.comparto-body nav.language{display:none;}

section > header {background:#133e71; border-bottom:16px solid #ececec; height:110px; line-height:143px;}
section.error > header{height:60px;}
section.page-focus > header{background:#62bca3;}
section.page-comparti > header{background:#fc900e;}
section.page-servizi > header{background:#67a9e6;}
section > header h1{max-width:940px; margin:0 auto; font-family: 'roboto_condensedlight'; font-weight: 200; font-style: normal; color:#fff; font-size:60px; text-transform:uppercase;}

.breadcrumbs {margin:12px 0 16px;}
.breadcrumbs ul{width:100%; overflow:hidden; list-style:none; margin:0; padding:0;}
.breadcrumbs ul li{float:left; margin-right:4px; color:#666; font-family: 'roboto_condensedbold_italic'; font-weight:600; font-style:italic; font-size:11px;}
.breadcrumbs ul li:after{content:">";}
.breadcrumbs ul li:first-child:after, .breadcrumbs ul li:last-child:after{content:"";}
.breadcrumbs ul li a{text-decoration:none; color:#666;}
.breadcrumbs ul li a:hover{color:#2c5281;}

.container{width:100%; overflow:hidden; border-top:1px solid #e9e9e9; padding-bottom:32px;}
.container.home{padding-bottom:0;}

.container.ricerca{width:70%; padding-top:16px;}
.container.ricerca #search-form-inner{margin-bottom:16px;}
.container.ricerca #search-form-inner input#s{padding-left: 8px; width:220px; font-family: 'roboto_condensedregular'; font-weight: 400; font-style: normal; color: #666; height:36px;}
.container.ricerca #search-form-inner input#searchsubmit-inner{border: 0; width:60px; background: #2c5281; color: #fff; text-transform: uppercase; height: 36px; cursor: pointer; font-family: 'roboto_condensedregular'; font-weight: 400; font-style: normal;}
.container.ricerca #search-form-inner input#searchsubmit-inner:hover{color:#2c5281; background:#fff;}

.container.ricerca a{color:#00458a; text-decoration:none;}
.container.ricerca p{margin-bottom:8px;}

nav.page{width:22%; float:left;}
nav.page li{ border-top:1px solid #e9e9e9; font-size:15px;}
nav.page > ul > li:first-child{border-top:0;}
nav.page ul ul{list-style:none; display:n;}
nav.page li a{text-decoration:none; color:#666; display:block; padding:4px 0 4px 8px; border-left:1px solid transparent;}
nav.page li li a{padding: 5px 0 5px 24px; }
nav.page li li li a{padding: 5px 0 5px 32px; border-top:0;}
nav.page li a:hover, nav.page li.current_page_item > a, nav.page li.current-menu-item > a{background:#e3e2e2; border-left:1px solid #e9e9e9;}
nav.page li.current_page_item > ul, nav.page li.current-menu-item > ul{background:#f3f3f3; border-left:1px solid #e9e9e9;}
nav.page li.current_page_item ul{dispaly:block;}

/*nav.page ul ul li a, nav.page ul ul li a:hover{background-image:url(../img/menu-second-level.png); background-repeat:no-repeat; background-position:8% 50%; }
nav.page ul ul ul li a, nav.page ul ul ul li a:hover{background-image:url(../img/menu-second-level.png); background-repeat:no-repeat; background-position:11% 50%; }
*/

nav.page ul li.current_page_item ul li a, nav.page ul li.current_page_item ul li a:hover{background-image:url(../img/menu-second-level.png); background-repeat:no-repeat; background-position:10px 50%; }
nav.page ul li.current-menu-item ul li a, nav.page ul li.current-menu-item ul li a:hover{background-image:url(../img/menu-second-level.png); background-repeat:no-repeat; background-position:10px 50%; }

nav .scheda-pubblica{background:#e9f4f6; padding:16px; margin-top:50px;}
nav .scheda-pubblica a{display:block; color:#fff; text-decoration:none; text-transform:uppercase; background:#005a95; padding:4px; text-align:center; font-size:16px; margin-top:8px;}
nav .scheda-pubblica a:hover{background:#fff; color:#005a95;}

article{float:left; width:78%; padding:16px 0 32px 8px; border-left:1px solid #e9e9e9; position:relative;}
article.one-columns{float:none; width:100%; border-left:none; padding:16px 0 32px 0;}
.one-columns article{float:none; width:100%; border-left:none; padding:16px 0 32px 0;}

article p img{max-width:100%; height:auto;}

.one-columns.profilo article{width:68%;}

div.alignleft{float:left; margin-right:8px;}
div.alignright{float:right; margin-left:8px;}
div.aligncenter{display:block; margin:0 auto; margin-bottom:8px;}
img.alignleft{float:left; margin-right:8px;}
img.alignright{float:right; margin-left:8px;}
img.aligncenter{display:block; margin:0 auto; margin-bottom:8px;}


.three-columns nav.page{width:22%; float:left;}
.three-columns article{width:56%; float:left; padding:16px 8px 32px 8px; border-right:1px solid #e9e9e9;}
.three-columns aside{width:22%;}

.container.two-columns.aziende{border:0;}
.container.two-columns.aziende article figure img{width: 100%; height: auto; max-width: 200px;}
.two-columns.aziende article{width:70%; border:0; padding:16px 16px 32px 0;}
.two-columns.aziende aside{width:30%;}

.two-columns.report article{width:70%; border-right:1px solid #e9e9e9; padding:16px 16px 32px 0;}
.two-columns.report aside{width:30%;}

.two-columns.anagrafica article{width:70%;}
.two-columns.anagrafica nav.page{width:30%; position:relative;}
.two-columns.anagrafica form div.slide{padding:20px 0; overflow:visible; clear:both;}
.two-columns.anagrafica nav.page li{cursor:pointer;}
.two-columns.anagrafica nav.page li a{padding: 4px 0 4px 8px;}

.two-columns.anagrafica nav.page li.active{background: #e3e2e2;}

section.page-comparti .box-container{text-align:justify; padding:16px 0 0 0; list-style:none;}
section.page-comparti .box-container .box{display:inline-block; width:24%; height:90px; line-height:106px; margin:4px 0; overflow:hidden; background:#fff; position:relative;}
section.page-comparti .box-container .box h3{position:absolute; top:16px; left:16px; right:16px; line-height:12px; font-size:12px; color:#666; text-decoration:none; font-family: 'roboto_condensedbold'; font-weight: 600; font-style: normal; text-align:left;}
section.page-comparti .box-container .box figure{text-align:center; height:70px; overflow:hidden; position:relative; }
section.page-comparti .box-container .box img{ filter: alpha(opacity=30); opacity:.3; -moz-opacity:.3;/*filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); filter: gray; -webkit-filter: grayscale(100%);*/ vertical-align:middle; margin-top:-16px; max-width:40%; height:auto; }


section.page-comparti .box-container .box img[alt="LogoAssoascensori"], section.page-comparti .box-container .box img[alt="LogoAutomazione"]{max-width:70%;}

section.page-comparti .box-container .box img[alt="anie"]{max-width:70%;}

section.page-comparti .box-container .filler{height:0; margin:0; display:inline-block; width:24%;}
section.page-comparti .box-container .filler a{border:0;}

section.page-comparti .box-container .box a{display:block; border:8px solid #f2f2f2; display:block; }
section.page-comparti .box-container .box a:hover{border:8px solid #c8c8c8;}
section.page-comparti .box-container .box a:hover figure img{/*filter: none; -webkit-filter: grayscale(0%);*/ filter: alpha(opacity=100); opacity:1; -moz-opacity:1;}

section.page-focus .box-container{text-align:justify; padding:16px 0 0 0; list-style:none;}
section.page-focus .box-container .box{display:inline-block; width:24%; height:118px; line-height:118px; margin:4px 0; overflow:hidden; background:#fff; position:relative;}
section.page-focus .box-container .box h3{position:absolute; top:16px; left:16px; right:16px; line-height:12px; font-size:12px; color:#666; text-decoration:none; font-family: 'roboto_condensedbold'; font-weight: 600; font-style: normal; text-align:left;}
section.page-focus .box-container .box figure{text-align:center; height:102px; overflow:hidden; position:relative; }
section.page-focus .box-container .box img{ filter: alpha(opacity=30); opacity:.3; -moz-opacity:.3;/*filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); filter: gray; -webkit-filter: grayscale(100%);*/ vertical-align:middle; margin-top:14px; max-width:50%; height:auto; }

section.page-focus .box-container .filler{height:0; margin:0; display:inline-block; width:24%;}
section.page-focus .box-container .filler a{border:0;}

section.page-focus .box-container .box a{display:block; border:8px solid #f2f2f2; display:block; }
section.page-focus .box-container .box a:hover{border:8px solid #c8c8c8;}
section.page-focus .box-container .box a:hover figure img{/*filter: none; -webkit-filter: grayscale(0%);*/ filter: alpha(opacity=100); opacity:1; -moz-opacity:1;}

article h1{color:#133e71; font-family:'roboto_condensedregular'; font-weight: 400; font-style: normal; font-size:38px; margin-bottom:24px; line-height:1.3em;}
article h2{color:#133e71; font-family:'roboto_condensedregular'; font-weight: 400; font-style: normal; font-size:36px; margin-bottom:24px; line-height:1.3em;}
article h3{font-family:'roboto_condensedregular'; font-weight: 400; font-style: normal; font-size:21px; line-height:1.3em; margin-top:30px;}
article h4{font-family:'roboto_condensedregular'; font-weight: 400; font-style: normal; font-size:18px; line-height:1.2em; margin-top:30px;}
article h5{font-family: 'roboto_condensedbold_italic'; font-weight: 600; font-style: italic; font-size:19px; line-height:1.3em;}
article span.data-articolo{display:block; margin:24px 0; font-family: 'roboto_condenseditalic'; font-weight: 400; font-style: italic; font-size:18px;}
article p{margin-top:24px;}
article p:first-child{margin-top:0;}
article p.intro{font-size:18px; line-height:1.4em;}
article p.evidenziato{color:#fff; background:#67a9e6; padding:8px;}
article p.piccolo{font-size:12px;}
article p span.evidenziato{color:#fff; background:#67a9e6; padding:2px 4px;}

aside{padding:16px 0 0 8px; float:left;}
aside h3{font-family:'roboto_condensedregular'; font-weight: 400; font-style: normal; font-size:19px; margin-bottom:18px;}
aside h3:not(:first-child){margin-top:60px;}
aside ul{list-style:none; padding:0; margin:0;}
aside ul.allegati li{margin-bottom:20px; font-size:15px;}
aside ul.allegati a{display:block; text-decoration:none; color:#666; background:url(../img/icon-pdf.png) no-repeat 0 0; padding-left:20px;}
aside ul.allegati a:hover{color:#133e71;}
aside ul.allegati span{display:inline-block; vertical-align:top;}

aside ul.contatti li{font-size:14px; padding-left:30px; margin-bottom:12px; height:26px; line-height:26px;}
aside ul.contatti li.telefono{background:url(../img/icon-telefono.png) no-repeat 0 0;}
aside ul.contatti li.mail{background:url(../img/icon-mail.png) no-repeat 0 6px;}
aside ul.contatti li.persona{background:url(../img/icon-persona.png) no-repeat 0 6px;}

ul.notizie{list-style:none; margin:0; padding:0;}
ul.notizie li{margin-bottom:12px; width:100%; position:relative; padding-left:20px}
ul.notizie li a{display:block; width:100%; color:#666; text-decoration:none; font-size:0;}
ul.notizie li span{display:inline-block; vertical-align:middle; font-size:14px;}
ul.notizie li span.data{ width:30%; margin-right:2%; font-size:38px; color:#9d9d9d; line-height:26px; padding-top:8px; text-align:center; position:relative;}
ul.notizie li span.data span{font-size:14px; display:block;}
ul.notizie li span.desc{width:68%; font-size:14px;}
ul.notizie li a:hover{color:#296aa7;}
ul.notizie li a:hover span{color:#296aa7;}

article ul.notizie{margin:16px 0;}
article ul.notizie li span.data{ width:15%; margin-right:2%;}
article ul.notizie li span.desc{ width:73%;}

table.scheda-azienda td a{text-decoration:none; color:#666;}
table.scheda-azienda td {border-left: 1px solid #336699 !important; width:35%; text-align:center !important;}
table.scheda-azienda td:first-child{border:none !important; width:65%; text-align:left !important;}
table.scheda-azienda thead td{border:none !important;}
table.scheda-azienda thead td:last-child{text-align:right !important;}

.comparto-body article ul.notizie li{margin-bottom:8px; font-size:0;}
.comparto-body article ul.notizie li span.data{width:25%;}
.comparto-body article ul.notizie li .locked-icon{left:0; top:0;}
.comparto-body article ul.notizie li .unlocked-icon{left:0; top:0;}
.comparto-body article ul.notizie li .locked-icon-news{left:0; top:0;}
.comparto-body article ul.notizie li .unlocked-icon-news{left:0; top:0;}

aside .loghi li{border-right:8px solid #ccc; margin-bottom:8px; height:56px;}
aside .loghi li img{ max-height:56px; width:auto; max-width:80%;}
aside .contatti{border-top:1px solid #ccc; padding-top:18px; margin-top:30px; margin-bottom:16px;}
aside .contatti li{padding-left:30px; margin-bottom:8px;}
aside .contatti li.telefono{background:url(../img/icon-telefono-aziende.png) no-repeat 0 0;}
aside .contatti li.mail{background:url(../img/icon-mail-aziende.png) no-repeat 0 0;}
aside .contatti li a{text-decoration:none; color:#666;}
aside .contatti li a:hover{color:#133e71;}
aside .contatti li.website{background:url(../img/icon-website-aziende.png) no-repeat 0 0;}
aside .indirizzo{background:url(../img/icon-indirizzo.png) no-repeat 0 0; margin-top:16px;}
aside .indirizzo p{padding-left:30px; border-bottom:1px solid #ccc; padding-bottom:18px;}

article ul, article ol{margin:16px 16px 16px 44px;}
article ul li, article ol li{margin-bottom:8px;}

article ul.allegati{list-style:none; padding:0; margin:20px 0;}
article ul.allegati li{margin-bottom:14px; font-size:16px;}
article ul.allegati a{display:block; text-decoration:none; color:#666; background:url(../img/icon-pdf.png) no-repeat 0 0; padding-left:20px;}
article ul.allegati a:hover{color:#133e71;}

/*.slider{margin-top:24px;}
.slider #cycle-1 img { width: 100%; height: auto; display: block; }
.slider #cycle-2{text-align:justify;}
.slider #cycle-2 img{ cursor:pointer; border:4px solid #fff; margin:4px 0; height:auto;}
.slider #cycle-2 div{border:3px solid #fff; max-width:25%;}
.slider #cycle-2 img{width:100%; height:auto; display:block;}
#cycle-2 .cycle-slide {border: 3px solid #fff;}
.slider #cycle-2 .cycle-slide-active {border:4px solid #133e71;}


#slideshow-1, #slideshow-2 {
width: 50%;
max-width: 600px;
margin: auto;
}

#slideshow-2 {
margin-top: 10px;
}

*/

blockquote{background: #f9f9f9; border-left: 10px solid #ccc; margin: 1.5em 10px; padding: 0.5em 10px; quotes: "\201C""\201D""\2018""\2019";}
blockquote:before{color: #ccc; content: open-quote; font-size: 4em; line-height: 0.1em; margin-right: 0.25em;  vertical-align: -0.4em;}
blockquote p{display: inline;}

.flexslider{margin:0 !important; box-shadow:none !important; border:0 !important;}
#carousel li{margin-right: 3px; opacity:.6; cursor:pointer;}
#carousel li.flex-active-slide{opacity:1;}


.slider #pagination{text-align:center; font-size:16px; padding-top:8px;}
.slider #pagination a{text-decoration:none; background:#133e71; color:#fff; font-size:18px; display: inline-block; height: 25px; line-height: 25px; padding: 0 8px;}

.share-bar{padding-top:38px;}
.share-bar a{display:inline-block; color:#005e9e; text-decoration:none; font-size:18px; padding-left:34px; height:25px; margin-right:16px;}
.share-bar a.condividi{background:url(../img/icon-share.png) no-repeat 0 0;}
.share-bar a.stampa{background:url(../img/icon-stampa.png) no-repeat 0 0;}

.error h1{font-size:60px; font-family:'roboto_condensedregular'; font-weight: 400; font-style: normal; text-align:center; color:#e2e1e1; padding-top:42px; }
.error h1 span{display:inline-block; font-size:40px; font-family:'roboto_condensedregular'; font-weight: 400; font-style: normal; width:40px; height:40px; line-height:40px; border-radius:50%; text-align:center; background:#e2e1e1; color:#fff; vertical-align:middle; margin-right:16px;}

.error p{text-align:center;}
.error p a{color:#133e71; text-decoration:none;}
.error p a:hover{text-decoration:underline;}
div.login{max-width:580px; margin:32px auto 0; background:#286aa6; color:#fff;}
div.login h2{font-family:'roboto_condensedregular'; font-weight: 400; font-style: normal; font-size:34px; color:#fff; padding:4px 8px; margin-bottom:8px;}
div.login p{padding: 10px;}
div.login li.privacy{font-size:12px;}
div.login li.privacy span{display:block; cursor:pointer;}
div.login li.privacy span:hover{text-decoration:underline;}
div.login input, div.login textarea{width:100%;}
div.login button{background:#2c5281; margin:0; border:0; color:#fff; text-transform:uppercase; padding:4px 32px !important; font-size:16px; cursor:pointer;}
div.login li.privacy a{text-decoration:none;color:#FFFFFF;}
div.login li.privacy a:hover{text-decoration:underline;}

article .tab{border-bottom:3px solid #e6e6e6; margin-bottom:26px;}
article .tab ul{margin:0; padding:0; list-style:none;}
article .tab ul li{float:left; margin-right:8px;}
article .tab ul li a{display:block; padding:8px 16px; color:#666; text-decoration:none; font-size:20px; background:none; position:relative;}
article .tab ul li a.current, article .tab ul li a:hover{color:#fff; background:#296aa7;}
article .tab ul li a.current:before{content:""; display:block; width:0; height:0; border-style:solid; border-width:10px 10px 0 10px; border-color: #e6e6e6 transparent  transparent transparent; position:absolute; bottom:-24px; left:50%; margin-left:-10px;}

article .tab.mese{background:#fff; margin-top:-30px; position:relative; clear:left;}
article .tab.mese ul li a{padding:4px; font-size:14px;}
article .tab.mese ul li a.current:before{content:""; display:block; width:0; height:0; border-style:solid; border-width:10px 10px 0 10px; border-color: #e6e6e6 transparent  transparent transparent; position:absolute; bottom:-24px; left:50%; margin-left:-10px;}

table{width:100%; margin:auto; margin-top:20px;margin-bottom:40px;}
table thead{background:#f1f1f1; border-bottom: 12px solid #fff;}
table thead td{padding:4px; text-align: right; padding-right: 20px; color:#0063a2; font-family: 'roboto_condenseditalic'; font-weight: 400; font-style: italic; font-size:16px;}
table thead td:first-child{text-align:left; color:#999;}
table tbody tr{border-top:1px solid #336699;}
table tbody tr:first-child{border:0;}
table tbody td{ border-right:1px solid #d3d3d3; text-align:right; padding: 8px 20px 8px 8px; font-size:14px;}
table tbody td:first-child{text-align:left;}
table tbody td:first-child, table tbody td:last-child{border:0;}

article table.documenti{width:100%;}
article table.documenti tr{border-top:1px solid #d3d3d3; position:relative;}
article table.documenti tr:first-child{border-top:0;}
article table.documenti tr:hover{background:#e9f4f6;}
article table.documenti thead { background: #f1f1f1; border-bottom: 12px solid #fff; }
article table.documenti thead th { padding: 8px 18px; color: #0063a2; font-family: 'roboto_condenseditalic'; font-weight: 400; font-style: italic; font-size: 16px; text-align: left;}
article table.documenti td{color:#666; padding:8px 16px;}
article table.documenti td a{display:block; text-decoration:none; color:#666;}
article table.documenti td.tipo img{vertical-align:middle;}
article table.documenti td.data{border-left:1px solid #d3d3d3; border-right:1px solid #d3d3d3; font-family: 'roboto_condenseditalic'; font-weight: 400; font-style: italic; }
article table.documenti td.titolo{width:87%; text-align:left;}
article table.documenti td:first-child{width:5%;}

.locked-icon{display:block; width:16px; height:16px; border-radius:50%; position:absolute; top:-4px; right:-8px; background:#005a95 url(../img/icon-locked.png) no-repeat 90% 100%;}
.unlocked-icon{display:block; width:16px; height:16px; border-radius:50%; position:absolute; top:-4px; right:-8px; background:#fff url(../img/icon-unlocked.png) no-repeat 90% 100%;}
.locked-icon-news{display:block; width:16px; height:16px; border-radius:50%; position:absolute; top:-4px; right:-8px; background:#005a95 url(../img/icon-locked.png) no-repeat 90% 100%;}
.unlocked-icon-news{display:block; width:16px; height:16px; border-radius:50%; position:absolute; top:-4px; right:-8px; background:#fff url(../img/icon-unlocked.png) no-repeat 90% 100%;}
ul.notizie .locked-icon{right:auto; left:10%;}
ul.notizie .unlocked-icon{right:auto; left:10%;}
ul.notizie .locked-icon-news{right:auto; left:0;}
ul.notizie .unlocked-icon-news{right:auto; left:0;}
article table.wrap-table td .wrap-td{position:relative;}

table.merceologia{width:100%; margin-bottom:16px; position:relative;}
table.merceologia th, article table.merceologia td{padding:8px; text-align:left;}

table.merceologia td.codice{width:25%;}
table.merceologia td.titolo{width:60%;}
table.merceologia td.features{width:5%; text-align:center;}

table.merceologia td.select-all{text-align:right; font-size:13px; font-family: 'roboto_condenseditalic'; font-weight: 400; font-style: italic; padding-right:8px !important;}

table.merceologia th .gestisci{display:inline-block; background:#133e71; position:absolute; top:6px; right:6px; color:#fff; font-family:'roboto_condensedregular'; font-weight: 400; font-style: normal; padding:2px 8px; cursor:pointer;}

table.merceologia tr{border-top:1px solid #d3d3d3;}
table.merceologia tr:first-child{border-top:0;}

table.merceologia thead {background: #f1f1f1; border-bottom: 12px solid #fff;}
table.merceologia thead th{color: #0063a2; font-family: 'roboto_condenseditalic'; font-weight: 400; font-style: italic; font-size: 16px;}
table.merceologia thead th:nth-child(2){padding-right:80px;}

table.merceologia td{border-left:1px solid #d3d3d3;}
table.merceologia.empty td, table.merceologia td:first-child{border-left:0;}

table.merceologia td.categoria{color: #0063a2; font-family: 'roboto_condenseditalic'; font-weight: 400; font-style: italic;}

.rwd-video {height: 0;overflow: hidden;padding-bottom: 56.25%;padding-top: 30px;position: relative; margin: 30px 0}
.rwd-video iframe,.rwd-video object,.rwd-video embed {height: 100%;left: 0;position: absolute;top: 0;width: 100%;}
.doc-prog{display: -webkit-box;display: -ms-flexbox; display: flex;}
.doc-prog h1{display: block;-webkit-box-flex:1;-ms-flex:1;flex:1}
.doc-prog h1 a img{width: 100%; height: auto}
.doc-prog h1 a span{margin-bottom: 15px; display: block}
.doc-prog h1 a{text-decoration: none}
.doc-prog h1+h1{margin-left: 20px}

.leggi-tutte{color:#00458a; font-size:14px; text-decoration:none; float:right;}
.leggi-tutte:hover{color:#01385c;}

.tooltip {position:absolute; display:none; padding:8px; color:#fff; background:#005a95; max-width:200px; color:#DDD; z-index:9999; font-family: 'roboto_condenseditalic'; font-weight: 400; font-style: italic;}
.tooltip:before {content:""; position:absolute; top:50%; margin-top:-6px; left:-8px; width:0; height:0; border-style:solid; border-width:8px 8px 8px 0; border-color: transparent #005a95 transparent transparent;}

article .modifica-form{display:block; background:#005a95; color:#fff; text-transform:uppercase; width:88px; height:34px; line-height:34px; text-align:center; font-size:18px; cursor:pointer; position: absolute; right: 0; top: 25px;}
article .modifica-form:hover{background:#01385c;}

article form{position:relative;}
article form h2{font-size:21px; margin:24px 0 8px 0; clear:both;}
article form h3{font-size:19px;}
article form.disable h2, article form.disable h3{color:#A6A6A6;}
article form ul{margin:0; padding:0; list-style:none;}
article form ul li{padding:8px; margin:0;}
article form ul li.scheda-pubblica{background:#e9f4f6;}
article form label{width:30%; display:inline-block; vertical-align:middle; position:relative;}
article form label[for="presentazione"]{vertical-align:top;}
article form.disable label .info-icon, article form.disable h2 .info-icon, article form.disable .info-icon {display:none;}
article form label .info-icon, article form h2 .info-icon, article form .info-icon{display:inline-block; background:#005a95; color:#fff; text-align:center; line-height:16px; width:16px; height:16px; font-family: 'roboto_condenseditalic'; font-weight: 400; font-style: italic; border-radius:50%; font-size:13px; margin-left:4px;}
article form.disable input, article form.disable select, article form.disabled textarea{color:#c7c7c7;}
article form input, article form select, article form textarea{width:68%; display:inline-block; vertical-align:middle; border:1px solid #cdcdcd; height:32px; /*box-shadow: inset 0 0 14px #cdcdcd;*/ padding-left:8px; color:#666; font-family: 'roboto_condenseditalic', Arial; font-weight: 400; font-style: italic;}
article form input#ragione-sociale, article form input#forma-giuridica{text-transform:uppercase;}
article form .appalti select{width:100%;}
article form textarea{height:220px; vertical-align:top;}
article form .salva-form{display:block; background:#005a95; color:#fff; text-transform:uppercase; width:88px; height:34px; line-height:34px; text-align:center; font-size:18px; cursor:pointer; position: absolute; right: 0; top: -61px; border:0; display:none;}
article form .salva-form:hover{background:#01385c;}
.modify-anagafica{padding-top:16px;}
.modify-anagafica .modifica-form{background:#005a95; color:#fff; text-transform:uppercase; height:34px; line-height:34px; text-align:center; font-size:18px; cursor:pointer;}
.modify-anagafica .salva-form{display:block; background:#005a95; color:#fff; text-transform:uppercase; width:100%; height:34px; line-height:34px; text-align:center; font-size:18px; cursor:pointer; border:0; display:none;}
.modify-anagafica .modifica-form:hover, .modify-anagafica .salva-form:hover{background:#01385c;}
article form .mask{position:absolute; top:0; right:0; bottom:0; left:0; background:none;}
article form #avatarupload{width:100%; border:0; margin-top:8px; padding-left:0;}

article form .testata h2{display:inline-block;}
article form .testata .button-modify{display:none; width:18px; height:18px; line-height:18px; text-align:center; background:#005a95; margin-left:8px; margin-top:6px; cursor:pointer; position:relative; z-index:666;}
article form .testata .button-save{display:inline-block; width:18px; height:18px; line-height:18px; text-align:center; background:#005a95 url(../img/icon-save.png)  no-repeat 0 0; text-indent:-999px; overflow:hidden; margin-left:8px !important; margin-top:-9px !important; cursor:pointer; position:relative; z-index:666; border:0; padding:0;}

article form.disable .testata .button-modify{display:inline-block;}
article form.disable .testata .button-save{display:none;}

article form .tabella-cariche{width:100%; margin-bottom:24px;}
article form .tabella-cariche thead{background: #f1f1f1; border-bottom: 12px solid #fff;}
article form .tabella-cariche thead th{padding: 8px 20px 8px 8px; color: #0063a2; font-family: 'roboto_condenseditalic'; font-weight: 400; font-style: italic;  font-size: 16px; text-align: left;}
article form .tabella-cariche tr{border-top: 1px solid #336699;}
article form.disable .tabella-cariche tr{border-top: 1px solid #888;}
article form .tabella-cariche td .del{display:none; width:16px; height:16px; color:#fff; text-align:center; background:#133e71; line-height:14px; border-radius:50%; cursor:pointer;}
article form .tabella-cariche tr:first-child{border-top:none;}

article form .tabella-cariche tr:hover{background:#e7f2fd;}

article form .tabella-cariche tr:hover td .del{display:inline-block;}

article form .tabella-cariche td{border-right: 1px solid #336699; text-align: left; padding: 8px 20px 8px 8px; font-size: 16px;}
article form.disable .tabella-cariche td{border-right: 1px solid #888; color:#C7C7C7;}
article form .tabella-cariche td:last-child{border-right:0; width:23%;}

article form.disable .tabella-cariche thead th{color:#999;}

article form li.lista-funzioni{width: 100%; overflow: visible;}
article form li.lista-funzioni > label{vertical-align:top;}
article form li.lista-funzioni > ul{display:inline-block; width:69%; vertical-align:top;}
article form li.lista-funzioni > ul li{padding:8px 0;}

.addthis_toolbox{margin-top: 80px;}

ul.esito-ricerca{padding:0; margin:0; list-style:none; text-align:justify; margin-top:16px;}
ul.esito-ricerca li{display:inline-block; width:24%; height:142px; vertical-align:top; position:relative;}
ul.esito-ricerca li a{display:block; border: 8px solid #f2f2f2; height:142px; text-decoration:none; }
ul.esito-ricerca li a:hover{border: 8px solid #c8c8c8;}

ul.esito-ricerca li figure{text-align:center;}
ul.esito-ricerca li figure img{vertical-align: middle; margin-top: 14px; max-width: 70%; height: auto; max-height: 80px;}

ul.esito-ricerca li figure img[alt="LogoAssoascensori"], ul.esito-ricerca li figure img[alt="LogoAutomazione"]{max-width:90%;}

ul.esito-ricerca li figure figcaption{color:#666; padding:0 8px 8px 8px; position:absolute; bottom:8px; left:0; right:0; text-align:center; font-size:13px; text-transform:uppercase;}


.pagination ul{width:100%; overflow:hidden; text-align:center; margin:0 auto;}
.pagination ul li{display:inline-block; margin: 0 8px; text-decoration:none; color:#fff;}
.pagination ul li.active {padding: 0 4px; background:#0061a1;}
.pagination ul li a{display:block; padding: 0 4px; background: #cdcdcd; color:#fff;}
.pagination ul li a:hover, .pagination ul li.active a{background:#0061a1;}
.pagination ul li:first-child{color:#0061a1; background:none;}
.pagination ul li:last-child{color:#0061a1; background:none;}
.pagination ul li.disabled{color:#666;}
.pagination ul li a{text-decoration:none; color:#fff;}

article form ul li input.button-add{margin-left:2% !important; background:#005a95; color:#fff; box-shadow:none; color:#fff; text-transform:uppercase;}

article form input[type="checkbox"], article form input[type="radio"]{width:auto; height:auto; box-shadow:none; margin:0 4px 0 0;}
article form input[type="checkbox"] + label, article form input[type="radio"] + label{width:auto; margin:0 0 0 4px;}

article form input.button-add{display: inline-block; padding: 4px 8px !important; margin: 18px 8px 18px 18px !important; cursor: pointer; width: auto; height: auto; background:#005a95; color:#fff; text-transform:uppercase; font-family:'roboto_condensedregular'; font-weight: 400; font-style: normal; border:0; font-size:16px; float:right; cursor:pointer; box-shadow:none;}

.one-columns.profilo article form li{padding:8px 0;}
.one-columns.profilo article form li input, .one-columns.profilo article form li textarea{width:69.5%;}

.chosen-container .chosen-choices{border: 1px solid #cdcdcd !important; font-family:'roboto_condensedregular'; font-weight: 400; font-style: normal; padding:4px !important; background-image:none !important;}
.chosen-container-active .chosen-choices{border:0 !important;}

.chosen-container-multi .chosen-choices li.search-choice { border:0 !important; padding:4px 26px 4px 8px !important;}
form.disable .chosen-container-multi .chosen-choices li.search-choice{color:#B7B6B6 !important;}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close{font-size:14px; background:#133e71 !important; color:#fff; border-radius:50%; text-align:center; font-family: 'roboto_condensedlight'; font-weight: 200; font-style: normal; margin-left:8px; font-size:13px !important; width:14px !important; height:14px !important; right:6px !important; top:4px !important;}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:before{content:"\00D7";}

.multival-container {vertical-align:top;}
.multival-container input{width:84%;}
.multival-container button {width:15%; margin-left:1% !important; height:32px; vertical-align:middle; padding:0; text-align:center; border:0; background:#005a95; color:#fff; text-transform:uppercase; font-size:16px; font-family: 'roboto_condensedregular'; font-weight: 400; font-style: normal; cursor:pointer;}
.multival-labels {margin-bottom:4px;}
.multival-labels div {background:#FFF; border:1px solid #CCC; border-radius:4px; box-shadow:inset 0 1px 3px #DDD; padding:2px 4px; display:inline-block; vertical-align:top; margin-right:2px; color:#333; font-size:13px; margin-top:4px;}
.multival-labels div span {display:inline-block; width:14px !important; height:14px; font-size:13px; text-align:center; line-height:13px; margin-top:1px; margin-left:2px; cursor:pointer; font-weight:700; color:#fff; background:#133e71; border-radius:50%; font-family: 'roboto_condensedlight';
font-weight: 200;
font-style: normal;}
.multival-labels div span:hover {color:#D44;}

.dp-choose-date{display:none;}

article form.disable input.button-add, article form.disable .multival-container button, article form.disable .chosen-container-multi .chosen-choices li.search-choice .search-choice-close, article form.disable .multival-labels div span  {background:#DBDBDB !important;}

div.dp-popup {background:#FFF; font-size:15px; font-family:Roboto, Arial; padding:6px; width:320px; line-height:1.2em;}
div.dp-popup h2 {font-size:13px; background:#133e71; margin:0; padding:4px 0; color:#FFF; font-weight:400; text-transform:uppercase; font-family:Roboto Condensed, Arial;}
div.dp-popup a {color:#fff; padding:3px 4px 0; font-family:Raleway, Arial; font-weight:700; letter-spacing:-2px; margin:4px;}
table.jCalendar {width:100%; border:0; background:#FFF; border-collapse:separate; border-spacing:4px;}
table.jCalendar th {background:#FFF; color:#333; font-weight:400; padding:3px 5px; font-size:11px; text-transform:uppercase; text-align:center;}
table.jCalendar td {background:#EEE; color:#333; padding:4px 0; width:14.28%; text-align:center; font-family:Roboto Condensed, Arial; font-size:13px; font-weight:700;}
table.jCalendar td.selected {background:#0BC;}
table.jCalendar td.selected.dp-hover {background:#0CD;}
table.jCalendar td.disabled, 
table.jCalendar td.disabled.dp-hover {background:#DDD; color:#EEE;}

article ol.organigramma{margin:24px 0 0 0; padding:0; list-style:none;}
article ol.organigramma li{margin-bottom:30px;}
article ol.organigramma li > span.inline{display:block;text-align:center;}
article ol.organigramma span.carica{font-family: 'roboto_condenseditalic'; font-weight: 400; font-style: italic; color:#0063a2; font-size:22px; margin-bottom:14px;}
article ol.organigramma span.incaricato{background:#f1f1f1; padding:8px; border-left:8px solid #6699cc; margin:4px 0; color:#666; font-size:17px;}
article ol.organigramma span.incaricato span{color:#999; font-family: 'roboto_condenseditalic'; font-weight: 400; font-style: italic;}


article ol.organigramma li{text-align:center;}
article ol.organigramma li.carica{font-family: 'roboto_condenseditalic'; font-weight: 400; font-style: italic; color:#0063a2; font-size:22px; margin:12px 0;}
article ol.organigramma li.incaricato{background:#f1f1f1; padding:8px; border-left:8px solid #6699cc; margin:4px 0; color:#666; font-size:17px;}
article ol.organigramma li.incaricato span{color:#999; font-family: 'roboto_condenseditalic'; font-weight: 400; font-style: italic;}

article a, article a:hover{color:#133e71;}
article a:visited{color:#999;}
article p.evidenziato a:visited{color:#cdcdcd;}

footer .wrapper-width{overflow:hidden;}
footer .sezioni .wrapper-width{background: #f2f1f1;}
footer .sezioni{background:#e0e0e0; width:100%; overflow:hidden; box-shadow: 2px 2px 6px #d5d5d5; position: relative; z-index: 6;}
footer .sezioni a.collegamento{display:block; float:left; width:25%; background:#f2f1f1; padding:12px 36px; text-align:center; text-decoration:none;}
footer .sezioni a.collegamento figure{position:relative; margin: 0 auto; width: 100px; height:75px; transition:margin .4s; background-image: url(../img/icon-servizi-set.png); background-position: 0 0; background-repeat: no-repeat;}
footer .sezioni a.collegamento figure.comparti{background-position: 0 0;}
footer .sezioni a.collegamento figure.servizi{background-position: -90px 0;}
footer .sezioni a.collegamento figure.focus{background-position: -202px 0;}
footer .sezioni a.collegamento figure.cerca-aziende{background-position: -302px 0;}
footer .sezioni a.collegamento h3{text-transform:uppercase; color:#666; font-size:18px; font-family:'roboto_condensedregular'; font-weight: 400; font-style: normal; margin:4px 0 8px;}
footer .sezioni a.collegamento p{color:#aeaeae;}
footer .sezioni a.collegamento:hover h3{color:#2c5281; }

footer .sezioni h4{background:#f2f1f1; padding:8px; font-family:'roboto_condensedregular'; font-weight: 400; font-style: normal; font-size:16px;}
footer .sezioni a.collegamento:hover figure{margin:-10px auto 0 auto;}

footer .riferimenti{background:#fff; padding:24px 0; box-shadow: 2px 2px 6px #d5d5d5; position: relative; z-index: 5;}
footer .riferimenti ul{width:100%; overflow:hidden; margin:0; padding:0; list-style:none;}
footer .riferimenti ul li{float:left; font-size:12px; width:27%;}
footer .riferimenti ul li:first-child{width:30%;}
footer .riferimenti ul li a{display:inline-block;}
footer .riferimenti ul li .expo{border-right:1px solid #999; padding-right:8px;}
footer.comparti .riferimenti ul li:first-child{width:57%;}
footer.comparti figure.logo img{margin-right:12px;}
footer.comparti figure.logo .expo img{margin-right:0;}
footer .riferimenti ul li:last-child{width:16%;}
footer .riferimenti ul li strong{font-size:14px; font-family: 'roboto_condensedbold'; font-weight: 600; font-style: normal;}

footer .copy{padding:16px 0;}
footer .copy ul{padding:0; list-style:none; margin:0; width:100%; overflow:hidden;}
footer .copy ul li{float:left; border-left:1px solid #666; padding:0 24px; font-size:12px; color:#666; line-height:12px;}
footer .copy ul li:first-child{border-left:0; padding: 0 24px 0 0;}
footer .copy ul li a{color:#666; text-decoration:none;}
footer .copy ul li a:hover{color:#2c5281;}

.diventa-socio{display:block; text-decoration:none; color:#0067a5; text-transform:uppercase; font-family:'roboto_condensedregular'; font-weight:400; font-style:normal; font-size:12px; text-align:center; line-height:20px; margin-top:40px;}

/* inizio stile pagine comparti*/
/*.comparti header {background:#133e71; border-bottom: 4px solid #0067a5; height: 160px;}*/
.comparti header {border-bottom: 4px solid #fec500; background: url(../img/testata-ceced.jpg) no-repeat center top; height:160px;}

.comparti.energia header {border-bottom: 4px solid #0067a5; background: url(../img/testata-energia.jpg) no-repeat center top;}
.comparti.assifer header {border-bottom: 4px solid #d1c402; background: url(../img/testata-assifer.jpg) no-repeat center top;}
.comparti.aice header {border-bottom: 4px solid #f06111; background: url(../img/testata-aice.jpg) no-repeat center top;}
.comparti.automazione header {border-bottom: 4px solid #cba262; background: url(../img/testata-automazione.jpg) no-repeat center top;}
.comparti.componenti-elettronici header {border-bottom: 4px solid #f06111; background: url(../img/testata-componenti-elettronici.jpg) no-repeat center top;}
.comparti.sicurezza header {border-bottom: 4px solid #029432; background: url(../img/testata-sicurezza.jpg) no-repeat center top;}
.comparti.ascensori header {border-bottom: 4px solid #9ccdd8; background: url(../img/testata-ascensori.jpg) no-repeat center top;}
.comparti.gifi header {border-bottom: 4px solid #f06111; background: url(../img/testata-rinnovabili.jpg) no-repeat center top;}
.comparti.csi header {border-bottom: 4px solid #fec500; background: url(../img/testata-csi.jpg) no-repeat center top;}
.comparti.assiot header {border-bottom: 4px solid #003880; background: url(../img/testata-assiot.jpg) no-repeat center top;}
.comparti.assil header {border-bottom: 4px solid #fec500; background: url(../img/testata-assil.jpg) no-repeat center top;}
.comparti.reti header {border-bottom: 4px solid #0067a5; background: url(../img/testata-reti.jpg) no-repeat center top;}
.comparti.ceced header {border-bottom: 4px solid #0067a5; background: url(../img/testata-ceced.jpg) no-repeat center top;}
.comparti.animp header {border-bottom: 4px solid #029432; background: url(../img/testata-animp.jpg) no-repeat center top;}
.comparti.assiv header {background-color : #0f66c9; border-bottom: 4px solid #0f66c9; background: url(../img/testata-assiv.jpg) no-repeat center top;}
.comparti.aniesit header {background-color : #0f66c9; border-bottom: 4px solid #0f66c9; background: url(../img/testata-aniesit.jpg) no-repeat center top;}


.comparti > header .wrapper-width{height:162px;}
.comparti > header figure{width:220px; height:105px; background:#fff; position:absolute; right:0; bottom:6px; text-align:center; line-height:105px; box-shadow: 0 0 4px #666;box-shadow: 0 0 4px #666;}
.comparti > header figure img{max-width:90%; height:auto; vertical-align:middle;}

.comparti.home .notizie{width:100%; overflow:hidden; position:relative;}
.comparti.home .notizie > div{float:left; width:50%;}
.comparti.home .notizie .eventi{padding-right:8px;}
.comparti.home .notizie .eventi:before{content:""; display:block; width:1px; position:absolute; top:0; bottom:0; left:50%; background:#e3e3e3; }
.comparti.home .notizie .principali{padding-left:8px;}
.comparti.home .notizie div h3{padding-top:12px; padding-bottom:12px; border-top: 1px solid #e3e3e3;}
.comparti.home .notizie div ul{margin:0; padding:0; list-style:none;}
.comparti.home .notizie div figure{margin-top:32px; position:relative;}
.comparti.home .notizie div figure img{width:100%; height:auto;}
.comparti.home .notizie div figure figcaption{position:absolute; top:16px; right:0;}
.comparti.home .notizie div figure span{display:block; padding:4px; color:#fff; text-align:right; float:right; }
.comparti.home .notizie div figure span.titolo{text-transform:uppercase; background:#f0842d; font-size:22px; margin-bottom:8px;}
.comparti.home .notizie div figure span.sottotitolo{background:#fcb040; font-size:18px; clear:both;}


.comparti.energia.home .notizie div figure span.titolo {background: #0067a5;}
.comparti.assifer.home .notizie div figure span.titolo {background: #d1c402;}
.comparti.aice.home .notizie div figure span.titolo {background: #f06111;}
.comparti.automazione.home .notizie div figure span.titolo {background: #cba262;}
.comparti.componenti-elettronici.home .notizie div figure span.titolo {background: #f06111;}
.comparti.sicurezza.home .notizie div figure span.titolo {background: #029432;}
.comparti.ascensori.home .notizie div figure span.titolo {background: #9ccdd8;}
.comparti.gifi.home .notizie div figure span.titolo {background: #f06111;}
.comparti.csi.home .notizie div figure span.titolo {background: #fec500;}
.comparti.assiot.home .notizie div figure span.titolo {background:#003880;}
.comparti.assil.home .notizie div figure span.titolo {background: #fec500;}
.comparti.reti.home .notizie div figure span.titolo {background: #0067a5;}
.comparti.ceced.home .notizie div figure span.titolo {background:#0067a5;}

.comparti.energia.home .notizie div figure span.sottotitolo {background: #0485d3;}
.comparti.assifer.home .notizie div figure span.sottotitolo {background: #f8ef6a;}
.comparti.aice.home .notizie div figure span.sottotitolo {background: #fea573;}
.comparti.automazione.home .notizie div figure span.sottotitolo {background: #eec078;}
.comparti.componenti-elettronici.home .notizie div figure span.sottotitolo {background: #fea573;}
.comparti.sicurezza.home .notizie div figure span.sottotitolo {background: #52d57d;}
.comparti.ascensori.home .notizie div figure span.sottotitolo {background: #edcd61;}
.comparti.gifi.home .notizie div figure span.sottotitolo {background: #fea573;}
.comparti.csi.home .notizie div figure span.sottotitolo {background: #edcd61;}
.comparti.assiot.home .notizie div figure span.sottotitolo {background:#4b87d4;}
.comparti.assil.home .notizie div figure span.sottotitolo {background: #edcd61;}
.comparti.reti.home .notizie div figure span.sottotitolo {background: #0485d3;}
.comparti.ceced.home .notizie div figure span.sottotitolo {background:#0485d3;}


.comparti nav.page > ul > li > a{border-left:8px solid #0067a5;}

.comparti.energia nav.page > ul > li > a {border-left: 4px solid #0067a5;}
.comparti.assifer nav.page > ul > li > a {border-left: 4px solid #d1c402;}
.comparti.aice nav.page > ul > li > a {border-left: 4px solid #f06111;}
.comparti.automazione nav.page > ul > li > a {border-left: 4px solid #cba262;}
.comparti.componenti-elettronici nav.page > ul > li > a {border-left: 4px solid #f06111;}
.comparti.sicurezza nav.page > ul > li > a {border-left: 4px solid #029432;}
.comparti.ascensori nav.page > ul > li > a {border-left: 4px solid #9ccdd8;}
.comparti.gifi nav.page > ul > li > a {border-left: 4px solid #f06111;}
.comparti.csi nav.page > ul > li > a {border-left: 4px solid #fec500;}
.comparti.assiot nav.page > ul > li > a {border-left: 4px solid #003880;}
.comparti.assil nav.page > ul > li > a {border-left: 4px solid #fec500;}
.comparti.reti nav.page > ul > li > a {border-left: 4px solid #0067a5;}
.comparti.ceced nav.page > ul > li > a {border-left: 4px solid #0067a5;}



.comparti article h1{font-family:'roboto_condensedregular'; font-weight: 400; font-style: normal; color:#666; font-size:30px; margin-bottom:0; line-height:32px; margin-bottom:10px;}
/*.comparti article h2{font-family: 'roboto_condenseditalic'; font-weight: 400; font-style: italic; color:#0063a2; font-size:26px; text-align:center; padding:8px; background:#f1f1f1; border-left:8px solid #6699cc; line-height:22px; margin-bottom:20px; margin-top:14px;}*/
.comparti article h2 span{font-size:17px;}
.comparti article h3{margin-bottom:16px;}

.comparti aside h3{margin-bottom:8px; margin-top:34px;}
aside h3:not(:first-child) {margin-top:34px;}
aside .link-esplora a{display:block; padding:8px 8px 8px 36px; color:#fff; text-transform:uppercase; background-color:#0063a2; margin-bottom:8px; font-size:13px; text-decoration:none;}
aside .link-esplora a.associarsi{background-image:url(../img/icon-associarsi.png); background-repeat:no-repeat; background-position: 8px 50%;}
aside .link-esplora a.aziende{background-image:url(../img/icon-aziende.png); background-repeat:no-repeat; background-position: 8px 50%;}
aside .link-esplora a:hover{background-color:#01385c;}

.comparti.energia aside .link-esplora a {background-color: #0067a5;}
.comparti.assifer aside .link-esplora a {background-color: #d1c402;}
.comparti.aice aside .link-esplora a {background-color: #f06111;}
.comparti.automazione aside .link-esplora a {background-color: #cba262;}
.comparti.componenti-elettronici aside .link-esplora a {background-color: #f06111;}
.comparti.sicurezza aside .link-esplora a {background-color: #029432;}
.comparti.ascensori aside .link-esplora a {background-color: #9ccdd8;}
.comparti.gifi aside .link-esplora a {background-color: #f06111;}
.comparti.csi aside .link-esplora a {background-color: #fec500;}
.comparti.assiot aside .link-esplora a {background-color: #003880;}
.comparti.assil aside .link-esplora a {background-color: #fec500;}
.comparti.reti aside .link-esplora a {background-color: #0067a5;}
.comparti.ceced aside .link-esplora a {background-color: #0067a5;}


aside .link-gruppi li{margin-bottom:4px;}
aside .link-gruppi a{display:block; border-right:8px solid #dadada; text-decoration:none; color:#666; padding:4px 0;}
aside .link-gruppi a:hover{background:#0063a2; color:#fff; border-right:8px solid #0063a2; padding:4px;}


.comparti.energia aside .link-gruppi a:hover{background:#0067a5;}
.comparti.assifer aside .link-gruppi a:hover {background: #d1c402;}
.comparti.aice aside .link-gruppi a:hover {background: #f06111;}
.comparti.automazione aside .link-gruppi a:hover {background: #cba262;}
.comparti.componenti-elettronici aside .link-gruppi a:hover {background: #f06111;}
.comparti.sicurezza aside .link-gruppi a:hover {background: #029432;}
.comparti.ascensori aside .link-gruppi a:hover {background: #9ccdd8;}
.comparti.gifi aside .link-gruppi a:hover {background: #f06111;}
.comparti.csi aside .link-gruppi a:hover {background: #fec500;}
.comparti.assiot aside .link-gruppi a:hover {background: #003880;}
.comparti.assil aside .link-gruppi a:hover {background: #fec500;}
.comparti.reti aside .link-gruppi a:hover {background: #0067a5;}
.comparti.ceced aside .link-gruppi a:hover {background: #0067a5;}


aside .link-documenti li{margin-bottom:4px;}
aside .link-documenti a{display:block; border-right:8px solid #dadada; text-decoration:none; color:#666; padding:0 4px 0 26px; background:url(../img/icon-docu2.png) no-repeat 0 0;}
aside .link-documenti a:hover{color:#0063a2}

.comparti aside .comparto-energia h3{text-transform:uppercase; color:#fff; background:#f09a03;  font-family: 'roboto_condensedbold'; font-weight: 600; font-style: normal; border-top:1px solid #d7df21; border-left:1px solid #d7df21; border-right:1px solid #d7df21; font-size:15px; text-align:center; padding:4px;}
.comparti aside .comparto-energia figure{background:#fff;}
.comparti aside .comparto-energia figure img{margin:12px 0;}
.comparti aside .comparto-energia figure figcaption{color:#fff; background:#f09a03; border-bottom:1px solid #d7df21; border-left:1px solid #d7df21; border-right:1px solid #d7df21; padding:8px;}
.comparti aside .comparto-energia figure figcaption span{background:#8cc53d;}


.comparti table.statistiche{width:100%; margin-bottom:40px;}
.comparti table.statistiche thead{background:#f1f1f1; border-bottom: 12px solid #fff;}
.comparti table.statistiche thead td{padding:4px; text-align: right; padding-right: 20px; color:#0063a2; font-family: 'roboto_condenseditalic'; font-weight: 400; font-style: italic; font-size:16px;}
.comparti table.statistiche thead td:first-child{text-align:left; color:#999;}
.comparti table.statistiche tbody tr{border-top:1px solid #336699;}
.comparti table.statistiche tbody tr:first-child{border:0;}
.comparti table.statistiche tbody td{ border-right:1px solid #336699; text-align:right; padding: 8px 20px 8px 8px; font-size:16px;}
.comparti table.statistiche tbody td:first-child{text-align:left;}
.comparti table.statistiche tbody td:first-child, .comparti table.statistiche tbody td:last-child{border:0;}
.comparti article p{margin-top:0; margin-bottom:24px;}
.comparti article p.evidenziato{color:#666; background:#f1f1f1;}

/* fine stile pagine comparti*/

/* inizio stile home*/
.navigation-top{position:absolute; left:80px; top:50%; z-index:888;  }
.navigation-top li{width:40px; height:40px; line-height:40px; background:#fff; border-radius:50%; text-align:center; box-shadow:0 0 6px #999; cursor:pointer;}
.navigation-top span{display:inline-block; width: 0; height: 0;  border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #999;}

#index{background:url(../img/bg-index.jpg) right 0 no-repeat; color: white;} 
.due #index{background:url(../img/bg-index2.jpg) center 0 no-repeat; color: white;} 
.tre #index{background:url(../img/bg-index3.jpg) left 0 no-repeat; color: white;} 
#comparti{background: url(../img/bg-comparti.jpg) 50% 0 no-repeat; color: white; }
#servizi{ background: url(../img/bg-servizi.jpg) 50% 0 no-repeat; color: white;}
#focus{background: url(../img/bg-focus.jpg) 50% 0 no-repeat; color: white; }
#cerca{background: url(../img/bg-cerca.jpg) 50% 0 no-repeat; color: white;}

.quattro #index{background:url(../img/bg-index4.jpg) center 0 no-repeat; color: white;} 


.home .slide{min-height:760px;}

.slide{overflow:hidden; position:relative; }
.slide .contenuto{background:#f7f6f6; border-top:8px solid #fff; border-bottom:8px solid #fff; color:#666; position:absolute; top:50%; left:0; right:0; box-shadow: 0 0 8px #666;}

.slide nav.section-navigation{position:absolute; top:-20px; left:0;}
.slide nav.section-navigation li{display:block; float:left; margin-right:25px; cursor:pointer; min-width:33px;}
.slide nav.section-navigation li span{display:block; width:30px; height:30px; border:3px solid #fff; border-radius:50%; box-shadow:0 0 4px #888; transition:width .3s, height .3s; }
.slide nav.section-navigation li span:hover{width:33px; height:33px;}
.slide nav.section-navigation li span.comparti{background:#eb8d1b;}
.slide nav.section-navigation li span.servizi{background:#67a9e6;}
.slide nav.section-navigation li span.focus{background:#63bfa5;}
.slide nav.section-navigation li span.cerca{background:#999999;}
.slide nav.section-navigation li.current{text-align:center; font-size:20px; text-transform:uppercase;}
.slide nav.section-navigation li.current figure{margin-top:-22px;}

.slide nav.section-navigation li.current figure{background-image: url(../img/icon-servizi-set.png); background-repeat: no-repeat; height:82px; width:82px; overflow:hidden;}
#cerca.slide nav.section-navigation li.current figure{margin-left:26px;}
#comparti.slide nav.section-navigation li.current figure{background-position:-6px 0;}
#servizi.slide nav.section-navigation li.current figure{background-position:-100px 0;}
#focus.slide nav.section-navigation li.current figure{background-position:-212px 0;}
#cerca.slide nav.section-navigation li.current figure{background-position:-310px 0;}

.slide#index .esplora{width:55%; padding:22px; float:left; text-align:center;}
.slide#index .primo-piano{width:45%; padding:16px;  float:left; /*position:absolute;*/ top:0; bottom:0; right:0; background:#ededec;}
.slide#index .primo-piano:after{content:""; display:block; position:absolute; top:0; bottom:0; left:100%; width:1200px; background:#ededec;}
.slide#index h2{font-family:'roboto_condensedregular'; font-weight: 400; font-style: normal; font-size:30px; line-height:30px;}
.slide#index h3{font-family: 'roboto_condenseditalic'; font-weight: 400; font-style: italic; font-size:18px; margin-top:16px;}
.slide#index nav{margin:40px 0;}
.slide#index nav ul{width:100%; overflow:hidden;}
.slide#index nav li{float:left; width:25%; text-transform:uppercase; text-align:center; font-size:15px; display:block; cursor:pointer;}
.slide#index .contenuto{top:500px;}

.slide#index nav li figure{max-width:104px; height:103px; position:relative; margin-left: 8px; margin-top:0; transition: margin-top .4s;  background-image:url(../img/icon-servizi-set.png); background-position:0 0; background-repeat:no-repeat;}
.slide#index nav li:hover figure{margin-top:-6px;}
.slide#index nav li figure.comparti{background-position:0 0;}
.slide#index nav li figure.servizi{background-position:-90px 0;}
.slide#index nav li figure.focus{background-position:-202px 0;}
.slide#index nav li figure.cerca-aziende{background-position:-302px 0;}




.slide#index .scopri{border-top:1px solid #999; padding-top:16px; font-size:16px; font-family: 'roboto_condenseditalic'; font-weight: 400; font-style: italic; text-align:right;}
.slide#index .scopri a{display:inline-block; text-decoration:none; color:#666; background:#ccc; padding:8px 32px; border-radius:6px; text-transform:uppercase; font-size:18px; margin-left:24px; font-family:'roboto_condensedregular'; font-weight: 400; font-style: normal;}
.slide#index .scopri a:hover{background:#2c5281; color:#fff;}

.slide#index .news{background:#fff;}
.slide#index .news ul{margin:0; padding:8px 8px 0 8px; list-style:none;}
.slide#index .news ul li{padding-bottom:8px; width:100%; overflow:hidden; position:relative; padding:8px 16px;}
.slide#index .news ul li a{text-decoration:none; color:#666; display:block;  position:relative; padding-left:8px;}
.slide#index .news ul li a.leggi-tutte{color:#00458a;}
.slide#index .news ul li a:hover{color:#133e71;}
.slide#index .news ul li a:hover span{color:#133e71;}
.slide#index .news ul li .locked-icon{left: 18%; top: 0;}
.slide#index .news ul li .unlocked-icon{left: 18%; top: 0;}
.slide#index .news ul li a .locked-icon{left: 15%; top: 0;}
.slide#index .news ul li a .unlocked-icon{left: 15%; top: 0;}
.slide#index .news ul li .locked-icon-news{left: -20px; top: 0;}
.slide#index .news ul li .unlocked-icon-news{left: -20px; top: 0;}
.slide#index .news ul li a .locked-icon-news{left: -16px; top: 2px;}
.slide#index .news ul li a .unlocked-icon-news{left: -20px; top: 0;}
.slide#index .news ul li span {display: inline-block; vertical-align: middle;}
.slide#index .news ul li span.data {width: 18%; margin-right: 2%; font-size: 38px; color: #9d9d9d; line-height: 26px; text-align: center;}
.slide#index .news ul li span.data span { font-size: 14px; display: block;}
.slide#index .news ul li span.desc {width: 70%; }

.slide#index .primo-piano nav{margin:0 0 10px 0;}
.slide#index .primo-piano nav ul.pager{text-align:center; overflow:visible; position:relative; z-index:222;}
.slide#index .primo-piano nav ul.pager > span{display:none;}
.slide#index .primo-piano nav li{display:inline-block; width:24%; float:none; text-align:center; position:relative; padding-bottom:12px;}
.slide#index .primo-piano nav li span{display:block; width:38px; height:38px; overflow:hidden; text-indent:-999px; margin:0 25px; background-image:url(../img/icon-home.png); background-repeat:no-repeat;}
.slide#index .primo-piano nav li.primo span{background-position:0 0;}
.slide#index .primo-piano nav li.agenda span{background-position:-55px 0;}
.slide#index .primo-piano nav li.attivita span{background-position:-110px 0;}
.slide#index .primo-piano nav li.notizie span{background-position:-162px 0;}

.slide#index .primo-piano nav li.cycle-pager-active.primo span{background-position:0 -38px;}
.slide#index .primo-piano nav li.cycle-pager-active.agenda span{background-position:-55px -38px;}
.slide#index .primo-piano nav li.cycle-pager-active.attivita span{background-position:-110px -48px;}
.slide#index .primo-piano nav li.cycle-pager-active.notizie span{background-position:-162px -38px;}

.slide#index .primo-piano nav li.cycle-pager-active:after{content:attr(data-section); display:inline-block; margin:0 auto; text-align:center; font-size:14px; position:absolute; bottom:-4px; left:0; right:0;}
.slide#index .primo-piano nav li.cycle-pager-active:before{content:""; display:block; position:absolute; left:50%; margin-left:-16px; bottom:-22px; width:0; height:0; border-style:solid; border-width:16px 16px 0 16px; border-color: #ededec transparent  transparent transparent; z-index:555;}

.slide#index .primo-piano nav li.attivita:after{left:-20px; right:-20px;}

.slide#index .primo-piano .cycle-slideshow{overflow:hidden;}
.slide#index .primo-piano .cycle-slide{width:100%; overflow:hidden;}
.slide#index .primo-piano figure{background:#FFF;position:relative; margin-top:8px;}
.slide#index .primo-piano figure figcaption{position:absolute; top:016px; left:16px; right:16px; bottom:16px; font-size:18px; color:#333;}
.slide#index .primo-piano figure figcaption .data{font-size:24px; display:block; margin-bottom:8px;}

.slide#comparti .wrapper-width{z-index:200;}
.slide#comparti .comparti-container {text-align:center;}
.slide#comparti .comparti-container ul{margin:40px 0; list-style:none; padding:0; display:inline-block; }
.slide#comparti .comparti-container ul li{text-align:right;  background:#fed09f; color:#fff; margin-bottom:8px; font-size:20px; transition:background .3s;}
.slide#comparti .comparti-container ul li a{ padding-left:60px; display:block; text-align:end; color:#fff;}
.slide#comparti .comparti-container ul li:hover{background:#ff920e;}
.slide#comparti .comparti-container ul li span{display:inline-block;  background:#ff920e; padding:4px 8px 4px 16px;}
.slide#comparti .numero-comparti{display: block; font-size: 180px; color: #c7c7c7; text-align: center; line-height: 90px; position:absolute; top: 380px; right: 40%; z-index: 333;}
.slide#comparti .numero-comparti span{font-size:35px; text-transform:uppercase; display:block;}
.slide#comparti .text-container{position:absolute; top:120px; left:0; width:25%; text-align:left;}
.slide#comparti .text-container div{font-size:18px;}
.slide#comparti .circle{position: absolute; top: 0; right: 0; bottom: 0; width: 100%; z-index:100; overflow:hidden;}
.slide#comparti .circle .bg{width:1100px; height:1100px; border: 40px solid #feebd4; background:#f8b86a; border-radius: 50%; position: absolute; top: -90px; right: -300px; z-index:100; line-height:600px; padding-left:100px;}
.slide#comparti .circle .bg:before{content:""; position:absolute; background:#fef7fb; top:120px; left:120px; right:120px; bottom:120px; border-radius:50%; z-index:222;}

.slide#servizi .lista-servizi{margin:0; list-style:none; display: block; padding: 320px 40px 0; overflow:hidden; text-align:center;}
.slide#servizi .lista-servizi li{display:inline-block; width: 6.7%; transform: rotate(-60deg); -ms-transform: rotate(-60deg); -webkit-transform: rotate(-60deg); -o-transform: rotate(-60deg); -moz-transform: rotate(-60deg);}
.slide#servizi .lista-servizi li div{background: #85baeb; color: #FFF; margin-bottom: -10px; padding: 10px; text-align: right; -webkit-backface-visibility: hidden; display: inline-block; white-space: nowrap; padding-left: 40px; font-size:20px; transition: background .3s; font-family: 'roboto_condensedbold'; font-weight: 600; font-style: normal;}
.slide#servizi .lista-servizi li div:hover{background:#67a9e6;}
.slide#servizi .text-container{color:#666; background:#f0f0f0; font-size:20px; min-height:100px; padding:16px 0; border-top:4px solid #fff;}
.slide#servizi .text-container div div{padding-left:80px; background:url(../img/icon-servizi-list.png) no-repeat 0 0; min-height:47px;}

.slide#focus.sette .contenuto{height:530px;}
.slide#focus.otto .contenuto{height:580px;}
.slide#focus.nove .contenuto{height:650px;}
.slide#focus.dieci .contenuto{height:730px;}
.slide#focus .wrapper-width{position:relative; z-index:222;}
.slide#focus .focus-list{width: 100%; position: absolute; z-index: 888; right: 0; padding:0; margin-top:16px;} 
.slide#focus .focus-list li{margin-bottom:20px; text-align:right; color:#fff; font-size:22px;}
.slide.sette#focus .focus-list li.primo{padding-right:35px; }
.slide.sette#focus .focus-list li.secondo{padding-right:60px;}
.slide.sette#focus .focus-list li.terzo{padding-right:95px;}
.slide.sette#focus .focus-list li.quarto{padding-right:145px;}
.slide.sette#focus .focus-list li.quinto{padding-right:200px;}
.slide.sette#focus .focus-list li.sesto{padding-right:270px;}
.slide.sette#focus .focus-list li.settimo{padding-right:370px;}

.slide.otto#focus .focus-list li.primo{padding-right:15px; }
.slide.otto#focus .focus-list li.secondo{padding-right:40px;}
.slide.otto#focus .focus-list li.terzo{padding-right:75px;}
.slide.otto#focus .focus-list li.quarto{padding-right:125px;}
.slide.otto#focus .focus-list li.quinto{padding-right:180px;}
.slide.otto#focus .focus-list li.sesto{padding-right:230px;}
.slide.otto#focus .focus-list li.settimo{padding-right:300px;}
.slide.otto#focus .focus-list li.ottavo{padding-right:395px;}

.slide.nove#focus .focus-list li.primo{padding-right:0; }
.slide.nove#focus .focus-list li.secondo{padding-right:20px;}
.slide.nove#focus .focus-list li.terzo{padding-right:45px;}
.slide.nove#focus .focus-list li.quarto{padding-right:80px;}
.slide.nove#focus .focus-list li.quinto{padding-right:120px;}
.slide.nove#focus .focus-list li.sesto{padding-right:175px;}
.slide.nove#focus .focus-list li.settimo{padding-right:240px;}
.slide.nove#focus .focus-list li.ottavo{padding-right:315px;}
.slide.nove#focus .focus-list li.nono{padding-right:395px;}

.slide#focus .focus-list li a{display:block; color:#fff; text-decoration:none;}
.slide#focus .focus-list li div{display:inline-block; width:50px; height:50px; background:#fff; line-height:50px; text-align:center;  border-radius:50%; margin-left:20px; vertical-align:middle; box-shadow: 0 0 8px #d3e8e3;}
.slide#focus .focus-list li img{opacity:.4; width:26px; height:auto;}

.slide#focus .focus-list li:hover{background:rgba(245,245,245,.4);}
.slide#focus .focus-list li:hover img{opacity:1;}

.slide#focus .circle{position:absolute; left:0; top:0; bottom:0; width:60%; overflow:hidden; z-index:100;}
.slide#focus .circle .bg{width:1800px; height:1800px; background:#83cab6; border:250px solid #63bfa5; border-radius:50%;  bottom:-100px; right:0; position:absolute; z-index:100;}
.slide#focus .circle .bg:before{content:""; position:absolute; background:#b6dcd2; top:100px; left:100px; right:100px; bottom:100px; border-radius:50%; }
.slide#focus .circle .bg:after{content:""; position:absolute; background:#f6f5f6; top:140px; left:140px; right:140px; bottom:140px; border-radius:50%;}

.slide#focus .text-container{position:absolute; left:60%; top:200px;}
.slide#focus .text-container div{font-size:18px;}

/*.slide#cerca .contenuto{position:relative; z-index:333;}
/*.slide#cerca{padding:200px 0 0 0;}
.slide#cerca footer{margin-bottom:200px; color:#666;}*/
.slide#cerca footer{color:#666;}
.slide#cerca footer .copy{background:#fff;}
.slide#cerca p{font-size:16px; padding-top:80px;}
.slide#cerca form{width:100%; overflow:hidden; padding-bottom:20px;}
ul.cerca-aziende{margin:0; padding:40px 0 0 0; list-style:none; width:100%; overflow:hidden; text-align:justify;}
ul.cerca-aziende li{display:inline-block; width:24%; vertical-align:top; margin-bottom:26px;}
ul.cerca-aziende li:first-child{width:73%;}
ul.cerca-aziende li label{display:block; color:#133e71; font-family:'roboto_condensedregular'; font-weight: 400; font-style: normal; font-size:16px; margin-bottom:8px; width:100%;}
ul.cerca-aziende li.filler{margin:0;}
ul.cerca-aziende li input, ul.cerca-aziende li select{width:100%; height:30px; border:0; padding-left:8px; box-shadow: inset 1px 1px 6px #dfdfdf; font-family:'roboto_condensedregular', Arial; font-weight: 400; font-style: normal; color:#555; text-transform:uppercase;}
.btn-cerca-aziende{float:right; background:#67a9e6; border:0; width:140px; height:42px; line-height:42px; text-align:center; color:#fff; text-transform:uppercase; font-size:18px; font-family:'roboto_condensedregular'; font-weight: 400; font-style: normal; cursor:pointer; transition:background .3s;}
.btn-cerca-aziende:hover{background:#2a4d79;}

ul.cerca-aziende li input[disabled], ul.cerca-aziende li select[disabled]{background:#fff; color:#BDBDBD;}

.btn-download-aziende-xls{padding-right:10px;float:right; background:#666; border:0; width:140px; height:42px; line-height:42px; text-align:center; color:#fff; text-transform:uppercase; font-size:18px; font-family:'roboto_condensedregular'; font-weight: 400; font-style: normal; cursor:pointer; transition:background .3s; margin-right:8px !important;}
.btn-download-aziende-xls:hover{background:#A2A2A2;}

.btn-nuova-azienda{padding-right:10px;float:right; background:#666; border:0; width:140px; height:42px; line-height:42px; text-align:center; color:#fff; text-transform:uppercase; font-size:18px; font-family:'roboto_condensedregular'; font-weight: 400; font-style: normal; cursor:pointer; transition:background .3s; margin-right:8px !important;}
.btn-nuova-azienda:hover{background:#A2A2A2;}

.btn-anagrafica-admin{text-decoration:none;padding-right:10px;float:right; background:#666; border:0; width:240px; height:42px; line-height:42px; text-align:center; color:#fff; text-transform:uppercase; font-size:18px; font-family:'roboto_condensedregular'; font-weight: 400; font-style: normal; cursor:pointer; transition:background .3s; margin-right:8px !important;}
.btn-anagrafica-admin:hover{background:#A2A2A2;}

.btn-nuova-ricerca{padding-right:10px;float:right; background:#666; border:0; width:140px; height:42px; line-height:42px; text-align:center; color:#fff; text-transform:uppercase; font-size:18px; font-family:'roboto_condensedregular'; font-weight: 400; font-style: normal; cursor:pointer; transition:background .3s; margin-left:8px !important;}
.btn-nuova-ricerca:hover{background:#A2A2A2;}

/* fine stile home*/

.overlay{position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(19,62,113,.4); z-index:998; text-align:center; display:none;}
.overlay.show{display:block;}
.overlay .overlay-container{position:relative; z-index:999; display:inline-block;  max-width:80%; height:100%; margin-top:98px; }

.overlay .overlay-container .contents{overflow:hidden; overflow-y:auto; max-height:80%; box-shadow: 0 0 10px #999; background: #fff; padding:16px; text-align:left;}
.overlay .overlay-container .contents h1{font-family:'roboto_condensedregular'; font-weight: 400; font-style: normal; font-size: 22px; color: #133e71;}
.overlay .overlay-container .contents form ul{padding:0; margin:22px 0; list-style:none;}
.overlay .overlay-container .contents form ul li{margin:12px 0; border-top:1px solid #DBDBDB; padding-top:16px;}
.overlay .overlay-container .contents form ul li:first-child{border-top:0; padding-top:0;}
.overlay .overlay-container .contents form ul li div{height: 70px; overflow: hidden; overflow-y: auto; margin-bottom: 8px;}
.overlay .overlay-container .contents form label, .overlay .overlay-container form input{display:inline-block; vertical-align:middle;}
.overlay .overlay-container form #invia{ padding:0 8px; background: #005a95; color: #fff; text-transform: uppercase; border:0; text-align: center; font-size: 18px; cursor: pointer; padding:8px !important;}
.overlay .overlay-container form #invia:hover{background: #01385c;}
.overlay .overlay-container .close{position:absolute; z-index:888; width:30px; height:30px; text-align:center; line-height:24px; border-radius:50%; color:#fff; background:#133e71; font-size:20px; top:-15px; right:-15px; cursor:pointer; font-family: 'roboto_condensedlight'; font-weight: 200; font-style: normal; border:2px solid #fff;}
.overlay .overlay-container .close:hover{color:#133e71; background:#fff;}

.overlay .sub-list-contetainer{max-height:290px; overflow:hidden; overflow-y:auto;}

.overlay h2{margin:16px 0; font-family:'roboto_condensedregular'; font-weight: 400; font-style: normal; font-size: 18px;}
.overlay table.merceologia{width:100%; max-height:800px;}
.overlay table.merceologia td{padding:8px 0;}
.overlay table.merceologia td.features{width:5%; text-align:center;}

.overlay table.merceologia.select-all{margin:16px 0;}
.overlay table.merceologia.select-all tr{border-top: 1px solid #d3d3d3;}
.overlay table.merceologia.select-all td{color: #0063a2; font-size:16px;}

table.features tr{border:0;}
table.features td{border:0;}
table.features img{width:100%; min-width:20px; height:auto;}

.overlay table.features img{width:80%; min-width:15px; margin:0 2px;}

.feed-rss{padding:0; margin:0; list-style:none;}
.feed-rss li{border-top: 1px solid #e9e9e9; margin:0;}
.feed-rss li a{display:block; padding:8px 2% 8px 0; text-decoration:none; color:#666; background:url(../img/icon-rss.png) 98% 50% no-repeat;}
.feed-rss li a:hover{color:#133e71;}
.feed-rss li:first-child{border-top:0;}

ul.video{text-align:justify; padding:0; margin:0; list-style:none;}
ul.video li{display:inline-block; width:22%;}
ul.video li a{text-decoration:none;}
ul.video li figure img{width:100%; height:auto;}
ul.video li figure figcaption{text-align:left;  font-size:14px; color:#666; font-style:italic;}
ul.video li figure figcaption h3{font-size:16px; margin:4px 0; font-style:normal;}

.overlay .contents.youtube{position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; width:720px; max-width:100%;}
.overlay .contents.youtube iframe,
.overlay .contents.youtube object,
.overlay .contents.youtube embed { position: absolute; top: 0; left: 0; width: 100%;  height: 100%; z-index:666;}

aside ul.comparti li ul{margin-top:8px;}
aside ul.comparti li ul li{margin-bottom:8px;}
aside ul.comparti li ul li a{display:block; padding:4px; color:#666; text-decoration:none; background:none;}

aside ul.comparti li.energia ul li a{border-right:8px solid #0485d3;}
aside ul.comparti li.energia ul li a:hover{background: #0485d3; color:#fff;}

aside ul.comparti li.automazione ul li a{border-right:8px solid #eec078;}
aside ul.comparti li.automazione ul li a:hover{background: #eec078; color:#fff;}

aside ul.comparti li.ascensori ul li a{border-right:8px solid #edcd61;}
aside ul.comparti li.ascensori ul li a:hover{background: #edcd61; color:#fff;}

aside ul.comparti li.assifer ul li a{border-right:8px solid #f8ef6a;}
aside ul.comparti li.assifer ul li a:hover{background: #f8ef6a; color:#fff;}

aside ul.comparti li.aice ul li a{border-right:8px solid #fea573;}
aside ul.comparti li.aice ul li a:hover{background: #fea573; color:#fff;}

aside ul.comparti li.componenti-elettronici ul li a{border-right:8px solid #fea573;}
aside ul.comparti li.componenti-elettronici ul li a:hover{background: #fea573; color:#fff;}

aside ul.comparti li.sicurezza ul li a{border-right:8px solid #52d57d;}
aside ul.comparti li.sicurezza ul li a:hover{background: #52d57d; color:#fff;}

aside ul.comparti li.gifi ul li a{border-right:8px solid #fea573;}
aside ul.comparti li.gifi ul li a:hover{background: #fea573; color:#fff;}

aside ul.comparti li.csi ul li a{border-right:8px solid #edcd61;}
aside ul.comparti li.csi ul li a:hover{background: #edcd61; color:#fff;}

aside ul.comparti li.assiot ul li a{border-right:8px solid #4b87d4;}
aside ul.comparti li.assiot ul li a:hover{background: #4b87d4; color:#fff;}

aside ul.comparti li.assil ul li a{border-right:8px solid #edcd61;}
aside ul.comparti li.assil ul li a:hover{background: #edcd61; color:#fff;}

aside ul.comparti li.reti ul li a{border-right:8px solid #0485d3;}
aside ul.comparti li.reti ul li a:hover{background: #0485d3; color:#fff;}

aside ul.comparti li.ceced ul li a{border-right:8px solid #0485d3;}
aside ul.comparti li.ceced ul li a:hover{background: #0485d3; color:#fff;}

.loading-button{background:#D3D3D3 url(../img/ajax-loader.gif) no-repeat 6px 6px !important; padding:4px 8px 4px 20px !important; color:#fff !important;}
article form input.button-add.loading-button{padding:4px 8px 4px 28px !important;}

iframe.quotazione{width:100%;}
iframe.quotazione.home{height:126px;}
iframe.quotazione.home.second{margin-top: 10px;}
iframe.quotazione.interna{height:1500px;}

.flexslider .slides > li{position:relative;}
.flexslider .slides > li .didascalia{position:absolute; bottom:0; left:0; width:100%; padding:8px; font-size:14px; background:rgba(255,255,255,.8); color:#333;}

/* contact form */
.wpcf7-not-valid-tip {
	display: block;
	color: #FF0000;
}
.wpcf7-validation-errors, .wpcf7-mail-sent-ng {
    background-color: #FF0000;
    color: #FFFFFF;
    padding: 10px;
}
.wpcf7-mail-sent-ok{
    background-color: #008000;
    color: #FFFFFF;
    padding: 10px;
}
.wpcf7-response-output {
    display: block;
    padding: 10px;
    margin: 10px 0px;
}

.screen-reader-response {
	display: none;
}

.wp-pagenavi{
	text-align:center;
}

.wp-pagenavi span.pages{
	margin-right: 20px;
}

.wp-pagenavi a.page, .wp-pagenavi a.nextpostslink, .wp-pagenavi a.previouspostslink, .wp-pagenavi a.first, .wp-pagenavi a.last{
	background: none repeat scroll 0 0 #CDCDCD;
    padding: 0 4px;
    margin: 0 8px;
    color: #FFFFFF;
    text-decoration: none;
    font-family: 'roboto_condensedregular';
    font-style: normal;
    font-weight: 400;
    line-height: 1.3em;'
}

.wp-pagenavi span.current{
	background: none repeat scroll 0 0 #0061A1;
    padding: 0 4px;
    margin: 0 8px;
    color: #FFFFFF;
    text-decoration: none;
    font-family: 'roboto_condensedregular';
    font-style: normal;
    font-weight: 400;
    line-height: 1.3em;'
}

/*START styles from FORM ANAGRAFICA*/
.sub-title{margin-top:10px; font-style:italic;}
.has-error input { border:1px solid red; color:red;}
.form-error { color: red; }
input.error { border:1px solid red; color:red;}
textarea.error {border: 1px solid red;}
label.error  { color: red; }
div.success { background-color: green; color: white;padding:10px; }
div.error { background-color: red; color: white;padding:10px; }
tr.last-item-added{ background-color: #B6EDB6; }
#data-authorization-messages{ margin-bottom: 10px;}
#data-authorization-messages div.success { background-color: green; color: white;padding:10px; }
#data-authorization-messages div.error { background-color: red; color: white;padding:10px;}
.modify-merceologia {padding-top:10px; }
.modify-merceologia .modifica-form-merceologia{background:#005a95; color:#fff; text-transform:uppercase; height:34px; line-height:34px; text-align:center; font-size:18px; cursor:pointer;}
.modify-merceologia .modifica-form-merceologia:hover, .modify-anagafica .salva-form:hover{background:#01385c;}
.modify-merceologia .modifica-form-merceologia a {color:#FFF;text-decoration: none;}
article .salva-form-nuova-azienda {border: 0 none;background: none repeat scroll 0 0 #005A95;color: #FFFFFF;cursor: pointer;display: block;font-size: 18px;height: 34px;line-height: 34px;text-align: center;text-transform: uppercase;width: 88px;}
.help-inline{font-size: 12px;font-style:italic;}
/*END styles from FORM ANAGRAFICA*/
span.wpcf7-list-item { display: block; }

.comparto-body footer.comparti figure.logo .expo{display:none;}
/*.comparto-body footer.comparti figure.logo .expo, .comparto-body header .logo a.expo{display:none;}
.comparto-body header .logo a{width:45%;}*/
@media all and (max-width: 1230px) {
	.navigation.top {top:-20px; left:auto; right:8px;}
}
@media all and (max-width: 1006px) {
	nav.language{position:relative; top:0; left:0; height:16px; border-bottom:1px solid #ccc;}
	nav.language ul{width:100%; overflow:hidden; }
	nav.language li{float:right; margin-left:8px;}
	header .tools{top:16px;}
	nav.social{top:28px;}
}
@media all and (max-width: 980px) {
	header .wrapper-width, section .wrapper-width, footer .wrapper-width{padding:0 8px;}
}
@media all and (max-width: 930px) {
	nav.main ul li a{padding:0 6px;}
	nav.main ul li{font-size:12px;}
	nav.social{top:28px;}
}
@media all and (max-width: 860px) {
	.slide#index .primo-piano, .slide#index .esplora {float:none; width:100%; padding:0;}
	.slide#index .esplora{margin-bottom:16px;}
}
@media all and (max-width: 820px) {
	nav.main{overflow:visible;}
	.comparto-body nav.main{width:100%;}
	.comparto-body .show-menu{display:none;}
	.comparto-body nav.language{display:none;}
	nav.main{height:48px;}
	nav.main ul{position:absolute; top:16px; left:238px; width:auto; cursor:pointer; top:0;}
	nav.main ul:before { content: "Menu"; display: block; width: 60px; height: 40px; background: #67a9e6; color: #fff; font-size: 14px; line-height: 40px; text-align: center; text-transform: uppercase; margin-top: 4px; }
	nav.main ul li{float:none; font-size:14px; background:#f8f8fb; display:none;}
	nav.main ul.open li{display:block;}
	#cssmenu a{padding: 0 6px; line-height: 35px!important}

}

@media all and (max-width: 800px) {
	footer .sezioni{background:#e6e6e6;}
	footer .sezioni a.collegamento{width:50%; margin:8px 0;}
	
	.slide#comparti .wrapper-width{padding-top:60px;}
	.slide#comparti .text-container{position: relative; width: 100%; top: auto; text-align: center; width:50%; float:right; margin:40px 0;}
	.slide#comparti .comparti-container ul {float:right; width:50%;}
	.slide#comparti .circle{display:none;}
	
	.slide#focus .circle .bg{display:none;}
	.slide#focus .circle ul.focus-list{margin-top:60px; width: 80%; left: 8px;}
	.slide#focus .circle ul.focus-list li{padding:0 8px; text-align:left; margin:4px; background:#63bfa5; position:relative; height:58px; line-height:58px; }
	.slide#focus .circle ul.focus-list li div{position:absolute; right:8px; top:50%; margin-top:-25px; }
	.slide#focus .text-container {position: relative; float: right; width: 50%; top:60px;}
}
@media all and (max-width: 780px) {
	footer .riferimenti ul li{width:33.3%; text-align:center;}
	footer .riferimenti ul li:last-child{width:33.3%;}
	footer .riferimenti ul li:first-child{width:100%; margin-bottom:56px;}
	footer .riferimenti ul li:first-child figure{text-align:center;}
}
@media all and (max-width: 760px) {
	nav.page, article, aside {width:100% !important; float:none !important;}
	.three-columns article{border-left:0;}
	
	aside ul.notizie li span.data{width:13%; margin-right:2%;}
	aside ul.notizie li span.desc{width:85%;}
}
@media all and (max-width: 700px) {
	section.page-comparti .box-container .box{width:32.3%;}
	ul.esito-ricerca li{width:32.3%;}
}
@media all and (max-width: 680px) {
	footer .copy ul li{float:none; border-left:0; border-top:1px solid #DDDDDD; padding:8px 0;}
	footer .copy ul li:first-child{border-top:0; padding:8px 0;}
	article .tab ul li{font-size:16px;}
	article .tab ul li a{padding:8px;}
}
@media all and (max-width: 660px) {
	.slide#servizi .lista-servizi{padding:80px 0 0 0;}
	.slide#servizi .lista-servizi li{display:block; width:100%; -webkit-transform: none; -ms-transform: none; -webkit-transform:none; -o-transform: none; -moz-transform: none; transition:none; padding:4px; background: #85baeb; margin-bottom:8px; }
	.slide#servizi .lista-servizi li div{display:block; text-align:left; transition:none; padding:0; background: none; line-height:20px; margin-bottom:0;}
	.slide#servizi .lista-servizi li div:hover{width:100%; background:#67a9e6;}
	
	.slide#comparti .comparti-container ul{float:none; width:100%;}
	.slide#comparti .comparti-container ul li{transition:none; background:#ff920e; text-align:left; padding:4px; line-height:20px;}
	.slide#comparti .comparti-container ul li span{background:#none; padding:0;}
	.slide#comparti .comparti-container ul li:hover{background:#dd7f0c;}
	.slide#comparti .comparti-container ul li:hover span{background:none;}
	
	.slide#focus .circle{width:100%; position:relative;}
	.slide#focus .circle ul.focus-list {position:relative; width:100%; margin-top:80px; padding-right: 16px;}
	.slide#focus .circle ul.focus-list li{padding:4px; height:auto; margin:0 0 8px 0; font-size:20px; line-height:20px;}
	.slide#focus .circle ul.focus-list div{display:none;}

	
	.slide#focus .contenuto{height:auto; padding-bottom:30px;}
	.slide#focus .circle ul.focus-list{z-index:100;}
	.text-container {position: fixed !important; z-index: 1000 !important; bottom: 0 !important; right: 0 !important; left: 0 !important; padding: 16px; background:none !important; width:100% !important; top:auto !important; margin:0 !important; min-height: 100px; padding:0 !important; border-top: none !important; }
	.text-container  div.wrapper-width{position:absolute !important; left:0 !important; bottom:0 !important; width:100% !important;}
	.text-container  div:not(.wrapper-width){background: #85baeb !important; position:absolute !important; left:0 !important; bottom:0 !important; width:100% !important;text-align:left !important; padding:16px !important; box-shadow:0 0 16px #666; min-height: 100px !important; font-size:18px !important; color:#fff !important;}
	.slide#comparti .text-container  div:not(.wrapper-width){background: #ff920e !important;}
	.slide#focus .text-container  div:not(.wrapper-width){background: #63bfa5 !important;}
	.navigation-top{top:-24px; right:10px; left:auto;}
	.home .slide{min-height: 680px;}
	.home .slide#index, .home .slide#cerca{min-height: 1280px;}
}
@media all and (max-width: 570px) {
	ul.cerca-aziende li, ul.cerca-aziende li:first-child {width:100%; float:none; height:50px;}
	.btn-cerca-aziende{width:100%;}
}
@media all and (max-width: 560px) {
	nav.page, article{width:100%; float:none;}
	article{border-left:0;}
	footer .riferimenti ul li{float:none; width:100% !important; margin-top:24px;}
	footer .riferimenti ul li:first-child{margin-top:0;}
	article .tab ul li a.current:before{display:none;}
}
@media all and (max-width: 550px) {
	section.page-comparti .box-container .box{width:49%;}
	ul.esito-ricerca li{width:49%;}
	nav.social{top: 16px; right: 52px; bottom: 0; background: #286aa6 url(../img/icon-social.png) no-repeat 2px 18px; width: 22px; cursor:pointer;}
	nav.social:hover{background: #fff url(../img/icon-social.png) no-repeat 2px -26px;}
	nav.social ul{display:none;}
	nav.social.open{background: #fff url(../img/icon-social.png) no-repeat 2px -26px;}
	nav.social.open ul{display:block;  position:absolute; top:100%; right:-52px; width:88px; background:#286aa6;}
	nav.social.open ul li{display:block; padding:4px; float:none;}
	nav.social ul li a{margin:0 auto;}
	.doc-prog{display: block}
	.doc-prog h1+h1{margin-left: 0; margin-top: 25px}
}
@media all and (max-width: 540px) {
	.slide#index .scopri a {display:block; margin-top:16px; padding:8px; text-align:center; margin-left:0;}
	ul.video li {width: 49%;}
}
@media all and (max-width: 470px) {	
	.overlay table.merceologia.select-all td:last-child{padding-right:16px;}
	.pagination ul li{margin:0 1px;}
	
	article .tab ul li a.current:before{display:none;}
	article .tab.mese ul li a.current:before{display:none;}

}
@media all and (max-width: 460px) {	
	aside ul.notizie li span.data{width:25%; margin-right:2%;}
	aside ul.notizie li span.desc{width:73%;}
	.slide#index nav li{font-size:14px;}
}
@media all and (max-width: 440px) {
	.comparti.home .notizie > div {float: none; width: 100%; }
	.comparti.home .notizie .eventi:before {background:none;}
}
@media all and (max-width: 430px) {
	section > header{line-height:160px;}
	section > header h1{font-size:40px;}
}
@media all and (max-width: 420px) {
	footer .sezioni a.collegamento{width:100%; float:none; margin:24px 0;}
	nav.main ul{left:238px}
}
@media all and (max-width: 410px) {
	.comparto-body nav.main{height:64px;}
	.comparto-body nav.main ul{top:16px;}
	
	.breadcrumbs{display:none;}
	header .logo{width:40%; min-width:120px; left:8px; height:auto; background:none;}
	
	header .logo a {display:inline-block; width:48%; padding:8px 4px 4px 4px;}
	
	
	header .logo img{margin:8px 0;}
	nav.main ul{left:220px;}
	section > header{height:180px; line-height:300px;}
	
	section.page-comparti .box-container .box{width:100%;}
	ul.esito-ricerca li{width:100%;}
	
	.slide#index .primo-piano .cycle-slide{width:300px;}
	.slide#index .primo-piano figure img{width:auto;}
	.slide#index .primo-piano figure figcaption{position:relative; top:auto; bottom:auto; left:auto; padding:16px;}
}
@media all and (max-width: 390px) {
	nav.main ul{left:180px;}
}
@media all and (max-width: 360px) {
	.slide#cerca p{padding-top:120px; text-align:center;}
	.slide nav.section-navigation li{margin-right:10px;}
	.overlay .overlay-container form #invia{font-size:10px;}
	nav.main ul{left:130px;}
}

/*
 * jQuery FlexSlider v2.2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */


/* Browser Resets
*********************************/
.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;}

/* Icon Fonts
*********************************/
/* Font-face Icons */
@font-face {
	font-family: 'flexslider-icon';
	src:url('../fonts/flexslider-icon.eot');
	src:url('../fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'),
		url('../fonts/flexslider-icon.woff') format('woff'),
		url('../fonts/flexslider-icon.ttf') format('truetype'),
		url('../fonts/flexslider-icon.svg#flexslider-icon') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* FlexSlider Necessary Styles
*********************************/
.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%; height:auto; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.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 JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* FlexSlider Default Theme
*********************************/
.flexslider { margin: 0 0 60px; background: #fff; border: 4px solid #fff; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); box-shadow: 0 1px 4px rgba(0,0,0,.2); 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; }

/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a  { text-decoration:none; display: block; width: 40px; height: 38px; overflow:hidden; padding-top:10px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(255,255,255,1); 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; display:none\9; }
.flex-direction-nav .flex-next { right: -50px; text-align: right; display:none\9; }
.flexslider:hover .flex-prev { opacity: 0.7; left: 10px; display:block\9;}
.flexslider:hover .flex-next { opacity: 0.7; right: 10px; display:block\9;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; display:block\9;}
.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: 30px; display: inline-block; content: '\f001'; }
.flex-direction-nav a.flex-next:before  { content: '\f002'; }

/* Pause/Play */
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }
.flex-pauseplay a:before  { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }
.flex-pauseplay a:hover  { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: '\f003'; }

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); }
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

#cookie-message{display:block;width: 100%; background-color:#133e71;color:#fff;z-index:9999;text-align:center;bottom:0;left:0;font-size: 12px;display:none; position:fixed; padding:10px; line-height:16px}
#cookie-message a{color:#fff; text-decoration:underline}
#cookie-message a:hover{text-decoration:none}
#cookie-chiudi{background-color: #fff;color: #133e71;border: 0; display: inline-block; vertical-align:middle; margin: 10px 4px 0 0!important;cursor: pointer;padding: 8px!important;font-weight: 700; text-decoration:none;  line-height:12px; font-size:12px }

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev { opacity: 1; left: 10px;}
  .flex-direction-nav .flex-next { opacity: 1; right: 10px;}
}



/* CUSTOM NRE */

#comments header{
	background-image:none !important;
	height:80px;
}

/* =Comments
-------------------------------------------------------------- */

.comments-title {
	margin-bottom: 48px;
	margin-bottom: 3.428571429rem;
	font-size: 16px;
	font-size: 1.142857143rem;
	line-height: 1.5;
	font-weight: normal;
}
.comments-area article {
	margin: 24px 0;
	margin: 1.714285714rem 0;
}
.comments-area article header {
	margin: 0 0 48px;
	margin: 0 0 3.428571429rem;
	overflow: hidden;
	position: relative;
}
.comments-area article header img {
	float: left;
	padding: 0;
	line-height: 0;
}
.comments-area article header cite,
.comments-area article header time {
	display: block;
	margin-left: 85px;
	margin-left: 6.071428571rem;
}
.comments-area article header cite {
	font-style: normal;
	font-size: 15px;
	font-size: 1.071428571rem;
	line-height: 1.42857143;
}
.comments-area cite b {
	font-weight: normal;
}
.comments-area article header time {
	line-height: 1.714285714;
	text-decoration: none;
	font-size: 12px;
	font-size: 0.857142857rem;
	color: #5e5e5e;
}
.comments-area article header a {
	text-decoration: none;
	color: #5e5e5e;
}
.comments-area article header a:hover {
	color: #21759b;
}
.comments-area article header cite a {
	color: #444;
}
.comments-area article header cite a:hover {
	text-decoration: underline;
}
.comments-area article header h4 {
	position: absolute;
	top: 0;
	right: 0;
	padding: 6px 12px;
	padding: 0.428571429rem 0.857142857rem;
	font-size: 12px;
	font-size: 0.857142857rem;
	font-weight: normal;
	color: #fff;
	background-color: #0088d0;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #009cee, #0088d0);
	background-image: -ms-linear-gradient(top, #009cee, #0088d0);
	background-image: -webkit-linear-gradient(top, #009cee, #0088d0);
	background-image: -o-linear-gradient(top, #009cee, #0088d0);
	background-image: linear-gradient(top, #009cee, #0088d0);
	border-radius: 3px;
	border: 1px solid #007cbd;
}
.comments-area .bypostauthor cite span {
	position: absolute;
	margin-left: 5px;
	margin-left: 0.357142857rem;
	padding: 2px 5px;
	padding: 0.142857143rem 0.357142857rem;
	font-size: 10px;
	font-size: 0.714285714rem;
}
.comments-area .bypostauthor cite b {
	font-weight: bold;
}
a.comment-reply-link,
a.comment-edit-link {
	color: #686868;
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
}
a.comment-reply-link:hover,
a.comment-edit-link:hover {
	color: #21759b;
}
.commentlist .pingback {
	line-height: 1.714285714;
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}

/* Comment form */
#respond {
	margin-top: 48px;
	margin-top: 3.428571429rem;
}
#respond h3#reply-title {
	font-size: 16px;
	font-size: 1.142857143rem;
	line-height: 1.5;
}
#respond h3#reply-title #cancel-comment-reply-link {
	margin-left: 10px;
	margin-left: 0.714285714rem;
	font-weight: normal;
	font-size: 12px;
	font-size: 0.857142857rem;
}
#respond form {
	margin: 24px 0;
	margin: 1.714285714rem 0;
}
#respond form p {
	margin: 11px 0;
	margin: 0.785714286rem 0;
}
#respond form p.logged-in-as {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}
#respond form label {
	display: block;
	line-height: 1.714285714;
}
#respond form input[type="text"],
#respond form textarea {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 1.714285714;
	padding: 10px;
	padding: 0.714285714rem;
	width: 100%;
}
#respond form p.form-allowed-tags {
	margin: 0;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 2;
	color: #5e5e5e;
}
.required {
	color: red;
}

#comments .avatar{
	float: left;
    margin-right: 10px;
}


#comments ol { 
    counter-reset: item;
    list-style-type: none;
}
#comments li { display: block; }
#comments li:before { 
    content: counter(item) "  "; 
    counter-increment: item 
}

#comments input#submit {
    width: 100% !important;
}

ul.pagination {width:100%; overflow:hidden; text-align:center; margin:0 auto;}
ul.pagination li{display:inline-block; margin: 0 8px; text-decoration:none; color:#fff;}
ul.pagination li.active {padding: 0 4px; background:#0061a1;}
ul.pagination li a{display:block; padding: 0 4px; background: #cdcdcd; color:#fff;}
ul.pagination li a:hover, .pagination ul li.active a{background:#0061a1;}
ul.pagination li:first-child{color:#0061a1; background:none;}
ul.pagination li:last-child{color:#0061a1; background:none;}
ul.pagination li.disabled{color:#666;}
ul.pagination li a{text-decoration:none; color:#fff;}



/* NRE CUSTOM */
nav.main ul {
    left: 220px !important;
}

body.comparto-body nav.main ul,
nav.open ul {
    left: 270px !important;
}

nav.main ul li a {

    padding: 18px 7px !important;
    font-size: 13px;
	line-height: 15px !important;
}

/* 
Max width before this PARTICULAR table gets nasty
This query will take effect for any screen smaller than 760px
and also iPads specifically.
*/
@media only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {

	/* Force table to not be like tables anymore */
	table.convegni, table.convegni thead, table.convegni tbody, table.convegni th, table.convegni td, table.convegni tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	thead.convegni tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	table.convegni tr:first-child{
		display:none !important;
		
	}
	
	table.convegni tr {  }
	table.convegni img { margin:0 !important; }
	
	table.convegni td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
	}
	
	table.convegni td, table.convegni p { 
		text-align: left !important;
	}
	table.convegni br{ 
		display:none !important;
	}
	
	table.convegni td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}
	
	/*
	Label the data
	*/
	table.convegni td:nth-of-type(1):before { content: "Data"; }
	table.convegni td:nth-of-type(2):before { content: "Orario"; }
	table.convegni td:nth-of-type(3):before { content: "Convegno"; }
	table.convegni td:nth-of-type(4):before { content: "Sala"; }
	table.convegni td:nth-of-type(5):before { content: ""; }
	table.convegni td:nth-of-type(6):before { content: ""; }

}


/* 
Max width before this PARTICULAR table gets nasty
This query will take effect for any screen smaller than 760px
and also iPads specifically.
*/
@media only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {

	/* Force table to not be like tables anymore */
	.custom-metering table, 
  .custom-metering table thead, 
  .custom-metering table tbody, 
  .custom-metering table th, 
  .custom-metering table td, 
  .custom-metering table tr,
  table.convegni, 
  table.convegni thead, 
  table.convegni tbody, 
  table.convegni th, 
  table.convegni td, 
  table.convegni tr 
  { 
		display: block;
    height: auto !important;
    width: auto !important;
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	.custom-metering thead tr,
  thead.convegni tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	.custom-metering table tr:first-child,
  table.convegni tr:first-child{
		display:none !important;
		
	}
	
	.custom-metering table tr,
  table.convegni tr
   {  height: auto !important; }

	.custom-metering table img,
  table.convegni img 
  { margin:0 !important; }
	
	.custom-metering table td,
  table.convegni td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
	}
	
	.custom-metering table td, .custom-metering table p,
  table.convegni td, table.convegni p { 
		text-align: left !important;
    height: auto !important;
	}
	.custom-metering table br,
  table.convegni br{ 
		display:none !important;
	}
	
	.custom-metering table td:before,
  table.convegni td:before{ 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}
	
	/*
	Label the data
	*/
	.custom-metering table td:nth-of-type(1):before,
  table.convegni td:nth-of-type(1):before
   { content: "Data"; }
	.custom-metering table td:nth-of-type(2):before,
  table.convegni td:nth-of-type(2):before { content: "Orario"; }
	.custom-metering table td:nth-of-type(3):before,
  table.convegni td:nth-of-type(3):before { content: "Convegno"; }
	.custom-metering table td:nth-of-type(4):before,
  table.convegni td:nth-of-type(4):before { content: "Sala"; }
	.custom-metering table td:nth-of-type(5):before,
  table.convegni td:nth-of-type(5):before { content: ""; }
	.custom-metering table td:nth-of-type(6):before,
  table.convegni td:nth-of-type(6):before { content: ""; }

}

@media (max-width: 550px){
nav.social.open ul {
    display: block;
    position: unset !important;
    width: 30px;
    background: #286aa6;
    margin-top: 50px !important;
    margin-left: -2px !important;
}
}

div.wpcf7-mail-sent-ok {
    color: #398f14 !important;
}


/* modifica messaggio di conferma invio modulo */
.alert-success {
    font-size: 20px !important;
    color: #ffffff !important;
    padding: 20px !important;
    background-color: #107f12 !important;
    border-radius: 6px !important;
}

section.page-comparti .box-container .filler {
    height: 0;
    margin: 0;
    display: inline-block;
    width: 49% !important;
}


/*
*
* Aggiornamento giugno 2023
*
*/

#cookie-message {
  z-index: 11000;
}

nav.social ul li a.youtube{background:url(https://old.anie.it/wp-content/uploads/2023/07/YOUTUBE.png); background-size:100%;}
nav.social ul li a.linkedin{background:url(https://old.anie.it/wp-content/uploads/2023/07/LINKEDIN.png); background-size:100%;}
nav.social ul li a.twitter{background:url(../img/icon-twitter.png); background-size:100%;}
/* 
nav.social ul li a.facebook{background:url(../img/icon-facebook.png); background-size:100%;}
nav.social ul li a.google{background:url(../img/icon-gplus.png); background-size:100%;}
*/

.mainmenuv2 li a{
  font-size:12px !important;
}



.slide nav.section-navigation li.current figure {
  background-image: url(https://old.anie.it/wp-content/uploads/2023/07/icon-servizi-set2.png);
  background-repeat: no-repeat;
  height: 82px;
  width: 82px;
  overflow: hidden;
}


.home2 .wrapper-width {
  z-index: 10000;
}

.top-hot-image{
  background:url(https://old.anie.it/wp-content/uploads/2023/06/TEMA-1.jpg) top center no-repeat;
  background-size: cover;
 
  width: 100%;
  padding: 40px 10px;
  min-height:700px;

}

.container-slide-homepage {
  width: 100%;
  margin: 0px auto;
  padding:30px;
}
.image-industria{
  position: absolute;
  margin-top: -10px;
  margin-left: -640px;
}


.image-mobilita{
  position: absolute;
  margin-top: -90px;
  margin-left: -280px;
}
.image-building{
  position: absolute;
  margin-top: 190px;
  margin-left: -180px;
}
.image-energia{
  position: absolute;
  margin-top: 320px;
  margin-left: -570px;
}

.main-icone-slide-homepage{
  float:left;
  
  text-align: center;
}

.button-slidehomepage{
  position: absolute;
  display: inline-block;
  width: 85px;
  height: 85px;
  border: 10px solid #004B87;
  border-radius: 50%;
  background-size: 50px 50px;
  background-repeat: no-repeat;
  background-position: center center;
  transition: all 0.3s ease-in-out;
  background-color: #ffffff;
  box-shadow: 0px 3px 6px #00000029;
  opacity: 1;
  transform-origin: center center;
  animation: glow 2s ease-in-out infinite;
  transform: translate(-50%, -50%); /* Aggiunta di transform */

}
.button-slidehomepage:hover{
  width: 160px;
  height: 160px;
  background-color: #004B87;
  background-size: 100px 100px;
  border-color: #ffffff;
  animation-play-state: paused;
  transform-origin: center center;
}
.button-slidehomepage::before{
  transition: all 0.3s ease-in-out;
}


.button-slidehomepage::before {
  position: absolute;
  letter-spacing: 0px;
  color: #FFFFFF;
  text-transform: uppercase;
  font-size: 23px;
  transform-origin: center center;
}

@keyframes glow {
  0% {
    box-shadow: 0px 0px 0px 0px rgba(255,255,255,0.5);
  }
  50% {
    box-shadow: 0px 0px 20px 10px rgba(255,255,255,0.5);
  }
  100% {
    box-shadow: 0px 0px 0px 0px rgba(255,255,255,0.5);
  }
}



.button-industria {
  margin-top: 133px;
  margin-left: -470px;
  background-image: url(https://old.anie.it/wp-content/uploads/2023/07/INDUSTRIA_BLU.png);
  }

.button-industria:hover {
  background-image: url(https://old.anie.it/wp-content/uploads/2023/07/Industria_WHITE.png);
}

.button-industria::before {
  content: "INDUSTRIA";
  top: -30px;
  left: -120px;
}

.button-infrastrutture {
  margin-top: 40px;
  margin-left: -150px;
  background-image: url(https://old.anie.it/wp-content/uploads/2023/07/Icone_ANIE_infrastrutture_blu.png);
  }

.button-infrastrutture:hover {
  background-image: url(https://old.anie.it/wp-content/uploads/2023/07/Icone_ANIE_infrastrutture_bianco.png);
}

.button-infrastrutture::before {
  content: "INFRASTRUTTURE";
  top: -27px;
  left: 80px;
}

.button-infrastrutture:hover::before {
  content: "INFRASTRUTTURE";
  top: -17px;
  left: 150px;
}


.button-building {
  margin-top: 350px;
  margin-left: -40px; 
  background-image: url(https://old.anie.it/wp-content/uploads/2023/07/Edificio_BLU.png);
  }

.button-building:hover {
  background-image: url(https://old.anie.it/wp-content/uploads/2023/07/Edificio_WHITE.png);
}

.button-building::before {
  content: "BUILDING";
  top: 90px;
  left: 50px;
}

.button-building:hover::before {
  content: "BUILDING";
  top: 160px;
  left: 90px;
}


.button-energia {
  margin-top: 450px;
  margin-left: -420px;
  background-image: url(https://old.anie.it/wp-content/uploads/2023/07/Energia_blu.png);
  }

.button-energia:hover {
  background-image: url(https://old.anie.it/wp-content/uploads/2023/07/Energia_WHITE.png);
}

.button-energia::before {
  content: "ENERGIA";
  top: 70px;
  left: -100px;
}

.button-energia:hover::before {
  content: "ENERGIA";
  top: 100px;
  left: -100px;
}

.titolo-slide-homepage, .titolo-slide-homepage2 {
  font-size: 42px;
  color: #ffffff;
  line-height: 56px;;
  /* float: left; */
}

.sottotitolo-slide-homepage, .sottotitolo-slide-homepage2 {
  font-size: 20px;
  color: #ffffff;
  line-height: 26px;
  padding: 0px;
  font-family:'Roboto';
  font-weight: 200;
  /* float: left; */
}

.titolo-icone-slide-homepage {
  float: left;
  width:33%;
  padding-right:70px;
}


.titoli-blocchi-v2{

  
  text-align: left;
  font: normal normal normal 26px/32px 'Roboto';
  letter-spacing: 0px;
  color: #004B87;
  opacity: 1;
  width:auto;
  margin-bottom:20px;
  margin-top:20px;
  text-transform: uppercase;
  font-weight: 300;
}

.titoli-blocchi-v2:after {
  content: "";
  background: #004B87;
  top:34px;
  left: 0;
  height: 1px;
  width: 22%;
  position:absolute;
  margin-left:-45px;
}

.titoli-blocchi-v2-bianchi{
  
  text-align: left;
  letter-spacing: 0px;
  opacity: 1;
  width:auto;
  margin-bottom:30px;
  margin-top:20px;
  font-family: 'roboto_condensedregular';
  color: #ffffff;
  font-size: 26px;
  text-transform: uppercase;

}

.titoli-blocchi-v2-bianchi:after {
  content: "";
  background: #ffffff;
  top:34px;
  left: 0;
  height: 1px;
  width: 22%;
  position:absolute;
  margin-left:-60px;
}




.titoli-blocchi-v2 .titolo-notizia{
  text-align: left;
  font: normal normal bold 14px/17px Roboto;
  letter-spacing: 0px;
  color: #004B87;
  opacity: 1;
}
.home2 .container-box-primo-piano{
  width:100%;
  display:flex;
  flex-wrap: wrap;
  flex-direction: row;
}
/* Responsive layout - makes a one column layout instead of a two-column layout */
@media (max-width: 800px) {


  .home2 .slide#servizi .comparti-container ul li {
   
    background: #6aaae4 !important;

    transition: none;
    
  }

  .home2 .slide#focus .comparti-container ul {
    width:100% !important;
  }

  .home2 .slide#focus .comparti-container ul li {
  
    background: #67bfa5 !important;

    transition: none;
    
  }

  .home2 .container-box-primo-piano{
    flex-direction: column !important;
    display: block;
  }

  .home2 .container-box-primo-piano ul {
    display:block !important;
  }

  .home2 .container-box-primo-piano li {
    margin: 40px 20px 0px 0px !important;
  }

  .container-box-agenda-notizie {
    grid-template-columns: 1fr !important;
    margin: 0px !important;
  }

  .titoli-blocchi-v2-bianchi{
    margin-top: -20px !important;
  }

  .container-box-agenda-notizie .news ul li span.desc {
    width: 60% !important;
  }

  .container-box-agenda-notizie .box-notizie .news ul li span.desc {
    width: 100% !important;
  }

 .box-agenda, .box-notizie {
    margin: 0 auto !important;
  }

  .main-icone-slide-homepage{
   
    width: 100%;
    
  }
  
  .home2 .primo-piano-v2 .wrapper-width {
    padding-left: 22px !important;
  }

  .titolo-associarsi{
    margin-left: -97px !important;
  }

  .top-hot-image {
    background: url(https://old.anie.it/wp-content/uploads/2023/06/TEMA-1.jpg) top center no-repeat;
    background-size: cover;
    width: 100%!important;
    padding: 0px 10px!important;
    min-height: 700px;
  }

  .container-slide-homepage {
    padding: 0px;
  }

  .titolo-icone-slide-homepage {
    float: left;
    width: 100%;
    padding-right: 0px;
    margin-bottom: 40px;
  }

  .top-hot-image .text-container{
    position:relative !important;
  }

  .loghi-conf-anie-banner{
    width: 100% !important;
  }
  .img-cerchio{
   
    width: 340px !important;
    margin: 0 auto;
  }
  .titolo-slide-homepage, .titolo-slide-homepage2 {
    font-size: 25px !important;
    color: #ffffff;
    line-height: 27px;
    float: none !important;
    text-align: center;
  } 

  .sottotitolo-slide-homepage, .sottotitolo-slide-homepage2 {
    font-size: 18px !important;
    color: #ffffff;
    line-height: 26px;
    padding: 0px;
    font-family: 'Roboto';
    font-weight: 200;
    /* float: left; */
    text-align: center;
  }
  .button-slidehomepage {
    position: absolute;
    display: inline-block;
    width: 65px !important;
    height: 65px !important;
    border: 6px solid #004B87 !important;
    border-radius: 50%;
    background-size: 40px 40px !important;
    background-repeat: no-repeat;
    background-position: center center;
    transition: all 0.3s ease-in-out;
    background-color: #ffffff;
    box-shadow: 0px 3px 6px #00000029;
    opacity: 1;
    transform-origin: center center;
    animation: glow 2s ease-in-out infinite;
    transform: translate(-50%, -50%);
}

  .button-slidehomepage::before {
    position: absolute;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
    font-size: 13px !important;
    transform-origin: center center;
  }

  .button-industria {
    margin-top: 42px;
    margin-left: -280px;
    background-image: url(https://old.anie.it/wp-content/uploads/2023/07/INDUSTRIA_BLU.png);
}

.button-industria::before {
  content: "INDUSTRIA";
  top: -30px !important;
  left: -40px !important;
}

  .button-infrastrutture {
    margin-top: 50px !important;
    margin-left: -70px !important;
    background-image: url(https://old.anie.it/wp-content/uploads/2023/07/Icone_ANIE_infrastrutture_blu.png);
  }

  .button-infrastrutture::before {
    content: "INFRASTRUTTURE";
    top: -37px !important;
    left: 0px !important;
  }

  .button-building {
    margin-top: 300px !important;
    margin-left: -70px !important;
    background-image: url(https://old.anie.it/wp-content/uploads/2023/07/Edificio_BLU.png);
  }

  .button-building::before {
    content: "BUILDING";
    top: 70px !important;
    left: 40px !important;
  }

  .button-energia {
    margin-top: 280px !important;
    margin-left: -290px !important;
    background-image: url(https://old.anie.it/wp-content/uploads/2023/07/Energia_blu.png);
  }

  .button-energia::before {
    content: "ENERGIA";
    top: 80px !important;
    left: -20px !important;
}




.titoli-blocchi-v2:after {
  content: "";
  background: #004B87;
  top: 34px;
  left: 0;
  height: 1px;
  width: 47% !important;
  position: absolute;
  margin-left: -16px !important;
}

.box-agenda, .box-notizie{
  padding:1rem 0rem !important;
  max-width:100% !important;
}
  #banner-homepage {
    height: 90px !important;
  }

  .box-newsletter-homepage {
   
    height: 250px !important;
  }

  .home2 .slide#servizi .comparti-container ul {
    margin: 100px 0 !important;
    width:100% !important;
  }

  .home2 #servizi {

    height: 630px !important;
  }

  .home2 .slide#focus .comparti-container ul {
    margin: 100px 0 !important;
  }

  .container-associarsi, .box-newsletter-homepage {
    padding: 40px !important;
  }
  .pulsante-associarsi {
    margin-top: 40px !important;
    width: 100% !important;
  }
  .riquadro-associarsi {
    width: 100% !important;
  }

  .titolo-newsletter-homepage{
    margin-top:-20px !important;
    margin-left: -52px !important;
  }

  .titolo-network{

    margin-left: -131px !important;
  }

  .top-hot-image .text-container {
    
   z-index: 10 !important;
}
  .slide nav.section-navigation {
    
    top: -16px !important;
    left: 30px !important;
}


  .home2 .slide#servizi .circle .bg{
    display:none !important;
  }


  .box-associarsi-homepage {

    padding: 40px !important;
  }

  .titolo-seguici{
    text-align: center !important;
  }
  
}



.home2 .container-box-primo-piano ul {
display: flex;
flex-wrap: wrap;
padding-left: 0;
list-style: none;
}
@media (min-width: 992px) {
.home2 .container-box-primo-piano ul li {
list-style: none;
flex: 30%;
}
}

.home2 .container-box-primo-piano li{
  margin:0px 20px 0px 0px;
}

.home2 .container-box-primo-piano a{
  text-decoration: none;
  
}
.primo-piano-v2{
  background: #f7f6f6;
  border-top: none !important;
  border-bottom: none !important; 
  color: #666;
  left: 0;
  right: 0;
  box-shadow: 0 0 8px #666;
}


.primo-piano-v2 .news {
  background-color:#f7f6f6 !important;
}

.primo-piano-v2 .news ul li span.desc {
  width: 100% !important;
  color: #004B87;
}

.primo-piano-v2 .news .leggi-tutte{
  padding:20px;
  font-weight: bold;;
}


.primo-piano-v2 .news ul li span.desc strong {
  text-align: left;
  font-weight:bold;
  letter-spacing: 0px;
  color: #004B87;
  opacity: 1;
  }


.container-box-agenda-notizie .news{
  background-color:transparent !important;
}


.container-box-agenda-notizie {
  display: grid;
  /* flex-direction: row; */
  background-color: #ffffff;
  margin-top: 40px;
  background-color: #ffffff;
  margin-bottom: 40px;
  /* margin: 40px auto; */
  grid-template-columns: 1fr 1fr;
  max-width: 1020px;
  margin: 40px auto;
}

.box-agenda {
 
  background: #286AA633 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #00000029;
  opacity: 1;
  max-width: 500px;
  padding: 1rem;
  margin: 0 35px 0 auto;

}

.box-notizie {

  background: #286AA633 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #00000029;
  opacity: 1;
  max-width: 500px;
  padding: 1rem;
  margin: 0 35px 0 auto;
}



.container-box-agenda-notizie .news {
  background: #fff;
}

.container-box-agenda-notizie .news ul {
  margin: 0;
  padding: 8px 8px 0 8px;
  list-style: none;
}

.container-box-agenda-notizie .news ul li {
  padding-bottom: 8px;
  width: 100%;
  overflow: hidden;
  position: relative;
  padding: 8px 16px;
  color: #00458a;
}

.container-box-agenda-notizie .news ul li a{

  color: #00458a;
}


.container-box-agenda-notizie.news ul li a {
  text-decoration: none;
  color: #666;
  display: block;
  position: relative;
  padding-left: 8px;
}

.container-box-agenda-notizie.news ul li a.leggi-tutte {
  color: #00458a;
}

.container-box-agenda-notizie .news ul li a:hover {
  color: #133e71;
}

.container-box-agenda-notizie .news ul li a:hover span {
  color: #133e71;
}

.container-box-agenda-notizie .news ul li .locked-icon {
  left: 18%;
  top: 0;
}

.container-box-agenda-notizie .news ul li .unlocked-icon {
  left: 18%;
  top: 0;
}

.container-box-agenda-notizie .news ul li a .locked-icon {
  left: 15%;
  top: 0;
}

.container-box-agenda-notizie .news ul li a .unlocked-icon {
  left: 15%;
  top: 0;
}

.container-box-agenda-notizie .news ul li .locked-icon-news {
  left: -20px;
  top: 0;
}

.container-box-agenda-notizie.news ul li .unlocked-icon-news {
  left: -20px;
  top: 0;
}

.container-box-agenda-notizie .news ul li a .locked-icon-news {
  left: -16px;
  top: 2px;
}

.container-box-agenda-notizie .news ul li a .unlocked-icon-news {
  left: -20px;
  top: 0;
}

.container-box-agenda-notizie .news ul li span {
  display: inline-block;
  vertical-align: top;
}

.container-box-agenda-notizie .news ul li span.data {
  
    margin-right: 2%;
    font-size: 38px;
    color: #ffffff;
    line-height: 26px;
    text-align: center;
    background-color: #004B87;
    padding: 20px;
    text-transform: uppercase;
    min-width: 105px;
}

.container-box-agenda-notizie .news ul li span.data span {
  font-size: 14px;
  display: block;
}

.container-box-agenda-notizie .news ul li span.desc {
  width: 68%;
  color:#084d85;
}

.container-box-agenda-notizie .box-notizie .news ul li span.desc {
  width: 100%;
  color:#084d85;
}


.home2 .slide .contenuto .comparti-container li {
  width: 100%;
  
}

.home2 .leggi-tutte{
  font-weight:bold;
}

.home2 .slide .contenuto{
  position:relative;

}
.home2 .slide {
  min-height: 1000px;
}

.home2 .slide#index .contenuto {
  top: 235px;
}

.home2 .slide#index .news ul li {

  max-height: 200px;
  overflow: hidden;
}

.banner-homepage{
  display:flex;
  width:100%;
  max-width:1020px;
  flex-direction: column;
  height:auto;
  
  margin:20px auto;
}

.box-associarsi-homepage{
  width:100%;
  height:230px;
  background: #004B87 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #00000029;
  opacity: 1;
  margin:50px auto;
  display:flex;
  flex-direction: row;
}

/* Responsive layout - makes a one column layout instead of a two-column layout */
@media (max-width: 800px) {
  .box-associarsi-homepage {
    flex-direction: column;
    height:auto;
  }

}

.container-associarsi{
  width: 100%;
  max-width:940px;
  margin:auto auto;

  }
  
  /* Responsive layout - makes a one column layout instead of a two-column layout */
  @media (max-width: 800px) {
    .container-associarsi {
     
    }
    .riquadro-associarsi{
      width: 208px;
      height: 66px;
      border: 2px solid #FFFFFF;
      opacity: 1;
      margin-right:0px;
      margin-top:40px;
      float:none;
      
    }
    
  }



.riquadro-associarsi{
  width: 208px;
  height: 66px;
  border: 2px solid #FFFFFF;
  opacity: 1;
  margin-right:24px;
  text-align: left;
  font-family: 'roboto_condensedregular';
  float:left;
  letter-spacing: 0px;
  color: #FFFFFF;
  opacity: 1;
  font-size:16px;
  display:flex;
  align-items: center;
  justify-content: center;
  line-height: 24px;;
}
.riquadro-associarsi span{
  font-family: 'roboto_condensedregular';
 
    font-size:31px;

}

.pulsante-associarsi {
  margin-top: 20px;
  float: right;
  width: 127px;
  height: 36px;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 8px;
  opacity: 1;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 0px;
  color: #004B87;
  text-transform: uppercase;
  opacity: 1;
  font-family: 'roboto_condensedregular';
  font-weight: 400;
  font-style: normal;
  text-transform: uppercase;
  cursor: pointer;
  transition: background .3s;
  align-self: flex-end;
  padding-top:9px;

}

.pulsante-associarsi:hover{background:#004B87;color:#ffffff;border:1px solid #ffffff;}

.fake-box-pulsante{
  height: 0px;
    align-items: flex-end;
    justify-content: flex-end;
    max-width: 1020px;
    margin-top: -67px;
}

.fake-box-titolo{
  height: 0px;
    align-items: flex-start;
    justify-content: flex-start;
    max-width: 1020px;
    margin-top: 67px;
}



.box-newsletter-homepage{
  width:100%;
  height:230px;
  background: url(https://old.anie.it/wp-content/uploads/2023/07/bg-box-newsletter.png);
  background-repeat: no-repeat;
  box-shadow: none;
  background-size:cover;
  opacity: 1;
  margin:50px auto;
  
}

.container-box-newsletter{

    max-width: 940px;
    margin: 0 auto;
}

.home2 .slide .contenuto{
  position:relative !important;
  top:0;
}


.home2 #comparti{
  background-image: none;
  background: #FF920E 0% 0% no-repeat padding-box !important;
  opacity: 1;

}

.comparti2, .servizi2, .focus2{
  min-height: 658px !important;
  /* padding-top: 100px !important;*/
}


.comparti2 .contenuto {
  background: #f7f6f6;
  border-top: none !important;
  border-bottom: none !important;
  color: #666;
  
  top: 0;
  margin-top: 100px !important;

  box-shadow: none !important;
}

.comparti2 .circle .bg {

  border: 40px solid #fd922a !important;
  background: #F8B86A !important;

}

.home2 #servizi{
  background-image: none;
  background: #67A9E6 0% 0% no-repeat padding-box !important;
  opacity: 1;
  height: 549px;
  min-height: 370px !important;
}

.servizi2 .contenuto {
  background: #f7f6f6;
  border-top: none !important;
  border-bottom: none !important;
  color: #666;
  
  top: 0;
  margin-top: 100px !important;

  box-shadow: none !important;
}

  
.home2 .slide#servizi .text-container {
  position: absolute;
  top: 120px;
  right: 0;
  width: 25%;
  text-align: left;
}

.home2 .slide#servizi .text-container div {
  font-size: 18px;
}

.home2 .slide#servizi .circle {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 100;
  overflow: hidden;
}

.home2 .slide#servizi .circle .bg {
  width: 1100px;
  height: 1100px;
  border: 40px solid #67A9E6;
  background: #BBDBF8;
  border-radius: 50%;
  position: absolute;
  top: -90px;
  left: -740px;
  z-index: 100;
  line-height: 600px;
  padding-left: 100px;
}
  
.home2 .slide#servizi .circle .bg:before {
  content: "";
  position: absolute;
  background: #fef7fb;
  top: -30px;
  left: -630px;
  bottom: 120px;
  border-radius: 50%;
  z-index: 222;
}

.home2 .slide#servizi .circle .bg:before {
  content: "";
  position: absolute;
  background: #fef7fb;
  top: 120px;
  left: 120px;
  right: 120px;
  bottom: 120px;
  border-radius: 50%;
  z-index: 222;
}

.home2 .slide nav.section-navigation {
  z-index: 300;
}

.home2 .slide#servizi .comparti-container{
  text-align:center;
}


.home2 .slide#servizi .comparti-container ul {
  margin: 40px 0;
  list-style: none;
  padding: 0;
  display: inline-block;
  width: 430px;
}

.home2 .slide#servizi .comparti-container ul li {
  text-align: right;
  background: #BBDBF8;
  color: #fff;
  margin-bottom: 8px;
  font-size: 20px;
  transition: background .3s;
  text-transform: uppercase;
}

.home2 .slide#servizi .comparti-container ul li a {
  padding-left: 60px;
  display: block;
  text-align: end;
  color: #fff;
  text-decoration: none;
}

.home2 .slide#servizi .comparti-container ul li:hover {
  background: #67A9E6;
}

.home2 .slide#servizi .comparti-container ul li div {
  display: inline-block;
  background: #67A9E6;
  padding: 4px 8px 4px 16px;
}


.home2 .slide#servizi .text-container div div {
  padding:0px;
  background: none;
  min-height: 47px;
}

.home2 .slide#servizi .text-container {
  color: #666;
  background: none;
  font-size: 20px;
  min-height: 100px;
  padding: 16px 0;
  border-top: none;
}




/* FOCUS */



.home2 #focus{
  background-image: none;
  background: #63BFA5 0% 0% no-repeat padding-box !important;
  opacity: 1;
  height: 549px;
  min-height: 370px !important;
}

.focus2 .contenuto {
  background: #f7f6f6;
  border-top: none !important;
  border-bottom: none !important;
  color: #666;
  
  top: 0;
  margin-top: 100px !important;

  box-shadow: none !important;
}

  
.home2 .slide#focus .text-container {
  position: absolute;
  top: 120px;
  left: 0;
  width: 25%;
  text-align: left;
}

.home2 .slide#focus .text-container div {
  font-size: 18px;
}

.home2 .slide#focus .circle {
  position:absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 100;
  overflow: hidden;
}

.home2 .slide#focus .circle .bg {
  width: 1100px;
  height: 1100px;
  border-radius: 50%;
  position: absolute;
  top: -90px;
  right: -560px;
  z-index: 100;
  line-height: 600px;
  padding-left: 100px;
  border: 40px solid #63BFA5 !important;
  background: #B6DCD2 !important;
}


  
.home2 .slide#servizi .circle .bg:before {
  content: "";
  position: absolute;
  background: #fef7fb;
  top: 120px;
  left: 120px;
  bottom: 120px;
  border-radius: 50%;
  z-index: 222;
}

.home2 .slide#focus .circle .bg:before {
  content: "";
  position: absolute;
  background: #fef7fb;
  top: 120px;
  left: 120px;
  right: 120px;
  bottom: 120px;
  border-radius: 50%;
  z-index: 222;
}

.home2 .slide#focus .comparti-container{
  text-align:center;
}


.home2 .slide#focus .comparti-container ul {
  margin: 40px 0;
  list-style: none;
  padding: 0;
  display: inline-block;
  width: 430px;
}

.home2 .slide#focus .comparti-container ul li {
  text-align: right;
  background: #B6DCD2;
  color: #fff;
  margin-bottom: 8px;
  font-size: 20px;
  transition: background .3s;
  text-transform: uppercase;
}

.home2 .slide#focus .comparti-container ul li a {
  padding-left: 60px;
  display: block;
  text-align: end;
  color: #fff;
  text-decoration: none;
}

.home2 .slide#focus .comparti-container ul li:hover {
  background: #63BFA5;
}

.home2 .slide#focus .comparti-container ul li div {
  display: inline-block;
  background: #63BFA5;
  padding: 4px 8px 4px 16px;
}


.home2 .slide#focus .text-container div div {
  padding:0px;
  background: none;
  min-height: 47px;
}

.home2 .slide#focus .text-container {
  color: #666;
  background: none;
  font-size: 20px;
  min-height: 100px;
  padding: 16px 0;
  border-top: none;
}


/* CERCA */

.home2 #cerca{
  margin-top:0px !important;
  background-image: none;
  background: #999999 0% 0% no-repeat padding-box !important;
  opacity: 1;
}

.home2 #cerca .slide .contenuto{
  margin-top:0px !important;
}

.cerca2 .contenuto {
  background: #f7f6f6;
  border-top: none !important;
  border-bottom: none !important;
  color: #666;
  top: 0;
  box-shadow: none !important;
  margin-top:100px !important;
}


.home2#cerca .btn-cerca-aziende{
 
  border-radius: 16px;
  background: #999999 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #00000029;
  opacity: 1;
}

.blink-image {
  -moz-animation: blink normal 2s infinite ease-in-out; /* Firefox */
  -webkit-animation: blink normal 2s infinite ease-in-out; /* Webkit */
  -ms-animation: blink normal 2s infinite ease-in-out; /* IE */
  animation: blink normal 2s infinite ease-in-out; /* Opera and prob css3 final iteration */
}

@-moz-keyframes blink {
  0% {
      opacity:1;
  }
  50% {
      opacity: 0.7;
  }
  100% {
      opacity:1;
  }
} 

@-webkit-keyframes blink {
  0% {
      opacity:1;
  }
  50% {
      opacity:0.7;
  }
  100% {
      opacity:1;
  }
}
/* IE */
@-ms-keyframes blink {
  0% {
      opacity:1;
  }
  50% {
      opacity:0.7;
  }
  100% {
      opacity:1;
  }
} 
/* Opera and prob css3 final iteration */
@keyframes blink {
  0% {
      opacity:1;
  }
  50% {
      opacity:0.7;
  }
  100% {
      opacity:1;
  }
} 

.container-network {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 29px;
  list-style: none;
}

.container-network > li {
  flex-basis: 116px; /* width: 350px; */
}

.container-network li img {
  object-fit: cover;
  max-width: 100%;
  height: auto;
  vertical-align: middle;
  border-radius: 5px;
}

/* Responsive layout - makes a two column-layout instead of four columns */
@media screen and (max-width: 800px) {
  .column-network {
    flex: 50%;
    max-width: 50%;
  }
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .column-network {
    flex: 100%;
    max-width: 100%;
  }
}

.slider-loghi-homepage {
  position: relative;
  width: 100%;
  height: 70px;
  overflow: hidden;
}

.slide-group-loghi-homepage {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  gap: 40px; /* Spazio tra i loghi */
  animation: slide-loghi-homepage 30s linear infinite;
}

.slide-loghi-homepage {
  flex: 0 0 auto;
}

.slide-loghi-homepage img {
  max-width: 100%;
  max-height: 100%;
  margin: auto;
  display: block;
}

@keyframes slide-loghi-homepage {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-100%);
  }
}


#banner-homepage {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 200px;
  max-width:1020px;
}

#banner-homepage img, #banner-homepage a {
  position: absolute;
  top: -400px;
  left: 0;
  width: 100%;

  opacity: 0;
  transition: opacity 1s ease-in-out;
}

#banner-homepage img.active,
#banner-homepage a.active {
  top:0;
  opacity: 1;
}

.popup-link {
  text-decoration: none; /* Rimuove il sottolineato dai link */
  color: inherit; /* Il testo all'interno del link eredita il colore del testo normale */
}


.popup-container {
  cursor: pointer;
  position: fixed; /* Posizionamento fisso rispetto alla viewport */
  top: 50%; /* Centrato verticalmente */
  left: 50%; /* Centrato orizzontalmente */
  transform: translate(-50%, -50%); /* Compensa la dimensione della popup */
  max-width: 600px; /* Larghezza massima della popup */
  width: 100%; /* Larghezza responsive */
  box-shadow: 0 5px 15px rgba(0,0,0,0.3); /* Ombra per la popup */
  z-index: 1000; /* Assicura che la popup sia sopra gli altri elementi */
}

.popup-container .close-button {
  position: absolute;
  top: 10px; /* Distanza dal top */
  right: 10px; /* Distanza dal lato destro */
  cursor: pointer; /* Cambia il cursore quando si passa sopra il pulsante */
  z-index: 10;

  width: 50px;
    height: 32px;
    border-radius: 9px;
    background-color: white;
    text-transform: uppercase;
    font-size: 10px;
  /* Aggiungi altri stili per il pulsante qui se necessario */
}


.popup-container img {

  position: relative;
  z-index: -1;

  width: 100%; /* L'immagine occupa tutta la larghezza del container */
  max-height: calc(100vh - 200px); /* Altezza massima per evitare overflow */
  object-fit: cover; /* Assicura che l'immagine copra l'area senza distorcersi */
}

.popup-content {
  position: absolute; /* Posizionamento assoluto all'interno della popup */
  top: 0; /* Allinea al fondo della popup */
  left: 0; /* Allinea a sinistra della popup */
  
  color: white; /* Testo bianco per contrasto */
  
  max-height: 200px; /* Altezza massima della banda rossa */
  padding: 20px; /* Spaziatura interna */
  box-sizing: border-box; /* Include padding e bordi nella larghezza */

  
  width: 100%; /* Assicura che la banda copra tutta la larghezza */


}

/* Stili aggiuntivi per il testo all'interno della banda rossa */
/*
.popup-content h2,
.popup-content p {
    margin: 0; 
    
}
*/

/* Media query per dispositivi più piccoli */
@media (max-width: 767px) {
  .popup-container {
      max-width: 90%; /* Popup più piccola sui dispositivi mobili */
  }
}